﻿*{margin:0px;padding:0px;}
ul,li{list-style-type:none;}
img{border:0px;}
html,body{height:100%;}
body{font-size:14px;font-family:Arial,"Microsoft yahei";color:#333333;overflow-x:hidden;}
a{color: #333333;text-decoration: none;}
.txt_cent{ text-align:center;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.top1{width:100%;overflow:hidden;border-bottom:1px solid #d2d2d2;height:50px;}
.heads{width:1200px;margin:0 auto;overflow:hidden;}
.tela{line-height:50px;color:#000000;font-size:14px;background:url(../images/index_02.jpg) no-repeat left center;padding-left:28px;float:left;}
.search{float:right;width:187px;height:37px;background:url(../images/index_05.jpg) no-repeat left center;margin-top:8px;}
.search1{width:151px;height:31px;float:left;margin-top:2px;margin-left:3px;}
.search1 input{border:0px;outline:none;background:none;height:100%;text-indent:1em;width:100%;font-size:14px;}
.search1 input::placeholder{color:#b0b0b0;}
.beif{float:left;overflow:hidden;width:33px;height:31px;}
.beif input{border:0px;outline:none;background:none;height:100%;width:100%; cursor:pointer}
.lanuage{float:right;overflow:hidden;margin-left:28px;width:70px;background:url(../images/index_08.jpg) no-repeat left center;height:50px;padding-left:33px;line-height:50px;}
.lanuage i{width:13px;height:7px;float:right;background:url(../images/index_11.jpg) no-repeat left center;margin-top:23px;}
.lanuage a{font-size:14px;color:#000000;}
.top2{width:1200px;margin:0 auto;}
.logo{float:left;overflow:hidden;}
.menu{float:right;}
.menu li{width:115px;float:left;line-height:90px;height:90px;text-align:center;background:url(../images/index_22.jpg) no-repeat center 66px;position:relative;z-index:33;}
.menu li a{color:#333;}
.menu li:hover{background:url(../images/index_20.jpg) no-repeat center 66px #f3f3f3;}
.menu li:hover a{color:#fc4343;font-weight:bold;}
.menu li.cur{background:url(../images/index_20.jpg) no-repeat center 66px #f3f3f3;}
.menu li.cur a{color:#fc4343;font-weight:bold;}
.menu li.ts{background:none;}
.menu li.ts:hover{background:#f3f3f3;}
.menu li ul{overflow:hidden;display:none; width:165px;}
.menu li ul li{ float:none; width:100%; background:#fff;line-height:30px;height:30px;}
.menu li:hover ul li a{color:#333;font-weight:normal;}
.menu li.cur ul li a{color:#333;font-weight:normal;}
.menu li ul li:hover{background:#f3f3f3;}
.menu li ul li:hover a{color:#fc4343;font-weight:bold;}
.asfa{position:relative;left:50%;float:left;}
.banner{width:100%;height:792px;overflow:hidden;}
.pros{text-align:center;padding-top:62px;color:#333333;font-size:30px;overflow:hidden;width:100%;padding-bottom:58px;}
.pros i{display:block;margin:0 auto;width:120px;height:3px;background:#000;margin-top:20px;}
.prod{width:1200px;overflow:hidden;margin:0 auto;}
.prod ul{width:1226px;}
.prod li{width:280px;float:left;overflow:hidden;margin-right:26px;}
.prod img{width:278px;height:277px;border:1px solid #ececec;}
.prod p{text-align:center;font-size:16px;color:#333333;padding-top:20px;}
.prod a:hover p{color:#fc4343;font-weight:bold;}
.prod font{display:block;text-align:center;color:#666666;font-size:14px;padding-top:5px;padding-bottom:30px;}
.ckgp{background:url(../images/index_33.jpg) no-repeat;width:140px;height:58px;line-height:58px;margin:0 auto;margin-top:35px;margin-bottom:58px;padding-left:50px;font-size:16px;}
.ckgp a{color:#fff;}
.yyly{width:100%;overflow:hidden;background:#e9e9e9;height:458px;}
.yylytitle{text-align:center;overflow:hidden;color:#333333;font-size:30px;padding-top:60px;padding-bottom:58px;}
.yylytitle i{display:block;width:120px;height:3px;background:#000000;margin:0 auto;margin-top:20px;}
.yycontent{width:1200px;margin:0 auto;overflow:hidden;}
.yycontent ul{width:1226px;}
.yycontent li{float:left;overflow:hidden;margin-right:26px;width:280px;}
.yycontent li p{text-align:center;color:#333333;padding-top:23px; text-transform:capitalize}
.yycontent li img{width:280px;height:203px;}
.abou{text-align:center;padding-top:51px;color:#333333;font-size:30px;padding-bottom:60px;}
.abou i{display:block;margin:0 auto;overflow:hidden;width:120px;height:3px;margin-top:20px;background:#000000;}
.aboutall{width:1200px;margin:0 auto;overflow:hidden;}
.aleft{width:590px;overflow:hidden;float:left;line-height:33px;}
.aright{float:right;overflow:hidden;}
.aleft .psdf p{margin-left:12px;background:url(../images/index_03.jpg) no-repeat left center;line-height:33px;padding-left:16px;}
.sdfa{color:#333333;font-size:17px;}
.more{background:url(../images/index_44.jpg) no-repeat;width:140px;height:58px;margin:0 auto;line-height:58px;font-size:16px;padding-left:50px;margin-top:60px;margin-bottom:58px;}
.more a{color:#000;}
.hono{background:#f5f5f5;width:100%;overflow:hidden;}
.honora{font-size:30px;color:#333333;text-align:center;padding-top:70px;/* padding-bottom:46px; */overflow:hidden; text-transform:uppercase;}
.honora i{margin:0 auto;margin-top:20px;height:3px;background:#000;width:120px;display:block;}
.rhjk{width:1200px;margin:0 auto;overflow:hidden;padding-bottom:55px;padding-top: 46px;}
.rhjk ul{width:1220px;/* overflow:hidden; */padding-left: 36px;}
.rhjk li{float:left;overflow:hidden;text-align:center;margin-right: 30px;width: 200px;height: 85px;border: 1px solid #ededed;transition: all 300ms ease 0s;background: #f5f5f5;}
.rhjk li p{padding-top:15px;color:#333333;}
.rhjk li a:hover p{font-weight:bold;font-size:14px;color:#fc4343;}
.rhjk li img{
	/* width:136px; */
	/* height:115px; */
	height:85px;
	transition: all 300ms ease 0s;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	}
.rhjk li:hover img
{
    -ms-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}
.rhjk li:hover
{box-shadow: 0 0 12px rgba(0,0,0,.1);
    -ms-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);}
.khua{width:1200px;overflow:hidden;margin:0 auto;padding-top:50px;padding-bottom:48px;}
.kleft{float:left;overflow:hidden;width:365px;}
.kcenter{float:left;overflow:hidden;width:303px;}
.kright{float:left;overflow:hidden;width:532px;}
.klwm{color:#333333;font-weight:bold;font-size:16px;padding-bottom:26px;}
.k1{color:#666666;font-size:14px;line-height:33px;background:url(../images/index_51.jpg) no-repeat left center;padding-left:30px;margin-left:7px;}
.k2{color:#666666;font-size:14px;line-height:33px;background:url(../images/index_57.jpg) no-repeat left center;padding-left:30px;margin-left:7px;}
.k3{color:#666666;font-size:14px;line-height:33px;background:url(../images/index_59.jpg) no-repeat left center;padding-left:30px;margin-left:7px;}
.k3 a{color:#666;}
.k4{color:#666666;font-size:14px;line-height:20px;background:url(../images/index_62.jpg) no-repeat left top 6px;padding-left:30px;margin-left:7px; margin-top:6px;}
.wzlm{width:100%;overflow:hidden;}
.wzlm li{float:left;width:146px;overflow:hidden;line-height:33px;padding-bottom:16px;}
.wzlm li a{color:#666;}
.newa{width:100%;overflow:hidden;}
.newa li{float:left;width:100%;overflow:hidden;}
.newa li div{border:3px solid #dadada;width:106px;height:73px;overflow:hidden;float:left;}
.newa li div img{width:106px;height:73px;}
.newa li p{float:left;overflow:hidden;width:392px;padding-left:15px;color:#666666;line-height:21px;}
.newa li p font{display:block;color:#333333;font-size:16px;padding-bottom:15px;}
.newa .hd ul li {
	margin-top:29px;
    float: left;
    width: 4px;
    height: 4px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/dian.jpg);
}
.newa .hd ul li.on{background: url(../images/dian2.jpg);}
.foot{width:100%;overflow:hidden;line-height:75px;border-top:1px solid #c5c5c5;}
.foots{width:1200px;margin:0 auto;overflow:hidden;color:#666666;}
.foots p{float:right;color:#666666;}
.foots a{color:#666666;}
.nyban{background:url(../images/ny1.jpg) no-repeat left center;width:100%;height:428px;overflow:hidden;}
.navs{background:#f5f5f5;height:58px;overflow:hidden;line-height:58px;}
.navn{width:1200px;margin:0 auto;overflow:hidden;color:#333333;font-size:14px;}
.navn a{color:#333;}
.eswu{width:1200px;margin:0 auto;overflow:hidden;padding-top:35px;padding-bottom:35px;}
.eleft{float:left;overflow:hidden;width:245px;}
.eright{float:right;overflow:hidden;width:912px;}
.eltitle{color:#ffffff;font-size:18px;height:55px;line-height:55px;overflow:hidden;text-align:center;background:#fc4343; text-transform:uppercase;}
.hmis{width:100%;overflow:hidden;}
.hmis li{height:47px;line-height:47px;width:100%;background:#f5f5f5;color:#333333;font-size:14px;padding-left:20px;border-bottom:1px solid #e5e5e5;}
.hmis li a{color:#333333;font-size: 13px;background:url(../images/eh.png) no-repeat left center;display:block;padding-left:22px;}
.hmis li:hover{background:#e5e5e5;font-weight:bold;}
.hmis li.curs{background:#e5e5e5;font-weight:bold;}
.products{width:100%;overflow:hidden;}
.products ul{width:948px;}
.products li{width:280px;float:left;overflow:hidden;margin-right:36px;}
.products img{width:278px;height:277px;border:1px solid #ececec;}
.products p{text-align:center;font-size:16px;color:#333333;padding-top:20px;}
.products a:hover p{color:#fc4343;font-weight:bold;}
.products font{display:block;text-align:center;color:#666666;font-size:14px;padding-top:5px;padding-bottom:30px;}
/* pageNav */
.pageNav{text-align:center;height:auto;margin-top:40px;margin-bottom:40px;color:#666;}
.pageNav font,.pageNav span{font-size:11px;border:1px solid #cecece;padding:5px 10px;color:#363636;margin:0 5px;}
.pageNav font.current,.pageNav span.current{background: #fc4343;color:#fff;font-weight:bold;margin:0 5px;}
.pageNav font.disabled,.pageNav span.disabled{color:#adaaad;margin:0 5px;}
.pageNav a{font-size:11px;border:1px solid #cecece;padding:5px 10px;color:#363636;margin:0 5px; white-space:nowrap;}
.pageNav a.current{background:#fc4343;color:#fff;font-weight:bold;margin:0 5px;}
.pageNav a.disabled{color:#adaaad;margin:0 5px;}

.about-content {
	line-height: 30px;
	font-size: 14px;
	color: #666;
	height: auto;
	overflow: hidden;
	padding-bottom:50px;
}

/*news-list*/
.news-list {width:100%;/* margin-top:30px; */}
.news-list ul {width: 912px;height:auto;overflow:hidden;margin:0 auto;}
.news-list li { overflow:hidden; border-bottom:1px dashed #dcdcdc;padding-top:20px;padding-bottom:20px;height:140px;}
.news-list .leftimg{float:left;width:219px;}
.news-list .leftimg img{width:100%;height:140px;}
.news-list .rightimg{float:right;width: 659px;}
.news-list a,.news-list a:link,.news-list a:visited { color:#333;}
.news-list a:hover font{ color:#fc4343;}
.news-list .rightimg font{display:block;font-size:17px;font-weight:bold; line-height:40px;}
.news-list li span {line-height:30px;}
.news-list li p{line-height:30px;}

/*honor-list*/
.honor-list {
	width: 100%;
	height:auto;
	overflow: hidden;
	margin-top: 25px;
}
.honor-list ul {
	width: 942px;
	height: auto;
	overflow: hidden;
}
.honor-list ul li {
	float: left;
	width: 200px;
	border: 1px solid #6b6b6b;
	margin-right: 33px;
	margin-bottom: 30px;
}
.honor-list ul li:hover {
	border: 1px solid #fc4343;
}
.honor-list ul li img {
	width: 200px;
	/* height: 272px; */
	display: block;
}
.honor-list ul li a {
	width: 200px;
	/* height: 322px; */
	overflow: hidden;
	display: block;
}
.honor-list ul li a p {
	height: 50px;
	line-height: 50px;
	background-color: #292929;
	text-align: center;
}
.honor-list ul li a:hover p {
	background-color: #fc4343;
}
.honor-list ul li a,.honor-list ul li a:link,.honor-list ul li a:visited,.honor-list ul li a:hover {
	font-size: 14px;
	color: #fff;
}


/*detail*/
.news-details-tit { width:100%; line-height:30px; overflow:hidden; font-size:20px; font-weight:bold; color:#333; text-align:center; padding:10px 0px 30px 0px;}
.news-details { width:100%; line-height:25px; font-size:14px; color:#333; padding:0px 0px 50px 0px;}
.news-details-time { width:100%; line-height:25px; font-size:14px; color:#333; text-align:center; padding-bottom:20px;}
.ud_page { margin-top:30px; color:#666;}
.ud_page a,.ud_page a:link,.ud_page a:visited { font-size:14px; color:#666;}
.ud_page a:hover { color:#fc4343;} 
.product-share { width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.pro-xunpan { width:150px; height:45px; line-height:45px; background: #fc4343; color:#fff; font-size:14px; display:block; text-align:center; border-radius:10px;}
.news-imgurl{text-align:center;}
.news-imgurl img{max-width:100%;}

.jn_main{}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px 0 0 240px;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #036fb7;}
.jn_box textarea:focus{ border:1px solid #036fb7;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#036fb7}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:95%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}


.proimglist{width:750px;margin:0 auto;overflow:hidden;padding-top:20px;}
.proimglist li{width:100px;height:100px;float:left;margin-right:20px;margin-bottom:20px;border:1px solid #fff;cursor:pointer;}
.proimglist li img{width:100%;height:100%;}
.proimglist li.on{border:1px solid red;}

/*��ҳ*/
.pageNavi { clear:both; margin:0 auto; text-align:center;}
.wp-pagenavi { margin:0px auto; padding:0;}
.wp-pagenavi a{ display:inline-block; background:#999; color:#fff; text-align:center; margin:0 1px; width:33px; height:33px; line-height:33px; border-radius:2px;}
.wp-pagenavi a:hover,.wp-pagenavi a:hover{ background:#fc4343;}
.wp-pagenavi a.p_pn{ width:70px;}
.wp-pagenavi span{background:#999;  display:inline-block; text-align:center; margin:0 1px; width:33px; height:33px; line-height:33px; color:#FFF; border-radius:2px; }
.wp-pagenavi span.current{background: #fc4343;}
.wp-pagenavi span.disabled{ background:#999; color:#FFF;}
.wp-pagenavi span.tot{ background:none; color:#666; width:auto; display:none;}
.wp-pagenavi span.pages {border: 1px solid #ccc;
    padding: 4px 8px;
    MARGIN: 2px; COLOR:#454545! important; font-weight:100;
}
.wp-pagenavi span.extend {border: 1px solid #ccc;
    padding: 4px 8px;
    MARGIN: 2px; COLOR: #454545! important; font-weight:100;
}

.lxkf{text-align:center;width:100%;overflow:hidden;background: #f5f5f5;padding-top: 20px;padding-bottom: 50px;}
.lxkf a
{
    display: inline-block;
    width: 500px;
    min-width: 155px;
    height: 66px;
    line-height: 66px;
    font-size: 22px;
    color: #97abb8;
    background-color: #fff;
    border: 1px solid #b6c4cd;
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(182,196,205,.4);
    transition: all 300ms ease 0s;
    text-transform:uppercase;
    }
 .lxkf a:hover{    color: #fff;
    background-color: #fc4343;
    border-color: #fc4343;
    box-shadow: 0 0 12px rgba(252,67,67,.4);}
    
    
    
#follow {
	right: 0;
	bottom: 40%;
	position: fixed;
	z-index: 10;
	width: 40px;
}
#follow .block{display:block;}
#follow .item {
	width: 40px;
	height: 40px;
}
#follow .item .ico {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: rgba(30,30,30,.6);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;
	text-align: center;
	left: 0;
	top: 0;
}
#follow .item .red {
	background-color: #ea493c;
	background: url(../images/p5.jpg);
}
#follow .item .blue {
	background-color: #3da8e5;
	background: url(../images/p1.jpg);
}
#follow .item .green {
	background-color: #24b727;
	background: url(../images/p3.jpg);
}
#follow .item .orange {
	background-color: #ffbe33;
}
#follow .totop {
	opacity: 0;
}
#follow .item .totop {
	background: url(../images/p4.jpg);
	background-size:100%;
}
#follow .totop.show {
	opacity: 1;
}
#follow .item.open[row='1'] {
	height: 90px;
}
#follow .item.open[row='2'] {
	height: 126px;
}
#follow .item.open[row='3'] {
	height: 162px;
}
#follow .item.open[row='4'] {
	height: 198px;
}
#follow .item.open[row='5'] {
	height: 234px;
}
#follow .top {
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	padding: 15px;
}
#follow .top a {
	line-height: inherit;
	font-size: 20px;
	color: inherit;
	float: right;
	margin-top: -2px;
	/* font-family: simsun; */
}
#follow .item [id] {
	width: 140px;
	background-color: #fff;
	left: 40px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 300ms;
	transition: all 300ms ease 0s;
}
#follow .qq-list .list {
	line-height: 20px;
	padding: 8px 15px;
	font-size: 12px;
	transition: all 300ms ease 0s;
}
#follow .qq-list .list span {
	margin-right: 10px;
}
#follow .qq-list .list:hover {
	color: #fff;
	background-color: #fc4343;
}
#openHotline .ico {
	background: url(../images/p-phone.png) no-repeat center center;
}
#hotline .top {
	background-color: #ffbe33;
}
#online .top {
	background-color: #3da8e5;
}
#follow .item[id^='open'] .ico {
	left: 0;
	-webkit-transition: all 300ms ease 600ms;
	-moz-transition: all 300ms ease 600ms;
	-ms-transition: all 300ms ease 600ms;
	-o-transition: all 300ms ease 600ms;
	transition: all 300ms ease 600ms;
}
#follow .item[id^='open'] {
	-webkit-transition: all 300ms ease 300ms;
	-moz-transition: all 300ms ease 300ms;
	-ms-transition: all 300ms ease 300ms;
	-o-transition: all 300ms ease 300ms;
	transition: all 300ms ease 300ms;
}
#follow .item.open {
	-webkit-transition: all 300ms ease 300ms;
	-moz-transition: all 300ms ease 300ms;
	-ms-transition: all 300ms ease 300ms;
	-o-transition: all 300ms ease 300ms;
	transition: all 300ms ease 300ms;
}
#follow .item.open .ico {
	left: 100%;
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
#follow .item.open [id] {
	left: -100px;
	box-shadow: 0 5px 10px rgba(4, 0, 0, 0.2);
	-webkit-transition: all 300ms ease 600ms;
	-moz-transition: all 300ms ease 600ms;
	-ms-transition: all 300ms ease 600ms;
	-o-transition: all 300ms ease 600ms;
	transition: all 300ms ease 600ms;
}
#follow #wechat-qrcode {
	width: auto;
	max-width: 200px;
	left: auto;
	right: 100%;
	bottom: 0;
	position: absolute;
	display: none;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
}