﻿
.box{width: 1200px;margin: 0 auto;overflow: hidden;}

/*主页*/
/*header*/
.header{height: 90px;background: #0465bf;position: fixed;top: 0;left: 0;width: 100%;z-index: 9990;}
.header_main{width: 1200px;margin: 0 auto;height: 90px;}
.logo{float: left;width: 140px;height: 42px;margin-top: 24px;}
/*.nav{float: left;margin-left: 80px;margin-top: 10px;position: relative;}
.nav span{display: inline-block;height: 77px;line-height: 77px;padding: 0 4px;margin: 0 18px;}
.nav span a{color: #fff;font-size: 16px;display: block;}
.nav span.nav_act,.nav span:hover{border-bottom: 3px solid #fff;}
.nav_tab{position: absolute;top: 79px;z-index: 998;background: rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);}
.nav_tabul{width: 980px;padding-left: 220px;margin: 0 auto;overflow: hidden;}
.nav_tabli{overflow: hidden;display: none;}
.nav_tabli_left{margin-top: 26px;margin-bottom: 26px;}
.nav_tabli_left p{padding-left: 28px;line-height: 40px;width: 600px;}
.nav_tabli_left p a{font-size: 16px;color: #333;}
.nav_tabli_left p.nav_pact{background: url(../images/index_03.png)left center no-repeat;}
.nav_tabli_left p.nav_pact a{color: #0465bf;}
.nav_tabli_right{width: 318px;height: 184px;overflow: hidden;margin-top: 40px;margin-bottom: 26px;}
.nav_tabli_right div{width: 318px;height: 184px;}
.nav_tabli_right div img{width: 100%;height: 100%;}*/
.nav{float: left;margin-left: 20px;/*margin-top: 10px;*/height: 80px;}
.nav_li{float:left;padding: 0 4px;position: relative;}
.nav_litop{height: 70px;line-height: 67px;padding-top: 10px;padding-bottom: 10px;margin: 0 10px;position: relative;}
.nav_litop a{color: #fff;font-size: 16px;display: block;border-bottom: 3px solid #0465bf;}
/*.nav_li.nav_act .nav_litop a,.nav_li:hover .nav_litop a{border-bottom: 3px solid #fff;}*/
.nav_li ul{position: absolute;top: 90px;left: 0;background: #eee;width: auto;white-space: nowrap;display: none;/*border-left: 1px solid #333;border-right: 1px solid #333;border-bottom: 1px solid #333;*/}
.nav_li ul li{width: auto;line-height: 40px;/*border-bottom: 1px solid #333;*/padding: 0 22px;}
.nav_li ul li a{color: #0465bf;font-size: 16px;display: block;}
.nav_li ul li:hover{background: #0465bf;}
.nav_li ul li:hover a{color: #fff;}

.lang{float: left;width:130px;padding-bottom: 35px;padding-top: 35px;background: url("../image/index_12.jpg") right center no-repeat;/*padding-left: 30px;background:url("../images/index_13.jpg") left 4px no-repeat;*/line-height: 20px;font-size: 16px;color: #fff;cursor: pointer;position: relative;}
.lang_main{width: 82px;height: 20px;padding-right: 18px;padding-left: 30px;background:url("../image/index_16.jpg") left 4px no-repeat;background-size: 21px 13px;}
.lang_list{position: absolute;top: 90px;background: rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);z-index: 998;display: none;}
.lang_list ul{overflow: hidden;width: 1200px;margin: 0 auto;}
.lang_list ul li{float: left;width: 200px;height: 140px;overflow: hidden;position: relative;}
.lang_list ul li div{float: left;width: 27px;height: 16px;margin-top: 62px;}
.lang_list ul li div img{width: 100%;height: 100%;display: block;}
.lang_list ul li p{float: left;height: 140px;line-height: 140px;color: #333;font-size: 16px;width: 154px;margin-left: 16px;}
.lang_list ul li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lang_list ul li.lang_act p{color: #0465bf;}

.index_se{float: right;}
.index_searbtn{width: 14px;height: 14px;background: url("../image/index_research.png") no-repeat;margin: 38px 0 0 16px;cursor: pointer;}
.index_searinput{width: 326px;height: 38px;margin-top: 26px;position: relative;display: none;}
.index_input1{display:inline-block;width: 232px;height: 36px;padding: 0 30px 0 16px;line-height: 36px;border: 1px solid #b9ccde;border-radius: 4px;background: url("../image/index_research.png") 252px center no-repeat;font-size: 16px;color: #fff;}
.index_search1{position: absolute;top: 12px;left: 252px;width: 14px;height: 14px;z-index: 888;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.index_se span{display: inline-block;width: 20px;height: 20px;margin-left:20px;cursor: pointer;}
/*header*/
/*index-banner;*/
.index_banner .swiper-wrapper .swiper-slide img{display: block;width: 100%;}
.index_banner{margin-top: 90px;}
.swiper-container{width: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 36px;height: 66px;background: url("../image/banner_right.png") rgba(0,0,0,0.3) center center no-repeat;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{width: 36px;height: 66px;background: url("../image/banner_left.png") rgba(0,0,0,0.3) center center no-repeat;}
.banner_con{position: absolute;top: 44px;left: 50%;margin-left: -470px;width: 548px;padding: 26px;background: rgba(4,101,191,0.7);line-height: 38px;font-size: 28px;color: #fff;}
/*index-banner;*/

.index_about{margin-top: 40px;}
.index_abouttop{}
.index_abouttop p{line-height: 70px;font-size: 30px;color: #333;}
.index_abouttop div{width: 100px;height: 3px;background: #c0c0c0;}
.index_aboutcon{overflow: hidden;margin-top: 40px;}
.index_aboutinf{width: 580px;float: left;}
.index_abouttxt{text-align: justify;line-height: 28px;}
.index_aboutimg{float: right;width: 554px;height: 314px;}
.index_more{border:1px solid #d3d3d3;width: 144px;height: 38px;line-height: 38px;text-align: center;margin-top: 40px;}
.index_more a{font-size: 16px;color: #444;display: block;}
/*.index_more:hover{border-color: #666;}
.index_more:hover a{border-color: #222;}*/
.index_more:hover{background: #555;border:none;height: 40px;line-height: 40px;}
.index_more:hover a{color: #fff;}
.index_products{margin-top:40px;}
.index_topic{border-bottom: 1px solid #d3d3d3;position: relative;height: 70px;width: 1200px;margin: 0 auto;}
.index_topic p{line-height: 70px;font-size: 30px;color: #333;text-align: center;}
.index_topic div{position: absolute;left: 50%;bottom: -2px;margin-left: -50px;width: 100px;height: 3px;background: #c0c0c0;}
.index_prodlist{overflow: hidden;width: 1292px;margin:50px auto 0;}
.index_prodbtn{width: 8px;height: 14px;padding: 23px 9px;cursor: pointer;background: #d9d9d9;margin-top: 52px;}
.index_prodbtn img{width: 100%;height: 100%;}



.index_produl{float: left;margin-left: 5px;width: 1230px;height: 274px;overflow: hidden;}
.index_prodli{float: left;padding: 0 15px;width: 275px;height: 274px;position: relative;}
.index_prodli_img{width: 275px;height: 164px;overflow: hidden;}
.index_prodli_img img{display: block;width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.index_prodli p{line-height: 26px;margin-top: 24px;font-size: 16px;color: #333;}
.index_prodli a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_prodli:hover .index_prodli_img img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.index_products .index_more{margin: 10px auto;}
.index_media{margin-top: 30px;}
.index_mediaul{margin-top: 50px;overflow: hidden;}
.index_mediali{float: left;width: 380px;margin-left: 30px;position: relative;}
.index_mediaimg{width: 380px;height: 220px;overflow: hidden;}
.index_mediaimg img{display: block;width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.index_mediali:hover .index_mediaimg img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.index_mediali p{line-height: 26px;margin-top: 24px;font-size: 16px;color: #333;}
.index_mediali span{line-height: 36px;font-size: 13px;color: #929292;}
.index_mediali a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index_media .index_more{margin: 40px auto 50px;}
/*footer*/
.footer{width: 100%;background: #222;padding-top: 40px;height: 422px;}
.footer .box{position: relative;height: 422px;}
.footer_about{float: left;width: 180px;margin-bottom: 20px;}
.footer_top{line-height: 40px;margin-bottom: 10px;}
.footer_top a{font-size: 16px;color: #fff;}
.footer_ul p{line-height: 40px;padding-right: 16px;}
.footer_ul p a{font-size: 14px;color: #999;}
.footer_ul p:hover a{color: #fff;}
.footer_products{width: 380px;float: left;}
.footer_media{float: left;width: 250px;}
.footer_fx{overflow: hidden;margin-top: 10px;}
.footer_fx div{float: left;margin-right: 12px;}
.weixin{margin: 5px 0 0 74px;width: 122px;height: 122px;}
.weixin img{display: block;width: 100%;height: 100%;display: none;}
.footer_contact{width: 390px;float: left;margin-bottom: 20px;}
.footer_contact .footer_top{padding-left: 16px;}
.footer_contact div{overflow: hidden;}
.footer_contact div p{float: left;width: 90px;text-align: right;line-height: 30px;font-size: 16px;color: #999;}
.footer_contact div input{display: block;float: left;width: 273px;margin-left: 5px;margin-bottom: 20px;height:30px;padding: 0 10px;line-height: 30px;font-size: 16px;color: #fff;background: #595959;}
.footer_contact div textarea{display: block;float: left;width: 273px;margin-left: 5px;margin-bottom: 20px;height:100px;padding: 0 10px;line-height: 24px;font-size: 16px;color: #fff;background: #595959;}
#footer_btn{display: block;width: 120px;height: 30px;line-height: 30px;text-align: center;font-size:16px;color: #333;background: #d3d3d3;margin-left: 95px;cursor: pointer;}
#footer_btn:hover{background: #555;color: #fff;}
.footer_bottom{position:absolute;left: 0;top: 328px;line-height: 30px;font-size: 12px;color: #999;}
.footer_bottom a{font-size: 12px;color: #999;}
/*footer*/
/*主页end*/
/*page_banner*/
.page_banner{position: relative;width: 100%;height: 230px;overflow: hidden;margin-top: 90px;}
.page_bannercon{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 230px;}
.page_bannercon img{display: block;width: 100%;height: 100%;}
/*page_banner*/

/*公司介绍页面*/
.page_topic{margin-top: 55px;}
.page_topictop{width:350px;margin-bottom: 10px;line-height: 32px;font-size: 28px;color: #333;font-weight: 600;}
.page_topictop span{color: #0465bf;margin-left: 10px;}
.page_nav{padding-left: 24px;background: url("../image/gsjs_01.jpg") left 10px no-repeat;width: 326px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page_nav span{padding: 0 5px;font-size: 12px;color: #666;line-height: 40px;}
.page_nav span a{font-size: 12px;color: #666;}
.page_nav span.page_navact a{color: #0465bf;}
.page_main{overflow: hidden;margin-bottom: 50px;}
.sidebar{margin-top: 20px;float: left;width: 350px;padding: 30px 0;border-top: 2px solid #d3d3d3;border-bottom: 2px solid #d3d3d3;}
.sidenav_li{overflow: hidden;}
.sidenav_li div{width: 6px;height: 6px;margin-top: 15px;border:2px solid #b8b8b8;float: left;}
.sidenav_li p{float: left;margin-left: 16px;width: 320px;line-height: 40px;}
.sidenav_li p a{font-size: 16px;color: #666;}
.sidenav_li:hover div,.sidenav_liact div{border-color: #0465bf;}
.sidenav_li:hover p a,.sidenav_liact p a{color: #0465bf;}
.page_right{width: 740px;float: right;}
.page_righttop{overflow: hidden;width: 740px;float: right;}
.page_righttop p{float: left;margin-top: 20px;width: 320px;background: #0465bf;line-height: 40px;font-size: 26px;color: #fff;}
.page_righttop p span{display:inline-block;width: 40px;height: 40px;}
.page_righttop div{float: right;width: 60px;height: 48px;}
.page_rightul{width: 640px;margin-top: 40px;}
.page_rightli img{max-width: 640px;}
/*发展历程页面*/
.fzlc_righttop p{margin-left: 10px;}
.about_history{position: relative;padding: 24px 0;}
.history_line{position: absolute;top: 0;left: 10px;width: 1px;background: #e3e3e3;z-index: 0;}
.historyli{margin-bottom: 40px;}
.historyli_topic{overflow: hidden;height: 30px;}
.historyli_topic1{float: left;width: 19px;margin-top: 5px;height: 19px;border-radius: 50%;border:1px solid #0465bf;}
.historyli_topic1 div{margin: 3px auto;width: 13px;height: 13px;border-radius: 50%;background: #0465bf;}
.historyli_topic p{float: left;margin-left: 14px;line-height: 30px;font-size: 20px;color: #333;font-weight: 600;}
.historyli_inf{padding-left: 35px;margin-top: 10px;}
.historyli_inf p{line-height: 24px;font-size: 15px;color: #444;}
.historyli_inf div{margin-top: 20px;width: 165px;height: 103px;}
.historyli_inf div img{width: 100%;height: 100%;display: block;}
.history_toTop{position: fixed;bottom: 40px;right: 40px;cursor: pointer;display: none;}
/*关于我们-证明*/
.zhm_history{padding-top: 30px;overflow: hidden;}
.zhm_imgul{float: left;width: 423px;height: 652px;overflow: hidden;}
.zhm_imgli{}
.zhm_imgli div{width: 423px;height: 590px;}
.zhm_imgli div img{width: 100%;height: 100%;display: block;}
.zhm_imgli p{margin-top:10px;line-height: 26px;height: 52px;font-size: 20px;color: #333;}
.zhm_btn{float: left;margin: 520px 0 0 30px;overflow: hidden;width: 108px;height: 43px;}
.zhm_btn1{float: left;width: 43px;height: 43px;cursor: pointer;}
.zhm_next{margin-left: 20px;}
/*视频*/
.video_right .page_rightul{width: 740px;}
.page_video{overflow: hidden;}
.video_li{float: left;width: 355px;height: 324px;position: relative;}
.video_li:nth-child(2n){margin-left: 30px;}
.video_li video{width: 355px;height: 200px;}
.video_li p{margin: 20px 0;height: 80px;line-height: 24px;font-size: 15px;color: #333;}
.video_li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video_wrap{width: 100%;position: fixed;top: 0;left: 0;z-index: 9998;background: rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000);display: none;
}
.video_box{width: 1100px;height:620px;position: fixed;top: 50%;left: 50%;margin-left:-550px;margin-top: -310px;z-index: 9999;display: none;
}
.video_box img{display: block;width: 20px;height: 20px;position: fixed;top: 50%;left: 50%;margin-left:570px;margin-top: -330px;z-index: 9999;cursor: pointer;}


/*产品*/
/*.page_main .page_topic{float: left;}*/
.page_left{float: left;width: 350px;}
.chpin_right .page_rightul{margin-top: 55px;overflow: hidden;width: 740px;}
.page_chpin{overflow: hidden;width: 100%;}
.chpin_li{float: left;width: 336px;}
.chpin_li:nth-child(2n){margin-left: 66px;}
.chpin_li div{width: 334px;height: 199px;border:1px solid #d3d3d3;overflow: hidden;}
.chpin_li div img{display: block;width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.chpin_li p{margin: 20px 0;height: 80px;line-height: 24px;}
.chpin_li p a{font-size: 15px;color: #333;}
.chpin_li:hover img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.chpin_li:hover p a{color: #0465bf;}
/*产品详情*/
.cpxq_top{background: #f5f5f5;padding: 30px 0;}
.cpxq_tleft{width: 600px;}
.cpxq_tleft_img{width: 598px;height: 358px;border: 1px solid #d3d3d3;}
.cpxq_tleft_img img{display: block;width: 100%;height: 100%;}
.cpxq_tleft_imgul{overflow: hidden;margin-top: 30px;}
.cpxq_tleft_imgli{float: left;width: 128px;height: 78px;border: 1px solid #d3d3d3;margin-left: 26px;}
.cpxq_tleft_imgli img{display: block;width: 100%;height: 100%;}
.cpxq_tright{width: 480px;padding: 30px 60px;}
.cpxq_tright1{height: 90px;line-height: 30px;font-size: 24px;color: #444;}
.cpxq_tright2{padding: 10px 0 30px;}
.cpxq_tright3{width: 159px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #777;}
.cpxq_tright3 a{display: block;font-size: 16px;color: #444;}
.cpxq_tright3:hover a{color: #0465bf;}
.cpxq_tright3:hover{border-color: #0465bf;}
.cpxq_mid{margin-top: 20px;}
.cpxq_mid img{max-width: 1200px;}
.cpxq_botm{margin-top: 20px;}
.cpxq_botmtop{line-height: 70px;font-size: 20px;color: #333;}
.cpxq_botmul{overflow: hidden;}
.cpxq_botmli{width: 277px;margin-left: 30px;float: left;}
.cpxq_botmli div{width: 277px;height: 166px;overflow: hidden;}
.cpxq_botmli div img{display: block;width: 100%;height: 100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.cpxq_botmli p{line-height: 24px;height: 76px;margin-top: 20px;}
.cpxq_botmli p a{font-size: 16px; color: #333;}
.cpxq_botmli:hover img{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.cpxq_botmli:hover p a{color: #0465bf;}
/*项目*/
.page_xmu img{max-width: 640px;}
/*媒体中心*/
.mtzx_rightul{width: 740px;}
.mtzx_li{margin-bottom: 50px;overflow: hidden;}
.mtzx_liimg{float: left;width: 254px;height: 139px;overflow: hidden;}
.mtzx_liimg img{display: block;width: 100%;height: 100%;}
.mtzx_liinf{float: right;width: 440px;}
.mtzx_litop{line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mtzx_litop a{font-size: 16px;color: #333;}
.mtzx_litxt{margin-top: 10px;height: 48px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.mtzx_litxt a{font-size: 14px;color: #8c8c8c;}
.mtzx_litime{margin-top: 30px;line-height: 20px;}
.mtzx_litime a{font-size: 13px;color: #929292;}
.mtzx_li:hover a{color: #0465bf;}
.mtzx_btn{width: 740px;height: 44px;background: url("../image/mtzx_07.png") center center #efefef no-repeat;cursor: pointer;}
.mtzx_btn:hover{background: url("../image/mtzx_08.png") center center #efefef no-repeat;}
.mtxq_time{margin-top: 40px;line-height: 20px;font-size: 13px;color: #929292;}
/*联系我们*/
.lxwo_rightul{width: 740px;}
.lxwm_top{width: 640px;line-height: 24px;font-size: 15px;color: #333;}
.lxwm_top span{color: #adadad;line-height: 30px;}
.lxwm_form{overflow: hidden;margin-top: 16px;}
.lxwm_form input[type=text]{display: block;float: left;margin:0 20px 20px 0;width: 330px;height: 42px;line-height: 42px;padding: 0 15px;background: #f0f0f0;font-size: 14px;color: #333;}
.lxwm_form input[type=text]:nth-child(2n){margin-right: 0;}
.lxwm_form textarea{width: 710px;height: 110px;padding: 15px;background: #f0f0f0;font-size: 14px;color: #333;}
#lxwm_submit{margin-top: 30px;display: block;width: 740px;height: 40px;background: #9a9a9a;line-height: 40px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;}
#lxwm_submit:hover{background: #555;color: #fff;}
/*联系我们-地址*/
.dzh_top{width: 740px;line-height: 30px;font-size: 14px;color: #333;}
.dzh_contact{margin-top: 35px;overflow: hidden;}
.contact_li{float: left;width: 140px;margin-left: 160px;}
.contact_li div{width: 102px;height: 102px;margin: 0 auto;}
.contact_li p{margin-top: 16px;line-height: 36px;font-size: 16px;color: #333;text-align: center;}
.contact_li p span{font-size: 14px;}
#map{width: 740px;height: 427px;margin-top: 50px;}

.leaflet-top, .leaflet-bottom{display: none;}
























/*公司介绍页面*/


























































































































