/*1029626114@qq.com*/
@charset "utf-8";
html{color:#000;background:#fff; }
body { color:#666;font-size:12px;min-width: 1200px; width: 100%;overflow-x: hidden;} /*վɫ*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.mt10{ margin-top:10px;}
a { color:#666; text-decoration:none;} /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- ﳵⲿ -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
/* -- ҳ岼 -- */
.header , .content , .footer { width:1200px; margin:0 auto; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.right { width:735px; float:left; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px; float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.right_main { width:735px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px; padding-bottom:15px; overflow:hidden;}
.h_nav li a:-webkit-any-link{ display:block;}
/* function */
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fw{ font-family:"Microsoft Yahei" ;}
.f_fwn{font-weight:normal;}
.f_fwb{font-weight:bold;}
.f_tal{text-align:left;}
.f_tac{text-align:center;}
.f_tar{text-align:right;}
.f_csp{cursor:pointer;}
@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}
.tit01{ box-sizing: border-box; text-align: center; font-family: "Microsoft YaHei";font-size: 45px; color: #333333; display: block; font-weight: normal;}
.tit01 a{color: #333333;}
.tit01 i{font-weight: bold;color: #112C7B;}
.tit01 span{text-align: center; font-family: "Microsoft YaHei";font-size: 20px; color: #666666; display: block; font-weight: normal;}
.yy_bj{ height: 698px;padding-top: 88px; background:#f5f5f5; box-sizing: border-box; font-family:"Microsoft Yahei"; }
.yy dl{height: 445px; }
.yy dl dt{position: relative; width: 700px; height: 445px; float: left; }
.yy dl dt img{width: 700px; height: 445px; position: relative;z-index: 1;}
.yy dl dd{width: 430px; float: right;padding-top:30px;position:relative;}
.yy dl dd em{ display: block; letter-spacing: 3px; text-transform: uppercase; font-size:13px; color: #cccccc; margin-bottom:25px; margin-top:25px; font-weight: normal;font-family: "Arial"; }
.yy dl dd h3{ font-size: 48px; color: #333333; font-weight: normal; }
.yy dl dd h3 b{font-weight: bold;color: #112C7B;}
.yy dl dd p{font-size: 16px; height: 205px; color: #666666; line-height: 40px;}
.yy dl dd span{ font-size: 14px; color: #666666;padding-left: 213px; position: relative; display: block;height: 70px; line-height: 70px; }
.yy dl dd span:after{content: "";width: 203px; height: 1px; position: absolute;top:37px; left: 0px; background: #b7b7b7; z-index: 1;}
.yy dl dd span img{width: 132px; height: c; position: absolute;top:0;right:0;}
/**/
.btbj{height: 180px;}
.bt{width: 1200px; height: 160px; margin:-80px auto 0; box-shadow: 0 0 30px #ccc; background: #fff;}
.bt li{width: 300px;padding-left: 50px;padding-top: 60px; height: 160px; float: left; box-sizing: border-box; border-right: 1px solid #e9e9e9; padding-right:15px;}
.bt li span{padding-left: 74px; height: 46px; line-height: 23px; display: block; font-size: 16px; color: #333333;}
.bt li span em{display: block;color: #333333;}
.bt li:nth-child(1){width: 270px;}
.bt li:nth-child(2){width: 310px;}
.bt li:nth-child(3){width: 310px;}
.bt li:nth-child(4){width: 310px;}
.bt li:nth-child(1) span{background: url(/images/tubiao2.gif) no-repeat left top; }
.bt li:nth-child(1) em{border-top: 1px solid #d1d1d1; font-size: 14px;color: #999999;}
.bt li:nth-child(2) em{border-top: 1px solid #d1d1d1; font-size: 14px;color: #999999;}
.bt li:nth-child(3) em{border-top: 1px solid #d1d1d1; font-size: 14px;color: #999999;}
.bt li:nth-child(4) em{border-top: 1px solid #d1d1d1; font-size: 14px;color: #999999;}
.bt li:nth-child(2) span{ background: url(/images/tubiao1.gif) no-repeat left top; }
.bt li:nth-child(3) span{background: url(/images/tubiao3.gif) no-repeat left top; }
.bt li:nth-child(4) span{background: url(/images/tubiao4.gif) no-repeat left top; }
/**/
.pro_bj{overflow: hidden; background:#fff;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 40px;}
.pro1 {height: 934px; }
.pro1 .m_pro{ float: left;width: 708px; }
.pro1 .m_pro p{ height: 56px; line-height: 56px; margin-bottom: 30px;}
.pro1 .m_pro p a{height: 56px; line-height: 56px; width: 172px; text-align: center; font-size: 20px; color: #333333;margin-right: 62px; color: #fff; position: relative; display: block; float: left;background: #112C7B; }
.pro1 .m_pro p a:hover{ background: #D03F22; color: #fff; font-weight: bold; text-decoration: none; }
.pro1 .m_pro p a:last-child{margin-right: 0;}
.pro1 .m_pro li{ background: #fff;width: 328px; float: left; margin-right: 21px; margin-bottom: 10px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro1 .m_pro li a{ text-decoration: none; }
.pro1 .m_pro li img{width: 328px; height: 328px; display: block;}
.pro1 .m_pro li span{ display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #666666; }
.pro1 .m_pro li:nth-child(2n){margin-right: 0;}
.pro1 .m_pro li:hover{box-shadow: 0 0 5px #112C7B; }
.pro1 .m_pro li:hover span{ color: #112C7B; }
.pro1 dl{float: right;width: 492px; }
.pro1 dt{width: 492px;height: 622px;overflow: hidden;}
.pro1 dt img{width: 492px;height: 622px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro1 dd{padding-top: 20px; }
.pro1 dd h3{font-size: 30px; color: #333333; height:52px; line-height: 52px; overflow: hidden; font-weight: normal; white-space: nowrap;}
.pro1 dd h3 a{color: #333333;}
.pro1 dd p{font-size: 14px; color: #666666; line-height: 30px; height: 86px;}
.pro1 dd .xq{ display: block; width: 156px; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #112C7B; font-weight: normal; line-height: 42px; background:url(/images/cp_btn.png) no-repeat center top }
.pro1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_ys{padding-top: 57px; height: 172px; background: #f3f3f3;box-sizing: border-box; font-family: "Microsoft YaHei"; }
.cp_ys ul{width: 1326px; margin:0 auto;}
.cp_ys ul li{width: 220px; border-right: 1px solid #c8c8c8; height: 57px; float: left; text-align: center;font-size: 16px; color: #666666;}
.cp_ys ul li em{width: 58px; height: 40px; margin:0 auto 5px; display: block;}
.cp_ys ul li:nth-child(1) em{background: url(/images/cpico1.png) no-repeat;}
.cp_ys ul li:nth-child(2) em{background: url(/images/cpico2.png) no-repeat;}
.cp_ys ul li:nth-child(3) em{background: url(/images/cpico3.png) no-repeat;}
.cp_ys ul li:nth-child(4) em{background: url(/images/cpico4.png) no-repeat;}
.cp_ys ul li:nth-child(5) em{background: url(/images/cpico5.png) no-repeat;}
.cp_ys ul li:nth-child(6) em{background: url(/images/cpico6.png) no-repeat;}
.cp_ys ul li:hover{color:#112C7B;font-weight:bold;}
.cp_ys ul li:hover:nth-child(1) em{background: url(/images/cpico1cur.png) no-repeat;}
.cp_ys ul li:hover:nth-child(2) em{background: url(/images/cpico2cur.png) no-repeat;}
.cp_ys ul li:hover:nth-child(3) em{background: url(/images/cpico3cur.png) no-repeat;}
.cp_ys ul li:hover:nth-child(4) em{background: url(/images/cpico4cur.png) no-repeat;}
.cp_ys ul li:hover:nth-child(5) em{background: url(/images/cpico5cur.png) no-repeat;}
.cp_ys ul li:hover:nth-child(6) em{background: url(/images/cpico6cur.png) no-repeat;}
.cp_ys ul li:last-child{border-right: 0;}
.pro2 {height: 830px; box-sizing: border-box; padding-top: 100px;}
.pro2 .m_pro{ float: right;width: 630px; }
.pro2 .m_pro .desc{ margin-bottom: 60px; }
.pro2 .m_pro h3{font-size: 30px; color: #333333; height:52px; line-height: 52px; overflow: hidden; font-weight: normal; white-space: nowrap;}
.pro2 .m_pro h3 a{color: #333333;}
.pro2 .m_pro p{font-size: 14px; color: #666666; line-height: 30px; height: 86px;}
.pro2 .m_pro .xq{ display: block; width: 156px; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #112C7B; font-weight: normal; line-height: 42px; background:url(/images/cp_btn.png) no-repeat center top }
.pro2 .m_pro li a{ text-decoration: none; }
.pro2 .m_pro li{ background: #fff;width: 305px; float: left; margin-right: 20px; margin-bottom: 10px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro2 .m_pro li a{ text-decoration: none; }
.pro2 .m_pro li img{width: 305px; height: 305px; display: block;}
.pro2 .m_pro li span{ display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #666666; }
.pro2 .m_pro li:nth-child(2n){margin-right: 0;}
.pro2 .m_pro li:hover{box-shadow: 0 0 5px #112C7B; }
.pro2 .m_pro li:hover span{ color: #112C7B; }
.pro2 dl{float: left;width: 542px; }
.pro2 dt{width: 542px;height: 608px;overflow: hidden;}
.pro2 dt img{width: 542px;height: 608px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro2 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/**/
.ysbj{ height: 1242px; background:#f3f3f3; padding-top:100px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; }
.ysbj h2{ margin-bottom: 50px;}
.ys{ box-sizing: border-box; height:394px; }
.ystit{width: 1200px; margin:0 auto 36px; overflow:hidden; position: relative;}
.ystit li{width: 342px; height: 174px; overflow: hidden;padding-top: 92px; padding-right: 168px; float: left; position: relative; display: block;font-size: 16px; color: #ffffff; font-size: 26px; box-sizing: border-box; color: #333333; text-align: center;}
.ystit li:after{content: "";width: 168px; height:11px; background: url(/images/ystitico.png) no-repeat; position: absolute;right: 0;top:82px;}
.ystit li:nth-child(1){background:url(/images/ystitico1.png) no-repeat left top;}
.ystit li:nth-child(2){background:url(/images/ystitico2.png) no-repeat left top;}
.ystit li:nth-child(3){background:url(/images/ystitico3.png) no-repeat left top;}
.ystit li:nth-child(4){background:url(/images/ystitico4.png) no-repeat left top;padding-right: 0;width: 174px;}
.ystit li:nth-child(4):after{ background: none; }
.ystit li.cur{font-weight: bold; color: #fff;}
.ystit li:nth-child(1).cur{background:url(/images/ystitico1cur.png) no-repeat left top; }
.ystit li:nth-child(2).cur{background:url(/images/ystitico2cur.png) no-repeat left top;}
.ystit li:nth-child(3).cur{background:url(/images/ystitico3cur.png) no-repeat left top;}
.ystit li:nth-child(4).cur{background:url(/images/ystitico4cur.png) no-repeat left top;}
.ys_nr {width:100%; height:797px;background:url(/images/ysbg.jpg) no-repeat center top; }
.ys_nr .ys{height:797px;}
.ys_nr dl{width:1200px; margin:0 auto; height:797px;overflow: hidden;box-sizing: border-box; position: relative; }
.ys_nr dl dt{width: 1200px;height: 556px; overflow: hidden;}
.ys_nr dl dt img{width: 1200px;height: 556px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys_nr dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.ys_nr dl dd{ clear: both; overflow: hidden; width: 1200px;padding:20px 0 0; box-sizing: border-box; }
.ys_nr dl dd .desc{width: 750px;float: left; }
.ys_nr dl dd h3{font-weight: normal;text-align: left; font-size: 22px; color: #333333; height: 60px; line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; }
.ys_nr dl dd h3 b{font-weight: bold;color: #112C7B;}
.ys_nr dl dd p{height: 30px; line-height: 30px;overflow: hidden; font-size:14px;color: #666666; text-align: left; }
.ys_nr dl dd span{ float: right; display: block;height: 72px;margin-top: 35px; text-align: center; }
.ys_nr dl dd span em{height: 72px;padding:0 40px;float: left; display: block; line-height: 30px;}
.ys_nr dl dd span em i{ display: block; width: 49px; height: 41px;}
.ys_nr dl dd span em:nth-child(2){ border-right: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8; }
.ys_nr .ys1 dl dd span em:nth-child(1) i{background: url(/images/ysico1_1.png) no-repeat center top;}
.ys_nr .ys1 dl dd span em:nth-child(2) i{background: url(/images/ysico1_2.png) no-repeat center top;}
.ys_nr .ys1 dl dd span em:nth-child(3) i{background: url(/images/ysico1_3.png) no-repeat center top;}
.ys_nr .ys2 dl dd span em:nth-child(1) i{background: url(/images/ysico2_1.png) no-repeat center top;}
.ys_nr .ys2 dl dd span em:nth-child(2) i{background: url(/images/ysico2_2.png) no-repeat center top;}
.ys_nr .ys2 dl dd span em:nth-child(3) i{background: url(/images/ysico2_3.png) no-repeat center top;}
.ys_nr .ys3 dl dd span em:nth-child(1) i{background: url(/images/ysico3_1.png) no-repeat center top;}
.ys_nr .ys3 dl dd span em:nth-child(2) i{background: url(/images/ysico3_2.png) no-repeat center top;}
.ys_nr .ys3 dl dd span em:nth-child(3) i{background: url(/images/ysico3_3.png) no-repeat center top;}
.ys_nr .ys4 dl dd span em:nth-child(1) i{background: url(/images/ysico4_1.png) no-repeat center top;}
.ys_nr .ys4 dl dd span em:nth-child(2) i{background: url(/images/ysico4_2.png) no-repeat center top;}
.ys_nr .ys4 dl dd span em:nth-child(3) i{background: url(/images/ysico4_3.png) no-repeat center top;}
/**/
.pzbj{ height: 1060px; box-sizing: border-box; background: url(/images/pzbg.jpg) no-repeat center top; padding-top: 97px; overflow: hidden; font-family:"Microsoft Yahei";}
.pzbj h2{ margin-bottom: 25px; font-size: 45px; color: #112C7B; text-align: center; }
.pzbj h2 a{color: #112C7B;}
.pzbj h2 span{ display: block; font-size: 20px; color: #666666; font-weight:normal; }
.pzbj .pzmore{width:322px;height: 57px;line-height: 57px; background: url(/images/pzmore.png) no-repeat; margin:0 auto;font-size: 20px; color: #112C7B;box-sizing: border-box; padding-left: 30px; text-align: center; display: block; }
.pz{width: 1200px;position: relative; height: 710px;}
.pz dl{ background: #fff;width: 385px; float: left; margin-right: 22px; margin-bottom: 21px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pz dl a{ text-decoration: none; }
.pz dl dt{width: 385px; height: 218px; overflow: hidden;}
.pz dl img{width: 385px; display: block;}
.pz dl dd{ display: block; height: 103px; text-align: left; font-size: 24px; color: #333333;padding:20px 0 0 30px; box-sizing: border-box; position: relative; }
.pz dl dd span{font-size: 24px; display: block;color: #333;width: 272px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; height: 42px; line-height: 42px;}
.pz dl dd i{ font-size: 14px; color: #d1d1d1; text-transform: uppercase; display: block; font-family: "Arial" }
.pz dl dd img{width: 67px; height: 52px; margin-right: 10px;margin-top: 10px; display: block; float: right;}
.pz dl:nth-child(3n){margin-right: 0;}
.pz dl dd a{display: block; float: left;width: 272px;}
.pz dl:hover dd{ color: #fff; background: #112C7B; }
.pz dl:hover dd span{color: #fff;}
/**/
.hzbj{ height: 632px; box-sizing: border-box; background: #f8f8f8; padding-top: 80px; overflow: hidden; font-family:"Microsoft Yahei";}
.hz h2{}
.hz .m_hz{width: 1200px;padding-top: 60px; height: 225px; position: relative;}
.hz .m_hz:before{content: ""; width: 474px; color: #cecccd; background: #cecccd; height: 1px; left:0;bottom:21px;position: absolute;}
.hz .m_hz:after{content: ""; width: 474px; color: #cecccd; background: #cecccd; height: 1px; right:0;bottom:21px;position: absolute;}
.hz .m_hz p{width: 304px; height: 274px; z-index: 9; position: absolute;left:0;bottom: 0;}
.hz .m_hz p img{width: 304px; height: 274px; display: block;}
.hz .m_hz .scroll{width: 988px; overflow: hidden; float: right;}
.hz .m_hz li{width: 314px; margin-right: 17px; float: left;}
.hz .m_hz li:last-child{margin-right: 0;}
.hz .m_hz li img{width: 312px;height: 110px; border:1px solid #d6d6d6; display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.hz .m_hz li a{ text-decoration: none; }
.hz .m_hz li span{font-size: 16px; text-align: center; color: #666666; font-weight: normal; height: 48px; line-height: 48px; display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hz .m_hz li a:hover img{border-bottom: 3px solid #112C7B;}
.hz .m_hz li a:hover span{ color: #112C7B; font-weight: bold; }
.m_hz .pages{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.m_hz .pages ul{margin-left:500px;}
.m_hz .pages ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
.m_hz .pages ul li{width:14px;height:14px;background:#112C7B;border-radius: 100%; }
.m_hz .pages ul .on{background:#D03F22;width: 36px; border-radius: 30px;}
.hz_tel{margin:50px auto; width: 390px;}
.hz_tel p{font-size:16px;color: #666666;padding-left: 40px;background:url(/images/hztel.png) no-repeat left center; line-height: 30px; }
.hz_tel p span{font-size:36px;color: #112C7B; font-family: "Arial"; font-weight: bold; }
/**/
.nswsbj{ height: 832px; box-sizing: border-box; padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj .tit01{margin-bottom: 30px;}
.news{width:511px; float: left; }
.news h2{height:40px; line-height: 40px; margin-bottom: 20px; position: relative; font-size: 20px; color: #112C7B; background:url(/images/newsico.png) no-repeat left center;padding-left: 30px; font-weight: normal; }
.news h2 i{color:#112C7B;}
.news h2 span{ float: right; color: #333; font-size: 14px; }
.news dl{width:511px;border-bottom: 1px solid #f5f5f5;}
.news dl dt{width:511px;overflow: hidden; position: relative;}
.news dl dt img{ width:511px; height: 283px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dl dd{padding-top: 15px;}
.news dl dd h3{font-size: 16px; color: #333333; font-weight: bold; height: 42px; line-height: 42px;}
.news dl dd h3 a{color: #333333;}
.news dl dd p{font-size: 14px; text-align: justify; color: #666666; line-height: 24px;padding:10px 0; }
.news .news2{padding-top: 20px;}
.news em{font-size: 14px; color: #666666; height: 35px; line-height: 35px; display: block;}
.news em a{color: #666666;}
.news em i{ font-size: 14px; color: #fff; width: 16px; height: 16px; line-height: 16px; background: #424242; display: inline-block; text-align: center; font-weight: normal;margin-right: 10px; }
.news em span{ font-size: 12px; color: #666666; float: right; font-weight: normal; }
.wt{width:607px;overflow: hidden;font-family:"Microsoft Yahei"; float: right;}
.wt h2{height:40px; line-height: 40px; margin-bottom: 20px; position: relative; font-size: 20px; color: #112C7B; background:url(/images/wtico.png) no-repeat left center;padding-left: 30px; font-weight: normal; }
.wt h2 i{color:#112C7B;}
.wt h2 span{ float: right; color: #333; font-size: 14px; }
.wt_c dl{padding-bottom: 20px;border-bottom: 1px solid #d6d6d6; }
.wt_c dt{ line-height: 30px; font-size: 16px; font-weight: bold;margin-bottom: 20px;}
.wt_c dt em{width: 81px; height: 28px; line-height: 28px; color: #fff; display: inline-block; text-align: center; font-weight: normal; border-radius: 30px; background: #D03F22;margin-right: 10px; }
.wt_c dt a{ color:#333333;}
.wt_c dd{line-height: 26px; font-size: 14px;margin-top: 10px;}
.wt_c ul{padding-top: 20px; height: 191px;}
.wt_c li{padding-left: 15px; background: url(/images/wtico1.png) no-repeat left center; font-size: 14px; color: #666666; height: 35px; line-height: 35px; display: block;}
.wt_c li a{color: #666666;}
.wt_c li span{ font-size: 12px; color: #666666; float: right; font-weight: normal; }
.mores{width:607px;}
.mores img{width: 461px; height: 130px; float: left;}
.mores em{width: 143px; height: 130px; float: left; text-align: center;font-size: 16px; color: #fff; background: url(/images/wtmore.jpg) no-repeat; padding-top: 35px; box-sizing: border-box;}
/**/
.aboutbj{background:url(/images/aboutbg.jpg) no-repeat center top;height: 764px; font-family:"Microsoft Yahei";padding-top:85px;box-sizing: border-box; overflow: hidden; }
.aboutbj .tit01{margin-bottom: 55px;}
.about{overflow: hidden; position: relative; margin-bottom: 100px;}
.about dl{width:1200px;}
.about dl dt{width:701px;overflow: hidden; float: right;}
.about dl dt img{ width:701px; height: 511px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about dl dd { width:455px; box-sizing: border-box; float: left; }
.about dl dd em{ height: 44px; line-height: 44px; display: block; font-size: 40px; color: #112C7B; text-align: left; text-transform: uppercase; }
.about dl h3{height:50px; text-align: left; line-height: 50px; font-size: 30px; color: #112C7B; font-weight: bold; margin-bottom: 20px; }
.about dl h3 a{color: #112C7B; text-decoration: none; }
.about dl p{height: 172px; font-size: 14px; color: #666666;line-height: 25px; text-align: justify;}
.about dl dd span a{ display: block;background:url(/images/abt_btn.gif) no-repeat left top; width: 200px; height: 49px; line-height: 49px;padding-left: 40px; text-align: left; font-size: 16px; color: #fff; }
.about .desc{ height: 384px; }
.pp h4{font-size: 16px; color: #333333; display: block; line-height: 55px;}
.pp li{width: 145px; margin-right: 7px; border:1px solid #d5d5d5; float: left;}
.pp li img{width: 145px; height: 93px;}
.pp li:last-child{margin-right: 0;}
.pp li:hover{border-bottom: 3px solid #D03F22;}
/**/
.help_cut{padding-top: 70px; height: 370px; box-sizing: border-box;}
.help_nav{height: 30px; margin-bottom: 20px; position: relative; }
.help_nav:before{content: ""; width: 402px; background:url(/images/line_l.png) no-repeat; height: 5px; left:0;top:13px;position: absolute;}
.help_nav:after{content: ""; width: 402px; background:url(/images/line_r.png) no-repeat; height: 5px; right:0;top:13px;position: absolute;}
.help_nav ul{width: 400px; margin:0 auto;}
.help_nav li{ height: 30px; line-height: 30px; text-align: center;padding:0 30px; font-size: 18px; color: #666666; float: left;background: url(/images/cutico.png) no-repeat right center; }
.help_nav li a{ text-decoration: none; color: #333333; }
.help_nav li.cur{ }
.help_nav li.cur a{ font-weight: bold; color: #0052b8; }
.help_nav li:last-child{background: none;}
.m_help{ height:208px;width: 1200px; position: relative; }
.jt{width:14px; height: 26px; position: absolute;display: block; top:80px;}
.prev1{background: url(/images/l.png) no-repeat; left:-40px;}
.next1{background: url(/images/r.png) no-repeat; right:-40px;}
.xc{width:1200px; overflow: hidden;}
.xc li{ width:293px; position:relative;margin-right: 9px; float: left; }
.xc li img{ display:block;width:293px; height:164px;box-shadow: 0 0px 10px 0px #ebebeb;}
.xc li em{ height:50px; font:16px "Microsoft YaHei"; line-height:50px; color:#666666; overflow:hidden; display: block; text-align: center; display: block; }
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}
/*.xc li:hover em{ background:#f56b1b;color: #fff; }*/
.link_bj{min-height:60px;position: relative;z-index: 1; background: #112C7B; overflow: hidden;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link p{ width: 1200px; font-size: 14px;overflow: hidden; line-height: 60px; color:#fff;}
.link p a{ color:#fff; padding:0 30px;}
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
.topWrap {background:url(/images/tpbg.jpg) repeat-x center top;font-family: "Microsoft Yahei"; height: 170px; position: relative; overflow: hidden;}
.header { width: 1200px; margin:0 auto; }
.twz { height:34px; color: #666666; line-height: 34px; font-size: 14px;}
.twz a { display: inline-block; color: #666666; position: relative;padding:0 25px; }
.twz a:nth-child(1){background:url(/images/tpico1.png) no-repeat left center;}
.twz a:nth-child(2){background:url(/images/tpico2.png) no-repeat left center;}
.twz a:nth-child(3){background:url(/images/tpico3.png) no-repeat left center;padding-right: 0;}
.fz {width: 310px;float: left;overflow: hidden;}
.fz select {width: 180px;height: 22px;border: 1px solid #afafaf;margin-top: 6px;font-size: 12px;color: #333333; background: none;}
.fz select option {font-size: 12px;}
.h_nr { height: 136px; overflow: hidden;padding-top: 17px; box-sizing: border-box; }
.logo { width: 329px; height: 53px;margin-right: 20px; box-sizing: border-box;}
.logo img { width: 329px; height: 53px; display: block; padding-top:30px;}
.h_nr h2 {background: url(/images/logobg.png) no-repeat left 8px;padding-left: 30px;margin-top: 20px; width: 400px; float: left; font-size: 22px; color: #666666; font-weight: normal; text-align: left; line-height: 34px; height: 72px; }
.h_nr h2 b{color: #333333; font-size: 24px; font-weight: bold; display: block; letter-spacing: 1px; }
.h_nr .sc{margin-top: 5px; height: 65px; float: right; width: 355px; box-sizing:border-box; position: relative; text-align:center;font-size:16px; color:#000;}
.h_nr .sc:before{content: "";width: 72px;height: 1px; position: absolute;left:0;top:11px; background: #cdcdcd;}
.h_nr .sc:after{content: "";width: 72px;height: 1px; position: absolute;right:0;top:11px; background: #cdcdcd;}
.h_nr .sc img{width: 121px; height: 22px;display: block;margin:0 auto;}
.h_nr span{ background: url(/images/tel.png) no-repeat 25px 30px; height: 54px; line-height: 34px; display: block;padding-left:00px;padding-top: 10px; }
.h_nr span p {overflow: hidden;text-align: center; color: #112C7B;font: 30px "Arial"; font-weight: bold; }
.navbg{ height: 70px; background: #112C7B;}
.nav{width: 1200px;margin:0 auto;}
.nav ul{ height: 70px; width: 1200px;}
.nav li { float: left;height: 70px; line-height: 70px; position: relative; }
.nav li.home:before{content: "";width: 21px;height: 21px; background: url(/images/home.png) no-repeat;position: absolute;top:22px;left:15px;z-index: 3;}
.nav li a:after{content: "";width: 1px;height: 70px; background:#0B32A2;position: absolute;top:0px;right:0px;z-index: 1;}
.nav li a { text-decoration: none; color: #ffffff; font-size: 16px; display: inline-block; padding:0 28px; position: relative;z-index: 2; }
.nav li.home a{padding:0 35px 0 50px;}
.nav li.nones a:after{ background: none; }
.nav li:after{content:'';position:absolute;height:100%;width:0;background:#D03F22;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;color: #fff; z-index: 1;}
.nav li:hover:after,.nav li.cur:after{width:100%;color: #fff;z-index: 1;}
.nav li a:hover, .nav .cur a { font-weight: normal; text-decoration: none; color: #fff; }
.h_head_gd{filter:alpha(opacity=100);opacity:1; position:fixed; top:0px; width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)-0); z-index:10; left:0; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.fullSlide{min-width:1200px;position:relative;height:644px;overflow:hidden;}
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:644px;overflow:hidden;text-align:center;}
.fullSlide .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.fullSlide .hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.fullSlide .hd ul{margin-left:500px;}
.fullSlide .hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
.fullSlide .hd ul li{width:62px;height:5px;background:#fff;}
.fullSlide .hd ul .on{background:#D03F22;}
i,em{font-style:normal;}
.footWrap{background: url(/images/ftbg.jpg) no-repeat center top; min-height:343px;padding-top: 65px; font-family:"Microsoft Yahei";box-sizing: border-box;}
.footer{width:1200px;margin: 0 auto; overflow: hidden;clear: both;}
.footer em{padding:0 5px;}
.ft_left{width:263px;float: left; height: 235px; position: relative;}
.ft_left:before{ content: ""; width: 1px ;height: 203px; background: #6e6e6e; position: absolute;right: 0;top:5px; }
.ft_left .flogo img{width: 120px;height: 119px; display: block;}
.ft_left p{font-size: 14px; color: #fff; line-height: 32px;padding-top: 20px;}
.ft_left p a{ color: #fff; }
.fcontact{width:424px;float: left;padding-left:50px;box-sizing: border-box;height: 265px; position: relative;}
.fcontact:before{ content: ""; width: 1px ;height: 203px; background: #6e6e6e; position: absolute;right: 0;top:5px; }
.fcontact h3{font-size: 18px;margin-bottom: 20px; color: #ffffff; font-weight: bold; position: relative; }
.fcontact li{font-size: 14px;color: #e1e1e1; height: 50px;margin-bottom: 12px; font-weight:
normal;padding-left: 50px; background: url(/images/fico3.png) no-repeat left center; line-height: 21px; }
.fcontact li span{ display: block; font-size: 14px; color: #ffffff; font-weight: bold; }
.fcontact li:nth-child(1){background: url(/images/fico1.png) no-repeat left center;font-size: 18px; font-weight: bold; font-family: "Arial";}
.fcontact li:nth-child(2){background: url(/images/fico2.png) no-repeat left center;font-size: 18px; font-weight: normal; font-family: "Arial";}
.ft_nav{width: 347px; float: left;padding-left: 50px; box-sizing: border-box; position: relative;}
.ft_nav:before{ content: ""; width: 1px ;height: 203px; background: #6e6e6e; position: absolute;right: 0;top:5px; }
.ft_nav h3{font-size: 16px; color: #ffffff; font-weight: bold; position: relative; margin-bottom: 20px; }
.ft_nav .fnav a{display: block;font-size:16px;color:#ffffff;width:147px;float: left; height: 45px; line-height: 45px; }
.ft_code{ width: 114px; float: right;}
.ft_code h3 i { display: block; font-size: 16px;margin-top: 16px; height: 40px; line-height: 40px;border-bottom:1px solid #979898; border-top:1px solid #979898; }
.ft_code h3 { display: block; font-size: 19px; color: #fff; font-family: "Times New Roman"; font-weight: normal; }
.code{width: 114px;height: 114px; float: left;margin-top: 20px;margin-right: 39px; }
.code img{width: 114px;height: 114px;}
.client-2 {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 62px;
position: relative;
}
.client-2 li i {
background: url(/images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0px auto;
text-align: center;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 34px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #112C7B;
color: #fff;
height: 53px;
width: 230px;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #112C7B;
width: 97px;
height: 53px;
position: relative;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}
.fenl_bg{background:url(/images/cp_line02.gif) repeat-x 0 270px;overflow: hidden;padding: 150px 0 0;}
.fenl_btn{display: block;width: 150px;height: 50px;position: absolute;top: 115px;right: 0;text-align: center;line-height: 50px;}
.fenl_btn a{font-size: 18px;color: #333;display: block;}
.fenl_t{width: 1200px;height: 170px;margin: 20px 0 0;}
.fenl_t ul li{width: 220px;height: 80px;float: left;position: relative;}
.fenl_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 200px;height: 80px;float: left;line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.fenl_t ul li a:hover,.fenl_t ul li.on a{color: #112C7B;}
.fenl_t ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 80px;left: 42%;z-index: 20;
border-top:10px solid #1f339a;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.fenl_t ul li.on:after{content: "";width: 100%;height: 3px;position: absolute;bottom: -2px;left: 0;z-index: 20;background: #1f339a;}
.fenl_t ul li .cp_list{ display:none;width: 1200px;height: 50px;position: absolute;top: 80px;left: 0;padding: 10px 0 0;}
.fenl_t ul li .cp_list a{font-size: 14px;color: #666;height: 50px;line-height: 50px;width:120px;font-weight: normal;text-align: left;}
.fenl_t ul li .cp_list a:hover{color: #1f339a;}
.fenl_t ul li.on .cp_list{display: block;}
.chanp ul li{width: 32.8%;float: left;position: relative;margin-right: 0.8%;margin-bottom: 15px;overflow: hidden;line-height: 0;}
.chanp ul li img,.sheb ul li img,.jz dl dt img,.wd dl dt img,.photo_m ul li img{width: 100%;display: block;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover,.sheb ul li img:hover,.jz dl dt img:hover,.wd dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp ul li span{display: block;width: 100%;text-align: center;font-size: 14px;color: #333;height: 50px;line-height: 50px;position: absolute;bottom: 0px;left: 0;overflow: hidden;}
.chanp ul li:nth-child(3n){margin-right: 0;}
/*共用css，模板里只能模板设计小组人员才能修改*/
/*模板设计小组人员修改以后注意本地备份一?*/
/*最新更新人员：胡平2017-3-13*/
/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
margin: 0;
padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei";color: #666;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;outline:none;}/*英文换行*/
a:hover {text-decoration: none; color:#172e7a;;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边? */
button, input, select, textarea {
font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪? */
html {overflow-y: scroll;}
/*手机预览居中*/
body{
min-width: 1200px;
width: 100%;
overflow: hidden;
}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
/*清除浮动*/
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
/*全局背景?1*/
.body-color{background: #ffffff;}
.bark-body-color{background:#181818;}
.blk{margin-bottom: 25px;}
/*Main模板*/
.blk-main{width:1200px; margin: 0 auto;}
/*小模?*/
.blk-xs{width:240px;}
/*中模?*/
.blk-sm{width:930px;}
/*小版?*/
.blk{margin-bottom:30px;}
/*首页板块全局补白*/
.p{padding: 30px 0;}
/*首页板块全局变量*/
.b{clear: both;}
/*内页板块全局变量*/
.blk{margin-bottom: 20px;}
/*数据更新中的样式*/
.nodata {background:url("../images/nodata.png") no-repeat 58px 20px #fff;margin: 10px 0;padding:80px 0 80px 220px;border:1px solid #eee;text-transform: capitalize;}
/*详情内容*/
.endit-content{ line-height:28px;}
.endit-content p{margin:15px 0;}
.endit-content img{max-width:100%;}
/*百度地图图片*/
.endit-content #map img,.endit-content #dituContent img,.endit-content #platform img{max-width: inherit;}
.endit-content em,.endit-content i{font-style: italic;}
.endit-content .img-p{text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center;}
.endit-content .img-container{}
.endit-content .img-block {text-indent: 0px;padding-top: 14px;margin: 0px;text-align: center;}
/*详情关键字飘红加?*/
.endit-content a{color:#f00; font-weight: bold;}
/*详情内容关键字加VI?*/
/*.endit-content a{color:#172e7a; font-weight: bold;}*/
/*表单弹框*/
.nsw-modal {
width: 100%;
height: 100%;
background: rgba(225, 225, 225, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
.modal-dialog {
position: fixed;
color:#000000;
top: 150px;
width: 400px;
border-radius: 3px;
min-height: 155px;
overflow: hidden;
z-index: 99998;
margin-left: -200px;
left: 50%;
}
.modal-dialog .css-icon {
background-image: url("../images/modal-icons.png");
}
.modal-dialog .modal-head {
height: 30px;
line-height: 30px;
padding: 0px 20px;
background: #F6EFEF;
font-size: 14px;
}
.modal-dialog .modal-head .modal-logo {
width: 15px;
height: 15px;
background-position: 1px 0px;
margin: 8px 5px 0 0;
float: left;
}
.modal-dialog .modal-head .close {
float: right;
width: 15px;
height: 15px;
background-position: -14px 0px;
margin-top: 8px;
}
.modal-dialog .modal-body {
width: 100%;
min-height: 125px;
background: #ffffff;
}
.modal-dialog .modal-body .modal-body-left {
width: 140px;
float: left;
}
.modal-dialog .modal-body .modal-body-left .icon {
width: 64px;
height: 64px;
margin: 30px 0 0 48px;
}
.modal-dialog .modal-body .modal-body-left .success-message {
background-position: 0px -14px;
}
.modal-dialog .modal-body .modal-body-left .warming-message {
background-position: 0px -78px;
}
.modal-dialog .modal-body .modal-body-right {
width: 260px;
float: right;
padding-top: 20px;
}
.modal-dialog .modal-body .modal-body-right .close-btn {
color: #000;
text-align: center;
width: 90px;
display: inline-block;
height: 24px;
line-height: 24px;
background: #818079;
}
.modal-dialog .modal-body .modal-body-right p {
line-height: 30px;
}
/*翻页*/
.p12-pagination-1-main {
margin: 0 auto;
padding: 20px 0;
height: 30px;
text-align: center;
}
.p12-pagination-1 a,
.p12-pagination-1 span {
vertical-align: top;
display: inline-block;
padding: 0 8px;
height: 26px;
line-height: 26px;
border: 1px solid #e5e5e5;
text-align: center;
margin: 0 2px;
background: #fff;
}
.p12-pagination-1 span {
border: 1px solid #fff;
}
.p12-pagination-1 .page_curr {
background:#172e7a;
color:#fff;
border-color:#172e7a;
}
.p12-pagination-1 .laypage_first,
.p12-pagination-1 .laypage_last {
display: none;
}
.ty-banner-1 {
overflow: hidden;
line-height: 0;
text-align:center;
}
.ty-banner-1 img.show{
visibility: visible;
}
.p1-search-1 {
background: #f2f2f2;
height: 82px;
border-bottom: 1px solid #eee;
overflow: hidden;
font-size: 14px;
}
.p1-search-1 p {
color: #444;
line-height: 82px;
}
.p1-search-1 a {
color: #444;
display: inline-block;
margin-right: 15px;
}
.p1-search-1-inp {
width: 270px;
height: 30px;
border-radius: 20px;
background: #fff;
padding-left: 10px;
margin-top: 28px;
}
.p1-search-1-inp input {
border: 0;
}
.p1-search-1-inp1 {
width: 224px;
height: 30px;
line-height: 30px;
color: #a9a9a9;
float: left;
}
.p1-search-1-inp2 {
width: 30px;
height: 30px;
background: url(/images/VISkins-p1.png) no-repeat -258px -936px;
float: right;
cursor: pointer;
}
.p12-curmbs-1 {
font-size: 14px;
border-bottom: 1px dashed #dcdcdc;
}
.p12-curblock{
display: none;
}
.p12-curmbs-1 b {
border-left: 10px solid #e8bd15;
font-weight: normal;
padding-left: 8px;
}
.p12-curmbs-1 i {
font-style: normal;
}
.p12-curmbs-1 span {
font-family: '宋体';
padding: 0 5px;
height: 46px;
line-height: 46px;
}
.tl-fdh-02 {
height: 55px;
background: #fff;
margin-bottom: 20px;
overflow: hidden;
}
.tl-fdh-02 li {
width:12.5%;
height: 55px;
font-size: 18px;
line-height: 55px;
text-align: center;
float: left;
border-right: 1px solid #fff;
background: #f4f4f4;
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
}
.tl-fdh-02 li a {
display: block;
height: 55px;
color: #333;
}
.tl-fdh-02 li.sidenavcur,
.tl-fdh-02 li:hover {
background: url(images/p16-icon6.png) no-repeat bottom center #172e7a;
border-color: #172e7a;
}
.tl-fdh-02 li.sidenavcur a,
.tl-fdh-02 li:hover a {
color: #fff;
}
.p12-aboutinfo-1{display: inline-block;width: 100%;background: #fff;margin-bottom: 38px;}
.p12-aboutinfo-1-tit{height: 114px;line-height: 114px;font-size: 30px;text-align: center; color:#4b4a4a;}
.p12-aboutinfo-1-tit span{font-size: 22px;color: #aaa;}
.p12-aboutinfo-1-nr{padding:0 0 20px;}
.client-2 {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 62px;
position: relative;
}
.client-2 li i {
background: url(/images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0px auto;
text-align: center;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 34px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #172e7a;
color: #fff;
height: 53px;
width: 230px;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #172e7a;
width: 97px;
height: 53px;
position: relative;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}
.k_guidename{ line-height:50px; }
#k_feedback{ margin:auto; width:1200px;}
.headliner {
height: 130px;
text-align: center;
padding-top: 60px;
margin: 0 auto;
}
.headliner h2 {
font-size: 28px;
font-weight: bold;
font-family: "Source Han Serif SC";
letter-spacing: 2px;
position: relative;
}
.headliner h2:before {
content: " ";
width: 60px;
height: 2px;
background: #172e7a;
display: inline-block;
position: absolute;
top: 15px;
left: 39%;
}
.headliner h2:after {
content: "";
width: 60px;
height: 2px;
background: #172e7a;
display: inline-block;
position: absolute;
top: 15px;
right: 39%;
}
.headliner i {
display: block;
font-size: 26px;
font-style: normal;
color: #f0f0f0;
height: 40px;
text-transform: uppercase;
z-index: 100;
font-family: 'Source Han Serif SC', 'Source Han Serif', 'source-han-serif-sc';
letter-spacing: 2px;
}
/**/
.kfay {
width: 1200px;
height: 245px;
}
.kfay dt img {
display: block;
width: 188px;
height: 188px;
}
.kfay dd {
width: 935px;
float: left;
}
.kfay dd h4 {
width: 294px;
height: 45px;
padding-top: 25px;
font: 24px "Microsoft YaHei";
color: #172e7a;
border-bottom: 2px solid #3e5e97;
}
.kfay dd h4 i {
padding-left: 15px;
text-transform: uppercase;
font: 16px "Arial";
color: #999999;
}
.kfay dd p {
font: 14px "Microsoft YaHei";
color: #333333;
line-height: 30px;
padding-top: 15px;
}
/**/
.g-gywm:after {
content: "";
display: block;
clear: both;
}
.wm-l {
width: 495px;
float: left;
background: #eaf3f7;
padding: 50px 0;
height: 337px;
overflow: hidden;
}
.wm-l h4 {
font: 20px "Microsoft YaHei";
color: #000;
height: 60px;
width: 400px;
padding-left: 30px;
}
.wm-l h4 i {
display: block;
font: 14px "Microsoft YaHei";
color: #000;
}
.wm-l ul {
padding-left: 65px;
background:url(/images/abcb86fb1a524f1b91799bbd34ed602a_14.png?ver=15) no-repeat left center;
margin: 40px 22px 0 30px;
background-size: 38px 38px;
}
.wm-l li {
font: 16px "Microsoft YaHei";
color: #000;
line-height: 24px;
}
.wm-l .ul2 {
background:url(/images/abcb86fb1a524f1b91799bbd34ed602a_18.png?ver=17) no-repeat left center;
background-size: 38px 38px;
}
.wm-l .ul3 {
background:url(/images/abcb86fb1a524f1b91799bbd34ed602a_16.png?ver=16) no-repeat left 6px;
background-size: 38px 38px;
height: 48px;
}
.wm-l .ul3 li {
line-height: 20px;
}
.wm-l .ul3 li b {
display: block;
font-weight: bold;
font-size: 20px;
color: #333333
}
.wm-r {
float: left;
width: 571px;
}
.k12-gl-gslb-3nf1-1-01-left{
width:1500px;
}
.k12-gl-gslb-3nf1-1-01-left dl {
width: 290px;
float: left;
background: #f0f0f0;
margin: 0 13px 13px 0
}
.k12-gl-gslb-3nf1-1-01-left dt {
border: 1px solid #e5e5e5;
padding: 10px 9px;
background: #fff;
}
.k12-gl-gslb-3nf1-1-01-left dt img {
display: block;
width: 270px;
height:200px;
}
.k12-gl-gslb-3nf1-1-01-left dd {
height: 50px;
font-size: 14px;
line-height: 50px;
text-align: center;
padding: 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: #f0f0f0;
}
.k12-gl-gslb-3nf1-1-01-left dd a {
color: #4b4a4a;
}
.fdh-01-tit h3 {
height: 75px;
font-size: 24px;
font-weight: normal;
line-height: 75px;
color: #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.fdh-01-tit h3 span {
font-size: 14px;
text-transform: uppercase;
}
.fdh-01-nav-one h3 {
height: 50px;
line-height: 50px;
margin-bottom: 2px;
overflow: hidden;
}
.fdh-01-nav-one h3 a {
display: block;
font-size: 18px;
font-weight: normal;
margin-right: 40px;
margin-left: 38px;
color: #666666;
overflow: hidden;
}
.fdh-01-nav-one h3.sidenavcur,
.fdh-01-nav-one h3:hover {
background:#172e7a;
}
.fdh-01-nav-one h3.sidenavcur a,
.fdh-01-nav-one h3:hover a{
color: #fff;
}
.fdh-01-nav dl {
padding: 2px 0 4px;
}
.fdh-01-nav dt {
height: 50px;
font-size: 16px;
line-height: 50px;
padding-left: 54px;
padding-right: 40px;
margin-bottom: 1px;
background: #ececec;
position: relative;
overflow: hidden;
}
.fdh-01-nav dt:after {
content: "";
width: 8px;
height: 8px;
border: 2px solid #b8b8b8;
border-style: solid solid none none;
position: absolute;
top: 50%;
right: 32px;
margin-top: -4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fdh-01-nav dt.sidenavcur:after,
.fdh-01-nav dt:hover:after {
border-color: #172e7a;
}
.fdh-01-nav dt.sidenavcur a,
.fdh-01-nav dt:hover a {
color: #172e7a;
}
.fdh-01-nav dd {
border: 1px solid #ececec;
border-bottom: 0;
}
.fdh-01-nav p {
height: 50px;
font-size: 14px;
line-height: 50px;
padding-left: 72px;
padding-right: 40px;
border-bottom: 1px solid #ececec;
background: #fff;
position: relative;
overflow: hidden;
}
.fdh-01-nav p.sidenavcur a,
.fdh-01-nav p:hover a {
color: #172e7a;
}
.fdh-01-nav p.sidenavcur:after,
.fdh-01-nav p:hover:after {
background: #e8bd15;
}
.fdh-01-nav a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.contact-z1 {
height: 140px;
background: url("/images/contact-z1.jpg") no-repeat;
color: #333;
margin-bottom: 30px;
}
.contact-z1 p {
font-size: 20px;
height: 30px;
line-height: 30px;
padding: 37px 0 0 95px;
background: url(images/contact-z1_tel.png) no-repeat 74px 44px;
}
.contact-z1 span {
display: block;
height: 30px;
font-weight: bold;
font-size: 18px;
line-height: 30px;
padding-left: 73px;
}
.p15-infolist-1-t1 {
padding: 35px 49px 0px 21px;
background: #fff;
border-bottom: 1px dashed #cacaca;
margin-bottom: 20px;
height: 164px;
}
.p15-infolist-1-t1 dt {
position: relative;
height: 30px;
font-size: 18px;
line-height: 30px;
margin-bottom: 8px;
padding-left: 68px;
}
.p15-infolist-1-t1 dt a{
display: block;
color:#333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p15-infolist-1-t1 dt span {
display: block;
width: 60px;
height: 30px;
font-size: 18px;
line-height: 30px;
text-align: center;
color: #fff;
position: absolute;
top: 0;
left: -0px;
background: #172e7a;
}
.p15-infolist-1-t1-desc {
height: 72px;
line-height: 24px;
margin-bottom: 5px;
overflow: hidden;
padding-left: 68px;
}
.p15-infolist-1-t1-deta {
width: 60px;
float: right;
padding-left: 20px;
background: url(images/p14-icon21.png) no-repeat left center;
}
.p15-infolist-1-t1-deta a {
display: block;
color: #172e7a;
}
.p14-infolist-1-list dl {
border: 1px solid #dedede;
margin-bottom: 15px;
padding: 22px 50px 22px 22px;
background: #fff;
overflow: hidden;
}
.p14-infolist-1-list dt {
width: 29.5%;
float: left;
margin-right: 5.8%;
}
.p14-infolist-1-list dt img {
width:100%;
display: block;
}
.p14-infolist-1-list dd h4 {
height: 40px;
font-weight: normal;
font-size:18px;
color: #154c64;
line-height: 40px;
margin-bottom: 5px;
overflow: hidden;
}
.p14-infolist-1-list h4 a {
display: block;
height: 40px;
color: #4b4a4a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p14-infolist-1-list dl:hover{border:1px solid #172e7a;}
.p14-infolist-1-list dl:hover h4 a {
color: #172e7a;
}
.p14-infolist-1-list-desc {
max-height: 72px;
font-size: 14px;
line-height: 24px;
color: #797979;
margin-bottom: 28px;
overflow: hidden;
}
.p14-infolist-1-list-deta {
width: 90px;
height: 30px;
line-height: 30px;
text-align: center;
display: block;
float: right;
background: #b6b6b6;
color: #fff;
}
.p14-infolist-1-list-deta a{color:#fff;}
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta {
background: #172e7a;
border-color: #172e7a;
}
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a {
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 14px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #172e7a;
color: #fff;
height: 53px;
width: 230px;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #172e7a;
width: 97px;
height: 53px;
position: relative;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}
.fdh-01-tit {
background: #172e7a;
height: 80px;
}
.k_pagelist {
float:left;
display:table;
clear:both;
line-height:30px;
width: 100%;
text-align: center;
}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}
.pl {
clear:both;
width: 500px;
display: table;
float: left;
}
.li_list{
margin:5px 10px;
background-color: #F7FBFC;
padding:5px;
}
.li_list p{
border: 1px dashed #C2C1D0;
padding: 5px;
}
.li_list span{
color: #903;
}
.li_list i{
color: #060;
margin-right: 10px;
}
.ty-banner-1 {
overflow: hidden;
line-height: 0;
text-align:center;
}
.ty-banner-1 img{
visibility: hidden;
}
.ty-banner-1 img.show{
visibility: visible;
}
.p1-search-1 {
background: #f2f2f2;
height: 82px;
border-bottom: 1px solid #eee;
overflow: hidden;
font-size: 14px;
}
.p1-search-1 p {
color: #444;
line-height: 82px;
}
.p1-search-1 a {
color: #444;
display: inline-block;
margin-right: 15px;
}
.p1-search-1-inp {
width: 270px;
height: 30px;
border-radius: 20px;
background: #fff;
padding-left: 10px;
margin-top: 28px;
}
.p1-search-1-inp input {
border: 0;
}
.p1-search-1-inp1 {
width: 224px;
height: 30px;
line-height: 30px;
color: #a9a9a9;
float: left;
}
.p1-search-1-inp2 {
width: 30px;
height: 30px;
background: url(images/VISkins-p1.png) no-repeat -258px -936px;
float: right;
cursor: pointer;
}
.p12-curmbs-1 {
font-size: 14px;
border-bottom: 1px dashed #dcdcdc;
}
.p12-curblock{
display: none;
}
.p12-curmbs-1 b {
border-left: 10px solid #e8bd15;
font-weight: normal;
padding-left: 8px;
}
.p12-curmbs-1 i {
font-style: normal;
}
.p12-curmbs-1 span {
font-family: '?????';
padding: 0 5px;
height: 46px;
line-height: 46px;
}
.p14-infocontent-1 {
background: #fff;
padding: 18px 0;
}
.p14-infocontent-1-tit {
height: 38px;
font-size: 24px;
font-weight: normal;
line-height: 38px;
color: #4b4a4a;
text-align: center;
}
.p14-infocontent-1-sour {
height: 24px;
font-size: 12px;
line-height: 24px;
text-align: center;
color: #aaa;
margin-bottom: 20px;
}
.p14-infocontent-1-sour a{
color: #aaa; }
.p14-infocontent-1-sour span {
margin: 0 9px;
}
.p14-infocontent-1-text {
padding: 16px 18px;
font-size: 14px;
line-height: 24px;
border: 1px solid #d6d6d6;
margin-bottom: 22px;
}
.p14-infocontent-1-text-t1 {
width: 78px;
float: left;
color: #342f2e;
margin-right: -78px;
}
.p14-infocontent-1-text-t2 {
padding-left: 80px;
}
.p14-info-3 {
background: #fff;
padding: 0 40px 8px;
}
.p14-info-3-tit {
height: 55px;
font-size: 24px;
line-height: 55px;
color: #4b4a4a;
}
.p14-info-3-list li {
height: 46px;
font-size: 14px;
line-height: 46px;
color:#4b4a4a;
border-top: 1px dashed #dbdbdb;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p14-info-3-list li a{ color:#4b4a4a;}
.p14-info-3-list li span {
float: right;
}
.p14-pagination-1 dl {
margin-bottom: 24px;
padding-right: 40px;
}
.p14-pagination-1 dd {
height: 32px;
font-size: 14px;
line-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p14-pagination-1 dd b {
float: right;
font-weight: normal;
}
.p14-pagination-1 dd span {
width: 60px;
height: 32px;
background: #a2a2a2;
color: #fff;
text-align: center;
display: inline-block;
margin-right: 10px;
}
.p14-pagination-1 dt {
height: 1px;
border-bottom: 1px dashed #b5b5b5;
margin-left: 60px;
padding-top: 2px;
margin-bottom: 2px;
}
.p14-pagination-1 dd em {
float: right;
font-style: normal;
padding-left: 20px;
font-weight: normal;
}
.p14-pagination-1 dl a {
color: #4b4a4a;
}
.p14-pagination-1-href {
float: right;
font-size: 18px;
line-height: 32px;
}
.p14-pagination-1-href span {
display: inline-block;
padding: 0 6px;
margin-left: 4px;
background: #e8bd15;
}
.p14-pagination-1-href a {
display: block;
color: #fff;
}
.p14-pagination-1-key {
min-height: 40px;
border-top: 1px solid #e8bd15;
font-size: 14px;
line-height: 40px;
color:#575556;
}
.p14-pagination-1-key a {
color: #575556;
}
.p14-pagination-1-key span {
display: inline-block;
margin: 0 4px;
}
.p14-info-2 {
background: #fff;
}
.p14-info-2-tit {
height: 80px;
font-size: 24px;
line-height: 80px;
background: #172e7a;
color: #fff;
text-align: center;
}
.p14-info-2-list dl {
padding: 26px 10px 20px 7px;
border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
font-size: 12px;
line-height: 18px;
overflow: hidden;
}
.p14-info-2-list dt {
width: 40.35%;
float: left;
margin-right: 6px;
}
.p14-info-2-list dt img {
display: block;
width: 100%;
margin: 0 auto;
}
.p14-info-2-list dd h3 {
height: 22px;
font-size: 14px;
font-weight: normal;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 5px;
}
.p14-info-2-list-desc {
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p14-info-2-list dl:nth-last-child(1) {
border-bottom: 0;
}
.contact-z1 {
height: 140px;
background: url("images/contact-z1.jpg") no-repeat;
color: #333;
margin-bottom: 30px;
}
.contact-z1 p {
font-size: 20px;
height: 30px;
line-height: 30px;
padding: 37px 0 0 95px;
background: url(images/contact-z1_tel.png) no-repeat 74px 44px;
}
.contact-z1 span {
display: block;
height: 30px;
font-weight: bold;
font-size: 18px;
line-height: 30px;
padding-left: 73px;
}
.client-2 {
position: fixed;
right: -170px;
top: 50%;
z-index: 900;
}
.client-2 li a {
text-decoration: none;
}
.client-2 li {
margin-top: 1px;
clear: both;
height: 62px;
position: relative;
}
.client-2 li i {
background: url(/images/fx.png) no-repeat;
display: block;
width: 30px;
height: 27px;
margin: 0px auto;
text-align: center;
}
.client-2 li p {
height: 20px;
font-size: 12px;
line-height: 20px;
overflow: hidden;
text-align: center;
color: #fff;
}
.client-2 .my-kefu-qq i {
background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
display: none;
}
.client-2 .my-kefu-ftop i {
width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
padding-top: 6px;
}
.client-2 .my-kefu-left {
float: left;
width: 62px;
height: 47px;
position: relative;
}
.client-2 .my-kefu-tel-right {
font-size: 16px;
color: #fff;
float: left;
height: 24px;
line-height: 22px;
padding: 0 15px;
border-left: 1px solid #fff;
margin-top: 34px;
}
.client-2 .my-kefu-right {
width: 20px;
}
.client-2 .my-kefu-tel-main {
background: #172e7a;
color: #fff;
height: 53px;
width: 230px;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-main {
background: #172e7a;
width: 97px;
height: 53px;
position: relative;
padding:9px 0 0;
float: left;
}
.client-2 .my-kefu-weixin-pic {
position: absolute;
left: -130px;
top: -24px;
display: none;
z-index: 333;
}
.my-kefu-weixin-pic img {
width: 115px;
height: 115px;
}
#k_nextpage{ background-color:#FFFFFF;}
.fdh-01-nav-one h3 {
height: 50px;
line-height: 50px;
background: url(/images/p14-icon5.png) no-repeat right center #ececeb;
margin-bottom: 2px;
overflow: hidden;
}
.fdh-01-nav-one h3 a {
display: block;
font-size: 18px;
font-weight: normal;
margin-right: 40px;
margin-left: 38px;
color: #666666;
overflow: hidden;
}
.fdh-01-nav-one h3.sidenavcur,
.fdh-01-nav-one h3:hover {
background: url(/images/p14-icon2.png) no-repeat right center #172e7a;
}
.fdh-01-nav-one{ cursor:pointer;}