﻿@charset "utf-8";
/*end*/
body{overflow-x:hidden;}

/**/
.search{height:80px; box-shadow: 5px 5px 10px #d5d5d5,-5px -5px 10px #d5d5d5;}
.sea{height:79px;line-height: 79px;}
.sea b{font-size: 12px; color:#666666; font-weight: normal;}
.sea a{font-size: 12px; color:#666666; margin-right: 16px;}
.sea p{ width:256px; height:33px; float:right; margin-top:-60px; border:1px solid #cdcdcd;}
.sea p .txt{width:204px;height:33px; padding:0 10px; float:left; line-height: 33px;}
.sea p .btn{width:20px;height:20px; background:url(../images/btn.png) no-repeat center;float:left; margin-top: 6px;}
/**/
.product{height:1085px;}
.pro{padding-top:50px;height:587px;}
.pro h3{height:60px;text-align: center; margin-bottom: 20px;}
.pro h3 i{display: block;}
.pro p{width:430px; height:48px; margin:0 auto 30px;}
.pro p b{width:145px; height:48px; line-height: 48px; padding-left:10px; float:left; background:#e3e3e3;border-radius: 20px;margin:0 16px;}
.pro p b i{display: block; width:35px;height:30px; margin-right: 7px;float:left;margin-top: 10px;}
.pro p b em{display: block;  font-size: 18px; color:#666666; font-weight: normal; text-align:center;}
.pro p b.cur{background:#012150;}
.pro p b.cur em{color:#FFF;}
.pro p b.p2{padding-left:17px; width:152px;}
.pro p b.p2 .pro2{ }
.pro ul li{float:left; margin-bottom: 60px; position: relative; margin-right:26px;}
.pro ul li span{display: block; width:365px; height:335px; overflow: hidden;}
.pro ul li span img{ width:365px; height:335px; transition: all 0.3s linear;}
.pro ul li.first{margin-right: 20px;}
.pro ul li.first span{width:814px; height:435px;}
.pro ul li.first span img{width:814px; height:435px;}
.pro ul li.first i{display: none;}
.pro ul li i{display: block; width:100%; font-size: 16px; color:#333333; text-align: center; height:53px; line-height: 150px; position: absolute; left:0; bottom:0; }
.pro ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.tdbj{height:713px; background:url(../images/tdbj.jpg) no-repeat center;}
.td{padding-top:71px; height:642px;}
.td h3{text-align: center; margin-bottom: 60px; font-size: 24px;color:#666666; line-height: 36px;}
.td h3 span{font-size: 36px; color:#012150;}
.td h3 i{display: block; text-transform: uppercase; font-size: 16px; line-height: 16px; margin-top: 13px; color:#666666;}
.td ul li{float:left; height:84px; margin-bottom: 60px;}
.td ul li.odd{width:380px; margin-right: 422px;}
.td ul li.even{width:396px;}
.td ul li dl dt{width:82px; height:84px;}
.td ul li dl dt img{width:82px; height:84px;}
.td ul li dl dd b{display: block; font-size: 22px; color:#333333; margin-bottom: 13px;}
.td ul li dl dd p{font-size: 15px; color:#666666;}
.td ul li dl dd p i{font-size: 15px; color:; font-weight: bold;}
.td ul li.odd dt{float:right;}
.td ul li.odd dd{float:left; width:280px;}
.td ul li.odd dd b{text-align: right;}
.td ul li.odd dd p{text-align: right;}
.td ul li.even dt{float:left;}
.td ul li.even dd{float:right; width:300px;}
.td ul li.even dd b{text-align: left;}
.td ul li.even dd p{text-align: left;}
/**/
.hzkhbj{height:750px; background:url(../images/hzbj.jpg) no-repeat center;}
.hzkh{padding-top:64px;}
.hzkh h3{text-align: center; margin-bottom: 32px; font-size: 24px;color:#666666; line-height: 36px;}
.hzkh h3 span{font-size: 36px; color:;}
.hzkh h3 i{display: block; text-transform: uppercase; font-size: 16px; line-height: 16px; margin-top: 13px; color:#666666;}
.hzkh .kh{height:420px;}
.hzkh .kh li{float:left; width:218px; height:122px; border:1px solid #d4d4d4;transition: all 0.3s linear; margin-bottom: 16px; margin-left: 27px; overflow: hidden; box-sizing: border-box;}
.hzkh .kh li img{ width:218px; height:122px;}
.hzkh .kh li.k{margin-left: 0;}
.hzkh .kh li:hover{box-shadow: 5px 5px 10px #e5e5e5,-5px -5px 10px #e5e5e5; border:0;}
.hzkh .h{height:114px; border:1px solid #d4d4d4;padding:0 9px; }
.hzkh .h li{float:left; height:114px;margin:0 18px;}
.hzkh .h li i{display: block;width:41px; height:37px; margin:23px auto 0;transition: all 0.5s ease-in-out;}
.hzkh .h li .k1{background:url(../images/k1.png) no-repeat center;}
.hzkh .h li .k2{background:url(../images/k2.png) no-repeat center;}
.hzkh .h li .k3{background:url(../images/k3.png) no-repeat center;}
.hzkh .h li .k4{background:url(../images/k4.png) no-repeat center;}
.hzkh .h li .k5{background:url(../images/k5.png) no-repeat center;}
.hzkh .h li .k6{background:url(../images/k6.png) no-repeat center;}
.hzkh .h li .k7{background:url(../images/k7.png) no-repeat center;}
.hzkh .h li .k8{background:url(../images/k8.png) no-repeat center;}
.hzkh .h li .k9{background:url(../images/k9.png) no-repeat center;}
.hzkh .h li .k10{background:url(../images/k10.png) no-repeat center;}
.hzkh .h li em{display: block; text-align: center; margin-top: 17px;font-size: 14px; color:#666666;}
.hzkh .h li:hover em{color:; font-weight: bold;}
.hzkh .h li:hover i{transform: rotate(360deg);}
.hzkh .h li:hover .k1{background:url(../images/k1_h.png) no-repeat center;}
.hzkh .h li:hover .k2{background:url(../images/k2_h.png) no-repeat center;}
.hzkh .h li:hover .k3{background:url(../images/k3_h.png) no-repeat center;}
.hzkh .h li:hover .k4{background:url(../images/k4_h.png) no-repeat center;}
.hzkh .h li:hover .k5{background:url(../images/k5_h.png) no-repeat center;}
.hzkh .h li:hover .k6{background:url(../images/k6_h.png) no-repeat center;}
.hzkh .h li:hover .k7{background:url(../images/k7_h.png) no-repeat center;}
.hzkh .h li:hover .k8{background:url(../images/k8_h.png) no-repeat center;}
.hzkh .h li:hover .k9{background:url(../images/k9_h.png) no-repeat center;}
.hzkh .h li:hover .k10{background:url(../images/k10_h.png) no-repeat center;}
/**/
.edgebj{height:695px; background:url(../images/edgebj.jpg) no-repeat center;}
.edge{padding-top:64px;}
.edge h3{text-align: center; margin-bottom: 40px; font-size: 24px;color:#666666; line-height: 36px;}
.edge h3 span{font-size: 36px; color:#012150;}
.edge h3 i{display: block; text-transform: uppercase; font-size: 16px; line-height: 16px; margin-top: 13px; color:#666666;}
.edge ul{height:452px;}
.edge ul li{float:left; width:289px; height:452px; padding-top:72px; background:#FFF;border:1px solid #cccccc; box-sizing: border-box; margin-left: 14px;}
.edge ul li.first{margin-left: 0;}
.edge ul li dl dt{ height:136px; margin-bottom: 44px;}
.edge ul li dl dt i{display: block; width:60px; height:57px; margin:0 auto 23px;}
.edge ul li dl dt .e1{background:url(../images/ed1.png) no-repeat center;}
.edge ul li dl dt .e2{background:url(../images/ed2.png) no-repeat center;}
.edge ul li dl dt .e3{background:url(../images/ed3.png) no-repeat center;}
.edge ul li dl dt .e4{background:url(../images/ed4.png) no-repeat center;}
.edge ul li dl dt strong{display: block; text-align: center; font-size: 22px; line-height: 22px; color:#666666; font-weight: normal;}
.edge ul li dl dt strong em{display: block; font-size: 24px; line-height: 24px; color:#333333; margin-top: 10px;}
.edge ul li dl dd{padding-bottom:50px; background:url(../images/hg2.jpg) no-repeat bottom center;}
.edge ul li dl dd p{height:99px;color:#666666; font-size: 16px; text-align: center; line-height: 25px; }
.edge ul li:hover{background:#012150; border:0;}
.edge ul li:hover dl dt .e1{background:url(../images/ed1_h.png) no-repeat center;}
.edge ul li:hover dl dt .e2{background:url(../images/ed2_h.png) no-repeat center;}
.edge ul li:hover dl dt .e3{background:url(../images/ed3_h.png) no-repeat center;}
.edge ul li:hover dl dt .e4{background:url(../images/ed4_h.png) no-repeat center;}
.edge ul li:hover strong{color:#FFF;}
.edge ul li:hover strong em{line-height:24px;color:#FFF;}
.edge ul li:hover dl dd p{color:#FFF;}
.edge ul li:hover dl dd{ background:url(../images/hg2_h.jpg) no-repeat bottom center;}
/**/
.casebj{height:651px;}
.case{padding-top:67px;}
.case .cas{position: relative;}
.case h3{text-align: center;font-size: 30px; color:#012150; line-height: 30px; margin-bottom: 39px;}
.case h3 i{display: block;font-size: 16px; color:#666666; line-height: 16px; text-transform: uppercase; margin-top: 14px;}
.case ul{height:430px;padding:10px 0 !important;}
.case ul li{float:left; width:547px; height:382px; padding:42px 0 0 35px; box-shadow: 5px 5px 10px #e9e9e9,-5px -5px 10px #e9e9e9; margin: 0 9px;}
.case ul li dl dt{ height:119px; margin-bottom: 186px;}
.case ul li dl dt span{display: block; width:212px; height:119px;float:left; margin-right: 22px;}
.case ul li dl dt span img{ width:480px; height:269px;}
.case ul li dl dt i{display: block;padding-top:280px; font-size: 18px; color:#333333; padding-bottom:52px; background:url() no-repeat right bottom;}
.case ul li dl dd{width:517px;}
.case ul li dl dd p{font-size: 14px; color:#666666; margin-bottom: 24px;}
.case ul li dl dd strong{display: block; font-weight: normal;font-size: 14px; color:#989898; margin-bottom: 50px;}
.case ul li dl dd em{display: block; height:39px;}
.case ul li dl dd em i{display: block;width:118px; height:39px;float:left;}
.case ul li dl dd em a{float:right;display: block; margin-top: -24px; font-size: 14px; line-height: 14px; color:;}
.case .jt i{display: block; width:50px; height:50px;position: absolute; }
.case .jt .prev{background:url(../images/prev.png) no-repeat center;top:157px; left:-70px;}
.case .jt .next{background:url(../images/next.png) no-repeat center;top:157px; right:-70px;}
/**/
.newsbj{height:690px; background:#f3f3f3;}
.news{padding-top:76px; height:614px;}
.news h3{height:80px;}
.news h3 span{display: block; width:250px;float:left; font-size: 36px; color:;}
.news h3 span i{font-size: 16px; color:#666666;margin-left: 14px; text-transform: uppercase;}
.news h3 em{display: block; float:left; height:37px;}
.news h3 em a{display: block; float:left; width:118px; height:37px; border:1px solid #f3f3f3; font-size: 18px; color:#666666; text-align: center; line-height: 37px; border-radius: 20px; margin-right: 17px; box-sizing: border-box; }
.news h3 em a.cur{border:1px solid #012150;}
.news h3 .ck{display: block; float:right; font-size: 12px; color:#666666; margin-top:20px; line-height: 12px;}
.news dl{width:506px; float:left;}
.news dl dt{width:506px; height:284px; overflow: hidden; margin-bottom: 37px;}
.news dl dt img{width:506px; height:284px; transition: all 0.3s linear;}
.news dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news dl dd span{display: block; margin-bottom: 16px;}
.news dl dd span a{font-size: 16px; color:#666666;}
.news dl dd span a:hover{color:#012150;}
.news dl dd p{font-size: 14px; color:#666666;}
.news dl dd .gd{ display: block; width:92px; height:29px;border:1px solid #666666; border-radius: 15px; text-align: center; line-height: 29px; margin-top: 30px;}
.news dl dd .gd:hover{border:1px solid #012150; color:#012150;}
.news ul{width:620px; float:right; margin-right: 28px;}
.news ul li{height:111px; margin-bottom: 55px;}
.news ul li strong{display: block; width:198px; height:111px; float:left;margin-right: 9px; overflow:hidden;}
.news ul li strong img{width:198px; height:111px; transition:all 0.3s linear;}
.news ul li strong:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news ul li span{display: block; float:left;padding-top:4px; line-height:16px;margin-bottom: 16px;}
.news ul li span a{font-size: 16px; color:#666666;}
.news ul li span a:hover{color:#012150;}
.news ul li p{font-size: 14px; color:#666666;float:left; width:410px; margin-bottom: 20px;line-height: 20px;}
.news ul li i{display: block;font-size: 12px; color:#8E8E8E;float:left; line-height: 12px;}
/**/
.about{height:694px; background:url(../images/about.jpg) no-repeat center;}
.ab{padding-top:85px; }
.ab h3{text-align: center; font-size: 30px; color:#FFFFFF; line-height: 30px; margin-bottom: 20px;}
.ab h3 i{display: block; font-size: 16px; color:#FFFFFF; line-height: 16px; text-transform: uppercase; margin-top: 13px;}
.ab span{display: block; width:755px; height:245px; margin:0 auto 29px;}
.ab p{font-size: 15px; color:#FFFFFF;text-align: center; width:883px; margin:0 auto 22px; line-height: 20px;}
.ab ul{width:560px; margin: 30px auto 0;}
.ab ul li{float:left;margin:0 37px;}
.ab ul li i{display: block;width:35px; height:32px; margin:0 auto; }
.ab ul li em{display: block; font-size: 16px; color:#FFF; margin-top: 10px;}
/**/
.xc{padding-top:47px;}

.xc span{display: block; width:265px; height:41px; margin:0 auto 26px;}
.xc span a{display: block;font-size: 18px; color:#666666;margin:0 2px; width:125px; height:41px; text-align: center; line-height: 41px;float:left; border-radius: 20px;}
.xc span a.cur{background:#012150; color:#FFF;}
.xc .con{margin-bottom:40px;height:230px;}
.xc ul li{float:left; width:278px; line-height:0;padding:3px; border:1px solid #dbdbdb; margin-left: 18px;text-align:center;}
.xc ul li img{width: auto;height: 208px;margin: 0 auto;}
.xc ul li.first{margin-left: 0;}



