/* CSS3婊氬姩鏉 */
/*::selection {background:none; text-shadow:none ;}*/
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2;}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background:#ccc;}
::-webkit-scrollbar-thumb:hover{background:#E60013 ; cursor:pointer}  

*{ padding:0; margin:0;}
body{font-family: Arial; font-size:16px; line-height:1.6; color:#333;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;text-align:justify;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#0068b6;}
h1{ font-size:36px; margin-bottom:5px; line-height:34px;}
h2{ font-size:40px;}
h3{ font-size:28px;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}
.l{ float:left; box-sizing:border-box;}
.r{ float:right; box-sizing:border-box;}
.herf{ width:50%;}
img{ object-fit:cover; max-width:100%; display:block;}
.bg{ background:url(../images/bg.png);}

.pad{ padding:70px 0;}
.pad2{ padding:50px 0;}
.clear{ clear:both}
.w{ width:85%; margin:auto; max-width:1450px;}
.mt{ margin-top:0px;}
.zhong img{ max-width:100% !important; height:auto !important; display:inline-block;}


video, object {
display:inline-block;
vertical-align:baseline;
object-fit:cover; outline:none;
}
.de-video-container{
top:0%;
left:0%; position:absolute; z-index:-1;
height:100%;
width:100%;
overflow: hidden;}
.de-video-container video{ position:absolute; left:0; right:0; margin:auto; bottom:0;}
.button_container { display:none;/*PC绔笉鏄剧ず*/
    position: relative; float:right;margin-top:9px;height: 28px; width:30px; cursor: pointer; z-index: 999;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}

/* 鎵嬫満瀵艰埅 */
.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
        -ms-transform: translateY(8px) translateX(0) rotate(45deg);
            transform: translateY(8px) translateX(0) rotate(45deg);
    background: #fff;
}

/* Set the middle hamburger bar's opacity to 0  */
.button_container.active .middle {opacity: 0;background: #FFF;}
.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
            transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #fff;
}
.button_container span {
    background: #fff; border: none;height: 3px;width: 100%;position: absolute;top: 0;left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) { top: 8px;}
.button_container span:nth-of-type(3) { top: 16px;}

.logo img{ height:65px; margin-top:13px; filter: brightness(5000%);}
.overlay li{ float:left;}
.overlay li a{ padding:32px 35px; display:block; font-size:18px; color:#FFF; }
.headbg .overlay li a{ color:#333;}
.headbg .logo img{-webkit-filter: invert(0); filter: invert(0);}

.logo{ display:block; float:left;}
.head{ width:100%; position:fixed; top:0; z-index:9999; background:rgba(255,255,255,0); border-bottom:rgba(255,255,255,0.1) solid 1px; transition:0.3s;}
.headbg{ background:rgba(255,255,255,0.95)!important;transition:0.3s; box-shadow:rgba(0,0,0,0.1) 1px 1px 12px;}
.head2{ position:relative;}
.current a{ color:#16509b!important;}

.yuyan{ width:80px; height:26px; padding-left:32px; background:url(../images/language.gif) left center no-repeat; background-size:24px; position:absolute; right:0; top:50%; margin-top:-13px; cursor:pointer;}
.yuyan ul{ height:26px; overflow:hidden; position:absolute; top:0;transition:0.4s;}
.yuyan ul:hover{ height:52px; transition:0.4s;}
.yuyan a{color:#fff; line-height:26px; display:block;}
.yuyan a:hover{ color:#F00;}
.overlay{}

.kefu{ position:fixed; top:60%; right:0px; z-index:999}
.kf{ line-height:50px; color:#fff;background-color:#16509b!important; padding:0px 10px 0px 50px; background-position:5px 5px!important; width:170px; right:-182px; position:absolute;transition:0.4s;}
.kf:hover{ background-color:#333333!important;}
.kf a{ color:#fff;}
.dianhua{background:url(../images/dh.png) no-repeat left center/40px auto; top:0px;transition:0.4s;}
.qq{background:url(../images/qq.png) no-repeat left center/40px auto; top:51px;}
.weixin{background:url(../images/wx.png) no-repeat left center/40px auto;top:102px;}
.weixin img{ height:100px; right:160px; top:-50px; position:absolute;opacity:0;transition:0.4s}
.weixin:hover img{opacity:1;transition:0.4s}
.dianhua:hover{ right:0;transition:0.4s;}
.qq:hover{ right:-20px;transition:0.4s;}

.overlay li{ }
.dherji{ min-width:180px; max-height:0px; overflow:hidden;  position:absolute;display:block; z-index:999; text-align:center; font-size:12px;}
.overlay li:hover{background-color:rgba(22,80,155,0.8);}
.overlay li:hover a{ color:#FFF !important;}
.overlay li:hover .dherji{ max-height:500px;transition:0.6s; background-color:rgba(22,80,155,0.8); color:#FFF;}
.overlay li:hover a{ }
.dherji a{ display:block; float:left; color:#fff!important ; font-size:14px!important; text-align:center; border:none!important; line-height:22px!important; padding:10px 15px!important;}
.dherji a:hover{ font-size:16px !important;font-weight:bold;}


.lanrenzhijia_m a{ line-height:26px; display:block; text-align:center}
.lanrenzhijia_m a:hover{ color:#FFFFFF}
.close2{ color:#FF0000}
.yuanli{ width:800px; margin:auto; display:block;}
.changjing{ margin-top:60px;}
.shipin h3{ display:block; margin-bottom:10px;}



/*寮瑰嚭QQ*/
.mszx{ background-color:#FF0000; color:#FFFFFF; margin-left:170px;margin-top:20px;}
.shzs{ background-color:rgba(255,255,255,0.5);}
.lanrenzhijia_r .main p{ height:25px; line-height:25px; padding-left:5px;}
.lanrenzhijia_m{ width:380px; height:210px; background:url(/template/pc/images/invite_bg.png) no-repeat; background-size:100%; position:fixed; left:50%; top:50%; margin:-72px 0 0 -190px; display:none; z-index:9995}
.lanrenzhijia_m ul .close{ width:25px; height:25px; display:block; position:absolute; right:0; top:33px; font-family:Arial, Helvetica, sans-serif;}
.lanrenzhijia_m ul{width:380px; height:210px; position:relative;}
.lanrenzhijia_m ul a{ display:block; width:74px; height:26px; position:absolute; top:123px; color:#FFF;}

.white_content { 
	display: none; 
	position:fixed; 
	top: 25%; 
	left: 50%; margin-left:-250px;
	width:450px; 
	padding: 30px; 
	z-index:9999; 
	overflow: auto; background-color:#FFF; box-sizing:border-box; box-shadow:rgba(0,0,0,0.5) 2px 2px 15px;} 

.guanbi{ float:right; margin-bottom:5px; margin-top:-10px;}
.gugemap{ width:800px; height:460px; margin:auto; position:absolute; top:50%; left:0; right:0; margin-top:-230px;}
.white_contentmap{ width:880px; height:540px; margin-left:-440px; padding:20px; top:20%;}
.dtmp{ color:#FFF; text-decoration:underline;} 
.zizhi{ margin-top:50px;}
.about{ background:url(../images/our.jpg) center center; background-size:100%;}
.toptit{ font-size:32px; font-weight:bold; text-align:center; color:#FFF; margin-bottom:40px; background:url(../images/lin.png) center bottom no-repeat; padding-bottom:20px; text-transform:uppercase;}
.toptit2{color:#333;background:url(../images/lin2.png) center bottom no-repeat;}
.shuju{ width:102%;}
.shuju li{ width:33.3%; float:left;box-sizing:border-box; color:#FFF; padding:20px;}
.shuju li:hover{ backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
	-moz-backdrop-filter: blur(3px);
	-ms-backdrop-filter: blur(3px);
	-o-backdrop-filter: blur(3px);}
.shuju span{ font-size:30px; font-weight:bold;}
.shuju span em{ font-style:normal; font-size:22px;}
.shuju i{ font-style:normal; line-height:1;}
.shuju p{ font-size:16px; }
.shuju li:nth-child(1){ width:27%;}
.shuju li:nth-child(2){ width:27%;}
.shuju li:nth-child(3){ width:44%;}
.bzhua{ padding:50px 0;}
.waiguan{ background:#f7f7f7;}

.w{ position:relative;}
.gsjj{ width:56%; float:left; color:#FFF; padding:40px 62px 60px 0; box-sizing:border-box;}
.yjytu{ width:43%;  float:right; position:absolute; right:0;}
.gsjj article p{text-indent:2em;}
.our{background:rgba(22,80,155,1);}
.more{ display:block; font-weight:bold; text-decoration:underline; color:#333; font-size:16px; margin-top:25px;}
.more:hover{ color:#e0b405!important}
.more2{ color:#FFF;}
.gsjj h2{ margin-bottom:18px; text-transform:uppercase; font-size:32px;}
.more3{ float:right;}
.bzhua{background:url(../images/kejibg.webp) center center fixed; background-size:cover; margin-top:50px;}
.waiguanli{ width:33.3%; float:left; padding:20px; box-sizing:border-box;}
.wgli span{ display:block;font-size: 22px; line-height: 22px; font-weight: bold; color: #0068b6; border-left: #0068b6 solid 6px; padding-left: 10px; margin-bottom:10px;}
.wgli{ margin-bottom:20px;}
.liucheng{ background:#f7f7f7;}
.liucheng img{ display:block; margin:auto;}
.yingyong2 .yingyong1{ font-size:22px; line-height:40px; text-align:center; color:#FFF;}
.oem2{ font-size:40px !important; font-weight:bold;}
.rongyusy{background:url(../images/aboutbg.jpg) center center; background-size:100%;}
.item span{ display:block; padding:5px 0;}
.yingyong1 table{ border:#FFF solid 1px;border-spacing:0;}
.yingyong1 tr,.yingyong1 td{ border:#FFF solid 1px; padding:5px;}

.zhuanzhu{ font-size:16px; width:58%; float:left;}
.gsjjr{ width:36%; float:right;}
.gsjjr li{ color:#FFF; width:50%; float:left; text-align:center; margin-bottom:20px;}
.gsjjr li i{ font-size:40px; font-weight:bold; font-style:normal;}
.gsjjr li em{ font-style:normal; font-size:14px;}
.gsjjr li p{ font-size:16px; color:#CCC;}


.jslist{ max-width:1200px; margin:auto;}
.jsli{ width:33.3%; float:left; padding:10px; box-sizing:border-box;}
.jsli a{ display:block; overflow:hidden;}
.jsli img{transition:0.5s;}
.jsli:hover img{transition:0.5s;
transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);  }

.news01 a{ display:block; overflow:hidden;}
.news01 img{transition:0.5s;}
.news01:hover img{transition:0.5s;
transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);  }




.jsli span{ font-size:22px; display:block; text-align:center; padding:10px 0; color:#16509b;}
.jsli p{ color:#999;}
.zhuanzhu p{ color:#FFF; font-size:16px; text-indent:2em;}
.erji{ text-align:center; margin-top:50px;}
.erji a{ display:inline-block; margin:0 5px; font-size:18px; padding:10px 20px; background-color:#e5e5e5; border-radius:30px;}
.erji a:hover{ color:#000; font-weight:bold;}
.sec{ background-color:#16509b!important; color:#FFF;}
.sec:hover{color:#FFF !important;}




.footer{ padding:60px 0; background:url(/template/pc/images/ftbg.jpg) no-repeat; color:#fff; width:100%}
.f1{ width:65%;}
.f2{ width:25%;}
.weixin2{ width:100px; display:block; margin-top:20px;}

.daohangft{ width:16.6%; float:left;}
.daohangft a{ color:#999; display:block; padding:5px 0;} 
.anniu img{ width:50px; opacity:0.6;}
.anniu a{ display:block; float:left; margin-right:15px;}

.video{ width:38%;}
.video video{ width:100%; border-radius:10px;}
.rongyuzs{ width:58%; position:relative}
.rongyuzs h3{ float:left;}



/*鏂伴椈*/
.xinwen{ margin-top:60px;}
.xinwen img{width:100%; height:200px;}
.news1{ width:49%;}	
.news2{ width:49%;}	
.news3 p{ color:#999;}

.news{ margin-top:30px; background:url(../images/newsbg.jpg) center center; background-size:cover;}
.news01{ width:47%; float:left; margin-right:2.5%;}
.news01 a { color:#0068b6; display:block; margin-top:10px; line-height:22px;}
.date{ width:11%; float:left;}
.newsxq{ width:86%; float:right;}
.newsxq a{ font-size:18px; line-height:24px;}
.date span{ display:block; font-size:26px; line-height:30px;text-align:right; font-weight:bold;}
.date span:first-child{ font-size:14px; text-align:right;}	
.newsxq p{ color:#888; font-size:14px; line-height:24px; margin-top:10px;}
.news01 p{ color:#888;font-size:14px; line-height:24px; margin-top:10px;}
.news02{ margin-bottom:20px;}
.panner{ font-size:40px; text-align:center; line-height:50px;}


.ysli:nth-child(1){ margin-bottom:50px;}
.ystu{ width:48%;}
.ysjs{ width:48%; padding:50px 0; box-sizing:border-box; border-top:#000 solid 1px;}
.ysjs small{ display:block; margin-bottom:50px;}
.ysjs span{ display:block; font-size:24px; margin-bottom:10px;}
.ysjs p{ color:#999; font-size:17px; line-height:24px; margin-bottom:15px;}
.sport-your{ max-width:1420px;}
.daohang2 a{ color:#fff; font-size:17px; display:block; text-align:center; line-height:26px;}
.daohang2 li{ float:left; width:16.6%;}
.daohang2 .dherji2 a{ color:rgba(255,255,255,0.8); font-size:14px; border-radius:30px;}
.dherji2:hover a{ color:#c7d306;}
.dherji2 a:hover{ background:rgba(255,255,255,0.5); color:#333;}
.lianxi2{ font-size:17px; }		
.lianxi2 span{ padding-right:30px; display:block; font-size:16px;}
.ftdianhua em{ font-size:28px; font-weight:bold; font-style:normal; color:#fff;}

.bg2{height:440px;background-size:cover !important; }
.ban{ background-size:cover !important; position:relative;background:url(../images/ban.jpg);}
.ban2{ background-size:cover!important; position:relative; height:100%}
.zhong{ min-height:260px;}

.sertop{ font-size:20px; text-align:center; margin-bottom:50px;}
.sertop h2{ font-size:32px; margin-bottom:20px;}
.hezuoli{ width:48%;}
.hezuoli span{ font-size:22px; font-weight:bold; padding:15px 0; display:block;}

.newstu{ display:block;float:left; width:22%; margin-right:30px; max-height:205px; overflow:hidden; border:#CCCCCC solid 1px;box-sizing:border-box; background-color:#f7f7f7;}
.news{ min-height:230px;}
.news2 img{ height:100%; margin:auto;}
.news2 p{  box-sizing:border-box;  color:#999999; font-size:14px; line-height:22px;}
.news{ position:relative; padding:20px 0; border-bottom:#f2f2f2 solid 1px;}
.news img{ display:block; width:100%;}
.news span{color:#666; float:right;}
.newtit{ font-size:18px; color:#000000; display:block; margin-bottom:15px; font-weight:bold;}
.newtit em {color: #FF8A42;font-weight: bold;font-style: normal;}
.seo{}
.newsseo{ background-color:#f7f7f7;}
.newsx{ padding:20px 0 !important;}


.fenye2 li,.fenye2 li a{ text-transform:uppercase;}
.fenye2{ margin-top:20px; padding:20px 0; border-top:#f2f2f2 solid 1px;}
.fenye{ overflow:auto; padding:20px 0; margin-top:20px;}
.fenye .active{ background-color:#ddd;}
.fenye li{ float:left; margin-right:3px; border:#666 solid 1px; border-radius:3px; margin-bottom:3px; padding:0 8px; color:#666; line-height:18px;}
.fenye li:hover{ background-color:#F8B62D;}
.thisclass{background-color:#F8B62D;}
.fenye li a{color:#666; font-size:14px;}
.mianbao{position: absolute;bottom: 20px;left: 0;right: 0;}
.mianbao,.mianbao a{ color:#fff;}
.zuo{ width:23%;}
.you{ width:70%;}
.arc h1{ font-size:24px; line-height:36px;}
.newsp1{background:url(../images/date.svg) center left no-repeat; padding:5px 0 5px 25px; display:inline-block;}
.newsp2{background:url(../images/read.svg) center left no-repeat;  padding:5px 0 5px 25px; margin-left:20px;}
.date2{ padding:20px 0;}
.zhengwen{line-height:1.6; border-top:#f2f2f2 solid 1px; padding-top:25px; font-size:18px;text-align:justify}
.zhengwen img{ max-width:100% !important; height:auto !important; display:inline-block!important ; margin:5px 0;}
.xwlist p{ font-size:14px; color:#999;}
.xwlist li{ margin-bottom:25px; line-height:22px;}
.mtop h3{ margin-bottom:20px;}

.picli{ width:102%;}
.pic5{ width:31.3%; margin-right:2%; margin-bottom:2%; float:left;}
.pictit{ font-size:18px; height:60px; padding:10px 0; display:block; text-align:center}
.pic5 p{ font-size:14px; color:#999; line-height:22px;}
.guanlitop{ font-size:32px; font-weight:bold; text-align:center; margin-bottom:30px;}
.guanlitop span{ display:block; font-size:22px; color:#CCC;}

.pictu{ overflow:hidden; display:block; background-color:#ddd;}
.pic5 img{transition:0.5s; width:100%; height:300px !important; display:block; }
.pic5:hover img{
transition:0.5s;
transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
	}


.tit{ text-align:center; margin-bottom:50px;}
.protit{ display:inline-block; margin:auto; font-size:40px; font-weight:bold;  color:#16509b;}
.protit2{display:inline-block; margin:auto; font-size:40px; font-weight:bold;  color:#16509b; }
.protit2 em{ font-style:normal; color:#cfb502;}
.proimg{ width:1000px; margin:auto; background:#d7e3f3; padding:20px 50px; border-radius:50px;}
.proimgimg{ float:left; width:30%;}
.proyd{ width:65%; float:right; margin-top:60px;}
.proyd li{ width:25%; float:left; overflow:auto; text-align:center; padding:10px; box-sizing:border-box;}
.proyd li img{ display:block; margin:auto; border-radius:100%; width:130px;}
.proyd span{ display:block; margin-top:10px; color:#16509b}
.dsxximg{ float:left;  width:27%;}
.dsxxli{ float:right; width:70%; margin-top:55px;}
.dsxxli li{ margin-bottom:8px; color:#999}
.dsxxli li b{ color:#333;}
.cpxx{ padding:50px 0;}
.texing{ background-image: -webkit-linear-gradient(0deg, rgb(227, 235, 247) 0%, rgb(255, 255, 255) 100%);text-align:center;} 
.texing2{ background:#FFF;}
.texingli{ width:16.2%; display:inline-block; box-sizing:border-box; padding:10px;vertical-align: top;}
.texingli2{ width:20%;}
.texingli3{ width:32.3%; padding:0 20px; box-sizing:border-box;}
.texingli img{ display:block; margin-bottom:10px;}
.texing{padding:40px 0;}
.yingyong li{ width:50%; float:left; padding:20px 50px; box-sizing:border-box; color:#FFF; font-size:18px; line-height:32px;white-space: pre-line;}
.yingyong{ background:url(../images/yingyong.jpg) fixed center center; background-size:cover;}
.yingyong2{ background:url(../images/yingyong3.jpg) fixed center center; background-size:cover;}
.proarc{ padding-top:50px;}
.zhuyili{ max-width:450px; margin:auto;}
.texingli3 span{ font-size:24px; font-weight:bold; text-align:center; display:block; margin-bottom:10px;}
.texingli3 img{ margin:auto; margin-top:15px; margin-bottom:15px;}

.fajiaohou{ font-size:22px; font-weight:bold; text-align:center; color:#16509b; margin-top:30px; border-top:#999 dashed 1px; padding-top:30px;}
.texingli p{ color:#888; font-size:15px; text-align:left;}

.proyd2{ margin-top:3px;}
.proyd2 li{ width:33.3%;}
.proyd3 li{ width:20%;}
.proyd2 li span{ font-size:25px;}
.proyd2 p{ display:block; text-align:center; margin-top:50px; font-size:26px;}
.prol{ width:23%; float:left;}
.pror{ width:70%; float:right;}
.prolist{ width:31.3%; float:left; margin-left:2%;}
.proname{ font-weight:bold; line-height:40px; font-size:20px;}

.proerji a{ display:block; padding-left:15px; color:#999; line-height:36px; transition:0.5s;}
.proerji a:hover{  padding-left:35px; transition:0.5s; }
.fenlei{ margin-top:15px;}
.fenlei a{display:block; line-height:36px; border-bottom:#CCC dashed 1px;}
.fenleili{ margin-top:15px;}

.protop{ background-color:#16509b; color:#FFF; font-size:46px; display:block; padding:20px; font-weight:bold; margin-bottom:30px;}
.protop span{ display:block; font-size:46px; margin-top:-40px; color:rgba(255,255,255,0.4);}



.daigong{ margin-bottom:60px;}
.daigong li{ width:31.3%; margin:0 1%; float:left; text-align:center;background:#d7e3f3; padding:15px 0; border-radius:20px;}
.daigong li b{ display:block; color:#16509b; font-size:22px; margin-bottom:5px;}
.gsjj p em{font-style:normal; color:#cfb502; font-size:20px;}
.gcysli{ width:25%; float:left; padding:20px; box-sizing:border-box;}
.gcysli p{ font-size:18px; margin-top:10px; display:block; color:#666;}



.tutu{ width:102%; overflow:hidden;}
.tutu li{ width:31.3%; margin-right:2%; margin-bottom:2%; float:left;}
.tutu span{ display:block; text-align:center; font-size:18px; line-height:32px;}
.zizhi h2{ font-size:32px; text-align:center; margin-bottom:30px;}
.zizhi h2 span{color:#CCC; text-transform:uppercase;}
.huanjing{ margin-top:50px; margin-bottom:80px;}

.picbox2{ border:#CCC solid 1px; margin-bottom:20px;}
.picbox2 .boxpoiz{ padding:10px;}
.picbox2 .boxpoiz p{ font-size:14px; color:#999; margin-top:10px;}
.liuyanban{ max-width:770px;}
.liuyanban2{}
.liuyanban span{ font-weight:bold; font-size:32px; display:block; margin-bottom:15px; color:#16509b;}

.team{ background:#f7f7f7; padding:15px; box-sizing:border-box;} 
.team .pictu{ width:30%; float:left; margin-right:15px;}
.team .pictit{ text-align:left; height:auto;}
.team img{ max-height:180px;}
.products li{ width:23%; background:#d7e3f3; background-size:cover !important; float:left; margin:1%; height:300px; text-align:center; border-radius:20px; overflow:hidden; transition:0.2s;}
.products li a{ font-size:26px; line-height:60px; background:rgba(0,0,0,0.2); display:block; color:#FFF; height:100%; transition:0.2s;}
.products li a:hover{line-height:300px;background:rgba(22,80,155,0.8);}
.products li:nth-child(1){background:url(../images/hangye01.jpg) center center no-repeat; transition:0.2s; }
.products li:nth-child(2){background:url(../images/hangye02.jpg) center center no-repeat;}
.products li:nth-child(3){background:url(../images/hangye03.jpg) center center no-repeat;}
.products li:nth-child(4){background:url(../images/hangye04.jpg) center center no-repeat;}
.products li:nth-child(5){background:url(../images/hangye05.jpg) center center no-repeat;}
.products li:nth-child(6){background:url(../images/hangye06.jpg) center center no-repeat;}
.products li:nth-child(7){background:url(../images/hangye07.jpg) center center no-repeat;}
.products li:nth-child(8){background:url(../images/hangye08.jpg) center center no-repeat;}
@media screen and (max-width:1550px){
	.date span{ font-size:23px;}
	.ftdianhua em{ font-size:24px;}
	
}

		
@media screen and (max-width:1440px){
.shuju li{ padding:30px;}
.shuju p{ font-size:14px;}
.newsjs span{ font-size:16px; line-height:22px; margin-bottom:5px;}
.zhuanzhu{ font-size:20px;}
.overlay li a{ padding:32px 20px; font-size:16px;}
}


@media screen and (max-width:1024px){
.l,.r{ float:none;}
.navbar-toggle{ display:block}
.seo{ width:100%;}

/*鎵嬫満瀵艰埅*/
.button_container{ display:block; z-index:9999;}
.overlay {
    position: fixed; z-index:9998; display: block;  background: rgba(0,0,0,1);  top: 0; border: 0;left: 0; width: 100%; height: 0%;opacity: 0; visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
            transition: opacity .35s, visibility .35s, height .35s;
    overflow: auto;
}
.overlay.open { opacity: .95; visibility: visible; height: 100%;}
.overlay.open ul{ padding-top:50px;}
.overlay li{ float:none; width:100%;}
.overlay li a{ color:#FFF; text-align:center;}
.headbg .button_container span{ background:#000;}
.logo img{ height:40px; margin-top:0;}

.head{ width:100%; position:fixed; top:0; z-index:9999; background:#0168b7;padding:10px 0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;}

.gsjj{ width:95%; margin:auto; padding:20px;}
.gsjj h2{ font-size:22px;}
.pad{ padding:30px 0;}
.toptit{ font-size:22px;}
.yuyan{ display:none;}
.mt{ margin-top:61px; position:relative; }
.f1{width:100%;}
.f2{ width:100%; margin-top:20px;}
.newsjs p{ opacity:0;}
.overlay li a{ font-size:22px; padding:20px 20px;}
.ystu,.ysjs{ width:100%; float:none;}
.news{ width:100%;}
.newsli{ width:100%; border:none; padding:15px 0; border-bottom:#CCC solid 1px;}
.shuju span{ font-size:22px;}
.bg2{ height:200px;}
.news span{ position:relative; left:auto; right:auto; bottom:auto; float:left; margin-top:15px;}
.news2{ margin-bottom:15px;}
.newstu{ width:100%;}
.you{ width:100%; float:none;}
.zuo{ display:none;}
.pic{ width:48%;}
.liuyanban span{ font-size:24px;}
.protit{ width:90%; font-size:18px; padding:5px; line-height:22px;}
.tit{ margin-bottom:20px;}
.xiaosbli li{ width:100%;}
.tdl, .tdr{ width:100%;}
.yingyong{ margin-top:0px;}
.yycj{ width:100%;}
.mianbao{ display:none;}
.jjzuo,.jjyou{ width:100%;text-align:left; font-size:16px;}
.jjyou li{ font-size:16px;}
.projjtop{ font-size:22px;}
.chaifen01, .chaifen02{ width:100%;}
.shuju li{ width:100% !important; margin-right:0; padding:10px; margin-bottom:0;}
.waiguanli{ width:100%; padding:5px;}
.tutu img{ width:100%; margin-right:0;}
.tutu{ width:100%;}
.dherji{ max-height:none; position:relative;}
.dherji a{ padding:5px 10px !important;}
.pic5{ width:100%; margin-bottom:20px;}
.pictit{ font-size:16px; height:auto;}
.anli{ display:none;}
.video,.rongyuzs{ width:100%;}
.ysjs{ padding:10px 0;}
.picutre img{ height:150px;}
.news1{ width:102.5%; margin-bottom:10px;}
.news01 p{ display:none;}
.news2{ width:100%; margin-top:20px;}
.date{ display:none;}
.newsxq{ width:100%;}
.xinwen img{ height:100px;}
.about{ background-size:cover;}
.dherji a{ width:50%; float:left; box-sizing:border-box; border-bottom:#999 solid 1px !important; color:#999 !important;}
.headbg .overlay li a{ color:#FFF;}
.erji a{ font-size:14px; float:left; width:31.3%; margin:1%; box-sizing:border-box; padding:10px 5px;}
.erji{ margin-top:20px;}
.proimg{ width:100%; box-sizing:border-box; border-radius:10px;}
.proimgimg{ width:80%; float:none; margin:auto;}
.proyd{ width:100%; float:none; margin-top:10;}
.proyd li{ width:50%;}
.dsxximg,.dsxxli{ width:100%; float:none;}
.texingli{ width:49%;}
.yingyong li{ width:100%;}
.texingli img{ width:100%; margin:auto; margin-bottom:10px;}
.proarc{ padding-top:20px;}
.news{ padding:0; margin:0;}
.xinwen{ margin-top:20px;}
.zhuanzhu{ width:100%;}
.gsjjr{ width:100%; margin-top:30px;}
.yjytu{ width:100%; position:relative; float:none;}
.prol{ width:100%;}
.pror{ width:100%; margin-top:20px;}
.proerji{ overflow:auto;}
.proerji a{ display:block; float:left; width:25%; font-size:12px; padding:0; text-align:center;}
.protop{ margin-bottom:15px;}
.fenlei{ margin-top:0;}
.fenleili{ margin-top:0; margin-bottom:10px;}
.herf{ width:100%;}
}

@media screen and (max-width:768px){
.w{ width:95%;}
.proli{ width:48%;}
.newsjs span{ font-size:12px; line-height:18px;}
.newsli .tit{ font-size:17px;}
.newsli p{ font-size:12px;}
.ysjs small{ margin-bottom:20px;}
.ysjs span{ font-size:20px;}
.ysjs p{ font-size:14px;}
.lianxi2 span{ display:block; padding:0;}
.bg2{ height:80px;}
.news2 p{ font-size:12px; line-height:20px;}
.arc h1{ font-size:22px;}
.date2{ padding:10px 0;}
.hezuoli{ width:100%;}
.zhong img{ max-width:100% !important; height:auto !important; margin-top:2px;}
.zizhi h2{ font-size:22px;}
.zizhi h2 span{ font-size:18px;}
.picli{ width:100%;}
.pic{ width:100%;}
.white_content{ width:90%; left:0; right:0; margin:auto;}
.white_content{ top:15%;}
.daohang2{ display:none;}
.jsli span{ font-size:14px;}
.jsli{ padding:5px;}
.news01{ width:100%; margin-right:0;}
.xinwen img{ height:200px;}
.products li{ width:48%; height:200px;}
.protop{ font-size:36px; display:none;}
.protop span{ font-size:32px; margin-top:-20px;}
.prolist{ width:48%; margin:1%;}
.proimg{ padding:20px 30px;}
.yingyong li{padding:20px 30px;}

}