@charset "utf-8";
/**************************banner**************************/
.banner_ny { padding-top:0px;}
.banner_ny img{ width:100%;}
.banner_ny .pic_er{ display:none;}

@media screen and (max-width: 1200px) {
.banner_ny{ padding-top:50px;}
.banner_ny img{ min-height:290px;}

}
@media screen and (max-width: 720px) {
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	.banner_ny img{ min-height:150px;}
}


/**************************当前位置**************************/
.n_main_box{ width:100%; padding-top:100px;}
.n_main_box .main_box{position:relative;margin: 0 auto; max-width:1200px;}
.n_nav_box{height: 50px;background:#fff;position:relative; padding-top:10px;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block;margin-right:45px;height: 49px;font-size:14px;float:left;line-height:60px;color:#444444; }
.n_nav a strong{display:block;font-size: 20px;color: #000;position:relative;z-index:4;height: 58px;line-height: 60px;font-weight: 100;}
.n_nav .on{border-bottom: 1px solid #147AC2;}
.n_nav .on strong{height: 60px;line-height: 60px;font-weight:bold; text-transform:uppercase;}
.n_up_box{ position:relative; position:relative; }
.position{position:absolute;height: 50px;line-height: 60px;right: 0px;bottom:0px;color: #98989a;background: url(../images/icon_home.png) left 23px no-repeat;padding-left: 19px;font-size: 12px;}

.position span, .position a, .position i{ font-size:14px; color:#666;}
.position i{ font-family:simsun; margin:0 3px; font-style:normal; }
.position em{font-size:14px;color: #147AC2;font-style: normal;}
.position a:hover{color: #147AC2;}
.n_main_box .main_box{height: 50px;position:relative;padding: 10px auto; box-sizing: border-box; }
.n_main_box .main_box .bottom{ background-color:#d9d9dd; position:absolute; bottom:0; left:0px; width:100%; height:1px;}
.n_main_box .main_box .bottom01{ position:absolute; bottom:0; right:0px; width:30px; height:3px;}

/*==============PC内页导航=====================*/


@media (max-width:1200px) {
.n_main_box{ display:none;}
}

/*==============内页PC端导航=====================*/
.con_title{background: #f6f6f6; border-bottom:1px solid #ededed;}
.n_title{ height:60px; line-height:60px; z-index: 2; }

.n_title dl{ width: 14%; float: left; position: relative;} 

.n_title dt a{ font-size:15px; text-align: center; display:block; color:#424141; margin-bottom:0px; }

.n_title dl dd{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #fff; z-index:99;}

.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; display: block; color:#30353a; line-height:50px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

.n_title dl dd a:hover,.n_title dl dd a.on{ color: #6CBB5A;}

.n_title dt i{ display: none;  transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}

.n_title dl.title_nav dt i{ display: inline-block;}

.n_title dl:hover dt{background: #2621AB;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

.n_title dl:hover dt a,.n_title dl:hover dt a i{  color: #fff;}

.n_title dl.title_nav:hover dd{ box-shadow: 0 5px 10px #ccc; }

.n_title dt.on{ background: #2621AB; }

.n_title dl dt.on a,.n_title dl dt.on a i{  color: #fff;}

@media (max-width:1200px) {
.n_title dl{width: 14%; }
}
/*==================内页移动端导航=================*/
#m_n_nav{ background: #147AC2;  display: none; line-height: 50px; position: relative; z-index: 99; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}
#m_n_nav i{}
#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;line-height: 50px; font-weight:bold;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #1461B0; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #2621AB;}



#sub_nav_content dt{height:32px;line-height:32px;position:relative;background:#f5f5f5;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#666; height: 32px; font-size:14px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#15336F; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #15336F;  }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#147AC2;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px; background:#fff;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#1461B0}



.ny_dh_bj{text-align:center; background:#f5f5f5;  }
.ny_dh_bj ul{font-size: 0; padding:30px 0 20px 0;}
.ny_dh_bj ul li{display:inline-block;font-size:16px;color:#333;position:relative;margin-right: 10px;margin-bottom:5px; width: auto;}
.ny_dh_bj ul li a{font-size:15px;color:#333;display:inline-block;position:relative; padding:0 20px;height: 42px;line-height: 40px;border:  #ddd 1px solid;text-align: center;background: #fff;border-radius: 4px;position:relative;transition:0.6s;overflow:hidden;}
.ny_dh_bj ul li span{ position:relative; z-index:10}
.ny_dh_bj ul li a:hover,.ny_dh_bj ul li.on a{color: #fff;border:#ddd 1px solid;}
.ny_dh_bj ul li a:before{content:"";position:absolute;right:0;width:0;height: 45px;background: #147AC2;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;z-index: 0;}
.ny_dh_bj ul li.on a:before,.ny_dh_bj ul li:hover a:before{ left:0; width:100%;}
.ny_dh_bj ul li a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.15)}

@media (max-width:1024px) {
.n_title{ display: none;}
#m_n_nav{display: block; margin-top:50px;}
.ny_dh_bj{ display:none;}

}
.con{padding-top:30px;padding-bottom:30px; background:#fff;}

.ar_article {color:#333; font-size:16px; line-height:26px;  }
.ar_article p{font-size:16px; color:#333; line-height:26px; padding-bottom:10px; }	
.ar_article strong{ font-weight:bold;}

.ar_article  img{ max-width:100%;}
.ar_article a{ color:#6c6c6d;}
.ar_article a:hover{ text-decoration:underline;}
.ar_article a:hover span{text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.abtip{ float:right; margin-left:20px;}
@media (max-width:980px) {
.abtip{ margin-left:0px; margin-bottom:10px;}
.abtip img{ width:100%;}
.con{ margin-top:0px; margin-bottom:0px; padding-top:80px; padding-bottom:20px;}
.con img{ width:100%;}
.ar_article{ font-size:14px;line-height:24px;}
.ar_article p{ padding-bottom:10px; font-size:14px;line-height:24px; }	
}


.about-hz{ padding: 50px 0; font-size: 16px; line-height: 30px; width: 100%; max-width:1200px; margin: 0 auto; overflow: hidden; }

.factory{ background:#f5f5f5; padding:50px 0 50px 0;}
.certificate{ padding:50px 0 50px 0;}
.awards{background:#87B0CE; padding:50px 0 50px 0;}
.exhibition{background:#071437; padding:50px 0 50px 0;}

.advantages{padding: 50px 0; background:#f5f5f5;}
.advantages ul li{ float:left; width:32%; margin-right:2%; position:relative;}
.advantages ul li:nth-of-type(3n){ margin-right:0;}
.advantages ul li .tb{ margin-top:30px; }
.advantages ul li .fk{ width: 100%; height: 240px;/*box-shadow: 0px 0px 8px 4px #ddd;*/ border: 1px solid #ddd; background:#fff; border-radius: 15px; margin-top: 15px; text-align: center;}
.advantages ul li .fk .bold{ font-size: 20px; font-weight: bold; color: #000; margin-top: 10px;}
.advantages ul li .fk .fgx{ width: 25px; height: 1px; background: #147AC2; margin: 10px auto;}
.advantages ul li .fk p{ padding:0 35px; font-size: 16px; line-height: 20px; color: #333; }
@media (max-width:980px) {
.advantages{}
.advantages ul li{ width:48%; margin-right:3%}
.advantages ul li:nth-of-type(2n){ margin-right:0;}
.advantages ul li:nth-of-type(3){ margin-right:3%;}
.advantages ul li .fk{ width: 100%; height: 240px; margin-top:20px;}
.advantages ul li .fk .bold{ font-size: 16px;}
.advantages ul li .fk p{ padding:0 10px;font-size: 14px;line-height: 18px;}
}



/*==================发展历程=================*/
.about-history{ padding:50px 0;}
#n_licheng {
	background: url(../images/n_licheng_bg.png) center top no-repeat;
	padding-top: 4rem;
}
#n_licheng ul {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
#n_licheng ul li {
	overflow: hidden;
	position: relative;
}
#n_licheng ul li:nth-child(odd) {
	background: #f5f5f5;
}
#n_licheng ul li .m {
	position: relative;
	overflow: hidden;
	padding: 2rem 0;
}
#n_licheng ul li .m:before {
	content: "";
	width: 1px;
	height: 100%;
	background: #147AC2;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 0px;
}
#n_licheng ul li .m:after {
	content: "";
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 2.3rem;
	background: #fff;
	border: 1px solid #147AC2;
	border-radius: 50%;
}
#n_licheng ul li .txt {
	width: 50%;
	float: right;
	border-radius: 8px;
	padding: 0 1.5rem;
	box-sizing: border-box;
	font-size: 0.875rem;
	line-height: 1.875rem;
	color: #cfcfcf;
}
#n_licheng ul li .txt .con {
	max-width: 640px;
	padding: 0;
	margin: 0;
}
#n_licheng ul li .txt h5 {
	font-size: 0.875rem;
	color: #4d4d4e;
}
#n_licheng ul li .txt p {
	font-size: 16px;
	line-height: 1.5rem;
	padding:0;
	color: #333;
	margin: 0;
}
#n_licheng ul li .riqi {
	width: 44%;
	padding: 0 2.5rem;
	height: 100%;
	padding-top: 2rem;
	font-size: 1.6rem;
	color: #147AC2;
	font-weight:bold;
	float: left;
	text-align: right;
	position: absolute;
	top: 0;
}

#n_licheng ul li.li_2 .txt {
	float: left;
	text-align: right !important;
}
#n_licheng ul li.li_2 .con {
	float: right;
}
#n_licheng ul li.li_2 .txt * {
	text-align: right !important;
}
#n_licheng ul li.li_2 .riqi {
	right: 0;
	text-align: left;
}
#n_licheng ul li.li_2 .riqi img {
	margin: 0 15px;
	float: left;
}
#n_licheng .btn {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
@media (max-width:768px) {

#n_licheng ul li .txt p { line-height:20px; font-size:14px;}
#n_licheng ul li .riqi { width:37%; padding-top:2.2rem;}
}







/*====翻页效果====*/
.j_pages {
	margin: 0 auto;
	margin-top: 20px;
}
.j_pages .box {
	display: inherit;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.j_pages a {
	padding: 0px 13px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #dedede;
	color: #333;
	background: #fff;
	font-size: 14px;
	box-sizing: border-box;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.j_pages a font {
	font-size: 14px;
	font-family: SimSun;
	color: #9f9fa7
}
.j_pages .on {
	background: #147AC2;
	color: #fff!important;
	border: 1px solid #147AC2;
}
.j_pages span {
	font-family: simsun;
}
.j_pages i {
	display: inline-block;
}
.j_pages a:hover {
	background: #147AC2;
	color: #fff!important;
	text-decoration: none;
	border: 1px solid #147AC2;
}
@media (max-width:768px) {
.j_pages a{padding: 0 11px;height: 33px;line-height: 31px; font-size:20px; margin:0 3px; font-size:14px; }

.j_pages span{ padding:0;}

.j_pages i{ width:0;}
}




/***证书放大图***/
#rpro-text{ margin-top:10px;}
#rpro-text a{
	display:block;
	text-decoration:none;
	float:left;
	font-size:16px;
	color:#333;
	text-align:center;
	margin-right: 2%;
	margin-bottom: 20px;
	width:23%;
}
#rpro-text a:nth-child(4n){ margin-right:0;}
#rpro-text a label{
	line-height: 30px;
}
#rpro-text img{
	border:solid 1px #dbdbdb;
	width:100%;
	height:200px;
	padding: 2px;
}
#rpro-text img:hover{border:solid 1px #147AC2;}
#rpro-text a:hover{color:#147AC2;}

@media (max-width:768px) {
#rpro-text{ margin-top:0;}
#rpro-text a{ width:47%;margin-right: 4%; margin-bottom:5px; font-size:14px;}
#rpro-text a:nth-child(3n){ margin-right:4%;}
#rpro-text a:nth-child(2n){ margin-right:0;}
#rpro-text img{height:140px;}

}







/**************************新闻**************************/
.recom2{}
.recom2 li{position:relative;background-color:#f5f5f5;padding:3%;margin-bottom:30px; width:43%; float:left;}
.recom2 li:nth-of-type(2n){ float:right;}
.recom2 li label{display:block; width: 85%;font-size:20px; color:#333; font-weight:bold;line-height:25px;margin-bottom:10px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.recom2 li span{right:20px;top:36px;position:absolute;font-size:15px;line-height:25px;}
.recom2 li .more{right:20px;bottom:17px;}
.recom2 li p{ font-size:16px; color:#333; line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.recom2 li:after{content:" ";position:absolute;top:42px;left:17px;width:9px;height:9px;border-radius:50%;background-color:#ccc;}
.recom2 li:hover a{color:#147AC2; }
.recom2 li:hover .more{background-position:2px;}
.recom2 li:hover:after{background-color:#147AC2;}

@media only screen and (max-width:1200px){
.recom2 li{padding:28px 5% 20px 5%;margin-bottom:20px; float:none; width:90%;}
.recom2 li:nth-of-type(2n){ float:none;}
.recom2 li span{ position:static; }
.recom2 li label{ text-indent:16px; font-size:15px; margin-bottom:5px;}
.recom2 li:after{ top:60px;}
.recom2 li p{ font-size:14px; line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}


/*新闻详情*/

.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 20px; margin-top:30px; margin-bottom:20px; text-align:center;}
.news-title h2{ font-size:24px; font-weight:bold; float:none; color:#333; margin-bottom:10px;}
.news-title p span{margin:0 5px;color: #999;}

.text{  color:#666; line-height:24px; font-size:16px;}
.text p{ margin-bottom:10px;line-height:24px; font-size:16px;}
.fh{width: 120px;line-height: 40px;text-align: center; margin-top:30px; margin-bottom:30px;}
.fh a{display: block;color:#FFF; font-size:15px;background: #999;border-radius: 20px;}
.fh a:hover{display: block;color:#FFF;text-decoration: none; background:#333;border-radius: 20px;transition:all 1.5s;}

@media (max-width:800px) {
.news-title{margin-top:10px; }
.news-title h2{ font-size:18px;}
.news-title p{ font-size:14px;}	
}


/*====上一篇下一篇====*/

#ar_fot{padding: 20px 0 0px 0;font-size: 15px;box-sizing: border-box;width: 100%;margin-top: 20px;border-top: #DDD 1px dotted;color: #666;}
#ar_fot a{font-size: 15px;color: #999;font-weight:normal;}
#ar_fot a:hover{ color:#127DCC; text-decoration:underline;}


@media (max-width: 768px){
#ar_fot{font-size: 14px;}
#ar_fot a{font-size: 14px;}

}

.fl{ text-align:left; float:left;}

.fr{ float:right;}

@media (max-width: 768px){
.fl {
    float: none;
    width: 100%;
    text-align: left !important;
    margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;
}
.fr {
    float: none;
    width: 100%;
    text-align: left !important;
    margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;
}
}


/*==============产品列表=====================*/
.product{ margin-top:0px;}
.product ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2.5%;overflow:hidden;transition:all 0.5s;}
.product ul li:nth-of-type(4n){ margin-right:0;}
.product li .border{ border:1px solid #dadada;}
.product li .border .pic{ border-bottom:1px solid #dadada;overflow:hidden; position:relative;}
.product li img{ width:100%;transition:all 0.5s;}
.product li:hover img{ transform:scale(1.2);}
.product li .title{ padding:15px 0px; background:#FAFAFA; text-align:center;font-size:15px;color:#333; transition:all 0.5s; height:32px;}
.product li:hover .title{ background:#147AC2; color:#fff;}

.product .more{overflow: hidden;padding:0 10px;text-align: center;}
.product .more a{display: block;width: 120px; height:47px; line-height:47px;font-size:15px;color:#fff;margin:0 auto;background:#185FA9;text-align:center;border-radius:3px;}
.product .more a:hover{text-decoration: none;background:#187FE0;color: #fff;}
.product .more p{display:inline-block;width: 170px;height: 47px;line-height:  47px;background:#242A37;font-size: 14px;color: #fff; border-radius:3px; text-align:center}

@media screen and (max-width: 720px) {
.product{ margin-top:30px;}
.product ul{ margin-left:0%;}
.product ul li{ float:left; width:49%; margin-left:0%; margin-bottom:5%;}
.product ul li:nth-of-type(2n){ margin-right:0;}
.product li .title{ padding:10px 0px; font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}


.cpflsm{font-size:18px;line-height:28px;}
.cpflsm p{font-size:18px;line-height:28px; margin-bottom:10px;}
.cpjs{ padding:30px 0;}
.cpcs{ padding:30px 0;}

.cpgn{ padding:30px 0;}
.cpgn ul{ margin-top:10px;}
.cpgn li{ width:27.75%;  float:left; margin-right:2%; margin-bottom:2%; border:1px solid #ccc; padding:2%;line-height:28px;background:#fafafa;}
.cpgn li:nth-of-type(3n){ margin-right:0;}
.cpgn h1{ font-size:24px; text-align:center; font-weight:bold; color:#147AC2; }

.cpys{ padding:30px 0;}
.cpys ul{ margin-top:10px;}
.cpys li{ width:19.25%; min-height:140px; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #ccc; padding:2%;line-height:28px; background:#fafafa;}
.cpys li:nth-of-type(4n){ margin-right:0;}
.cpys h1{ font-size:18px; font-weight:bold; line-height:24px; color:#333; }
.cpys p{ font-size:18px; color:#333;  }
.cpys .bold{ font-size: 30px; font-weight: bold; color:#147AC2; margin-top: 10px;}
.cpys .fgx{ width: 20px; height: 1px; background: #147AC2; margin: 10px 0;}



.cpyy{ padding:30px 0;}
.cplct{ padding:30px 0;}
.cprz{ padding:30px 0;}
.cpfaqs{ padding:30px 0;}

@media screen and (max-width: 720px) {
.cpys li{width:27.25%; line-height:24px; min-height:180px;}
.cpys h1{font-size:15px; line-height:20px; }
.cpys li:nth-of-type(3n){ margin-right:0;}
.cpys li:nth-of-type(4n){ margin-right:2%;}

.cpgn li{width:27.25%; min-height:60px;}
.cpgn h1{font-size:15px; line-height:20px; }

.cpflsm{font-size:14px;line-height:22px;}
.cpflsm p{font-size:14px;line-height:22px; margin-bottom:10px;}

.cpjs{ padding:20px 0;}
.cpcs{ padding:20px 0;}
.cpgn{ padding:20px 0;}
.cpys{ padding:20px 0;}
.cpyy{ padding:20px 0;}
.cplct{ padding:20px 0;}
.cprz{ padding:20px 0;}
.cpfaqs{ padding:20px 0;}
}
/*产品详情*/	

.left-pro{width:620px; float:left; margin-top:20px; }
.right-pro{ float:right; width:540px; margin-top:40px;}
.right-pro h1 {
    font-size: 24px;
    color: #147AC2;
    text-transform: uppercase;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 18px;
    font-weight: bold;
	margin-bottom:20px;
}
.pro_x p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.right-pro .btn a, .right-pro .btn span {
    display: block;
    font-size: 16px;
    color: #fff;
	background:#F4433D;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 190px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
    float: left;
    margin-right: 52px;
	margin-top:20px;
}
.right-pro .btn a:hover{ background:#147AC2; color:#fff;transition: all 0.5s;}

@media only screen and (max-width: 980px) {
.left-pro{width:100%; float:none; margin-top:40px;}
.right-pro{ width:100%; float:none; margin-top:20px; }
.right-pro h1 { font-size:18px;line-height: 24px; padding-bottom:10px; margin-bottom:10px;}
}

/*详细页面*/
.pro-intro{position: relative;margin-top:40px; }
.pro-intro-tab{/*position: absolute;top:-56px;*/height: 56px; display:block; width:100%;}
.pro-intro-tab li{float: left; width:298px;height: 56px;text-align: center;line-height:56px;font-size:18px; font-weight:600;cursor: pointer; background:#fff; margin-right:0px; }
.pro-intro-tab li:nth-child(1){ border:1px solid #ccc; border-right: none;}
.pro-intro-tab li:nth-child(2){ border:1px solid #ccc; border-right: none;}
.pro-intro-tab li:nth-child(3){ border:1px solid #ccc; border-right: none;}
.pro-intro-tab li:nth-child(4){ border:1px solid #ccc; border-right: 1px solid #ccc;}

.pro-intro-tab li+li{margin-left:0px;}
.pro-intro-tab .current{background-color:#147AC2; color:#fff}
.pro-intro-tab li:hover{background-color:#147AC2; border:1px solid #147AC2; color:#fff}

.pro-intro-txt{font-size: 16px;padding:20px 0;display: none;line-height: 26px;}
.pro-intro-txt tr td{text-align:left; height:35px; padding:5px 5px!important; line-height:18px; border:1px solid #999; font-size:12px; color:#666666;}
.pro-intro-txt table {
    height: auto!important;
    width: auto!important;
}
.pro-intro-txt table{width:100%;overflow-x:auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; display:block}

.pro-intro-txt img{ width:auto;}
@media only screen and (max-width: 980px) {
.pro-intro{position: relative;margin:20px 0;width:100%; }
.pro-intro-tab{height: 110px; display:block; width:100%;}
.pro-intro-tab li{float: left; width:49%; font-size:14px; margin:0 1px 1px 0 }
.pro-intro-tab li:nth-child(1){ border:1px solid #ccc;}
.pro-intro-tab li:nth-child(2){ border:1px solid #ccc;}
.pro-intro-tab li:nth-child(3){ border:1px solid #ccc;}
.pro-intro-tab li:nth-child(4){ border:1px solid #ccc;}
}


.m-details{overflow: hidden;}
.m-details dl{overflow: hidden;padding: 0;}
.m-details .flexslider{float: left;width: 55%;}
.m-details dd{padding-left: 58%;color: #666;font-size: 15px;line-height: 24px; margin-top:30px;}
.m-details .pic{margin: 0px auto;overflow: hidden;  margin-right:0px;}
.m-details .pic img{display: block;/*max-width: 80%;*/margin: 0px auto; width:100%;}
.m-details .slider .item{outline: 0;}
.m-details .slick-dots{text-align: center; position:relative; z-index:999; bottom:30px;}
.m-details .slick-dots li{display: inline-block;margin: 0 6px;}
.m-details .slick-dots button{display: block;width: 8px;height: 12px;background-color: #fff;border: none;text-indent: -9999em;outline: 0;cursor: pointer; border-radius:12px;}
.m-details .slick-dots .slick-active button{background-color: #FEED01;}

.m-details .txt{ float:right; width:42%; margin-top:30px;}
.m-details h1{color: #333;font-size: 24px;line-height: 32px;margin:0px 0 15px 0; font-weight:bold;border-bottom:1px solid #e9e9e9; padding-bottom:15px;}
.m-details p{overflow: hidden;color: #333;font-size: 15px;line-height: 24px;}
.m-details .box {margin-bottom: 25px;  margin-top:25px; }
.m-details .box li{ width:33%; float:left; text-align:center;box-shadow: 0px 0px 8px 4px #ddd; background:#fff; padding:20px 0;}
.m-details .box h2{ font-size:20px; color:#000; margin-top:5px; font-weight:bold;}
.m-details .box p {line-height:24px; font-size:15px; color:#333;}
.m-details .box span{ }

.m-details .online {margin-top: 25px;}
.m-details .online a {width: 49%;text-align: center;display: block;height: 50px;line-height: 50px;font-size: 16px; font-weight:bold;background-color: #FEED01; border:1px solid #000;color: #000;float: left;}
.m-details .online p {display: block;float: right;height: 50px;line-height: 50px;text-align: center;font-size: 16px;width: 49%;background-color: #000; color:#fff;border:1px solid #000;}
.m-details .online p span {font-weight: bold;color: #FEED01; font-size:18px;}


@media only screen and (max-width: 980px) {

    .m-details .flexslider{float: none;width: 100%;}
	.m-details .txt{ float: none;width: 100%; margin:0 auto; margin-top:20px;}
    .m-details h2{height: auto;margin: 5px 0;}
    .m-details dl{padding: 0;}
    .m-details h1{font-size: 18px;line-height: 24px;height: auto;}
    .m-details dd{line-height: 22px; margin-top:0px; margin-bottom:20px;}
	 
	.m-details .online {margin-top: 15px;}
	.m-details .online a { font-size:15px;}
	.m-details .online p { line-height:20px; padding-top:5px; height:45px; font-size:15px;}
	.m-details .online p span{ font-size:18px;}
	.m-details p{ font-size:14px;}
	
	.m-details .box { width:100%; margin:0 auto;  margin-top:15px;}
	.m-details .box p { line-height:24px; font-size:14px;}
	.m-details .box h2{ font-size:18px; color:#000; }
}

@media only screen and (max-width: 479px){
.detailtit{ height:40px; line-height:40px; text-indent:15px; font-size:15px;}
.m-details .pic{ margin-right:0px;}
}
@media only screen and (max-width: 375px){
.m-details .box p { line-height:24px; }
.m-details .online p span{ font-size:15px;}
}
@media only screen and (max-width: 320px){
.m-details .box p {width: 99%; line-height:20px; font-size:14px;}
}



/*====相关产品====*/
.product_cont{ width:100%; margin-top:20px; overflow: hidden;}
.product_cont h1{height:48px;line-height:48px;background:#eee;color:#F90100;font-size:18px;font-weight:bold; margin-bottom:20px;}
.product_cont span{padding:0 30px;background:#147AC2;display:inline-block;color:#fff;}

@media only screen and (max-width: 720px){
.product_cont h1{ margin-bottom:0px;}
}


/***下载**/
.download{background-color: #fff;}
.download li{border-bottom: 1px solid #ddd;}
.download a{display: block;position: relative;color: #333;font-size: 14px;height: 53px;line-height: 53px;overflow: hidden;padding-right: 63px;}
.download span{display: block;float: left;overflow: hidden;height: 53px;overflow: hidden;}
.download .span1{width: 70%; font-size:15px; }
.download .span2{width: 15%;}
.download .span3{width: 15%;}
.download i{display: block;width: 28px;height: 28px;position: absolute;right: 36px;top: 50%;margin-top: -14px;background: url(../images/gicon13.png) no-repeat center center;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.download a:hover{color: #2621AB;}
.download a:hover i{background: url(../images/gicon13-2.png) no-repeat center center;}

.dn {
    display: none;
}
@media only screen and (max-width: 768px){
	.download a{line-height: 30px;height: auto;font-size: 13px;}
    .download i{right: 10px; margin-top:-2px;}
    .download span{line-height: 30px;height: 30px;}
    .download .span1{float: none;width: auto;}
    .download .span2,.ul-list9 .span3,.ul-list9 .span4{color: #666;}
    .download{padding: 0;}
    .download .span2{width: 30%;}
    .download .span3{width: 40%;}

}


/*FAQS*/
.faq-box{position:relative;margin-bottom:5px;}
.faq-box .faq-top{height:58px;padding-left:8px;line-height:58px;font-size:16px;color:#333; border-bottom:1px solid #ddd;background-image:url(../images/icon-dd4.png);background-repeat:no-repeat;background-position:98% center;cursor:pointer;}
.faq-top span{display:block;width:90%;padding-left:36px;background:url(../images/icon-qu1.png) no-repeat left center;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.faq-box .faq-block{padding-top:12px;background:url(../images/icon-dd5.png) no-repeat 19px top;margin-top:0px;display:none;}
.faq-block .faq-con{padding:25px;color:#666666;line-height:24px;background-color:#f5f5f5;position:relative; font-size:14px}
.faq-box .faq-top.cur{background-color:#147ac2;color:#fff;background-image:url(../images/icon-dd4-2.png);background-repeat:no-repeat;background-position:98% center;}
.faq-top.cur span{background:url(../images/icon-qu2.png) no-repeat left center;}
@media only screen and (max-width: 768px){
.faq-box .faq-top{ font-size:14px; height:50px; line-height:50px;}
}

.warranty_dow{ height:45px; line-height:45px; width:170px;background:url(../images/icon-dl.png) no-repeat 5% center;}
.warranty_dow a{ font-size:18px; padding-left:40px; font-weight:800; }

/*留言*/
/*feedback*/
.messages_box{ margin-bottom:20px;}
.messages_box ul {
	width: 100%;
}
.messages_box ul li {
	padding: 5px 28px 5px 5px;
}
.messages_box .text-input, .messages_box .summary-input,.messages_box .qq-input {
	width: 100%;
	height: 33px;
	padding: 0px 10px;
	line-height: 33px;
	background: none repeat scroll 0% 0% rgb(253, 253, 253);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
	box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
	font-size: 14px;
}
.messages_box .cont-input {
	width: 100%;
	height: 130px;
	padding: 10px;
	line-height: 20px;
	background: none repeat scroll 0% 0% rgb(253, 253, 253);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
	box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
	font-size: 14px;
}
.messages_box .code-input {
	width: 125px;
	vertical-align: middle;
	height: 33px;
	padding: 0px 10px;
	line-height: normal;
	background: none repeat scroll 0% 0% rgb(253, 253, 253);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);
	box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important;
}
.messages_box .verify-pic {
	height: 35px;
	vertical-align: middle;
}
.messages_box .submitBtn {
	text-align: center;
	padding-top: 10px;
}
.messages_box .messages-button {
	width: 125px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: none repeat scroll 0% 0% #e24a45;
	border: none;
	transition-duration: .3s;
}
.messages_box .messages-button:hover {
	background: none repeat scroll 0% 0% #147AC2;
	transition-duration: .3s;
	cursor: pointer
}


/*feedback*/
.feedback{ margin-top:20px; border-bottom:1px solid #ddd; padding-bottom:18px; margin-bottom:30px;}
.feedback h2{ font-size:18px; height:30px;}

.feedback_tit{ font-size:16px; font-weight:800; margin-bottom:12px;}
.feedback1 .xing{ color:#F00;font-weight:800; margin-left:4px;}
.feedback1_top{border-bottom:1px solid #ddd; padding-bottom:18px; margin-bottom:30px;}
.feedback1_top p{ line-height:25px;margin: 4px 0 0 0; font-size:14px; float:left; margin-right:22px;}
.feedback1_top input{ margin-right:8px;}

.feedback1_bottom{border-bottom:1px solid #ddd; padding-bottom:18px; margin-bottom:20px;}
.feedback1input{ margin-top:12px; margin-bottom:14px;}
.feedback_tit1{font-size:14px;font-weight:800; width:20%; margin-right:16px; text-align:right; float:left;}
.feed_r{ float:left; width:75%;}
.feed_r .text{background: #fbfbfb repeat-x top; border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;padding:3px 0; display:block; width:100%;}
.feed_r span{ float:left; margin-right:10px;}

input.large, select.large {width: 100%;}

.feed_r .textarea {width: 293px;min-width: 100%;max-width: 100%;}

.feed_r .dropzone{border: 1px solid #c4c4c4;background-color: #fff;width: 452px;height: 170px;overflow-y: auto;padding: 10px;position: relative;}
.feed_r .dz-message {text-align: center;width:100%;}
.feed_r .dz-message strong label {cursor: inherit;display: inline-block;color:#333;padding:4px 15px;margin: 0 5px;border-radius: 3px;background-color: #e0e0e0; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);}
.feed_r .dz-message strong {color: #989898;display: block;padding: 21px;margin: 5% auto; font-size:14px;width:91%;}
.feed_r .xz{line-height:22px;margin: 4px 0 0 0; font-size:14px; margin-right:22px;}
.feed_r .xz input{ margin-right:8px;}
.submit1{width:100%; margin:0 auto}
.submit1 .submit{ width:120px; padding:8px 0; margin-top:16px; font-size:16px; background:#ccc}

@media only screen and (max-width: 320px){
.feed_r{ width:70%;}
}