@charset "utf-8";
*{ margin:0 auto; padding: 0; font-family: Microsoft Yahei;}
ol,ul,li{ list-style:none; }
img{ border:0; display: block;}
a{text-decoration:none; outline:none; }
i{font-style:normal;}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0;
    -moz-osx-font-smoothing: grayscale;
}
.icon-fangda:before { content: "\e600"; }
.icon-shangjiantou:before { content: "\e601"; }
.icon-bofang:before { content: "\e602"; }
.icon-qiche:before { content: "\e603"; }
.icon-tel:before { content: "\e604"; }
.icon-yuanquanjiahao:before { content: "\e60e"; }
.icon-zixun-copy:before { content: "\e605"; }
.icon-arrowleft:before { content: "\e606"; }
.icon-zuojiantou:before { content: "\e607"; }
.icon-youjiantou:before { content: "\e608"; }
.icon-jiantouyou:before { content: "\e609"; }
.icon-fangdajing:before { content: "\e60a"; }
.icon-wenhao:before { content: "\e60b"; }
.icon-icon36:before { content: "\e60c"; }
.icon-shejibi:before { content: "\e60d"; }
.w{ width:1120px;}
.w100{ width:100%;}
.w50{ width:49.9%;}
.fl{float:left;}
.f0l{float:right;}
.fr{float:right;}
.oh{ overflow: hidden;}
.db{ display: block;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.c3{ color: #333;}
.cl{ color: #165572;}
.cl2{ color: #012269;}
.f14{font-size: 14px;}
.pr{ position: relative;}
.pa{ position: absolute;}
input{outline: none;}
.header{background: #E5E8F1 ;
     height: 100px;
}
.h:hover{ color: #012269; transition:.5s all;-webkit-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;}
.tran{transition:.5s all;-webkit-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;}
.scale:hover img{transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
.translate:hover{transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);}
.bs{-moz-box-shadow:0 0 10px #dbdbdb; -webkit-box-shadow:0 0 10px #dbdbdb;box-shadow:0 0 10px #dbdbdb;}
.logo{ width:600px; height:100px;}
.header-ul{ width:500px; height: 100px; background: #e5e8f0;}
.header-ul-li1{ width:411px;height: 100px;background: url(../images/index_04.jpg) no-repeat right center; padding: 20px 0;}
.header-ul-li1 span{  color: #333;font-size:16px;}
.header-ul-li1 p{  color: #165572;font-size:18px;    line-height: 30px;}
.header-ul-li2{ width:180px;height: 100px;font-size:12px;color: #7A7B7F; background: url(../images/index_04.jpg) no-repeat right center; line-height: 100px;  }
.header-ul-li2 a{color: #7A7B7F; padding: 10px 10px;}
.header-ul-li2 a img{ display:inline;  }
.header-ul-li3{ width:221px;height: 100px; padding:20px 0;}
.header-ul-li3 span{ color: #333;}
.header-ul-li3 span i{ display: inline-block;border-radius: 3px; width:22px; height:22px; background: #eac017;color: #e5e8f0; padding:2px; font-size: 16px; margin-right: 10px;}
.header-ul-li3 p{ font-size: 24px; line-height: 30px;}

.banner img{ width:100%;}
.search{left:0;bottom:0; background: url(../images/dian_03.png) repeat; height: 100px; }
 .search2-left{ width:993px; height: 60px; padding:20px 0; }
.search2-left a{font-size: 12px; color: #8A8C8F; padding: 0 30px;}
.search2-left1{border-top:1px solid #2e3137; border-bottom:1px solid #2e3137;}
.search2-left1 span.search2-left1span{ border-right:1px solid #2e3137;height: 55px; line-height: 55px;color: #fff; width:135px; font-size:12px; color: #fff;}
.search2-left1 .search2-left1div{ height: 55px; line-height: 55px;color: #fff; font-size:12px; }
.search2-left1 .search2-left1div a:hover{ color: #fff; transition:.3s all;-webkit-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-moz-transition:.3s all; }
.searchdiv{ height: 50px; width:270px; line-height: 50px;border-left:1px solid #2e3137;}
.searchdiv .textinput{ width: 80%; height: 100%; left:0;top:0;border:none;background: none; padding-left: 5px; color:#fff; }
.searchdiv .submitinput{ width: 20%; height: 100%; right:0;top:0;border:none;background: none; cursor: pointer;}
.searchdiv i{right:0;top:50%;margin-top: -10px; width:20px; height: 20px;    line-height: 20px;}
.banner-current{ width:150px; height: 100px; background: #012269; line-height: 100px;}
.banner-current span{ display: inline-block; width:10px; height: 10px; border-radius: 5px; background: #1b3978;}
.choicename{ font-size:22px; color: #005881; padding: 40px 0 25px; }

.choidiv{ background: #f0f0f0;}
.wrap{ height: 230px;}
.imgwrap{ width:1000%;}
.imgwrap a{margin-right:12px; width: 230px; }
.imgwrap a .img-p span{height: 160px;}
.imgwrap a .img-p{height: 173px;background: url(../images/index_21.jpg) no-repeat bottom center;}
.imgwrap a .tac.db{ height: 40px; line-height: 40px; color: #333;}
#left,#right{ background: url(../images/jl.png) no-repeat; width: 30px; height: 64px;top:50%; margin-top: -56px;}
#left{left:-32px; }
#left:hover{background-position:0 -149px ;}
#right{ background-position:0 -74px ;right:-30px; }
#right:hover{ background-position:0 -228px ; }
#p{ opacity: 0;}

.casediv{background: #f9fbfc  url(../images/bj_03.jpg) repeat-x top center; padding-bottom:60px;}
.case{ padding:0 10px 20px;}
.caseleft{width: 232px;}
.caseleft a{height:92px;line-height: 92px; border-bottom:1px solid #e5e8f0; padding-left:30px; color: #333; background: #fff;}
.caseleft a i{ width: 30px; height: 30px; right:20px; top: 50%; margin-top: -15px; color: #fff;    line-height: 30px;}
.caseleft a.nav:hover{ background: #eac017;border-bottom:1px solid #eac017; color: #012269;}
.caseleft a.nav:hover i{ color: #000;}
.caseleft .one-a{ background: #012269; color: #fff;}
.caseleft .last-a{ background: #b2bcd2; color: #fff;}
.caseright{ width: 957px;}
.caseright table{ border-collapse: collapse; border:1px solid #e5e8f0;}
.caseright table tr td{ height: 92px; line-height: 92px;}
.caseright table tr td.tal{font-size:14px; color:#999; padding-left:20px;}
.caseright table tr td a.ljxq{ color: #012269; height: 100%;width:139px;}
.caseright table tr td a.zxzx{ color: #fff; height: 100%; background: #eac017;}
.caseright_img{width:957px; height:464px;}
.lxdhdiv{ height: 200px; background: url(../images/index_31.jpg) no-repeat top center;}
.lxdh{ height: 160px; padding-left:400px; padding-top: 40px; width: 800px; line-height: 30px;}
.lxdh span{ font-size:20px; color: #000;}
.lxdh p{ color: #012269; font-size:24px; margin-top: 10px; font-weight:bold;}
.lxdh p span{color: #012269;font-size:16px; font-weight:normal;}
.ytglcpdiv{ padding:50px 0 40px;}
.ytglcpleft{ width:232px;}
.ytglcpleft ul{ padding: 0 20px; border-radius: 3px; border:1px solid #dfe3ec; margin-bottom: 22px;}
.ytglcpleft ul li.pr{ height: 34px; border-bottom:1px dashed #c1c1c1; padding:10px 0;}
.ytglcpleft ul li.pr p{ left:-20px; border-left:1px solid #fff; height: 30px; line-height: 30px; width: 100%; padding-left:20px;}
.ytglcpleft ul li.pr p a{ color: #333; margin-right: 10px; font-size:14px;}
.ytglcpleft ul li.pr:hover p{border-left:1px solid #eac017;}
.ytglcpleft ul li.pr:hover p a{ color: #eac017;}
.ytglcpleft ul li.ytglcpul-li{width:212px; position: relative; margin-left: -21px; background: #1A7EB7;color: #fff; font-size:18px;padding:0 0 0 20px ; height: 60px; line-height: 60px;}
.ytglcpleft ul li.ytglcpul-li i{ top:50%;right:40px;margin-top: -10px; height: 20px; line-height: 20px;}
.ytglcpleft ul li.ytglcpul-li a { color: #fff;}
.ytglcpright{ width:1120px;}
.ytglcprightname{ height:40px; line-height: 40px; padding:10px; border:1px solid #e5e9f0;}
.ytglcprightname .span1{ border-right:1px solid #e5e9f0; padding:0 10px;font-size:18px; color: #005881;}
.ytglcprightname .span2{ padding:0 10px;font-size:18px; color: #c1c9db; }
.ytglcprightname a{ padding:0 30px;font-size:18px; color: #005881;border-left:1px solid #e5e9f0; text-transform: uppercase  ;}

.ytglcprightcon{margin-top: 20px;}
.cp-ul li{border:1px solid #e5e9f0; width: 247px; height: 245px; padding:10px; margin:5px;}
.cp-ul li img{ width:100%;}
.cp-ul li .cp-img{ border-bottom:1px solid #e5e9f0; padding-bottom:10px;}
.cp-ul li .cp-jj{ width:100%; height:100%; top:0;left:0; background: url(../images/png_03.png); opacity: 0;}
.cp-ul li .cp-jj:hover{opacity: 1;}
.cp-ul li .cp-jj p{ text-align: center; width: 100%; margin: 20px auto 20px; color: #fff;}
.cp-ul li .cp-jj a{ background: #fff; background: rgba(255,255,255,.5); width: 99px; height: 38px; line-height: 38px; color: #fff; opacity: .8;}
.cp-ul li .cp-jj a:hover{ opacity:1;}
.cp-ul li .cp-jj a.two-a{background: #eac017;; color: #000;}
.cp-jj-div{ padding: 0 40px;}
.fandiv{background: #f9fbfc  url(../images/bj_03.jpg) repeat-x top center; }
.fanname{ height:100px; padding: 50px;}
.fannameleft{ padding-top: 20px;}
.fannameleft span{font-size:18px; color:#000;}
.fannameleft p{font-size:24px;font-weight:bold;}
.fannameright span{width:100px; height:100px;line-height: 100px;font-size:22px;font-weight:bold; margin-left: 2px; margin-right:20px; float:right;}
.fannameright span.span1{ background: url(../images/fan_06.png) no-repeat center center;}
.fannameright span.span2{ background: url(../images/fan_03.png) no-repeat center center;}
.fannameright span.span3{ background: url(../images/fan_09.png) no-repeat center center; color: #fff;}
.fannameright span.span2:hover{ background: url(../images/fan_09.png) no-repeat center center;color: #fff;}
.fannameright span.span1:hover{ background: url(../images/fan_09.png) no-repeat center center;color: #fff;}
.fancon{ padding:5px 10px; margin:-10px auto;}
.fancon dt{ border:1px solid #f0f0f1; background: #fff; }
.fancon dt .dtdiv{padding:10px 0;}
.fancon dt .dtdiv .pp1{ width:100px; height:140px; background: #012269; left:30px; top:0; line-height: 140px; color: #eac017; font-size:40px; text-align: center;}
.fancon dt .dtdiv .pp2{ width:100px; height:140px; background: #012269; right:30px; top:0; line-height: 140px; color: #eac017; font-size:40px; text-align: center;}
.fancon dd{ width:48%; padding: 50px 0px 50px 20px;  letter-spacing:-1px;}
.fancon dd h6{ text-align: center; font-size:20px; margin-bottom: 10px; color:#012269;}
.fancon dd p{ padding-left: 30px; line-height: 36px;font-size:14px;}
.fancon dd .p1{ text-indent:-2em;}
.fancon dd .p1 span{ padding-right:25px; font-size:12px;}
.fancon dd .p2{ margin-bottom:20px;}
.fancon dd .p2 a{ padding-right:20px; }
.fancon dd p a{ font-size:14px;}
.ljxq{ background: #fafafb; border:1px solid #d0d0d0; line-height: 40px; height: 40px; color: #000;font-size:14px; padding:10px; 20px;}
.dc{ background: #fafafb; border:1px solid #d0d0d0; line-height: 40px; height: 40px; color: #000;font-size:14px; padding-top:22px;}
.caseright table tr td a.ljxq:hover{ background: #012269; color: #eac017;border:1px solid #012269;}
.ljxqdiv{ margin-top:10px;}
.fwlcdiv{ border-top:1px solid #e2e9ec;border-bottom:1px solid #e2e9ec;}
.fwlc li{ width:200px; height: 100px; text-align: center; padding:50px 0;}
.fwlc li.fwlc-li1{ background: url(../images/index_62.jpg) no-repeat center center; padding-left: 60px; width: 140px;}
.fwlc li.fwlc-li2{ background: url(../images/index_63.jpg) no-repeat center center;}
.fwlc li.fwlc-li3{ background: url(../images/index_64.jpg) no-repeat center center;}
.fwlc li.fwlc-li4{ background: url(../images/index_65.jpg) no-repeat center center;}
.fwlc li.fwlc-li5{ background: url(../images/index_66.jpg) no-repeat center center;}
.fwlc li.fwlc-li6{ background: url(../images/index_68.jpg) no-repeat right center;}
.fwlc li .onei{ color: #012269;font-size:40px;}
.fwlc li .twoi{ color: #7f7f7f;font-size:16px;}
.fwlc li p{ color: #333; font-size: 16px; line-height: 30px;}
.fwlc li h6.tal{font-size:18px;}
.fwlc li span.db.tal{line-height: 20px;font-size:12px; margin-bottom: 20px; color: #111;}
.fwlc li span.db.tal{line-height: 20px;font-size:12px; margin-bottom: 20px; color: #111;}
.fwlc li span.b{line-height: 20px;font-size:12px; margin-bottom: 10px; color: #333;}
.fwlc li i.a{ margin-right: 10px;}



.timediv,.time ul li{ background: url(../images/jb_03.jpg) repeat-x left top; height: 627px;}

.timename .top{padding:20px 0; margin-top: 50px;}
.timename .top a,.time ul li,#timeleft,#timeright{ background: url(../images/jl.png) no-repeat;}
.timename .top a{ background-position: 0 -654px; padding:13px 19px; color: #012269; font-size:24px; }
.timename  .p1{ color: #222; font-size: 20px;}
.timename  .p2{ color: #666; font-size: 12px;}
.time-ul-div{ height: 100%;}
.time{height: 485px;}
.time ul{ width: 100000%; padding-left:180px; }
.time ul li{background-position: 0 -473px; width:28px; height: 28px;margin-top:278px; cursor: pointer; margin-right: 180px; }
.time ul li dl{ width: 286px; height: 145px; margin-left: -143px;left:50%; border:1px solid #dcdcdc; background: #fff;}
.time ul li.base dl{ bottom:50px;}
.time ul li.even dl{ top:50px;}
.time ul li dl dt{ height: 75px; padding: 30px 0 0 50px;}
.time ul li dl dt span{ color: #005881; margin: 0 21px 0 -27px; font-weight: bold;}
.time ul li dl .dd1{ height: 40px; line-height: 40px; background: #dcdcdc; font-size:20px;}
.time ul li.base dl .dd2{ width: 0; height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent; border-top: 12px solid #dcdcdc; left:50%; margin-left: -6px;}
.time ul li.even dl .dd2{ width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom: 12px solid #dcdcdc; left:50%; margin-left: -6px;top:-12px;}

.time ul li.base:hover dl .dd2{ border-top-color: #eac017;}
.time ul li:hover dl .dd1{background: #eac017; color: #fff;}
.time ul li.even:hover dl .dd2{ border-bottom-color: #eac017;}
.time ul li:hover{background-position: 0 -507px;}
#timeleft,#timeright{ width: 48px; height: 48px;}
#timeleft{ background-position:0 -420px; left:-48px;top: 263px;}
#timeright{ background-position:0 -597px; right:-48px;top: 263px;}

.tpimg{ background: url(../images/bj2_02.jpg) no-repeat top center; height: 500px;}
.tpimgul{width: 1120px; padding:100px 0px 0px 0px;}
.tpimgul li{ margin-left:10px; width:260px;}
.tpimgul li .div{ border:1px solid #acc1d3; padding: 7px 0;    height: 229px; background: #fff;}
.tpimgul li .tpname{ line-height: 40px; font-size: 16px;}
.tpimgul li:hover .div img{ transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
 a.two-a{background: #eac017;; color: #000;}
#marqueebox{ width:1120px; overflow:hidden; margin:30PX auto auto auto;}
#marqueeson{ width:200%;}
#marqueeson_cont{float:left;overflow:hidden;zoom:1;}
#marqueeson img{border:none;}
#marqueeson_hidden{float:left}

.dtname{ font-size:18px;height: 40px;margin-top: 40px;}
.dtname p{height: 40px; line-height: 40px; width:50%;}
.dtname a{ color: #333; height: 40px; line-height: 40px; width: 100px;}
.dtname a.current{ color: #012269;}




.dotleft{width:50%;}
.dotleft dl{ height: 98px; padding:10px; background: #ecf3f6; border-bottom:1px solid #fff;}
.dotleft dl dt{ width: 108px; height: 98px; border:1px solid #fff; background: #fff;}
.dotleft dl:hover dt img{transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
.dotleft dl:hover{ background: #006699;}
.dotleft dl:hover dd .h6,.dotleft dl:hover dd p{ color: #fff;}
.dotleft dl dd{ width: 428px;}
.dotleft dl dd .h6{ color:#333; font-size:16px; line-height: 40px;}
.dotleft dl dd p{ color:#999;font-size:14px;line-height: 20px;}
.dotleft dl dd.dd2{ width: 120px; background: #fff; right:-120px;top:0; padding:30px 0; height: 58px; opacity: 0;transform: translateX(-120px);-webkit-transform: translateX(-120px);-ms-transform: translateX(-120px);-moz-transform: translateX(-120px);-o-transform: translateX(-120px);}
.dotleft dl:hover dd.dd2{ opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);}
.dotleft dl dd.dd2 .span1{ color: #E9BF31;font-size:24px; padding-left: 20px; }
.dotleft dl dd.dd2 .span2{ color: #333;font-size:12px; padding-left: 20px;}
.dotright{ width:480px; height:462px; padding:8px; border:1px solid #f5f5f5; display: none;}
.weida{ margin: 46px auto;}
.weida li{ padding-left:30px;}
.weida-li1{ width:160px; color: #000033;font-size:12px;}
.weida-li1 span{ color: #012269; font-size:18px; margin-left: -30px;}
.weida-li1 span i{margin-right: 10px;}
.weida-li2{ width:385px;}
.weida-li3{ width:557px;}
.leftop{ height: 100px; width: 2px; background: #dcdcdc;left:0;top:0;}
.weida li .p1{ color: #012269; font-size:14px; line-height: 30px; padding-left:40px;}
.weida li .p2{ color: #5c5c5c; font-size:14px; line-height: 30px;padding-left:40px;}
.weida li span.y{ width:20px; height:20px;text-align: center; line-height: 20px;font-size:16px; border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;
     margin-right: 10px; margin-top: 3px;}
.weida li .p1 span.y{border:1px solid #012269; margin-left: -30px;}
.weida li .p2 span.y{border:1px solid #5c5c5c; margin-left: -30px;}
.yqljdiv{border-top:1px solid #f1f1f1; padding:24px 0;}
.yqlj li{ padding-left:30px; height: 70px; padding-top: 20px;}
.yqlj li a{color: #333;}
.yqlj .yqlj-li1{ width:160px; color: #000033;font-size:12px;}
.yqlj .yqlj-li2{ width:1120px; }
.yqlj .yqlj-li2 .yqlj-li2-div{ padding-left: 100px;}
.yqlj .yqlj-li2 .yqlj-li2-div span{ margin-left: -100px; text-transform: uppercase; color: #005881;font-size:18px;margin-right: 43px;}
.yqlj .yqlj-li2 .yqlj-li2-div a{ margin-right: 20px; display: inline-block;}
.yqlj .yqlj-li3{ width:557px;}
.yqlj .yqlj-li3 .dz a.fl{ font-size:18px; color: #012269;}
.yqlj .yqlj-li3 .dz a.fr{ font-size:16px; color: #333;}
.yqlj .yqlj-li3 ul{ margin-top: 20px;}
.yqlj .yqlj-li3 ul li{ width:27%; padding-left: 0;}
.yqlj .yqlj-li2 .sqlj{ color: #005881;font-size:14px;margin-top: 30px;}






.bottomfr{ background:#333; padding-top:15px; padding-bottom:45px; color:#fff; font-style:normal;}
.bottomfr a{color:#fff;}
.bottom .link{border-bottom:1px solid #777777; line-height:40px;}
.bottom .link span{display:inline-block; padding-left:15px; font-size:16px;}
.bottom .link a{margin-left:2px; font-size:14px;}

.bottom .btm1{padding-top:20px;}
.bottom .btm1 ul{float:left; margin-right:65px;}
.bottom .btm1 ul li{ line-height:30px;}
.bottom .btm1 ul i{font-size:15px; font-weight:bold; line-height:25px; margin-bottom:5px; font-style:normal;}
.bottom .btm1 .wei{width:130px; float:right; margin-top:10px;}
.bottom .btm1 .wei em{font-style:normal; text-align:center; font-size:13px; padding-left:10px; }
.bottom .btm1 .wei img{display:block; margin:0px auto; margin-bottom:15px; line-height:25px;}
.bottom .btm1 .bt1-text{width:295px; float:right; padding-left:15px; font-size:14px; border-left:1px solid #7e7e7e; font-style:normal;}
.bottom .btm1 .bt1-text i{font-style:normal;}
.copyrightfr{line-height:45px; color:#fff; background:#000; font-size:14px;}
.copyrightfr img{ margin-right:20px; float:left; margin-top:8px; }



.w2 { width:100%; margin: 0 auto; height:250px;}


.m { width: 1120px; margin: 0 auto; }





.navfr{height:50px; background:#343331; line-height:50px;}
.nav ul li{float:left; width:160px; height:50px; text-align:center; background:url(../images/ico3.png) no-repeat right center; font-size:14px; position:relative;}
.nav ul li a{color:#fff; display:block;}
.nav ul li.last-li{background:none;}
.nav ul li .nav2{width:160px; background:#008cd6; padding:5px 0px 5px 0px; border:1px solid #cbcccc; position:absolute; top:50px; left:0px; z-index:99999; display:none;}
.nav ul li .nav2 a{padding-left:25px; text-align:left; border-bottom:1px solid #0baaff; line-height:30px;}
.nav ul li:hover,.nav ul li.on{background:#FECB02; }
.nav ul li:hover .nav2{display:block;}


.nav2{display:block;}








.main1{ height:50px; background:#474747; line-height:50px; margin-top:15px;}
.main1 a{line-height:50px; text-align:center; color:#fff; font-size:15px; font-weight:500; display:inline-block; width:200px; background:url(../images/ico2.png) no-repeat right center;}
.main1 a:hover,.main1 a.on{background:#FECB02; color:#000;}


.num-list{margin-top:50px; margin-bottom:50px; text-align:center;}
.num-list ul li{ padding:0px 8px; border-radius:3px;-webkit-border-radius:3px; display:inline-block; margin-right:10px; font-size:14px; color:#636363; cursor:pointer;}
.num-list ul li:hover,.num-list ul li.on{background:#18b8ec; color:#fff;}





/*pro*/
.profr .main2-tit{padding-top:45px; margin-bottom:40px;}
.pro-list{margin-top:50px; overflow:hidden;}
.pro-list ul{ width:1160px;}
.pro-list ul li{border:1px solid #e3e3e3; border-radius:3px;-webkit-border-radius:3px; padding:2px; float:left; margin-right:38px; width:342px; margin-bottom:30px;}
.pro-list ul li img{width:342px; height:235px; display:block;}
.pro-list ul li .pro-text{padding:12px; text-align:center;}
.pro-list ul li .pro-text .i1{ font-size:24px; background:url(../images/img11.png) no-repeat left bottom; padding-bottom:15px; margin-bottom:10px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro-list ul li .pro-text .i2{font-size:14px; color:#777777; height:50px; overflow:hidden; font-style:normal; }

.about{width:1120px; margin:0 auto; margin-top:50px; line-height:35px;}








.dotleft1{width:100%;}
.dotleft1 dl{ height: 98px; padding:10px; background: #ecf3f6; border-bottom:1px solid #fff;}
.dotleft1 dl dt{ width: 108px; height: 98px; border:1px solid #fff; background: #fff;}
.dotleft1 dl:hover dt img{transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
.dotleft1 dl:hover{ background: #006699;}
.dotleft1 dl:hover dd .h6,.dotleft dl:hover dd p{ color: #fff;}
.dotleft1 dl dd{ width: 1000px;}
.dotleft1 dl dd .h6{ color:#333; font-size:16px; line-height: 40px;}
.dotleft1 dl dd p{ color:#999;font-size:14px;line-height: 20px;}
.dotleft1 dl dd.dd2{ width: 120px; background: #fff; right:-10px;top:0; padding:30px 0; height: 58px; opacity: 0;transform: translateX(120px);-webkit-transform: translateX(120px);-ms-transform: translateX(120px);-moz-transform: translateX(120px);-o-transform: translateX(120px);}
.dotleft1 dl:hover dd.dd2{ opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);}
.dotleft1 dl dd.dd2 .span1{ color: #E9BF31;font-size:24px; padding-left: 20px; }
.dotleft1 dl dd.dd2 .span2{ color: #333;font-size:12px; padding-left: 20px;}






/*产品*/
.cp-left{ width:260px; float:left;}
.cp-left .cp-nav{border:1px solid #dfe3ec; border-radius:3px;-webkit-border-radius:3px; margin-bottom:12px;}
.cp-left .cp-nav .cp-nav-tit{height:60px; background:#363A37; color:#fff; line-height:60px; padding-left:20px;}
.cp-left .cp-nav .cp-nav-tit span{display:inline-block; padding-right:32px;  background:url(../images/ico1.jpg) no-repeat right center;}
.cp-left .cp-nav .cp-nav-list{padding:0px 20px; font-size:15px; font-weight:bold;}
.cp-left .cp-nav .cp-nav-list ul{margin:0px; padding:0px;}
.cp-left .cp-nav .cp-nav-list ul li{padding-top:8px; padding-bottom:8px; border-bottom:1px dashed #c1c1c1; display:block; width:100%;}
.cp-left .cp-nav .cp-nav-list ul li:last-child{border-bottom:none;}
.cp-left .cp-nav .cp-nav-list ul li a{ height:31px; line-height:31px; display:block; border-radius:3px;-webkit-border-radius:3px; color:#333333; font-size:12px;}
.cp-left .cp-nav .cp-nav-list ul li:hover a{color:#fff; font-size:13px; background:#0080d5; padding:0px 13px; margin-left:-11px; margin-right:-11px;}

.cp-right{width:836px; float:right;}
.cp-right .cp-right-tit{ box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;;-o-box-sizing:border-box;-webkit-box-sizing:border-box; border:1px solid #e5e9f0; height:62px; padding:10px 30px 10px 40px; font-size:16px; color:#333; margin-bottom:22px;}
.cp-right .cp-right-tit span{display:block; height:100%;  line-height:40px;}
.cp-right .cp-list{overflow:hidden;}
.cp-right .cp-list ul{ margin:0px; padding:0px; width:830px;}
.cp-right .cp-list ul li{width:263px; height:258px; background:#f6f6f6; padding:14px; margin-left:4px; margin-right:9px; margin-bottom:16px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;;-o-box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; float:left; color:#333;}
.cp-right .cp-list ul li img{display:block; width:234px; height:194px; margin-bottom:14px;}
.cp-right .cp-list ul li a{color:#333;}
.cp-right .cp-list ul li:hover{background:#FECB02;}
.num-list{ margin-top:50px; padding-left:300px;}
.num-list ul{margin:0px; padding:0px;clear:both; }
.num-list ul li{display:inline-block; line-height:30px; padding:0px 10px; border:1px solid #959595; border-radius:5px;-webkit-border-radius:5px; margin:0px 4px; cursor:pointer; font-size:14px; }
.num-list ul li.on,.num-list ul li:hover{border:1px solid #FECB02; background:#FECB02; color:#fff;}


.cp_more{width:235px;  margin:0 auto; padding-top:5px; text-align:center; padding-bottom:10px;}

.cp_more a{color:#333;}






.right{width:253px; height:750px; }
.case-slide{position:relative;}
.case-slide .bd ul li{ position:relative; border-bottom:1px solid #CCC; margin-top:10px;}
.case-slide .bd ul li img{ display:block; width:225px;}
.case-slide .bd ul li em{height:38px; line-height:38px; width:100%; display:block; color:#333; font-style:normal; text-align:center;}
.case-slide .prev{display:block; width:24px; height:68px; background:url(../images/left.png) no-repeat; position:absolute; left:0px; top:80px; }
.case-slide .next{display:block; width:24px; height:68px; background:url(../images/right.png) no-repeat; position:absolute; right:0px; top:80px;}
.case-slide .prev:hover{background:url(../images/left-on.png) no-repeat;}
.case-slide .next:hover{background:url(../images/right-on.png) no-repeat;}





.right1{width:830px; float:left;}


.pro1{width:830px; height:360px; background:#fff; border:1px solid #ccc; margin:0px auto;}


#showArea img{cursor:pointer;display:block;width:128px; height:90px; border:1px solid #ccc;}
#main_img{cursor:pointer;display:block}
#showArea{height:95px;overflow:hidden;}

.pro-text{width:330px; float:left; }
.pro-text .pro-t1{padding:10px 10px 0px 25px; height:320px; overflow:hidden;  color:#666666; line-height:30px;}
.pro-text .pro-t1 .i1{border-bottom:1px dashed #ccc; font-weight:bold; font-size:16px; color:#414141; line-height:40px; margin-bottom:30px; font-style:normal;}
.pro-text img{ display:block;margin:30px auto;}

.pro2{width:830px; height:auto; background:#fff; border:1px solid #ccc; margin:0px auto; margin-top:25px; color:#666666}
.pro2 .dd{line-height:46px;height:46px; border-bottom:1px solid #ccc;}
.pro2 .dd ul li{width:200px; text-align:center; float:left; border-right:1px solid #ccc; font-weight:bold; cursor:pointer;}
.pro2 .dd ul li.on{color:#fff; background:#3A74BF;}
.pro2 .bd{padding:20px;}



.left-pro{width:465px; height:340px; text-align:left;float:left; padding:10px; border-right:1px solid #ccc; }
.left-pro .t1{width:465px; margin-top:7px;}
#gotop{cursor:pointer;display:block; float:left; width:8px; height:9px; background:url(../images/left3.png) no-repeat; margin-top:50px;}
#gobottom{cursor:pointer;display:block; float:left; width:8px; height:9px; background:url(../images/right3.png) no-repeat; margin-top:50px;}
.left-pro .t1 .bd{ width:445px;margin-right:0px; float:left;overflow:hidden;}
.left-pro .t1 .bd ul li{float:left; margin:5px 9px;}
.left-pro .t2{width:465px; height:330px;text-indent:0;}
.left-pro .t2 img{text-indent:0;width:465px; height:330px;}




/*banner*/
.banner{ width:100%;  position:relative; height:420px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important; height:420px;overflow:hidden; text-align:center; }
.banner .bd li a{display:block; width:100%; height:100%;}
.banner .hd{ width:100%; height:10px; position:absolute; left:0px; bottom:20px; text-align:center;}
.banner .hd ul li{display:inline-block; margin:0px 5px; width:15px; height:15px; background:#fff; border-radius:15px;-webkit-border-radius:15px;}
.banner .hd ul li.on{background:#00587d;}

.bnr{ width:100%;  position:relative; height:420px;}
.bnr .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.bnr .bd ul{ width:100% !important;  }
.bnr .bd li{ width:100% !important; height:420px;overflow:hidden; text-align:center; }
.bnr .bd li a{display:block; width:100%; height:100%;}
.bnr .hd{ width:100%; height:10px; position:absolute; left:0px; bottom:20px; text-align:center;}
.bnr .hd ul li{display:inline-block; margin:0px 5px; width:15px; height:15px; background:#fff; border-radius:15px;-webkit-border-radius:15px;}
.bnr .hd ul li.on{background:#00587d;}


.plist{ width:450px;  position:relative; height:450px;}
.plist .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:450px;  }
.plist .bd ul{ width:100% !important;  }
.plist .bd li{ width:100% !important; height:450px;overflow:hidden; text-align:center; }
.plist .bd li a{display:block; width:450px; height:450px;}
.plist .hd{ width:100%; height:10px; position:absolute; left:0px; bottom:20px; text-align:center;}
.plist .hd ul li{display:inline-block; margin:0px 5px; width:15px; height:15px; background:#fff; border-radius:15px;-webkit-border-radius:15px;}
.plist .hd ul li.on{background:#00587d;}