﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}
body{min-width: 1200px; width: 100%; overflow-x:hidden;}



/**/
.banner{ height:618px; position:relative; width:100%; position:relative; z-index:1;}
.banner a{ display:block; background:url(img/index/banner.jpg) no-repeat center top; height:618px; overflow:hidden;}

.banners{height: 618px;}
.fullSlide {width:100%;position:relative;height:618px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:618px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:618px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:80px;left:0;height:30px;line-height:30px; }
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#fff;width:30px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:92px;height:92px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .prev{ background:url(img/banLeft.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/banRight.png) no-repeat;}


.yinz{ width:1200px; height:140px; overflow:hidden; margin:-70px auto 0; position:relative; z-index:5; background:url(img/index/yinz_bg.jpg) no-repeat center top;}
.yinz li{ width: 170px;
    float: left;
    font: 24px "Microsoft YaHei";
    color: #fff;
    padding: 15px 0px;
    padding-right: 40px!important;
    margin: 0 37px;
    text-align: left;
    background: url(img/index/yinz_line.png) no-repeat right center;
    height: 115px;} 
.yinz li span{ font-size:37px;}
.yinz li em{ display:block; font:16px "Microsoft YaHei"; padding-top:8px;}
.yinz .li1 span{ font-size:80px;}
.yinz .li1{ padding:15px 0 0 60px; height:125px;}
.yinz .li4{ background:none;}

