@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0; font-family: Arial,Verdana,"Microsoft Yahei",sans-serif!important;}
body{font-size: 14px; background: #fff; font-family: Arial,Verdana,"Microsoft Yahei",sans-serif!important; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s ease; cursor: pointer;}
a:hover{color: #53ae9e;}
a:focus{outline:none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: Arial;}
input[type="button"],input[type="text"],input[type="submit"],select{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.fl{float: left;}
.fr{float: right;}
 
 
 
 @media screen and (min-width: 1600px){
	 .layui-container{width: 1200px!important;}
 }
 

/*头部*/
.header{width: 100%;  height: 86px;background: #fff;box-shadow: 0 8px 10px rgba(0,0,0,.1);position: relative;z-index: 9999; border-top: 1px solid #144793;}
.logo{float: left; }
.logo img{height: 82px; }

.language{ float: right; margin-top: 30px; }
.language ul li{float: left; margin-right: 20px; display: inline-block; line-height: 24px;}
.language ul li span{padding-left: 4px;}

.nav{ float: right;}
.nav > ul > li{float: left; font-size: 14px; padding:0 32px;}
.nav > ul > li > a{display: block; height: 86px; line-height: 86px; width: 100%; text-align: center; color: #333333; position: relative; font-size: 15px; text-transform:uppercase; font-weight: bold;}
.nav > ul > li > a i{display: block; width: 0; height: 3px; background: #2a519b; position: absolute; left: 0; bottom: 0; transition: width .5s;}
.nav > ul > li:hover > a i{width: 100%;}
.nav > ul > li:hover > a,.nav > ul > li.active > a{color: #2a519b;}
.nav > ul > li.active > a i{width: 100%;}
 

 
/*幻灯片*/
.wap_banner{display: none;}
.pc_banner{display: block; overflow: hidden; background:#eee;}
.banner-box{ min-width:1250px; min-height:600px; height: 100%;  position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important;height: 100%;  }
.banner-box .bd li{ width:100% !important; min-height:600px; height: 100%; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: -1px; left: -1px; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:243px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20191223185138_171593764.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20191223185138_171593764.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:21px; width: 100%; display: block; }
.banner-box .hd ul { width: 1250px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:90px; height:40px;  /*text-indent:-9999px; background:#fff;*/ cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111;  border: 2px solid #fff; }
.banner-box .hd ul li.on{ background: #0e4798 !important; width: 90px; border: 2px solid #0e4798; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 74px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.header-animate{ background: url(../images/h_pro_bg.jpg) #0b2d67 center top no-repeat; position: relative;}
.header-animate .bigtitle{text-align: center; width: 100%;color: #fff;position: absolute; top: 42px;}
.header-animate .bigtitle h2{color: #fff;}
.ul_container { margin: 0 auto; width: 1200px; height: 698px; position:relative;}
.ul_container li { position: absolute; list-style: none; width: auto; }
.pic-line {z-index:1;  left: 158px;top: 234px;}

.pic-r1 {z-index:2;  left: 97px;top: 296px; }
.pic-r2 {z-index:2;  left: 330px;top: 146px; }
.pic-r3 {z-index:2;  left: 394px;top: 338px; animation: myrotate 6s linear infinite;-webkit-animation: myrotate 6s linear infinite;}
.pic-r4 {z-index:2;  left: 543px;top: 188px; animation: myrotate 6s linear infinite;-webkit-animation: myrotate 6s linear infinite;}
.pic-r5 {z-index:2;  left: 672px;top: 415px; animation: myrotate 6s linear infinite;-webkit-animation: myrotate 6s linear infinite;}
.pic-r6 {z-index:2;  left: 956px;top: 214px; }
.pic-r7 {z-index:2;  left: 1010px;top: 458px; }

.pic-img1 {z-index:2;  left: 0px;top: 236px; width: 100%;}
.pic-img2 {z-index:2;  left: 210px;top: 106px; width: 100%}
.pic-img3 {z-index:2;  left: 210px;top: 350px; width: 100%;}
.pic-img4 {z-index:2;  left: 610px;top: 90px; width: 100%;}
.pic-img5 {z-index:2;  left: 725px;top: 323px; width: 100%;}
.pic-img6 {z-index:2;  right: 0px;top: 124px; width: 100%;}
.pic-img7 {z-index:2;  right: 10px;top: 400px; width: 100%;}
/*.pic-img6 {z-index:2;  left: 984px;top: 124px; width: 100%;}
.pic-img7 {z-index:2;  left: 1040px;top: 400px; width: 100%;}*/

.bottom-word{width: 100%; position: absolute; bottom: 40px;}
.bottom-word .fwordbd{box-sizing:border-box;width: 1200px; margin: 0 auto; border-radius: 3px; display: flex; background-color: #fff; height: 94px; padding:0 45px; justify-content: space-between;box-shadow: -7px 10px 10px rgba(0,0,0,.3);}
.bottom-word .fwordbd li{padding: 19px; line-height: 26px; text-align: center;}
.bottom-word .fwordbd li img{margin: 18px 0;}
.bottom-word .fwordbd b{display: block; font-size: 15px;}
.bottom-word .fwordbd li.blue {color:#205096}

@keyframes myrotate {
    0% {        transform: rotate(0deg);    }
    100% {        transform: rotate(360deg);    }
}
@-webkit-keyframes myrotate {
    0% {        transform: rotate(0deg);    }
    100% {        transform: rotate(360deg);    }
}


.pro-animate{ background: url(../images/p_pro_bg.jpg) #0b2d67 center top no-repeat; position: relative;}
.pro-animate .bigtitle{text-align: center; width: 100%;color: #fff;position: absolute; top: 42px;}
.pro-animate .bigtitle h2{color: #fff;}

.pro-word1 {z-index:2;  left: 73px;top: 455px; width: 100%;}
.pro-word2 {z-index:2;  left: 14px;top: 180px; width: 100%;}
.pro-word3 {z-index:2;  left: 410px;top: 487px; width: 100%;}
.pro-word4 {z-index:2;  left: 290px;top: 146px; width: 100%;}
.pro-word5 {z-index:2;  left: 922px;top: 118px; width: 100%;}
.pro-word6 {z-index:2;  left: 847px;top: 425px; width: 100%;}
.pro-word7 {z-index:2;  left: 1069px;top: 336px; width: 100%;}

.pro-img1 {z-index:2;  left: 21px;top: 312px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
.pro-img2 {z-index:2;  left: 122px;top: 196px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
.pro-img3 {z-index:2;  left: 228px;top: 301px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
.pro-img4 {z-index:2;  left: 430px;top: 158px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
.pro-img5 {z-index:2;  left: 713px;top: 110px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
.pro-img6 {z-index:2;  left: 880px;top: 280px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
.pro-img7 {z-index:2;  left: 996px;top: 174px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}

.pro-bottom-word{width: 100%; position: absolute; bottom: 40px;}
.pro-bottom-word .fwordbd{box-sizing:border-box;width: 1200px; margin: 0 auto; border-radius: 3px; display: flex; height: 94px; padding:0 45px; justify-content: space-between;}
.pro-bottom-word .fwordbd li{padding: 19px; line-height: 26px; text-align: center;}
.pro-bottom-word .fwordbd li img{margin: 18px 0;}
.pro-bottom-word .fwordbd b{display: block; font-size: 15px;}
.pro-bottom-word .fwordbd li.blue {color:#205096}

.content-icon-box{background: url("../images/h_yj_bg.jpg") no-repeat center top; height: 280px;}
.content-icon-box .content-box{width: 1200px; margin: 0 auto;}
.content-icon-box .bigtitle{padding-top: 18px;}
.content-icon-box .bigtitle h2{color:#fff !important;}
.content-icon-box .content-box .row{display: flex; justify-content: space-between;margin-top: 18px;}
.content-icon-box .item{text-align: center;color:#fff; font-size: 16px; width: 24%;}
.content-icon-box .item .title{font-size: 20px; line-height: 32px; margin-bottom: 4px;}
.content-icon-box .item p{font-size: 14px;}


.culture-icon-box .content-box{ margin: 30px auto 80px;}
.culture-icon-box .bigtitle{padding-top: 62px;}
.culture-icon-box .content-box .row{display: flex; justify-content: space-between;margin-top: 68px;}
.culture-icon-box .item{text-align: center; font-size: 16px; width: 24%; background-color: #fff; padding-top: 38px; padding-bottom: 38px;box-shadow: 2px 2px 5px rgba(0,0,0,.3); border-radius: 16px;}
.culture-icon-box .item .title{font-size: 24px; line-height: 46px; margin-bottom: 6px; margin-top: 10px; transition:all 1s;}
.culture-icon-box .item:hover .title{color:#144793;}



/* 企业简介 */
.bigtitle{ width: 100%; text-align: center;}
.bigtitle h2{font-size: 28px; color: #333333;}
.bigtitle span{font-size: 16px; color: #999999; font-weight: normal;  line-height: 24px; display: block; }
.fenge{width: 38px; height: 4px; background: #2a519b;text-align: center; margin: 10px auto;}

.qiye{padding: 40px 0; background: url(../images/abg_02.jpg) repeat-y center top;} 
.qiye_con{}
.qiye_con p{color: #666;line-height: 26px;text-indent:2em;font-size: 14px; }
.qiye_con_in p{margin-bottom: 12px;}
.shuzizu{margin: 30px 0;}
.shuzizu ul li{ float: left; width: 33.2%; text-align: center;}
.shuzizu ul li:last-child{border: 0;}
.shuzizu ul li span{font-size: 32px; font-weight: bold; color:#2a519b; text-align: center;}
.shuzizu ul li i{font-weight: normal; font-size: 12px; color: #666;}

.h_about_flex{display: flex; justify-content: space-between;margin-top: 50px;}
.h_about_word{width: 100%;}
.h_about_img{ width: 36%; margin-left:3%;}
.h_about_img img{width: 100%;}

.a_qiye{padding: 40px 0;border-top: 1px solid #e4e4e4;}
.a_qiye_con{color: #666;font-size: 16px;}
.a_qiye_con p{color: #666;line-height: 26px;text-indent:24px;font-size: 16px;}
.a_about_flex{display: flex; justify-content: space-between;margin-top: 50px;}
.a_about_word{width: 60%;}
.a_about_img{ width: 36%; margin-right:3%;}
.a_about_img img{width: 100%;}
 
.qymore{width: 128px; height: 36px; margin: 40px auto 20px;  background: #2a519b; color: #fff; display: block; text-align: center;  border-radius: 4px; line-height: 36px;  }
.qymore:hover{background: #2cabfe; color: #fff;}

 

/* 地图 */

.point_scj {
  color: red;
  font-size: 50px;
  animation: point-pulse 3.9s infinite ease-out;
}

@keyframes point-pulse{
0%{transform: scale(0); /* scaling to 0 */} 
50%{transform: scale(1.2); /* increasing the size */} 
70%{transform: scale(0.65); /* decreasing the size */} 
100%{transform: scale(0); /* seeting back to initial size */}
}


/*.map{padding: 40px 0;background:url(../images/map_bg.jpg) no-repeat top center; height: 644px; width: 100%;}*/
.cnmap{background: url(../images/mapmain.png) no-repeat; height: 554px; width: 631px;float: left;margin-left: 190px;margin-right: 40px;   position: relative;}
.mapdz span.crl{width: 10px; height: 10px; background:#9af557; position: absolute; border-radius: 20px; border: 3px solid #fff;z-index: 3;}
.mapdz span.zb{position: absolute;background: url(../images/dw.png) no-repeat;width: 21px; height: 27px;}
.mapdz:first-child span.zb{bottom: 100px; right: 165px;/* 广州 */}
.mapdz:nth-child(2) span.crl{bottom: 100px; right: 165px;/* 东莞 */}
.mapdz:nth-child(3) span.crl{bottom: 232px; right: 94px;/* 江苏 */}
.mapdz:nth-child(4) span.crl{top: 160px; right: 90px;/* 华北 */}
.mapdz:nth-child(5) span.crl{bottom: 196px; right: 86px;/* 华东 */}

.mapdz span.point{background-color: #ffffff;opacity: .3; width: 80px; height: 80px;display: block;border-radius: 100%;position: absolute; top: -34px; left: -34px; z-index: 1; transform: translate(-50%,-50%);}
.cnmap .on .dzinfo{display: block!important;}
.dzinfo{background: url(../images/tang.png) no-repeat;width: 490px; height: 141px;position: absolute;padding: 12px 20px !important;}
.dzinfo{bottom: 15px; right: 11px;}
.dzinfo .block{ display: flex; justify-content: space-between;}
.mapdz:first-child .dzinfo{bottom: 26px; right: 19px;}
.dzinfo .dzinfoimg{width: 180px;}
.dzinfo .dzinfotxt{width: 290px;}
.dzinfo h2{font-size: 22px;line-height: 28px;}
.dzinfo p{ font-size:13px;line-height: 22px;}

.point_list1 .gz .point {
    width: 27px;
    height: 33px;
    display: block;
    background: url(../images/dingwei.png) no-repeat center;
}
.point_list1 .gz {
    top: 36.3%;
    left: 34.375%;
}


.minpicture{width: 130px;float: left;}
.minpicture ul li{margin-bottom: 10px;border: #7d7d7d solid 3px;}
.minpicture ul li img{width: 100%; height: 91px;opacity: .5;}
.minpicture ul li:hover,.minpicture ul li.on{border: #03ccea solid 3px;}
.minpicture ul li:hover img,.minpicture ul li.on img{opacity: 1;}

.yingyong{background: #f5f5f5 url(../images/jc_bg_bg.jpg) no-repeat top center; padding: 60px 0;}

.comrr{background: #f5f5f5 url(../images/rrbg.jpg) no-repeat top center; padding: 28px 0;}
.comrr .rrMovie{background-color: rgba(255,255,255,.5); padding: 20px; width: 1240px; margin: 0 auto; box-sizing: border-box;}
.comrr_nav{padding:0;overflow: hidden; }
.comrr_nav ul{}
.comrr_nav li{float:left;display:inline;margin-right:30px;cursor:pointer;}
.comrr_nav img{width:218px;height:148px;transition: all 0.3s;}
.comrr_nav li.on img{transform: scale(1.1);transition: all 0.3s;}
.comrr_nav li p{width:218px;display: block;font-size: 14px;margin-top: 10px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.comrr_nav li.on p{color: #2a519b;font-weight: bold;}
.comrr_nav .navPrev{background-position:10px 8px;right:47px;border-right-color:transparent}
.comrr_nav .navNext{background-position:-22px 8px;right:10px}
.comrr_nav .navPrev:hover, .comrr_nav .navNext:hover{opacity:1;filter:Alpha(Opacity=100);border-right-color:#fff}

.comyf{background: #f5f5f5 url(../images/jc_bg_bg.jpg) no-repeat top center; padding: 40px 0;}
  
.txMovie{width:100%;height:auto;}
.focus_nav{width:100%;padding:0;margin-top: 60px;margin-bottom:40px;overflow: hidden;}
.focus_nav ul{}
.focus_nav li{float:left;display:inline;margin-right:30px;cursor:pointer;}
.focus_nav img{width:345px;height:220px;transition: all 0.3s;}
.focus_nav li.on img{transform: scale(1.1);transition: all 0.3s;}
.focus_nav li p{display: block;font-size: 18px;margin-top: 10px;font-weight: bold;text-align: center;}
.focus_nav li.on p{color: #2a519b;font-weight: bold;}
.focus_nav .navPrev,.focus_nav .navNext{border:1px solid #fff;background-color:rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',endColorstr='#7F000000');display:inline-block;*zoom:1;width:36px;height:36px;line-height:100;overflow:hidden;opacity:.6;filter:Alpha(Opacity=60);background-image:url(../images/focus_nav.png);_background-image:url(../images/focus_nav.ie6.png);background-repeat:no-repeat;position:absolute;top:10px}
.focus_nav .navPrev{background-position:10px 8px;right:47px;border-right-color:transparent}
.focus_nav .navNext{background-position:-22px 8px;right:10px}
.focus_nav .navPrev:hover, .focus_nav .navNext:hover{opacity:1;filter:Alpha(Opacity=100);border-right-color:#fff}
	
.ckgd{position: absolute; bottom: 70px; display: block;text-align: center; width: 100%; z-index: 9;}	
.ckgd a{ color: #333; font-size: 18px;color: #2a519b; font-weight: bold;}
	
	
.txMovie .focus_nav li .cover{position:absolute;top:0;left:0;width:68px;height:38px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=30);opacity:.3}
.txMovie .focus_nav li.on .cover{display:none}
.txMovie .focus_nav li b{display:none}
.txMovie .focus_nav li.on b{position:absolute;display:inline-block;top:-6px;left:29px;border-left:6px dashed transparent;border-right:6px dashed transparent;border-top:0;border-bottom:6px solid;color:#fff;font-size:0;width:0;height:0;line-height:0}

.gslgccl{background: url("../images/pro_word_bg.jpg") no-repeat center; height: 460px; margin:20px 0 40px;}
.gslgccl .word_bd{ margin: 0 auto; width: 1200px;padding:50px 30px; box-sizing: border-box;}
.gslgccl .word_bd h2{color: #fff;/* margin-bottom: 29px;*/}
.gslgccl .word_bd .fenge {  background: #3677d3;}
.gslgccl .word_bd .bigtitle{margin-bottom: 30px;}
.gslgccl .word_bd ul{ color: #fff; width: 98%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto;}
.gslgccl .word_bd ul li{margin:0px 1% 8px;width: 31.333%; line-height: 38px; position: relative; text-indent: 2em; font-size: 16px; background-color: rgba(0,0,0,.2)}
.gslgccl .word_bd ul li:before{content: '';background: #a6ff70; width: 5px; height: 5px; display: block; position: absolute; left: 1em; top: 50%; margin-top: -3px;}

.gjdzdhsc_main{margin-bottom: 30px;}
.gjdzdhsc_main .bigtitle{margin-bottom: 30px;}
.gjdzdhsc{width: 1200px; margin:0 auto;}
.gjdzdhsc{display: flex; justify-content: space-between;}
.gjdzdhsc .gjd_left{background: #f19b37; padding: 30px; box-sizing: border-box; width: 388px; height: 388px; transition: all 1s;}
.gjdzdhsc .gjd_left:hover{background:#6d6d6d;}
.gjdzdhsc .gjd_left h3{color: #fff; font-size: 29px;}
.gjdzdhsc .gjd_left p.word_en{color: #fff;font-size: 18px; margin-top: 12px;}
.gjdzdhsc .gjd_right{width: 800px;}
.gjdzdhsc .gjd_right ul{height: 388px;display: flex; justify-content: space-between; flex-wrap:wrap; align-content: space-between;}
.gjdzdhsc .gjd_right ul li{width: 190px; height:190px; box-sizing: border-box;}
.gjdzdhsc .gjd_right ul li.wordli:hover{background: #f19b37;}
.gjdzdhsc .gjd_right p.word_en{color: #fff;font-size: 12px; margin-top: 6px;}
.gjdzdhsc .gjd_right .wordli{background: #6d6d6d; padding: 20px;color:#fff;transition: all .5s;}

.proyfzx{margin: 60px 0 60px;}
.proyfzx_con ul li{ float: left; margin-right: 20px; position: relative; background-color: #000000;}
.proyfzx_con ul li .imgbox{overflow: hidden;}
.proyfzx_con ul li:hover .imgbox img{transform: scale(1.1); transition: 0.3s all; opacity: 0.5; }
.proyfzx_con ul li .imgbox img{transform: scale(1.0); transition: 0.3s all;width: 285px; height: 194px;}
.proyfzx_con ul li .mask{opacity: 0; width: 33px; height: 32px; background: url(../images/sea-btn.png) no-repeat center center; position: absolute; top:45%; left: 45%;z-index: 2; transition: 0.3s all;}
.proyfzx_con ul li:hover .mask{ opacity: 1;transition: 0.3s all;}
.proyfzx-container {width: 1200px; margin: 0 auto;}

.productlist_bd{width: 1200px;margin:0 auto;}

.nymainab .layui-container{width: 1200px; padding: 0;}
@media screen and (min-width: 1200px){
    .layui-container {
        width: 1200px;
    }
}

.case_body{background: url("../images/case_bg.jpg") no-repeat center; height: 696px; box-sizing: border-box; padding-top: 58px; position: relative;}
.case_body .casebd{width: 1200px; margin:0 auto;}
.case_body .case_list{display: flex; justify-content: space-between; margin: 50px auto;}
.case_body .case_list h3{background: #2e2d30; border-radius: 6px; font-size: 14px; font-weight: bold; text-align:center; color: #fff;padding:12px 8px; margin: 6px 0;}
.case_body .case_list li:hover h3{background: #0e4798;}
.case_body .case_list dl{padding: 10px;overflow:scroll; height: 110px;}
.case_body .case_list dl dd{line-height: 28px; position: relative; text-indent: 1em;}
.case_body .case_list dl dd:before{content: '';background: #0e4798; width: 5px; height: 5px; display: block; position: absolute; left: 0; top: 50%; margin-top: -3px;}
.case_body .word_bottom{position:absolute; bottom:0;left:0;background: #144793; line-height: 36px; text-align: center; color: #fff;  font-size: 16px; width: 100%;}

.case_body-box {background: url("../images/casewordbg.jpg") no-repeat center top; height: 280px;}
.case_body-box .bigtitle{padding-top: 38px;}
.case_body-box .bigtitle h2{color:#fff !important;}
.case_body-box .content-box .row{ text-align: center; font-size: 22px;color: #fff; padding: 20px 0;}



/*底部*/
.footer{ background-color:#2b2b2b; padding:20px 0;}
.ftlink{height: 68px;line-height: 68px; border-bottom: 1px solid #4d4d4d;}
.ftlink ul{width: 800px; }
.ftlink ul li{float: left;}
.ftlink ul li a{color: #ffffff; font-size: 15px; padding-right: 80px;}
.ftlink ul li a:hover{color: #999;}



.lianxi{float: left; color:#787878;margin: 20px 0;}
.banquan{  color:#787878; text-align: center;}
.banquan a{color: #636363;}

.container {position: relative;width: 1200px;margin: 0px auto;}
.neiye {
    position: relative;
    z-index: 1;
}
.nydh-1 {
    margin: 0 auto;
    width: 100%;
    height: 140px;
    text-align: center;
    position: absolute;
}
.nydh-1 li {
    display: inline-block;
    float: none;
}
.nydh-1 a {
    display: inline-block;
    font-size: 15px;
    padding: 20px 10px;
    color: #333;
    text-align: center;
    margin: 0px 30px;
    line-height: 45px;
}
.nydh-1 a:hover {    color: #0d4291;}
.nydh-1 img {
    max-width: 90px;
    max-height: 90px;
}
.neiye_height {
    width: 100%;
    height: 170px;
}

.w1280 {
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
    max-width: 94%;
}

.map .maptit{display: flex; width: 1200px; margin: 0 auto; align-items: baseline;}
.map .maptit .big_title{font-size: 26px; color: #333333; margin-right: 20px;}


.com_wh_bd{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; height: 336px; background: url("../images/whbgline.png") no-repeat center;}
.com_wh_bd .com_wh_left{ width: 50%; margin-top: 72px;}
.com_wh_bd .com_wh_right{ width: 50%; margin-top: 72px;}
.com_wh_bd .com_img_bd{display: flex;justify-content: space-around;}
.nydh-wh {width: 100%; display: flex;justify-content: space-around;}
.nydh-wh a {
    display: inline-block;
    font-size: 15px;
    color: #333;
    text-align: center;
    margin: 25px 0px;
    line-height: 45px;
}
.nydh-wh a:hover {    color: #0d4291;}
.nydh-wh img {
    max-width: 90px;
    max-height: 90px;
}

.rrimg{width: 100%;}
.rrimg ul{display: flex;  flex-wrap: wrap;}
.rrimg ul li{width: 23%; padding: 10px; background: #fff; border-radius: 6px; box-sizing: border-box; margin: 1%; text-align: center; box-shadow: #ccc 1px 1px 2px;}
.rrimg ul li a p{padding: 10px;}
.rrimg ul li a div{overflow: hidden; max-height: 180px;}
.pro-ul {padding-top:20px;width:100%;clear:both;}
.pro-ul li {float:left; padding:5px 30px;margin-right:10px;margin-left:10px;margin-bottom:25px;display:block;max-height:320px;box-shadow:0 0 5px 1px #ccc;border:1px solid #fff;}
.pro-ul li:hover {float:left; padding:5px 30px;margin-right:10px;margin-left:10px;margin-bottom:25px;display:block;max-height:320px;box-shadow:0 0 5px 1px #ccc;border:1px solid #fff; background:#064D99; color:#fff;transition:all 0.2s linear;}

.pro-ul .pro_list_li {overflow:hidden;height:180px;text-align:center;width:270px;transition:all 0.2s linear;background:#fff;}
.pro-ul .pro_list_li img {max-width:100%;max-height:100%;}
.pro-ul li h2 {height:40px;padding-top:0;line-height:40px;overflow:hidden;font-size:16px;text-align:center;}
.pro-ul li h3 {overflow:hidden;line-height:26px;color:#666;font-size:14px;text-align:left;font-weight:normal;padding-left:5%;}
.pro-ul li a.more {height:45px;width:200px;display:block;margin:20px auto;border-radius:25px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:45px;text-align:center;overflow:hidden;font-size:14px;}
.pro-ul li a:hover.more{ background:#D21A1C;}


.pro_con{color: #666;    line-height: 28px;    text-indent: 24px;    font-size: 16px;}


/* 手机版 */
.wap_header{display: none;}

 @media only screen and (max-width: 1200px) {
.top{display: none;}
.header{display: none;}
.wap_header{display: block;}
	
.w_header{height: 100px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: fixed;top: 0;left: 0;width: 100%; z-index: 999999;}
.w_header .logo{float: left;height: 62px;margin-top: 16px;margin-left: 26px;}
.w_header .logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}
.w_header .logo a img{display: block; height: 100%; float: left;margin-right: 5px;}
.w_header .sp_nav{display: block;width: 30px;height: 42px;position: absolute;top: 18px;line-height: 42px;right: 27px;margin-top: 15px;z-index: 5;}
.w_header .sp_nav i{display: block;background: #2a519b;width: 36px;height: 2px;position: absolute;left: 0;transition: all ease .35s;}
.w_header .sp_nav i:nth-of-type(1){top: 0;}
.w_header .sp_nav i:nth-of-type(2){top: 10px;}
.w_header .sp_nav i:nth-of-type(3){top: 20px;}
.w_header .sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}
.w_header .sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}
.w_header .sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}


.w_nav{width: 100%; height: calc(100% - 50px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}
.w_nav.nav_show{top: 80px;}
.w_nav > ul{min-width: 320px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}
.w_nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}
.w_nav > ul > li:first-child{border-top: 0 none;}
.w_nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 45px; color: #666; font-size: 16px;}
.w_nav ul li ul{display: none;}
.w_nav ul li i{display: block; width: 30px; height: 38px; line-height: 38px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}
.w_nav ul li i span{font-size: 14px; transition: all .5s;}
.w_nav ul li i span:before{content: "";display: block;height: 100%;width: 100%;background: url(../images/yjt.png) no-repeat;background-size: 12px;background-position: center;transition: .3s;}

}

.show_pc{display: block;}
.show_wap{display: none;}

 @media only screen and (max-width: 1024px) {
.banner{display: none;}

.wap_banner{display: block;max-height:500px; overflow: hidden; background:#eee; margin-top: 80px;position:relative; }
.wap_banner-box{ width:100%; height:100%; position:relative; margin:0 auto; }
.wap_banner-box .bd{ width:100% !important; }
.wap_banner-box .bd li{ width:100% !important; height:100%; background-position: center; background-repeat: no-repeat; }
.wap_banner-box .bd li a{ display:block; background-size:auto; }
.wap_banner-box .bd li img{width: 100%;}

.wap_banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.wap_banner .hd ul li{font-size:0; display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.wap_banner .hd ul .on{ background:#fff;  }
	 	 
	

 
}

 @media only screen and (max-width: 768px) {
	 
 }

 @media only screen and (max-width: 480px) {
.bigtitle h2 {font-size: 23px;}

.show_pc{display: none;}
.show_wap{display: block;}

.content-icon-box{height: 450px;}
.content-icon-box .content-box {width:100%;}
.content-icon-box .item{width: 48%}
.content-icon-box .item img{ width: 35%;}
.content-icon-box .content-box .row {margin-top: 18px;flex-wrap: wrap;}
.content-icon-box .item .title {font-size: 20px;line-height: 26px;margin-bottom: 10px;}
.content-icon-box .item {font-size: 12px; margin-bottom: 12px;}
.content-icon-box .bigtitle {padding-top: 32px;  }

.culture-icon-box .content-box .row { flex-wrap: wrap;}
.culture-icon-box .item .title {margin-bottom: 6px;}
.culture-icon-box .item {font-size: 14px;width: 45%;margin-bottom: 38px;}



.rrimg ul li {width: 48%;}
.pro-ul li {
 padding: 5px 10px;
 margin-right: 8px;
 margin-left: 8px;
 margin-bottom: 12px;
 box-shadow: 0 0 3px 1px #ccc;
 border: 1px solid #fff;
}
.pro-ul li h2 {
 height: 26px;
 line-height: 26px;
 font-size: 14px;
}

.ul_container {width:365px;height: 478px; margin: 0 auto;}
     .pic-r1 {z-index:2;  left: 156px;top: 1px;}
     .pic-r2 {z-index:2;  left: 250px;top: 98px; }
     .pic-r3 {z-index:2;  left: 96px;top: 120px; animation: myrotate 6s linear infinite;-webkit-animation: myrotate 6s linear infinite;}
     .pic-r4 {z-index:2;  left: 188px;top: 188px; animation: myrotate 6s linear infinite;-webkit-animation: myrotate 6s linear infinite;}
     .pic-r5 {z-index:2;  left: 36px;top:249px; animation: myrotate 6s linear infinite;-webkit-animation: myrotate 6s linear infinite;}
     .pic-r6 {z-index:2;  left: 210px;top: 364px;}
     .pic-r7 {z-index:2;  left: 12px;top: 390px; }


.header-animate{background-image: url(../images/h_pro_bg_wap.jpg); background-size:100%; background-color:#090f23;background-repeat: no-repeat;position: initial; padding-bottom: 10px;}
.header-animate .bigtitle {  position: inherit;  top: 42px;  padding: 30px 0;}
.header-animate .proshowin_img{width: 100% !important; margin: 0 auto; position:absolute; z-index: 5}
.header-animate .proshowin_word{width: 96%; margin: 20px auto 0;}

.container {width: 100%;margin: 0px auto;}
.nydh-1 a {display: inline-block;font-size: 14px;padding: 10px 10px;color: #333;text-align: center;margin: 0px 8px;line-height: 35px;}
.nydh-1 img {max-width: 68px;max-height: 68px;}
.neiye_height {width: 100%;height: 125px; }
.a_qiye {padding: 20px 0;}
.a_about_flex {display: flex; flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.a_about_img{width: 100%;margin-right: 0%;}
.a_about_word {width: 100%; margin: 16px 0;}
.shuzizu {margin: 10px 0;}

.map .maptit {display: flex;width: 100%;margin: 0 auto;align-items: baseline; flex-wrap: wrap;}
.map .maptit .big_title {font-size: 22px;color: #333333;  margin-right:0; width: 100%;}
.map .tab_itemlist ul{display: flex; justify-content: space-between;}
.tab_itemlist li {display: inline-block;margin-left: 8px !important;margin-right: 8px !important; margin-top: 10px;}
.comrr .rrMovie{width: 100%;}

.yfzx {padding: 40px 0;background: url(../images/yfzx_bg.jpg) no-repeat top center;}
.com_wh_bd {width: 100%;height: 336px;}
.nydh-wh {flex-wrap: wrap;}
.nydh-wh li{width: 45%; text-align: center;}
.nydh-wh a {font-size: 13px; margin: 10px 0px; line-height: 25px;}
.com_wh_bd .com_wh_left,.com_wh_bd .com_wh_right {margin-top: 52px;}
.nydh-wh img {max-width: 40px;max-height: 40px;}


.nymainab .layui-container {width: 100%;padding: 0;}

     .gslgccl {
         background: url("../images/pro_word_bg.jpg") #0e4798 no-repeat left bottom;
         height: auto;
         margin: 20px 0 40px;
         padding: 20px 0 0;
     }
.gslgccl .word_bd {width: 100%;padding: 20px;}
.gslgccl .word_bd ul {width: 100%;}
.gslgccl .word_bd ul li {width: 100%;line-height: 26px;}

.gjdzdhsc { flex-wrap: wrap;}
.gjdzdhsc {width: 100%; margin: 0 auto;}
.gjdzdhsc .gjd_left {padding: 20px;width: 100%;height: auto;  margin-bottom: 2px;}
     .gjdzdhsc .gjd_left h3 {
         color: #fff;
         font-size: 20px;
     }
     .gjdzdhsc .gjd_left p.word_en {
         font-size: 16px;
         margin-top: 12px;
     }
     .gjdzdhsc .gjd_right {
         width: 100%;
     }
     .gjdzdhsc .gjd_right ul{height: auto;}
     .gjdzdhsc .gjd_right ul li {
         width: 50%;
         height: 50%;
     }
     .gjdzdhsc .gjd_right .wordli {
         padding: 20px;
         margin-bottom: 2px;
         margin-top: 2px;
         height: 187px;
     }

.h_about_flex{flex-wrap: wrap;margin-top: 30px;}
.h_about_word{width: 100%;order: 1; margin-top: 16px;}
.h_about_img {width: 100%;margin-left: 3%;order:0 }
.qymore {margin: 20px auto 10px;}

.w_header{height: 80px;}
.w_header .logo{height: 62px;margin-top: 12px;margin-left: 10px;}
.w_header .logo a img{height: 86%;}
.w_search #topsearch{right: 70px;top: 20px;width: 40px;height: 40px;}
#searchmb{height: 52px;left: 0;top: 80px;padding-top: 12px;}
.w_header .sp_nav{width: 28px;height: 42px;top: 14px;line-height: 42px;right: 23px;margin-top: 15px;}
.w_header .sp_nav i{width: 33px;}

.pro-animate{ background-image: url(../images/p_pro_bg_wap.jpg);position: initial;background-size: 100%;background-color:#0e274a;background-repeat: no-repeat;}
.pro-animate .bigtitle{text-align: center; width: 100%;color: #fff;position: initial; padding-top: 38px;}
.pro-animate .bigtitle h2{color: #fff;}

     .ul_container {width:365px;height: 478px; margin: 16px auto 0;}
     .pro-img1 {z-index:2;  left: 63px;top:2px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
     .pro-img2 {z-index:2;  left: 108px;top: 56px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
     .pro-img3 {z-index:2;  left: 26px;top: 105px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
     .pro-img4 {z-index:2;  left: 112px;top: 161px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
     .pro-img5 {z-index:2;  left: 247px;top: 232px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
     .pro-img6 {z-index:2;  left: 201px;top: 322px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}
     .pro-img7 {z-index:2;  left: 262px;top: 378px; animation: myrotate 10s linear infinite;-webkit-animation: myrotate 10s linear infinite;}

 .pro-animate .proshowin_img{width: 100% !important; margin: 0 auto; position:absolute; z-index: 5}
 .pro-animate .proshowin_word{width: 96%; margin: 20px auto 0;padding-bottom: 8px;}

.case_body {height:auto; padding-top: 28px;padding-bottom: 60px;background-size: auto 100%;}
.case_body .casebd {width: 100%;margin: 0 auto;}
.case_body .bigtitle{width: 96%; margin: 0 auto;}
.case_body .case_list {margin: 30px auto;}
.case_body .case_list{flex-wrap: wrap; justify-content: space-evenly;}
.case_body .case_list li{width: 31.93%; margin: 0 .7% 2%;}
.case_body .case_list h3 {font-size: 13px;padding: 12px 3px;margin: 6px 0;}
.case_body .case_list dl{overflow:scroll; height: 110px;padding: 10px 2px;}
.case_body .case_list dl dd {line-height: 18px;
    position: relative;
    text-indent: 0em;
    font-size: 12px;
    padding-left: 12px;
    margin-bottom: 6px;}
     .case_body .word_bottom {
         line-height: 22px;
         font-size: 14px;
         padding: 4px 30px;
         box-sizing: border-box;
     }

.productlist_bd {width:100%;margin: 30px auto 10px;}

/* 企业简介 */
.qiye_con p{color: #333333; font-size: 14px;text-indent:2em; line-height:28px; }


/* 地图 */
.map{height: 500px;}
.cnmap{float: none; width: 100%;background-size: 100%;margin:0; height: 360px;}

.dzinfo{background: url(../images/tang.png) no-repeat;width: 120px; height: 61px;position: absolute; background-size: 100%;}
.dzinfo h2{font-size: 13px; margin-top: 0px; text-align: center; margin-left: 3px;}
.dzinfo p{display: none;}
.dzinfo{bottom: 4px; right: 7px; padding: 6px 10px;}

.mapdz:first-child span.zb{top: 217px; right: 80px;/* 广州 */}
.mapdz:nth-child(2) span.crl{top: 237px; right: 94px;/* 东莞 */}
.mapdz:nth-child(3) span.crl{top: 166px; right: 53px;/* 江苏 */}
.mapdz:nth-child(4) span.crl{top: 88px; right: 39px;/* 华北 */}
.mapdz:nth-child(5) span.crl{top: 185px; right: 46px;/* 华东 */}

.mapdz span.crl{width: 6px; height: 6px; border: 2px solid #fff;}
.mapdz span.zb{width: 21px; height: 27px;}

.companyinfo .contact_con {margin: 0 auto;}


.minpicture { width: 100%;}
.minpicture ul li{width: 18%; float: left;margin-right: 3px;   border: #7d7d7d solid 2px;}
.minpicture ul li:hover,.minpicture ul li.on{border: #03ccea solid 2px;}
.minpicture ul li:last-child{margin-right: 0;}
.minpicture ul li img{height: 58px;}
 
/* 应用 */ 
.focus_nav{overflow: hidden; }
.focus_nav img{width: 160px; height: 120px;}
.focus_nav li p{font-size: 16px;}


.footer .ftlink{ display: none;}
.lianxi{display: none;}
.fr{display: none;}
.banquan{padding: 0;}
 }