/* 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;transition:0.5s;}
body{font-family: Arial; font-size:16px; line-height:1.5; color:#333;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#0068b7;}
h1{ font-size:36px; margin-bottom:5px; line-height:34px;}
h2{ font-size:36px; margin-bottom:20px; color:#0068b7; line-height:1.4;}
h3{ font-size:28px; text-align:left; line-height:1.4; margin:20px 0;}
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:80px 0;}
.pad3{ padding:40px;}
.clear{ clear:both}
.w{ width:85%; margin:auto; max-width:1400px;}
.mt{ margin-top:0px;}
.zhong img{ max-width:100% !important; height:auto !important;}
.table{ width:100%; overflow-x: auto;}
table  
{  
	border-collapse: collapse; margin-top:5px; font-size:16px; overflow-wrap: break-word;width:100%; max-width:100% !important;
}  
table td, table th  
{ width:auto !important;
	border:1px solid #666 !important; text-align:center;
	color: #333;  
	height: 30px; padding:5px;overflow-wrap: break-word;
}  
/*table tr:nth-child(2n+1)  
{  
	background: #8cc3f2;  
}
table tr:nth-child(2n+2)  
{  
	background: #f1f1f1;  
}  
*/


video, object {
display:inline-block;
vertical-align:baseline;
min-width:100%;object-fit:cover; outline:none;
}
#my-video{ height:auto}
.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: #0068b7; 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:8px;}
.overlay li{ float:left;}
.overlay li a{ padding:26px 27px; display:block;  font-size:18px; color:#333; font-weight:bold; text-transform:uppercase;}
.bg{ background: url(../images/bg.png);height: 100%;}
.kouhao{position:absolute; left:13%; top:45%;}
.kouhao a{font-size:45px; font-weight:bold; color:#FFF; line-height:1.2;}
.kouhao a:hover{ text-decoration:underline;}
.logo{ display:block; float:left;}
.head{ width:100%; position:fixed; top:0; z-index:9999; background:rgba(255,255,255,1); transition:0.3s; box-shadow:rgba(0,0,0,0.1) 2px 2px 2px;}
.headbg{ background:rgba(255,255,255,0.9)!important;transition:0.3s;backdrop-filter: blur(8px);}
.head2{ position:relative;}
.current a{ color:#0068b7!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;}

.kefu{ position:fixed; top:50%; right:0px; z-index:999}
.kf{ line-height:50px; color:#fff;background-color:#00a098!important; padding:0px 10px 0px 50px; background-position:5px 5px!important; width:140px; right:-152px; position:absolute;transition:0.4s;}
.kf:hover{ background-color:#00a098!important;}
.kf a{ color:#fff; font-size:13px;}
.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:52px;}
.weixin{background:url(../images/wx.png) no-repeat left center/40px auto;top:104px;}
.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{ position:relative;}
.dherji{width:250px; left:0; right:0; margin:auto;  max-height:0px; overflow:hidden;  position:absolute;display:block; z-index:999; text-align:center; font-size:12px; position:absolute;}
.men3{ left:-32%;}
.men10{ left:-32%;}
.men14{ left:-65%;}
.men15{ left:-32%;}
.men1{ width:100%;}
.overlay li:hover .dherji{ max-height:560px;transition:0.6s; background-color:rgba(255,255,255,0.9); color:#FFF;}
.overlay li:hover a{ }
.dherji a{ display:block; color:#ddd; font-weight:normal !important; font-size:12px!important; text-align:center; text-transform:none !important; border:none!important; line-height:18px!important; padding:10px 8px!important;}
.dherji a:hover{ background-color:rgba(0,0,0, 0.2)!important;}


.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:0px;}
.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;} 
.arcimg img{ width:100%; max-height:450px; min-height:403px;}
.guanbi{ float:right; margin-bottom:5px; margin-top:-10px;}
.zxzixun{ overflow:auto; margin-top:20px; margin-bottom:20px;}
.zxzixun a{ display:block; float:left; margin-right:15px; background-size:32px; padding:0 10px 0 40px; line-height:40px; color:#FFF; border-radius:10px;}
.kefuzx{background:#0068b7 url(../images/dh.png) 6px no-repeat; }
.youjian{background:#0068b7 url(../images/qq.png) 6px no-repeat; }
.shoujihao{background:#0068b7 url(../images/wx.png) 6px no-repeat; }
.lianxi3{ border-top:#FFF dashed 1px; padding-top:20px;}
.lianxi2 img{ width:180px; margin-bottom:10px;}
.lianxi2 span{ display:block;}
.lianxi2 span a{ color:#FFF; text-decoration:underline;}
.meiti{ margin-top:25px;}
.meiti a{ width:50px; height:50px; display:inline-block; margin-right:15px;}
.meiti01{background:url(../images/meiti01.svg) center center no-repeat;}
.meiti02{background:url(../images/meiti02.svg) center center no-repeat;}
.meiti03{background:url(../images/meiti03.svg) center center no-repeat;}
.meiti04{background:url(../images/meiti04.svg) center center no-repeat;}

.about{ background:url(../images/aboutbg.webp) center center fixed; background-size:cover;}
.changfang{ margin-bottom:30px;}
.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;}
.more{font-weight:normal; background:#fff; width:140px; text-align:center; color:#333 !important; font-size:14px; margin-top:5px; padding:0 5px; border-radius:20px; display:block; margin-top:10px !important;transition:0.5s;}
.more2{ color:#FFF;}
.more:hover{ width:180px;transition:0.5s;}

.w{ position:relative;}
.w2{ width:102%; overflow:hidden;}
.gsjj{ width:60%; background:rgba(0,0,0,0.7); color:#FFF; padding:50px; box-sizing:border-box;}
.our{ background:url(../images/our.jpg) center center no-repeat; background-size:cover;}
.gsjj h2{ margin-bottom:10px;font-size:36px; text-transform:uppercase;}
.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: #0068b7; border-left: #0068b7 solid 6px; padding-left: 10px; margin-bottom:10px;}
.wgli{ margin-bottom:20px;}
.liucheng{ display:block; margin:auto;}
.sbtu{ display:block; margin:auto; max-width:100%;}
.xiaosb{ max-width:1000px;}
.xiaosbli{ padding:30px 0; border-bottom:#CCC solid 1px;}
.xiaosbli li{ width:20%; float:left; padding:10px; box-sizing:border-box; text-align:center;}
.xiaosbli li img{ display:block; margin:auto;}
.xiaosbli li span{ font-weight:bold; font-size:18px; display:block; padding:10px 0;}
.tdl,.tdr{ width:50%;}
.tedianli{ margin-bottom:20px; padding:0 20px;}
.tedianli span{display:block;font-size: 22px; line-height: 22px; font-weight: bold; color: #0068b7; padding:10px 0;}
.tedianli img{ display:block; margin-top:5px;}
.yycj span{display:block;font-size: 22px; line-height: 22px; font-weight: bold; color: #0068b7; padding:10px 0;}
.yycj li{ line-height:20px; border-left:#0068b7 solid 5px; margin-bottom:8px; padding-left:10px;}
.yycj{ width:50%; padding:0 20px;}
.yingyong{ margin-top:50px; background:#f5f5f5;}
.canshu img{ margin:auto; display:block;}

/*index*/
.proindex{ padding-bottom:80px !important;}
.proherf{ padding:20px;transition:0.5s;}
.proherf:hover{ background:#00A098;transition:0.5s;}
.proherf:hover .prosm a, .proherf:hover .prosm p{ color:#FFF;}
.proherf a{ overflow:hidden;display:block;}
.proherf img{ width:100%; transition:0.5s;}
.prosm a{ font-size:22px; font-weight:bold; color:#0068b7; display:block; padding:15px 0; margin-top:10px;}
.prosm p{ color:#999;}
.proherf:hover img{transition:0.5s;
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-o-transform:scale(1.07,1.07);}

.wave{
  --c: #7ec6e9;
  --w1: radial-gradient(120% 53.3% at top ,#0000 100%,var(--c) 100.5%) no-repeat;
  --w2: radial-gradient(120% 56% at bottom, var(--c) 100%,#0000 100.5%) no-repeat;
  background: var(--w1),var(--w2),var(--w1),var(--w2);
  background-position-x: -200%, -100%, 0%, 100%;
  background-position-y: 20%;
  background-size: 50.5% 100%;
  animation: m 3s infinite linear;
}
@keyframes m {
  0%  {background-position-x:-200%, -100%, 0%, 100%}
  100%{background-position-x:  0%, 100%, 200%, 300%}
}

.tittop{ text-align:center; font-size:36px; margin-bottom:30px; color:#0068b7; padding-bottom:20px;background:url(../images/lin2.png) no-repeat center bottom;}
.zizhi{background:url(../images/rybg.webp) center center fixed; background-size:cover;}
.zizhil{ position:absolute; left:0; top:0; width:30%; height:100%; background:#0068b7; color:#FFF; padding:6% 50px; box-sizing:border-box;}
.zizhir{ width:65%;}
.zizhil h2{ text-align:left}
.zizhil i{ width:60px; height:60px; display:block; margin:auto; margin-top:20px; background:url(../images/rongyu.svg) center center; background-size:cover;}

.ryli li{ float:left; width:18%; margin-left:3%; box-sizing:border-box;}
.ryli li img{ width:100%;}
.qhlogo{ width:33% !important;}
.zhuanli li{float:left; width:46.5%; margin-left:3%; margin-top:3%;}
.zizhir li{transition:0.5s;}
.zizhir li:hover{transition:0.5s;
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-o-transform:scale(1.07,1.07); box-shadow:#000 3px 3px 15px;}




.footer{ padding:60px 0; background:#0068b7; color:#fff; width:100%}
.f1{ width:70%;}
.f2{ width:30%;}
.erweima{ text-align:center;}
.erweima img{ width:120px; margin:auto; display:block; margin-bottom:5px;}
.link{ background:#015a9d;}
.link span,.link a{ display:inline-block; margin-right:5px; color:#999;}
.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:100%;}
.video{ width:48%; margin-right:2%;}
.video video{ width:100%; border-radius:10px;}
.rongyuzs{ width:58%; position:relative}
.rongyuzs h3{ float:left;}

/*解决方案*/
.fangan{ padding:0 0 80px 0;}
.arcfa{ padding-top:30px;}
.fatop{background:#0068b7;}
.fatop2{background:#f2f2f2; padding:10px; box-sizing:border-box;}
.fatop2:hover{background:#00a098;}
.fatop2:hover a{ color:#FFF;}
.fatop2:hover p{ color:#FFF;}
.arctit{ padding:50px; color:#FFF;}
.huoqu{ margin-top:20px;}
.arctit p{ padding-top:20px; color:#CCC;}
.arctit article p{ padding:0; line-height:32px;}
.fnarc{ padding-bottom:50px;}
.arcproli{ width:48%; margin-right:2%; float:left;}
.arctit2 a{ font-size:20px; color:#000;}
.arctit2 p{ line-height:24px; height:48px; overflow:hidden; color:#999;}

		/* 本例子css */
		.slideTxtBox2{ margin-top:20px;}
		.slideTxtBox2 .hd{background:#f4f4f4;   position:relative; border-radius:10px;}
		.slideTxtBox2 .hd ul{ }
		.slideTxtBox2 .hd ul li{ float:left; padding:15px 25px;  cursor:pointer;  background:#7fcef4; margin-right:5px; border-radius:10px;}
		.slideTxtBox2 .hd ul li.on{  background:#0068b7; color:#FFF; }
		.slideTxtBox2 .bd ul{ padding:20px 0px;  zoom:1; min-height:150px;}
		.slideTxtBox2 .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox2 .bd li .date{ float:right; color:#999;  }
		
/*product*/
.proacr h2{ font-size:36px; margin:50px 0;color:#0068b7;}
.shuoming{ background:#f2f2f2; padding:0 10px; margin-top:50px; margin-bottom:50PX; }
.shuoming h2{ margin-top:0; margin-bottom:20px;}
.shuoming li span{ font-weight:bold; color:#000;}
.shuoming li{ margin-bottom:10px; line-height:1.5;}
.shiyitu{ width:1000px; display:block; margin:auto !important;}
.tdli{ width:23%; margin-right:2%; float:left; text-align:center;}
.tdli3{ width:31.3%;}
.tdli img{ width:60px; margin:auto !important; display:block;}
.tdli span{ font-weight:bold; font-size:20px; line-height:1.4; padding:10px 0;  text-align:center; display:block;} 
.tdli p{ font-size:14px; color:#999;}
.tdli2{ width:18%;}
.tdli2 img{ width:100px;}
.yaoqiu{ padding:50px;}
.syy{ text-align:center; font-size:18px;}
.yyimg{ width:100%;}
.pad2{ padding:0 30px;}
.shiyong{ padding:50px 15px;}
.ablink{ height:45px; line-height:45px;background:url(../images/ablink.svg) center left no-repeat; background-size:45px; padding-left:55px; margin-top:30px;}
.ablink a{ text-decoration:underline; margin-right:15px;}
.pad5{ padding:15px 35px 35px; box-sizing:border-box; background:#f2f2f2; margin-top:40px;}
.pad5 .tdli{ padding:0 10px; box-sizing:border-box;}
.fubiao{ font-size:22px; text-align:center; display:block; margin-bottom:20px;}

.sbjj{ background:#f2f2f2; margin-bottom:20PX;}
.sbjj img{ width:40%;}
.sbjj2{ width:60%;  padding:50px; box-sizing:border-box;}
.sbjjimg img{ display:block; margin:auto !important;}




/*新闻*/
.xinwen{ margin-top:60px;}
.xinwen img{width:100%; height:240px;transition:0.5s;}
.xinwen img:hover{transition:0.5s;
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-o-transform:scale(1.07,1.07);}
.news1{ width:59%;}	
.news2{ width:36%;}	
.news3 p{ color:#999;}

.news{ background:url(../images/newsbg.jpg) center center; background-size:cover;}
.news01{ width:47%; float:left; margin-right:2.5%;}
.news01 a { color:#0068b7; display:block; margin-top:10px; line-height:22px; overflow:hidden;}
.date{ width:16%; float:left;}
.newsxq{ width:78%; float:right;}
.newsxq a{ font-size:18px; line-height:24px;}
.date span{ display:block; font-weight:bold; font-size:26px; line-height:30px;text-align:right;}
.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;}



.bg2{background:url(../images/bg2.png);height:400px;}
.ban{ background-size:cover !important; position:relative;}
.ban2{ background-size:cover!important; position:relative; height:100%}
.typename{ width:600px; height:50px; position:absolute; left:0; right:0; margin:auto; bottom:36%; text-transform:uppercase; margin-top:-75px; font-size:46px; color:#FFF; text-align:center;}
.zhong{}

.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; width:25%; float:right; margin-right:30px; overflow:hidden; border:#CCCCCC solid 1px;box-sizing:border-box; background-color:#f7f7f7;}
.newstu img{ width:100%; height:200px !important;}
.news3{ width:70%; float:left;}
.news3 .date2{ padding-top:0; overflow:auto;}
.news2 img{ height:100%; margin:auto;}
.news2 p{  box-sizing:border-box;  color:#999999; font-size:14px; line-height:22px;}
.news{ position:relative; padding:60px 0; border-top:#f2f2f2 solid 1px;}
.news span{color:#666;}
.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{ background:url(../images/spbg.jpg) center center no-repeat; background-size:cover;}
.newsseo{ background-color:#f7f7f7;}

.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; border-top:#ddd solid 1px;}
.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;}
.mianbao2{ margin-top:20px; margin-bottom:-15px;}
.mianbao2,.mianbao2 a{ color:#999;}
.mianbao,.mianbao a{ color:#fff;}
.zuo{ width:23%;}
.you{ width:70%;}
.arc h1{ font-size:32px; margin-bottom:20px;}
.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:17px;text-align:justify}
.zhengwen img{ max-width:100% !important; height:auto !important; display:block; margin:5px 0;}
.xwlist p{ font-size:14px; color:#999;}
.xwlist li{ margin-bottom:25px; line-height:22px; overflow:auto;}
.xwlist img{ width:30%; float:left; margin-right:15px; border:#CCC solid 1px;}
.mtop h3{ margin-bottom:20px; margin-top:0; text-transform:uppercase;}
.proarcli li a{ line-height:30px; font-size:18px; display:block; padding:5px 0;}
.proarcli li{ border-bottom:#CCC solid 1px;}
.picli{ width:102%;}
.pic5{ width:31.3%; margin-right:2%; margin-bottom:2%; float:left; box-sizing:border-box;padding:5px;}
.pic5:hover{ background:#00a098; box-sizing:border-box;}
.protxt{ font-size:22px; margin-bottom:30px;}
.pictit{ font-size:18px; text-align:center; height:60px; padding:10px 0; display:block;}
.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;}
.pic5 img{transition:0.5s; width:100%; height:300px !important; max-height:327px !important;}
.pic4 img{transition:0.5s; width:100%; height:260px !important;}
.pic5:hover img{
transition:0.5s;
transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-webkit-transform:scale(1.07,1.07);
-o-transform:scale(1.07,1.07);
	}
.pic5:hover a{ color:#FFF;}
.contactli { width:25%; float:left; text-align:center;}
.contactli img{ width:40px; margin:auto; display:inline-block;}
.contactli span{ display:block; font-size:24px; font-weight:bold;}
.pad4{ padding:120px 0;}


.tit{ text-align:center; margin-bottom:50px;}
.protit{ display:inline-block; margin:auto; font-size:40px; font-weight:bold; background-image: -webkit-linear-gradient(0deg, #0068b7 0%, #3a9be3 100%); padding:10px 30px; color:#FFF; border-radius:5px;}
.projjtop{ font-size:26px; font-weight:bold; color:#0068b7; margin-bottom:10px;}
.jjzuo{ width:35%;text-align:justify; font-size:18px;}
.jjyou{ width:60%;}
.jjyou li{ list-style:inside; font-size:18px; line-height:22px; margin-bottom:5px;}
.protu01{ margin:auto; display:block; margin:auto;}
.chaifen01,.chaifen02{ width:49%;box-sizing:border-box;}
.cpcf img{ width:45%; float:left; margin-right:10px;}
.cpcf li{ line-height:22px; margin-bottom:10px; list-style:inside;}
.cpcf h3{ font-size:26px; line-height:26px; font-weight:bold; color:#0068b7; border-left:#0068b7 solid 6px; padding-left:15px; margin-bottom:15px;}
.dj3{ width:100% !important; margin-top:5px; margin-bottom:10px;}
.xiaotu{ width:30% !important;}
.cpcf01 p{ color:#999; margin-bottom:9px; font-size:14px; line-height:22px;}
.cpcf01{ padding:20px; background:#f5f5f5; margin-top:20px; overflow:auto;}


.picutre{overflow: hidden; width:100%; margin: 0 auto;}
.picutre img{ max-width:none; height:300px; border:0px; margin-left:5px;}


.tutu{ width:102%; overflow:hidden;}
.tutu img{ width:23%; margin-right:2%; float:left;}
.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;}
.liuyanban{ margin-top:5px; max-width:770px;}
.liuyanban2{margin-top:50px;}
.liuyanban span{ font-weight:bold; font-size:32px; display:block; padding:15px 0; color:#0068b7;}
.project{ text-align:left; margin-top:20px;}
.project img{ width:100%; max-height:220px;}

@media screen and (min-width:1440px){
.kouhao{ width:30%; top:40%; margin-top:-50px; background:#0068b7; padding:50px; box-sizing:border-box;}
.kouhao a{font-size:46px; font-weight:bold; color:#FFF; line-height:1.2;}
}
		
@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;}
.overlay li a{ padding:26px 15px;}
.kouhao{ width:40%;}
.kouhao a{ font-size:36px;}
}


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

/*手机导航*/
.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;}

.logo img{ height:40px; margin-top:0;}

.head{ width:100%; position:fixed; top:0; z-index:9999; background:#fff;padding:10px 0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;}
.shuju{ width:100%;}
.shuju li{ width:48%; margin-right:2%; margin-bottom:10px;}
.gsjj{ width:95%; margin:auto; padding:20px;}
.gsjj h2{ font-size:22px;}
.pad{ padding:30px 0;}
.toptit{ font-size:26px;}
.yuyan{ display:none;}
.mt{ margin-top:60px; position:relative; }
.f1{width:100%;}
.f2{ width:100%; margin-top:20px;}
.newsjs p{ opacity:0;}
.overlay li a{ font-size:22px; padding:12px 20px;}
.ystu,.ysjs{ width:100%; float:none;}
.news{ width:100%; padding:20px 0;}
.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{ display:none;}
.you{ width:100%; float:none;}
.zuo{ width:100%; float: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:48%; margin-right:2%; margin-bottom:2%;}
.tutu{ width:102%;}
.dherji{ width:100%; max-height:none; position:relative; left:0; right:0; margin:auto;}
.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%;}
.date{ display:none;}
.newsxq{ width:100%;}
.xinwen img{ height:100px;}
.youshi li img{ width:40%;}
.youshi li { width:50%; margin-bottom:15px; font-size:18px;}
.youshi{ margin-bottom:20px;}
.news3{ width:100%;}
.kouhao a{ font-size:16px;}
.kouhao{ width:70%; top:30%;}
.zizhil{ width:100%; float:none; position:relative;}
.zizhir{ width:100%; margin-top:15px;}
.typename{ width:100%; font-size:30px;}
.about3{}
.tittop{ font-size:28px;}
.typename{ bottom:21%;}
.arcimg img{ min-height:160px;}
.arctit{ padding:15px;}
.arctit2 a{ font-size:16px;}
.arctit2 p{ display:none;}
.w2{ width:100%;}
.arcproli{ width:100%;}
.arctit p{ padding-top:0;}
.prod{ padding-top:10px;}
.proacr h2{ font-size:20px; margin:20px 0;}
.pad3{ padding:20px; text-align:left;}
.ablink{ height:auto; line-height:30px; padding:13px 0 13px 55px;}
.shiyong{ padding:20px 0; text-align:left;}
.tdli{ width:100%; margin-right:0; margin-bottom:15px;}
.shuoming{ padding:15px;}
.pad2{ padding:0;}
.arcfa{ padding-top:40px;}
.slideTxtBox2 .hd ul li{ padding:10px;}
.zhengwen{ font-size:16px; line-height:1.6;}
.sbjj img{ width:100%;}
.sbjj2{ width:100%; padding:15px;}
h2{ font-size:28px;}
.slideTxtBox2 .bd ul{ text-align:left;}
}

@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:95px;}
.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%;}
.gsjj p{ font-size:14px;}
.zhengwen{ width:100%;}
.contactli{ width:100%; padding:20px 0;}
.zxzixun a{ display:block; margin-bottom:10px;}
.slideTxtBox2 .hd ul li{ padding:10px; font-size:16px;}
}