@charset "gb2312";
body {font-family: "Microsoft Yahei";font-style:normal;color: #444;margin:0px;padding:0px;background-image:url(../img/bg.png);background-color: #FFFFFF;background-repeat:repeat-x;}
ul,li{ margin:0px; padding:0px; list-style:none}
img{ border:0px;}
.clear{ clear:both;}


.product-hot { width:220px;  margin-top:20px}
.product-hot b { background:#065aa9; height:37px; line-height:37px; color:#fff; padding-left:20px; display:block;}
.product-hot li { height:auto;  background:#FFFFFF; border-left:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; border-bottom:1px #f1f1f1 solid; padding:10px;  overflow:hidden}
.product-hot li img{ float:left; width:60px;  margin-right:10px;}
.product-hot li a span{ margin-top:10px; display:block}
.product-hot li a{ font-size:13px; color:#444; text-decoration:none;}
.product-hot li a:hover{ font-size:13px; color:#065aa9; text-decoration:none;}

.news-hot { width:220px;  margin-top:20px}
.news-hot b { background:#065aa9; height:37px; line-height:37px; color:#fff; padding-left:20px; display:block;}
.news-hot li { height:25px; line-height:25px; background:url(../img/g4.png) no-repeat 10px 15px; border-left:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; border-bottom:1px #f1f1f1 solid; padding:5px 5px 5px 25px;  overflow:hidden;display:block; white-space: nowrap; text-overflow: ellipsis; }
.news-hot li:last-child{ border-bottom:none}
.news-hot li a{ font-size:13px; color:#444; text-decoration:none;}
.news-hot li a:hover{ font-size:13px; color:#065aa9; text-decoration:none;}



.top { height:30px; line-height:32px; width:1100px; margin-left:auto; margin-right:auto; font-size:12px; font-family:"ab","Microsoft Yahei"; color:#666;}


.top .qq{  position:absolute; margin-top:8px;}

.weixin{ width:100px; float:right; height:30px; font-size:12px;  text-align:center; position: relative; margin-left:-1px; margin-top:0px; border-left:1px #E3E3E3 solid; padding-left:10px; padding-right:10px; border-right:1px #E3E3E3 solid;}
.weixin a{ width:100px; height:32px; display:block; position: relative; top:-34px; }
.weixin .weixin_nr{width:100px; height:100px; padding:10px; margin-top:7px; background:#ffffff; border-right:1px #E3E3E3 solid; border-bottom:1px #E3E3E3 solid; border-left:1px #E3E3E3 solid; text-align:center; display:none; position: relative; left:-11px; bottom:40px;}
.weixin.on .weixin_nr{ display:block;}

.header{ width:1100px; margin-left:auto; margin-right:auto; height:100px;}
.header .logo{ margin-top:28px; width:400px; float:left;}
.header .search{ float:left; margin-left:370px;margin-top:37px;}

#search-box{width:326px;height:29px;background:url(../img/search.gif) no-repeat 0 0; margin:0 auto}
.input-box{ float:left; width:220px; height:29px; line-height:29px; padding-left:11px; border:0; background:none; text-align:left; font-size:13px; color:#999;}
.button{ float:right; border:0; background:none; text-indent:-999px; width:70px; height:29px; cursor:pointer}

.menu{ width:1100px; margin-left:auto; margin-right:auto; height:50px; margin-top:2px;}
.menu ul{ margin:0px; padding:0px;}
.menu li{ float:left; font-family:"ab","Microsoft Yahei";  width:120px; background:url(../img/hoverbg.png) right no-repeat; text-align:center; font-size:16px; height:54px; line-height:54px; }
.menu li a{ color:#fff; text-decoration:none;display:block;transition:all 0.2s linear}
.menu li a:hover{ color:#fff; text-decoration:none; background:#1981E0;}

.menu .current a{ color:#fff; text-decoration:none; background:#1981E0;}


.menu .tel{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size:26px; color:#fff; height:54px; line-height:54px; background:url(../img/tel.png) left no-repeat; padding-left:50px; margin-left:40px;}

.flexslider {margin: 0px auto 20px;	position: relative;	width: 100%;height: 350px;overflow: hidden;	zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;	margin: -35px 0 0;display: block;background: url(../img/ad_ctr.png) no-repeat;	position: absolute;
	top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;	filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;	filter: alpha(opacity=50);}
.flex-control-nav {	width: 100%;position: absolute;	bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../img/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;	height: 350px;	display: block;}

.product{ width:1100px; margin-left:auto; margin-right:auto;}
.product h2{ color:#005AAB; font-size:30px; font-weight: normal;}
.product h2 span{ color:#999; font-size:25px; padding-left:20px;}

.product h2 a{ transition:all 0.2s linear; margin-top:5px; font-size:12px; float:right; text-decoration:none; color:#444; border:1px #ccc solid; padding:3px 15px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.product h2 a:hover{ font-size:12px; float:right; text-decoration:none; color:#fff; border:1px #ff6600 solid; padding:3px 15px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background:#ff6600 }




.product .left{ width:250px; float:left; border-bottom:1px #E7E7E7 solid;}
.product .left li{ line-height:36px; }
.product .left li a{ color:#444; text-decoration:none; display:block; font-size:14px; padding-left:20px; transition:all 0.2s linear;border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; font-weight:bold;}
.product .left li a:hover{ background:#005AAB; color:#FFFFFF; border-left:1px #005AAB solid; border-top:1px #005AAB solid; border-right:1px #005AAB solid; }

.product .left li ul li{ line-height:36px;}
.product .left li ul li a{ color:#444; text-decoration:none; font-weight:normal; display:block; font-size:14px; padding-left:30px; transition:all 0.2s linear;border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid;}
.product .left li ul li a:hover{ background:#f1f1f1; color:#444; border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid;}


.product .right{ width:850px; float:left; }
.product .right li{ margin-left:20px; float:left; width:190px; height:230px; margin-bottom:10px; text-align:center; }
.product .right li img{ width:190px; height:180px; object-fit:contain; display:block; border:1px #E7E7E7 solid; margin-bottom:8px;}
.product .right li a{ text-align:center; font-size:13px; color:#444; text-decoration:none;}
.product .right li a:hover{ color:#005AAB;}
.product .right img:hover{ border:1px #005AAB solid; transition:all 0.2s linear}

.gs{ width:100%; background:#f6f6f6; margin-left:auto; margin-right:auto; overflow:hidden; margin-top:20px; margin-bottom:20px; border-bottom:1px #ECEAEA solid; border-top:1px #ECEAEA solid; height:auto;}
.company{ width:1100px; margin-left:auto; margin-right:auto;}

.company .left{ float:left; width:600px; margin-top:20px; margin-bottom:20px; font-size:13px; line-height:28px; text-indent:28px;}
.company .left img{ padding-left:10px; padding-top:10px; margin-left:10px; margin-top:10px; width:190px; border:1px #ccc solid; padding:2px;}
.company .left h2{ color:#005AAB; font-size:30px; font-weight: normal; margin:10px 0px 24px 0px; padding:0px;}
.company .left h2 span{ color:#999; font-size:25px; padding-left:20px;}

.company .left h2 a{ transition:all 0.2s linear; margin-top:5px; font-size:12px; float:right; text-decoration:none; color:#444; border:1px #ccc solid; padding-right:22px; text-align:center; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding-left:0px; }

.company .left h2 a:hover{ font-size:12px; float:right; text-decoration:none; color:#fff; border:1px #005AAB solid; padding-right:22px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background:#005AAB }



.company .right{ float:left; width:450px; margin-left:50px; margin-top:20px; margin-bottom:20px; font-size:13px;}

#help dt{cursor:pointer; color:#353535; font-size:14px; margin-bottom:0px; color:#005AAB; }
#help dd{ display:none;color:#767676; font-size:12px; padding:5px 0px;  background:#f6f6f6; margin-bottom:10px;line-height:20px; letter-spacing:1px;}
#help dt,#help dd{ margin-left:45px; position:relative;}
#help dt i,#help dd i{background:url(../img/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-45px; top:-5px;}
#help dd i{background-position: 0 -35px;}
#help dl{ margin:5px; padding:8px; border:1px #ccc solid; border-radius:5px;}


.news{ width:1100px; margin-left:auto; margin-right:auto;}
.news .left{ width:520px; float:left;}
.news .left h2{ color:#005AAB; font-size:30px; font-weight: normal; margin:10px 0px 24px 0px; padding:0px;}
.news .left h2 span{ color:#999; font-size:25px; padding-left:20px;}
.news .left h2 a{ transition:all 0.2s linear; margin-top:5px; font-size:12px; float:right; text-decoration:none; color:#444; border:1px #ccc solid; padding:3px 15px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.news .left h2 a:hover{ font-size:12px; float:right; text-decoration:none; color:#fff; border:1px #ff6600 solid; padding:3px 15px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background:#ff6600 }


.news .left img{ width:114px; height:80px; float:left; border:1px #ccc solid; padding:2px;}
.news .left .r{ float:right; margin-left:20px; width:380px;}
.news .left .r a{ text-decoration:none; font-size:15px; color:#005AAB; font-weight:bold;}
.news .left .r a:hover{ text-decoration: underline; font-size:15px; color:#005AAB;}

.news .left ul{ margin:10px 0px; padding:0px;}
.news .left ul li{ height:30px; line-height:30px; background:url(../img/g4.png) left no-repeat; padding-left:15px;}
.news .left ul li i{ float:right; font-size:12px;}
.news .left ul li a{ font-size:13px; color:#555; text-decoration:none;}
.news .left ul li a:hover{ font-size:13px; color:#005AAB; text-decoration:underline;}
.news .left .r p{ font-size:12px; line-height:20px; margin:0px; height:60px; padding:10px 0px; color:#666;}


.news .right{ width:520px; float:left; margin-left:60px;}
.news .right h2{ color:#005AAB; font-size:30px; font-weight: normal; margin:10px 0px 24px 0px; padding:0px;}
.news .right h2 span{ color:#999; font-size:25px; padding-left:20px;}


.news .right h2 a{ transition:all 0.2s linear; margin-top:5px; font-size:12px; float:right; text-decoration:none; color:#444; border:1px #ccc solid; padding:3px 15px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.news .right h2 a:hover{ font-size:12px; float:right; text-decoration:none; color:#fff; border:1px #ff6600 solid; padding:3px 15px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background:#ff6600 }



.news .right img{ width:114px; height:80px; float:left; border:1px #ccc solid; padding:2px;}
.news .right .r{ float:right; margin-left:20px; width:380px;}
.news .right .r a{ text-decoration:none; font-size:15px; color:#005AAB; font-weight:bold;}
.news .right .r a:hover{ text-decoration: underline; font-size:15px; color:#005AAB;}

.news .right ul{ margin:10px 0px; padding:0px;}
.news .right ul li{ height:30px; line-height:30px; background:url(../img/g4.png) left no-repeat; padding-left:15px;}
.news .right ul li i{ float:right; font-size:12px;}
.news .right ul li a{ font-size:13px; color:#555; text-decoration:none;}
.news .right ul li a:hover{ font-size:13px; color:#005AAB; text-decoration:underline;}
.news .right .r p{ font-size:12px; line-height:20px; margin:0px; height:60px; padding:10px 0px; color:#666;}


.bottom{ background:#005AAB; overflow:hidden; width:100%; margin-left:auto; margin-right:auto; margin-top:40px;}


.foot{ width:1100px; margin-left:auto; margin-top:0px; padding:0px; margin-right:auto; overflow:hidden;}

.foot .link { width:1100px; float:left; color:#fff}
.foot .link ul li{ font-size:13px; color:#fff;}
.foot .link ul li a{ float:left; font-size:13px; color:#fff; transition:all 0.2s linear; text-decoration:none; padding-right:15px; padding-left:15px; border-bottom:1px #0A70CC solid; padding-bottom:30px;}

.foot .link ul li a:hover{ float:left; font-size:13px; color:#fff; text-decoration:none; padding-right:15px; padding-left:15px; border-bottom:1px #33CCFF solid;  }

.foot .left{ width:650px; float:left; margin-top:10px;}
.foot .left .c{ font-size:12px; color:#fff; padding-left:85px;}
.foot .left .link{ font-size:12px; color:#fff; padding-left:85px; margin:10px 0px;}

.foot .right{ font-size:12px; color:#fff; margin-top:10px; float:left; width:350px;  margin-left:40px;}

.foot .right .tel{ font-family: Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px; padding-bottom:10px; }


.cp{ width:1100px; margin-left:auto; margin-right:auto; margin-bottom:40px; height:auto; overflow:hidden;}
.cp .home{ background:url(../img/home.png) left no-repeat; height:25px; margin-top:20px; margin-bottom:20px; padding-left:35px; line-height:28px; font-size:12px;}
.cp .home a{ font-size:13px; color:#444; text-decoration:none;}
.cp .home a:hover{ text-decoration:underline;}
.cp .home span{ border:1px #ccc solid; float:right; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding-left:20px; padding-right:20px; color:#666;}
.cp .left{ width:220px; float:left; border-bottom:1px #E7E7E7 solid;}
.cp .aa li{ line-height:36px; }
.cp .aa li a{ color:#444; background:#f1f1f1; text-decoration:none; display:block; font-size:14px; padding-left:15px; border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; font-weight:bold; }
.cp .aa li a:hover{ background:#005AAB; color:#FFFFFF; border-left:1px #005AAB solid; border-top:1px #005AAB solid; border-right:1px #005AAB solid; }
.cp .aa #current a{ color:#FFCC00; border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid }


.cp .aa ul li ul li{ line-height:36px; }
.cp .aa ul li ul li a{ background:#fff; color:#444; font-size:13px; font-weight:normal; padding-left:30px; }
.cp .aa ul li ul li a:hover{ background:#f7f7f7; color:#005AAB; border-left:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid;}
.cp .aa ul li .current a{ background:#f7f7f7; color:#005AAB; border-left:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid; border-right:1px #f1f1f1 solid; background:url(../img/12.gif) left no-repeat}
.cp .right{ width:870px; float:left; }
.cp .right h1{ height:38px; padding-left:20px; line-height:38px; margin-top:0px; font-weight:bold; margin-left:27px; margin-right:0px; background:#f1f1f1;  font-size:15px;}
.cp .right li{ margin-left:27px; float:left;  width:190px; height:340px; font-size:12px;  margin-bottom:20px;  }
.cp .right li h2{ font-size:13px; font-weight:bold; text-align:left; padding-left:5px; }
.cp .right li p{ font-size:16px; color:#555; text-align:left; padding-left:5px; font-size:12px; width:185px; line-height:20px; height:95px; overflow:hidden;}
.cp .right li a{ text-align:center; font-size:12px; color:#444; text-decoration:none; }
.cp .right li a:hover{ color:#005AAB;}
.cp .right img:hover{  transition:all 0.2s linear}

.cp .right .baojia{ margin-left:27px; margin-right:0px; margin-top:20px; font-size:13px; font-weight:normal; line-height:26px;}
.cp .right .baojia td{ padding-left:10px;}
.cp .right .baojia table{border-collapse:collapse; width:100%;}
.cp .right .baojia table td{
	border:1px solid #CCCCCC;
	text-align: center;font-size:14px; vertical-align:middle;
}
.cp .right .baojia p{margin:auto;}

.cp .aboutleft{ width:220px; float:left; border-bottom:1px #E7E7E7 solid;}
.cp .aboutleft li{ line-height:36px; }
.cp .aboutleft li a{ color:#444; background:#fff; text-decoration:none; display:block; font-size:15px; padding-left:15px; border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; font-weight:bold; }
.cp .aboutleft li a:hover{ background:#f1f1f1; color:#444; border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; }
.cp .aboutleft #current a{ color:#005AAB; background:#f1f1f1; border-left:1px #E7E7E7 solid; border-top:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid }




.about{ min-height:600px; font-size:14px; font-family:"ab","Microsoft Yahei"; color:#444; line-height:30px; margin-left:35px; }
.about img{ border:none;}
.about img:hover{ border:hidden}

.cp .right .about img:hover{ border:none;}


.newlist { margin-left:27px; margin-top:30px;}
.newlist img{ width:200px; height:120px; float:left; border:1px #ccc solid; padding:2px;}
.newlist .r{ float:right; margin-left:20px; width:600px; margin-top:10px;}
.newlist .r a{ text-decoration:none; font-size:15px; color:#005AAB; font-weight:bold;}
.newlist .r a:hover{ text-decoration: underline; font-size:15px; color:#005AAB;}
.newlist p{ font-size:13px; line-height:24px; margin:0px; padding:10px 0px; color:#666;}


.cp .you{ width:870px; float:left; min-height:600px;  }
.cp .you h1{ height:38px; padding-left:20px; line-height:38px; margin-top:0px; font-weight:bold; margin-left:27px; margin-right:0px; background:#f1f1f1;  font-size:15px;}

.cp .you h2{ font-size:20px; color:#444; font-weight:normal; text-align:center; font-weight:bold;  padding-bottom:10px;}
.cp .you .ddate{ border-bottom:1px #ccc solid; font-size:13px; color:#444; margin-left:27px; margin-right:0px;text-align:center; padding-bottom:10px;}
.cp .you .content{ margin-left:27px; padding-top:20px; margin-right:27px; font-size:14px; line-height:28px; color:#444; font-family:"ab","Microsoft Yahei";}

.cp .you .content table{border-collapse:collapse; width:100%;}
.cp .you .content table td{
	border:1px solid #CCCCCC;
	text-align: center;font-size:14px; vertical-align:middle;
}
.cp .you .content p{margin:auto;}
.cp .you .content img{ max-width:600px;}
.cp .you .content p{ text-indent:28px;}



.cp .you .cpxx{ margin-left:27px;  margin-right:27px; font-size:14px; line-height:28px; color:#444; font-family:"ab","Microsoft Yahei";}

.cpimg{ overflow:hidden; border:1px solid #ccc; height:278px; width:298px; text-align:center; float:left; background:#fff;}  

.cpimg img{ width:298px; height:278px; vertical-align:middle; object-fit:contain;}

.cpimg span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}



.imgcp{  height:177px; width:190px; text-align:center; margin-bottom:10px; border:1px #ccc solid; float:left; background:#fff;}  

.imgcp img{ width:190px; height:177px; object-fit:contain; vertical-align:middle;}

.imgcp span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}



.cp .you .cpxx .cpinfo{ float:left; margin-left:50px; width:450px;}
.cp .you .cpxx .cpinfo h2{font-size:20px; color:#444; margin:0px;  font-weight:normal; text-align:left; font-weight:bold;  padding-bottom:10px;}

.cp .you .cpsm{ margin-left:0px; margin-top:30px; margin-bottom:50px;}
.cp .you .cpsm b{ height:30px; border-bottom:1px #ccc solid; display:block;}
.cp .you .cpsm i{ padding:0px 10px 0px 10px; border-radius:10px 10px 0px 0px; font-size:16px;  text-align:center; background:#065aa9; color:#fff; height:30px; line-height:40px; display:inline-block; font-style:normal}
.cp .you .cpsm td{ padding:3px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif}

.cp .you .cpsm table{border-collapse:collapse; width:100%;}
.cp .you .cpsm table td{
	border:1px solid #CCCCCC;
	text-align: center;font-size:14px; vertical-align:middle;
}
.cp .you .cpsm p{margin:auto;}

.price{ font-size:20px; color:#FF3300; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.cp .you .nextnew{ font-size:13px; font-family:"ab","Microsoft Yahei"; line-height:30px; margin-left:25px;}
.cp .you .nextnew a{ color:#444; text-decoration:none;}
.cp .you .nextnew a:hover{ color:#333; text-decoration:underline;}


.cp .you .newlist ul{ margin-top:20px; padding:0px;}
.cp .you .newlist ul li{ height:40px; line-height:40px; width:820px; background:url(../img/g4.png) left no-repeat; padding-left:15px; border-bottom:1px #ccc dotted;}
.cp .you .newlist ul li i{ float:right; font-size:12px;}

.cp .you .newlist ul li b{  float:right; font-size:12px;  color:#fff; font-weight:normal; margin-top:10px;}
.cp .you .newlist ul li b a{ color:#fff;background:#005AAB;border-radius:15px; -moz-border-radius:15px;height:32px; line-height:28px; -webkit-border-radius:15px; padding-left:15px; padding-right:15px; padding-top:3px; padding-bottom:3px; }
.cp .you .newlist ul li b a:hover{ color:#fff;background:#FF9900; text-decoration:none;border-radius:15px;height:32px; line-height:28px;  -moz-border-radius:15px; -webkit-border-radius:15px; padding-left:15px; padding-right:15px; }


.cp .you .newlist ul li a{ font-size:13px; color:#555; text-decoration:none;}
.cp .you .newlist ul li a:hover{ font-size:13px; color:#005AAB; text-decoration:underline;}

.tuijian{ width:800px; margin-left:25px; margin-right:27px; margin-top:50px; }
.tuijian b{height:30px; border-bottom:1px #ccc solid; display:block;}
.tuijian i{ padding:0px 10px 0px 10px; border-radius:10px 10px 0px 0px; font-size:16px;  text-align:center; background:#065aa9; color:#fff; height:30px; line-height:40px; display:inline-block; font-style:normal}
.tuijian ul{ margin-top:10px;}
.tuijian li{ font-size:14px; font-family:"Microsoft Yahei"; color:#444; background:url(../img/g4.png) left no-repeat; padding-left:15px;}
.tuijian li a{ text-decoration:none; color:#444; height:30px; line-height:30px; }
.tuijian li a:hover{ color:#005AAB; text-decoration:underline}



DIV.green-black {PADDING-RIGHT: 8px;PADDING-LEFT: 4px;PADDING-BOTTOM: 4px; margin-bottom:30px; MARGIN-top: 30px;PADDING-TOP: 6px;TEXT-ALIGN: center;	font-family: Arial, Helvetica, sans-serif;}
DIV.green-black A {BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #666 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; font-size:18px; PADDING-TOP: 5px; BORDER-BOTTOM: #666 1px solid; TEXT-DECORATION: none}
DIV.green-black A:hover {BORDER: #094474 1px solid; font-size:18px; background:#094474; COLOR: #fff;}

DIV.green-black A.on  {BORDER: #094474 1px solid; font-size:18px; background:#094474; COLOR: #fff;}


/* leftsead */
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}


.link{ width:1100px; margin-left:auto; margin-right:auto; font-size:13px; }
.link a{ font-size:13px; color:#fff; text-decoration:none; margin-right:6px; margin-left:6px;}


/* DIY */
/* Global */
@font-face {
    font-family: 'ab'; 
    src: url('../fonts/audiblesans-rg.ttf'); 
    src: url('../fonts/audiblesans-rg.ttf?#iefix') format('embedded-opentype'), 
         url('../fonts/audiblesans-rg.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;  
}

html{scroll-behavior: smooth;}

body{
	font-size: 16px;
	background-image: none;
	font-family: ab,"Microsoft Yahei";
}
.container{
	width: 1200px;
	margin: 0 auto;
	max-width: 100%;
}

.top{
	width: 100%;
    height: 37px;
    line-height: 38px;
    position: relative;
    z-index: 80;
    background-color: #f5f5f5;
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}
.top .container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.top-right {
    display: flex;
}

.top-urls a{
	padding: 0 10px;
	display: block;
	color: #666;
	text-decoration: none;
}

.weixin,.weixin a{
	width: auto;
}

.weixin{
	position: relative;
	border: none;
}

.weixin:hover .weixin_nr{
	display: block;
    position: absolute;
    top: 30px;
    left: -25px;
}

.header{
	width: 100%;
	height: auto;
}

.header .container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}

.header .logo{
	margin-top: 0;
}

.header .logo img {
    max-height: 90px;
}

.header-tel{
	display: flex;
	align-items: center;
	text-decoration: none;
}

.header-tel svg{
	width: 64px;
	height: 64px;
}

.header-tel svg path{
	fill: #005AAB;
}

.header-tel p{
	display: flex;
    flex-direction: column;
    font-size: 1rem;
    color: #666;
    margin-left: 5px;
}

.header-tel p b{
	font-size: 1.5rem;
    text-shadow: 2px 2px 3px #ccc;
    font-weight: bold;
    color: #ef1f1f;
    transition: linear .2s;
}

.header-tel:hover p b {
    transform: scale(1.1);
    position: relative;
    left: 10px;
}

.menu{
	width: 100%;
	background: #005AAB;
	height: 60px;
}

.menu li{
	height: 60px;
	line-height: 60px;
	width: 146px;
	position: relative;
}

.menu li a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.menu li a:hover{
	background: unset;
}

.menu .container > ul > li > a:hover{
	background: #1981E0;
}

.menu .container > ul > li:hover .sub-menu{
	display: flex;
	height: auto;
	transition: height .4s;
}

.menu li a svg{
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

.menu li:hover a svg{
	transform: rotate(90deg);
}

.menu li a svg path{
	fill: #FFFFFF;
}

.menu .products-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    background: rgba(25, 129, 224, 0.98);
	display: none;
	flex-direction: row;
	align-items: stretch;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	height: 0;
	transition: linear .3s;
	padding: 5px 0 10px;
}


.products-menu li.bigClass ul{
	display: flex;
	flex-direction: column;
}

.menu .products-menu li a{
	background: unset;
}

.products-menu > li {
    background: unset;
    font-size: 1rem;
	height: auto;
}

.products-menu > li > a{
	border-bottom: 1px dashed;
	height: 40px;
    line-height: 40px;
	margin-bottom: 5px;
	font-weight: bold;
	box-sizing: border-box;
}

.products-menu > li:hover > a{
	border-bottom: 3px solid;
	color: #333;
}

.products-menu > li:hover > a::before{

}

.products-menu li.bigClass ul li {
    line-height: unset;
    height: auto;
	background: unset;
	font-size: 0.8rem;
	width: auto;
}

.products-menu li.bigClass ul li a{
	height: auto;
	line-height: 26px;
	display: block;
	padding: 1px 5px;
}

.products-menu li.bigClass ul li a:hover{
	color: #333;
}

.pop-search {
	width: 266px;
	position: relative;
	/* margin: 0 10px; */
	display: inline-flex;
	height: 60px;
	margin-left: 3%;
	float: right;
  }
  
  .pop-search form{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
  }
  
  .pop-search .text {
	width: calc(100% - 42px); 
	padding: 10px; 
	border: 1px solid #ccc; 
	border-radius: 5px 0 0 5px; 
	font-size: 16px; 
	color: #666; 
	background-color: #fff; 
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
	transition: all 0.3s ease; 
  }
  
  .pop-search .text:focus {
	outline: none; 
	box-shadow: 0 0 8px rgba(0,0,0,0.2); 
  }
  
  .pop-search .btn {
	width: 78px; 
	height: 40px;
	line-height: 40px;
	border: none; 
	border-radius: 0 5px 5px 0; 
	background: linear-gradient(to bottom, #4285f4, #3367d6); 
	color: white; 
	font-size: 15px; 
	cursor: pointer; 
	transition: background 0.3s ease; 
  }
  
  .pop-search .btn:hover {
	background: linear-gradient(to bottom, #3367d6, #2a56c6); 
  }
  

  .pop-search.show {
	display: block; 
	opacity: 1; 
  }


  /* Index Page */

  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    width: 12px;
    height: 12px;
	border: 1px solid #FFFFFF;
	margin: 0 5PX!important;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 36px;
	border-radius: 10px;
}

.index-section h2.index-section-title {
	font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 4px;
	color: #005AAB;
    margin: 10px 0px 24px 0px;
    padding: 0px;
}

.index-section h2.index-section-title span{
	font-size: 1rem;
	letter-spacing: 0px;
	font-weight: normal;
	padding-left: 10px;
	color: #999;
}

.index-section h2.index-section-title a{
	border: 1px solid #005AAB;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 0;
    margin-top: 0;
    align-self: center;
	font-size: 12px;
    float: right;
    text-decoration: none;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	color: #444;
}

.index-section h2.index-section-title a:hover{
	border: 1px solid #005AAB;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 0;
	background: #005AAB;
	color: #FFFFFF;
}

.product{
	width: 100%;
}

.product .left{
	border-bottom: none;
}

.product .left > ul {
    border: 3px solid #005AAB;
    padding: 10px;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
}

.product .left li ul li {
    line-height: 32px;
}

.product .left li ul li a{
	border: none;
}

.product .left li ul li a:hover{
	background: none;
	border: none;
	color: #005AAB;
}

.product .left > ul > li > a{
	border: 1px dashed #005AAB;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 1rem;
	margin: 10px 0 5px;
}

.product .left > ul > li.active > a{
    background: #005AAB;
    color: #FFFFFF;
}

.product .left h2{
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px;
	border: 3px solid #005AAB;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	background: #005AAB50;
	border-top: none;
	border-radius: 0 0 6px 6px;
}

.product .left h2 a{
	border: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: #005AAB;
}

.product .left h2 a:hover{
	background-color: unset;
}

.product .left h2 svg{
	width: 36px;
	height: 36px;
	margin-right: 5px;
}

.product .left h2 svg path{
	fill: #005AAB;
}

.product .right{
	width: 950px;
}

.product .right ul{
	display: none;
}

.product .right ul.flex{
	display: flex;
	flex-wrap: wrap;
}

.product .right li{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;
	height: auto;
	padding: 0 0 10px;
	box-sizing: border-box;
	width: 215px;
}

.product .right li:hover::before{
	content: "";
	background: #005AAB50;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.product .right li:hover{
	border: 1px solid #005AAB80;
}

.product .right li .img {
    width: 215px;
    height: 215px;
    object-fit: contain;
    display: block;
    border: none;
    margin-bottom: 8px;
	border-radius: 5px;
	overflow: hidden;
}

.product .right li .img img{
	width: 100%;
	height: 215px;
    border: none;
    margin-bottom: 0;
    object-fit: cover;
	transition: linear 1s;
}

.product .right li .img img:hover{
	transform: scale(1.1);
}

.company .left{
	text-indent: 0;
}

.company .left .company-info{
	text-align: justify;
    font-size: 0.9rem;
    line-height: 1.8;
    letter-spacing: 1px;
}

.company .right{
	width: 550px;
}

#help dl {
    background: #FFF;
    BORDER: 1PX SOLID #ddd;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	transition: linear .2s;
}

#help dl.active{
	border: 1px solid #005AAB;
	box-shadow: 2px 2px 4px #ccc;
}

#help dt{
	display: flex;
    align-items: center;
    margin-left: 0;
    font-size: 1rem;
	padding: 8px;
}

#help dl.active dt{
	background-color: #005AAB50;
	font-weight: bold;
}

#help dt svg{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	transition: linear .2s;
}

#help dl.active dt svg path{
	fill: #005AAB;
}

#help dl.active dt svg{
	transform: rotate(90deg);
}

#help dd {
	margin: 0;
    background: none;
	padding:  10px 8px 10px;
	font-size: 0.9REM;
	text-align: justify;
	height: 0;
}

#help dl.active dd{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	transition: height 0.6s;
}

#help dd a {
    width: auto;
    padding: 3px 10px;
    margin: 10px auto 0;
    align-self: center;
    border: 1px solid #005AAB;
    border-radius: 6px;
    text-align: center;
    color: #005AAB;
    text-decoration: none;
	transition: linear 0.1s;
}

#help dd a:hover{
	background: #005AAB;
	color: #FFFFFF;
}

.news{
	width: 100%;
}

.news .left{
	width: 600px;
}

.news .right{
	width: 550px;
	margin-left: 50px;
}

.news .left img,.news .right img{
	width: 40%;
    box-sizing: border-box;
    height: 120px;
    object-fit: cover;
}

.news .right .r,.news .left .r{
	width: 58%;
	margin-left: 2%;
}

.news .left .r p,.news .right .r p{
	font-size: 0.85rem;
    line-height: 1.8;
}

.news .left ul li i, .news .right ul li i{
    float: right;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0.2px;
    color: #999;
}

.news .left .r a,.news .right .r a,.news .left .r a:hover, .news .right .r a:hover{
	font-size: 1rem;
	font-weight: normal;
}

.news .left .r a:hover, .news .right .r a:hover{
	text-decoration: none;
	border-bottom: 1px solid;
}

.news .left ul li a,.news .right ul li a{
	font-size: 0.9rem;
}

.news .left ul li a:hover,.news .right ul li a:hover{
	font-size: 0.9rem;
}

.bottom{
	margin-top: 0;
}

.bottom a{
	text-decoration: none;
	color: #CCCCCC;
}

.foot .left .c,.foot .right{
	color: #CCCCCC;
}

.links{
	margin-top: 3rem;
	padding: 1rem 0;
	background-color: #CCC;
	color: #CCC;
}

.links .container{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.links .container h3{
	font-size: 1rem;
	color: #005AAB;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	margin: 0;
	margin-right: 10px;
	padding-right: 15px;
	border-right: 1px dashed #005AAB50;
}

.links .container h3 i{
	font-style: normal;
}

.links .container p{
	margin: 0;
}

.links p a {
	color: #005AAB90;
	font-size: 0.9rem;
	padding: 3px 5px;
	text-decoration: none;
}

.links p a:hover{
	color: #005AAB;
	border-bottom: 1px solid;
}

/* Production Page */
.cp .left{
	border-bottom: none;
	margin-bottom: 20px;
}

ul.left-cateory {
    border-bottom: 1px solid #ddd;
}

.cp ul.left-cateory > li > a{
	font-size: 1rem;
}

.cp ul.left-cateory > li.current > a{
	background: #065aa9;
	color: #FFFFFF;
}

.cp .aa ul li ul li a{
	font-size: 0.9rem;
}

.product-hot li a {
    display: flex;
    flex-direction: column;
}

.cp .right{
	margin-left: 27px;
	box-sizing: border-box;
	width: 950px;
}

.news-hot{
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 20px;
}

.product-hot b,.news-hot b{
	letter-spacing: 5px;
}

.product-hot li img {
    width: 100%;
    margin-right: 0;
}

.product-hot li a span {
    margin-top: 5px;
}

.product-hot li a:hover,.product-hot li a{
	font-size: 0.9rem;
}

.news-hot li a,.news-hot li a:hover{
	font-size: 0.9rem;
}

.cp .right .page-title{
	
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
    padding: 10px 0;
    line-height: 1.8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid #005AAB;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #f1f1f1;
}

.cp .right h1 {
	color: #005AAB;
	font-size: 1.5rem;
	background: none;
	margin: 0;
	padding: 0;
	height: auto;
}

.cp .right .page-title SVG{
	width: 26PX;
	height: 26px;
	margin-right: 5px;
}

.cp .right .page-title SVG path{
	fill: #005AAB;
}

.cp .right h1:hover {
    
}

.cp .right ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.cp .right li{
	margin: 0;
	width: 24%;
    margin-bottom: 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding-bottom: 0;
    position: relative;
    height: auto;
    margin-right: 1.33%;
}

.cp .right li a{
	display: flex;
	flex-direction: column;
}

.imgcp {
    height: 230px;
    width: 100%;
	overflow: hidden;
}

.imgcp img {
    width: 100%;
    height: 230px;
    object-fit: cover;
	transition: linear 1s;
}

.cp .right li:hover{
	box-shadow: 2px 2px 5px #999;
	position: relative;
	transform: translateY(-3PX);
}

.cp .right li:hover .imgcp img{
	transform: scale(1.08);
	transition: all linear 1s;
}

.cp .right li h2{
	margin: 0;
    font-size: 1rem;
    font-weight: normal;
}

.cp .right li p {
    height: auto;
    padding: 5px;
    margin: 0;
	width: 100%;
    box-sizing: border-box;
}

DIV.green-black A {
    border-radius: 5px;
    margin: 5px;
}


/* Product View Page */
.cp .you .cpxx{
	font-family: ab,'Microsoft Yahei';
	margin: 0;
	font-size: 0.9rem;
}

.cpimg, .cpimg img {
    border: none;
	height: 348px;
    width: 348px;
	object-fit: cover;
	border-radius: 5px;
	cursor: pointer;
	transition: all linear .6s;
}

.cpimg:hover img{
	transform: scale(1.08);
}

.cp .you .cpxx .cpinfo {
    float: left;
    margin-left: 36px;
    width: 566px;
}

.cp .you .cpxx .cpinfo h1 {
    font-size: 1.5rem;
    color: #005AAB;
    margin: 0px;
    text-align: left;
    font-weight: normal;
    padding: 0;
    background: none;
    letter-spacing: 1px;
	height: auto;
    line-height: 1.2;
}

.cp .you .cpxx .cpinfo .product-desc{
	color: #999;
    font-size: 13px;
    line-height: 26px;
    margin-top: 20px;
    padding: 15px 20px;
    margin-bottom: 10px;
    background: #fff8f8;
    border-top: 1px solid #ffcac6;
}

.cp .you .cpxx .cpinfo .product-desc p{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 5px 0;
}

.price{
	color: #ef1f1f;
    font-size: 1.5rem;
    font-weight: bold;
}


.cp .you .cpxx .cpinfo .product-desc p strong{
	width: 80px;
	letter-spacing: 1px;
}

.cp .you .cpxx .cpinfo .tel {
    margin: 15px 0;
    background: #FFF;
	text-decoration: none;
}

.tel a {
	display: flex;
    border: 1px solid #EEE;
    font-size: 1rem;
    padding: 0 10px;
    color: #666;
    text-decoration: none;
    align-items: center;
}

.tel svg {
    width: 52px;
    height: 52px;
    margin-right: 5px;
}

.tel a h4 {
    display: flex;
    align-items: center;
    font-size: 1rem;
    letter-spacing: 2px;
}

.tel a h4 b {
    font-size: 1.5rem;
    text-shadow: 2px 2px 3px #ccc;
    font-weight: bold;
    color: #ef1f1f;
    transition: linear .2s;
}

.tel:hover h4 b {
    transform: scale(1.1);
    position: relative;
    left: 10px;
}

.tab-wrapper {
    background: #f7f7f7;
    display: flex;
    flex-direction: row;
    justify-content: start;
    border: 1px solid #eee;
    border-bottom: 1px solid #005AAB;
    background: linear-gradient(270deg, #bed8ff 0%, #d9edff 100%);
	position: relative;
    transition: all 0.3s ease;
}

.tab-wrapper .tab-title,.tab-wrapper .tel{
	display: none;
}

.tab-wrapper.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 999;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

.tab-wrapper.fixed .tab-title{
	display: flex;
    align-items: center;
}

.tab-wrapper.fixed .tab-title span{

}

.tab-wrapper.fixed .tab-title h2{
	margin: 0;
    padding: 0;
}

.tab-wrapper.fixed .tel{
	display: flex;
	border: none;
}

.tab-wrapper.fixed .tel svg{
	width: 30px;
	height: 30px;
}

.tab-wrapper.fixed .tel a{
	border: none;
}

.tab-wrapper.fixed .tel a h4{
	margin: 0;
}

.tab-wrapper.fixed .tel a h4 b{
	border-bottom: none;
}

.tab-wrapper .tab-items{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.tab-wrapper .tab-item {
    height: 48px;
    line-height: 48px;
    width: 110px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
	text-decoration: none;
	color: #000;
}

.tab-wrapper .tab-item.active {
    background: #005AAB;
    color: #fff;
    font-weight: bold;
}

.content-container {
    
}

.content-wrapper{
	border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 8px #eee;
    border-radius: 5px;
	
}

.content-container .content-wrapper:first-child{
	border-radius: 0 0 5px 5px;
}

.content-wrapper:last-child {
    margin-bottom: 30vh;
}

.content-container .content-wrapper h2.section-title {
    text-align: left;
    margin: 0;
    font-size: 1.2rem;
    display: inline-block;
    position: relative;
	border-left: #005AAB 4px solid;
	padding: 0;
	padding-left: 8px;
	line-height: 20px;
	margin-bottom: 1rem;
	background: none;
	border-radius: 0;
	box-shadow: unset;
	text-shadow: unset;
}

.content-container .content-wrapper h2.section-title::after{
	/* content: ""; */
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	bottom: 40%;
	background-color: #005AAB;
}

.content-container .content-wrapper h2{
	font-size: 1.05rem;
    margin: 2rem 0 0.2rem;
    background: linear-gradient(to bottom, #4285f460, #3367d660);
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    border-left: 3px solid #4285f4;
    box-shadow: 2px 2px 5px #999;
    text-shadow: 1px 1px 1px #FFF;
    line-height: 1.8rem;
}

.content-container .content-wrapper h3{
	font-size: 1.05rem;
	margin: 1rem 0 0.2rem;
}

.content-container .content-wrapper h4{
	margin: 1rem 0 0.1rem;
}

.content-wrapper.product-wrapper img{
	max-width: 100%;
	border-radius: 5px;
}

.cp .you .cpsm .content-wrapper.product-wrapper a{
	text-decoration: none;
	color: #005AAB;
	border-bottom: 1px dashed #005AAB;
}

.cp .you .cpsm .content-wrapper.product-wrapper a:hover{
	border-bottom: 1px solid #005AAB;
	font-weight: bold;
}

.cp .you .cpsm p{
	margin: 0.5rem 0 0.1rem;
	line-height: 1.6;
}

.cp .you .cpsm table{
	max-width: 100%;
}

.cp .you .cpsm table td {
    min-width: 80px;
}

.table-wrapper {
	overflow-x: scroll;
	scrollbar-width: thin;
	scrollbar-color: gray transparent;
}

table.tablebigger {
	position: relative;
	margin-top: 20px;
}

.table-wrapper table.tablebigger::after {
	content: "(可左右滑动表格内容)";
	color: #3367d680;
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	font-size: 12px;
}

.table-wrapper::-webkit-scrollbar {
	height: 5px; 
}

.table-wrapper::-webkit-scrollbar-track {
	background-color: #0070CE30; 
	border-radius: 5px;         
}

.table-wrapper::-webkit-scrollbar-thumb {
	background-color: #0070CE50;   
	border-radius: 5px;
}

.table-wrapper::-webkit-scrollbar-thumb:hover {
	background-color: #0070CE;    
}

.content-wrapper .tuijian {
    width: 100%;
    margin: 0;
}

.tuijian ul{
	margin: 0;
}

.tuijian.tuijian-article li a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* baojia Page */
.cp .right .baojia{
	margin-left: 0;
}

.cp .right .baojia td {
    padding: 2px;
    min-width: 100px;
}

/* News */
.cp .you {
    width: 950px;
    margin-left: 27px;
}

.cp .you.news h1{
	color: #005AAB;
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
    padding: 10px 0;
    line-height: 1.8;
    font-size: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid #005AAB;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
	height: auto;
}

.newlist{
	margin-left: 0;
}

.newlist img {
    width: 40%;
    height: auto;
	max-height: 215px;
    object-fit: cover;
    float: left;
    border: 1px #ccc solid;
    padding: 2px;
    box-sizing: border-box;
}

.newlist .r {
    float: right;
    margin-left: 2%;
    width: 58%;
    margin-top: 10px;
}

.newlist .r i {
    font-size: 0.8rem;
    font-style: normal;
    letter-spacing: 1px;
	COLOR: #999;
}

.newlist .r a,.newlist .r a:hover {
    font-size: 1rem;
	font-weight: normal;
}

.newlist p {
    font-size: 0.9rem;
}

DIV.green-black {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

DIV.green-black A,DIV.green-black A:hover {
    border-radius: 5px;
    margin: 5px 2px;
	font-size: 1rem;
}

.cp .you .newlist ul li {
    width: 100%;
    box-sizing: border-box;
}

.cp .you .newlist ul li a,.cp .you .newlist ul li a:hover{
	font-size: 0.9rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp .you .newlist ul li i {
    font-size: 0.9rem;
}

.cp .you .ddate {
    border-bottom: none;
    font-size: 0.8rem;
    color: #666;
    margin-left: 0;
    margin-right: 0px;
    padding-bottom: 10px;
	text-align: end;
    letter-spacing: 1px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

.cp .you .ddate > span{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5px;
}
.cp .you .ddate svg{
	width: 20px;
	height: 20px;
	margin-right: 1px;
}

.cp .you .ddate svg path{
	fill: #666;
}

.cp .you .content{
	margin: 0;
	font-size: 1rem;
}

.cp .you .content h2{
	text-align: left;
	font-size: 1.2rem;
    margin: 1rem 0 0.5rem;
    background: linear-gradient(to bottom, #4285f460, #3367d660);
    padding: 5px 20px 5px 10px;
    border-radius: 5px;
    display: inline-block;
    border-left: 3px solid #4285f4;
    box-shadow: 2px 2px 5px #999;
    text-shadow: 1px 1px 1px #FFF;
    line-height: 1.8rem;
	text-indent: 0!important;
}

.cp .you .content h3,.cp .you .content h4{
	margin: 1rem 0 0.1rem;
}


.cp .you .content > p {
    text-indent: 0;
    line-height: 1.8;
    margin: 0.2rem 0 1rem;
	text-align: justify;
}

.cp .you .content p[align='center'] {
    text-align: center;
}

.cp .you .content img{
	max-width: 100%;
	border-radius: 5px;
}

.cp .you .content a{
	text-decoration: none;
	color: #005AAB;
	border-bottom: 1px dashed;
}

.cp .you .content a:hover{
	border-bottom: 1px solid #005AAB;
	font-weight: bold;
}

.cp .you .content table td{
	min-width: 80px;
	padding: 3px;
}

.cp .you .content table td p{
	text-indent: 0;
	margin: 0;
	text-align: center;
}

.cp .you .nextnew{
	margin: 20px 0;
	font-size: 0.9rem;
}

.cp .you .nextnew a{
	line-height: 1;
}

.news .tuijian{
	margin: 2rem 0;
	width: 100%;
}

.news .tuijian ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
	margin-top: 15px;
}

.news .tuijian ul li{
	margin: 0;
    width: 24%;
    margin-bottom: 15px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding-bottom: 0;
    position: relative;
    height: auto;
    margin-right: 1.33%;
	padding: 0;
}

.news .tuijian ul li:hover {
    box-shadow: 2px 2px 5px #999;
    position: relative;
    transform: translateY(-3PX);
}


.news .tuijian ul li .img,.news .tuijian ul li .img img{
	width: 100%;
	height: 228px;
	object-fit: cover;
	overflow: hidden;
}

.news .tuijian ul li:hover .img img{
	transform: scale(1.08);
    transition: all linear 1s;
}

.news .tuijian ul li h3{
    font-size: 0.9rem;
    margin: 5px 0 8px;
    padding: 0 3px;
    font-weight: normal;
    line-height: 1.2rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tuijian .tuijian-title{
	text-align: left;
    margin: 0;
    font-size: 1.2rem;
    display: inline-block;
    position: relative;
    border-left: #005AAB 3px solid;
    padding: 0;
    padding-left: 8px;
    line-height: 20px;
    margin-bottom: 1rem;
	font-weight: bold;
}

.about {
	font-size: 1rem;
	margin: 0;
	text-align: justify;
}

.about a{
	text-decoration: none;
	color: #005AAB;
	border-bottom: 1px dashed #005AAB;
}

.about a:hover{
	border-bottom: 1px solid #005AAB;
	font-weight: bold;
}

.cp .aboutleft li a{
	font-size: 1rem;
	padding: 5px 0;
	text-align: center;
}



.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
  }

  .modal-container.show {
    display: flex;
  }

  .modal-container .modal-wrapper {
    background: #ffffff;
    padding-bottom: 15px;
    width: 80%;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
  }

  .modal-container .modal-wrapper .modal-header {
    height: 42px;
    line-height: 42px;
    background: rgba(27, 56, 132, 0.75);
    color: #fff;
    font-size: 1.2rem;
  }

  .modal-container .modal-wrapper .title {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    color: #000;
    margin: 0 auto 10px;
	box-sizing: border-box;
	line-height: 1.6;
  }

  .modal-container .modal-wrapper .btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .modal-container .modal-wrapper .btns a {
    background: #ddd;
    display: block;
    margin: 0 9px;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 1rem;
    color: #FFFFFF;
	text-decoration: none;
  }

  .modal-container .modal-wrapper .btns a.close-modal {
    background-color: #666;
  }

  .modal-container .modal-wrapper .btns a:last-child {
    background-color: #124189;
  }

  #wechat-id {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.phone-only{
	display: none;
}

.right-btns{
	position: fixed;
	bottom: 10vh;
	right: 1rem;
	width: 2.5rem;
	border-radius: 4px 4px;
	overflow: hidden;
	box-shadow: 0 0 3px rgb(27 56 132);
	z-index: 999;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .7);
	z-index: 99;
}

.right-btns a{
	padding: 0.5rem 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	width: 2.5rem;
}

.right-btns a:hover{
	background: #005AAB;
}

.right-btns a svg {
	width: 30px;
	height: 30px;
}

.right-btns a:nth-child(2n) svg path{
	fill: #4cc3ff;
}

#qrcode{
	position: fixed;
    bottom: 10vh;
    right: 4.5rem;
    background: #FFF;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #EEE;
    box-shadow: 0PX 0PX 4px #666;
	text-align: center;
	font-size: 12px;
	display: none;
	flex-direction: column;
	align-items: center;
	width: 100px;
	z-index: 99;
}

#qrcode.show{
	display: flex;
}

#qrcode img{	
	max-width: 100%;
	margin-top: 5px;
}

.pc-only{
	display: none;
}

/* PC 电脑 */
@media (min-width: 1200px) {
	.cp .right li:nth-child(4n) {
		margin-right: 0;
	}
	.news .tuijian ul li:nth-child(4n) {
		margin-right: 0;
	}
	
	.pc-only{
		display: block;
	}

	.pc-only.right-btns{
		display: none;
	}

	.right-btns.show{
		display: flex;
	}
}

/* Mobile 手机 */

@media (max-width: 480px) {
	*{
		max-width: 100%;
	}

	body{
		font-size: 14px;
	}

	.container{
		padding: 0 10px;
		box-sizing: border-box;
	}

	.weixin:hover .weixin_nr{
		display: none;
	}

	.header .container{
		padding: 10px 5px;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header .logo {
		margin-top: 0;
		float: unset;
		text-align: left;
		width: 59%;
		padding-right: 2%;
	}

	.header .logo img {
		max-height: 50px;
	}

	.header-tel{
		width: 40%;
    	justify-content: end;
	}

	.header-tel svg {
		width: 35px;
		height: 35px;
	}

	.header-tel p{
		font-size: 0.9rem;
		margin: 0;
		margin-left: 5px;
	}

	.header-tel p b{
		font-size: 1rem;
	}

	.header-tel:hover p b{
		transform: scale(1);
		left: 0;
	}
	
	.menu{
		height: auto;
		background: none;
	}
	
	.menu ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.menu li {
		width: 33.33%;
        background: unset;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        BOX-SIZING: border-box;
		background: #005AAB;
		font-size: 0.9rem;
        height: 46px;
        line-height: 46px;
	}

	.menu li.current{
		background: #1981E0;
	}

	.menu .current a{
		background: unset;
	}

	.menu li:nth-child(3n){
		border-right: none;
	}

	.menu li a svg{
		display: none;
	}

	.menu .container > ul > li:hover .sub-menu{
		display: none;
	}

	.menu .container{
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.pop-search{
		margin: 0;
	}

	/* banner */
	.flexslider{
		display: none;
	}
	.flexslider,.flexslider .slides a img {
		height: 150px;
	}

	.index-section h2.index-section-title {
        font-size: 1.2rem;
        display: flex;
        flex-direction: column;
		align-items: center;
    }

	.index-section h2.index-section-title span{
		padding: 0;
        margin: 5px 0;
	}
	
	.index-section h2.index-section-title a {
        float: unset;
		font-size: 0.9rem;
    }

	.product .left {
		width: 100%;
        display: flex;
        flex-direction: column-reverse;
	}

	.product .left > ul{
		border-top: none;
		border-bottom: 3px solid #005AAB;
		border-radius: 0 0 6px 6px;
	}

	.product .left h2{
		border-bottom: none;
		border-top: 3px solid #005AAB;
		border-radius: 6px 6px 0 0 ;
		margin-bottom: 0;
		font-size: 1rem;
		flex-direction: row;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        padding: 10px 5px;
	}

	.product .left h2 a{
		padding: 0;
		margin-left: 10px;
		margin-top: 0;
	}

	.product .left h2 svg{
		width: 26px;
		height: 26px;
	}

	.product .left > ul > li{
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.product .left > ul > li > a{
		width: 40%;
	}

	.product .left > ul > li > ul{
		width: 58%;
        border-left: 2px solid #005AAB;
        margin-left: 3%;
        border-radius: 10px;
		position: relative;
		padding: 5px 0;
	}

	.product .left > ul > li.active > ul{
		border-left: 2px solid #005AAB;
	}

	.product .left > ul > li > ul::after {
		content: "";
		position: absolute;
		top: 50%;
		left: -13px;
		transform: translateY(-50%);
		border-width: 6px;
		border-style: solid;
		border-color: transparent #065aa9 transparent transparent;
		width: 0;
		height: 0;
	}

	.product .right{
		width: 100%;
		margin: 15px 0;
	}

	.product .right li {
        margin-left: 0;
        width: 49%;
    }

	.product .right li:nth-child(2n){
		margin-left: 2%;
	}

	.product .right li .img{
		width: 100%;
		height: 180px;
	}

	.product .right li .img img{
		width: 100%;
		height: 100%;
	}

	.news .right,.company .right{
		margin-left: 0;
	}

	.news .left .r p, .news .right .r p {
		font-size: 0.85rem;
        line-height: 1.7;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
	}

	.news .left .r a, .news .right .r a, .news .left .r a:hover, .news .right .r a:hover{
		display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
	}

	.links .container{
		display: flex;
		flex-direction: column;
		border-right: none;
	}

	.links .container p {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.links .container h3{
        font-size: 1rem;
        word-break: keep-all;
        border-bottom: 1px dashed #005AAB50;
        border-right: none;
        display: block;
		padding: 0;
        align-self: flex-start;
        margin: 0 5px 8px;
		letter-spacing: 3px;
	}

	.links .container h3 i {
		margin-left: 5px;
		letter-spacing: 1px;
	}

	.bottom{
		padding:  10px 0 20px;
		margin-bottom: 48px;
	}

	.foot .left .c{
		margin-top: 0;
	}

	.foot .left .c, .foot .left .link,.foot .right{
		padding-left: 0;
		text-align: center;
		margin-left: 0;
	}

	div#topcontrol{
		right: 5px!important;
		bottom: 10px!important;
		z-index: 99;
	}

	div#topcontrol img{
		width: 32px!important;
		height: 32px!important;
	}

	.wpa-container {
		width: 52px!important;
	}

	.pc-tongji {
		display: none;
	}

	.contact-btns {
		position: fixed;
		bottom: 20vh;
		right: 0;
		width: 2.5rem;
		border-radius: 4px 0 0 4px;
		overflow: hidden;
		box-shadow: 0 0 3px rgb(27 56 132);
		z-index: 999;
		white-space: nowrap;
		font-size: 0;
		line-height: 0;
		display: flex!important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(0,0,0,.7);
	}
	
	.contact-btns a{
	  display: flex;
	  padding: 0.5rem 0;
	  position: relative;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  border-bottom: 1px solid rgba(255,255,255,.1);
	  width: 2.5rem;
	}

	.contact-btns a svg{
		width: 30px;
		height: 30px;
	}

	.contact-btns a svg path{
		fill: #4cc3ff;
	}
	
	.contact-btns a.to-top{
	  display: none;
	}
	
	.contact-btns a.to-top.show{
	  display: flex;
	}
	
	.contact-btns a:last-child{
	  border-bottom: none;
	}
	
	.zoom-in-out {
	  transition: transform 1s ease-in-out;
	  cursor: pointer;
	}
	
	.zoom-in-out:hover {
	  transform: scale(1.05);
	}
	
	.contact-btns a img{
	  width: 70%;
	  max-width: 100%;  
	  display: block;
	}

	.mobile-menu{
		position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        /* background: rgba(27, 56, 132, 0.9); */
        background: #ffffff;
        border-top: 1px solid #eee;
		z-index: 99;
		display: block;
	}

	.mobile-menu>ul {
        display: flex;
        flex-direction: row;
    }

	.mobile-menu>ul>li {
        padding: 0;
        width: 20%;
        line-height: unset;
        height: auto;
    }

	.mobile-menu>ul>li > a {
        border-right: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2px 0;
        font-family: arial, Microsoft Yahei;
        color: #666;
		text-decoration: none;
    }

	.mobile-menu>ul>li > a svg {
        display: block;
        width: 24px;
        height: 24px;
    }

	.mobile-menu>ul>li > a svg path {
        fill: #666 !important;
    }

	.mobile-menu>ul>li.current a {
        color: #3367d6;
    }

	.mobile-menu>ul>li.current a svg path{
        fill: #3367d6 !important;
    }

	.cp .left{
		width: 100%;
	}

	.cp .home{
		margin: 10px 0;
	}

	.cp .home span{
		display: block;
	}

	.cp .home span.pro-num{
		display: none;
	}

	ul.left-cateory{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	ul.left-cateory > li{
		width: 100%;
		text-align: center;
		width: 50%;
	}

	ul.left-cateory > li.long{
		width: 100%;
	}

	.cp ul.left-cateory > li.current{
		width: 100%;
        display: flex;
        align-items: stretch;
		padding: 10px 0;
	}

	.cp ul.left-cateory > li > a{
		font-weight: normal;
		background-color: #007BFF;
		color: #ffffff;
		padding: 3px 5px;
		border: none;
		border-radius: 5px;
		font-size: 16px;
		cursor: pointer;
		transition: background-color 0.3s, box-shadow 0.3s, transform 0.2s;
		box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
		margin: 3px 2px;
	}

	.cp ul.left-cateory > li.current > a{
        background: #065aa9;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        min-width: 110px;
        padding: 5px;
		font-size: 0.95rem;
		line-height: 1.6;
		font-weight: normal;
		border-radius: 5px;
    	box-shadow: 2px 2px 4px #666;
		border: none;
		min-height: 50px;
	}

	.cp ul.left-cateory > li > ul{
		display: none;
	}

	.cp ul.left-cateory > li.current > ul{
		display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        justify-content: left;
        padding: 5px;
		border-left: 2px solid #065aa9;
        border-radius: 10px;
		margin-left: 8px;
		position: relative;
	}

	.cp ul.left-cateory > li.current > ul::after {
		content: "";
        position: absolute;
        top: 50%;
        left: -13px;
        transform: translateY(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent #065aa9 transparent transparent;
        width: 0;
        height: 0;
	}

	.cp .aa ul li ul li{
        line-height: 20px;
	}

	.cp .aa ul li ul li a{
		border: none;
		padding: 3px 5px;
	}

	.cp .aa ul li .current a{
		border: 1px solid #005AAB;
		background: #f7f7f7;
		border-radius: 5px;
	}

	.product-hot,.news-hot{
		display: none;
	}

	.cp .right{
		margin-left: 0;
	}

	.cp .right h1{
		font-size: 1rem;
		line-height: 1.5;
	}

	.cp .right li{
		width: 49%;
        margin-right: 2%;
	}

	.cp .right li:nth-child(2n) {
		margin-right: 0;
	}

	.imgcp,.imgcp img{
		height: 180px;
		object-fit: cover;
	}

	.cp .right li h2{
		font-size: 0.9rem;
		padding: 0 5px;
	}

	.pc-only{
		display: none;
	}

	.cp .home span.pc-only{
		display: none;
	}

	.page-title {
		position: relative;
		margin-top: 20px;
	}

	.page-title span.pro-num{
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 5px 5px 1px;
        display: block;
        line-height: 1;
	}

	.cp-view ul.left-cateory{
		display: none;
	}

	.cp .left{
		margin: 0;
	}

	.cp .you{
		margin-left: 0;
	}

	.cpimg {
		width: 100%;
		height: auto;
	}

	.cpimg img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.cp .you .cpxx .cpinfo {
		width: 100%;
		margin-left: 0;
    }

	.cp .you .cpxx .cpinfo h1{
		height: auto;
		font-size: 1rem;
		line-height: 1.3;
		font-weight: bold;
		margin: 0.5rem 0;
	}

	.cp .you .cpxx .cpinfo .product-desc{
		margin-top: 5px;
        padding: 5px;
	}

	.cp .you .cpxx .cpinfo .product-desc p{
		
	}

	.tel a{
		padding: 5px;
	}

	.tel a h4 {
		margin: 0;
		font-size: 0.9rem;
	}

	.tel a h4 b{
		font-size: 1.2rem;
	}

	.tel svg{
		width: 36px;
    	height: 36px;
	}

	.cp.container{
		padding: 0 5px;
	}
	
	.cp .you .cpsm{
		margin-top: 10px;
	}

	.content-container .content-wrapper h2.section-title{
		font-size: 1.1rem;
	}

	.content-container .content-wrapper h2{
		font-size: 1rem;
	}

	.content-container .content-wrapper h3{
		font-size: 1rem;
	}

	.content-container .content-wrapper h4{
		font-size: 1rem;
	}

	.tab-wrapper .tab-item{
		font-size: 1rem;
	}

	.content-wrapper{
		padding: 15px 10px;
	}

	.tab-wrapper.fixed .tab-title,.tab-wrapper.fixed .tel{
		display: none;
	}

	.tab-wrapper .tab-items{
		width: 100%;
	}

	.tab-wrapper .tab-item{
		width: 33.33%;
	}

	.cp .right .baojia{
		overflow-x: scroll;
	}

	.cp .you .newlist ul li i {
		font-size: 0.8rem;
		font-weight: 500;
		font-style: normal;
		font-family: sans-serif;
	}

	.newlist img{
		width: 40%;
    	height: 120px;
	}

	.newlist .r{
		margin-top: 0;
	}

	.newlist .r a, .newlist .r a:hover{
		font-size: 0.9rem;
	}

	.newlist p{
		font-size: 0.85rem;
		line-height: 1.6;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
	}

	.cp .you.news h1{
		font-size: 1.2rem;
		line-height: 1.6;
	}

	.cp .you .content h2{
		font-size: 1.05rem;
	}

	.cp .you .ddate{
		justify-content: center;
	}

	.cp .you .content img {
		border-radius: 5px;
	}

	.cp .you .content p img {
		max-width: 100%;
	}

	.news .tuijian ul li{
		width: 49%;
		margin-right: 2%;
	}

	.news .tuijian ul li:nth-child(2n){
		margin-right: 0;
	}

	.news .tuijian ul li .img, .news .tuijian ul li .img img{
		height: 190px;
	}

	.cp .aboutleft{
		width: 100%;
	}

	.cp .aboutleft ul{
		display: flex;
    	flex-direction: row;
    	width: 100%;
	}

	.cp .aboutleft ul li{
		width: 33.33%;
	}

	.cp .aboutleft li a{
		padding-left: 0;
		text-align: center;
	}

}


/* PAD 平板 */
@media screen and (min-width: 480px) and (max-width: 1268px){
	*{
		max-width: 100%;
	}

	.pc-tongji{
		display: none;
	}

	.phone-only{
		display: block;
	}

	.container{
		padding: 0 10px;
		box-sizing: border-box;
	}

	.top,.weixin{
		font-size: 1rem;
	}

	.header .container{
		padding: 0px 10px;
	}

	.menu .container{
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.menu{
		height: auto;
		background: none;
	}

	.menu li{
		width: 16.66%;
		font-size: 14px;
		background: #005AAB;
	}

	.menu li a svg{
		display: none;
	}

	.menu .container > ul > li:hover .sub-menu{
		display: none;
	}

	.pop-search {
		float: unset;
		align-items: center;
		margin: 0 auto;
	}

	.header .logo {
		width: 50%;
	}

	.header-tel svg {
		width: 48px;
		height: 48px;
	}

	.header-tel p b{
		font-size: 1.2rem;
	}

	.header-tel:hover p b{
		transform: unset;
		left: 0;
	}

	.flexslider .slides a img{
		height: 150px;
		background-position: center;
	}

	.flexslider{
		display: none;
	}

	.product .left{
		width: 30%;
	}

	.product .right{
		width: 68%;
		margin-left: 2%;
	}

	.product .right li{
		width: 32%;
		margin: 0;
		margin-right: 2%;
	}

	.product .right li:nth-child(3n){
		margin-right: 0;
	}

	.product .right li .img{
		width: 100%;
		height: 160px;
	}

	.product .right li .img img{
		height: 100%;
	}

	.company .left,.company .right{
		width: 100%;
	}

	.company .right{
		margin-left: 0;
	}

	.news .left,.news .right{
		width: 100%;
		margin-left: 0;
	}

	.contact-btns {
		position: fixed;
		bottom: 20vh;
		right: 0;
		width: 3rem;
		border-radius: 4px 0 0 4px;
		overflow: hidden;
		box-shadow: 0 0 3px rgb(27 56 132);
		z-index: 999;
		white-space: nowrap;
		font-size: 0;
		line-height: 0;
		display: flex!important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: rgba(0,0,0,.7);
	}
	
	.contact-btns a{
	  display: flex;
	  padding: 0.5rem 0;
	  position: relative;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  border-bottom: 1px solid rgba(255,255,255,.1);
	  width: 3rem;
	}

	.contact-btns a svg{
		width: 30px;
		height: 30px;
	}
	
	.contact-btns a.to-top{
	  display: none;
	}
	
	.contact-btns a.to-top.show{
	  display: flex;
	}
	
	.contact-btns a:last-child{
	  border-bottom: none;
	}
	
	.zoom-in-out {
	  transition: transform 1s ease-in-out;
	  cursor: pointer;
	}
	
	.zoom-in-out:hover {
	  transform: scale(1.05);
	}
	
	.contact-btns a img{
	  width: 70%;
	  max-width: 100%;  
	  display: block;
	}

	.mobile-menu{
		position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        /* background: rgba(27, 56, 132, 0.9); */
        background: #ffffff;
        border-top: 1px solid #eee;
		z-index: 99;
		display: block;
	}

	.mobile-menu>ul {
        display: flex;
        flex-direction: row;
    }

	.mobile-menu>ul>li {
        padding: 0;
        width: 20%;
        line-height: unset;
        height: auto;
    }

	.mobile-menu>ul>li > a {
        border-right: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2px 0;
        font-family: arial, Microsoft Yahei;
        color: #666;
		text-decoration: none;
    }

	.mobile-menu>ul>li > a svg {
        display: block;
        width: 24px;
        height: 24px;
    }

	.mobile-menu>ul>li > a svg path {
        fill: #666 !important;
    }

	.mobile-menu>ul>li.current a {
        color: #3367d6;
    }

	.mobile-menu>ul>li.current a svg path{
        fill: #3367d6 !important;
    }

	.cp .left{
		width: 30%;
	}

	.cp .right{
		width: 68%;
		margin-left: 2%;
	}

	.cp .right li{
		width: 49%;
		margin-right: 2%;
	}

	.cp .right li:nth-child(2n){
		margin-right: 0;
	}

	.page-title .pro-num{
		display: none;
	}

	.imgcp,.imgcp img{
		height: 238px;
	}

	.cp .home,.cp .home a{
		font-size: 1rem;
	}

	.cp .you{
		width: 68%;
		margin-left: 2%;
	}

	.product-hot{
		width: 100%;
	}

	.cpimg{
		width: 50%;
		height: 258px;
	}

	.cpimg img{
		width: 100%;
		height: 100%;
	}

	.cp .you .cpxx .cpinfo{
		width: 48%;
		margin-left: 2%;
	}

	.cp .you .cpxx .cpinfo h1{
		font-size: 1.2rem;
	}

	.cp .you .cpxx .cpinfo .product-desc{
		margin: 5px 0;
	}

	.tel a{
		padding: 5px;
	}

	.tel a h4{
		flex-direction: column;
		align-items: flex-start;
		margin: 0;
	}

	.tel a h4 b{
		font-size: 1.2rem;
	}

	.tel svg{
		width: 48px;
		height: 48px;
	}

	.tab-wrapper.fixed .tab-title span{
		display: none;
	}

	.tab-wrapper.fixed .tel{
		display: none;
	}

	.tab-wrapper.fixed .tab-title{
		width: 50%;
		justify-content: center;
	}

	.tab-wrapper.fixed .tab-title h2{
		font-size: 1rem;
	}

	.tab-wrapper .tab-items{
		width: 50%;
	}

	.cp .you .cpxx{
		font-size: 1rem;
	}

	body.baojia .cp .left{
		display: none;
	}

	body.baojia .cp .right{
		width: 100%;
		margin-left: 0;
	}

	.news .tuijian ul li{
		width: 32%;
		margin-right: 2%;
	}

	.news .tuijian ul li:nth-child(3n) {
		margin-right: 0;
	}

	.about{
		font-size: 1rem;
	}

	.links .container p{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.links .container h3{
		word-break: keep-all;
	}

	.foot .left {
		width: 100%;
		text-align: center;
	}

	.foot .left .c,.foot .left .link{
		padding-left: 0;
		font-size: 1rem;
	}

	.mobile-menu>ul>li > a{
		font-size: 1rem;
	}

	.mobile-menu>ul>li > a svg{
		width: 32px;
		height: 32px;
	}

	.foot .right{
		width: 100%;
		margin-left: 0;
	}

	.foot .right,.foot .right .tel{
		font-size: 1rem;
		text-align: center;
	}
	
	.bottom{
		margin-bottom:58px;
		padding: 10px 0 20px;
	}

}