.pro{ height:826px; padding-top:70px; overflow:hidden; background:url(img/index/pro_bg.jpg) no-repeat center top;background:#f7f7f8;}
.pro .content{position:relative; z-index:2; background:#f7f7f8;}
.pro h2{ height:107px; font:42px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#2a2a2a; position:relative; z-index:2;}
.pro h2 a{ color:#2a2a2a;}
.pro h2 em{ display:block; font:21px "Microsoft YaHei"; color:#666;}
.fen{ width:280px; height:600px; background:#fff; overflow:hidden;}
.fen .h01{ font:16px "Microsoft YaHei"; font-weight:bold; line-height:34px; height:34px; overflow:hidden; padding:35px 0 10px 60px; background:url(img/index/fen_icon.png) no-repeat 28px 45px;}
.fen .h01 a{ color:#184b89;}
.fen h4{ width:218px; height:87px; overflow:hidden; margin-left:28px;}
.fen h4 img{ display:block; width:218px; height:87px;}
.fen h5{ width:225px; margin:0 auto; border-bottom:1px solid #eee; font:14px "Microsoft YaHei"; font-weight:bold; line-height:50px; height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.fen h5 a{ display:block; color:#0a243e; background:url(img/index/fen_jt.png) no-repeat left center; padding-left:15px;}
.fen .h02{font:16px "Microsoft YaHei"; font-weight:bold; line-height:34px; height:34px; overflow:hidden; padding:35px 0 10px 60px; background:url(img/index/fen_icon2.png) no-repeat 28px 42px;}
.fen .h02 a{color:#333;}
.fen .seach1 a{ font:14px "Microsoft YaHei"; line-height:32px; height:32px; overflow:hidden; background:url(img/index/fen_line.gif) no-repeat 28px center; padding-left:44px; display:block;}
.fen .seach1 a{ color:#535353;}

.pro1{ width:900px; overflow:hidden;}
.pro2{ width:600px; overflow:hidden; height:600px; background:#fff; float:left;}
.pro2 dt img{ display:block; width:600px; height:456px;}
.pro2 dd h3{ width:190px; float:left; padding:36px 20px 0 30px; background:url(img/index/pro_line.gif) no-repeat right 36px; font:17px "Microsoft YaHei"; font-weight:bold;}
.pro2 dd h3 a{ color:#2a2a2a;}
.pro2 dd h3 em{ display:block; font:14px Arial; font-weight:bold; text-transform:uppercase; color:#666; padding-top:8px;}
.pro2 dd p{ width:315px; float:right; padding:36px 20px 0 0; font:14px "Microsoft YaHei"; line-height:24px; color:#2a2a2a;}
.prot{ width:278px; float:right;}
.prot li{ width:278px; height:191px; margin-bottom:14px; position:relative;}
.prot li img{ display:block;width:278px; height:191px;}
.prot li em{ display:block; font:16px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#2a2a2a; height:34px; position:absolute; bottom:0; width:278px;}
.prot li b{ display:none; width:13px; height:191px; overflow:hidden; background:url(img/index/pro_hover.png) no-repeat; position:absolute; top:0; left:-11px; z-index:1;}
.prot .cur b{ display:block;}

.par{ background:url(img/index/par_bg.jpg) no-repeat center top; height:391px;overflow:hidden; position:relative; z-index:2;}
.par .content{ position:relative;height:391px;}
.par h2{ font:42px "Microsoft YaHei"; font-weight:bold; color:#1248a1; padding-top:56px;}
.par h2 a{ display:block; color:#1248a1;}
.par h2 em{ display:block; color:#333;}
.par ul{ height:127px; width:1200px; position:absolute; bottom:0; left:0;}
.par li{ float:left;}
.par li img{ display:block; width:1200px; height:127px;}

.case{ height:760px; width:1200px; margin:60px auto 0; overflow:hidden;position:relative;z-index:1;}
.case h2{ text-align:center; height:115px; font:42px "Microsoft YaHei"; color:#063b8f; font-weight:bold;position:relative;z-index:1; background:#fff;}
.case h2 a{ display:block; color:#063b8f;}
.case h2 em{ display:block; font:22px "Microsoft YaHei"; color:#666; padding-top:8px;}
.case1{ border:1px solid #ececec;}
.caset{ height:114px; overflow:hidden;}
.caset li{ width:199px; float:left; height:114px; background:url(img/index/case_line.gif) no-repeat right center; font:16px "Microsoft YaHei"; font-weight:bold; line-height:114px;}
.caset li a{ display:block; color:#333;}
.caset li em{ display:block; width:50px; height:44px; float:left; margin:30px 20px 0 30px; overflow:hidden;}
.caset .li1 em{ background:url(img/index/case01.png) no-repeat center -44px;}
.caset .li2 em{ background:url(img/index/case02.png) no-repeat center -44px;}
.caset .li3 em{ background:url(img/index/case03.png) no-repeat center -44px;}
.caset .li4 em{ background:url(img/index/case06.png) no-repeat center -44px;}
.caset .li5 em{ background:url(img/index/case05.png) no-repeat center -44px;}
.caset .li6 em{ background:url(img/index/case04.png) no-repeat center -44px;}
.caset li a:hover,.caset .cur a{ color:#184b89;}
.caset li a:hover em,.caset .cur em{ background-position:0 0;}
.caset .li6{ background:none;}
.case2{ height:454px; overflow:hidden; background:#f7f8fa;}
.case2 dt{ width:607px; height:454px; overflow:hidden; position:relative; float:left;}
.case2 dt img{ display:block;width:607px; height:454px;}
.case2 dt p{ font:22px "Microsoft YaHei"; color:#fff; position:absolute; bottom:15px; left:30px;}
.case2 dt p em{ display:block; font:14px "Microsoft YaHei"; color:#fffd00;}
.case2 dd{ width:545px; float:right; margin-top:50px; overflow:hidden;}
.case2 dd h3 a{ display:block; height:70px; font:32px "Microsoft YaHei"; font-weight:bold; line-height:70px; color:#000; overflow:hidden; margin-bottom:20px;} 
.case2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666;}
.case2 dd p a{ color:#000; padding-left:5px;}
.case3{width:545px; float:right; overflow:hidden; margin-top:50px;}
.case3 h4 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#000; margin-bottom:24px;}
.case3 ul{ height:116px; overflow:hidden;}
.case3 li{ width:154px; height:98px; float:left; margin-right:14px; position:relative; overflow:hidden;}
.case3 li img{ display:block;width:154px; height:98px;}
.case3 li em{ display:block; font:16px "Microsoft YaHei"; text-align:center; height:26px; overflow:hidden; line-height:26px; color:#fff; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; width:154px; white-space:nowrap; text-overflow:ellipsis;}
.case3 h5 a{ display:block; font:16px "Microsoft YaHei"; line-height:24px; height:24px; color:#333; background:url(img/index/case_more.png) no-repeat 75px center;}

.ys{ background:url(img/index/ys_bg.jpg) no-repeat center 132px; margin-bottom:85px;}
.ys h2{ height:132px; text-align:center; font:42px "Microsoft YaHei"; font-weight:bold; color:#2a2a2a;}
.ys h2 em{ display:block; font:20px "Microsoft YaHei"; color:#666; padding-top:8px;}
.ys1{ height:524px; overflow:hidden;}
.ys1 .content{ position:relative;}
.ys1 dl{ width:525px; padding:60px 0 0 30px; }
.ys1 dd{ padding-bottom:30px; border-bottom:1px solid #ededed;}
.ys1 dd h3{ font:40px "Microsoft YaHei"; font-weight:bold; color:#063b8f; margin-bottom:20px;}
.ys1 dd h3 span{ display:block; font:24px "Microsoft YaHei";}
.ys1 dd p{ font:16px "Microsoft YaHei"; line-height:35px; color:#666; background:url(img/index/fen_jt.png) no-repeat left 16px; padding-left:19px;}
.ys1 dt{ margin-top:36px;}
.ys1 dt p{ width:153px; height:89px; overflow:hidden; position:relative; margin-right:14px; float:left;}
.ys1 dt p img{ display:block; width:153px; height:89px;}
.ys1 dt p em{ display:block; width:28px; height:29px; overflow:hidden; position:absolute; bottom:8px; left:8px;}
.ys1 dt p em img{display:block; width:28px; height:29px;}
.ys1 h5{ width:960px; height:524px; overflow:hidden; position:absolute; top:0; left:600px;}
.ys1 h5 img{ display:block; width:960px; height:524px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
/*
.ys1 h5:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}*/
.ys1 h5 em{ display:block; width:17px; height:34px; overflow:hidden; position:absolute; top:233px; left:0; background:url(img/index/ys_jt.png) no-repeat;}
.ys2 h5{ left:-360px;}
.ys2 h5 em{position:absolute; top:233px; left:943px; background:url(img/index/ys_jt2.png) no-repeat;}

.dy{ height:750px; overflow:hidden; width:1200px; margin:0 auto; background:#fff url(img/index/dy_line1.gif) repeat-x center top;position:relative;z-index:1;}
.new{ width:600px; overflow:hidden;}
.newt{ height:98px; overflow:hidden;}
.newt li{ font:21px "Microsoft YaHei"; font-weight:bold; line-height:98px; color:#2a2a2a; padding:0 45px; float:left;}
.newt li a{ display:block; color:#2a2a2a; height:98px;}
.newt .li1{ background:url(img/index/dy_line3.gif) no-repeat right center;}
.newt li a:hover,.newt .cur a{ background:url(img/index/dy_line2.gif) repeat-x center top;}
.new1 h2{ width:600px; height:278px; overflow:hidden; position:relative;}
.new1 h2 img{ display:block;width:600px; height:278px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new1 h2 a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new1 h2 p{ font:24px "Microsoft YaHei"; color:#fff; position:absolute; bottom:24px; left:30px; }
.new1 h2 em{ display:block; font:14px "Microsoft YaHei"; padding-left:10px;}
.new1 ul{ border:1px solid #eaeaea; padding:30px 0; height:210px;}
.new1 li{ font:14px "Microsoft YaHei"; line-height:42px; height:42px; overflow:hidden;}
.new1 li a{ color:#666;}
.new1 li em{ font-weight:bold; padding:0 10px 0 45px; background:url(img/index/dy_line4.gif) no-repeat right center; margin-right:10px;}

.faq{ width:550px; overflow:hidden;}
.faq .newt li{ padding:0;}
.faq2{ width:550px; height:600px; overflow:hidden;}
.faq2 dl{ margin-bottom:24px; border-bottom:1px solid #f5f5f5;}
.faq2 dt{ height:37px; font:16px "Microsoft YaHei"; line-height:37px; background:#f5f5f5;}
.faq2 dt a{ display:block; color:#073c6d; background:url(img/index/q.png) no-repeat 17px center; padding-left:45px;}
.faq2 dd{ font:15px "Microsoft YaHei"; line-height:25px; padding:16px 45px;}
.faq2 dl.nones{ border-bottom:0;}

.about{ height:630px; padding-top:80px; overflow:hidden; background:#f7f8fa;}
.about1{ height:429px; overflow:hidden; position:relative;}
.about p{ float:left;}
.about p img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about p a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about .p1{ width:299px; height:216px; overflow:hidden; margin-top:213px;}
.about .p1 img{ display:block;width:299px; height:216px;}
.about .p2{width:301px; height:429px; overflow:hidden;}
.about .p2 img{ display:block;width:301px; height:429px;}
.about .p3{ width:600px; height:429px; overflow:hidden;}
.about .p3 img{ display:block;width:600px; height:429px;}
.about h2{ width:264px; height:213px; overflow:hidden; position:absolute; top:0; left:0; background:url(img/index/about-h.png) no-repeat left top; font:32px "Microsoft YaHei"; font-weight:bold; padding:54px 0 0 55px;}
.about h2 a{ display:block; color:#fff;}
.about h2 i{ display:block;}
.about h2 em{ display:block; font:18px Arial; color:#fff; padding-top:8px;}
.about dl{ padding:40px 40px 0 40px;     height: 90px; background:#f7f8fa;  position:relative;z-index:1;}
.about dt a{ display:block; width:290px; font:18px "Microsoft YaHei"; font-weight:bold; color:#2a2a2a; float:left; overflow:hidden;}
.about dd{ width:810px; float:right; font:14px "Microsoft YaHei"; line-height:30px; color:#2a2a2a;}


.caset,.ys1 dd,.new2,.faq2{ background:#fff;}
.faq2{ height:550px;}

