@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:initial;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #474747;  }
a:hover {color: #001c82;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #474747;background: #fff;margin: 0 auto;font-size: 16px !important; overflow-x:hidden;width:100%;}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad100{padding:100px 0;}
.pad90{padding:90px 0;}
.pad70{padding:70px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{max-width:1440px;margin: auto;}
@media (max-width:1466px) {
.container{width:1199px;}
}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}



@font-face {
    font-family: 'D-DIN-PRO';
    src: url('../fonts/D-DIN-PRO-Heavy.eot');
    src: url('../fonts/D-DIN-PRO-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/D-DIN-PRO-Heavy.woff2') format('woff2'),
        url('../fonts/D-DIN-PRO-Heavy.woff') format('woff'),
        url('../fonts/D-DIN-PRO-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
header{position:fixed;z-index: 3;width:100%;top:0;left:0;border-bottom:1px solid rgba(255,255,255,0.5);}
.logo img{height: 40px;margin-top: 17px;}
nav{width:70%; text-align:right;}
nav li{display: inline-block;position:relative;}
nav li>a{font-size:16px;display:block;position:relative;color:#fff;text-align:center;padding:22px 22px;}
nav li>a:before{content:'/'; display:inline-block; position:absolute;right:0;color:#fff;}
nav li:last-child>a:before{ display:none;}
nav li:last-child>a{padding-right:0;}
nav li>a:after{ display:block;margin:10px auto 0; width:60%;height:2px;content:'';}
nav li>a.cur,nav li:hover>a{color:#ffde00;}
nav li:hover>a:after,nav li>a.cur:after{ background-color:#ffde00;}
nav li div{padding:18px 0;position:absolute;top:100%;left:0;width:100%;display:none;text-align:center;z-index: 1; background-color:rgba(0,0,0,.6);font-size:14px;}
nav li div a{color:#fff;display:block;margin:10px 0;}
nav li div a:hover{color:#ffde00;}
nav li:hover div{ display:block;}
.banners{ display:none;}
.banner .swiper-button-prev{z-index: 1;top: 50%;margin-top:-45px;width:90px;height:90px;background:url(../images/icon1.png) no-repeat center center; background-size:38%;font-size:0; display:inline-block; position:absolute;left:-100px;opacity:0; cursor:pointer;}
.banner .swiper-button-next{z-index: 1;top: 50%;margin-top:-45px;width:90px;height:90px;background:url(../images/icon2.png) no-repeat center center; background-size:38%;font-size:0; display:inline-block;position:absolute;right:-100px;opacity:0; cursor:pointer;}
.banner:hover .swiper-button-prev{left:0; opacity:1;}
.banner:hover .swiper-button-next{right:0; opacity:1;}
.bannerb .swiper-pagination{display:none;}
.banner .swiper-pagination{position:absolute;bottom:30px!important;left:0;width:100%; text-align:center;}
.banner .swiper-pagination span{width:50px;height:6px;background-color:#fff;opacity:0.5;display:inline-block;margin:0 2px;font-size:0; border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;}
/*.banners .owl-pagination{position:absolute;bottom:20px;width:100%;text-align:center;}
.banners .owl-pagination .owl-page{width:8px;height:8px;border-radius:50%;margin:0 4px;}
.banners .owl-pagination .owl-page.active{ background-color:#e60012;}*/
.bannerbottom{ position:absolute;bottom:0;left:0;width:100%; z-index:1;}
.bannerbottom .container{border-top:1px solid rgba(255,255,255,0.5);}
.bannerbottom a{float:left;width:19%; position:relative;color:#fff;padding:30px; display:flex;z-index:1;align-items:center;}
.bannerbottom a:nth-of-type(3) {width:24%;}
.bannerbottom a:after{content:''; display:inline-block;width:1px;height:100%;top:0;right:0; background-color:rgba(255,255,255,0.5); position:absolute;}
.bannerbottom a:last-child:after{ display:none;}
.bannerbottom a:before{content:''; display:block;width:100%;height:0;bottom:0;left:0; background-color:rgba(0,28,130,0.8);-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; z-index:-1; position:absolute;}
.bannerbottom a .left{flex:1;margin-right:10px;font-size:20px;}
.bannerbottom a .right img{width:24px;}
.bannerbottom a .left p{color:rgba(255,255,255,0.7);}
.bannerbottom a:hover:before{height:120%;transform: translateY(20%);}
.bannerbottom a:hover{transform: translateY(-20%);}
.bannerbottom a:hover:after{ opacity:0;}
.showme{ background-color:#202020;}
.h_title h2{font-size:40px;font-weight:bold;color:#202020;}
.h_title p{font-size:20px;color:#999999;margin-top:12px;}
.h_title h2 span{ position:relative; z-index:1;}
.h_title h2 span:after{content:''; display:inline-block;width:59px;height:59px;background:url(../images/icon2.png) no-repeat;background-size: 100%;margin: 0 0 0 -25px; position:relative; z-index:-1;}
.h_title.white h2,.h_title.white p{color:#fff;}
.h_productC .con1{ display:flex;justify-content: space-between;}
.h_productC .con1 .left{padding:35px;width:66%;background-color: #e9e9e9;
    background: linear-gradient(left,#f7f7f7,#e9e9e9);
    background: -webkit-linear-gradient(left,#f7f7f7,#e9e9e9);}
.h_productC .con1 .left a{height:100%;display: block; overflow:hidden;}
.h_productC .con1 .right{width:32.333%; background-color:#eaeaea;padding:35px; position:relative; z-index:1; overflow:hidden;}
.h_productC .con1 .right2{ display:none;}
.h_productC .con1 .right:after,.h_productC .con2 .left:after{content:''; display:inline-block; width:300px;height:300px; position:absolute; z-index:-1;left:-25%;bottom:-22%;}
.h_productC h5{font-size:23px;}
.h_productC p,.h_productC .con1 .left dl dd,.h_productC .con2 .left .leftleft p,.productC dl p{margin-top:10px;font-size:15px;color:#444444;line-height:24px;height:72px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical;}
.h_productC .con1 .left dl{width:38%;margin-top: 25%;}
.h_productC .con1 .left .rightright{width:60%;margin-top: -90px;}
.h_productC .con1 .left h2{color:#001c82;font-size:32px;font-weight:bold;margin-top: 30px;}
.h_productC .con1 .left h2 span{ position:relative; display:inline-block; z-index:1;}
.h_productC .con1 .left h2 span:after,.newC .left a:hover span:after,.newC .left a.cur span:after{ z-index:-1;content:''; display:block;width:100%; position:absolute;height:16px;bottom:-2px;left:-5px;background-color: #ffe00f;
    background: linear-gradient(left,#ffe00f,transparent);
    background: -webkit-linear-gradient(left,#ffe00f,transparent);}
.h_productC .con1 .left dl dt{font-size: 23px;color:#0d0d0d;}
.h_productC .con1 .left dl dd,.h_productC .con2 .left .leftleft p,.productC dl p{color:#444444;}
.h_productC .con2{margin-top:20px;display: flex;justify-content: space-between;}
.h_productC .con2 .left{ background-color:#eaeaea;padding:35px;width:32.333%; position:relative; z-index:1; overflow:hidden;}
.h_productC .con2 .left a{display: flex;justify-content: space-between;align-items: center;}
.h_productC .con2 .left .rightright{width:50%;}
.h_productC .con2 .left .leftleft{flex:1;margin-right:20px;}
.h_productC .con2 .left .leftleft h5{font-size: 20px;color: #0d0d0d;}
.h_productC .con2 .left:after {width: 140px;height: 140px;left: -10%;bottom: -22%;}
.h_productC .con2 .right{ position:relative;width: 32.333%;}
.h_productC .con2 .right h5{font-size:32px;color:#001c82;font-weight:bold; position:absolute;right:30px;top:35%;}
.h_productC .con1 .right:hover,.h_productC .con2 .left:hover{background-color:#001c82;}
.h_productC .con1 .right:hover h5,.h_productC .con2 .left:hover h5{color:#fff;}
.h_productC .con1 .right:hover p,.h_productC .con2 .left:hover p{color: rgba(255,255,255,0.5);}
.h_productC .con1 .right:hover:after,.h_productC .con2 .left:hover:after{background:url(../images/icon3.png) no-repeat; background-size:100%;}
.h_hangye{padding-top:90px;}
.h_hangyeC{border-top:1px solid rgba(255,255,255,0.2);}
.h_hangyeC li{float:left;width:20%; text-align:center;border-right:1px solid rgba(255,255,255,0.2);padding-top:100px;height:673px; position:relative;}
.h_hangyeC li b{font-weight:bold;font-size:80px;font-family: 'D-DIN-PRO';color:#fff;display: block;transform: translateY(80px);}
.h_hangyeC li h5{font-size:28px;margin-top:60px;padding:0 30px;color:#fff;}
.h_hangyeC li h6{margin-top:10px;padding:0 30px;color:rgba(255,255,255,0.7);}
.h_hangyeC li p{margin-top:25px;padding:0 30px;color:rgba(255,255,255,0.7);line-height:28px;height:56px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical; opacity:0;}
.h_hangyeC li span{ display:inline-block;margin-top:60px;border-top:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4);padding:10px;color:rgba(255,255,255,0.4);opacity:0;}
.h_hangyeC li img{ position:absolute;bottom:0;left:0;opacity:0;}
.h_hangyeC li .con{transform: translateY(200px);}
.h_hangyeC li span:hover{color:#fff;border-color:#fff;}
.h_hangyeC li:hover b{color:#ffde00;transform: translateY(0);}
.h_hangyeC li:hover .con{transform: translateY(0);}
.h_hangyeC li:hover img,.h_hangyeC li:hover p,.h_hangyeC li:hover span{ opacity:1;}
.h_about .container{ display:flex;}
.h_about .left{flex:1;margin-right:100px;}
.h_about .h_title{background: url(../images/icon2.png) no-repeat center right; background-size:59px;}
.h_aboutC .con{margin-top:30px;line-height:30px;}
.h_aboutC a{display: inline-block;margin-top: 60px;border-top: 1px solid #666666;border-bottom: 1px solid #666666;padding: 10px;color:#666666;}
.h_aboutC a:hover{color:#001c82;border-color:#001c82;}
.h_about .right {min-width:240px;}
.h_about .right dl + dl{margin-top:50px;}
.number dl dt{font-size:24px;}
.number dl dt b{font-size:80px; display:inline-block;margin-right:10px;font-family: 'D-DIN-PRO';color:#202020;}
.number dl dd{font-size:20px;margin-top:10px;}
.h_about:after{content:''; display:block; position:absolute;right:0;width:40%;height:100%; background-color:#f4f5f9; z-index:-1;top:0;}
.h_about{ z-index:1;}
.h_newC dl{width:31.3333%;float:left;margin:0 1%;}
.h_newC dl dt{ overflow:hidden;}
.h_newC dl:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.h_newC dl dd{padding:30px 10px 40px;}
.h_newC dl dd h5{font-size:22px;color:#fff;}
.h_newC dl dd p{margin-top:15px;color:rgba(255,255,255,0.7);font-size: 15px;line-height:24px;height:48px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  line-clamp:5;
  -webkit-box-orient: vertical;}
.h_newC dl dd time{ display:block;margin-top:30px;color:rgba(255,255,255,0.7);font-size: 15px;}
.h_newC dl:hover h5{color:#ffde00;}
footer{ background:url(../images/bg5.jpg) no-repeat center center; background-size:cover;padding:70px 0 0;}
.footlogo img{height:73px;}
.bq{text-align:center;color:#666666;padding:20px 0;font-size:14px;margin-top:60px;}
.bq span{display:inline-block;margin:0 3px;}
.bq span a{color:#666666;}
.bq .info{ font-size:16px;margin-bottom:10px;}
.bq .info span{margin:0 20px;}
.footnav{margin-top:60px;font-size:20px;}
.footnav a{ display:inline-block;padding:0 25px; position:relative;}
.footnav a:before {content: '/';display: inline-block;position: absolute;right:-7px;}
.footnav a:last-child:before{display:none;}
.footcode{margin-top:60px;}
.footcode img{width:180px;}
.footcode p{margin-top:15px;}
.site{padding:20px 0;position: relative; background-color:#f4f4f4; font-size:14px;}
.site .right a{display:inline-block;}
.site .right a:last-child{color:#001c82;font-weight:bold;}
.map{height:460px;border:1px solid #dcdcdc;}
.contactC .left{width:50%;}
.contactC .left h5{font-size:24px;font-weight:bold;color:#001c82;}
.contactC .left h5:after{content:''; display:block;margin-top:10px;width:50px;height:2px; background-color:#001c82;}
.contactC .left .con{margin-top:30px;}
.contactC .left .con p{ display:flex;margin-bottom:20px;}
.contactC .left .con p img{width:20px;height:20px; display:inline-block;margin-right:10px;}
.contactC .right{width:50%; text-align:right;}
.contactC .right dl{ display:inline-block;margin-left:30px; vertical-align:top; text-align:center;}
.contactC .right dl dt img{width:180px;}
.contactC .right dl dd{margin-top:10px;}
.site .left{ background-color:#001c82;color:#fff;margin: -20px 0;padding: 20px 35px 20px 0;}
.site .left a{color:#fff;}
.fansite:before{ content:''; display:inline-block; background-color:#001c82; position:absolute;left:0;top:0;height:100%;width:calc(50% - 720px);}
.site .left img{ display:inline-block;margin-right:10px;}
.detailC{line-height:34px;color:#666;}
.detailC img{max-width:100%;}
.detail h1{font-size: 34px;font-weight: bold;color: #202020;}
.prenext{border-top:1px solid #dcdcdc;padding:50px 10px 0;margin-top:50px;}
.prenext a{ display:block;}
.prenext p{float:left;width:49%;}
.prenext p:last-child{ text-align:right;}
.newC .left{width:220px;}
.newC .left a{ display:block;margin-bottom:40px;color:#666666;min-height:26px;}
.newC .left a span{position:relative; z-index:1;}
.newC .left a span:after{height: 10px;}
.newC .left a.cur span,.newC .left a:hover span{color:#001c82; font-weight:bold;font-size:20px;}
.newC .right{width:calc(100% - 240px);}
.newC .right dl dd h5{color: #474747;}
.newC .right dl dd p,.newC .right dl dd time{color:rgba(32,32,32,0.7);}
.newC .right dl:hover dd h5{color: #001c82;}
.pagelist{margin-top:40px;}
.pagelist ul{ display:inline-block;padding:16px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.pagelist li{display:inline-block;margin-left:3px;}
.pagelist li a,.pagelist li span{display:block;padding:0 10px;color:#999;}
.pagelist li a.cur,.pagelist li.active span,.pagelist li a:hover{color:#001c82;}
.floatright{float:right;padding:0 0 20px 50px;max-width:380px;}
.detailC .number dl dt b{font-size:60px;}
.detailC .number{ display:flex;justify-content: space-between;padding:40px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;}
.productC dl{float:left;width:31.333%;margin:0 1% 20px; background-color:#f4f4f4;}
.productC dl a{ display:block;padding:35px;}
.productC dl h5{font-size: 23px;color:#202020;}
.productC dl:hover h5{color:#001c82; font-weight:bold;}
.productC dl:hover{ transform:translateY(-10px);}
.yingyongC dl{margin-bottom:20px;}
.yingyongC dl a{ display:block; position:relative; overflow:hidden;}
.yingyongC dl dd{ position:absolute; top:0;left:0;width:100%;height:100%;background-color: #001c82;
    background: linear-gradient(left,#001c82,transparent);
    background: -webkit-linear-gradient(left,#001c82,transparent);}
.yingyongC dl dd b{text-indent: 100px;background-color:#ffde00;border-radius:50%;color:#001c82;font-size:64px;font-family: 'D-DIN-PRO';width:200px;height:200px;line-height: 280px;margin:-86px 0 0 -86px; display:inline-block;}
.yingyongC dl dd .con{margin: 24px 0 0 6%;width:40%; display:inline-block;}
.yingyongC dl dd .con h5{color:#fff;font-size:28px;}
.yingyongC dl dd .con p{color:rgba(255,255,255,0.7);margin-top:5px;}
.yingyongC dl dd .con .summary{color:rgba(255,255,255,0.7);margin-top:30px;line-height:30px;height:60px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.yingyongC dl:nth-child(odd) dd{ text-align:right;
    background: linear-gradient(right,#001c82,transparent);
    background: -webkit-linear-gradient(right,#001c82,transparent);}
.yingyongC dl:nth-child(odd) dd .con{margin: 24px 6% 0 0;}
.yingyongC dl a:hover dd{background: linear-gradient(right,#001c82,#001c82);
    background: -webkit-linear-gradient(right,#001c82,#001c82);display: flex;align-items: center;justify-content: center;}
.yingyongC dl:nth-child(odd) dd b{text-indent:30px;text-align: left;margin: -86px -86px 0 0;}
.yingyongC dl a:hover dd b{width:120px;height:120px;line-height:120px;text-align:center;text-indent:0;margin:0;}
.yingyongC dl a:hover dd .con {margin: 0 0 0 5%; text-align:left;}
.sitenav{ display:none;}
.BMapLabel{border-color:#000 !important;}
.h_title time{font-size: 20px;color: #999999;margin-top: 12px;display:block;}
.h_title time span{ display:inline-block;margin:0 15px;}





.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:8px;width:50px;position:fixed;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#fff;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,1);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #3a3a3a;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}




@media(max-width:1466px){
	.fansite:before {width: calc(50% - 599px);}
	.yingyongC dl dd b {font-size: 50px;width: 180px;height: 180px;line-height: 250px;}
	.yingyongC dl:nth-child(odd) dd .con {margin: -4px 6% 0 0;}
	.yingyongC dl dd .con {margin: -4px 0 0 6%;}
	.h_productC .con2 .right h5 {font-size: 26px;}
}
@media(max-width:1199px){
	.number dl dt,.footnav{font-size: 18px;}
	.number dl dd {font-size: 17px;margin-top: 0px;}
	.detailC .number dl dt b {font-size: 50px;}
	.floatright {max-width: 340px;}
	.footlogo img {height: 50px;}
	.contactC .right dl dt img {width: 140px;}
	.fansite:before {width: calc(50% - 495px);}
	.h_newC dl dd h5 {font-size: 18px;}
	.productC dl a { padding: 25px;}
	.productC dl h5 {font-size: 20px;}
	.yingyongC dl dd .con {margin: -42px 0 0 11%;}
	.yingyongC dl:nth-child(odd) dd .con {margin: -42px 11% 0 0;}
	.h_productC .con2 .right h5 {font-size: 22px;}
	.number dl dt b {font-size: 70px;}
	.h_hangyeC li h5 {font-size: 24px;}
	.h_productC .con1 .left .leftleft h2 {font-size: 27px;}
}
@media(max-width:991px){
	.bannerb,nav,.newC .left,.h_productC .con2{ display:none !important;}
	.mobile-inner,.banners,.h_productC .con1 .right2{ display:block !important;}
	header{padding-bottom:17px;}
	.map{height:350px;}
	.fansite:before {width: calc(50% - 375px);}
	.newC .right{width:100%;}
	.yingyongC dl dd b {font-size: 38px;width: 160px;height: 160px;line-height: 230px;}
	.yingyongC dl dd .con h5 {font-size: 24px;}
	.yingyongC dl dd .con .summary {margin-top: 16px; font-size: 15px;line-height: 25px;height: 50px;}
	.yingyongC dl a:hover dd b {width: 88px;height: 88px;line-height: 88px;}
	.number dl dt b {font-size: 40px;}
	.h_about .right {min-width: 166px;}
	.h_about .left { margin-right: 48px;}
	.h_hangyeC li b {font-size: 58px;}
	.h_productC .con1 .left {padding: 30px;width: 100%;}
	.h_productC .con1,.h_productC .con2{display: block; overflow:hidden;}
	.h_productC .con1 .right { float: left;width: 32.333%;margin-top: 20px;padding: 30px;}
	.h_productC h5 {font-size: 20px;}
	.h_productC .con1 .right2{margin:20px 0 0 1.5%;}
}
@media(max-width:767px){
	.site,.footnav{ display:none;}
	.mobile-inner-header-icon {font-size: 14px;top: 2px;right:10px;margin-right: 0;}
	.logo img {height: 30px;margin-top: 0;}
	header {padding: 10px;background-color:rgba(32,32,32,1);border:0;}
	.h_banner,.otherbanner{margin-top:50px;}
	.banner .swiper-pagination span {width: 6px;border-radius: 50%;}
	.banner .swiper-pagination {bottom: 10px!important;}
	.detail,.contact,.new,.h_product,.h_about,.h_new { padding:40px 20px;}
	.h_title h2 {font-size: 24px;}
	.h_title h2 span:after {width: 45px;height: 45px;}
	.h_title p,.h_title time{font-size: 14px;}
	.floatright {max-width: 100%;width: 100%;padding: 0 0 20px 0;}
	.mobile-inner-header-icon {font-size: 13px;top: -4px;}	
	.pagelist {margin-top: 0;}
	.pagelist li a, .pagelist li span {padding: 3px 9px;}
	.detailC {font-size: 15px;line-height: 30px;}
	.number dl dt {font-size: 14px;}
	.detailC .number dl dt b {font-size: 30px;}
	.detailC .number dl{width:50%;margin:10px 0;text-align: center;}
	.number dl dd {font-size: 14px;}
	.detailC .number {padding: 10px 0;}
	.footlogo img {height: 38px;}
	footer {padding: 40px 0 0;}
	.footcode {margin-top: 30px;}
	.footcode img {width: 130px;}
	.footcode p {font-size: 14px;}
	.bq {font-size: 12px;margin-top: 30px;}
	.bq .info {font-size: 14px;}
	.map{height:250px;}
	.contactC .left,.contactC .right{width:100%;}
	.contactC .right {text-align: center;margin-top:20px;}
	.contactC .left h5 {font-size: 20px;}
	.contactC .left .con {font-size: 15px;}
	.contactC .right dl dt img {width: 120px;}
	.contactC .right dl {margin: 0 3px; font-size:14px;}
	.prenext p {width: 100%;}
	.prenext p:last-child {text-align: left;margin-top:10px;}
	.prenext {padding: 30px 10px 0;margin-top: 30px;}
	.sitenav{overflow-x:scroll;display:block;padding: 20px 20px;background-color: #f4f4f4;font-size: 14px;}
	.sitenav a{ display:inline-block;margin-right:15px;}
	.sitenav a.cur{font-weight:bold;color: #001c82;}
	.sitenavC{ display:flex;width: max-content;}
	.h_newC dl {width: 100%;margin: 0;}
	.pagelist ul {padding: 8px;}
	.productC dl {width: 100%;margin: 0 0 15px;}
	.yingyongC dl dt img{height:150px;object-fit: cover;}
	.yingyongC dl dd b {font-size: 30px;width: 140px;height: 140px;line-height: 216px;text-indent:90px;}
	.yingyongC dl:nth-child(odd) dd b {text-indent: 22px;}
	.yingyongC dl dd .con h5 {font-size: 20px;}	
	.yingyongC dl dd .con p {font-size: 13px;}
	.yingyongC dl dd .con {margin: -27px 0 0 14%;width: 75%;}
	.yingyongC dl dd .con .summary{margin-top: 16px;font-size: 14px;line-height: 20px;height: 40px;}
	.yingyongC dl:nth-child(odd) dd .con {margin: -27px 14% 0 0;}
	.yingyongC dl a:hover dd b {width: 50px;height: 50px;line-height: 50px;}
	.yingyongC dl a:hover dd .con {margin: 0 0 0 15px;}
	.h_productC .con1 .right2:last-child,.h_hangyeC li span,.h_aboutC a{ display:none !important;}
	.h_productC .con1 .right {width: 49%;padding: 16px;}
	.h_productC .con1 .left .leftleft h2 {font-size: 22px;margin-top: 6px;}
	.h_hangye {padding-top: 42px;}
	.h_hangye .h_title {padding:0 20px;}
	.h_hangyeC {border-top:0;}
	.h_hangyeC li { width: 100%;padding-top:0;height: auto;border-top: 1px solid rgba(255,255,255,0.2);}
	.h_hangyeC li a{ display:flex; padding:40px 20px;}
	.h_hangyeC li b {font-size: 40px;transform: translateY(0);}
	.h_hangyeC li .con {transform: translateY(0);}
	.h_hangyeC li h5 {font-size: 20px;margin-top: 0;padding: 0;}
	.h_hangyeC li p{ opacity:1;}
	.h_hangyeC li:hover img{opacity:0;}
	.h_about .left {margin-right: 0;width: 100%;}
	.h_about .container {display: block;}
	.h_aboutC .con {font-size: 15px;}
	.h_about .right{width: 100%;margin-top:20px; overflow:hidden;}
	.h_about .right dl{float:left;width:50%;margin:10px 0 !important;}
	.detail h1 { font-size: 22px;}
	
}
@media(max-width:500px){
	
}