@charset "utf-8";   
/*¹«¹²Ñ¹ËõÑùʽ£¬´¦Àí¸÷¸öä¯ÀÀÆ÷¼æÈÝÐÔËùд£¬¿ÉÒÔÎÞÊÓ*/html,body{height:100%;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* ±íµ¥ */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* ×ÖÌå */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../css/boxsizing.htc);
}
div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{
margin:0; 
padding:0;
list-style: none;
box-sizing:border-box;
}
html{font-size:14px;font-family: Microsoft YaHei,Arial;}
body{font-family: Microsoft YaHei,Arial; color: #666;}
ul,li{list-style:none;}  
a:focus{outline:none;}
a{color:#666; text-decoration: none; cursor:pointer; outline:none;}  
a:hover{ color:#a2d40a; text-decoration: none; }
/*select,option{outline: none;}*/
input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;
    font-family: Microsoft YaHei;
    outline: none;}  
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  
input{font-family: Microsoft YaHei;}  
textarea { -webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    font-family: Microsoft YaHei;
    outline: none;
}
select{outline: none;}
img{width:auto; max-width:100%;height: auto; vertical-align:bottom;}
body{overflow-x: hidden; width: 100%;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.l24{line-height: 24px;}
.l26{line-height: 26px;}
.l30{line-height: 30px;}
.l40{line-height: 40px;}
.overflow-hidden{overflow: hidden;}
.relative{position: relative; z-index: 10;}
.container{width:1200px; margin:0 auto;}
.header{height:100px; padding:18px 0; overflow:hidden;}
.header .fr{padding-top:12px;}
.header .tel{ padding-right:20px; float: left; background:url(../images/tel_ico.png) no-repeat left center; padding-left:42px;} 
.header .tel p{font-size:18px; color:#092f87; line-height:20px; padding-top:3px;}
.header .tel span{font-size:13.5px; color:#3d3e43;}
.header .fr a{display:block;float: left; margin-left: 16px; padding-top: 5px;}
.header .fr a img:hover{opacity:0.8;}
.swiper-banner .swiper-pagination-bullet{width:14px; height:14px; background:none; border:2px solid #fff;}
.swiper-banner .swiper-pagination-bullet-active{background:#fff;}
.swiper-banner img{width:100%; max-width: inherit;}
.navbox{height:68px; padding-top:6px;position:relative; z-index: 100;}
.navbox ul{width:1275px; margin:0 auto;}
.navbox li{width:170px; margin:0 25px; float: left;position:relative; text-align:center;}
.navbox li>a{line-height:62px;display:block;font-weight: bold; width:122px; margin: 0 auto; z-index: 2; position:relative;font-size:16px; color:#04306e;}
.navbox li.first{margin-left:2px;}
.navbox li.last{margin-right:0;}
.navbox li:hover>a,.navbox li>a.active{color:#a2d40a;}
.navbox li .box{background:#fff; opacity:1; visibility: hidden; border-radius:5px;box-shadow: 1px 1.732px 6px 0px rgba( 220, 222, 226,0.65); position: absolute; width: 100%; top: 0; left: 0; padding-top:60px;}
.navbox li .box p{width:147px; margin:0 auto; line-height:48px; border-top:1px solid #f0f0f0; position:relative; z-index: 2;}
.navbox li .box p a{display: block; font-size:14px; color:#333333;}
.navbox li .box p a:hover{color:#04306e; font-size:14px;}
.navbox li .box i{position:absolute; top: 78px; opacity:0; visibility:hidden; left: 15px; width:137px; height: 14px; display: block; background:url(../images/ico3.png) no-repeat center;}
.navbox li .box i.active{opacity:1; visibility:visible;}
.navbox li:hover .box{opacity:1; visibility:visible;}
.navbox li>a:before{content: ""; display: block; width: 100%; height: 4px; background-color: #a2d40a; position: absolute; left: 0px; bottom: 0px; transform: scaleX(0); transition: transform 0.3s; border-radius:2px;}
.navbox li:hover a:before,.navbox li a.active:before {transform: scaleX(1);}
.navbox li .box p:first-child{border:none;}
.searchbox{height:60px; position:relative; margin:35px auto; width:780px; border-radius:30px; box-shadow: 0px 0px 16px 0px rgba( 40, 40, 40,0.25); padding:3px;}
.searchbox .btn{float:right; width:160px;background:#a2d40a; border:none; line-height:54px; height:54px;text-align: center; color: #fff; font-size:18px;cursor: pointer; border-radius:0 35px 35px 0; font-weight: bold; letter-spacing:2px;}
.searchbox .kw{background:#fff; line-height:54px; height:54px; border:none; color: #333; font-size:16px;margin-left:105px; width: 500px; float: left;}
.searchbox i{display:block; width:37px; height: 37px; background:url(../images/search.png) no-repeat center; position:absolute; top:12px; left: 50px;}
.hproduct ul{width:1235px; margin: 0 auto; padding:25px 0 60px; overflow:hidden;}
.hproduct ul li{float: left; text-align:center; margin:0 15px;width:217px; box-shadow:0 0 21px rgba(238,238,238,0.19);}
.hproduct ul li:hover{box-shadow:0 0 21px rgba(162,212,0,0.14);}
.hproduct ul li a{display:block; overflow:hidden; position:relative;}
.hproduct ul li .bg{background:rgba(42,82,151,0.75); width:100%; height: 100%;transition: all 0.3s ease-in-out; position:absolute; top: 0; left: 0; color: #fff; opacity:0; visibility:hidden;}
.hproduct ul li .bg p{font-size:20px; text-align: center; margin-bottom: 15px; padding-top:60%;transition: all 0.3s ease-in-out;}
.hproduct ul li .bg span{display: inline-block; border: 1px solid #fff; font-size:14px; line-height:26px; padding:0 18px;transition: all 0.3s ease-in-out;}
.hproduct ul li img{transition: all 0.3s ease-in-out;}
.hproduct ul li:hover .bg{opacity:1; visibility:visible;}
.hproduct ul li:hover .bg p,.hproduct ul li:hover .bg span{transform: translate3d(0px,-20px, 0px);}
.hproduct ul li:hover img{transform: scale(1.1);}
.clear{clear:both;}
@keyframes pulse {0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-moz-keyframes pulse {0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-webkit-keyframes pulse {0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@-o-keyframes pulse {0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.haboutbg{background:#2a5297 url(../images/aboutbg.png) no-repeat top center; text-align:center; color:#fff;/*animation: pulse 20s;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/}
.footer{background:url(../images/footbg.jpg) repeat top center; border-top: 3px solid #a2d40a; height:;}
.footer .container{height: 370px;}
.copy{border-top: 1px solid #7085aa; font-size:14px; color: #a8b0c3; text-align: center; line-height:28px; padding:15px 0;}
.copy a{color: #a8b0c3;}
.copy img{vertical-align:middle; margin:0 5px;}
.footnav{float: left; padding-top: 60px;}
.footnav li{float: left; width:135px; border-left:1px solid #fff; padding-left: 10px;}
.footnav li h3{line-height:20px; padding-bottom: 18px;}
.footnav li h3 a{color: #fff; font-weight:normal; font-size:18px;}
.footnav li p{line-height:30px;}
.footnav li p a{color:#778bae; font-size: 14px;}
.footnav li p a:hover{text-decoration: underline; color: #fff;}
.ewmbox{float: right; padding-top:60px; color: #fff;}
.ewmbox .ewm{float: left; text-align: center; margin-left:40px;}
.ewmbox .ewm p{line-height:36px;letter-spacing:2px; font-size: 16px;}
.ewmbox .tel{margin-left:40px;font-size: 14px; line-height: 30px; padding-top: 45px;}
.aboutbox{width:1200px; margin: 0 auto; padding:70px 0 64px;}
.aboutbox .ti h3{font-size:24px; line-height:36px; position:relative; display:inline-block;}
.aboutbox .ti h3:before{content: ""; display: block; width:90px; height: 3px; background-color: #fff; position: absolute; left:-113px; top:17px; transition: transform 0.3s; border-radius:2px;}
.aboutbox .ti h3:after{content: ""; display: block; width:90px; height: 3px; background-color: #fff; position: absolute; right:-113px; top:17px; transition: transform 0.3s; border-radius:2px;}
.aboutbox .ti p{font-size:14px; color:rgba(255,255,255,0.73);text-transform:uppercase; line-height:30px;}
.aboutbox .about{margin-top:25px;}
.aboutbox .about h3{font-size:18px; line-height: 40px;}
.aboutbox .about p{font-size:14px; line-height:30px;letter-spacing:-1px;}
.aboutbox .more{padding-top:60px;}
.aboutbox .more a{display:inline-block;transition: all 0.3s ease-in-out; line-height:42px; color:#fff; border:2px solid #fff;text-align: left; padding-left: 60px; width: 240px; font-size: 16px; background:url(../images/jt.png) no-repeat 150px 15px;}
.aboutbox .more a:hover{background:#fff url(../images/jt_hover.png) no-repeat 150px 15px; color:#a2d40a;}
.hnewsbox{width:1215px; margin: 0 auto; overflow:hidden; padding:60px 0;}
.hnewsbox ul {}
.hnewsbox ul li{width:390px; margin:0 7px 0 8px; float: left; border:1px solid #e7e7e7; height: 252px; position:relative; overflow:hidden;}
.hnewsbox ul li i{display: block; width:84px; height: 11px; position:absolute; left: 0; top: 0; background:#a2d40a;}
.hnewsbox ul li h3{font-size:18px; color: #404040; font-weight: normal; padding:42px 18px 20px; line-height: 30px;}
.hnewsbox ul li p{font-size: 14px; color: #757575; line-height:25px; padding:0 18px;}
.hnewsbox ul li .txt{ z-index: 1; background:#a2d40a; width:100%; height: 100%; left: 0; bottom:100%; position:absolute;transition: all 0.3s ease-in-out;}
.hnewsbox ul li .txt h3,.hnewsbox ul li .txt p{color: #fff;}
.hnewsbox ul li:hover .txt{bottom:0;}
.hnewsbox .more{padding-top:60px; text-align:center;}
.hnewsbox .more a{display: inline-block;transition: all 0.3s ease-in-out; width:280px; line-height:54px;background:#a2d40a; color: #fff; font-size:16px; font-weight: bold; border-radius:27px;}
.hnewsbox .more a:hover{background:#90bd08;}
.productlist{width:1200px; margin: 0 auto;}
.productnav{width:1200px; padding:35px 0; margin:0 auto; overflow:hidden; text-align: center;}
.productnav li{float: left; width:175px; line-height:40px; margin-left:166px; border:2px solid #04306e;}
.productnav li.li1{margin: 0;}
.productnav li a{display: block; color: #04306e; font-size:15px; font-weight: bold;}
.productnav li:hover a,.productnav li.active a{background:#04306e; color: #fff;}
/*.productnav li{float: left; position: relative; width:262px; height:112px; border:1px solid #04306e; border-radius:3px; margin:0 25px; overflow:hidden;}
.productnav li a{display: block;transition: all 0.4s;}
.productnav li .img img {
    transition: all 0.4s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.3;
}
.productnav li p{font-size:16px; color: #04306e; position: absolute; left: 0;width: 100%; top: 50%; line-height: 30px; margin-top: -15px; }
.productnav li:hover a,.productnav li.active a{display: block;background:#04306e;}
.productnav li:hover p,.productnav li.active p{font-size: 18px; color: #fff;}
.productnav li:hover .img img,.productnav li.active .img img{
    transition: all 0.4s;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity:1;
}*/
.productlist .first{height:38px; line-height: 38px; margin-bottom:3px;}
.productlist .first span{display:block; float: left; text-align: center;width: 261px; background:#a2d40a; color:#04306e; font-size: 18px; font-weight: bold; border-radius:2px; margin-left:4px;}
.productlist .first span.s1{margin-left:0; width:260px;}
.productlist .first span.s3{width:299px;}
.productlist .first span.s4{width:170px;}
.productlist .first span.s5{width:194px;}
.productlist{padding-bottom: 80px;}
.productlist ul{padding-bottom:35px;}
.productlist table{table-layout: fixed; border-collapse: collapse;}
.productlist table tr,.productlist table td{border:none;}
.productlist table tr th{text-align:center; border-left:5px solid #fff;line-height:42px;color: #04306e; font-size: 18px; font-weight: bold;}
.productlist table tr th.s1{border:none; width: 271px;}
.productlist table tr th.s2{width:265px;}
.productlist table tr th.s3{width:303px; max-width:303px;}
.productlist table tr th.s4{width:174px;}
.productlist table tr th.s5{width:194px;}
.productlist table tr th span{display: block;background: #a2d40a; border-radius:2px;}
.productlist table tr td{line-height: 30px; padding:3px 10px;word-wrap: break-word; overflow:hidden;   text-align:center; font-size:18px;color: #333333;}
.productlist table tr td{max-width:303px;}
.productlist table tr:nth-of-type(even){background:#f5f5f5;}
.productlist table tr td.s5 a{display: block;color:#fff; line-height:38px; background:#ff9352; width:192px; margin-left: 2px; border-radius:3px;}
.productlist table tr td.s5 a i{display: inline-block; background:url(../images/ico4.png) no-repeat center; width: 34px; height:38px;margin-right:12px; vertical-align:bottom;}
.productlist table tr td.s5 a:hover{background:#003186;}
.productlist table tr td.s5{padding:3px 0;}
.page{text-align: center;}
.page a,.page span{display: inline-block;line-height:30px; min-width:30px; padding:0 10px; border-radius:2px; margin:0 5px; background:#f5f5f5; font-size:14px; color: #04306e;}
.page a:hover,.page span{background:#a2d40a; color:#fff;}
.servicebox{position:relative; background:#a2d40a url(../images/servicebg.png) no-repeat top center; margin-top: 4px; height:853px;}
.servicebox .ti{width:1200px; margin: 0 auto; color: #fff; padding-top: 32px;}
.servicebox .ti h3{font-size:22px; line-height:54px;border-bottom:1px solid #fff; width:605px;}
.servicebox .ti h3 span{font-size:20px; font-weight: normal;text-transform:uppercase; color:rgba(255,255,255,0.3);}
.servicebox .ti p{font-size:18px; margin-top:10px;}
.servicebox ul{width:52%;right: 0; top:192px; position:absolute;}
.servicebox ul li{background:#003186; background:rgba(0,49,134,0.9); color: #fff; margin-bottom:22px; height:235px; position:relative;}
.servicebox ul li h3{font-size:20px; line-height: 40px; padding:30px 0 0 50px;}
.servicebox ul li p{font-size:18px; padding:15px 0 0 84px;}
.servicebox ul li span{text-transform:uppercase;font-size:18px; color:rgba(255,255,255,0.2); position:absolute; top:48px;left:108px; z-index:0;}
.gbookbox{background:url(../images/gbookbg.jpg) no-repeat top center; margin-top: 3px;}
.gbookbox .ti{width:1200px; margin: 0 auto; color: #fff; padding-top: 32px;}
.gbookbox .ti h3{font-size:22px; line-height:54px;border-bottom:1px solid #fff; width:605px;}
.gbookbox .ti h3 span{font-size: 20px; font-weight: normal;text-transform:uppercase; color:rgba(255,255,255,0.3); letter-spacing: -2px;}
.gbookbox .gbook{width:1200px; background:#fff; margin:30px auto 0;}
.gbookbox .gbook ul{padding:0 64px;}
.gbookbox .gbook li{float:left; line-height:54px; width:100%; padding-bottom:24px;}
.gbookbox .gbook li.li2{width:50%;}
.gbookbox .gbook li span{display:block; width:120px; margin-right: 8px; text-align:right;font-size: 16px;color:#003186; float: left;}
.gbookbox .gbook li input{background:#f8f8f8; padding-left: 15px; font-size:18px; color: #333; height: 54px; width:888px;}
.gbookbox .gbook li.li2 input{width:352px;}
.gbookbox .gbook li textarea{background:#f8f8f8; resize: none; padding:0 15px; height:185px; font-size:18px; color: #333; width:888px;}
.gbookbox .gbook .btn{padding:15px 0 30px; text-align:center;}
.gbookbox .gbook .btn input{background:#003186;font-size: 18px; color: #fff; width:300px; line-height:54px; border: none; border-radius:2px; cursor: pointer;}
.gbookbox .gbook img{display: block; margin: 0 auto;}
.gbookbox .gbook .line{padding:31px 0 45px;}
.downbox{background:url(../images/downbg.jpg) no-repeat top center; margin-top: 3px; padding-bottom: 105px;}
.downbox .ti{width:1200px; margin: 0 auto; color: #fff; padding-top: 32px;}
.downbox .ti h3{font-size:22px; line-height:54px;border-bottom:1px solid #fff; width:605px;}
.downbox .ti h3 span{font-size:20px; font-weight: normal;text-transform:uppercase; color:rgba(255,255,255,0.3);}
.downbox .down{width:1200px; margin:84px auto 0; }
.downbox .down .file{background:rgba(255,255,255,0.6); width:996px; height: 377px; border-radius:5px; padding:58px 0 0 105px; margin:0 auto;}
.downbox .down .file .img{float: left;}
.downbox .down .file .txt{font-size: 16px; color:#003186; line-height:42px;margin-left:305px;}
.downbox .down .filedown{text-align:center; margin-top:107px;}
.downbox .down .filedown a{color:#fff; background:#a2d40a; line-height:64px; width:400px; font-weight: bold; font-size:24px; border-radius:41px; display:inline-block;}

.servicebox ul.qqonline li p{line-height:41px; padding-top:8px;}
.servicebox ul.qqonline li p a{display: inline-block; background:#a2d40a url(../images/qq.png) no-repeat 18px center; color: #fff;width: 218px;padding-left:52px; border-radius:20px;}
.servicebox ul.qqonline li p a:hover{background:#a2d40a url(../images/qq_hover.png) no-repeat 18px center; color:#003186;}
.servicebox ul.qqonline li p b{font-weight: normal; letter-spacing:7px;}
.servicebox ul.qqonline li .pd{padding-top:15px;}
.servicebox ul.qqonline li p.p{padding-top:0;}
.centername{width:1200px; margin:44px  auto 0; height: 46px;}
.centername .img{float:right;}
.centername h3{height:46px; position:relative; border-left:7px solid #a2d40a;}
.centername h3 p{font-size:22px; color:#333333; position:absolute; top:2px; left:22px; line-height:30px; z-index: 10;}
.centername h3 span{font-size:22px; color:#d6d6d6; position: absolute; left:22px; top:17px; line-height:30px;text-transform:uppercase;}
.aboutcontentbox{width:1200px; margin:0 auto; padding:34px 0 45px; font-size:14px; color:#666666;line-height:1.8;}
.aboutcontentbox .video{width: 664px; height: 332px;background-color: rgb( 186, 186, 186 ); float:left; margin:0 15px 10px 0;}
.aboutcontentbox p{text-indent:2em;}
.partnerbox{width:1300px; margin:0 auto; padding:50px 0; min-height:600px;}
.partnerbox li{width:413px; height:136px; text-align:center; float: left; margin:0 10px 15px;box-shadow: 0px 0px 10px 0px rgba( 0, 0, 0,0.07);}
.partnerbox li a{display:block; overflow:hidden;}
.partnerbox li a img{max-height:270px;transition: all 0.3s ease-in-out;}
.partnerbox li:hover a img{transform: scale(1.08);}
.map{width:1200px; margin: 0 auto 120px;}
#map img{max-width:inherit;}
.contactbox{width:1226px; margin:0 auto; text-align: center; padding:64px 0 32px;}
.contactbox li{width: 280px;height: 360px; padding:72px 10px 0; box-shadow: 0px 4px 13px 2px rgba(0,0,0,0.06); border-radius:4px; float:left; margin:0 13px;}
.contactbox li .img{width:105px; height:105px;margin:0 auto;}
.contactbox li h3{font-size:16px; color:#333333; line-height: 24px; margin:17px 0 10px;}
.contactbox li p{font-size:14px; color:#666666; line-height: 24px;font-weight: bold; color: #04306e; font-size:16px;}
.fl{float:left;}
.fr{float:right;}
.culturebox{margin:55px auto 40px; width:1200px; height:901px;}
.culturebox .culture1{width:600px; height:300px;overflow:hidden; position:relative;}
.culturebox .culture2{width:600px; height:300px; border-left:1px solid #fff;overflow:hidden; position:relative;}
.culturebox .culture3{width:1200px; height:600px; border-top:1px solid #fff;overflow:hidden; position:relative;}
.culturebox .box{width:100%; height:100%; position:absolute; left: 0; bottom:-100%; color: #fff;transition: all 0.3s ease-in-out; background:rgba(6, 72, 166, 0.7); padding:45px 40px 0;}
.culturebox .box .p{font-size:14px; line-height:32px; font-weight: bold;}
.culturebox .box .tel{font-size:14px; font-weight: bold; position:absolute; right: 40px;bottom:20px;}
.culturebox .box .tel span{font-size:24px; color:#ffe930; margin-left:4px;}
.culturebox>div:hover .box{bottom:0;}
.honorbox{width:1230px; padding:48px 0 70px; margin:0 auto;}
.honorbox li{float: left; margin:0 10px 20px;padding:10px; text-align: center; width:390px; height:420px;box-shadow: 0px 4px 13px 2px rgba( 0, 0, 0,0.06);}
.honorbox li a{display:block; overflow:hidden;}
.honorbox li a img{max-height:400px;}
.charitylist{width:1200px; margin:0 auto; padding:55px 0 85px;}
.charitylist ul{padding-bottom: 20px;}
.charitylist li{padding-bottom:50px;}
.charitylist li h3{display: inline-block; margin-bottom: 19px; min-width:600px; padding:0 25px; background:#04306e; border-radius:0 21px 0 21px; line-height:42px;}
.charitylist li h3 a{display: block; color: #fff; font-size: 16px;}
.charitylist li .box{height: 370px;box-shadow: 0px 4px 13px 2px rgba( 0, 0, 0,0.06);}
.charitylist li .box .img{float: left; width:684px;}
.charitylist li .box .img img{width:684px; height:370px;}
.charitylist li .box .txt{float:right;width:470px; margin-right:25px;}
.charitylist li .box .txt .eye{text-align:right; font-size:16px; color:#c6c6c6; padding:12px 0;}
.charitylist li .box .txt .eye span{display:inline-block; background:url(../images/ico5.png) no-repeat left center; padding-left:25px; }
.charitylist li .box .txt p{font-size:16px; color:#333333; line-height:32px; height: 207px;}
.charitylist li .box .txt .date{text-align:right; font-size: 16px; color:#c6c6c6; padding:10px 0;}
.charitylist li .box .txt .date span{line-height: 24px;display:inline-block; background:url(../images/ico6.png) no-repeat left center; padding-left:35px; }
.charitylist li .box .txt a.m{display: block; transition: all 0.3s ease-in-out; width:210px; line-height:45px; font-size:16px; color:#fff; background:#a2d40a; text-align: center; margin-left:260px;}
.charitylist li .box .txt a.m:hover{background: #90bd08;}
.nproductbox{width:1230px; padding:30px 0 70px; margin:0 auto; min-height: 500px;}
.nproductbox li{float: left; margin:0 10px 20px; text-align: center; width:390px; height:272px;box-shadow: 0px 4px 13px 2px rgba( 0, 0, 0,0.06);}
.nproductbox li a{display:block; overflow:hidden; padding:10px;}
.nproductbox li a img{max-height:252px;transition: all 0.3s ease-in-out; width: auto; max-width: 100%;}
.nproductbox li:hover a img{transform: scale(1.04);}
.newslist{width:1200px; margin:0 auto; padding:60px 0 62px;}
.newslist ul{padding-bottom: 30px;}
.newslist li{margin-bottom: 27px;height:190px;}
.newslist li .img{float: left; width:406px;}
.newslist li .img img{width:406px; height: 190px;}
.newslist li .txt{margin-left:406px; padding:0 20px; height: 190px;}
.newslist li .txt h3{font-weight:normal; font-size:16px; line-height:32px; padding:12px 0 9px;}
.newslist li .txt h3 a{color:#333333;}
.newslist li .txt p{font-size:14px ;color:#666666; height:100px;}
.newslist li .txt span{display: inline-block; line-height:24px; color: #b2b2b2; font-size:14px;background:url(../images/ico7.png) no-repeat left center; padding-left:28px;}
.newslist li:hover .txt span{background:url(../images/ico7_hover.png) no-repeat left center; color:#04306e;}
.newslist li:hover .txt h3 a{color:#04306e;}
.newslist li:hover .txt{background:#dbdbec;background:-webkit-linear-gradient(left,#fff, #f4f4f9, #dbdbec);}
.modelist{width:1200px; margin:0 auto; padding:50px 0 42px;}
.modelist li{width:33.3333%; padding:0 15px 30px; float: left; text-align: center;}
.modelist li img{/*height:238px;*/}
.modelist li a{display: block;box-shadow: 0px 4px 13px 2px rgba( 0, 0, 0,0.06);}
.modelist li .txt .p{font-size:18px; line-height:48px; color:#333333;}
.engineeringlist{width:1200px; margin:0 auto; padding:45px 0 60px;}
.engineeringlist ul li{overflow:hidden; border-bottom:1px solid #fff;}
.engineeringlist ul li .img{width:50%; float: left;}
.engineeringlist ul li .img img{display: block;}
.engineeringlist ul li .txt{width:50%; float: left; padding-left: 30px;}
.engineeringlist ul li:nth-child(2n) .img{float:right;}
.engineeringlist ul li:nth-child(2n) .txt{float: left; padding-left: 0;}
.engineeringlist ul li h3{color: #003186;font-size:54px; padding:45px 0 35px;}
.engineeringlist ul li .txt .p{font-size:18px; line-height:1.4; color: #181818; padding-right: 100px;}

/*.engineeringlist ul li:first-child .img{ width: 43%;}
.engineeringlist ul li:first-child .txt{width: 57%;}*/
.historylist{width:1200px; margin:0 auto; padding:90px 0;}
.historylist ul{position:relative; overflow:hidden;}
.historylist li{width:50%; height: 97px; position:relative;}
.historylist li.fl{text-align:right;padding-right:85px; margin-right:600px;}
.historylist li.fr{text-align:left;padding-left:85px; margin-left:600px;}
.historylist li h3{font-size:20px; color:#a2d40a; line-height:24px; height: 24px;}
.historylist li .p{font-size:18px; color:#0b0d53; line-height:32px; padding-top: 5px;}
.historylist li .line{width:75px; height:2px;background:#a2d40a; position:absolute;}
.historylist li .line:after{content: ""; display: block; width:15px; height:15px; background-color: #a2d40a; position: absolute;border-radius:100%;}
.historylist li.fr .line{left:0;top:12px;}
.historylist li.fr .line:after{left: -7px; top: -6px;}
.historylist li.fl .line{right:0;top:12px;}
.historylist li.fl .line:after{right: -7px; top: -6px;}
.hiline{width:1px; height: 100%; background:#a2d40a; position:absolute; left: 50%; top:6px;}
.shownews{width:1200px; margin:0 auto; padding:40px 0;}
.shownews .ti{text-align:center;}
.shownews .ti h3{font-size:16px; font-weight: bold; color:#333333; padding:12px 0 8px;}
.shownews .ti p{color:#999999; font-size:14px;}
.shownews .show{padding:20px 0 35px;font-size:14px; color:#333333; line-height:1.8;}
.shownews .show img{margin-bottom: 10px;}
.updown{border-top:2px solid #b0acac; padding-top:11px; overflow:hidden;}
.updown p{line-height:28px;padding-bottom:5px; overflow:hidden; font-size:14px;}
.updown p span{width:75px; display: block; float: left; text-align: center; background:#04306e; color:#fff;}
.updown p a{margin-left:15px; color: #333333;}
.updown p a:hover{text-decoration: underline;}
.updown .back{background:#04306e; width:200px; height:50px;}
.updown .back a{display: block; text-align: center;}
.updown .back a span{display: block; width:95px; border-bottom:2px solid #fff; color: #fff; font-size:14px; margin:0 auto; line-height: 32px; padding-top:3px;}
.showpreoduct{width:1200px; margin: 0 auto; padding:28px 0 68px;}
.showpreoduct .imglist{float: left;border:2px solid #a2d40a;}
.showpreoduct .imglist img{width:600px; height: 600px;}
.showpreoduct .prdouctinfo{margin-left:650px; padding-top:8px; min-height: 602px; padding-bottom: 60px; position: relative;}
.showpreoduct .prdouctinfo li{font-size:16px; color: #333333; line-height:30px; margin-bottom:24px; overflow:hidden;}
.showpreoduct .prdouctinfo li.info2{width:48%; display: inline-block;}
.showpreoduct .prdouctinfo li .s{display: block; float: left;}
.showpreoduct .prdouctinfo li .t{margin-left:105px;}
.parameter{border:1px solid #333; min-height: 200px; padding:10px 15px; width:578px; font-size:16px; line-height:34px;}
.parameter hr{height:1px;width: 100%; background:#333; border:none; margin:5px 0;}
.parameter table tr,.parameter table,.parameter table tr td{border:none !important;}
.showpreoduct .prdouctinfo .tel{ font-size: 16px; color: #333333; text-align: right; margin-right: 50px; padding-top: 5px; }
.showpreoduct .prdouctinfo .tel span{margin-left:15px;}
.buy {padding-top:15px; position:absolute; bottom:0; left: 0; width: 100%;}
.buy a{display: inline-block; margin-right:15px; width:190px; line-height: 44px; background:#04306e; border:1px solid #04306e; text-align: center; color: #fff; font-size: 16px; border-radius:8px;}
.buy a.mobile{background:#a2d40a; color:#fff; border:1px solid #a2d40a; position:relative;}
.buy a i{font-size: 20px; margin-left: 10px;}
#qrid{display: none; background: #fff; padding:10px 10px 17px; position: absolute; background:url(../images/ewmbg.png) no-repeat top center; top:-150px; width: 140px; height: 147px; left: 25px;}
.buy a.mobile:hover #qrid{display: block;}
.picFocus{ margin:0 auto;  width:600px; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:10px;  overflow:hidden;  }
.picFocus .hd ul{ margin-right:-8px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:192px; height:132px; border:2px solid #ddd; cursor:pointer; margin-right:10px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#04306e;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; height:412px; display:block; }
.picFocus .bd{border: 1px solid #d9d9d9;}

.productlist .frist{overflow:hidden; line-height:42px;}
.productlist .frist span{width:210px; margin-left:37px; display: block;background: #a2d40a; border-radius: 2px;color: #04306e; font-size:14px; font-weight: bold; text-align: center; float: left;}
.productlist .frist span.s1{margin-left: 0;}
.productlist ul{padding-top:5px;}
.productlist li{overflow:hidden; line-height:40px; padding:3px 0;}
.productlist li:nth-of-type(odd){background:#f5f5f5;}
.productlist li span{display: block;width:210px; padding:0 5px; height: 40px; overflow: hidden; margin-left:37px; display: block;border-radius: 2px;font-size: 14px; color: #333333;text-align: center; float: left;}
.productlist li span.s1{margin-left:0;}
.productlist li span.s1 a{color: #333;}
.productlist li span.s5{padding:0;}
.productlist li span.s5 a{display: block; color: #fff; line-height: 38px; background: #ff9352; width:100%; border-radius: 3px;}
.productlist li span.s5 a i{display: inline-block; background: url(../images/ico4.png) no-repeat center; width: 34px; height: 38px; margin-right:10px; vertical-align: bottom;}
.productlist li span.s5 a:hover{background: #003186; color: #fff;}
.productlist li span a:hover{color:#a2d40a;}
.productlist li span a{display: block; color:#333;}
#vr{width:100%; height: 455px; position: relative; width:1200px; margin:20px auto; overflow:hidden;}
#vr iframe{width:1204px; height:459px;margin:-2px 0 0 -2px;}
.webcontent{width:1200px; margin:0 auto;}
#dituContent img{width:100%; max-width: inherit;}
.servicebox .ti p{font-size:16px;}
.salebox{width:1200px; margin:0 auto;}
.salebox .t{font-size:24px; color: #fff; line-height: 30px; padding:12px 0;}
.salebox .t span{color:#a2d40a; margin-right: 8px; font-weight: bold;}
.salebox .saleform{display: block; overflow: hidden; padding-bottom:20px;}
.salebox select{min-width:160px; line-height:40px; height: 40px; color: #333; font-size:16px; padding-left:12px; margin-right: 15px; float: left;}
.salebox button{background:#a2d40a; color: #fff; line-height: 40px; width:120px; height: 40px; border: none; font-size:18px; font-weight: bold; border-radius:3px; cursor: pointer;}
.webcontent{position:relative;}
.webcontent .cat{position: absolute; top: 30px; left: 30px; z-index: 1000000;}
.webcontent .cat a{display: block; background:#fff; border-radius:3px; width:108px; font-size: 14px; color: #333; line-height:30px; text-align: center; margin-bottom:5px;box-shadow:0 0 5px rgba(0,0,0,0.15);}
.webcontent .cat a:hover,.webcontent .cat a.active{background:#ff9920; color: #fff;}

.productnav2{width:1250px; margin: 0 auto; padding:30px 0 60px; overflow:hidden; text-align: center;}
.productnav2 li{float: left; position: relative; width:262px; height:112px; border:1px solid #04306e; border-radius:3px; margin:0 25px; overflow:hidden;}
.productnav2 li a{display: block;transition: all 0.4s;}
.productnav2 li .img img {
    transition: all 0.4s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.2;
}
.productnav2 li p{font-size:16px; color: #04306e; position: absolute; left: 0;width: 100%; top: 50%; line-height: 30px; margin-top: -15px; }
.productnav2 li:hover a,.productnav2 li.active a{display: block;background:#04306e;}
.productnav2 li:hover p,.productnav2 li.active p{font-size: 18px; color: #fff;}
.productnav2 li:hover .img img,.productnav2 li.active .img img{
    transition: all 0.4s;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity:0.4;
}
.productrebox{padding-bottom:120px;}
.productrebox .ti{text-align: center;}
.productrebox .ti h4{font-size:30px; color: #04306e; line-height: 30px;}
.productrebox .ti h3{font-size: 40px; color:#04306e;}
.productrebox .ti p{font-size:18px; color: #666; padding-top: 10px; line-height:26px;}
.relist{width:1230px; margin:0 auto; overflow:hidden; padding:60px 0 220px;}
.relist li{text-align: center; width: 25%; float: left;}
.relist li p{font-size:18px; color: #333; line-height: 1.5; padding-top: 10px;}
.relist li:nth-child(1){width:30%;}
.relist li:nth-child(2){width:20%;}
.relist li:nth-child(3){width:20%;}
.relist li:nth-child(4){width:30%;}
.productinfo{width: 100%; background:#04306e url(../images/bg1.jpg) repeat-y top center; height: 428px; color: #fff;}
.productinfo .img{width:50%; float: left;}
.productinfo .img img{position: relative; top:-142px;}
.productinfo .txt{margin-left:51.5%; padding-top:120px; line-height:42px; font-size: 16px;}
.productinfo .txt span{font-size:18px;}
.producttxt{font-size: 16px; color:#04306e; line-height: 26px; padding-top: 15px;}
.clear{clear: both;}
.fuelbox1{background:url(../images/bg2.png) no-repeat right center; padding-top: 40px;}
.fuelbox1 .img{float: left;}
.fuelbox1 .txt{font-size:16px; line-height:26px; color:#04306e; padding-right: 230px;}
.pt30{padding-top:30px;}
.pt50{padding-top: 50px;}
.pt40{padding-top: 40px;}
.pt24{padding-top:24px;}
.pt32{padding-top: 32px;}
.fuelbox2{background:url(../images/bg3.png) no-repeat left center; padding-top:20px;}
.fuelbox2 .img{float: left; width:600px; text-align: center;}
.fuelbox2 .txt{margin-left:645px; padding-right:75px; padding-top:40px;}
.fuelbox2 .txt li{border-bottom:1px dotted #04306e;}
.fuelbox2 .txt li h3{font-size:20px; color:#093471; line-height:40px;}
.fuelbox2 .txt li p{font-size:15px; color:#093471; line-height: 24px; padding-bottom:10px;}
.airbox1{width:1200px; margin:30px auto 20px; background:url(../images/bg4.png) no-repeat right center; } 
.airbox1 .txt {padding-right:180px;}
.airbox1 .txt h3{font-size:24px; color:#04306e; line-height: 40px; padding-bottom: 10px;}
.airbox1 .txt p{font-size:16px; color:#333; line-height: 35px; padding-bottom:8px;}
.airbox2{background:url(../images/bg5.png) no-repeat right bottom; padding-bottom: 35px;}
.airbox2 .img{float: right; width:695px;}
.airbox2 .txt{margin-right:875px; padding-top:110px;}
.airbox2 .txt h3{font-size:24px; color:#04306e; line-height: 40px; padding-bottom:5px;}
.airbox2 .txt h4{font-size:20px; color: #231815; line-height:30px;}
.airbox2 .txt p{font-size:16px; color:#333; line-height:30px;}
.airbox3{width:1200px; margin:70px auto 0;/* background:url(../images/bg6.png) no-repeat left center; */} 
.airbox3 ul{/*margin-left:360px;*/}
.airbox3 ul li{padding:25px 0; border-bottom:2px solid #231815; overflow:hidden;}
.airbox3 ul li img{float: left; width: 172px;}
.airbox3 ul li h3{font-size:20px;color: #231815; line-height:40px; margin-left: 195px;}
.airbox3 ul li p{font-size:16px; color:#333; line-height:30px; margin-left: 195px;}
.airbox3 ul li:nth-child(2){border-bottom:none;}
.relist2{padding:50px 0;}
.relist2 li:nth-child(1){width:25%;}
.relist2 li:nth-child(2){width:25%;}
.relist2 li:nth-child(3){width:25%;}
.relist2 li:nth-child(4){width:25%;}
.newsbox1 ul{overflow:hidden;}
.newsbox1 ul li{width:550px; border:1px solid #04306e; float: left; margin:0 25px; background:#fff; height: 310px; text-align: center; color: #04306e; border-radius:5px;}
.newsbox1 ul li p{font-size:20px; line-height: 30px;}
.newsbox1 ul li img{margin:10px 0;}
.newsbox1 .txt{padding:10px 0 0 25px; font-size:16px; color: #333; line-height:30px;}
.honortitle{font-size:20px; color: #333; font-weight: bold; line-height: 40px; padding-bottom: 20px; padding-left: 20px;}
.downbox{padding-bottom: 35px;}
.downbox .down{background:#fff; border-radius:5px; padding:0 20px 15px; margin-top: 22px; min-height:500px;}
.down ul{padding-bottom: 15px;}
.down li{overflow:hidden; line-height:80px; padding:12px 0; border-bottom:1px solid #eaeaea; font-size:18px; color: #333;}
.down li a{display: block; width:175px; line-height: 40px; position: relative; top: 20px; background:#a2d40a; color: #fff; text-align: center; border-radius:20px; float:right;}
.down li span{display: block; float: right; color:#a4a4a4; background:url(../images/back.png) no-repeat left center;  padding:0 35px 0 28px;}
.down li img{float: left; width:60px; border:1px solid #e4e4e4; margin-right:15px; height: 80px;}
.downbox .ti{position:relative;}
.downsearch{position: absolute; right: 0; font-size: 18px; color: #333; background:#fff; line-height: 48px; border-radius:5px; background:#fff url(../images/search2.png) no-repeat 17px center; display:block; width: 400px; bottom: 0;}
.downsearch input{border: none; background:none; width: 100%; padding-left: 130px; line-height: 48px; height: 48px; font-size: 18px;}
.salebox .cat{padding:10px 0;}
.salebox .cat a{display: inline-block; background:#a2d40a; color: #fff; font-size: 18px; width:125px; text-align: center; line-height:40px; border-radius:3px;}
.salebox .cat a.active{background:#f78600;}
#vr{display: none;}
.eqform{width:600px; margin:0 auto; padding:30px 0 60px;}
.eqform .ti{font-size: 18px; color:#04306e; line-height: 40px; padding-bottom: 20px;}
.eqform .ti i{font-style: inherit; color:#04306e;}
.eqform .form p{padding-bottom: 25px;}
.eqform .form p input{width:100%; line-height: 42px; border:1px solid #bdbdbd; padding-left:12px; border-radius:3px; color: #333; font-size: 16px;}
.eqform .form .dailySubmit{background:#04306e; color:#fff; font-size: 16px; width:150px; line-height: 42px; border-radius: 3px; cursor: pointer; margin:0 auto; border:none;}

.joinform{width:1000px; margin:0 auto; padding:30px 0 40px;}
.joinform .ti{text-align: center; font-size: 20px; line-height: 40px; padding-bottom: 15px; color: #000;}
.joinform ul{overflow: hidden;}
.joinform li{padding-bottom: 10px; width: 50%; float: left; padding:0 10px 10px;}
.joinform li p{font-size:14px; color: #666; line-height:24px; padding-bottom:5px;}
.joinform li p span{color: #f00;}
.joinform li>input{width:100%; line-height:40px; border:1px solid #bdbdbd; padding-left:12px; border-radius:3px; color: #333; font-size:15px;}
.joinform li.li{width:100%;}
.joinform li textarea{resize: none; height: 120px; width:100%; line-height:40px; border:1px solid #bdbdbd; padding:0 12px; border-radius:3px; color: #333; font-size:15px;}
.joinform li label{display: inline-block; color: #333; margin-right: 10px;}
.joinform .btn{padding:10px;}
.joinform .btn input{background:#04306e; color:#fff; font-size: 16px; width:150px; line-height: 42px; border-radius: 3px; cursor: pointer; margin:0 auto; border:none;}
.joinform .btn input.reset{margin-left: 15px; background: #a2d40a; }