@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#e60012 }
ul{ padding:0px; margin:0px;}
h1,h2,h3,h4{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}

table { width:100%!important;} 

body{ margin:0 auto;padding:0px;width:100%; font-family:;font-size:16px!important;color:#646464; margin:0px; }
.pc_daohang{ display:block;border-bottom:1px solid #eee}
.wap_daohang{ display:none}	
.wap_foot{ display:none}
.wap_fenlei{ display:none}


.head_dh{ overflow:hidden}


.nav-fixed { position: fixed;top: 0; z-index: 30;background-color: white;width: 100%; }


.nav_bgc{ width:100%; margin:0 auto; z-index:300;margin-bottom: 0px; margin-top:20px; }
.nav{ width:79%; margin:0 auto; float:left; margin-top:5px;}
.nav ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.nav li { display: inline-block;list-style: none;font-size: 17.5px;text-align: center;position: relative;line-height:38px;}


.nav li:last-child{ padding-right:0px!important;}
.nav li a { text-transform:uppercase;
display: block;text-align: center;position: relative;color: #333; padding-left:15px; padding-right:15px;}
.nav li.hover a, .nav li:hover a {color: #fff; background:#06a7f6; }
.nav li .subnav {background: #2180d0;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 46px; width: 100%;z-index: 99999999;}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #555;display: block;font-size: 15.5px;font-weight: 500; text-transform:capitalize!important;
line-height: 25px; padding:0px; padding-top:10px; padding-bottom:10px;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);background: #f4f4f4;}
.nav li .subnav a:hover {color: #fff;background: #e60012;text-indent: 3px;}
.nav-fixed{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}

/*热门产品*/

.searcha .fl{ background:#ebebeb; width:79%;border-radius:25px; border:0px solid #d8d8d8;padding-left:15px; padding-right:10px;display:inline;}
.searcha{height:32px; width:200px; }
#search_logo{ margin-top:-4px; margin-left:-20px;}
.searchinput{height:32px;font-size:14px;border:#fefefe solid 0px;width:90%;float:left;line-height:32px; outline:none; background:none;  font-family: Mont;}
.searcha .fr{position:relative; z-index:1; margin-top:-37px;}
.searcha { margin-top:6px;}
.head_you { margin-top:20px;}
.head_you ul { background:url(../images/index_03.png) no-repeat left; padding-left:35px; height:26px; line-height:26px;}
.head_you ul li{ float:left; font-size:16px; color:#e60012}
.head_you ul li a{ font-size:16px;color:#e60012}
.head_you ul li:nth-child(2){ padding-left:5px; padding-right:5px;}

.wd1200{     padding: 0px 5%;
    max-width: 1680px;
   margin:0 auto;padding-top:70px;padding-bottom:70px; overflow:hidden}
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ font-size:45px; color:#000; text-transform:capitalize}
.wenzi h2 span{ color:#e40112}
.wenzi p { margin-top:; line-height:30px; font-size:16px; color:#999; padding:0px 10%;}
.wenzi .xx { display:inline-block; width:70px; height:5px; margin:20px auto; background:#e60012;}



/*产品*/
.product{ padding-bottom:100px;}
.cpleft{ width:20%; margin-top:50px;}
.cpleft ul li { padding-left:30px; margin:0 auto;background:url(../images/jiantou1.png) no-repeat right #2f3b4b; height:65px;background-position: 238px center; margin-bottom:10px;}
.cpleft ul a li { color:#fff; font-size:20px; line-height:65px; text-transform:capitalize }
.cpleft ul li:hover{background:url(../images/jiantou1.png) no-repeat right #e60012;background-position: 238px center; }
.cpleft ul dl dd{ padding-left:30px; margin:0 auto;background:url(../images/jiantou2.png) no-repeat right #f2f2f2; height:50px;background-position: 238px center; margin-bottom:10px;}
.cpleft ul dl  a dd{ color:#555; font-size:17px; line-height:50px; text-transform:capitalize }
.cpleft ul dl dd:hover{background:url(../images/jiantou1.png) no-repeat right #e60012;background-position: 238px center; }
.cpleft ul dl a dd:hover { color:#fff; }

.cpright{ width:78%;margin-top:50px;}
<!--.cpright ul li:nth-child(3n){ float:right}-->
.cpright ul { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.cpright ul li{ width:28.3%; margin-bottom:20px;box-shadow: 0 0 20px rgba(51,51,51,.2); padding:2% 2%; line-height:25px; height:; border-radius:10px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; display:block; margin:.5%;}
.pgd{ background:#ebebeb; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50px; font-size:20px; color:#555; margin-top:3px;}
.cpright ul li:hover{	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); background:#e60012}
	
	
.cpright ul li:hover .pgd{ background:#fff}
.cpright ul li:hover .pname{ color:#fff}
.cpright ul li:hover .pname p:nth-child(2){ color:#fff}

.pname .pp{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:18px; word-wrap: break-word;word-break:break-all;}
.pname  { line-height:25px; width:80%; }
.pname p:nth-child(2){ color:#999; margin-top:5px;}

/*首页公司简介*/
.index_about{ background:url(../images/about_bg.jpg) no-repeat center fixed; width:100%; margin:0 auto;}
.about_zm{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; width:99%; margin:0 auto;align-items: flex-end; overflow:hidden}
.about_txt{ width:50%;  background: rgba(230,0,18,.9);display: flex; align-items: center; justify-content: center; padding: 3rem 0; }
.about_txt h2{font-weight:bold; font-size:25px; line-height:35px; color:#fff; text-align:center; width:80%; margin:0 auto;}


.about_nr { background:#fff;-ms-flex: 0 0 50%; flex: 0 0 42%; max-width: 42%; padding:3% 4%; margin-top:100px;-webkit-box-shadow: #ccc 0px 0px 20px; 
   -moz-box-shadow: #ccc 0px 0px 20px; 
   box-shadow: #ccc 0px 0px 20px; }
.about_nr h2{ text-align:center; text-transform:uppercase; font-size:40px; color:#e60012}
.abms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:7;/*显示行数*/ -webkit-box-orient:vertical; line-height:30px; font-size:15.5px; overflow:hidden; margin-top:20px; }


.abmore a{ color:#fff;}
.abmore{ background:#e60012; height:40px; line-height:40px; text-align:center; width:150px; margin:0 auto; border-radius:25px; margin-top:20px; -webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.abmore a{ color:#fff;}
.abmore:hover{ display:block; padding-left:15px; background:#e60012; }
.abmore:hover a{color:#fff!important;}


.aline{ background:#d8d8d8; height:1px; width:100%; margin-top:25px;}
.about_nr ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_nr ul li{ display: flex; flex-direction: column; width:33%; margin-top:30px;}
.about_nr ul > li > div:first-child {font-size: 28px; color: #000; font-weight:bold}
.about_nr ul > li > div { text-align: center;padding-top: 5px;color: #000; }
.about_nr ul li div:nth-child(2){font-size:16px;}
.about_nr ul > li > div:first-child > span{font-size: 22px;font-weight: 400; padding-left:10px;color: #000;}


/*why choose us*/
.con_04 .wm { padding:0px 5%;}
.con_04 .biaoti { width:100%; padding:100px 0px 60px; text-align:center;}
.con_04 .biaoti h3 { font-size:38px; line-height:50px; color:#000; font-weight:700; letter-spacing:0px;}
.con_04 .biaoti h3 i { font-style:normal; color:#;}
.con_04 .biaoti p { display:inline-block; padding:.5% 1%; border:1px solid rgba(0,0,0,.1); margin-bottom:10px; font-size:18px; border-radius:25px;}

.why .wenzi{ padding-top:70px; padding-bottom:50px;}
.why{ padding-bottom:80px; overflow:hidden}
.why ul{/*display: flex; flex-wrap: wrap; justify-content: space-between;*/ }
.why ul li{ float:left; background:#f5f5f5; margin-right:2px; width:25.7%; padding:3% 3%;-moz-transition: All 0.4s ease-in-out; height:200px; margin-bottom:10px; margin:10px; box-shadow:0px 0px 10px rgba(51,51,51,0); border:0px solid rgba(0,0,0,.1); }
.why ul li:first-child{ float:left; height:515px; text-align:left; }


.wtu{ width:72px; height:72px; margin:0 auto;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;-moz-transition: All 0.4s ease-in-out;}

.wtu img {  width:38px; height:auto; margin:10px auto;}


.why ul li h2{ color:#000; font-size:30px; text-align:; margin-top:5px; margin-bottom:20px; font-weight:normal; text-transform:capitalize}

@media only screen and (max-width:1440px){.why ul li h2{font-size:22px;} }


.ymiao{ line-height:22px; font-size:15px; color:#666;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:44px;}

.ymiao.hhh{ line-height:22px; font-size:15px; color:#666;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:200px;}
.ymiao.hhh p{ line-height:22px; font-size:15px; color:#666;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; height:66px;}
.ymiao.hhh p { margin-bottom:20px;}

.why ul li:first-child .ymiao.hhh p {-webkit-line-clamp:8; height:176px;}

.more_gd { width:160px; line-height:55px; text-align:center; font-size:16px; color:#fff; background:#e60012; display: inline-block; margin-top:30px; border-radius:55px;}
a:hover .more_gd{background:#4a4e57;} 

@keyframes warn {
0% {
transform: scale(0.3);
-webkit-transform: scale(0.3);
opacity: 0.0;
}

25% {
transform: scale(0.3);
-webkit-transform: scale(0.3);
opacity: 0.1;
}

50% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
opacity: 0.3;
}

75% {
transform: scale(0.8);
-webkit-transform: scale(0.8);
opacity: 0.5;
}

100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
}

@keyframes warn1 {
0% {
transform: scale(0.3);
-webkit-transform: scale(0.3);
opacity: 0.0;
}

25% {
transform: scale(0.3);
-webkit-transform: scale(0.3);
opacity: 0.1;
}

50% {
transform: scale(0.3);
-webkit-transform: scale(0.3);
opacity: 0.3;
}

75% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
opacity: 0.5;
}

100% {
transform: scale(0.8);
-webkit-transform: scale(0.8);
opacity: 0.0;
}
}

.yuanquan {position: relative; height:90px;}
/* 保持大小不变的小圆圈 何问起 */
.dot {
position: absolute;
width: 70px;
height: 70px; background:#a3a4a9;
left: 0px;
top: 0px; border: 2px solid #a3a4a9; 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 2;
}
.why ul li{}
/* 产生动画（向外扩散变大）的圆圈  */
.why ul li:hover .dot{background:#e60012;border: 2px solid #e60012; }
.why ul li:hover .pulse {
position: absolute;
width: 130px;
height: 130px;
left: -35px;
top: -35px;
border: 6px solid #e60012; background:#e60012;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
-webkit-animation: warn 2s ease-out;
-moz-animation: warn 2s ease-out;
animation: warn 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
box-shadow: 1px 1px 30px #e60012;
}

.why ul li:hover .pulse1 {
position: absolute;
width: 130px;
height: 130px;
left: -35px;
top: -35px;
border: 6px solid #e60012;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
-webkit-animation: warn1 2s ease-out;
-moz-animation: warn1 2s ease-out;
animation: warn1 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
box-shadow: 1px 1px 30px #e60012;
}


/*soloutions*/
.jjfa { padding-top:0px!important}
.jjfa .wenzi{ padding-bottom:50px;}
.fang_zuo{ width:50%}
.grid {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center; margin:0px; padding:0px;display: flex; flex-wrap: wrap; justify-content: space-between; 
}

/* Common style */

.grid figure {width:33%; margin:0px; padding:0px;
	position: relative;  margin-top:7px; 
	overflow: hidden;
	max-height: 300px;
	text-align: center;
	cursor: pointer;}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}

.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;white-space: nowrap;font-size: 0;opacity: 0;}



.grid figure h2{text-align:center;text-transform:capitalize;font-size:20px;}

.grid figure h2 span {font-weight: 800;}

.grid figure h2,.grid figure p {margin: 0;}

.grid figure p {font-size:15px; text-align:center; margin-top:20px;}

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0, 0);
	transform: translate3d(-40px,0,0);}

figure.effect-lily figcaption {text-align: left;}
figure.effect-lily figcaption:hover{ background:rgba(0,0,0,0.6)}
figure.effect-lily figcaption > div {bottom: 0;left: 0;}


figure.effect-lily h2{-webkit-transform: translate3d(0,260px,0);
transform: translate3d(0,260px,0);}

figure.effect-lily p {-webkit-transform: translate3d(0,240px,0);
transform: translate3d(0,240px,0);}

figure.effect-lily h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}

figure.effect-lily p {color: rgba(255,255,255,0.8);opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}

figure.effect-lily:hover img,figure.effect-lily:hover p {opacity: 1;}
figure.effect-lily:hover {background:rgba(0,0,0,0.8);height:100% }
figure.effect-lily:hover img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


figure.effect-lily:hover p {-webkit-transform: translate3d(0,205px,0);transform: translate3d(0,205px,0);}

figure.effect-lily:hover h2{-webkit-transform: translate3d(0,220px,0);transform: translate3d(0,220px,0);}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;}
	
/*	
	
.mana  figure.effect-lily:nth-child(2n){ float:right}
.mana  figure.effect-lily{ width:49%; float:left;}
.mana  .grid figure { width:49%;max-height: 300px; height:300px;}
.mana{ margin-top:2%;}
.mana figure.effect-lily h2{-webkit-transform: translate3d(0,250px,0);
transform: translate3d(0,250px,0);}
.mana figure.effect-lily:hover p {-webkit-transform: translate3d(0,205px,0);transform: translate3d(0,205px,0);}

.mana figure.effect-lily:hover h2{-webkit-transform: translate3d(0,220px,0);transform: translate3d(0,220px,0);}

.fang_you { width:49%}


.fang_you figure.effect-lily:nth-child(2n){ float:right}
.fang_you figure.effect-lily{ width:49%; float:left; margin-bottom:2%;}
.fang_you  .grid figure { width:49%;max-height: 300px;}

.fang_you figure.effect-lily h2{-webkit-transform: translate3d(0,200px,0);
transform: translate3d(0,200px,0);}
.fang_you figure.effect-lily:hover p {-webkit-transform: translate3d(0,155px,0);transform: translate3d(0,155px,0);}

.fang_you figure.effect-lily:hover h2{-webkit-transform: translate3d(0,170px,0);transform: translate3d(0,170px,0);}
*/

/*广告*/
.guanggao{ background:url(../images/g_bg.jpg) no-repeat center fixed ;width:100%; margin:0 auto; color:#fff; }
.guanggao .wd1200{ padding-top:75px;}
.gd_zuo{ width:40%; font-size:23px; line-height:35px;}
.gd_you{ width:50%; font-size:17.5px; line-height:30px;}
.hengyou{ margin-left:20px;}
.youxiang a{ color:#fff;}


/*流程*/
.liucheng{ background:url(../images/ys_bg.jpg) no-repeat center ;  margin:0 auto; width:100%}

.liucheng ul{ margin-top:60px; }
.liucheng ul li.jiantou{ background:url(../images/yjt.png) no-repeat center; height:45px; width:39px; margin-top:10px; }
.liucheng ul li{ float:left;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.liucheng ul li:hover{ margin-top:-5px;}
.liucheng ul li .ioc_yuan{border:1px solid rgba(228,1,18,0.3); border-radius:50%; width:70px; height:70px; display: flex;justify-content: center;
align-items: center; text-align:center; margin:0 auto}
.liucheng ul li .ioc_yuan img{ text-align:center;max-width:70px;max-height:70px; }
.liucheng ul li .ioc_name{width:90%; margin:0 auto; color:#555; font-size:15px; margin-top:10px; text-align:center; }



/*-------底部-----------*/
.foot{ background:#616161; color:#fff;}
.foot .wd1200{ border-bottom:rgba(255,255,255,0.2) 1px solid}
.foot a{ color:#fff}
.fbt{ color:#fff; font-size:20px;  margin-bottom:25px; text-transform:uppercase}

.fpro{ width:24%;}
.fpro ul li{ line-height:30px;}
.fpro h2{ font-size:16px;}


.fabout{ width:24%; }
.fabout ul li{ line-height:30px;text-transform:capitalize;}
.fcon{ width:30%;  }
.fyy ul li{ line-height:30px;}
.flianxi{ line-height:35px;}

.fadd{background:url(../images/add.png) no-repeat left top 5px;padding-left:35px; }
.ftel{background:url(../images/tel.png) no-repeat  left;padding-left:35px;}
.ffax{background:url(../images/fax.png) no-repeat  left;padding-left:35px;}
.fmail{background:url(../images/mail.png) no-repeat  left;padding-left:35px;}



.foota{ background:#111111; width:100%; margin:0 auto}
.banquan{  line-height:30px; color:#fff; padding-top:30px; padding-bottom:30px;font-size:16px; }
a.zzb07link{font-family: ;text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{font-family:;color:;}




/*翻页*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; }
.contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;}
.contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#1e64c9;font-weight:normal;}
.contentPage .current{color:#1e64c9; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #555; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


/*内页*/
.ny_weizhi{ background:#f2f2f2; width:100%; margin:0 auto; line-height:60px; height:60px;}
.dingwei{width:1200px; margin:0 auto;}
.weizhi{  color:#333; background:url(../images/dw.png) no-repeat left; background-size:20px; padding-left:25px;}
.weizhi span{ margin-left:10px; margin-right:10px;}
.weizhi a{ color:#333;}

.banwz{/*background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.1));*/ height:300px;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center; text-align:center}
.bantxt{ width:1200px; margin:0 auto;}
.bantxt h2{ color:#fff; text-transform:capitalize; font-size:50px;   text-shadow: 0 0 30px #e60012; }


.neiyebt {
  text-align: center;
  font-size: 45px;
  text-transform: capitalize;
  color: #000;
}

.nav-tabs-wrapper ul{ width:100%;margin:0 auto; text-align:center; margin-bottom:50px; margin-top:50px;display: flex;  justify-content: space-between; }
.nav-tabs-wrapper  a:hover li { color: #fff;}
.nav-tabs-wrapper li:hover{ background:#e60012}
.nav-tabs-wrapper a{width: 100%;text-align: center;vertical-align: center;position: relative; height:50px; line-height:50px; margin-left:5px; background:#f2f2f2}

.nav-tabs-wrapper li .triangle-down{position: absolute;bottom: 0px;left: 50%;margin-left: -5px;}
.nav-tabs-wrapper li.active .triangle-down,.nav-tabs-wrapper li:hover .triangle-down{background:#e60012}
.nav-tabs-wrapper a li {color: #333; font-size:17px; text-transform:capitalize}
.triangle-down {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
}

.nav-tabs-wrapper li.active {background:#e60012}
.nav-tabs-wrapper a li.active { color:#fff;}


.neirong_nbk{ min-height:300px;line-height: 30px;font-size: 16px; margin-top:40px;}
.nymain{width:1200px;margin:0 auto;padding-bottom:60px; padding-top:60px;}

.neirong{ width:1100px; margin:0 auto;line-height:30px; background:#fff;  margin-top:60px; min-height:400px;background-color: #fff;
box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07);
border: #e4e4e4 solid 1px;
border-radius: 15px; padding:50px; ;}

.neirong_nmenu{width:1200px; margin:0 auto; min-height:300px;line-height: 30px;  margin-bottom:0px; margin-top:30px;}

.nymain .index_pro ul li{ margin-bottom:30px; width:24.5%; margin-left:1%; margin-right:1%;}

/*内页公司简介*/
.neiab ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:20px; margin-bottom:40px; }
.neiab ul li{ display: flex; flex-direction: column;  margin-top:30px;}
.neiab ul > li > div:first-child {font-size: 28px; color: #000; font-weight:bold}
.neiab ul > li > div { text-align: center;padding-top: 5px;color: #000; }
.neiab ul li div:nth-child(2){font-size:16px;}
.neiab ul > li > div:first-child > span{font-size: 22px;font-weight: 400; padding-left:10px;color: #000;}

/*history*/
.box_lc{ width:80%; margin:0 auto;}
.event_year{width:140px;text-align:center;float:left;margin-top:10px;}
.event_year li{height:40px;line-height:40px;background:#FFF;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer;}
.event_year li.current{width:140px;background:#e60012 url('../images/jian.png') 139px 0 no-repeat;color:#FFF;text-align:left;padding-left:9px;}
.event_list{width:700px;float:right;background:url('../images/dian3.png') 3px 0 repeat-y; padding-bottom:20px;}
.event_list h3{margin:0 0 5px -3px;font-size:24px;font-family:Georgia;color:#e60012;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic;}.event_list li{background:url('../images/jian.png') 0 -80px no-repeat;}
.event_list li span{width:127px;text-align:right;display:block;float:left;margin-top:10px;}
.event_list li p{width:660px;margin-left:14px;display:inline-block;padding-left:10px; font-size:14px; color:#333;line-height:25px;_float:left;}
.event_list li p span{width:630px;text-align:left;border-bottom:2px solid #DDD;padding:20px;background:#f0f0f0;margin:0; font-size:16px;}
.jiantou2 { float: left;clear: both; padding-left: 285px;}


/*plants*/
.factory ul li{  position:relative;background:#eeeeee;float:left; width:28%; margin-left:1.5%; margin-right:1.5%; padding:1% 1% 60px 1%; margin-bottom:30px; }
.factory ul li .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.factory ul li .factory_name{ text-align:center; padding-bottom:15px; }
.factory ul li .factory_tu img{max-width:100%;max-height:230px; transition: all 0.8s;object-fit: cover;}
.factory ul li .factory_tu img:hover{   transform: scale(1.1);}

.factory_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  

    z-index: 5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.factory_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #e60012;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.h_plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}
.h_plus span {
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
	font-size:24px;

}
.factory_name p { font-size: 16px;}

.factory ul li:hover .factory_name { padding-top: 40px;}
.factory ul li:hover .factory_name::before { opacity: 1;}
.factory ul li:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.factory ul li:hover .factory_name p { color: #ffffff;}

/*内页产品分类*/
.list{width: 100%;}
.list ul li{background-color:#e60012; border-bottom:0; }
.list ul li a{padding-left: 20px;color: #fff; font-size:20px; display: block; font-weight:bold;height:56px;line-height: 56px;position: relative; text-transform:capitalize; width:250px; float:left;}
.list ul li .inactive{ background:url(../images/side_icon.png) no-repeat   center center;}
.list ul li .inactives{ background:url(../images/side_icon1.png) no-repeat   center center!important;}
.list ul li ul li .inactive{ background:url(../images/side_icon2.png) no-repeat  center center;}
.list ul li span {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  margin-top: 17px;
  cursor: pointer;
}
.list ul li ul li ul li .inactive{ background:none!important;}
.list ul li ul li .xxxx{ background:url(../images/side_icon.png) no-repeat  270px center!important;}
/**
.list ul li .inactives{background:url(../images/side_icon1.png) no-repeat
 center center!important;} **/

.list ul li ul li .inactives{background:url(../images/side_icon4.png) no-repeat center center!important;} 


.list ul li .inactives {

    background:none;

}
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f1f1f1; border-bottom:1px solid #d8d8d8;overflow:hidden;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ font-size:17px;padding-left:30px; color:#222; font-weight:normal;width:240px;float:left;}
.list ul li ul li span{display: block;float: left;width: 22px;height: 22px;margin-top: 17px; cursor:pointer;}
.list ul li ul li ul li { background-color:#fff; border-bottom:1px solid #eee; }
.list ul li ul li ul li:last-child{ border-bottom:0px;}
.last{ background-color:#fff; border-color:#eee; }
.list ul li ul li ul li a{ color:#555; padding-left:25px; padding-right:25px; font-size:14px; line-height:20px; height:auto; padding-top:12px; padding-bottom:12px; word-wrap:break-word;  }
.list ul li ul li ul { border-left:1px solid #eee;border-right:1px solid #eee;float:left;width:100%;}
.list ul li ul li ul li a:hover{ color:#e60012}

/*plants*/
.honor ul li{  position:relative;background:#f4f4f4;float:left; width:20%; margin-left:1.5%; margin-right:1.5%; padding:1% 1% 60px 1%; margin-bottom:30px; }
.honor ul li .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.honor ul li .factory_name{ text-align:center; padding-bottom:15px; }
.honor ul li .factory_tu img{max-width:100%;max-height:230px; transition: all 0.8s;object-fit: cover;}
.honor ul li .factory_tu img:hover{   transform: scale(1.1);}
.honor ul li:hover .factory_name { padding-top: 40px;}
.honor ul li:hover .factory_name::before { opacity: 1;}
.honor ul li:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.honor ul li:hover .factory_name p { color: #ffffff;}


/*内页联系我们*/
/*oncopy*/
.diermail{ margin-top:10px;}
#contact-copy{display: flex;align-items: center;}
.copy-button{ 
width: 7vw;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #e60012 0%, #f66974 50%, #e60012 100%);}


.copy-button:hover{transform: scale(1.05);}
.copy-button:active{transform: scale(1);}
.copy-button::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button::after{
content: "COPY";
font-size: 1.1vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text{
color: #e60012;
font-size: 1.1vw; line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head p{display: inline;padding: 0;}
#input-copy{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy {pointer-events: none;}

#contact-copy2{align-items: center;}

.copy-button2{
width: 7vw;margin-left:20px;
height: 1.8vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #64c4a9 0%, #6ab960 50%, #41904a 100%);}
.copy-button2:hover{transform: scale(1.05);}
.copy-button2:active{transform: scale(1);}
.copy-button2::before{
content: "";
width: .5vw;
height: .8vw;
border-radius: .2vw;
border: solid .2vw #fff;
box-shadow: .25vw .25vw 0 0 #fff;
transform: translate(0, -.125vw);}

.copy-button2::after{
content: "COPY";
font-size: 1.1vw;
font-weight: bold;
color: #fff;
margin-left: .8vw;}

.copy-text2{
color: #41904a;
font-size: 1.1vw;
line-height:30px;
padding-left: 1vw;
opacity: 0;
font-weight: bold;
pointer-events: none;
transition: all .2s;}
#information-head2 p{display: inline;padding: 0;}
#input-copy2{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy2 {pointer-events: none;}

.nditu .dd{ font-size:18px;}
.nditu input textarea{ color:#555}
.nditu .contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:100%;}
.nditu  .contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.nditu .contact_2_1 ul li{ margin-bottom:0.5em;
float:left; width:100%;}
.nditu .contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:left}

/*内页联系我们*/
.nlian{ width:45%; }
.nditu{ width:54%; background:#f4f4f4; }
.nyadd h2{ color:#000; padding:0px; margin:0px; font-size:22px}
.nyadd{ background:url(../images/con1.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px;}
.nymail h2{ color:#000; padding:0px; margin:0px; font-size:22px}
.nymail{ background:url(../images/con2.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nytel h2{ color:#000; padding:0px; margin:0px; font-size:22px}
.nytel{ background:url(../images/con3.png) no-repeat left; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}
.nyshijian h2{ color:#000; padding:0px; margin:0px; font-size:22px}
.nyshijian{ background:url(../images/con4.png) no-repeat left top; padding-left:60px;background-size:auto 45px; line-height:25px; margin-top:30px;}

.contact_2{ padding:30px;  }
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:48.5%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.tixing{ line-height:50px;}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;;}
.contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em; outline:none}
.contact_2_1_mid textarea{ height:5em;
border:none; background:none; width:100%; font-size:1em;outline:none}

.anniu2 {
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center; margin-bottom:50px;}

.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
.hyb { color:#40904a; font-size:25px; font-weight:bold; }
.hya{ font-size:18px; margin-top:20px;}




/*order*/
.liuyan{ background:#fafafa; padding:50px; margin-top:50px;}
.shuoming{ font-size:18px; color:#e60012; padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}

.liuyan .contact_2_1{ width:100%; margin:0 auto}

.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em; width:80%}
.teshuw{ width:93.8%}

.contact_2_1_mid input{ color:#999;
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;}
.contact_2_1_mid textarea{color:#999;
border:0; background:none; font-size:16px;outline:none;}
.tixing{padding-left:10px; line-height:50px;}

.anniu { border:0PX;
font-size:1.125em; display:inline-block; color:#fff; background-color:#e60012; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu { margin-top:1.5em;}
.anniu:hover{
background-color:#999;}






/*内页产品*/
.proleft{ width:300px; overflow:hidden; height:auto!important;  }
.proright{ width:70%;min-height:400px;}

.ptop{ border-bottom:1px solid #ddd;line-height:40px;}
.ptop h2{ font-size:25px; font-weight:normal; color:#000}

.prowz span{ padding-left:5px; padding-right:5px;}
.proright li{border-bottom:1px dashed #ddd;padding-bottom:25px; padding-top:25px;}
.proright li dl dt{width:22%;height:176px;float:left; border:1px solid #f2f2f2; display: flex;justify-content: center;
align-items: center; overflow:hidden}
.proright li dl dt img{max-width:100%;max-height:166px; transition: all 0.8s;}
.proright li dl dt img:hover{   transform: scale(1.1);}

.proright li dl dd{width:75%;float:right; margin:0px;}
.proright li dl dd a{ font-weight:bold; font-size:20px;}
.proright li .tex{color:#787878;font-size:15px;line-height:25px;height:100px;padding-top:5px; overflow:hidden; margin-bottom:7px;}
.proright li .tex p{ padding:0px; margin:0px;}
.ny_pro_more a{ border:1px solid #e60012;width:108px;height:28px;line-height:28px;text-align:center;margin-top:6px; margin-right:15px; display:inline-block; border-radius:20px; font-weight:normal!important; font-size:15px!important; color:#e60012}
.ny_pro_more a:hover{background:#e60012; transform:0.4s; color:#fff}

.proma{ margin-left:5px;}

/*! Freebie Skelet */

ul.expmenu * { list-style: none; }
ul.expmenu > li > div.header { background:#e60012; line-height:50px;}
ul.expmenu > li > div.header a{ color:#fff; font-size:18px;text-transform:capitalize }
ul.expmenu > li:last-child > div.header { border-bottom: none; }
ul.expmenu > li ul li { background-color: #ececec; padding: 12px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
ul.expmenu > li ul li a{ padding-left:20px;text-transform:capitalize }
ul.expmenu > li ul li:last-child { border-bottom: none; }
ul.expmenu > li ul li.selected { background-color: #f4f4f4; }
ul.expmenu div.header{color: #fff;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);background: #e60012;}
ul.expmenu > li > div.header > .label { padding-left: 15px;}
ul.expmenu > li > div.header > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; padding-right:15px; }
ul.expmenu > li > div.header > .arrow.up { background-image: url(../images/arrow_u.png); margin-top:17px; }
ul.expmenu > li > div.header > .arrow.down { background-image: url(../images/arrow_d.png); margin-top:17px;}

/* Mouse Events */
ul.expmenu div.header:hover{background: #d00313; cursor: pointer;}
ul.expmenu > li ul li:not(.selected):hover{background: #e7e7e7; cursor: pointer;}
ul.expmenu > li ul li:not(.selected):active{background: #f1f1f1; cursor: pointer;}

#neiye_pro{ position:relative; }


/*.nyabout{ width:100%;background:url(../images/nyabout.jpg) no-repeat center  ; margin: 0 auto; height:250px;}*/
.nycon{ width:100%; height:250px; background:url(../images/nycon.jpg) no-repeat   center bottom; margin:0 auto}
.nynews{ width:100%; height:250px; background:url(../images/nynews.jpg) no-repeat    center ; margin:0 auto}
.nyapplication{ width:100%; height:250px;  margin:0 auto}
.nypro{ width:100%; height:250px; background:url(../images/nypro.jpg) no-repeat    center ; margin:0 auto}
/*.nyhonor{ width:100%; height:250px; background:url(../images/nyhonor.jpg) no-repeat    center ; margin:0 auto}*/


/*产品详细页*/
.prorightxx{ width:70%;}
.pro_con{ margin-top:40px; background:#fafafa}
.pro_con_left{ width:40%;height:350px; background:#fff; display: flex;justify-content: center;
align-items: center;}
.pro_con_left img{max-width:100%;max-height:350px; }
.pro_con_left img:hover{   }
.pro_con_right{ width:53%; padding:3% 2%;}
.pro_con_right h2{ font-weight:normal; color:#000}
.pro_xx{ margin-top:10px; line-height:30px;}
.send{ margin-top:10px;  text-align:center}
.send a{ color:#fff}
.send ul li:hover{ background:#111;}
.send ul li{ float:left;background:#e60012; line-height:35px; padding-left:10px; padding-right:10px;}
.send ul li a{ font-size:15px;}
.send ul li:nth-child(2){ margin-left:10px; margin-right:10px;}


.jqzoom {
 width:100%;
 height:100%;
 position:relative;
 cursor:pointer;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center
}
.jqzoom img {
 max-width:100%;
 max-height:100%
}
.zoomdiv {
 z-index:200;
 position:absolute;
 top:0;
 left:0; width:100%;
 height:270px!important;
 background:#fff;
 display:none;
 overflow:hidden
}
.zoomdiv .bigimg {
 position:absolute;
 top:0;
 left:0;
 max-width:unset;
 max-height:unset
}
.jqZoomPup {
 z-index:10;
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 width:20px;
 height:20px;
 border:1px solid #ddd;
 background:#fafafa;
 opacity:.5;
 -moz-opacity:.5;
 -khtml-opacity:.5;
 filter:alpha(Opacity=50)
}
.jqZoomPup img {
 min-width:100%
}
.spec-preview {

 height:270px!important;
 border:1px solid #eee; margin-top:20px;
}
.spec-scroll {
 clear:both;
 margin:20px 0;
 width:330px;
 height:54px; 
}
.spec-scroll .prev {
 float:left;
 margin-right:10px;
 background:url(../images/duo_left.gif) center no-repeat
}
.spec-scroll .next {
 float:right;
 background:url(../images/duo_right.gif) center no-repeat
}
.spec-scroll .next,
.spec-scroll .prev {
 display:block;
 text-align:center;
 width:19px;
 height:54px;
 cursor:pointer
}
.spec-scroll .next:hover,
.spec-scroll .prev:hover {
 background-color:none
}
.spec-scroll .items {
 float:left;
 position:relative;
 width:85%;
 height:56px;
 overflow:hidden
}
.spec-scroll .items ul {
 position:absolute;
 width:640px;
 height:56px;
 overflow:hidden
}
.spec-scroll .items ul li {
 float:left;
 width:56px
}
.spec-scroll .items ul li span {
 box-sizing:border-box;
 display:block;
 vertical-align:middle;
 width:50px;
 height:50px;
 text-align:center;
 border:1px solid #ddd;
 padding:0px
}
.spec-scroll .items ul li img {
 width:100%;
 height:100%;
 object-fit:cover;
 cursor:pointer
}
.spec-scroll .items ul li span.active,
.spec-scroll .items ul li span:hover {
 border:2px solid #db241e;
 padding:0px
}
#tinybox {
 top:50%!important;
 left:50%!important;
 transform:translate(-50%,-50%);
 position:fixed;
 display:none;
 padding:10px;
 background:#fff url(/Html/images/preload.gif) no-repeat 50% 50%;
 border:10px solid #ddd;
 z-index:99997
}
#tinymask {
 position:absolute;
 display:none;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background:#000;
 z-index:99997
}
#tinycontent {
 background:#fff;
 width:100%;
 height:100%
}
.spec-scroll .items ul li img {
 margin:0 auto
}
#imgee {
 width:100%;
 height:100%;
 object-fit:contain
}
#tinymaskNext,
#tinymaskPrev {
 display:none;
 position:fixed;
 top:50%;
 border:3px solid #fff;
 width:35px;
 height:35px;
 border-top:0;
 border-right:0;
 background:0 0;
 z-index:99999;
 outline:0
}
#tinymaskPrev {
 left:30px;
 transform:rotate(45deg)
}
#tinymaskNext {
 right:30px;
 transform:rotate(225deg)
}
.spec-scroll .items ul li:nth-last-child(1) {
 width:50px
}




#cont{ background:#fafafa;}
.pro_detail .dtop{ margin-bottom:30px; background:#d8d8d8; height:40px;}
.pro_detail h2{ width:150px; text-align:center; background:#e60012; height:40px; line-height:40px; font-size:17px; color:#fff; font-weight:normal; margin-top:50px;}

.pro_detail table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto;}
.pro_detail tr td{padding: 5px;border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; text-align:center; font-size:15px;word-wrap:normal}
strong{ padding-bottom:15px;}
.pro_detail { line-height:30px;}
.xgpro ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.xgpro ul li { width:20%; border:1px solid #eee; padding:2%;}
.xgpro ul li img{ text-align:center}
.xgpro ul li p{  word-wrap:break-word; line-height:20px;  }

.xgtu{ display: flex;justify-content: center;align-items: center; height:135px;}
.xgtu  img{max-width:100%;max-height:135px; transition: all 0.8s;}
.xgpro ul li:hover img{   transform: scale(1.1);}
.xgpro ul li:hover{ border:1px solid #e60012}


/*悬浮链接*/
/*main css*/
.izl-rmenu{position:fixed; right:0; margin-left:659px; bottom:10px; padding-bottom:63px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:52px; height:53px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#06a7f6;background-size: auto 52px;}
.izl-rmenu .btn-qq:hover{background-color:#06a7f6;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#06a7f6; text-decoration:none; display:block;background-size: auto 52px;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#06a7f6;background-size: auto 52px;}
.izl-rmenu .btn-wx:hover{background-color:#06a7f6;}
.izl-rmenu .btn-wx .pic{background-color:#06a7f6; position:absolute; width:250px; left:-250px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#06a7f6;background-size: auto 52px;}
.izl-rmenu .btn-phone:hover{background-color:#06a7f6;}
.izl-rmenu .btn-phone .phone{background-color:#06a7f6; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#444; display:none;background-size: auto 52px;}
.izl-rmenu .btn-top:hover{background-color:#444;}

#advantages{ background:#fafafa;}
.factory strong{ font-size:25px;}
.factory { font-size:17px; line-height:35px;}


.yyms ul li{ float:left; width:23%; margin-left:1%; margin-right:1%; }
.yyms ul li h2{ text-align:center; font-weight:normal; font-size:16px; padding-top:15px; line-height:25px;}
.yy_tu{display: flex;justify-content: center;
align-items: center;box-shadow: 0 0 20px rgba(51,51,51,.2); height:150px;}
.yyms ul li  img{max-width:100%;max-height:150px; transition: all 0.8s;}
.yyms ul li img:hover{   transform: scale(1.1);}
@media screen and (max-width: 1024px) {

.pc_daohang{ display:blcok}
.wap_daohang{ display:none}	
.wap_foot{ display:none}



.nav_zce{ width:95%; }
.logo img{ height:70px;}
.nav{ margin-left:40px; margin-top:30px; }
.yuyan{ margin-top:38px;}

.wd1200{ width:95%;}
/*首页产品*/
.index_pro ul li{margin-left:0.5%; margin-right:0.5%;}

/*首页新闻*/
.news_tu{  width:30%;}
.news_tu  img{object-fit: cover;}

/*内页*/
.nydw{  width:95%; }
.nymain{width:100%}
.neirong{ width:90%;  padding:5%; }
.neirong_nmenu{width:95%;}
.nymain .index_pro ul li{ margin-bottom:30px; width:24.5%; margin-left:1%; margin-right:1%;}
}


@media screen and (max-width:768px) {
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}







/*首页公司简介*/

.abtxt{ width:50%; margin-top:-10px;}
.abtxt h2{ font-size:25px;}
.abtxt h3{  font-size:20px;}
.abnr{ -webkit-line-clamp:3;/*显示行数*/ }



/*首页产品*/
.index_pro ul li:nth-child(2n){ float:right}
.index_pro ul li{ margin-left:20px;width:42%; padding:3%;margin-left:0%; margin-right:0%;  }






/*-------底部-----------*/
.fabout{ display:none; width:30%; margin-left:15%;}






/*内页*/
.nydw{  width:95%;}



.nymain{width:100%;}

.neirong{ width:90%;padding:5%;  }

.neirong_nmenu{width:95%;}


/*证书*/

.zu11{ height:200px; }
.zu11 img{ max-height:200px; }

/*内页*/
.inside_l{ width:30%;}
.inside_r{ width:55%; }


/*内页联系我们*/
.ditu{ width:100%; float:none; margin-top:30px;}
.nylianxi{ width:100%; float:none}




.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:uppercase;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}
	@media screen and (max-width: 640px) {
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}

.dao ul a li{ font-size:15px;}
.dao ul:nth-child(2){ width:100%!important}
.yyms ul li:nth-child(2n){ float:right}
.yyms ul li{ float:left; width:48%; margin-left:0%; margin-right:0%; }
.yyms ul li h2{ text-align:center; font-weight:normal; font-size:15px; padding-top:0px; margin-top:15px; height:75px; line-height:25px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;  word-wrap:break-word;  }
.yy_tu{display: flex;justify-content: center;
align-items: center;box-shadow: 0 0 20px rgba(51,51,51,.2); height:150px;}
.yyms ul li  img{max-width:100%;max-height:150px; transition: all 0.8s;}
.yyms ul li img:hover{   transform: scale(1.1);}
.neiab img{ max-width:100%!important; height:auto!important}
.neiab p{ font-family:!important; text-align:justify!important}



.wd1200{ width:95%;margin:0 auto;padding-top:50px;padding-bottom:50px; overflow:hidden}
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ font-size:30px; color:#000; text-transform:capitalize}
.wenzi h2 span{ color:#e40112}



/*产品*/
.product{ padding-bottom:40px;}
.cpleft{ width:100%; margin-top:50px;}
.cpleft ul li { padding-left:30px; margin:0 auto;background:url(../images/jiantou1.png) no-repeat right #2f3b4b; height:65px;background-position: 96% center; margin-bottom:10px;}
.cpleft ul li a{ color:#fff; font-size:20px; line-height:65px; text-transform:capitalize }
.cpleft ul li:hover{background:url(../images/jiantou1.png) no-repeat right #e60012;background-position: 96% center; }
.cpleft ul dl dd{ padding-left:30px; margin:0 auto;background:url(../images/jiantou2.png) no-repeat right #f2f2f2; height:50px;background-position:  96% center; margin-bottom:10px;}
.cpleft ul dl dd a{ color:#555; font-size:17px; line-height:50px; text-transform:capitalize }
.cpleft ul dl dd:hover{background:url(../images/jiantou1.png) no-repeat right #e60012;background-position:  96% center; }
.cpleft ul dl dd:hover a{ color:#fff; }

.cpright{ width:100%; float:none;margin-top:50px; display:none;}
.cpright ul li:nth-child(2n){ float:none}
.cpright ul li{ float:left;width:44%; margin-left:0%;margin-bottom:30px;box-shadow: 0 0 20px rgba(51,51,51,.2); padding:1% 2%; line-height:35px;border-radius:10px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.pgd{ background:#ebebeb; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50px; font-size:20px; color:#555; margin-top:3px;}
.cpright ul li:hover{	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px); background:#e60012}
	
	
.cpright ul li:hover .pgd{ background:#fff}
.cpright ul li:hover .pname{ color:#fff}

.pname{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; width:85%; }



/*首页公司简介*/
.index_about{ background:none; width:100%; margin:0 auto;}
.about_zm{display: block;-ms-flex-wrap: wrap;flex-wrap: wrap; width:100%; margin:0 auto;align-items: flex-end; overflow:hidden; }
.about_txt{ width:100%; float:none;  background: rgba(230,0,18,.9);display: block; align-items: center; justify-content: center; padding: 2rem 0; display:none }
.about_txt h2{font-weight:bold; font-size:18px; line-height:35px; color:#fff; text-align:center; width:100%; margin:0 auto;}


.about_nr { background:rgba(255,255,255,0.9);-ms-flex: 0 0 50%; flex:none; max-width: 94%; padding:3% 4%; margin-top:0px;-webkit-box-shadow: #ccc 0px 0px 20px; 
   -moz-box-shadow: #ccc 0px 0px 20px; 
   box-shadow: #ccc 0px 0px 20px; }
.about_nr h2{ text-align:center; text-transform:uppercase; font-size:40px; color:#e60012}
.abms{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:7;/*显示行数*/ -webkit-box-orient:vertical; line-height:30px; font-size:15.5px; overflow:hidden; margin-top:20px; height:210px; }


.abmore a{ color:#fff;}
.abmore{ background:#e60012; height:40px; line-height:40px; text-align:center; width:150px; margin:0 auto; border-radius:25px; margin-top:20px; -webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.abmore a{ color:#fff;}
.abmore:hover{ display:block; padding-left:15px; background:#e60012; }
.abmore:hover a{color:#fff!important;}


.aline{ background:#d8d8d8; height:1px; width:100%; margin-top:25px;}
.about_nr ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_nr ul li{ display: flex; flex-direction: column; width:48%; margin-top:30px;}
.about_nr ul > li > div:first-child {font-size: 28px; color: #000; font-weight:bold}
.about_nr ul > li > div { text-align: center;padding-top: 5px;color: #000; }
.about_nr ul li div:nth-child(2){font-size:16px;}
.about_nr ul > li > div:first-child > span{font-size: 22px;font-weight: 400; padding-left:10px;color: #000;}


/*why choose us*/
.why .wenzi{ padding-top:50px; padding-bottom:30px;}
.why{ padding-bottom:50px; overflow:hidden}
.why ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.why ul li{ background:#f5f5f5; margin-right:2px; width:94%; padding:3% 1.5%;-moz-transition: All 0.4s ease-in-out; margin-top:10px; margin-bottom:10px;}

.wtu{ width:92px; height:92px; margin:0 auto;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;-moz-transition: All 0.4s ease-in-out;}




.why ul li h2{ color:#4a4e57; font-size:19px; text-align:center; margin-top:20px; margin-bottom:10px; font-weight:normal; text-transform:capitalize}
.ymiao{ line-height:23px; font-size:15px; color:#4a4e57;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:6;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; text-align:center}



.yuanquan {position: relative; height:90px;}
/* 保持大小不变的小圆圈 何问起 */
.dot {
position:relative; margin:0 auto;
width: 90px;
height: 90px; background:#4a4e57;
left: 0px;
top: 0px; border: 2px solid #4a4e57; 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 2;
}
.why ul li{}
/* 产生动画（向外扩散变大）的圆圈  */
.why ul li:hover .dot{background:#e60012;border: 2px solid #e60012; }
.why ul li:hover .pulse { display:none;
position: absolute;
width: 150px;
height: 150px;
left: 35px;
top: -35px;
border: 6px solid #e60012; background:#e60012;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
-webkit-animation: warn 2s ease-out;
-moz-animation: warn 2s ease-out;
animation: warn 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
box-shadow: 1px 1px 30px #e60012;
}

.why ul li:hover .pulse1 {
position: absolute; display:none;
width: 150px;
height: 150px;
left: 35px;
top: -35px;
border: 6px solid #e60012;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
-webkit-animation: warn1 2s ease-out;
-moz-animation: warn1 2s ease-out;
animation: warn1 2s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
box-shadow: 1px 1px 30px #e60012;
}


/*soloutions*/
.jjfa { padding-top:0px!important}
.jjfa .wenzi{ padding-bottom:30px;}
.fang_zuo{ width:50%}
.grid {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center; margin:0px; padding:0px;display: flex; flex-wrap: wrap; justify-content: space-between; 
}

/* Common style */

.grid figure {width:100%; margin:0px; padding:0px;
	position: relative;  margin-top:7px; 
	overflow: hidden;
	max-height: 300px;
	text-align: center;
	cursor: pointer;}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}

.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;white-space: nowrap;font-size: 0;opacity: 0;}



.grid figure h2{text-align:center;text-transform:capitalize;font-size:20px;}

.grid figure h2 span {font-weight: 800;}

.grid figure h2,.grid figure p {margin: 0;}

.grid figure p {font-size:15px; text-align:center; margin-top:20px;}

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0, 0);
	transform: translate3d(-40px,0,0);}

figure.effect-lily figcaption {text-align: left;}
figure.effect-lily figcaption:hover{ background:rgba(0,0,0,0.6)}
figure.effect-lily figcaption > div {bottom: 0;left: 0;}


figure.effect-lily h2{-webkit-transform: translate3d(0,260px,0);
transform: translate3d(0,260px,0);}

figure.effect-lily p {-webkit-transform: translate3d(0,240px,0);
transform: translate3d(0,240px,0);}

figure.effect-lily h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}

figure.effect-lily p {color: rgba(255,255,255,0.8);opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}

figure.effect-lily:hover img,figure.effect-lily:hover p {opacity: 1;}
figure.effect-lily:hover {background:rgba(0,0,0,0.8);height:100% }
figure.effect-lily:hover img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


figure.effect-lily:hover p {-webkit-transform: translate3d(0,205px,0);transform: translate3d(0,205px,0);}

figure.effect-lily:hover h2{-webkit-transform: translate3d(0,220px,0);transform: translate3d(0,220px,0);}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;}
	

/*广告*/
.guanggao{ background:url(../images/g_bg.jpg) no-repeat center fixed ;width:100%; margin:0 auto; color:#fff; }
.guanggao .wd1200{ padding-top:45px;}
.gd_zuo{ width:100%; float:none; font-size:18px; line-height:35px;}
.gd_you{ width:100%; float:none; font-size:15px; line-height:30px; margin-top:20px;}
.hengyou{ margin-left:20px;}
.youxiang a{ color:#fff;}


/*流程*/
.liucheng{background: url(../images/ys_bg.jpg) no-repeat center top #f4f0ed;}
.liucheng ul{ margin-top:20px; }
.liucheng ul li.jiantou{ display:none; background:url(../images/yjt.png) no-repeat center; height:45px; width:39px; margin-top:10px; }
.liucheng ul li{ width:48%; margin-top:15px;}
.liucheng ul li:nth-child(2n){ float:right}
.liucheng ul li:hover{ margin-top:-0px;}
.liucheng ul li .ioc_yuan{border:1px solid rgba(228,1,18,0.3); border-radius:50%; width:70px; height:70px; display: flex;justify-content: center;
align-items: center; text-align:center; margin:0 auto}
.liucheng ul li .ioc_yuan img{ text-align:center;max-width:70px;max-height:70px; }
.liucheng ul li .ioc_name{width:90%; margin:0 auto; color:#555; font-size:15px; margin-top:10px; text-align:center; }



/*-------底部-----------*/
.foot .wd1200{ padding-top:50px; padding-bottom:40px;}


.fpro{ width:24%; display:none}
.fabout{ width:24%; display:none }
.fcon{ width:100%; float:none  }
.fyy{ display:none}
.fyy ul li{ line-height:30px;}
.flianxi{ line-height:35px;}




.banquan{  padding-left:10px; padding-right:10px; font-size:15px; }
a.zzb07link{ font-size:15px;}
.zzb07tail{font-size:15px;}





/*内页*/
.ny_weizhi{line-height:auto; height:auto; padding-top:10px; padding-bottom:10px; }
.dingwei{width:95%; margin:0 auto;}
.weizhi{  color:#333; background:url(../images/dw.png) no-repeat left top 4px; background-size:20px; padding-left:25px; line-height:25px; font-size:15px;}


.banwz{/*background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 0.1));*/ height:300px;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center; text-align:center}
.bantxt{ width:1200px; margin:0 auto;}
.bantxt h2{ color:#fff; text-transform:capitalize; font-size:50px;   text-shadow: 0 0 30px #e60012; }


.neiyebt {font-size: 30px;}

.nav-tabs-wrapper ul{ width:100%;margin:0 auto; text-align:center; margin-bottom:30px; margin-top:40px;display: block;  justify-content: space-between; }
.nav-tabs-wrapper a:nth-child(2n){ float:right}
.nav-tabs-wrapper a{ float:left}

.nav-tabs-wrapper  a:hover li { color: #fff;}
.nav-tabs-wrapper li:hover{ background:#e60012}
.nav-tabs-wrapper a{width: 48%;text-align: center;vertical-align: center;position: relative; height:40px; line-height:40px; margin-left:5px; background:#f2f2f2; float:left; font-size:16px; margin-bottom:7px;}



.neirong_nbk{ min-height:300px;line-height: 30px;font-size: 16px; margin-top:40px;}

.nymain{width:95%;padding-bottom:40px; padding-top:40px;}

.neirong{ width:90%; margin-top:30px;padding:5%; }

.neirong_nmenu{width:1200px; margin:0 auto; min-height:300px;line-height: 30px;  margin-bottom:0px; margin-top:30px;}

.nymain .index_pro ul li{ margin-bottom:30px; width:24.5%; margin-left:1%; margin-right:1%;}


.factory strong{ font-size:20px;}
.factory { font-size:16px; line-height:30px;}


/*内页公司简介*/
.neiab ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:20px; margin-bottom:40px; }
.neiab ul li{ width:48%; display: flex; flex-direction: column;  margin-top:30px;}
.neiab ul > li > div:first-child {font-size: 28px; color: #000; font-weight:bold}
.neiab ul > li > div { text-align: center;padding-top: 5px;color: #000; }
.neiab ul li div:nth-child(2){font-size:16px;}
.neiab ul > li > div:first-child > span{font-size: 22px;font-weight: 400; padding-left:10px;color: #000;}


/*plants*/
.factory ul li{  position:relative;background:#eeeeee;float:none; width:98%; margin-left:0; margin-right:0%; padding:1% 1% 60px 1%; margin-bottom:30px; }

.factory ul li .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.factory ul li .factory_name{ text-align:center; padding-bottom:15px; }
.factory ul li .factory_tu img{max-width:100%;max-height:230px; transition: all 0.8s;object-fit: cover;}
.factory ul li .factory_tu img:hover{   transform: scale(1.1);}

.factory_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  

    z-index: 5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.factory_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #e60012;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.h_plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}
.h_plus span {
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
	font-size:24px;

}
.factory_name p { font-size: 15px;}

.factory ul li:hover .factory_name { padding-top: 40px;}
.factory ul li:hover .factory_name::before { opacity: 1;}
.factory ul li:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.factory ul li:hover .factory_name p { color: #ffffff;}

/*内页产品分类*/
.list{width: 100%;}
.list ul li{background-color:#e60012; border-bottom:0; }
.list ul li a{padding-left: 20px;color: #fff; font-size:20px; display: block; font-weight:bold;height:56px;line-height: 56px;position: relative; text-transform:capitalize; width:250px; float:left;}
.list ul li .inactive{ background:url(../images/side_icon.png) no-repeat   center center;}
.list ul li .inactives{ background:url(../images/side_icon1.png) no-repeat   center center!important;}
.list ul li ul li .inactive{ background:url(../images/side_icon2.png) no-repeat  center center;}
.list ul li span {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  margin-top: 17px;
  cursor: pointer;
}
.list ul li ul li ul li .inactive{ background:none!important;}
.list ul li ul li .xxxx{ background:url(../images/side_icon.png) no-repeat  270px center!important;}
/**
.list ul li .inactives{background:url(../images/side_icon1.png) no-repeat
 center center!important;} **/

.list ul li ul li .inactives{background:url(../images/side_icon4.png) no-repeat center center!important;} 

.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f1f1f1; border-bottom:1px solid #d8d8d8;overflow:hidden;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ font-size:17px;padding-left:30px; color:#222; font-weight:normal;width:240px;float:left;}
.list ul li ul li span{display: block;float: left;width: 22px;height: 22px;margin-top: 17px; cursor:pointer;}
.list ul li ul li ul li { background-color:#fff; border-bottom:1px solid #eee; }
.list ul li ul li ul li:last-child{ border-bottom:0px;}
.last{ background-color:#fff; border-color:#eee; }
.list ul li ul li ul li a{ color:#555; padding-left:25px; padding-right:25px; font-size:14px; line-height:20px; height:auto; padding-top:12px; padding-bottom:12px; word-wrap:break-word;  }
.list ul li ul li ul { border-left:1px solid #eee;border-right:1px solid #eee;float:left;width:100%;}
.list ul li ul li ul li a:hover{ color:#e60012}

/*plants*/
.honor ul li{  position:relative;background:#f4f4f4;float:left; width:46%; margin-left:0%; margin-right:0%; padding:1% 1% 60px 1%; margin-bottom:30px; }
.honor ul li:nth-child(2n){ float:right}
.honor ul li .factory_tu{ width:100%;display: flex;justify-content: center;align-items: center; height:230px; overflow:hidden}
.honor ul li .factory_name{ text-align:center; padding-bottom:15px; }
.honor ul li .factory_tu img{max-width:100%;max-height:230px; transition: all 0.8s;object-fit: cover;}
.honor ul li .factory_tu img:hover{   transform: scale(1.1);}
.honor ul li:hover .factory_name { padding-top: 40px;}
.honor ul li:hover .factory_name::before { opacity: 1;}
.honor ul li:hover .h_plus {top: -20px;visibility: visible; opacity: 1;}
.honor ul li:hover .factory_name p { color: #ffffff;}


/*内页联系我们*/
/*oncopy*/
.diermail{ margin-top:10px;}
#contact-copy{display: flex;align-items: center;}
.copy-button{ 
width: 21vw;
height: 5.4vw;
border-radius: 2.3vw;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: transform .2s;
background: linear-gradient(105deg, #e60012 0%, #f66974 50%, #e60012 100%);}



.copy-button::before{
content: "";
width: 1.5vw;
height: 2.4vw;}

.copy-button::after{
content: "COPY";
font-size: 3vw;}

.copy-text{
color: #e60012;
font-size: 3vw; line-height:30px;}
#information-head p{display: inline;padding: 0;}
#input-copy{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;}
#input-copy {pointer-events: none;}



.nditu .dd{ font-size:18px;}
.nditu input textarea{ color:#555}
.nditu .contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:100%;}
.nditu  .contact_2_1_mid{ width:80%;}
.nditu .contact_2_1 ul li{ margin-bottom:0.5em;
float:left; width:100%;}
.nditu .contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:left}

/*内页联系我们*/
.nlian{ width:100%; float:none }
.nditu{ width:100%; float:none; background:#f4f4f4; margin-top:30px; }
.nyadd h2{ font-size:18px}
.nyadd{ background:url(../images/con1.png) no-repeat left top -5px; padding-left:40px;background-size:auto 35px;}
.nymail h2{ font-size:18px}
.nymail{ background:url(../images/con2.png) no-repeat left top -5px; padding-left:40px;background-size:auto 35px; line-height:25px; margin-top:30px;}
.nytel h2{font-size:18px}
.nytel{ background:url(../images/con3.png) no-repeat left top -5px; padding-left:40px;background-size:auto 35px; line-height:25px; margin-top:30px;}
.nyshijian h2{ font-size:18px}
.nyshijian{ background:url(../images/con4.png) no-repeat left top; padding-left:40px;background-size:auto 35px; line-height:25px; margin-top:30px;}

.contact_2{ padding:20px; padding-bottom:120px;  }
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:48.5%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.tixing{ line-height:50px;}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1 ul li:nth-child(5) .contact_2_1_mid{ width:96%; padding:0.8em 2%;;}
.contact_2_1_mid{ width:90%;
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em; outline:none}
.contact_2_1_mid textarea{ height:5em;
border:none; background:none; width:100%; font-size:1em;outline:none}

.anniu2 {
font-size:0.8em;line-height:2.5em;margin-top:60px;margin-bottom:0px;}





.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#111; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}
.hyb { color:#40904a; font-size:25px; font-weight:bold; }
.hya{ font-size:18px; margin-top:20px;}




/*order*/
.liuyan{ background:#fafafa; padding:20px; margin-top:50px;}
.shuoming{ font-size:18px; color:#e60012; padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}

.liuyan .contact_2_1{ width:100%; margin:0 auto}

.contact_2_1 ul li{ margin-bottom:10px;
float:left; width:100%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:left}
.contact_2_1 ul li:nth-child(5){
width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em; width:80%}
.teshuw{ width:93.8%}

.contact_2_1_mid input{ color:#999;
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;}
.contact_2_1_mid textarea{color:#999;
border:0; background:none; font-size:16px;outline:none;}
.tixing{padding-left:10px; line-height:50px;}

.anniu { border:0PX;
font-size:1.125em; display:inline-block; color:#fff; background-color:#e60012; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu { margin-top:3.5em;}
.anniu:hover{
background-color:#999;}






/*内页产品*/
.proleft{ width:100%; float:none; display:none; overflow:hidden; height:auto!important;  }
.proright{ width:100%;min-height:400px; float:none}

.ptop{ border-bottom:1px solid #ddd;line-height:40px;}
.ptop h2{ font-size:25px; font-weight:normal; color:#000; float:none; text-align:center}

.prowz { display:none}
.proright li{border-bottom:1px dashed #ddd;padding-bottom:25px; padding-top:25px;}
.proright li dl dt{width:32%;height:176px;float:left; border:1px solid #f2f2f2; display: flex;justify-content: center;
align-items: center; overflow:hidden}
.proright li dl dt img{max-width:100%;max-height:166px; transition: all 0.8s;}
.proright li dl dt img:hover{   transform: scale(1.1);}

.proright li dl dd{width:65%;float:right; margin:0px;}
.proright li dl dd a{ font-weight:bold; font-size:17px;}
.proright li .tex{color:#787878;font-size:15px;line-height:25px;height:100px;padding-top:5px; overflow:hidden; margin-bottom:7px;}
.proright li .tex p{ padding:0px; margin:0px;}
.ny_pro_more a{ border:1px solid #e60012;width:98px;height:28px;line-height:28px;text-align:center;margin-top:6px; margin-right:15px; display:inline-block; border-radius:20px; font-weight:normal!important; font-size:15px!important; color:#e60012}
.ny_pro_more a:hover{background:#e60012; transform:0.4s; color:#fff}

.proma{ margin-left:5px;}

/*! Freebie Skelet */

ul.expmenu * { list-style: none; }
ul.expmenu > li > div.header { background:#e60012; line-height:50px;}
ul.expmenu > li > div.header a{ color:#fff; font-size:18px;text-transform:capitalize }
ul.expmenu > li:last-child > div.header { border-bottom: none; }
ul.expmenu > li ul li { background-color: #ececec; padding: 12px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
ul.expmenu > li ul li a{ padding-left:20px;text-transform:capitalize }
ul.expmenu > li ul li:last-child { border-bottom: none; }
ul.expmenu > li ul li.selected { background-color: #f4f4f4; }
ul.expmenu div.header{color: #fff;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);background: #e60012;}
ul.expmenu > li > div.header > .label { padding-left: 15px;}
ul.expmenu > li > div.header > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; padding-right:15px; }
ul.expmenu > li > div.header > .arrow.up { background-image: url(../images/arrow_u.png); margin-top:17px; }
ul.expmenu > li > div.header > .arrow.down { background-image: url(../images/arrow_d.png); margin-top:17px;}

/* Mouse Events */
ul.expmenu div.header:hover{background: #d00313; cursor: pointer;}
ul.expmenu > li ul li:not(.selected):hover{background: #e7e7e7; cursor: pointer;}
ul.expmenu > li ul li:not(.selected):active{background: #f1f1f1; cursor: pointer;}

#neiye_pro{ position:relative; }


/*.nyabout{ width:100%;background:url(../images/nyabout.jpg) no-repeat center  ; margin: 0 auto; height:250px;}*/
.nycon{ width:100%; height:150px; background:url(../images/nycon.jpg) no-repeat   center bottom; margin:0 auto;background-size:150%}
.nynews{ width:100%; height:150px; background:url(../images/nynews.jpg) no-repeat    center ; margin:0 auto;background-size:150%}
.nyapplication{ width:100%; height:150px;  margin:0 auto;background-size:150%}
.nypro{ width:100%; height:150px; background:url(../images/nypro.jpg) no-repeat    center ; margin:0 auto; background-size:150%}
/*.nyhonor{ width:100%; height:250px; background:url(../images/nyhonor.jpg) no-repeat    center ; margin:0 auto}*/


/*产品详细页*/
.prorightxx{ width:100%; float:none}
.pro_con{ margin-top:40px; background:#fafafa}
.pro_con_left{ width:100%; float:none;height:350px; background:#fff; display: flex;justify-content: center;
align-items: center;}
.pro_con_left img{max-width:100%;max-height:350px; }
.pro_con_left img:hover{   }
.pro_con_right{ width:94%; float:none; padding:3% 2%; margin-top:30px;}
.pro_con_right h2{ font-weight:normal; color:#000; font-size:18px;}
.pro_xx{ margin-top:10px; line-height:30px;}
.send{ margin-top:10px;  text-align:center}
.send a{ color:#fff}
.send ul li:hover{ background:#111;}
.send ul li{ float:left;background:#e60012; line-height:35px; padding-left:0px; padding-right:0px; width:48%; margin-bottom:10px;}
.send ul li a{ font-size:15px;}
.send ul li:nth-child(2n){ float:right}
.send ul li:nth-child(2){ margin-left:0px; margin-right:0px;}


.jqzoom {
 width:100%;
 height:100%;
 position:relative;
 cursor:pointer;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center
}
.jqzoom img {
 max-width:100%;
 max-height:100%
}
.zoomdiv {
 z-index:200;
 position:absolute;
 top:0;
 left:0; width:100%;
 height:270px!important;
 background:#fff;
 display:none;
 overflow:hidden
}
.zoomdiv .bigimg {
 position:absolute;
 top:0;
 left:0;
 max-width:unset;
 max-height:unset
}
.jqZoomPup {
 z-index:10;
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 width:20px;
 height:20px;
 border:1px solid #ddd;
 background:#fafafa;
 opacity:.5;
 -moz-opacity:.5;
 -khtml-opacity:.5;
 filter:alpha(Opacity=50)
}
.jqZoomPup img {
 min-width:100%
}
.spec-preview {

 height:270px!important;
 border:1px solid #eee; margin-top:20px;
}
.spec-scroll {
 clear:both;
 margin:20px 0;
 width:100%;
 height:54px; 
}
.spec-scroll .prev {
 float:left;
 margin-right:10px;
 background:url(../images/duo_left.gif) center no-repeat
}
.spec-scroll .next {
 float:right;
 background:url(../images/duo_right.gif) center no-repeat
}
.spec-scroll .next,
.spec-scroll .prev {
 display:block;
 text-align:center;
 width:19px;
 height:54px;
 cursor:pointer
}
.spec-scroll .next:hover,
.spec-scroll .prev:hover {
 background-color:none
}
.spec-scroll .items {
 float:left;
 position:relative;
 width:85%;
 height:56px;
 overflow:hidden
}
.spec-scroll .items ul {
 position:absolute;
 width:640px;
 height:56px;
 overflow:hidden
}
.spec-scroll .items ul li {
 float:left;
 width:56px
}
.spec-scroll .items ul li span {
 box-sizing:border-box;
 display:block;
 vertical-align:middle;
 width:50px;
 height:50px;
 text-align:center;
 border:1px solid #ddd;
 padding:0px
}
.spec-scroll .items ul li img {
 width:100%;
 height:100%;
 object-fit:cover;
 cursor:pointer
}
.spec-scroll .items ul li span.active,
.spec-scroll .items ul li span:hover {
 border:2px solid #db241e;
 padding:0px
}
#tinybox {
 top:50%!important;
 left:50%!important;
 transform:translate(-50%,-50%);
 position:fixed;
 display:none;
 padding:10px;
 background:#fff url(/Html/images/preload.gif) no-repeat 50% 50%;
 border:10px solid #ddd;
 z-index:99997
}
#tinymask {
 position:absolute;
 display:none;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background:#000;
 z-index:99997
}
#tinycontent {
 background:#fff;
 width:100%;
 height:100%
}
.spec-scroll .items ul li img {
 margin:0 auto
}
#imgee {
 width:100%;
 height:100%;
 object-fit:contain
}
#tinymaskNext,
#tinymaskPrev {
 display:none;
 position:fixed;
 top:50%;
 border:3px solid #fff;
 width:35px;
 height:35px;
 border-top:0;
 border-right:0;
 background:0 0;
 z-index:99999;
 outline:0
}
#tinymaskPrev {
 left:30px;
 transform:rotate(45deg)
}
#tinymaskNext {
 right:30px;
 transform:rotate(225deg)
}
.spec-scroll .items ul li:nth-last-child(1) {
 width:50px
}




#cont{ background:#fafafa;}
.pro_detail .dtop{ margin-bottom:30px; background:#d8d8d8; height:40px;}
.pro_detail h2{ width:150px; text-align:center; background:#e60012; height:40px; line-height:40px; font-size:17px; color:#fff; font-weight:normal; margin-top:50px;}

.pro_detail table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto;}
.pro_detail tr td{padding: 5px;border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid; text-align:center; font-size:15px;word-wrap:normal}
strong{ padding-bottom:15px;}
.pro_detail { line-height:30px;}
.xgpro ul {display: flex; flex-wrap: wrap; justify-content: space-between; }

.xgpro ul li { width:44%; border:1px solid #eee; padding:2%; margin-bottom:20px;}
.xgpro ul li img{ text-align:center}
.xgpro ul li p{  word-wrap:break-word; line-height:20px; font-size:14px; }

.xgtu{ display: flex;justify-content: center;align-items: center; height:135px;}
.xgtu  img{max-width:100%;max-height:135px; transition: all 0.8s;}
.xgpro ul li:hover img{   transform: scale(1.1);}
.xgpro ul li:hover{ border:1px solid #e60012}


/*悬浮链接*/
/*main css*/
.izl-rmenu{position:fixed; left:50%; margin-left:659px; bottom:10px; padding-bottom:63px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:52px; height:53px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#06a7f6;background-size: auto 52px;}
.izl-rmenu .btn-qq:hover{background-color:#06a7f6;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#06a7f6; text-decoration:none; display:block;background-size: auto 52px;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#06a7f6;background-size: auto 52px;}
.izl-rmenu .btn-wx:hover{background-color:#06a7f6;}
.izl-rmenu .btn-wx .pic{background-color:#06a7f6; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#06a7f6;background-size: auto 52px;}
.izl-rmenu .btn-phone:hover{background-color:#06a7f6;}
.izl-rmenu .btn-phone .phone{background-color:#06a7f6; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#444; display:none;background-size: auto 52px;}
.izl-rmenu .btn-top:hover{background-color:#444;}



.tbottom{ height:3.5rem;}
#BottomNav { background-color:#333; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39999; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #fff;
    display: block; 
    


}


#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:capitalize;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}
	

   
.cpleft { width:100%; display:flex; justify-content:space-between;} 
.cpright { width:100%;} 
.cpleft ul { width:41%; border-radius:25px; overflow:hidden; background: url(../images/qw.png) no-repeat 90% 80% #e60012; padding:3% 4%; 	box-shadow: 0 0 20px rgba(51, 51, 51, .2); }
.cpleft ul:last-child { background: url(../images/qw.png) no-repeat 90% 70% #464646;}
.cpleft ul a {  width:100%; }	
.cpleft ul a li { background:none; line-height:55px; height:55px; font-size:25px; transition:all .4s;}
.cpleft ul a:hover li {background:none; transform:scale(1.02,1.02);}

.cpleft ul dl {width:100%; padding-top:0px; }
.cpleft ul dl a dd { width:22.33333%; margin-right:3%; display:inline-block;}
.cpleft ul dl a dd { background:none; line-height:22px; height:auto;  transition:all .4s;
text-overflow: ellipsis;
display:;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 22px;
line-height: 22px;

}
.cpleft ul dl dd:hover { background:none;  transform:scale(1.02,1.02); }
.cpleft ul dl a dd { color:rgba(255,255,255,.9);}


.cpleft ul:last-child dl a dd { width:100%; margin-right:0%;}

.biaoti .xx { display:block; width:70px; height:5px; margin:20px auto; background:#e60012;}

.con_05 .xx { display:block; width:70px; height:5px; margin:20px auto; background:#e60012;}