﻿@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%;}
/**/
.banner{ height:600px; width:100%; position:relative; z-index:1; }
.banner .bd{ height:600px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../images/banner.jpg) no-repeat center 0;height:600px; overflow:hidden;}
.banner .bantil{ width:132px; height:15px; position:absolute; bottom:40px;left:46%; z-index:8;}
.banner .bantil li{ width:15px; height:15px; float:left; display:inline; margin:0 12px;background:#242424; border-radius: 15px;}
.banner .bantil li.cur{background:#1b61bd;}
/**/
.seach{ height:61px; overflow: hidden;}
.seach p{ width:750px; float: left; padding-top: 3px;line-height:61px;}
.seach b{ font-weight: normal; color: #727171; font-size: 14px;}
.seach p a{ display:inline-block;color:#727171; font-size: 14px; padding: 0 12px;}
.seach p a:hover{color: #1b61bd;}
.seach .s_inp01{ display: inline-block; float: right;height:38px;width:364px; margin-top:12px; }
.seach .inp01{ width:323px;outline:none; font:13px "Microsoft Yahei"; color:#b4b4b4; overflow:hidden; height:36px;border:1px solid #cecece; border-right:none;background: none; line-height:36px; text-indent: 25px;}
.seach .inp02{ width:40px; height:38px; border:0; cursor:pointer;background:url(../images/s_s.gif) no-repeat;}
/**/
/*h2{ text-align: center; color: #333; font-size: 32px;}
h2 i{ color: #1b61bd; padding-right: 9px;}
h2 span{ display: block; font-weight: normal; font-size: 14px; color: #666; padding: 9px 0 19px 0;background:url(../images/h2.jpg) no-repeat center bottom;}*/
.bt01{ font-size: 40px; color:#333333;text-align: center; line-height: 60px;}
.bt01 a{ color:#333333;}
.bt01 a:hover{text-decoration:none;}
.bt01 span{ color:#1c61be;}
.bt01 i{display: block; font-size: 20px;font-weight: normal; line-height: 50px;}
.fen{ height:1280px; margin-top:40px; overflow:hidden;}
.fen2{ width:284px; height:1127px; overflow:hidden; border:8px solid #1c61be;margin-top:20px;}
.fen2 h2{ height:80px; padding-top:15px; background:#1c61be url(../images/fen_jt.gif) no-repeat 20px 20px; font:30px "Microsoft YaHei"; padding-left:75px;}
.fen2 h2 a{ color:#fff;}
.fen2 h2 em{ display:block; font:12px Arial; color:#59c383; letter-spacing:2px;}
.fen2 h3{ height:56px; overflow:hidden; margin-bottom:15px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:56px;}
.fen2 h3 a{ display:block; background:#ededed url(../images/fen_jt1.gif) no-repeat 254px center; color:#333; padding-left:20px;}
.fen2 ul{ padding:8px 0;}
.fen2 li{ font:14px "Microsoft YaHei"; line-height:44px; color:#747474;}
.fen2 li a{ display:block; color:#747474; background:url(../images/fen_jt3.gif) no-repeat 34px center; padding-left:45px; overflow:hidden;}
.fen2 h5 a{display:block; background:#ededed url(../images/fen_jt1.gif) no-repeat 274px center; color:#333; padding-left:20px;font:16px "Microsoft YaHei"; font-weight:bold; line-height:56px;}
.pro{ width:869px; height:1135px; overflow:hidden; padding-left:31px; border-bottom:8px solid #1c61be;margin-top:20px;}
.prot{ height:58px; overflow:hidden; position:relative;}
.prot li{ width:188px; height:44px; float:left; margin-right:10px; font:16px "Microsoft YaHei"; text-align:center; line-height:44px;}
.prot li a{ display:block; background:#1c61be; color:#fff;}
.prot li a:hover,.prot .cur a{ color:#fff; background:#1c61be; font-weight:bold;}
.prot h5 a{ display:block; font:16px "Microsoft YaHei"; line-height:44px; color:#333; float:right;}
.pro2 ul{ height:596px; margin-top:20px;}
.pro2 li,.changj li{ width:282px; float:left; margin-right:9px;margin-bottom:10px;}
.pro2 li img,.changj li img{ display:block; width:280px; height:280px;border:1px solid #ccc;}
.pro2 li em,.changj li em{ display:block; height:40px; font:14px "Microsoft YaHei"; text-align:center; line-height:40px; color:#555; overflow:hidden;}
.pro2 .nones,.pro2 li:nth-child(3n){ margin-right:0;}
/*ivotes*/
.ivotes-wrap h4 a{display: block; text-align: center;font:20px "Microsoft YaHei"; color:#333333;margin-bottom: 50px;}
.ivotes-wrap h4 p{margin-bottom: 10px; font:30px "Microsoft YaHei"; color:#333333;font-weight: bold;background: url(../imgindex/one_05.jpg) no-repeat center center;}
.ivotes-wrap{padding:75px 0 60px;overflow:hidden}
.ivotes{width:1260px;height:240px;padding-top:10px;}
.ivotes li{float:left;width:235px;height:100px;padding-left:125px;margin:40px 60px 0 0;position:relative;font-size:14px;line-height:24px;}
.ivotes li .icon{position:absolute;width:100px;height:100px;background:url(../images/ivotes_icon.png);left:0;top:0;}
.ivotes li span{display:block;font-size:18px;color:#333;font-weight:bold;padding:10px 0;}
.ivotes li.i1 .icon{background-position:0 0;}
.ivotes li.i2 .icon{background-position:0 -100px;}
.ivotes li.i3 .icon{background-position:0 -200px;}
.ivotes li.i4 .icon{background-position:0 -300px;}
.ivotes li.i5 .icon{background-position:0 -400px;}
.ivotes li.i6 .icon{background-position:0 -500px;}
.ivotes li.i1:hover .icon{background-position:-100px 0;}
.ivotes li.i2:hover .icon{background-position:-100px -100px;}
.ivotes li.i3:hover .icon{background-position:-100px -200px;}
.ivotes li.i4:hover .icon{background-position:-100px -300px;}
.ivotes li.i5:hover .icon{background-position:-100px -400px;}
.ivotes li.i6:hover .icon{background-position:-100px -500px;}
.ivotes li:hover .icon{animation:rotatey 1s linear;-webkit-animation:rotatey 1s linear;}
@-webkit-keyframes rotatey{
to {-webkit-transform: rotateY(360deg);}
}
@keyframes rotatey{
to {transform: rotateY(360deg);}
}
/**/
.bz{height: 1915px;padding-top: 80px;}
.bz h2{height:140px;}
.bz12{height:869px;background:url(../images/ys_img1.jpg) no-repeat center center; }
.bz34{height:903px;background:url(../images/ys_img2.jpg) no-repeat center center;margin-top:2px; }
.bz h3{padding-bottom:53px;}
.bz h3 b{font-size: 36px;color: #0071be;font-weight: bold;padding-right: 85px;}
.bz h3 em{font-size: 28px;color: #333;font-weight: bold;display: block;padding-top: 17px;}
.bz p{font-size: 14px;color: #555;font-weight: normal;padding-right: 30px;margin-bottom: 31px;}
.bz1{height: 305px;text-align: right;padding-top: 64px;} 
.bz2{height: 371px;margin-top:107px;text-align: left;padding-top: 22px;} 
.bz2 h3{padding-bottom:61px;}
.bz2 h3 b{padding-left: 95px;}
.bz2 p{padding-left: 30px;}
.bz34 .bz1{height: 359px;text-align: right;padding-top: 80px;} 
.bz34 .bz1 h3{padding-bottom:57px;}
.bz34 .bz1 h3 b{padding-right: 90px;}
.bz34 .bz2{height: 454px;margin-top:107px;text-align: left;padding-top: 10px;} 
.bz34 .bz2 h3{padding-bottom:58px;}
.bz34 .bz2 h3 b{padding-left: 95px;}
.bz34 .bz2 p{padding-left: 30px;}
/**/
    /**/
.tt1{height:256px;background:url(../images/tt1.jpg) no-repeat center 0; overflow: hidden;margin-top: -5px;}
.tt1 p{ padding-top: 62px; float: left; color: #fff; font-size: 30px; font-weight: bold; letter-spacing: 5px; font-family:"黑体";}
.tt1 p span{ display: block; font-size: 40px;font-family:"黑体";}.tt1 p i{color: #fd9f0c; font-family:"黑体";}
.tt1 em{ display: inline-block;float: right; font-size: 14px; color: #fff; padding-top: 51px; text-align: right;padding-right:20px;}
.tt1 em span{ display: block; font-size: 26px; font-weight: bold; padding-top: 7px; padding-bottom:18px;}
.tt1 em a{ display: inline-block; width: 110px; height: 38px; line-height: 38px; border-radius: 38px; background: #fff; color: #1b61bd; font-size: 16px; text-align: center;}
    /**/
.case{margin-top: 90px;height:287px;overflow: hidden;}
.case h2{height:128px;}
.casenav{height:100px;background: url(../images/case_bj.gif) repeat-y center 0 ; overflow: hidden; position: relative;}
.casespan{position: absolute; top: 18px; right: 50%; margin-right: -600px; width:86px;background: url(../images/case_ico08.gif) no-repeat center 0 ; padding-top: 45px; font-size: 18px;text-align: center; line-height: 20px;}
.casespan span a{ color:#3c3c3c;}
.casenav ul{ width:1200px; margin: 0 auto;}
.casenav li{ float: left; width:155px; position: relative;}
.casenav li a{ display: block; padding-top: 62px; font-size: 18px; color:#3d3d3d;text-align: center; height:100px;}
.casenav li:nth-child(1) a{background: url(../images/case_ico01.gif) no-repeat center 19px ;}
.casenav li:nth-child(2) a{background: url(../images/case_ico02.gif) no-repeat center 19px ;}
.casenav li:nth-child(3) a{background: url(../images/case_ico03.gif) no-repeat center 19px ;}
.casenav li:nth-child(4) a{background: url(../images/case_ico04.gif) no-repeat center 19px ;}
.casenav li:nth-child(5) a{background: url(../images/case_ico05.gif) no-repeat center 19px ;}
.casenav li:nth-child(6) a{background: url(../images/case_ico06.gif) no-repeat center 19px ;}
.casenav li:nth-child(7) a{background: url(../images/case_ico07.gif) no-repeat center 19px ;}
.casenav li::before{position: absolute; content:""; width:1px; height:56px;border-right: 1px dashed #9f9f9f; top: 25px; right:0;}
.casenav li a:hover , .casenav li.cur a{border-top: 4px solid #18aee7;  padding-top: 58px;}
.casenav li:nth-child(1) a:hover , .casenav li:nth-child(1).cur a{background:#fff url(../images/case_ico09.gif) no-repeat center 15px ;}
.casenav li:nth-child(2) a:hover , .casenav li:nth-child(2).cur a{background:#fff url(../images/case_ico10.gif) no-repeat center 15px ;}
.casenav li:nth-child(3) a:hover , .casenav li:nth-child(3).cur a{background:#fff url(../images/case_ico11.gif) no-repeat center 15px ;}
.casenav li:nth-child(4) a:hover , .casenav li:nth-child(4).cur a{background:#fff url(../images/case_ico12.gif) no-repeat center 15px ;}
.casenav li:nth-child(5) a:hover , .casenav li:nth-child(5).cur a{background:#fff url(../images/case_ico13.gif) no-repeat center 15px ;}
.casenav li:nth-child(6) a:hover , .casenav li:nth-child(6).cur a{background:#fff url(../images/case_ico14.gif) no-repeat center 15px ;}
.casenav li:nth-child(7) a:hover , .casenav li:nth-child(7).cur a{background:#fff url(../images/case_ico15.gif) no-repeat center 15px ;}
.case2{ height:530px; border:1px solid #cdcccc;width:1200px;margin: 50px auto 0;}
.case3{ height:530px;}
.case3 dl{ width:767px; float:left; padding:15px 15px 0 15px; height:515px; border-right:1px solid #cdcccc; overflow:hidden;}
.case3 dt img{ display:block; width:767px; height:430px;}
.case3 dd h3{ width:625px; float:left; font:16px "Microsoft YaHei"; font-weight:bold; color:#333; margin-top:15px;}
.case3 dd h3 a{ color:#333;}
.case3 dd h3 em{ display:block; font:14px "Microsoft YaHei"; color:#666; line-height:30px; height:30px; overflow:hidden;}
.case3 dd i a{ display:block; float:right; width:120px; height:30px; font:14px "Microsoft YaHei"; line-height:30px; color:#fff; background:url(../images/dy_btn.png) no-repeat center top; text-align:center; margin-top:25px;}
.case3 ul{ width:400px; float:left;}
.case3 li{ width:370px; padding:15px 15px 0 15px; position:relative;}
.case3 li a{ display:block;}
.case3 li img{ display:block; width:370px; height:208px;}
.case3 li em{ display:block;text-align:center; font:16px "Microsoft YaHei"; font-weight:bold; height:40px; line-height:40px; color:#333; overflow:hidden;}
.case3 li b{ width:370px; height:208px; display:none; background:url(../images/case_hover.png) no-repeat center top; position:absolute; top:15px;}
.case3 li a:hover b,.case3 .cur a:hover b{ display:block;}
.case3 li:first-child{ border-bottom:1px solid #cdcccc;}
    /**/
.abot{ height: 1045px;}
.abot dl{ height: 482px;margin-top:35px;}
.abot dl dt{ font-size: 0; overflow: hidden; width: 700px; height: 428px; float: left;}
.abot dl dt img{ width: 700px; height: 428px;}
.abot dl dd{ width: 498px; float: left;}
.abot dl dd h4{ padding: 75px 0 0 45px;background:url(../images/a_h3.gif) no-repeat 45px 23px; color: #111111; font-size: 32px; margin-bottom: 22px;}
.abot dl dd p{ background: #2359b5; color: #dfe5f2; padding:0 23px 35px 45px; font-size: 14px; line-height: 24px;}
.abot dl dd p a{ font-size: 16px; font-weight: bold; color: #fff; padding-top: 28px; height: 57px;background:url(../images/a_lin.jpg) no-repeat 0 63px; display: block;}
.abot dl dd p .mor{ background: none; width: 108px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 36px; padding-top: 0; margin: 25px 0 0;}
.a_on1{ overflow: hidden; height: 81px;background:url(../images/x_lin.jpg) no-repeat center 20px;}
.a_on1 ul{ overflow: hidden; padding-left: 452px;}
.a_on1 ul li{ float: left; margin-right: 14px;}
.a_on1 ul li a{ display: inline-block; width: 134px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #c9c9c9; background: #fff; font-size: 16px; color: #333; font-weight: bold;}
.a_on1 ul li.cur a{ color: #fff; background: #2359b5; border-color: #2359b5;}
.a_on2{ overflow: hidden;}
.a_on2 ul{ overflow: hidden; font-size: 0;}
.a_on2 ul li{ float: left; width: 284px; height: 160px; overflow: hidden; margin-right: 21px; overflow: hidden;}
.a_on2 ul li img{width: 284px; height: 160px;}
.a_on2 ul li:last-child{ margin-right: 0;}
.g_zs2{height:410px;}
.zz{width:1200px; height:410px; margin:0 auto; position:relative;}
.zz_q{height:58px;line-height: 58px;margin-bottom: 30px;  background:url(../images/fctit.jpg) no-repeat 0 bottom;font-size: 22px;font-weight: bold;color: #353535}
.zz_q a{ color:#333333;text-decoration: none; }
.zz_q span{text-transform: uppercase;font-weight: normal;font-size: 14px;color: #717171;}
.zz_box{ position: relative;}
.zz_box .ljt,.zz_box .rjt{ width:48px; height:48px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.zz_box .ljt{left:-67px;top:150px;}
.zz_box .rjt{right:-67px;top:150px;}
.zz_box .ljt a{ background: url(../images/jt3.png) no-repeat; width:48px; height:48px; display:block;}
.zz_box .rjt a{ background: url(../images/jt3.png) no-repeat right 0; width:48px; height:48px; display:block;}
.zz-s{height:340px; overflow:hidden;}
.zz-s ol li{float:left; width:273px; margin-right:33px; *display:inline;background: none;padding: 0}
.zz-s ol li img{width:273px; height:340px; display: block;}
.zz-s ol li b{font-weight: normal;border: 1px solid #dbdbdb;padding: 12px 27px 0;height: 66px;display: block;background: #fafafa; }
.zz-s ol li em{display: block;height: 38px;line-height: 38px;border-bottom: 1px dashed #afafaf; font-size: 14px;color: #000000;background: url(../images/fcico.jpg) no-repeat right 6px; }
.zz-s ol li span{display: block;background: url(../images/fcmore.jpg) no-repeat;width: 118px;height: 38px;line-height: 38px;padding-left: 34px;font-size: 14px;color: #fff; display: none; margin: 0 auto;}
.zz-s ol li b:hover{background: #00509c; height: 100px;padding-top: 16px; position: relative;margin-top: -38px;border: none;}
.zz-s ol li b:hover span{display: block;}
.zz-s ol li b:hover em{background: none;border-bottom: none;text-align: center;color: #fff;}
/*新闻中心*/
.newst{padding:70px 0 0;}
.newst h2{height:140px;}
.news{ width:655px; padding:0 0 30px;}
.news_t ul li{ float:left;width: 180px; padding:0 5px 0 0;}
.news_t ul li a{ font-size:16px; color:#666; display:block; width:178px; height:58px; border:#cecece 1px solid;text-align: center;line-height: 58px; border-radius:5px;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#fff; background:#1c61be;  border:#1c61be 1px solid;}
.news_m dl{ width:655px; padding:20px 0 10px; display:inline-block;}
.news_m dt{ width:300px; height:220px;overflow: hidden;float: left;}
.news_m dt img{ width:300px; height:220px;}
.news_m dd{width:310px; padding:10px 0 0 25px;float: left;}
.news_m dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.news_m dd h3 a{ font-size:16px; color:#333;display: block;float: left;width: 200px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h3 a:hover,.news_m ul li a:hover,.wd dt a:hover,.wd_t a:hover{color: #1c61be;}
.news_m dd h3 em{display: block;float: right;font-size: 16px;color: #333;width: 110px; text-align:right;}
.news_m .news_desc{ font-size:14px; color:#666; height:78px; line-height:26px;overflow: hidden; padding:10px 0 0;}
.news_m dd span{display: block;width: 170px; padding:20px 0 0;}
.news_m ul li{ height:76px;width: 650px; overflow:hidden; background:url(../images/news_k01.gif) no-repeat; margin-bottom:15px;}
.news_m ul li:hover{ background:url(../images/news_k02.gif) no-repeat;}
.news_m ul li a{height: 76px;line-height: 76px; font-size:14px; color:#333; padding:0 0 0 40px;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m ul li span{display: block;float: left;font-size: 16px;color: #aaa; font-family:Arial, Helvetica, sans-serif;width: 115px;text-align: center;line-height: 24px;}
.news_m ul li span i{display: block;font-size: 24px;color: #333; padding:12px 0 0;}
/*常见问答*/
.wd{ width:475px;}
.wd_t{height: 58px; border-bottom:#cecece 1px solid; border-top:#cecece 1px solid;line-height: 58px;overflow: hidden;}
.wd_t a{ font-size:16px; color:#666;}
.wd_t i{font-size: 16px;color: #5d5d5d; padding:0 0 0 15px;text-transform: uppercase;}
.wd_t span{display: block;float: right;width: 27px;line-height: 0; padding:16px 0 0;}
.wd_t span img{width: 27px;height: 27px;}
.wd_m{ padding:25px 0 0;overflow: hidden;}
.wd dl{ width:475px; height:105px; border-bottom:#ebebeb 1px dashed; padding:20px 0 0;}
.wd dt{ height:30px; line-height:26px; overflow:hidden; background:url(../images/wen.gif) no-repeat 0 0; padding:0 0 0 45px;}
.wd dt a{ font-size:14px; color:#333;}
.wd dd{font-size:14px; color:#666; line-height:28px; height:56px; overflow:hidden;padding:0 0 0 45px;}
/**/
.xg{animation-duration: 1s;animation-name:fadeInUp;}
.xg2  dl {
    animation-duration: 1.15s;
    animation-name: fadeInLeft;
}
.xg2  .fan {
    animation-duration: 1.15s;
    animation-name: fadeInRight;
}
.xg4 {
    animation-duration: 1.15s;
    animation-name: pulse;
}
/**/
img:hover{	transform: scale(1.1);
    transition: all 0.5s ease 0s;}
