﻿@charset "utf-8";

@font-face {
  font-family: 'iconfont';  /* project id 183650 */
  src: url('//at.alicdn.com/t/font_183650_7vduv0knk0o.eot');
  src: url('//at.alicdn.com/t/font_183650_7vduv0knk0o.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_183650_7vduv0knk0o.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_183650_7vduv0knk0o.woff') format('woff'),
  url('//at.alicdn.com/t/font_183650_7vduv0knk0o.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_183650_7vduv0knk0o.svg#iconfont') format('svg');
}
  .iconfont {
	font-family:"iconfont" !important;
	font-size:22px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .fixeds{position: fixed!important; top: 0; left: 0; -moz-box-shadow:0px 1px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.2); box-shadow:0px 1px 5px rgba(0,0,0,.2); z-index: 999; background: #fff !important; }

html,body {	margin: 0px; padding:0;background:#fff; font-family: "微软雅黑"; font-size: 12px; color: #222; text-align:center; }
* { margin:0; padding:0; }
.bodyen{
background:#FFF url(../images/enbg.gif) repeat-x left top;
font-family:Arial;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover { color:#f60; text-decoration:none; }
#logo {width:417px; height:118px; display:block; overflow:hidden; background:url(../images/logo.jpg) no-repeat left top; }
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31;}
.blue { color:#1F71AF; !important; }
a.more { text-align:left; color:#333; text-decoration:none; font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px; }
a.more:hover { color:#c00; text-decoration:none; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; }

.time{
	font-family:Arial;
	font-size:12px;
	color:#999;
	width:106px;
	text-align:center;
}
/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; }

.input1{ height: 30px; line-height: 30px; background: #fff; font-size: 14px; border: none; width: 100%; text-indent: 10px;}
.input2{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:20px;
	line-height:20px;
	margin-bottom:-3px;
}

.text7 td{ padding:4px 0;}

/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f12px{ font-size:12px; font-weight:normal;}
.f14px{ font-size:14px;}
.fB { font-weight:900; }
/* 顶部样式 */
.top-head{height:140px;position: fixed;top:0; left:0; width:100%;z-index:1000;background:none;background:#fff;}
.top-head-info{width: 100%; background: #f7f7f7;}
.top-head-info-in{width: 1200px; margin: 0 auto; position: relative;height: 40px; line-height: 40px; text-align: left;}
.topTel{ font-size: 18px; color: #666; margin-right: 20px;}
.topTel i{ font-size: 18px; color:  #666;}
.top02{height:100px;width:100%;}
.top02_center{width: 1200px; margin: 0 auto; position: relative;}

.logo{width:252px;float:left;}

.logo a{ display:inline-block;}
.logo img{display:inline-block;}

/*menu*/
#navContent{ float: left; margin-left: 100px; }
.naven{ margin-left:20px !important;}
.nav{z-index:1;  position:relative; }
		.nav a{ }
		.nav .nLi{ float:left;  display:inline;  }
		.nav .nLi h3{ float:left;  }
    .nav .nLi h3 a{ display:block; height: 100px; line-height: 100px; font-size:18px;  color: #333; width: 115px; text-align: center; font-weight: 400;}
    
    .nav .sub_nav{ display:none; width:100%; left:0; top:140px; z-index: 0; height: 300px;  position: fixed;; background:#f7f7f7;  padding:20px 0;  transition: 0.3s;}
    .nav .sub_container{ width: 1000px;  margin: 0 auto;}
    .nav .sub_pro{width:800px !important;left:-200px !important; }
    .nav .on h3 a{ background:#c00; color:#fff;   }
    
    .sub_l{ float: left; width: 500px;}
    .sub_r{ float: right; width: 500px; padding-top: 50px;}

    .sub_l_pro{ float: left; width: 408px;}
    .sub_r_pro{ float: right; width: 580px;}

    .nav .sub_r li{ width: 200px; float: left;}
    .nav .sub_r li a{ display:block; font-size: 16px; height: 40px; line-height: 40px; color: #333; transition: 0.3s; border-radius:20px ;}
    .nav .sub_r a:hover{ background:#fff; color:#c00; box-shadow: 0 0 5px #ccc;  }
    
    .nav .sub_r_pro li{ width: 180px; float: left;}
    .nav .sub_r_pro li a{ display:block; font-size: 14px; height: 40px; line-height:40px; color: #333;  transition: 0.3s;border-radius:20px ;}
		.nav .sub_r_pro a:hover{ background:#fff; color:#c00; box-shadow: 0 0 5px #ccc; }



.sub{width:1200px;overflow:hidden;margin:0 auto; position: relative; text-align: left; min-height:95px; }
.sub_t{padding: 15px 0; color: #999;}
.sub_t_h2{ font-size: 34px; font-weight: 500; color: #000;}

.sub_about_dl{ position: absolute; right: 0; top: 0;}
.sub_about_dl dd{ float: left; font-size: 16px; line-height: 200%;}
.sub_about_dl dd a{ padding:15px 20px; display: block;  text-align: center;}
.sub_about_dl dd a i{ font-size: 28px;}
.sub_about_dl dd a.on{ background: #ff9600; color: #fff;}

.sub_news_dl{ position: absolute; right: 0; top: 0;}
.sub_news_dl dd{ float: left; font-size: 16px; line-height: 200%;}
.sub_news_dl dd a{ padding:15px 20px; display: block;  text-align: center;}
.sub_news_dl dd a i{ font-size: 28px;}
.sub_news_dl dd a.on{ background: #ff9600; color: #fff;}

.sub_pro_dl{ position: absolute; right: 0; top: 0;}
.sub_pro_dl dd{ float: left; font-size: 16px; line-height: 150%;}
.sub_pro_dl dd p{ padding: 0; margin: 0;}
.sub_pro_dl dd a{ padding:10px 20px; display: block;  text-align: center;}
.sub_pro_dl dd a i{ font-size: 28px;}
.sub_pro_dl dd a.on{ background: #ff9600; color: #fff;}

.sub_newpro_dl{ position: absolute; left: 160px; top: 0;}
.newproen{left: 280px !important;}
.sub_newpro_dl dd{ float: left; font-size: 16px; line-height: 150%; padding:10px; width:220px;}
.sub_newpro_dl dd p{ padding: 0; margin: 0;}
.sub_newpro_dl dd a{ line-height:150%; display: block; padding:10px; text-align: center; border:1px solid #ccc; background:#fff;}
.sub_newpro_dl dd a i{ font-size: 28px;}
.sub_newpro_dl dd a.on{ background: #ff9600; color: #fff;}


.sub_proimg{ width: 50px; height: 50px; display: block; margin: 0 auto;}


/*top serach*/
.lanuage{ position:absolute; right:0; top:5px; z-index:999; color:#fff; font-size:14px; width:30px; height:30px; line-height:30px;text-align:center; display:inline-block; border-radius:4px; background:#ff9600;}
.lanuage:hover{ background:#fb002a; color:#fff;}
.rali{ position:absolute; right:40px; top:5px;}


.search{position:absolute; right:50px; top:25px; width: 120px; height: 30px; line-height: 30px; background: #fffad8;border-radius:10px;}

.searchIcon{ width:90px; height:30px; line-height:30px; border:none;  background:none; text-indent:4px; font-size:14px; z-index: 999;}
.search i{ font-size:16px !important; color:#999; }


/*banner*/
.banner{ width: 100%; }
.banner img{ width: 100%; display: block;}

.swiper-banner{ position: relative; margin-top: 100px;}
.swiper-pagination-banner{ text-align:center; bottom: 20px !important; position: absolute; z-index: 99;}

/*首页产品*/
.iprobg{ width: 100%; height: 800px; background: url(../images/iprobg.jpg) no-repeat center top; background-size: cover;}
.iproTcon{ padding: 30px 0;}
.iproTitle{ font-size:30px; color: #fff; font-weight: 400; text-align: center; padding: 10px 0; position: relative; z-index: 1;}
.iproLine{ width: 160px; height: 10px; background: #f9de21; position: absolute; left: 50%; bottom: 10px; margin-left: -80px; z-index: -1;}
.iproTitle1{ font-size: 12px; color: #fff; font-weight: normal; text-align: center;}

a.morepro { text-align:center; background: #fff; color:#333; text-decoration:none; font-size:18px; font-weight:normal; width: 200px; height: 40px; line-height: 40px; border-radius: 50px; margin:50px auto; display: block;}
a.morepro:hover {background: #ff4c85; color:#fff; text-decoration:none; }

/*产品列表*/

.pro_l{ width: 250px; float: left;}
.pro_r{ width: 900px; float: right;}

.proCon{ padding: 50px 0;}

.pro_contant li{float:left; width:25%; height:270px; text-align:center; }

.pro_contant  li .pic a img{ width: 100%; }
.pro_contant  li .pic{ padding:5px; width:200px; text-align:center; height:240px; display:block; border: 1px solid #eee;}
.pro_contant  li .pic:hover{ background:#ff4c85; color:#fff; text-decoration:none; }
.pro_contant  li .pic:hover p{ color:#fff;}
.pro_contant  li .pic a:hover{ text-decoration:none;}
.pro_contant  li .pic p{ line-height:40px;text-decoration:none; font-size: 16px;}

.dl_pro{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
.dl_pro dd{
  border-bottom: 1px solid #eee;
}
.dl_pro dd a{
	font-size:16px;
	color:#333;
	line-height:40px;
	text-align:left;
  display:block;
  transition: 0.3s;
}
.dl_pro dd a i{ float: right; font-size: 10px; color: #ccc;}
.dl_pro dd a:hover{
  padding:0 10px;
	color:#fff;
	text-decoration:none;
	background: #f60;
}
.dl_pro dd a:hover i{ color: #fff;;}
.dl_pro dd a.on{ color:#fff;font-weight:bold; background: #f60;padding:0 10px;}

/* 推荐产品 */

.slideTxtBox{ width:100%;  text-align:center;  }
.slideTxtBox .hd{  padding:10px 20px;  margin: 0 auto; width: 960px; margin-bottom: 50px;}
.slideTxtBox .hd ul{ }
.slideTxtBox .hd ul li{ float:left; padding:10px 0; width: 150px; cursor:pointer; background: #fff; font-size: 16px; text-align: center; margin-right: 10px; }
.slideTxtBox .hd ul li.on{  background:#ff4c85; color: #fff; }
.slideTxtBox .bd ul{ padding:0;  zoom:1;  }
.slideTxtBox .bd li{ float: left; margin-left: 10px; width: 380px;}
.slideTxtBox .bd li img{ width: 100%;}
.slideTxtBox .bd li a{ padding: 8px; display: block; transition: 0.3s; background: #fff;}
.slideTxtBox .bd li a p{ line-height: 40px; font-size:16px;}
.slideTxtBox .bd li a:hover{ background: #ff4c85; color: #fff; box-shadow: 0 0 5px #ccc;}

.iproduction{ padding: 50px 0;}
.iproduc_l{ width: 450px; float: left;}
.iproduc_r{ width: 700px; float: right;}

.ducTitle{ font-size:40px; color: #c00; font-weight: 400; text-align: left;}
.ducTitle1{ font-size: 30px; color: #999; font-weight: normal; margin-bottom: 50px;}
.duc_desc{ font-size:16px; color: #999; line-height: 200%;margin-bottom: 50px;}

/* 生产工序 */
.caseImg03{position:relative; width: 100%;}
.slideCase03{width: 100px; position: absolute; right: 0; top: 0; height: 330px; padding-top: 30px;}
.smallImg03{float:right;margin:5px 0;cursor:pointer;}
.smallImg03 img{width:80px; height: 60px;}
.slideCase03 .hd03 ul{display:none;}
.slideCase03 .hd03 .next{ width: 30px; position: absolute; right: 30px; bottom: 0; cursor: pointer;}
.slideCase03 .hd03 .prev{width: 30px; position: absolute; right: 30px; top: 0;transform:rotate(-180deg); cursor: pointer;}
.caselayBox{width:550px;position:absolute;left:0px;top:2px;background:#000; }
.caselayBox img{ width: 100%;}
.casehtml{position:relative;}
.hidden{display:none;position:relative;}
.hiddBg{padding-top:133px;position:absolute;background:url(../img/Imgbg03.png) repeat;width:606px;height:340px;left:0px;top:0px;display:none;}
.hiddBg span{overflow:hidden;display: block;color:#fff;font-size:20px;width:342px;margin:0 auto;line-height:28px;height:28px;}
.text03{width:342px;margin:0 auto;font-size:20px;color:#fff;}
.text03 .p03{position:relative;top:-22px;left:102px;font-size:20px;line-height:28px;width:241px;height:140px;overflow:hidden;}

.inProduction{ width: 800px; margin: 50px auto;}
.gallery-thumbs img{ width: 100%;}
.inProductionTitle{ font-size: 16px; padding: 10px 0; text-align: center;}

/*展示*/
.exhbg{ margin: 30px auto; height: 720px; background: url(../images/iexhbg.jpg) no-repeat center top; background-size: cover;padding:30px 0; }
.exhHead{  text-align: right; }
.exhTitle{ font-size:40px; color: #c00; font-weight: 400; text-align: right;}
.exhTitle1{ font-size: 30px; color: #999; font-weight: normal; margin-bottom: 50px; text-align: right;}
.exh_desc{ font-size:16px; color: #999; line-height: 200%;margin-bottom: 50px; display: inline-block;width: 600px;}

.exhNews{ padding:20px; position: relative; z-index: 99; text-align: left; background: #fff;  width: 760px; margin-left: 400px;}
.exhNews_title{ font-size: 18px; font-weight: 400; padding: 10px 0;}
.exhNews_desc{ font-size: 14px; color: #999; margin-bottom:10px ;}

.exhNews_img{ position: absolute; left: 0; bottom: 0; width: 500px; z-index: 0;}
.exhNews_img img{ width: 100%;}

/*客户互动*/
/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative;  }
.picScroll-left .hd{ }
.picScroll-left .hd .prev{ display:block;  width:30px; height:30px; line-height: 30px; background:#afafaf; position: absolute; left: 0; top:100px;z-index: 99; cursor: pointer; text-align: center;}
.picScroll-left .hd .prev i{ font-size:14px; color: #fff;}
.picScroll-left .hd .next{  display:block;  width:30px; height:30px;line-height: 30px; background:#afafaf; position: absolute; right: 0; top:100px;z-index: 99; cursor: pointer; text-align: center;}
.picScroll-left .hd .next i{ font-size:14px; color: #fff;}

.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; width: 220px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; height:200px;  overflow: hidden; }
.picScroll-left .bd ul li .pic img{ width:200px; height: 180px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

/*企业掠影*/
#certify {
	position: relative;
	width: 1100px;
	margin: 50px auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 16px;
	margin: 0;
}
#certify  .swiper-slide .newsTitle{ font-size: 16px; line-height: 40px;}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/*企业荣誉*/
.honorCon{ width: 1100px; margin: 50px auto;}
.honorList{ width: 25%; float: left; height: 300px; text-align: center;}
.honorWidth{ height: 200px; overflow: hidden;}
.honorWidth img{ width: 100%;}
.honorListTitle{ font-size: 16px; font-weight: 400; padding: 10px 0; text-align: center; color: #000;}

.honorList a{ border: 1px solid #ccc; display: block; margin: 10px; box-shadow: 0 0 5px #ccc;}

/*分类*/

.ipro_l{ width: 900px; float: left;}
.ipro_r{ width: 300px; float: right;}


.iproT{ font-size:24px; font-weight:400; line-height:50px; color:#0163b6; margin:0;}
.iproT span{ color:#999; font-size: 14px;}
.iprocon{ padding-bottom:20px;}

.categorybg{ width: 100%; background: #f7f7f7;}
.catgory_l{ float:left;}
.category_search{background: #f7f7f7; border-radius: 4px; position: relative; z-index: 999; padding: 10px 0 0 0 ; width:100%;}
.category_search_form{ width: 410px; float: left; background: #fff;}
.category_newpro{ width:100px; float:left; margin-left:20px;}
.category_newpro img{ width:100%;}
.category_select{ width: 120px; height: 30px; line-height: 30px; display: inline-block; border: none;}
.category_input{ width: 200px; border: none;height: 30px; line-height: 30px; font-size: 14px;display: inline-block; }
.category_button{ width: 80px; background: #f60; color: #fff; font-size: 14px; text-align: center;height: 30px; line-height: 30px; display: inline-block;}
.category_button i{ font-size: 14px;}
.category_button:hover{ background: #F00; color: #fff;}

.category_r{ float: right; width: 300px; text-align: right;}

.categoryCon{ padding: 10px 0 20px 0;}
.category_list{ width: 170px; float: left; margin-right:10px;}

a.imga{ height:170px; line-height:170px; display:block; cursor:pointer}
a.imga:hover{ background:none;}

.ic1 { padding:0px 0 0 0; -webkit-transition: all 0.3s ease-in-out; text-align:center;}
.ic1 a { height:30px; line-height:30px; font-size:14px; color:#000; display:block;}
.ic1 a:hover {  text-decoration:underline; color:#c00;}

.ic1en { padding:0px 0 0 0; -webkit-transition: all 0.3s ease-in-out; text-align:center;}
.ic1en a { line-height:180%; font-size:14px; color:#000; display:block;}
.ic1en a:hover {  text-decoration:underline; color:#c00;}

.icimg{ text-align:center; margin: 0 auto; transition: 0.3s; padding: 10px 0 10px 0; height: 260px; background: #fff; border-radius: 4px; box-shadow: 0 0 5px #ccc;}
.icimg:hover{ background: #f60; border-radius: 4px; box-shadow: 0 0 5px #ccc; color:#fff;}
.icimg:hover .ic_title{ color:#fff;}
.icimg:hover .ic_titleen{ color:#fff;}
.icimg:hover .ic1 a{ color:#fff;}
.icimg:hover .ic1en a{ color:#fff;}

.ic_title{ font-size:18px; color:#f60; font-weight:500; height:40px;}
.ic_titleen{ font-size:14px; color:#f60; font-weight:500; height:40px;}

.dl_inews_tj{ height:280px; border-radius:4px; box-shadow:0 0 5px #ccc}
.inewsdesc_tj{ color:#999; border-bottom:1px solid #eee; padding-bottom:10px; height: 120px;}


/*公司简介*/
.aboutbg{ width: 100%; padding: 30px 0;}
.aboutcon{ padding: 20px 0; position: relative; background: url(../images/about_cbg.jpg) no-repeat 600px 30px;}
.about_l{ width: 500px; float: right; background: #000; }


.about_r{ width: 650px; float: left; }
.aboutTitle{ font-size:30px; color: #000; font-weight: 400; text-align: left;}
.aboutTitle1{ font-size: 12px; color: #999; font-weight: normal;}
.line{ width: 300px; height: 1px; background: #eee; overflow: hidden; display: inline-block; margin-right: 20px;}
.aboutT2{ font-size:18px ; color: #f60; padding:20px 0 ; text-align: left;}
.aboutdesc{ font-size: 14px; color: #777;  line-height: 180%;}
a.aboutMore{ float:right; margin-top:0; width:100px; height:25px; line-height:25px; background:#fff; border:1px solid #f60; color:#f60; text-align:center; display:block; transition:400ms;}
a.aboutMore i{ font-size:12px;}
a.aboutMore:hover{ background:#f60; color:#fff; text-decoration:none; font-size:14px;}
.ivideo{}
.ivideo img{ }

.about_icon_index{ margin: 0 0; padding: 0; list-style: none;  position: relative; z-index: 999;}
.about_icon_index li{ float: left; width: 25%;}
.about_icon_indexDiv{ padding:20px ; display: block; transition: 0.3s; margin: 10px; border-right: 1px solid #eee; position: relative; text-align: center;}
.about_icon_indexDiv i{ font-size: 12px; font-weight: normal;}
.about_icon_index h2{ font-size: 28px; font-weight: 600;color: #16afef;}

.about_icon{ margin: 30px 0; padding: 0; list-style: none;  position: relative; z-index: 999;}
.about_icon li{ float: left; width: 25%;}
.about_iconDiv{ padding:20px ; display: block; transition: 0.3s; margin: 10px; background: #f7f7f7; position: relative; text-align: center;}
.about_iconDiv i{ font-size: 12px; font-weight: normal;}
.about_icon h2{ font-size: 28px; font-weight: 600; }



.icolor1{color: #f60;}
.icolor2{color: #31c329;}
.icolor3{color: #1fb1c8;}
.icolor4{color: #bb6bdd;}
.icolor5{color: #e73052;}

.aboutCon{ font-size: 16px; padding: 30px 0; line-height: 200%;}


/*首页荣誉*/
.honorbg{ height: 345px; background: url(../images/honorbg.jpg) no-repeat center top; }
.honorbgen{ height: 345px; background: url(../images/honorbgen.jpg) no-repeat center top; }

#persons {	position: relative;	width: 1000px;	margin: 0 auto  }
  #persons .swiper-container {	padding-top: 180px;	width: 100%;  }
  #persons .swiper-slide {	width: 100px;	height: 150px;  }
  #persons .swiper-slide img {	width: 100px;height: 150px;  } 
  #persons .swiper-pagination {	width: 100%;	bottom: -50px;  }
  #persons .swiper-button-prev {	left: 60px;	top: 250px;	width: 45px;	height: 45px;  }
  #persons .swiper-button-prev:hover {	background-position: 0 -46px;	background-size: 100%  }
  #persons .swiper-button-next {	right: 60px;	top: 250px;	width: 45px;	height: 45px;  }



  /*新闻*/

  .news_l{ width: 800px; float: left;}
  .news_r{ width: 360px; float: right;}

.inewsT{ font-size:24px; font-weight:400; line-height:50px; color:#0163b6; margin:20px 0;}
.inewsT span{ color:#999; font-size: 14px;}

a.newsMore{ position:absolute; right:0; top:10px; width:100px; height:25px; line-height:25px; background:#fff; border:1px solid #f60; color:#f60; text-align:center; display:block; transition:400ms;}
a.newsMore i{ font-size:12px;}
a.newsMore:hover{ background:#f60; color:#fff; text-decoration:none; font-size:14px;}

.dl_inews{	border:1px solid #ccc;}
.dl_inews:hover{ background:#0163b6; color:#fff; }
.dl_inews dd{	line-height:150%;	padding:20px;}
.inewstitle{ height: 40px;	font-size:16px;	color:#888;	font-weight:normal;}
.inewsdesc{ color:#999; border-bottom:1px solid #eee; padding-bottom:10px; height: 80px;}
.inewsmore{ color:#0163b6; padding-top:10px; text-align:right;}
.inewsmore i{ font-size:12px;}

.inewsmore_price{ color:#0163b6; text-align:right; width: 100px; float: right; height: 30px; line-height: 30px;margin: 10px 0; }
.inewsmore_price i{ font-size:12px;}
.inewsmore_stat{ width: 60px; float: left;height: 30px; line-height: 30px; background: #f60; color: #fff; margin: 10px 0; text-align: center; border-radius: 4px;}
.inewsmore_stat_no{ width: 60px; float: left;height: 30px; line-height: 30px; background: #eee; color: #333; margin: 10px 0; text-align: center; border-radius: 4px;}

a.dl_newsa{ transition:0.3s; display:inline-block;width:32%;margin:0 5px; }
.dl_newsa:hover{ background:#0163b6; color:#fff; text-decoration:none;}
.dl_newsa:hover .inewsmore_price{ color:#fff !important;}

a.dl_newsa_price{ transition:0.3s; display:inline-block;width:100%;margin:0 5px; background:#fff;}
.dl_newsa_price:hover{ background:#0163b6; color:#fff; text-decoration:none;}

.dl_newsa:hover .inewstitle{ color:#fff;}
.dl_newsa:hover .inewsdesc{ color:#fff;}
.dl_newsa:hover .inewsmore{ color:#fff;}

.dl_newsa_price:hover .inewstitle{ color:#fff;}
.dl_newsa_price:hover .inewsdesc{ color:#fff;}
.dl_newsa_price:hover .inewsmore_price{ color:#fff !important;}


/*产品*/
.dh{ position: relative; }
.dh_en{ position: relative; }
.dh_title{ font-size: 34px; font-weight: 600;}
.dh_title_en{ font-size: 28px; font-weight: 700; width:600px; line-height:150%;}
.dh_search{ position: absolute; right: 0; top: 0; border: 1px solid #ccc; padding: 2px; border-radius: 4px;}
.dh_back{ position:absolute; top:0; right:430px; background:#075fa4; color:#fff; display:block; height:35px; line-height:35px; padding:0 10px; border-radius:4px;}
.dh_back i{ font-size:14px;}
.dh_back:hover{ background:#01365f; color:#fff;}
.proCon{ margin: 0;}
.proCon_title{ height:50px; line-height:50px; font-weight:600;}



/*产品详情*/
.proNP1{ margin:0; padding:10px; list-style:none; position:absolute; right:10px; top:0;}
.proNP1 li{ width:120px; float:left; margin-left:10px;}
.proNP1 li a{ height:40px; line-height:40px; text-align:center; font-size:14px; background:#eee; display:block; color:#999;-webkit-transition: all 0.3s ease-in-out;border-radius:4px;}
.proNP1 li a:hover{ background:#4a5199; text-decoration:none; color: #fff;}
.proNP1 li a i{ font-size: 14px;}

/* 本例子css */
.picFocus{width:600px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1; float: left; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:100px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:600px; display:block;  }

.plist_r{ width: 500px; float: right;}
.plist_title{line-height:66px; font-size:34px; padding-left:20px; position:relative; height: 66px; font-weight: 500;}
.plist_title1{line-height:66px; font-size:34px; height: 66px; font-weight: 700; margin-bottom :20px;}
.plist_r_desc{ font-size: 16px; line-height: 200%;}

.sizeimg{ margin-bottom:20px;}


/*新闻列表*/
.newsListMore{ height:25px; line-height:25px; background:#fff;  color:#999; text-align:right; transition:400ms; margin-top: 20px; font-size: 12px;}
.newsListMore i{ font-size:12px;}
.dl_newsList{
	padding:5px 5px 10px 230px;
	position:relative;
	overflow:hidden;
	transition:0.3s;
	border-bottom:1px dotted #ccc;
	height:100px;
}
.dl_newsListIndex{ height:120px !important;}
.dl_newsList dt{
	width:200px;
	height:100px;
	position:absolute;
	top:5px;
  left:5px;
  border-right: 1px solid #eee;
}
.dl_newsList dt img{ width:200px; height:200px;}
.dl_newsList dt .dltime{ position:absolute; left:3px; top:3px; width:200px;  text-align:center; line-height: 200%; padding-top:10px; color:#999;}
.dl_newsList dt .dltime h2{ font-size:34px; margin-bottom: 20px;}
.dl_newsList dd{
	line-height:150%;
  font-size:14px;
  color: #999;
}
.dl_newsList dd.ntitle{
	padding:2px 0;
	font-size:18px;
	font-weight:500;
	color:#000;
}
.dl_newsList:hover{color:#f60; text-decoration:none;}
.dl_newsList:hover .dltime{  }
.dl_newsList:hover .ntitle{ color:#f60;}
a.dl_newsaList{ transition:500ms;}
.dl_newsaList:hover{ text-decoration:none;}

.newsDetailTitle{ padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; font-size: 30px; font-weight: 500; }
.newsDetail{ font-size: 14px; line-height: 200%;}

/*联系我们*/
.contact_l{ width:600px;float: left;  font-size: 16px; line-height: 200%;}
.contact_r{ width: 550px; float: right;}

.feedback{ padding: 10px; background: #f7f7f7;}
.feedbackTitle{ font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.feedback p{ margin-bottom: 10px;}
.btn{ width: 100px; height: 40px; line-height: 40px; background: #FF7800; color: #fff; font-size: 16px; text-align: center;}

/*企业荣誉*/
.honorwidth{ width:1000px; margin:0 auto;}
.ulhonorList1{ margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px dotted #ccc;}
.ulhonorList1 li{ width:25%; float:left; height:220px; text-align:center; margin-bottom:20px;}
.ulhonorList1 li img{ width:200px; height:150px; border:1px solid #ccc;}
.ulhonorList1 li a{ margin-bottom:8px;}

.ulhonorList{ margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px dotted #ccc;}
.ulhonorList li{ width:20%; float:left; height:220px; text-align:center; margin-bottom:20px;}
.ulhonorList li img{ height:200px; border:1px solid #ccc;}
.ulhonorList li a{ margin-bottom:8px;}

.honorTitle{background: url(../images/honortbg.jpg) no-repeat left center; padding:4px 10px; color:#fff; font-size:16px; font-weight:700; border-radius:4px; margin:5px 0; text-align:left;}
.honorTitle_en{background: url(../images/honortbgen.jpg) no-repeat left center; padding:4px 10px; color:#fff; font-size:16px; font-weight:700; border-radius:4px; margin:5px 0; text-align:left;}

/*会员*/
.login{ background:#fff; z-index:99;}
.logincbg{ background:rgba(0,0,0,0.5); z-index:99; position:fixed; left:0; top:0; width:100%; height:100%; display:none; }
.logincon{ width: 400px; margin: 30px auto; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 5px #ccc;}
.card-body{ text-align: center; padding: 20px; position:relative;}
.card-close{ position:absolute; right:10px; top:10px;}
.card-title{ font-weight: 500; padding: 10px 0;}
.card-desc{ padding: 10px 0; color: #999;}
.form-group{position: relative;}
.form-control{display: block;  width: 100%;  height: calc(3rem + 2px);  font-size: 1.2rem;  line-height: 1.5;  color: #495057;  background-color: #fff;
 border: 1px solid #ced4da;  border-radius: .25rem;  margin-bottom: 10px; text-indent: 4px; }
.code{  border: 1px solid #f60; color: #f60; position: absolute; right: 5px; top: 5px; padding: 0 5px;}
.btn{width: 100%; height: 40px; line-height: 40px; background: #a7bfe8; transition: all .4s;border-radius: 4px;border: 2px solid transparent; color: #fff; font-size: 16px;}

.otherlogin{ text-align: center; padding-bottom: 30px;}
.otherlogin-wrap a{ display: inline-block; padding: 10px; }
.otherlogin-wrap a i{font-size: 34px;}

.member-img{ width:100px; height:100px; border-radius:100px; border:1px solid #ccc; margin:10px auto; overflow:hidden;}
.member-img img{ width:100%;}
.nickName{ font-size:18px; font-weight:500; color:#999; margin:10px auto;}

.myfav{ width:270px; display:inline-block; margin:10px; border:1px solid #ccc; box-shadow:0 0  5px #ccc;}
.myfav_title{ padding:10px; height:80px; font-size:14px; font-weight:700;}

.myfav_ul{ margin: 0; padding: 0; list-style: none; border-top:1px solid #eee;}
.myfav_ul li{ width: 50%; float: left; line-height: 200%;}
.myfav_ul li a{ height: 40px; line-height: 40px;  text-align: center; display: block; color: #f60; font-size:16px;}
.myfav_ul li a i{ font-size: 16px;}
.myfav_ul li a:hover{ background: #f60; color: #fff;}


/*footer*/
#footer{
	color:#333;
	width:100%;
	margin:0px auto;
	line-height:150%;
	text-align:center;
	background:#aecaea;
	overflow:hidden;
  font-size:12px;
  padding: 20px 0;
}
#footer a{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.footer_weixin{
	position:absolute;
	right:0;
  top:0;
  width: 150px;
}
.footer_weixin img{ width: 100%;;}


.footer_txt select{color:#222;}


.footer_link{width:1200px; margin: 0 auto;padding:10px 0;border-bottom:1px solid #fff; color: #fff;	text-align:left;}

.footer_link a{ font-size:12px; margin-right:10px; color: #fff;}
.footer_link a:hover{ text-decoration:underline;}


.footer_tel{ width: 360px; float:left; font-size:14px; margin-right: 50px;}
.footer_tel dt{ height: 50px; line-height: 50px; font-weight: 600; font-size: 24px;color:#fff;}
.footer_tel dt span{ font-size:18px; color:#fff;font-weight:normal;}
.footer_tel dt i{ color:#fff; font-weight:normal; font-size:24px;}
.footer_tel dd{font-weight: 400; font-size: 14px; color: #fff;}
.footer_tel_phone{ padding: 10px 0; font-size: 24px; font-weight: 600;color:#fff; margin-bottom: 20px;}

.footer_tel1{ width: 100px; float: left; font-size: 14px;}
.footer_tel1 dt{ height: 30px; line-height: 30px; font-weight: 600; font-size: 16px; color: #fff;}
.footer_tel1 dd{font-size: 14px; padding:5px 0;}
.footer_tel1 dd a{ color: #FFF; }

.footer_tel2{ width: 360px; float: left; margin-left:50px;}
.footer_tel2 dt{ height: 30px; line-height: 30px; font-weight: 600; font-size: 16px; color: #fff;}
.footer_tel2 dd{font-size: 14px; float: left; width: 180px; }
.footer_tel2 dd a{ color: #FFF; height: 30px; line-height: 30px;}
.footer_tel2 dd a:hover{ text-decoration: none; color: #f60;}

.foota a{ font-size:16px; margin-right:10px;}

.copyright{padding:10px 0; width:1200px; text-align:left; margin: 0 auto; color: #fff;}

/* 其它样式 */
.channel { margin:0 auto; width:1200px; text-align:left; position: relative;}
.channel_in { margin:50px auto; width:1200px; text-align:left; position: relative; font-size: 14px; line-height: 180%;}
.inbanner{ padding: 0px; border-bottom: 1px solid #eee; background: #f7f7f7;}
.bannerTop{ padding: 0px; border-bottom: 1px solid #eee; background: url(../images/inabout.jpg) no-repeat center top; background-size: cover; margin-top: 100px; height: 300px; overflow: hidden;}
.bannerContact{margin-top: 100px; height: 500px;}
.bannerGen{ padding: 0px; border-bottom: 1px solid #eee;  margin-top: 100px;}
.bannerGen img{ width: 100%; display: block;}
.bannerTopNews{ padding: 0px; border-bottom: 1px solid #eee; background: url(../images/innews.jpg) no-repeat center top; background-size: cover; margin-top: 100px; height: 300px; overflow: hidden;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */
/*========== page */
#page {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
}
#page a {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	text-align: center;
	color: #888888;
	font-size: 15px;
	background: #eee;
  margin: 0px 5px;
}
#page a:hover {
  color: #fff;
	background: #f60;
}
#page .current {
	color: #ffffff !important;
	background: #f60;

}
#page .prve {
  color: #000;
}
#page i{ font-size: 16px;}
#page .prve:hover {
	background-position: -40px -120px;
}
#page .next {
	color: #000;

}

/* end*/
/*浮动QQcss*/
.izl-rmenu{position:fixed;right:10px;top:120px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:60px;height:60px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de; background-size:cover;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-qq .qqlist{background-color:#488bc7;position:absolute;width:160px;left:-160px;top:0px;line-height:40px;color:#FFF;font-size:14px;text-align:center;display:none;}
.izl-rmenu .btn-qq .qqlist img{ margin-bottom:-5px;}
.izl-rmenu .btn-qq .qqlist a{ color:#fff;}

.izl-rmenu .btn-qq_en{background:url(../images/r_qq_en.png) 0px 0px no-repeat;background-color:#6da9de; background-size:cover;}
.izl-rmenu .btn-qq_en:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq_en,.izl-rmenu a.btn-qq_en:visited{background:url(../images/r_qq_en.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-qq_en .qqlist{background-color:#488bc7;position:absolute;width:160px;left:-160px;top:0px;line-height:40px;color:#FFF;font-size:14px;text-align:center;display:none;}
.izl-rmenu .btn-qq_en .qqlist img{ margin-bottom:-5px;}
.izl-rmenu .btn-qq_en .qqlist a{ color:#fff;}

.izl-rmenu .btn-pl{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#000;background-size:cover;}
.izl-rmenu .btn-pl:hover{background-color:#111;}
.izl-rmenu a.btn-pl,.izl-rmenu a.btn-pl:visited{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#9eb223;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;background-size:cover;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;background-size:cover;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:30px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-phone_en{background:url(../images/r_phone_en.png) 0px 0px no-repeat;background-color:#fbb01f;background-size:cover;}
.izl-rmenu .btn-phone_en:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone_en .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:30px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;background-size:cover;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.izl-rmenu .btn-fav{background:url(../images/r_fav.png) 0px 0px no-repeat;background-color:#f03e42;background-size:cover;}
.izl-rmenu .btn-fav:hover{background-color:#F00;}

.izl-rmenu .btn-fav_en{background:url(../images/r_fav_en.png) 0px 0px no-repeat;background-color:#f03e42;background-size:cover;}
.izl-rmenu .btn-fav_en:hover{background-color:#F00;}

/*英文版QQ*/
.en_right{ background:#f9fafb; border-radius:10px; border:1px solid #eee; position:fixed; right:10px; top:180px; padding:10px; z-index:1000;}
.en_right p{ padding:10px 0; font-size:14px; border-bottom:1px solid #eee;}
.en_right p i{ font-size:14px;}