@charset "utf-8";
/* reset */
body{width: 100%;overflow-x: hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,keygen,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,textarea,select,button{margin:0;padding:0;border:0;outline:0;font-size:100%;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none;}
sup,sub{font-size:83%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
del{text-decoration:line-through}
ins,u,s,a,a:hover{text-decoration:none}
em,i,cite,var,address,dfn{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button,label{cursor:pointer}
body,textarea,input,button,select,keygen,legend{color:#666}
input::-webkit-input-placeholder{color: #ccc;}
input:-moz-placeholder{color: #ccc;}
input::-moz-placeholder{color: #ccc;}
input::-ms-input-placeholder{color: #ccc;}
textarea::-webkit-input-placeholder{color: #ccc;}
textarea:-moz-placeholder{color: #ccc;}
textarea::-moz-placeholder{color: #ccc;}
textarea::-ms-input-placeholder{color: #ccc;}
html{_background-image:url(about:blank);_background-attachment:fixed}
html{background-color:#fff}
img{ border: none;}
a{color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*a:hover{color:#ff571a;}*/
p{margin-bottom: 0;}
body{background-color:#fff;min-height: 100vh;}
/* function */
.dn{display:none}
.db{display:block}
.di{display:inline}
.di-b{ display: inline-block;}
.f-fl{float:left;}
.f-fr{float:right;}
.fn{float:none}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fwb{font-weight:bold}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.vam{vertical-align:middle}
.vat{vertical-align:top}
.wsn{word-wrap:normal;white-space:nowrap}
.ti{overflow:hidden;text-indent:-999em}
.ti2{text-indent:2em}
.cp{cursor:pointer}
.nus{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.clear,.cb{overflow:hidden;display:block;clear:both;height:0}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix,.zm{*zoom:1}
a:focus, a:hover{text-decoration: none !important;}
input::-webkit-input-placeholder { 
color: #888; 
} 
input:-moz-placeholder {  
color: #888; 
} 
input::-moz-placeholder { 
color: #888; 
} 
input:-ms-input-placeholder { 
color: #888; 
}

textarea::-webkit-input-placeholder { 
color: #888; 
} 
textarea:-moz-placeholder {  
color: #888; 
} 
textarea::-moz-placeholder { 
color: #888; 
} 
textarea:-ms-input-placeholder { 
color: #888; 
}
body{background-color: #0c2643;}
.container_box{max-width: 1230px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}

.header{width: 100%;height: 100px;background: #001b38;}
.header .logo{float: left;line-height: 100px;font-size: 0;}
.header .logo img{vertical-align: middle;}
.header .nav{float: right;margin-left: 40px;}
.header .nav ul li{float: left;padding: 0 23px;position: relative;}
.header .nav ul li .top a{font-size: 16px;color: #fff;display: block;line-height: 100px;height: 100px;border-bottom: 2px solid transparent;box-sizing: border-box;}
.header .nav ul li .top a:hover{color: #f8b44f;border-bottom: 2px solid #f8b44f;box-sizing: border-box;}
.header .nav ul li.act .top a{color: #f8b44f;border-bottom: 2px solid #f8b44f;box-sizing: border-box;}
.header .nav ul li .box.box2{position: absolute;top: 100px;left: 50%;background: #001b38;z-index: 1000;width: 438px;transform: translateX(-50%);padding: 20px 40px;box-sizing: border-box;justify-content: space-between;display: none;}
.header .nav ul li .box.box2 div{width: 49%;}
.header .nav ul li .box.box2 div span{display: block;line-height: 35px;font-size: 16px;color: #555;overflow: hidden;height: 35px;margin-bottom: 20px;}
.header .nav ul li .box.box2 div a{display: block;line-height: 28px;height: 28px;overflow: hidden;font-size: 14px;color: #666;text-align: left;}
.header .nav ul li .box.box2 div a:hover{color: #447fdb;}
.header .nav ul li:hover .box.box2{display: flex;}

.header .nav ul li .box{position: absolute;top: 100px;left:-25%;background: #001b38;z-index: 1000;width:150%;padding: 15px 10px;box-sizing: border-box;display: none;}
.header .nav ul li .box a{display: block;line-height: 38px;height: 38px;overflow: hidden;font-size: 14px;color: #fff;text-align: center;}
.header .nav ul li .box a:hover{color: #f8b44f;}
.header .nav ul li:hover .box{display: block;}

.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.banner .prev{left: 18%;top: 50%;margin-top: -24px;width: 48px;height: 48px;background: url(../img/next.png) center no-repeat;position: absolute;z-index: 100;cursor: pointer;}
.banner .next{right: 18%;top: 50%;margin-top: -24px;width: 48px;height: 48px;background: url(../img/prev.png) center no-repeat;position: absolute;z-index: 100;cursor: pointer;}
.banner .prev:hover{background: url(../img/zuo1.png) center no-repeat;}
.banner .next:hover{background: url(../img/you1.png) center no-repeat;}
.banner .swiper-pagination-bullet{width: 30px;height: 4px;background: #fff;border-radius: 0;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #f8b44f;}



.fix_footer{display: none;}
.sj_head{display: none;}
.sj_nav{display: none;}
.sj_banner{display: none;}


.index1{width: 100%;background: url(../img/index1.jpg) center no-repeat;background-size: cover;}
.index1 .title{width: 100%;text-align: center;line-height: 110px;font-size: 24px;color: #cccccc52;font-weight: bold;position: relative;text-transform: uppercase;}
.index1 .title span{position: absolute;font-size: 24px;color: #f8b44f;font-weight: normal;left: 50%;top: 60%;transform: translate(-50%,-50%);}
.index1 .bottom{width: 100%;padding: 20px 0 60px;box-sizing: border-box;}
.index1 .bottom .left{width: 40%;float: left;}
.index1 .bottom .left img{display: block;width: 100%;transition: .5s all;}
.index1 .bottom .left .shang{position: relative;margin-bottom: 18px;overflow: hidden;}
.index1 .bottom .left .shang:hover img{transform: scale(1.1);}
.index1 .bottom .left .shang span{position: absolute;right: 20px;bottom: 20px;color: #fff;font-size: 18px;}
.index1 .bottom .left .xia ul{display: flex;justify-content: space-between;}
.index1 .bottom .left .xia ul li{width: 48%;position: relative;overflow: hidden;}
.index1 .bottom .left .xia ul li:hover img{transform: scale(1.1);}
.index1 .bottom .left .xia ul li span{position: absolute;right: 20px;bottom: 20px;color: #fff;font-size: 18px;}
.index1 .bottom .right{width: 60%;padding-left: 60px;box-sizing: border-box;float: right;}
.index1 .bottom .right h5{line-height: 48px;font-size: 60px;color: #dfdfdf;margin-bottom: 44px;position: relative;text-transform: uppercase;font-weight: 400;}
.index1 .bottom .right h5::before{position: absolute;content: ' ';left: 0;bottom: -28px;width: 20px;height: 2px;background-color:#f8b44f ;}
.index1 .bottom .right h5::after{position: absolute;content: ' ';left: 0;bottom: -38px;width: 100px;height: 2px;background-color:#f8b44f ;}
.index1 .bottom .right h3{line-height: 98px;font-size: 36px;color: #f4f4f4;font-weight: bold;}
.index1 .bottom .right p{font-size: 14px;line-height: 32px;color: #f4f4f4;}
.index1 .bottom .right .list{width: 100%;margin-top: 30px;}
.index1 .bottom .right .list ul li{width: 80px;margin-right: 50px;float: left;}
.index1 .bottom .right .list ul li div{width: 80px;height: 80px;border-radius: 10px;background: #001b38;text-align: center;line-height: 80px;font-size: 0;}
.index1 .bottom .right .list ul li div img{display: inline-block;vertical-align: middle;}
.index1 .bottom .right .list ul li p{text-align: center;font-size: 16px;margin-top: 18px;line-height: 22px;color: #fff;}

.index2{width: 100%;}
.index2 .title{width: 100%;text-align: center;line-height: 110px;font-size: 24px;color: #cccccc52;font-weight: bold;position: relative;text-transform: uppercase;}
.index2 .title span{position: absolute;font-size: 24px;color: #f8b44f;font-weight: normal;left: 50%;top: 60%;transform: translate(-50%,-50%);}
.index2 .top{width: 100%;font-size: 0;}
.index2 .top a{font-size: 16px;color: #fff;padding: 0 12px;left: 16px;border-right: 1px solid #4d6074;margin-top: 12px;}
.index2 .top a:last-child{border-right: 0;}
.index2 .top a:hover{color: #F8B44F;}
.index2 .bottom{margin-top: 20px;}
.index2 .bottom ul li{margin-top: 20px;width: 32%;float: left;margin-right: 2%;}
.index2 .bottom ul li:nth-of-type(3n){margin-right: 0;}
.index2 .bottom ul li .img{width: 100%;overflow: hidden;}
.index2 .bottom ul li .img  img{display: block;width: 100%;transition: .5s all;}
.index2 .bottom ul li:hover .img img{transform: scale(1.1);}
.index2 .bottom ul li .nr{width: 100%;margin-top: 10px;}
.index2 .bottom ul li .nr h5{position: relative;padding-right: 100px;box-sizing: border-box;line-height: 65px;font-size: 18px;color: #fff;font-weight: bold;}
.index2 .bottom ul li .nr h5 span{position: absolute;right: 0;font-size: 14px;color: #ccc;}
.index2 .bottom ul li .nr h5 span img{margin-left: 12px;vertical-align: middle;}
.index2 .bottom ul li .nr p{line-height: 24px;height: 48px;overflow: hidden;font-size: 14px;color: #ccc;}
.index2 .more{width: 100%;padding: 60px 0;text-align: center;}
.index2 .more a{width: 160px;height: 48px;border: 1px solid #f8b44f;box-sizing: border-box;line-height: 46px;font-size: 14px;color: #fff;display: inline-block;}
.index2 .more a:hover{background: #f8b44f;}


.index3{width: 100%;background: url(../img/index3.jpg) center no-repeat;background-size: cover;}
.index3 .title{width: 100%;text-align: center;line-height: 110px;font-size: 24px;color: #cccccc52;font-weight: bold;position: relative;text-transform: uppercase;}
.index3 .title span{position: absolute;font-size: 24px;color: #f8b44f;font-weight: normal;left: 50%;top: 60%;transform: translate(-50%,-50%);}
.index3 .bottom{width: 100%;padding: 20px 0 60px;box-sizing: border-box;}
.index3 .bottom ul{display: flex;justify-content: space-between;}
.index3 .bottom ul li{width: 49%;position: relative;}
.index3 .bottom ul li::before{width: 100%;height: 100%;position: absolute;content: ' ';border: 3px solid rgba(197,164,121,.9);box-sizing: border-box;display: none;}
.index3 .bottom ul li:hover::before{display: block;}
.index3 .bottom ul li img{display: block;width: 100%;}
.index3 .bottom ul li div{left: 0;top: 50%;width: 100%;transform: translateY(-50%);position: absolute;}
.index3 .bottom ul li div span{display: block;line-height: 50px;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}
.index3 .bottom ul li div p{line-height: 32px;text-align: center;font-size: 16px;color: #fff;text-transform: uppercase;}
.index3 .bottom ul li a{display: block;}


.index4{width: 100%;}
.index4 .title{width: 100%;text-align: center;line-height: 110px;font-size: 24px;color: #cccccc52;font-weight: bold;position: relative;text-transform: uppercase;}
.index4 .title span{position: absolute;font-size: 24px;color: #f8b44f;font-weight: normal;left: 50%;top: 60%;transform: translate(-50%,-50%);}
.index4 .bottom ul li{margin-top: 20px;width: 32%;float: left;margin-right: 2%;position: relative;overflow: hidden;}
.index4 .bottom ul li:nth-of-type(3n){margin-right: 0;}
.index4 .bottom ul li img{display: block;width: 100%;transition: .5s all;}
.index4 .bottom ul li:hover  img{transform: scale(1.1);}
.index4 .bottom ul li p{text-align: center;position: absolute;width: 100%;left: 0;bottom: 0;height: 50px;line-height: 50px;overflow: hidden;font-size: 16px;font-weight: bold;color: #fff;background: rgba(0,27,56,.8);}
.index4 .more{width: 100%;padding: 60px 0;text-align: center;}
.index4 .more a{width: 160px;height: 48px;border: 1px solid #f8b44f;box-sizing: border-box;line-height: 46px;font-size: 14px;color: #fff;display: inline-block;}
.index4 .more a:hover{background: #f8b44f;}

.index5{width: 100%;background: url(../img/index5.jpg) center no-repeat;background-size: cover;}
.index5 .title{width: 100%;text-align: center;line-height: 110px;font-size: 24px;color: #cccccc52;font-weight: bold;position: relative;text-transform: uppercase;}
.index5 .title span{position: absolute;font-size: 24px;color: #f8b44f;font-weight: normal;left: 50%;top: 60%;transform: translate(-50%,-50%);}
.index5 .top{width: 100%;text-align: center;margin: 10px 0 20px;}
.index5 .top a{display: inline-block;width: 160px;height: 48px;text-align: center;line-height: 48px;margin: 0 10px;background: #001b38;font-size: 16px;color: #fff;}
.index5 .top a:hover{background: #f8b44f;}
.index5 .top a.act{background: #f8b44f;}
.index5 .bottom{width: 100%;}
.index5 .bottom .box{display: none;}
.index5 .bottom .box.block{display: block;}
.index5 .bottom ul li{width: 32%;float: left;margin-right: 2%;margin-top: 20px;}
.index5 .bottom ul li:nth-of-type(3n){margin-right: 0;}
.index5 .bottom ul li .img{overflow: hidden;width: 100%;box-shadow: 0px 5px 5px rgba(0,0,0,.3);}
.index5 .bottom ul li .img img{display: block;width: 100%;transition: .5s all;}
.index5 .bottom ul li:hover .img img{transform: scale(1.1);}
.index5 .bottom ul li .nr{width: 100%;}
.index5 .bottom ul li .nr h5{font-size: 16px;color: #fff;line-height: 28px;margin-top: 16px;height: 56px;overflow: hidden;}
.index5 .bottom ul li .nr span{display: block;line-height: 36px;color: #cccccc;line-height: 36px;}
.index5 .bottom ul li .nr p{line-height: 24px;font-size: 14px;height: 48px;overflow: hidden;color: #fff;}
.index5 .bottom ul li .nr o{margin-top: 30px;width: 160px;height: 48px;text-align: center;border: 1px solid #f8b44f;box-sizing: border-box;line-height: 46px;font-size: 14px;color: #fff;display: inline-block;text-transform: uppercase;}
.index5 .bottom ul li:hover .nr o{background: #f8b44f;}
.index5 .yqlj{padding: 55px 0 25px;box-sizing: border-box;}
.index5 .yqlj span {font-size: 14px;color: #fff;}
.index5 .yqlj a{font-size: 14px;color: #fff;margin: 0 8px;display: inline-block;}
.index5 .yqlj a:hover{font-size: 14px;color: #f8b44f;}

.footer{width: 100%;background-color: #001b38;}
.footer .top{width: 100%;padding: 30px 0;}
.footer .top .left{float: left;}
.footer .top .left .shang{line-height: 44px;border-bottom: 1px solid #33485f;}
.footer .top .left .shang a{padding: 0 20px;display: inline-block;font-size: 14px;color: #f1f1f1;border-right: 1px solid #f1f1f1;line-height: 15px;}
.footer .top .left .shang a:last-child{padding-right: 0;border-right: 0;}
.footer .top .left .shang a:first-child{padding-left: 0;}
.footer .top .left .shang a:hover{color: #f8b44f;}
.footer .top .left .xia{margin-top: 30px;}
.footer .top .left .xia p{line-height: 32px;font-size: 14px;color: #fff;}
.footer .top .right{float: right;}
.footer .top .right p{text-align: center;font-size: 14px;color: #fff;margin-top: 15px;}
.footer .bottom{line-height: 70px;border-top: 1px solid #1a324c;font-size: 14px;color: #fff;}
.footer .bottom p{float: left;}
.footer .bottom a{float: right;font-size: 14px;color: #fff;}

.ny_banner{width: 100%;display: block;position: relative;}
.ny_banner img{display: block;width: 100%;height: 320px;object-fit: cover;}
.ny_banner .box{position: absolute;left: 50%;top: 50%;width: 1200px;transform: translate(-50%,-50%);padding: 0 30px;box-sizing: border-box;}
.ny_banner .box span{font-size: 38px;color: #fff;display: block;line-height: 78px;font-weight: bold;text-shadow: 5px 5px 5px rgba(0,0,0,.3);}
.ny_banner .box p{font-size: 18px;color: #fff;line-height: 36px;text-transform: uppercase;}

.dqwz{width: 100%;line-height: 60px;border-bottom: 1px solid #0c3359;box-sizing: border-box;font-size: 14px;color: #fff;}
.dqwz a{font-size: 14px;color: #fff;}
.dqwz a:hover{color: #f8b44f;}
.dqwz img{vertical-align: middle;margin-right: 10px;}

.about1{width: 100%;background-color: #0c2643;}
.about1 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #002952;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.about1 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.about1 .bottom{width: 100%;padding-bottom: 60px;}
.about1 .bottom .left{width: 40%;float: left;}
.about1 .bottom .left img{display: block;width: 100%;}
.about1 .bottom .right{width: 60%;padding: 0 30px 0 80px;box-sizing: border-box;float: right;}
.about1 .bottom .right h5{line-height: 76px;font-size: 24px;color: #fff;font-weight: bold;}
.about1 .bottom .right span{display: block;width: 33px;height: 2px;margin: 5px 0 30px;background: #f8b44f;}
.about1 .bottom .right p{font-size: 14px;color: #fff;line-height: 32px;}

.about2{width: 100%;background-color: #001b38;padding-bottom: 50px;box-sizing: border-box;}
.about2 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #002952;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.about2 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.about2 .bottom{padding: 0 120px;box-sizing: border-box;position: relative;}
.about2 .bottom .prev{left: 35px;top: 50%;margin-top: -24px;width: 48px;height: 48px;background: url(../img/about2_left.png) center no-repeat;position: absolute;z-index: 100;cursor: pointer;}
.about2 .bottom .next{right: 35px;top: 50%;margin-top: -24px;width: 48px;height: 48px;background: url(../img/about2_right.png) center no-repeat;position: absolute;z-index: 100;cursor: pointer;}
.about2 .bottom .prev:hover{background: url(../img/about2_left1.png) center no-repeat;}
.about2 .bottom .next:hover{background: url(../img/about2_right1.png) center no-repeat;}
.about2 .bottom img{display: block;width: 100%;}
.about2 .bottom p{margin-top: 20px;line-height: 32px;height: 32px;text-align: center;font-size: 14px;color: #fff;overflow: hidden;}



.about3{width: 100%;background:  url(../img/about3.png) center no-repeat;background-size: cover;padding-bottom: 50px;box-sizing: border-box;}
.about3 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #002952;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.about3 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.about3 .bottom {width: 100%;height: 540px;overflow-y: scroll;position: relative;}
.about3 .bottom ul{position: relative;height: 100%;}
.about3 .bottom ul li div::after{width: 1px;background: #fff;height: 100%;right: 0%;top: 0px;content: ' ';position: absolute;}
.about3 .bottom ul li:nth-of-type(2n) div::after{width: 1px;background: #fff;height: 100%;left: 0%;top: 0px;content: ' ';position: absolute;}
.about3 .bottom ul li{width: 100%;position: relative;}
.about3 .bottom ul li div{width: 50%;padding-right: 82px;box-sizing: border-box;text-align: right;position: relative;padding-bottom: 52px;}
.about3 .bottom ul li:nth-of-type(2n) div{padding-left: 82px;box-sizing: border-box;text-align: left;margin-left: 50%;}
.about3 .bottom ul li h5{font-size: 30px;color: #fff;}
.about3 .bottom ul li h5 span{font-size: 14px;color: #ccc;}
.about3 .bottom ul li p{font-size: 14px;color: #ccc;line-height: 28px;margin-top: 28px;}
.about3 .bottom ul li p o{width: 5px;height: 5px;display: inline-block;border-radius: 50%;background: #489fe9;margin: 0 15px  0 0;}
.about3 .bottom ul li::before{width: 22px;height: 22px;top: 0;left: 50%;margin-left: -11px;background: #fff;position: absolute;border-radius: 50%;content: ' ';}
.about3 .bottom ul li::after{width: 10px;height: 10px;top: 6px;left: 50%;margin-left: -5px;background: #001b38;position: absolute;border-radius: 50%;content: ' ';z-index: 100;}
.about3 .bottom ul li:hover::before{width: 22px;height: 22px;top: 0;left: 50%;margin-left: -11px;background: #fff;position: absolute;border-radius: 50%;content: ' ';}
.about3 .bottom ul li:hover::after{width: 10px;height: 10px;top: 6px;left: 50%;margin-left: -5px;background: #f8b44f;position: absolute;border-radius: 50%;content: ' ';z-index: 100;}

.about3 .bottom::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 6px;
		/*高宽分别对应横竖滚动条的尺寸*/
		height: 6px;
	}

.about3 .bottom::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 5px;
		height: 60px;
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #fff;
	}

.about3 .bottom::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		border-radius: 0;
		background: #0c2643;
	}

.about4{width: 100%;background:  #001b38;background-size: cover;padding-bottom: 50px;box-sizing: border-box;}
.about4 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #002952;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.about4 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.about4 .top{}
.about4 .top{width: 100%;margin: 10px 0 20px;}
.about4 .top a{display: inline-block;width: 160px;height: 48px;text-align: center;line-height: 48px;margin: 0 5px;background: #0c2643;font-size: 16px;color: #fff;}
.about4 .top a:hover{background: #f8b44f;}
.about4 .top a.act{background: #f8b44f;}
.about4 .bottom{width: 100%;padding: 24px 20px 48px;box-sizing: border-box;background: #0c2643;}
.about4 .bottom .box{display: none;}
.about4 .bottom .box.block{display: block;}
.about4 .bottom p{font-size: 14px;line-height: 24px;color: #fff;}
.about4 .bottom div.lx{width: 118px;height: 36px;background-color: #001B38;margin-top: 40px;font-size: 14px;color: #fff;text-align: center;line-height: 36px;}

.about5{width: 100%;background:  #0c2643;background-size: cover;padding-bottom: 50px;box-sizing: border-box;}
.about5 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #002952;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.about5 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.about5 .bottom{width: 100%;}
.about5 .bottom .left{width: 45%;float: left;padding-top: 38px;padding-right: 30px;box-sizing: border-box;}
.about5 .bottom .left h5{line-height: 60px;font-weight: bold;color: #fff;font-size: 18px;}
.about5 .bottom .left p{line-height: 52px;font-size: 14px;color: #ccc;}
.about5 .bottom .left p span{font-size: 20px;font-weight: bold;color: #f8b44f;}
.about5 .bottom .left p img{margin-right: 15px;}
.about5 .bottom .right{width: 45%;float: left;}
.about5 .bottom #allmap{height: 315px;}

.gcal{width: 100%;margin-top: 20px;}
.gcal .bottom ul li{margin-top: 20px;width: 32%;float: left;margin-right: 2%;position: relative;overflow: hidden;box-shadow: 0px 5px 5px rgba(0,0,0,.3);}
.gcal .bottom ul li:nth-of-type(3n){margin-right: 0;}
.gcal .bottom ul li img{display: block;width: 100%;transition: .5s all;}
.gcal .bottom ul li:hover  img{transform: scale(1.1);}
.gcal .bottom ul li p{text-align: center;position: absolute;width: 100%;left: 0;bottom: 0;height: 50px;line-height: 50px;overflow: hidden;font-size: 16px;font-weight: bold;color: #fff;background: rgba(0,27,56,.8);}
.fenye{text-align: center;padding: 60px 0;font-size: 0;}
.fenye a{display: inline-block;margin: 0 10px;padding: 10px 15px;box-sizing: border-box;background: #fff;font-size: 14px;color: #333;}
.fenye a:hover{background: #f8b44f;color: #fff;}
.fenye a.act{background: #f8b44f;color: #fff;}

.zsjm1{width: 100%;background:  #0c2643;background-size: cover;padding-bottom: 50px;box-sizing: border-box;}
.zsjm1 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #0c3970;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.zsjm1 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.zsjm1 .bottom{width: 100%;}
.zsjm1 .bottom h5{font-weight: bold;font-size: 20px;color: #fff;}
.zsjm1 .bottom p{font-size: 14px;color: #ccc;line-height: 38px;}

.zsjm2{width: 100%;background:  #001b38;background-size: cover;box-sizing: border-box;}
.zsjm2 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #0c3970;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.zsjm2 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.zsjm2 .bottom{width: 100%;}
.zsjm2 .bottom .one{width: 49%;float: left;height: 50px;background: #003363;padding-left: 110px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.zsjm2 .bottom .one span{position: absolute;left: 0;top: 0;width: 110px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;}
.zsjm2 .bottom .one input{display: block;width: 100%;height: 50px;background: transparent;border: 0;font-size: 14px;color: #fff;}
.zsjm2 .bottom .one.right{float: right;}
.zsjm2 .bottom .quyu{width: 100%;height: 50px;display: flex;justify-content: space-between;width: 49%;float: left;margin-bottom: 20px;}
.zsjm2 .bottom .quyu span{width: 80px;height: 50px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;background-color: #003363;font-size: 16px;color: #fff;}
.zsjm2 .bottom .quyu select{width: 140px;height: 50px;border: 0;background-color: #003363;padding: 0 10px;box-sizing: border-box;font-size: 14px;color: #fff;}
.zsjm2 .bottom .text{margin-bottom: 20px;width: 100%;}
.zsjm2 .bottom  .text textarea{width: 100%;height: 116px;background:#003363 ;padding: 10px;box-sizing: border-box;font-family: "微软雅黑";color: #fff;}

.zsjm2  .bottom  .text textarea::-webkit-input-placeholder {color: #FFFFFF;}
.zsjm2  .bottom  .text textarea::-moz-input-placeholder 	{color: #FFFFFF;}
.zsjm2  .bottom  .text textarea::-ms-input-placeholder     {color: #FFFFFF;}

.zsjm2 .bottom  .wenjian{width: 100%;height: 50px;}
.zsjm2 .bottom  .wenjian div{max-width: 416px;min-width: 416px;background-color: #003363;height: 50px;padding-left: 80px;box-sizing: border-box;position: relative;float: left;}
.zsjm2 .bottom  .wenjian span{width: 80px;height: 50px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;background-color: #003363;font-size: 16px;color: #fff;position: absolute;left: 0;}
.zsjm2 .bottom  .wenjian p{font-size: 16px;color: #12508b;overflow: hidden;line-height: 50px;}
.zsjm2 .bottom  .wenjian o{float: left;width: 50px;height: 50px;position: relative;background-color: #003363;margin-left: 20px;text-align: center;line-height: 50px;color: #fff;}
.zsjm2 .bottom  .wenjian input{width: 50px;height: 50px;opacity: 0;position: absolute;left: 0;top: 0;}
.zsjm2 .bottom .yzm{height: 50px;margin-top: 20px;}
.zsjm2 .bottom .yzm div{width: 280px;padding-left: 90px;position: relative;box-sizing: border-box;height: 50px;background-color: #003363;float: left;}
.zsjm2 .bottom .yzm div span{width: 90px;position: absolute;left: 0;text-align: center;font-size: 16px;color: #fff;line-height: 50px;}
.zsjm2 .bottom .yzm div input{width: 100%;display: block;height: 50px;border: 0;background: transparent;}
.zsjm2 .bottom .yzm img{float: left;margin-left: 20px;cursor: pointer;width: 127px;height: 50px;}
.zsjm2 .bottom .sub{width: 100%;padding: 60px 0;text-align: center;}
.zsjm2 .bottom .sub button{width: 140px;height: 40px;margin: 0 auto;background: #f8b44f;font-size: 14px;color: #fff;border: 0;}
.product{width: 100%;}
.product .top{width: 100%;font-size: 0;margin-top: 30px;}
.product .top a{font-size: 16px;color: #fff;padding: 0 12px;left: 16px;border-right: 1px solid #4d6074;margin-top: 12px;}
.product .top a:last-child{border-right: 0;}
.product .top a:hover{color: #F8B44F;}
.product .top a.act{color: #F8B44F;}
.product .bottom{margin-top: 20px;}
.product .bottom ul li{margin-top: 20px;width: 32%;float: left;margin-right: 2%;}
.product .bottom ul li:nth-of-type(3n){margin-right: 0;}
.product .bottom ul li .img{width: 100%;overflow: hidden;}
.product .bottom ul li .img  img{display: block;width: 100%;transition: .5s all;}
.product .bottom ul li:hover .img img{transform: scale(1.1);}
.product .bottom ul li .nr{width: 100%;margin-top: 10px;}
.product .bottom ul li .nr h5{position: relative;padding-right: 100px;box-sizing: border-box;line-height: 65px;font-size: 18px;color: #fff;font-weight: bold;}
.product .bottom ul li .nr h5:hover{color: #f8b44f;}
.product .bottom ul li .nr h5 span{position: absolute;right: 0;font-size: 14px;color: #ccc;}
.product .bottom ul li .nr h5 span img{margin-left: 12px;vertical-align: middle;}
.product .bottom ul li .nr p{line-height: 24px;height: 48px;overflow: hidden;font-size: 14px;color: #ccc;}



.news {width: 100%;}
.news .top{width: 100%;text-align: center;margin: 40px 0 0px;}
.news .top a{display: inline-block;width: 160px;height: 48px;text-align: center;line-height: 48px;margin: 0 10px;background: #001b38;font-size: 16px;color: #fff;}
.news .top a:hover{background: #f8b44f;}
.news .top a.act{background: #f8b44f;}
.news .bottom{width: 100%;}
.news .bottom .box{display: none;}
.news .bottom .box.block{display: block;}
.news .bottom ul li{width: 32%;float: left;margin-right: 2%;margin-top: 40px;}
.news .bottom ul li:nth-of-type(3n){margin-right: 0;}
.news .bottom ul li .img{overflow: hidden;width: 100%;box-shadow: 0px 5px 5px rgba(0,0,0,.3);}
.news .bottom ul li .img img{display: block;width: 100%;transition: .5s all;}
.news .bottom ul li:hover .img img{transform: scale(1.1);}
.news .bottom ul li .nr{width: 100%;}
.news .bottom ul li .nr h5{font-size: 16px;color: #fff;line-height: 28px;margin-top: 16px;height: 56px;overflow: hidden;}
.news .bottom ul li .nr span{display: block;line-height: 36px;color: #cccccc;line-height: 36px;}
.news .bottom ul li .nr p{line-height: 24px;font-size: 14px;height: 48px;overflow: hidden;color: #fff;}
.news .bottom ul li .nr o{margin-top: 30px;width: 160px;height: 48px;text-align: center;border: 1px solid #f8b44f;box-sizing: border-box;line-height: 46px;font-size: 14px;color: #fff;display: inline-block;text-transform: uppercase;}
.news .bottom ul li:hover .nr o{background: #f8b44f;}

.news_xq{width: 100%;}
.news_xq .title{width: 100%;text-align: center;margin-top: 40px;}
.news_xq .title h5{font-size: 24px;font-weight: bold;color: #fff;line-height: 62px;}
.news_xq .title p{line-height: 36px;font-size: 14px;color: #cccccc;}
.news_xq .xq{margin-top: 25px;}
.news_xq  .xq p{line-height: 25px;font-size: 14px;color: #fff;}
.news_xq  .xq img{display: block;max-width: 100%;min-width: auto;margin: 0 auto;}
.fanye{padding: 60px 0;text-align: center;}
.fanye a{width: 100px;height: 38px;line-height: 38px;text-align: center;background-color: #fff;text-align: center;font-size: 14px;color: #555;margin: 0 10px;display: inline-block;}
.fanye a:hover{background-color:#f8b44f ;color: #fff;}  


.product_xq .top{width: 100%;padding: 30px 0;box-sizing: border-box;}
.product_xq .top .left{width: 40%;float: left;box-sizing: border-box;}
.product_xq .top .left img{display: block;width: 100%;}
.product_xq .top  .right{width: 55%;float: right;}
.product_xq .top  .right h5{font-size: 20px;color: #fff;font-weight: bold;line-height: 60px;height: 60px;overflow: hidden;margin-top: 10px;}
.product_xq .top  .right p{font-size: 24px;color: #fff;font-size: 14px;}
.product_xq .top  .right div{padding: 15px 0 5px;}
.product_xq .top  .right div p{line-height: 35px;padding-left: 90px;box-sizing: border-box;position: relative;}
.product_xq .top  .right div p span{font-size: 14px;color: #fff;margin-right: 30px;position: absolute;left: 0;}
.product_xq .top  .right .tel{width: 100%;color: #f8b44f;font-size: 22px;font-weight: bold;line-height: 44px;}
.product_xq .top  .right .tel img{margin-right: 20px;vertical-align: middle;margin-top: -3px;}
.product_xq .bottom{width: 100%;}
.product_xq .bottom .bt{width: 100%;height: 44px;background: #003363;}
.product_xq .bottom .bt span{width: 126px;display: block;height: 44px;background: #f8b44f;font-size: 16px;color: #fff;text-align: center;line-height: 44px;}
.product_xq .bottom .xq{padding: 30px 10px 0;box-sizing: border-box;}
.product_xq .bottom .xq img{display: block;max-width: 100%;min-width: auto;margin: 0 auto;}
.product_xq .bottom .xq ul{width: 100%;}
.product_xq .bottom .xq ul li{float: left;width: 48%;}
.product_xq .bottom .xq ul li:nth-of-type(2){float: right;}
.product_xq .bottom .xq ul li p{line-height: 35px;box-sizing: border-box;position: relative;color: #fff;}
/*.product_xq .bottom .xq ul li p span{font-size: 14px;color: #fff;margin-right: 30px;position: absolute;left: 0;}*/

.worter{width: 100%;}
.worter .top{padding: 30px 0 24px;box-sizing: border-box;}
.worter .top .left{width: 35%;float: left;overflow: hidden;}
.worter .top .left img{display: block;width: 100%;transition: .5s all;}
.worter .top .right{width:65%;padding-left: 35px;box-sizing: border-box;float: right;}
.worter .top .right h5{line-height: 58px;height: 58px;overflow: hidden;font-weight: bold;color: #fff;font-size: 18px;}
.worter .top .right span{display: block;margin: 20px 0 34px;line-height: 28px;height: 28px;overflow: hidden;}
.worter .top .right p{line-height: 24px;height: 48px;font-size: 14px;color: #888;overflow: hidden;}
.worter .top .right o{text-transform: uppercase;display: block;width: 170px;height: 40px;margin-top: 30px;text-align: center;line-height: 40px;color: #fff;background-color: #f8b44f;}
.worter .top:hover .left img{transform: scale(1.1);}
.worter .bottom{width: 100%;}
.worter .bottom ul li{width: 100%;padding: 0 110px 0 38px;box-sizing: border-box;font-size: 16px;color: #ccc;position: relative;line-height: 50px;height: 50px;overflow: hidden;border-bottom: 1px dashed   rgba(204,204,204,.3);}
.worter .bottom ul li a{font-size: 16px;color: #ccc;}
.worter .bottom ul li span{position: absolute;right:0;top: 0;font-size: 16px;color: #999;}
.worter .bottom ul li::before{background: url(../img/sjx.png);width: 7px;height: 12px;position: absolute;left: 8px;top: 50%;margin-top: -6px;content: ' ';display: none;}
.worter .bottom ul li:hover::before{display: block;}
.worter .bottom ul li:hover a{color: #f8b44f;}

.fwzx{width: 100%;background-size: cover;box-sizing: border-box;}
.fwzx .title{width: 100%;text-align: center;}
.fwzx .title p {line-height: 38px;font-size: 18px;font-weight: bold;color: #fff;}
.fwzx .title o {display: block;width: 36px;height: 2px;background: #fff;margin: 10px auto 0;}
.fwzx .bottom{width: 100%;padding: 40px 0 0;}
.fwzx .bottom .one{width: 49%;float: left;height: 50px;background: #003363;padding-left: 110px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.fwzx .bottom .one span{position: absolute;left: 0;top: 0;width: 110px;line-height: 50px;color: #fff;font-size: 16px;padding-left: 10px;}
.fwzx .bottom .one input{display: block;width: 100%;height: 50px;background: transparent;border: 0;font-size: 14px;color: #fff;}
.fwzx .bottom .one.right{float: right;}
.fwzx .bottom .two{width: 49%;float: left;height: 50px;background: #003363;padding-left: 150px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.fwzx .bottom .two span{position: absolute;left: 0;top: 0;width: 150px;line-height: 50px;color: #fff;font-size: 16px;padding-left: 10px;}
.fwzx .bottom .two input{display: block;width: 100%;height: 50px;background: transparent;border: 0;font-size: 14px;color: #fff;}
.fwzx .bottom .three{width: 100%;float: left;height: 50px;background: #003363;padding-left: 110px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.fwzx .bottom .three span{position: absolute;left: 0;top: 0;width: 110px;line-height: 50px;color: #fff;font-size: 16px;padding-left: 10px;}
.fwzx .bottom .three input{display: block;width: 100%;height: 50px;background: transparent;border: 0;font-size: 14px;color: #fff;}
.fwzx  .bottom .text{margin-bottom: 20px;width: 100%;}
.fwzx  .bottom  .text textarea{width: 100%;height: 116px;background:#003363 ;padding: 10px;box-sizing: border-box;font-family: "微软雅黑";color: #fff;}

.fwzx  .bottom  .text textarea::-webkit-input-placeholder {color: #FFFFFF;}
.fwzx  .bottom  .text textarea::-moz-input-placeholder 	  {color: #FFFFFF;}
.fwzx  .bottom  .text textarea::-ms-input-placeholder     {color: #FFFFFF;}

.fwzx  .bottom .yzm{height: 50px;margin-top: 20px;}
.fwzx  .bottom .yzm div{width: 280px;padding-left: 90px;position: relative;box-sizing: border-box;height: 50px;background-color: #003363;float: left;}
.fwzx  .bottom .yzm div span{width: 90px;position: absolute;left: 0;font-size: 16px;color: #fff;line-height: 50px;padding-left: 10px;}
.fwzx  .bottom .yzm div input{width: 100%;display: block;height: 50px;border: 0;background: transparent;}
.fwzx  .bottom .yzm img{float: left;margin-left: 20px;cursor: pointer;width: 127px;height: 50px;}
.fwzx  .bottom .sub{width: 100%;padding: 60px 0;text-align: center;}
.fwzx  .bottom .sub button{width: 140px;height: 40px;margin: 0 auto;background: #f8b44f;font-size: 14px;color: #fff;border: 0;}

.fwzx2{width: 100%;background: #001b38;box-sizing: border-box;padding-top: 30px;}
.fwzx2 .title{width: 100%;text-align: center;}
.fwzx2 .title p {line-height: 38px;font-size: 18px;font-weight: bold;color: #fff;}
.fwzx2 .title o {display: block;width: 36px;height: 2px;background: #fff;margin: 10px auto 0;}
.fwzx2 .bottom{width: 100%;padding: 40px 0 0;}
.fwzx2 .bottom .one{width: 49%;float: left;height: 50px;background: #003363;padding-left: 110px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.fwzx2 .bottom .one span{position: absolute;left: 0;top: 0;width: 110px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;}
.fwzx2 .bottom .one input{display: block;width: 100%;height: 50px;background: transparent;border: 0;font-size: 14px;color: #fff;}
.fwzx2 .bottom .one.right{float: right;}
.fwzx2 .bottom .three{width: 100%;float: left;height: 50px;background: #003363;padding-left: 150px;box-sizing: border-box;position: relative;margin-bottom: 20px;}
.fwzx2 .bottom .three span{position: absolute;left: 0;top: 0;width: 150px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;}
.fwzx2 .bottom .three input{display: block;width: 100%;height: 50px;background: transparent;border: 0;font-size: 14px;color: #fff;}
.fwzx2  .bottom .four{width: 100%;padding: 20px 0;border-bottom: 1px solid #084174;box-sizing: border-box;}
.fwzx2  .bottom .four p{padding: 10px 0;line-height: 36px;font-size: 16px;color: #ccc;}
.fwzx2  .bottom .four label{font-size: 14px;color: #23629c;margin-right: 20px;line-height: 36px;}
.fwzx2  .bottom .four label input{margin-right: 10px;vertical-align: middle;margin-top: -3px;}
.fwzx2  .bottom .yzm{height: 50px;margin-top: 20px;}
.fwzx2  .bottom .yzm div{width: 280px;padding-left: 90px;position: relative;box-sizing: border-box;height: 50px;background-color: #003363;float: left;}
.fwzx2  .bottom .yzm div span{width: 90px;position: absolute;left: 0;text-align: center;font-size: 16px;color: #fff;line-height: 50px;}
.fwzx2  .bottom .yzm div input{width: 100%;display: block;height: 50px;border: 0;background: transparent;color: #fff;}
.fwzx2  .bottom .yzm img{float: left;margin-left: 20px;cursor: pointer;width: 127px; height: 50px;}
.fwzx2  .bottom .sub{width: 100%;padding: 60px 0;text-align: center;}
.fwzx2  .bottom .sub button{width: 140px;height: 40px;margin: 0 auto;background: #f8b44f;font-size: 14px;color: #fff;border: 0;}

.fwzx3{width: 100%;}
.fwzx3{width: 100%;background-size: cover;box-sizing: border-box;}
.fwzx3 .title{width: 100%;text-align: center;line-height: 110px;font-size: 40px;color: #0c3970;font-weight: bold;position: relative;text-transform: uppercase;padding: 50px 0;line-height: 72px;}
.fwzx3 .title span{position: absolute;font-size: 24px;color: #fff;font-weight: normal;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.fwzx3 .title o{position: absolute;font-size: 18px;color: #fff;font-weight: normal;left: 50%;bottom: 0%;transform: translateX(-50%);}
.fwzx3 .bottom{width: 100%;}
.fwzx3 .bottom table{width: 100%;border: 1px solid #084174;text-align: center;}
.fwzx3 .bottom table tr:nth-of-type(1){width: 100%;background-color:#084174 ;height: 60px;font-size: 16px;color: #fff;}
.fwzx3 .bottom table tr{width: 100%;border-bottom: 1px solid #084174;height: 50px;color: #fff;}
.fwzx3 .bottom table tr th{text-align: center;}
.fwzx3 .bottom table tr td{text-align: center;color: #23629c;font-size: 14px;}
.fwzx3 .bottom .zhu{font-size: 14px;color: #23629c;line-height: 24px;padding: 34px 0;}
.fwzx3 .bottom table.table3{margin: 40px 0 60px;}





.zzc{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top:0;display: none;z-index: 1000000;}
.zzc img{display: block;max-width: 90%;max-height: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}




















@media only screen and (max-width:1024px) {
	.header_top{display: none;}
	.header{display: none;}
	.fix_right{display: none;}
	.kx2{width: 100%;height: 55px;}
	.sj_head {display: block;width: 100%;height: 55px;background: #001b38;position: fixed;left: 0;top: 0;z-index: 999999999;box-shadow: 0px 3px 3px rgba(0,0,0,.3);}
	.sj_head .lg {padding: 12px 0 0 12px;box-sizing: border-box;float: left;width: 150px;}
	.sj_head .lg img {display: block;height: 32px;}
	.sj_head .xiala {display: block;}
	.sj_head .xiala {width: 30px;height: 30px;background: url(../img/Fast-Navigation.svg) center no-repeat;float: right;margin-top: 15px;margin-right: 10px}
	.sj_head .xiala.act {background: url(../img/Fast-Navigation2.svg) center no-repeat;}
	
	.sj_head .searchicon{float: right;margin: 21px 15px 0 0;}
	.ny_banner{width: 100%;display: block;position: relative;}
	.ny_banner img{display: block;width: 100%;height: 200px;object-fit: cover;}
	
	
	
	.sj_nav {top:55px; position: fixed; height: auto; overflow-y: scroll;left: 0; z-index: 100000000000; width: 100%; background:  #001b38;display: none; border-top: 1px solid #eee; padding-bottom: 25px;box-shadow: border-bottom;max-height: 500px}
	.sj_nav.block { display: block; }
	.sj_nav ul li { width: 100%; margin: 0 auto;border-bottom: 1px solid #ccc; padding: 0 20px; box-sizing: border-box; }
	.sj_nav ul li p { line-height:46px;position: relative; }
	.sj_nav ul li p a { display: block; width: 80%;height: 46px; color: #fff;font-size: 14px; }
	.sj_nav ul li.act p a{color: #f8b44f}
	.sj_nav ul li p span {display: block; width: 20%;height:16px;position: absolute;right: 0; top: 18px;background: url(../img/navjt.png) center right no-repeat; background-size: contain; }
	.sj_nav ul li p span.act { top:20px; height:9px;background: url(../img/navjt2.png) center right no-repeat;background-size: contain; }
	.sj_nav ul li div { width: 100%;display: none; }
	.sj_nav ul li div.act {display: block; }
	.sj_nav ul li div a { font-size:14px; color: #1f1f1f;display: block;height: 36px;line-height: 36px;padding-left: 15px;box-sizing: border-box; }
	.sj_nav ul li ol li{padding: 0;border-bottom: 0;}
	.sj_nav ul li ol li div.box1{display: none;padding: 0 20px;box-sizing: border-box;}
	.sj_nav ul li p{font-size:14px; color: #1f1f1f;}
	.zzc1 {width: 100%; position: fixed;left: 0; top: 0; background: rgba(0,0,0,.6);height: 100%; z-index: 99999999; display: none;}
	.banner{display: none;}
	.sj_banner{width: 100%;display: block;}
	.sj_banner img{display: block;width: 100%;height: 180px;object-fit: cover;}
	.sj_banner .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;opacity: 1;background: transparent;}
	.sj_banner .swiper-pagination-bullet-active{background: #f8b44f;border-color: #f8b44f;}
	.footer{display: none;}
	.kx3 {display: block;height: 65px;}
	.fix_footer {	display: block;width: 100%;height: 65px;position: fixed;left: 0;bottom: 0;background: #161616;z-index: 10000000;}
	.fix_footer ul li {width: 25%;float: left;padding: 7px 0 0;text-align: center;}
	.fix_footer ul li .img {height: 30px;padding: 0px 0;box-sizing: border-box;text-align: center;}
	.fix_footer ul li .img img {display: block;width: 30px;height: 30px;margin: 0 auto;}
	.fix_footer ul li p {color: #fff;line-height: 20px;font-size: 12px;margin-top: 5px;}
	
	
	



}




@media only screen and (max-width:768px) {
	.index1 .bottom{padding: 0 0 25px 0;}
	.index1 .bottom .left{width: 100%;float: none;}
	.index1 .bottom .right{width: 100%;float: none;padding: 20px 0 0 0;}
	.index1 .bottom .right h5{font-size: 24px;line-height: 28px;}
	.index1 .bottom .right h3{font-size: 24px;line-height: 48px;}
	.index1 .bottom .right .list ul li{margin-right: 10px;width: 70px;}
	.index1 .bottom .right .list ul li div{width: 70px;height:70px;line-height: 70px;}
	.index1 .bottom .right .list ul li p{font-size: 14px;}
	
	
	
	.index2 .top a{font-size: 14px;display: inline-block;padding: 0 5px;border-right: 0;}
	.index2 .bottom ul li{width: 100%;}
	.index2 .bottom ul li .nr h5{line-height: 40px;font-size: 18px;}
	.index2 .more{padding: 30px 0;}
	.index2 .more a{width: 140px;height: 38px;line-height: 36px;}
	.index3 .bottom {padding: 0;}
	.index3 .bottom ul{flex-wrap: wrap;}
	.index3 .bottom ul li{width: 100%;margin-bottom: 20px;}
	
	.index4 .bottom ul li{width: 100%;margin-top: 0;margin-right: 0;margin-bottom: 20px;}
	.index4 .more{padding:10px 0  30px 0;}
	.index4 .more a{width: 140px;height: 38px;line-height: 36px;}
	.index5 .top{padding: 0;}
	.index5 .top a{width: 120px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 5px;}
	
	.index5 .bottom ul li{width: 100%;}
	.index5 .bottom ul li .nr o{width: 120px;height: 32px;line-height: 32px;font-size: 14px;margin: 20px 5px 0;}
	.index5 .yqlj{padding: 25px 0;}
	
	
	.ny_banner .box{width: 100%;}
	.ny_banner .box span{font-size: 20px;line-height: 50px;}
	.about1 .title{padding: 0;font-size: 20px;}
	.about1 .title span{font-size: 16px;}
	.about1 .bottom{padding-bottom: 20px;}
	.about1 .bottom .left{width: 100%;float: none;}
	.about1 .bottom .right{width: 100%;float: none;padding: 0;}
	.about1 .bottom .right h5{font-size: 20px;}
	.about1 .bottom .right span{margin: 10px 0;}
	.about1 .bottom .right p{line-height: 24px;}
	
	.about2{padding-bottom: 20px;}
	.about2 .title{padding: 0;font-size: 20px;}
	.about2 .title span{font-size: 16px;}
	
	.about2 .bottom{padding: 0 40px;}
	.about2 .bottom .next{right: 0;width: 36px;height: 36px;overflow: hidden;border-radius: 50%;}
	.about2 .bottom .prev{left: 0;width: 36px;height: 36px;overflow: hidden;border-radius: 50%;}
	.about3{padding-bottom: 20px;}
	.about3 .title{padding: 0;font-size: 20px;}
	.about3 .title span{font-size: 16px;}
	.about3 .bottom ul li div{padding-right: 20px;}
	.about3 .bottom ul li:nth-of-type(2n) div{padding-left: 20px;}
	.about3 .bottom ul li h5{font-size: 20px;}
	.about3 .bottom ul li p{margin-top: 10px;}
	
	.about4{padding-bottom: 20px;}
	.about4 .title{padding: 0;font-size: 20px;}
	.about4 .title span{font-size: 16px;}
	.about4 .top{padding: 0;}
	.about4 .top a{width: 120px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 5px 10px;}
	.about4 .bottom{padding: 15px;}
	.about4 .bottom div.lx{margin-top: 15px;}
	
	.about5{padding-bottom: 20px;}
	.about5 .title{padding: 0;font-size: 20px;}
	.about5 .title span{font-size: 16px;}
	.about5 .bottom .left{width: 100%;float: none;padding: 0;}
	.about5 .bottom .left p{line-height: 38px;}
	.about5 .bottom .left p span{font-size: 16px;}
	.about5 .bottom .left h5{line-height: 40px;}
	.about5 .bottom .right{width: 100%;float: none;margin-top: 20px;}
	.about5 .bottom .right #allmap{height: 200px;}
	
	
	.gcal {margin-top: 0;}
	.gcal .bottom ul li{width: 100%;margin-top: 0;margin-right: 0;margin-top: 20px;}
	.fenye{padding: 25px 0;}
	.fenye a{padding: 5px 10px;margin: 0 5px;}
	
	
	.zsjm1{padding-bottom: 20px;}
	.zsjm1 .title{padding: 0;font-size: 20px;}
	.zsjm1 .title span{font-size: 16px;}
	.zsjm1 .bottom h5{font-size: 16px;}
	.zsjm1 .bottom p{line-height: 24px;}
	
	.zsjm2 .title{padding: 0;font-size: 20px;}
	.zsjm2 .title span{font-size: 16px;}
	.zsjm2 .bottom .one{width: 100%;float: none;}
	.zsjm2 .bottom .quyu{width: 100%;}
	.zsjm2 .bottom .quyu select{width: 100px;}
	
	.zsjm2 .bottom .wenjian div{width: 260px;min-width: 200px;}
	.zsjm2 .bottom .wenjian p{overflow: hidden;height: 50px;}
	
	.zsjm2 .bottom .yzm div{width: 200px;}
	.zsjm2 .bottom .yzm img{margin-left: 10px;}
	.zsjm2 .bottom .sub{padding: 25px 0;}
	
	
	.product .top {margin-top: 10px;}
	.product .top a{font-size: 14px;display: inline-block;padding: 0 5px;border-right: 0;}
	.product .bottom{padding-top: 0;margin-top: 0;}
	.product .bottom ul li{width: 100%;}
	.product .bottom ul li .nr h5{line-height: 40px;font-size: 18px;}
	
	.news .top{padding: 0;margin-top: 20px;}
	.news .top a{width: 120px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 5px;}
	.news .bottom ul li{width: 100%;margin: 20px  0 0 0;}
	.news .bottom ul li .nr o{width: 120px;height: 32px;line-height: 32px;font-size: 14px;margin: 20px 5px 0;}
	
	.news_xq .title{margin-top: 20px;}
	.news_xq .title h5{line-height: 30px;font-size:16px;}
	
	.news_xq .fanye{padding: 25px 0;}
	
	.product_xq .top .right h5{line-height: 40px;height: 40px;}
	.product_xq .top .left{width: 100%;float: none;}
	
	.product_xq .top .right{width: 100%;float: none;}
	.product_xq .bottom .xq ul li{width: 100%;float: none;}
	.product_xq .bottom .xq ul li:nth-of-type(2){width: 100%;float: none;}
	
	.product_xq .bottom .xq ul li p{line-height: 28px;font-size: 14px;}
	
	
	
	.worter .top .left{width: 100%;float: none;}
	.worter .top .right{width: 100%;float: none;padding: 0;}
	.worter .top .right span{margin:0 0 10px 0;}
	.worter .bottom ul li:hover::before{display: none;}
	.worter .bottom ul li{padding-left: 5px ;}
	.worter .bottom ul li a{font-size: 14px;}
	.worter .bottom ul li span{font-size: 14px;}
	
	
	
	.fwzx .title p{font-size: 16px;}
	.fwzx .bottom{padding-top: 20px;}
	.fwzx .bottom .one{width: 100%;float: none;}
	.fwzx .bottom .one.right{width: 100%;float: none;}
	.fwzx .bottom .two{width: 100%;float: none;}
	.fwzx .bottom .two{width: 100%;float: none;}
	.fwzx .bottom .yzm div{width: 200px;}
	.fwzx .bottom .yzm img{margin-left: 10px;}
	.fwzx .bottom .sub{padding: 25px 0;}
	.fwzx2{padding-top: 15px;} 
	.fwzx2 .title p{font-size: 16px;}
	.fwzx2 .bottom{padding-top: 20px;}
	.fwzx2 .bottom .three{width: 100%;float: none;}
	.fwzx2 .bottom .one{width: 100%;float: none;}
	.fwzx2 .bottom .one.right{width: 100%;float: none;}
	.fwzx2 .bottom .four{padding: 10px 0;}
	.fwzx2 .bottom .yzm div{width: 200px;}
	.fwzx2 .bottom .yzm img{margin-left: 10px;}
	.fwzx2 .bottom .sub{padding: 25px 0;}
	
	.fwzx3{padding-bottom: 20px;}
	.fwzx3 .title{padding: 0;font-size:16px;padding-bottom: 30px;}
	.fwzx3 .title span{font-size: 16px;top: 28px;}
	.fwzx3 .title o{font-size: 14px;}
		.fwzx3 .bottom .zhu{padding: 14px 0;}
		.fwzx3 .bottom table.table3{margin: 20px 0;}
}