* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Microsoft YaHei", "MicrosoftJhengHei", STHeiti, MingLiu;
	font-size: 14px;
	color:#2e333d;
}
ul, li, dl, dd, dt {
	list-style: none;
}
fieldset, img {
	border: 0
}
em, i {
	font-style: normal;
}
/* font */
.fB {
	font-weight: bold
}
.txtLft {
	text-align: left
}
.txtCtr {
	text-align: center
}
.txtRgt {
	text-align: right
}
/* margin */
.lf {
	float: left;
	display: inline
}
.fr {
	float: right;
	display: inline
}
.pr{ position:relative;}
.pa{position:absolute;}
.clear {
	clear: both;
	display: block
}
/* link & action */
a:link, a:visited, a:active {
	color: #666;
	text-decoration: none
}
a:hover {
	
}
/* Clear Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block;
*height:0;
	_overflow: hidden
}
.container {
	width: 1200px;
	margin: 0 auto;
}
.con {
	width: 100%;
	display: table
}
/*头部*/

.head { position:absolute; top:0; left:0; width:100%; height:100px; background:#f6f6f6; box-shadow: 0 2px 10px rgba(0,0,0,.1); z-index:99;}
.head .logo{float: left; margin:20px 0;height:60px;}
.head .logo img{float: left; height:60px; }
.head .logo h3{ float:left; margin-left:10px; font-size:32px;letter-spacing:6px}
.head .logo h3 p{ font-size:12px; font-weight:normal;text-transform:uppercase;letter-spacing:0px}
.head .logo a{ color:#008cd6;}

.head .nav{ float:right; margin-right:30px; }
.head .nav li { float:left; display:table;margin:0 18px; height:100px; line-height:100px;text-align:center; position:relative}
.head .nav li:after {content: '';width:0;height:1px;background:#008cd6;position: absolute;left:50%;top:70px; margin-left:-8px;}
.head .nav li.cur:after { width:16px;}
.head .nav li a { display: block; font-size: 18px; color: #000; font-weight:bold; }
.head .nav li:last-child a { background:none;}
.head .nav li:hover, .head .nav .cur { color:#008cd6;}
.head .nav li:hover a, .head .nav .cur a { color:#008cd6;}
.subnav {position: absolute;top:100%;left:50%; margin-left:-100px;width:200px;height: auto;background-color: #FFF; box-shadow: 3px 2px 11px rgba(0,0,0,.05);z-index: 199;border-top: 2px solid #008cd6;overflow: hidden;opacity: 0;visibility: hidden;transition: all .36s ease;}
.head .nav li .subnav { line-height:26px;}
.head .nav li .subnav a {font-weight: 500;color: #666;padding: 12px 10px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px; border-bottom:1px solid #eee;}
.head .nav li:hover .subnav{opacity:1;visibility: visible;}
.head .nav li .subnav  a{font-weight: 500;color: #666; background:none;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.head .nav li .subnav  a:hover{ background:#008cd6; color:#fff;}

.js-wenContact{float: right; margin:32px 0;width:120px;height:36px; line-height:36px; border-radius:36px;text-align: center; background:#008cd6;cursor: pointer; position:relative;}
.js-wenContact .js-img{ color:#fff; font-weight:bold;}
.wenContact{cursor:default;position: absolute;right: 0;top:68px;width: 192px;background-color: #fff;padding: 17px 27px 36px;z-index:9999;display: none;line-height: normal;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.wenContact ul{height: auto;overflow: hidden;line-height: normal; overflow:hidden;}
.wenContact ul li{ width:100%;height: auto;overflow: hidden;padding-top: 26px;line-height: normal;}
.wenContact ul li span{display: block; float:left; width:34px; height:34px; line-height:34px; border-radius:100%;font-size: 24px; text-align:center; color:#fff;margin-right: 12px;}
.wenContact ul li.tel span{ background: #ff8c22;}
.wenContact ul li.email span{background: #ff4300;font-size: 20px;}
.wenContact ul li.kf span{background: #006ebd;font-size: 20px;}
.wenContact ul li.wx span{background: #66c030;font-size: 20px;}
.wenContact ul li .text-box{ float:left;height: auto;overflow: hidden;}
.wenContact ul li .text-box h2{font-weight: normal;font-size: 12px;color: #9e9e9e;padding-bottom: 1px;text-align: left;line-height: normal;}
.wenContact ul li .text-box p{font-weight: bold;font-size: 14px;text-align: left;line-height: normal;}
.wenContact ul li .text-box .img{margin-top:18px;padding: 3px;border: 1px solid #ececec;width: 120px;height: 120px;}
.wenContact ul li.tel p{color: #fd7c00;}
.wenContact ul li.email p{color: #ff4300;}
.wenContact ul li.kf p{color: #006ebd;}
.wenContact ul li.wx p{color: #66c030;}
.js-wenContact:hover .wenContact{ display:block;}

.fixednav {position: fixed;top: 0px;left: 0px;width: 100%; height:80px;transition:all 0.5s ease;z-index:99999;}
.fixednav .logo{margin:15px 0;}
.fixednav .logo img{ height:50px;}
.fixednav .nav li { height:80px; line-height:80px;}
.fixednav .nav li:after {top:60px; }
.fixednav .js-wenContact{ margin:22px 0;}
.fixednav .wenContact{ top:58px;}


/*焦点图*/
.fullSlide {position: relative;width: 100%;height: 560px; margin-top:100px; }
.fullSlide .bd {position: relative;z-index: 0;height: 560px}
.fullSlide .bd li {width: 100%;vertical-align: top;height: 560px}
.fullSlide .hd{position:absolute;bottom:30px;z-index:99;left:50%; margin-left:-50px;width:100px;}
.fullSlide .hd li{width:10px;height:10px;float:left;margin:0 5px;background:#fff;border-radius: 50%}
.fullSlide .hd li.on {background:#03479c;}
.fullSlide .prev, .fullSlide .next {position: absolute;z-index: 99;width: 51px;height: 115px}
.fullSlide .prev {left: 2%;top: 35%;background: url(../images/left.png) no-repeat;}
.fullSlide .next {right: 2%;top: 35%;background: url(../images/right.png) no-repeat;}

/**/
.searchBox { width:100%; height:61px; background:#f7f7f7; border-bottom: 1px solid #d9d9d9; font-size: 16px; overflow:hidden; }
.keywords{ font-weight: normal;line-height: 61px; width: 800px; overflow: hidden; float: left;}
.keywords b{height:61px; display: inline-block; color: #666666;padding-left: 25px; font-weight: normal; }
.keywords a{color: #666666;line-height:61px;padding:0 2px 0 0;  font-size: 16px;}
.search{float: right; overflow: hidden;margin-top:20px;}
.search input{ float:left; border:none;}
.search .text{float:left; border-left:1px solid #ccc;color: #333; padding-left: 15px;width:273px; height: 22px;font-family:"Microsoft Yahei"; font-size: 14px; background:#f7f7f7;}
.search .btn{ background:url(../images/search.png) center center no-repeat; cursor: pointer; height: 22px;width:58px; display: inline-block; }

.index_title{ color:#2e333d; font-size:36px;text-align:center;font-family: 'Poppins', sans-serif;}
.index_title span{ display:block; margin:20px auto; width:60px; height:2px; background:#008cd6;}
.index_title p{ font-size:18px;}

/*产品中心*/
.index_cp{ padding:70px 0; display:table; }
.cplist{ display:table; margin-top:50px;width:100%; box-shadow: 10px 10px 50px rgba(0,0,0,.2);position: relative;}
.cplist li{ float:left; width:50%;}
.cplist li a{display: flex;position: relative;overflow: hidden;}
.cplist li .pic{ float:left; width:50%;/*background: linear-gradient(135deg,rgba(238,238,238,1) 0%,rgba(193,193,193,1) 100%)*/ background:#edf0f2;display: flex;justify-content: center;align-items: center;}
.cplist li .pic img{display: inline-block;height: auto; width:250px;}
.cplist li .text{ float:left;width:50%;height:250px; text-align:center;}
.cplist li .text h2{ margin:80px 0 10px 0; color:#333;}
.cplist li .text p{ padding:0 20px;}
.cplist li a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;border:10px solid;border-image:-moz-linear-gradient(-45deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;border-image:-webkit-linear-gradient(-45deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;border-image:linear-gradient(135deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;overflow:hidden;display:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.cplist li a:hover:before{display:block}


.cpbox{margin: 50px auto auto; width:1200px;box-shadow: 3px 2px 30px rgba(0,0,0,.1);display:table;}
.cpbox ul li{width: 180px;height: 300px;border-right:1px solid #ddd;margin-left:-1px;float: left;text-align: center;position: relative;transition: all .6s ease-out;}
.cpbox ul li:last-child{ border:none; margin:0;}
.cpbox ul li h3{padding-top: 30px;color: #333;font-size: 18px;}
.cpbox ul li p{margin-top: 7px;color: #666;font-size: 14px;}
.cpbox ul li img{width: 150px;height: 100px;position: absolute;right: 15px;bottom: 30px;transition: all .6s ease-out;}
.cpbox ul .on{width: 300px;height: 300px;background-color: #3288e6;text-align: left;}
.cpbox ul .on h3{padding-left: 20px;color: #FFF;}
.cpbox ul .on p{margin-left: 20px;color: #FFF;}
.cpbox ul .on img{width: 300px;height: 200px;position: absolute;right: 0px;bottom: 10px;}

.index_ys{ width:100%; padding:70px 0; background:#f8f8f8; overflow:hidden;}
.ysBox{ margin-top:50px; display:table;}
.ys_left{ float:left; width:600px;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative;}
.ys_left li{ float:left; margin-left:-1px; width:50%; border-left: #eee solid 1px;border-bottom: #eee solid 1px;position: relative;}
.ys_left li a{ display:block; height:150px;padding: 2rem;border:10px solid;border-color: transparent; text-align:center;}
.ys_left li a:hover{border-image:-moz-linear-gradient(-45deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;border-image:-webkit-linear-gradient(-45deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;border-image:linear-gradient(135deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;}
.ys_left li img{margin: 0 auto 2rem auto;width:auto; height:40px;display: block; -webkit-filter: invert(100%); filter: invert(100%); opacity: .8;}
.ys_left li h4{ color:#333; font-size:20px; }
.ys_left li p{ margin-top:20px;}

.ys_right{ float:left; width:560px; margin-left:40px;border-top:1px solid #ddd;}
.ys_right li{ height:63px; line-height:63px; border-bottom:1px solid #ddd;}
.ys_right li p{ font-size:18px;cursor: pointer;transition: transform 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98)}
.ys_right li i{ font-size:14px; padding-right:10px;}
.ys_right li p:hover{ transform: scale(1.1);background:#008cd6; color:#fff;box-shadow: 0 5px 20px 6px rgba(51, 51, 51, 0.18); text-indent:10px;}

.index_about{ padding:70px 0; overflow:hidden; }
.aboutBox{ display:table; margin-top:50px; width:100%;box-shadow: 0 0 15px rgba(0,0,0,.1); }
.aboutBox .team{ float:left; width:50%; height:300px; overflow:hidden;}
.aboutBox .team:first-child{ background:#f2f2f2;}
.aboutBox .team:first-child img{  width:100%; height:100%; object-fit: cover; transition: all 0.6s;}
.aboutBox .team:first-child img:hover{transform: scale(1.05);}
.aboutBox .team:nth-child(3){background:#008cd6; color:#fff; text-align:center;}
.aboutBox .team:nth-child(3) h3{ margin:90px 0 40px 0; font-size:18px; font-weight:normal;}
.aboutBox .team:nth-child(3) p a{ display:inline-table; margin:0 5px; padding:10px 30px; border:1px solid #fff; color:#fff;}
.aboutBox .team:nth-child(3) p a:hover{ border:1px solid rgba(0,140,214,1); background-image:linear-gradient(135deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%);}
.aboutBox .team .company{ padding:60px; line-height:25px;}
.aboutBox .team .company h3{ font-size:18px; margin-bottom:20px;}
.aboutBox .team .company p{ color:#666;}

.picScroll { position: relative}
.picScroll .hd2 a{display: block;float: right;position: absolute;top:120px;z-index: 999999;overflow: hidden;cursor: pointer;width:50px;height:60px;line-height:60px;text-align:center;background: rgba(0, 0, 0, 0.3);color:#fff; font-size:28px;}
.picScroll .hd2 a:hover{background:#0075c2;}
.picScroll .hd2 .prev {left:0px;border-radius:0px 7px 7px 0px;}
.picScroll .hd2 .next {right:0px;border-radius:7px 0px 0px 7px;}
.picScroll .hd2 ul {float: right;overflow: hidden;zoom: 1;}
.picScroll .bd2 {overflow: hidden;position: relative;}
.picScroll .bd2 ul {overflow: hidden;zoom: 1}
.picScroll .bd2 ul{ float:left; width:100%; display:table;}
.picScroll .bd2 ul .pic{ width:100%; height:300px; overflow:hidden;}
.picScroll .bd2 ul .pic img{ width:100%; height:100%; object-fit: cover; transition: all 0.6s;}
.picScroll .bd2 ul .pic img:hover{transform: scale(1.1);}

.index_news{ width:100%; padding:70px 0; background:url(../images/cp_bg.jpg) no-repeat center bottom; overflow:hidden;}
.news_list{ margin-top:50px; display:table;}
.news_list li{ float:left; width:386px; margin-right:21px;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,.1); position:relative;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li .pic{ width:100%; height:200px; overflow:hidden;}
.news_list li .pic img{ width:100%; height:100%; object-fit: cover; transition: all 0.6s;}
.news_list li:hover .pic img{transform: scale(1.1);}
.news_list li .text{ padding:30px; }
.news_list li a .text h4{ margin-bottom:15px; font-size:18px; font-weight:normal; color:#333;}
.news_list li .text p{ line-height:20px;}
.news_list li .time{ position:absolute; left:0; top:0; width:60px; height:60px;background:rgba(0,0,0,.5); font-size:12px; color:#fff; text-align:center;}
.news_list li .time b{ display:block; margin-top:8px; font-size:18px;}
.news_list li a{ display:blockposition: relative;overflow: hidden; }
.news_list li a:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;border:10px solid;border-image:-moz-linear-gradient(-45deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;border-image:-webkit-linear-gradient(-45deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;border-image:linear-gradient(135deg,rgba(0,140,214,1) 0%,rgba(158,216,246,1) 100%) 30 30;overflow:hidden;display:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.news_list li a:hover:before{display:block; z-index:9;}

a.more{ display:block; margin:30px auto; width:180px; height:40px; line-height:40px;background:#008cd6; color:#fff; text-align:center;}
a.more:hover{ background:#353a40;transition:all 0.5s ease;}



/*页脚*/

.footer {width:100%; background:#353a40;padding: 40px 0; color:rgba(255,255,255,.9); line-height:30px; overflow: hidden;}
.footer .footer_top{ width:100%; padding-bottom:30px;overflow:hidden; position:relative;}
.footer .footer_nav{ width:100%; margin-bottom:10px; overflow:hidden;}
.footer .footer_nav a{ color:#fff; margin:0 10px;}
.footer .footer_nav a:first-child{ margin-left:0;}
.footer p{color:rgba(255,255,255,.5);}

.footer .ewm{ position:absolute; top:0; right:0;}
.footer .ewm li{ float:left; width:100px; margin-left:15px; text-align:center;line-height:20px;}
.footer .ewm img{ width:100px; height:100px;}
.footer .copy{ margin-top:20px; padding-top:30px; border-top:1px solid rgba(255,255,255,.1); text-align:center;color:rgba(255,255,255,.5); overflow:hidden;}
.footer a:hover{ color:#fff;}

.banner{ margin-top:100px; width:100%; height:200px; overflow:hidden; position:relative;}
.banner img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px;}
.home{ margin-top:100px;width:100%; height:50px; line-height:50px;background:#008cd6; overflow:hidden; }
.home h4{ float:left; color:#fff; font-size:22px; font-weight:normal;}
.home p{ float:right;color:rgba(255,255,255,.9);}
.home a{color:rgba(255,255,255,.9);}
.home a:hover{color:fff;}

.main{ width:100%; padding:15px 0; background:#eee;overflow:hidden;}
.infoBox{ margin:15px auto; width:1140px; padding:30px; background:#fff;}

.main_info{ display:table; background:#fff;/*box-shadow: 0 2px 30px rgba(0,0,0,.05);*/}
.main_info .info{ /*padding:30px 40px;*/ padding:30px 0; line-height:35px; font-size:16px;}
.about_text{ padding:30px 60px; line-height:35px; font-size:15px;}
.back{ margin-top:30px;}

.newslist{ margin-top:30px;}
.newslist li{ float:left; width:380px; margin:0 30px 30px 0; overflow:hidden;transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s}
.newslist li:nth-child(3n){margin-right:0;}
.newslist li .pic { width:100%; height:250px; overflow:hidden;}
.newslist li .pic img {width:100%; height:100%; object-fit: cover; transition: all 0.8s;}
.newslist li:hover .pic img{ transform: scale(1.1);}
.newslist li .text { width:340px; padding:20px; background:#fff; overflow:hidden;}
.newslist li .text .time{ color:#999;padding-top: 10px; font-size: .8em;}
.newslist li .text h2{font-size:18px; font-weight:normal; color:#000;margin-bottom: 10px;}
.newslist li:hover { color: #000; -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) }

.main_title{ margin-top:150px; font-size: 36px;line-height: 1.1em;text-align:center;}
.main_title span{ display:block; margin-top:10px; font-size:18px; color:#666;font-family: "PingFang SC", webfont,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei";}



.news_title{ width:100%; padding-top:30px; overflow:hidden;}
.news_title h1{font-size: 32px;font-weight: 400;color: #333;text-align: center;margin-bottom: 10px;}
.news_title span{
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,.05);
}

.productNav{ width:100%; margin-top:20px; text-align:center; background:#eee;overflow:hidden;}
.productNav ul{ display: inline-block;overflow: auto;}
.productNav li{ display: inline;float: left;}
.productNav li a{ display:block; padding:15px 27px; border:1px solid #333; color:#333; margin-left:-1px;}
.productNav li:first-child a{ margin:0;}
.productNav li.act a,.productNav li:hover a{ background:#333; color:#fff;}

.main .fixednav {position: fixed;top:60px;left: 0px;width: 100%; height:52px;transition:all 0.5s ease;z-index:99999;}

.productlist{ width:100%; display:table;}
.productlist li{ float:left; width:380px; margin:30px 30px 0 0;}
.productlist li:nth-child(3n){margin-right:0;}
.productlist a{ display:block; border:1px solid #ddd;}
.productlist .pic{ margin:10px; width:360; height:360px; overflow:hidden;}
.productlist .pic img{ width:100%; height:100%; object-fit: cover;transition: all 0.6s;}
.productlist a:hover .pic img{ transform: scale(1.1);}
.productlist h2{ padding:20px 0 30px 0;text-align:center;font-size: 1.0rem; }
.productlist a:hover { box-shadow: 3px 2px 10px rgba(0,0,0,.1);transition: all .36s ease;}

/* tab */
#tab{ margin-top:20px;width:100%;}
#tab .tab_menu{ float:left;width:25%; background:#fff;box-shadow: 0 0 5px rgba(0,0,0,.1); }
#tab .tab_menu li{ width:100%; height:70px; border-bottom:1px solid #e9ecec;}
#tab .tab_menu li .pic{ float:left; width:70px; height:70px; background:#f2f2f2; overflow:hidden;}
#tab .tab_menu li .pic img{ width:100%; height:100%; object-fit:contain;transition: all 0.6s;}
#tab .tab_menu li .pic img{ transform: scale(1.1);}
#tab .tab_menu li h4{ float:left; padding-left:20px; line-height:70px; color:#333;}
#tab .tab_menu .selected{cursor:pointer; background:#f7f7f7;}
#tab .tab_box{ margin:0 auto; width:1200px; background:#FFF;box-shadow:0 0 5px rgba(0,0,0,.1); display:table;  }
.hide{display:none;}
.tab_box .box_left{ float:left; width:30%; min-height:645px;}
.tab_box .box_left h2{ margin:30px 30px 0 30px; font-size:20px;}
.tab_box .box_left p{ margin:0 30px; padding-top:10px;}
.tab_box .box_left p i{ font-size:20px; color:#000; padding-right:10px;}
.tab_box .box_left .img{ margin:0 10px; overflow:hidden;}
.tab_box .box_left .img li{float:left; margin:10px 10px 0 0; width:80px; border-bottom:none; text-align:center; background:none;}
.tab_box .box_left .img li img{ width:80px; height:80px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.tab_box .box_left .img li p{ margin-top:-10px; line-height:20px;font-weight:normal;}
.tab_box .box_left .button{ display:block; margin:10px 30px 20px 30px; width:165px; height:44px; line-height:44px; background:#000; color:#fff; font-weight:bold; text-align:center;}
.tab_box .box_left ul{margin:0 30px;}
.tab_box .box_left ul li{ line-height:34px; background:url(../images/ico7.png) no-repeat 0 center;}
.tab_box .box_left ul li a{color:#000; padding-left:15px;}
.tab_box .box_right{ float:right; width:70%; box-shadow:0 0 5px rgba(0,0,0,.1);}
.tab_box .box_right .product_pic{ margin:20px; text-align:center;}
.tab_box .box_right .product_pic img{ max-width:100%;}
.tab_box .box_right .product_text{ margin:30px; padding-top:30px; border-top:1px solid #ebebeb; font-size:16px; line-height:30px;}
.tab_box .box_right .product_text img { max-width:100%;}
/*修改滚动条样式*/
div::-webkit-scrollbar{
  width:10px;
  height:10px;
  /**/
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #008cd6;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}



/* 通用分页样式 */
.pages {height: 26px;padding: 5px 0;margin-top: 30px;clear: both;text-align: center;}
.pages:after {content: '.';clear: both;height: 0;line-height: 0;display: block;visibility: hidden;}
.pages b{background:#e61420; color:#fff;padding: 5px 10px;}
.pages a {padding: 5px 10px;border: 1px solid #e1e1e1;height: 24px;line-height: 24px;color: #666;}
.pages a:hover {border: 1px solid #3a97ef;background: #3a97ef;color: #fff;text-decoration: none;}

.d_page{border-top: 1px solid #eee;margin-top: 40px; padding-top:20px; position:relative;}
.d_page p._next{line-height: 30px;height: 30px;overflow: hidden;}
.d_page p ._mark {float: left;margin-right: 10px;}
.d_page p a{ color:#666;}
.d_page p a:hover{ text-decoration:underline;}
.d_page .back{ position:absolute; top:20px; right:0;}
.d_page .back a{ display:block; width:120px; height:40px; line-height:40px; text-align:center;background:#e61420; color:#fff;}


.about{ line-height:30px;}
.news_img{ width:100%; overflow:hidden;}
.news_img img{ width:100%; }

.about_list{ width:100%; overflow:hidden;}
.about_list li{ float:left; width:390px; margin:0 15px 15px 0;overflow:hidden;}
.about_list li:nth-child(3n){margin-right:0;}
.about_list li img{ width:100%; height:100%;}

.contact{ }
.contact .text{ float:left; width:430px; overflow:hidden; }


.main_info_product{ margin:20px auto; width:800px; padding:50px; background:#fff;box-shadow: 3px 2px 10px rgba(0,0,0,.1);display:table;}
.main_info_product .news_info{ padding-top:20px; line-height:30px; font-size:16px; overflow:hidden;}
.main_info_product .news_info img{ max-width:100%;}


.product_top{ margin:20px auto; width:800px; padding:50px; background:#fff;box-shadow: 3px 2px 10px rgba(0,0,0,.1); display:table;}
.product_top .p_t_left{ float:left; width:400px; height:400px; overflow:hidden;}
.product_top .p_t_left img{ width:100%; height:100%; object-fit: cover;}
.product_top .p_t_right{ float:right; width:360px; height:400px; overflow:hidden;}
.product_top .p_t_right h3{ height:60px; line-height:60px; font-size:20px; text-indent:10px; background:#f8f8f8;}
.product_top .p_t_right ul li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; font-weight:bold; display:block;}
.product_top .p_t_right ul li span{ display:block; float:left; padding-right:20px; width:50px; text-align:right; font-weight:normal;}
.product_top .p_t_right ul li.on{ float:left; margin-top:10px; width:120px; height:120px; border-bottom:none; text-align:center;}
.product_top .p_t_right ul li.on img{ width:100px; height:100px;box-shadow: 3px 2px 10px rgba(0,0,0,.1);}
.product_top .p_t_right ul li.on p{ margin-top:-10px; line-height:20px;font-weight:normal;}


/*在线客服*/
.keifu{ position:fixed; top:10%; right:0; width:140px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:1;}
.keifu_tab{ width:140px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/kefu.png) no-repeat 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:140px; padding-bottom:10px;background:#008cd6; color:#fff;text-align:center;}
.keifu_tab img{ display:block;}
.keifu_head{ width:140px; height:50px; line-height:25px; padding:10px 0; font-size:16px; position:relative;}
.keifu_head b{ font-size:18px;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; position:absolute; top:5px; right:5px; color:rgba(255,255,255,.5);}
.keifu_close:hover{ }
.keifu_zx{ margin:0 auto; width:120px; height:40px; line-height:40px; background:#428ffc; border-radius:5px;}
.keifu_zx a{ font-size:18px; color:#fff;}
.keifu_pic{margin:10px auto auto; width:120px;}
.keifu_pic img{ width:120px; height:120px;}
.keifu_pic p{ padding-top:10px;}