@charset "UTF-8";
/* CSS Document */

body, html,div, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, p, a, form, input,span,dl,dt,dd{
    border: 0 none;
    font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
     }
body{ font:normal 14px "微软雅黑";  line-height:25px; color:#666;min-width: 1082px;margin: auto;}
a{ text-decoration:none;color: #000; }
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; color:#333;}
ul, li{ list-style:none; margin:0; padding:0;}	
img{ border:0;}
.clear{ clear:both;}
.col{width: 100%;background-color: #eaeaea;}

.topnav{ width:100%; height:80px; background:#f1f1f1;}
.topnav .logo{width:1200px;height:80px; margin:0 auto;}
.topnav .loleft{ float:left;width: 15%;padding: 10px 0;}
.topnav .loleft img{height: 42px;margin-top: 5px;}
.topnav .loright{ float:right;text-align:right;width: 25%;}
.loright .rphone{font-size: 20px;color: #333;line-height: 80px;}
.loright .rphone img{width: 26px;margin: 0 10px -6px 0;}
#navi{ height:80px;overflow:hidden;float: left;width: 60%}
#navi ul{overflow:hidden;height: 80px;}
#navi ul li{ display:block; height:40px;float:left;}
#navi ul li a{display:block; color:#333; padding:0 26px;font-size: 16px;line-height: 80px;}
#navi ul li a:hover{background-image: url("../images/hongxian.jpg");background-repeat: no-repeat;background-position: center 72px;}


.title{
	text-align: center;
	margin-bottom: 60px;
}
.title .english{
	font-size: 24px;
	color: #999;
	margin-bottom: 8px;
}
.title .chinese{
	font-size: 24px;
	color: #333;
	line-height: 36px;
	position: relative;
}
.title .chinese:before{
	content:"";
	display: block;
	position: absolute;
	top: 18px;
	left: 470px;
	width: 50px;
	height: 3px;
	background: #fe0001;
}
.title .chinese:after{
	content:"";
	display: block;
	position: absolute;
	top: 18px;
	right: 470px;
	width: 50px;
	height: 3px;
	background: #fe0001;
}

.box{
	width: 100%;
	min-width: 1200px;
}
/*banner*/
.box .banner{
	width: 100%;
	clear: both;
}
.banner .swiper-container .swiper-pagination-bullet{
	width: 12px;
  	height: 12px;
  	background: #fff;
}
.banner .swiper-container .swiper-pagination-bullet-active{
	background-color: #ed1c24;
}
.banner .swiper-container .swiper-wrapper li img{
	display: block;
	width: 100%;
}
.banner .swiper-container .swiper-button-prev{
	width: 40px;
	height: 64px;
	margin-top: -32px;
	background-size: cover;
	background-image: url("../images/jtz.png");
	display: none;
}
.banner .swiper-container .swiper-button-next{
	width: 40px;
	height: 64px;
	margin-top: -32px;
	background-size: cover;
	background-image: url("../images/jty.png");
	display: none;
}
.banner:hover .swiper-container .swiper-button-prev{
	display: block;
}
.banner:hover .swiper-container .swiper-button-next{
	display: block;
}

/*about*/
.aboutbg{
	background-image: url("../images/gsjjbg.png");
	background-position: center;
	background-size: cover;
}
.index_about{
	width: 1200px;
	margin: auto;
	padding: 60px 0 60px;
	position: relative;
}
.index_about .about_left{
	float: left;
	width: 590px;
	height: 443px;
	position: relative;
}
.index_about .about_left:before{
	content: "";
	display: block;
	position: absolute;
	width: 150px;
    height: 136px;
	background: #fe0001;
	left: 0;
	bottom: 0;
}
.index_about .about_left img{
	width: 585px;
	height: 438px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.index_about .about_right{
	float: right;
	width: 600px;
	height: 443px;
	position: relative;
}
.index_about .about_right .gsjj{
	padding:18px 25px;
	height: 233px;
	margin-bottom: 10px;
	position: relative;
	background: #fff;
	z-index: 4;
	border:1px solid #d6d6d6;
	border-radius: 2px;
}
.index_about .about_right:before{
	content: "";
	display: block;
	position: absolute;
	width: 80px;
    height: 64px;
	background: #fe0001;
	right: -5px;
	top: -5px;
	z-index: 1;
}
.index_about .about_right .gsjj .tt{
	font-size: 18px;
	margin-top: 10px;
	padding-bottom:12px;
	position: relative;
	color: #fe0001;
	text-indent: 42px;
}
.index_about .about_right .gsjj .con{
	font-size: 14px;
	line-height: 2;
	color: #333;
}
.index_about .about_right .gsjj img{
	width: 38px;
	position: absolute;
	top: 16px ;
	left: 20px ;
}
.index_about .about_right .gsjj a{
	padding: 2px 12px;
	color: #666;
	position: absolute;
	bottom: 26px;
	right: 26px;
}
.index_about .about_right .gsjj a:hover{
	color: #fe0001;
}
.index_about .about_right .about_rb{
	height: 150px;
}
.index_about .about_right .about_rbl{
	width: 255px;
	float: left;
	padding: 10px 20px;
	background-color: #fff;
	border:1px solid #d6d6d6;
	border-radius: 2px;
	height: 140px;
	position: relative;
}
.index_about .about_right .about_rbr{
	width: 255px;
	float: right;
	padding: 10px 20px;
	background-color: #fff;
	border:1px solid #d6d6d6;
	border-radius: 2px;
	height: 140px;
	position: relative;
}
.index_about .about_right .about_rb .tt{
	position: relative;
	margin-top: 5px;
	padding-bottom:6px;
	font-size: 18px;
	text-indent: 36px;
	color: #fe0001;
}
.index_about .about_right .about_rb img{
	width: 30px;
	position: absolute;
	top: 8px ;
	left: 20px ;
}
.index_about .about_right .about_rb .con{
	font-size: 14px;
	color: #333;
}
.index_about .about_right .about_rb a{
	padding: 0 8px;
	position: absolute;
	bottom: 12px;
	right: 26px;
	color: #666;
}
.index_about .about_right .about_rb a:hover{
	color: #fe0001;
}

/*product center*/
.index_product{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.index_product .product_content{
	overflow: hidden;
	margin-top: 30px;
}
.index_product .product_list{
	float: left;
	width: 240px;
	overflow: hidden;
}
.index_product .product_list .cpbox{
	border: 2px solid #ccc;
}
.index_product .product_list .dtt{
	line-height: 68px;
	font-size: 20px;
	width: 240px;
	background: -webkit-linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* 标准的语法 */
	background-position: center;
	background-repeat: no-repeat;
	color: #4c4c4c;
	text-align: center;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.13) inset;
}
.index_product .product_list .cpfl li{
	line-height: 50px;
	font-size: 16px;
	width: 190px;
	padding-left: 46px;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddd;
}
.index_product .product_list .cpfl li:hover a{
	color: #fe0001;
}
.index_product .product_list .cpfl li a{
	display: block;
	color: #666;
	font-size: 16px;
}
.index_product .product_list .cpbox .swiper-container{
	width: 220px;
	margin: 10px auto;
}
.index_product .product_list .cpbox .swiper-slide a{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(50,50,50,0.8);
	color: #fff;
}
.index_product .product_list .cpbox .swiper-slide:hover a{
	background-color: rgba(254,0,1,0.8);
}
.index_product .product_list .cpbox .swiper-slide img{
	display: block;
	width: 100%;
}
.index_product .product_list .cpbox .swiper-button-next{
	background-image: url("../images/hdjty.png");
	right: 0;
	width: 16px;
	height: 31px;
	margin-top: -15px;
	background-size: 100%;
}
.index_product .product_list .cpbox .swiper-button-prev{
	background-image: url("../images/hdjtz.png");
	left: 0;
	width: 16px;
	height: 31px;
	margin-top: -15px;
	background-size: 100%;
}
.index_product .product_list .cpbox .jtlist{
	width: 220px;
	margin: 12px auto
}
.index_product .product_list .cpbox .jtlist li a{
	color: #4c4c4c;
}
.index_product .product_list .cpbox .jtlist li:hover a{
	color: #fe0001;
}
.index_product .product_cplist{
	float: right;
	width: 920px;
}
.index_product .product_cplist>div{
	width: 920px;
	line-height: 70px;
	color: #4c4c4c;
	text-indent: 50px;
	background: -webkit-linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(255,255,255,0.28),rgba(120,120,120,0.28)); /* 标准的语法 */
	font-size: 20px;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.13) inset;
}
.index_product .product_cplist>div a{
	float: right;
	color: #4c4c4c;
	padding-right: 20px;
	text-indent: 0;
}
.index_product .product_cplist ul{
	overflow: hidden;
	margin-top: 18px;
}
.index_product .product_cplist ul li{
	float: left;
	width: 18%;
	margin: 0 1% 20px;
	position: relative;
}
.index_product .product_cplist ul li img{
	width: 96%;
	margin: 4px auto 0;
	display:block;
	box-shadow: 2px 2px 4px 2px #ddd;
	transition: all 0.6s;
}
.index_product .product_cplist ul li div{
	text-align: center;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(50,50,50,0.8);
	color: #fff;
	transition: all 0.6s;
}
.index_product .product_cplist ul li:hover div{
	background-color: rgba(254,0,1,0.8);
	transition: all 0.6s;
}
.index_product .product_cplist ul li:hover img{
	box-shadow: 2px 2px 8px 3px #ccc;
	transition: all 0.6s;
}

/*产品优点*/
.index_advantage{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.index_advantage ul li{
	overflow: hidden;
	padding: 20px 0;
}
.index_advantage ul li>*{
	float: left;
}
.index_advantage ul li .adimg{
	width: 600px;
}
.index_advantage ul li .adimg img{
	display: block;
	width: 550px;
}
.index_advantage ul li:nth-child(2) .adimg img{
	float: right;
}
.index_advantage ul li .adnr{
	width: 600px;
}
.index_advantage ul li .adnr>div{
	height: 150px;
	overflow: hidden;
}
.index_advantage ul li .adnr .xh{
	width: 31px;
	height: 31px;
	background-image: url("../images/ydicon.png");
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	float: left;
}
.index_advantage ul li .adnr .xhtit{
	float: left;
	font-size: 22px;
	text-indent: 16px;
}
.index_advantage ul li .adnr .xhnr>div{
	padding-left: 12px;
}
.index_advantage ul li .adnr .xhnr>div:nth-child(1){
	overflow: hidden;
	line-height: 32px;
	margin-bottom: 20px;
	padding-left: 0;
}
.index_advantage ul li .adnr .xhnr span{
	color: #fe0001;
	margin-right: 26px;
}
.index_advantage ul li .adnr .xhnr>div:nth-child(1) span{
	margin-right: 0;
}


/*荣誉资质*/
.honorbg{
	background-color: #f7f7f7;
}
.index_honor{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.index_honor .honorbox{
	overflow: hidden;
	margin-top: 20px;
}
.index_honor .honorleft{
	float: left;
	width: 28%;
	margin: 20px 2%;
	padding: 20px 2%;
	border:8px solid transparent;
	-moz-border-image: url("../images/ryborder.png") 8 8 8 8 stretch; /* 老版本的 Firefox */
	-webkit-border-image: url("../images/ryborder.png") 8 8 8 8 stretch; /* Safari */
	-o-border-image: url("../images/ryborder.png") 8 8 8 8 stretch; /* Opera */
	border-image: url("../images/ryborder.png") 8 8 8 8 stretch;
}
.index_honor .honorleft .honortit{
	font-size: 18px;
	line-height: 40px;
}
.index_honor .honorleft .honortit img{
	height: 28px;
	float: left;
	margin: 6px 4px 0 0;
}
.index_honor .honorleft .xian{
	background-color: #fe0001;
	width: 120px;
	height: 2px;
	margin: 4px 0 8px;
}
.index_honor .honorleft .honortxt{
	line-height: 28px;
	letter-spacing: 1px;
}
.index_honor .honorlist{
	float: right;
	width: 60%;
}
#honor {
	position: relative;
	padding-top: 6px
}
#honor .swiper-container {
	padding-bottom: 60px;
}
#honor  .swiper-slide {
	width: 400px;
	height: 270px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#honor  .swiper-slide img{
	display:block;
	width: 100%;
}
#honor  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
#honor .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#honor .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#honor .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #fe0001;
	background-color: #fff;
}
#honor .swiper-button-prev {
	left: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#honor .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}
#honor .swiper-button-next {
	right: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#honor .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/*新闻中心*/
.index_news{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.index_news a:hover{
	color: #fe0001!important;
}
.index_news .newsbox{
	overflow: hidden;
	margin-top: 20px;
}
.index_news .tjnews{
	float: left;
	width: 620px
}
.index_news .tjnews li{
	width: 300px;
	float: left;
}
.index_news .tjnews li:nth-child(1){
	margin-right: 20px;
}
.index_news .tjnews .newsimg{
	width: 100%;
	height: 200px;
}
.index_news .tjnews .newsimg img{
	display: block;
	width: 100%;
}
.index_news .tjnews .newsbt{ 
	font-size:16px; 
	color:#000; 
	line-height:30px; 
	margin:8px 0; 
	height:30px; 
	overflow:hidden; 
	font-weight:normal;
}
.index_news .tjnews .newsnr{
	font-size: 14px;
	color: #666;
	min-height: 125px;
	padding-bottom: 10px;
}
.index_news .tjnews .newsxx{
	font-size: 12px;
	color: #999;
}
.index_news .tjnews .newsxx a{
	float: right;
}
.index_news .allnews{
	float: right;
	width: 560px;
}
.index_news .allnews li{
	overflow: hidden;
}
.index_news .allnews li+li{
	margin-top: 24px;
}
.index_news .allnews li>div{
	float: left;
}
.index_news .allnews li>div:nth-child(1){
	width:80px; 
	height:80px;
	margin-right:18px; 
	border:1px solid #c1c1c1; 
	float:left;
}
.index_news .allnews li>div:nth-child(1) .day{ 
	font-size:30px; 
	font-weight:bold; 
	line-height:50px; 
	text-align:center; 
	color:#020202
}
.index_news .allnews li>div:nth-child(1) .ym{  
	text-align:center;
}
.index_news .allnews li>div:nth-child(2){
	width: 450px;
	padding-left: 10px;
}
.index_news .allnews li>div:nth-child(2) .newstit{
	font-size:16px; 
	line-height:30px;  
	font-weight:normal; 
}

/*合作伙伴*/
.index_partner{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding: 60px 0;
}
.index_partner ul{
	overflow: hidden;
	padding-top: 20px;
}
.index_partner ul li{
	float: left;
	width: 180px;
	height: 114px;
	margin: 4px 10px 20px;
	box-shadow: 0 2px 8px 2px rgba(0,0,0,.12);
}
.index_partner ul li img{
	width: 100%;
	transition: all 0.4s;
}
.index_partner ul li:hover{
	-webkit-transform:scale(1.05); 
    -moz-transform:scale(1.05); 
    -o-transform:scale(1.05);
    transform:scale(1.05);
    transition: all 0.4s;
}