/*
 *前端代码制作：Hasiki
 */
body{ margin:0 auto; font-size:12px;font-family:Microsoft Yahei,"微软雅黑","宋体";color:#333;}
ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a {text-decoration:none;color:#333;}
a:hover {color:#0C5392;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear {clear:both;width:100%;height:0;font-size:0px;overflow:hidden;}
i,em,cite {font-style:normal;}
input,select {padding:0;margin:0;}
.on{color:#c4261d!important;}
.wrap {width:1200px;margin:0 auto;height:auto;}
.wrap11 {width:1100px;margin:0 auto;height:auto;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px!important;}
.f24 {font-size:24px;}
.f26 {font-size:26px!important;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh26 {line-height: 26px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.lh35 {line-height: 30px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.m10 {margin:10px;_display:inline;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.p20 {padding:20px;}
.p5 {padding: 5px;}
.p1 {padding: 1px;}
.b {display:block;}
.in-b {display:inline-block;zoom:1;*display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.ti {text-indent:-999999px;}
.white{color:#fff;}
.divide5{width: 100%;height: 5px; margin: 0 auto;}
.divide10{width: 100%;height: 10px; margin: 0 auto;}
.divide15{width: 100%;height: 15px; margin: 0 auto;}
.divide20{width: 100%;height: 20px; margin: 0 auto;}
.divide25{width: 100%;height: 25px; margin: 0 auto;}
.divide30{width: 100%;height: 30px; margin: 0 auto;}
.divide35{width: 100%;height: 35px; margin: 0 auto;}
.divide40{width: 100%;height: 40px; margin: 0 auto;}
.divide45{width: 100%;height: 45px; margin: 0 auto;}
.divide50{width: 100%;height: 50px; margin: 0 auto;}
.divide55{width: 100%;height: 55px; margin: 0 auto;}
.divide60{width: 100%;height: 60px; margin: 0 auto;}
.divide65{width: 100%;height: 65px; margin: 0 auto;}
.divide70{width: 100%;height: 70px; margin: 0 auto;}
.divide75{width: 100%;height: 75px; margin: 0 auto;}
.divide80{width: 100%;height: 80px; margin: 0 auto;}
.divide85{width: 100%;height: 85px; margin: 0 auto;}
.divide90{width: 100%;height: 90px; margin: 0 auto;}



/*index*/
.top{
	height: 35px;
	width: 100%;
	background-color: #414141;
}
.welcometel{
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
}
.welcometel i{
	font-size: 22px;
}
/* .head{ */
	/* width: 100%; */
	/* height: 110px; */
/* } */
/* .head_nav{ */
	/* float: left; */
    /* margin-left: 153px; */
/* } */
/* .head_nav li{ */
	/* float: left; */

/* } */
/* .head_nav li a{ */
	/* font-weight: bold; */
	/* font-size: 15px; */
	/* color:#525151; */
	/* padding:10px 15px; */
	/* line-height:111px; */
/* } */
.banner{
	width: 100%;
	height: auto;
}
.banner img{
	width: 100%;
}
.youshi_p1{
	width: 355px;
    height: 330px;
    margin-right: 17px;
    background-color: #0082CB;
    float: left;
    margin-bottom: 40px;
    }
.youshi_p1:nth-child(3n){
	margin-right: 0px;
}
.youshi_p1 img{
	width: 100%;
}
.i_newlist2,.i_newlist1{
	float: left;
}
.i_newlist1 li{
	width: 323px;
    height: 300px;
	margin-right: 15px;
}
.i_newlist1 li img{
	width: 100%;
}

.i_newlist1 li:nth-child(2n){
	margin-right: 0px;
}

.i_newlist_p1{
	font-size: 15px;
	font-weight: bold;
}

.i_newlist1 li span,.i_newlist2 li span{
	color: #8c8c8c;
	
}
.i_newlist2{
	margin-left: 39px;
	width: 400px;
}
.i_newlist2 li{
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


.i_hezuo li{
	      width: 204px;
    height: 75px;
    border: 1px solid #ddd;
    margin-right: 20px;
    margin-bottom: 20px;
}
.i_hezuo li:nth-child(5n){
	margin-right:0px ;
}
.i_hezuo li img{
	width: 100%;
}



.i_lianxi li{
	float: left;
    width: 245px;
    height: 115px;
    padding: 18px;
    margin-right: 40px;
    text-align: center;
    background-color: #3a3a3a;
}
.i_lianxi li:nth-child(4n){
	margin-right: 0px;
}

.i_lianxi li i{
	font-size: 40px;
	color:#fff;
}

.i_lianxi li p{
	font-size: 20px;
	margin-top: 7px;
	color:#fff;
}



.i_xian{
	height: 2px;
	width: 26px;
	text-align: left;
	background-color: #fff;
	margin: 10px 0px;
}

.copy{
	width: 100%;
	border-top: 1px solid #fff;
	height: 35px;
	margin-top: 20px;
	text-align: center;
}
.copy p,.copy a{
	text-align: center;
	color:#fff;
	line-height: 35px;
}




.n_banner{
	    text-align: center;
    width: 100%;
position: relative;
}
.n_banner img{
	width: 100%;	
	
	
}

.vtop{
  width: 255px;
  height: 130px;
  top: 50px;
  position: absolute;
  left: 50%;
  margin-left: -122px;
}

.menu {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid #eaeaed;
}
.menu .wrap11 ul li {
	float: left;
	width: 130px;
	height: 51px;
}

	.menu .wrap11 ul li a {
		font-size: 14px;
		color: #4b4c4d;
		display: inline-block;
		width: 130px;
		height: 51px;
		line-height: 51px;
		text-align: center;
	}

		.menu .wrap11 ul li a:hover {
			color: #fff;
			background-color: #CC0033;
		}

.this {
	color: #fff !important;
	background-color: #CC0033;
}


.list_infocont {
    padding-top: 18px;
    padding-left: 20px;
    width: 790px;
    color: #606262;
}
.list_infocont {
	padding-top: 18px;
	padding-left: 20px;
	width: 737px;
	color: #606262;
}

.list_info p a {
	color: #827f7f;
}

.cc {
	width: 800px;
	height: 97px;
	overflow: hidden;
	line-height: 26px;
	color: #827f7f;
}

.listinfobtn {
	display: inline-block;
	text-align: center;
	width: 100px;
	height: 32px;
	line-height: 32px;
	background-color: #f2f2f2;
	margin-left: 28px;
	color: #434242;
        margin-top: 15px;
}

.list_news ul li {
	background-image: url('../img/img13.png');
	background-repeat: no-repeat;
	position: relative;
	background-position: 10px center;
	width: 100%;
	height: 50px;
}

	.list_news ul li:nth-child(2n) {
		background-color: #f2f2f2;
	}

	.list_news ul li a {
		color: #827f7f;
		position: absolute;
		left: 30PX;
		display: inline-block;
		line-height: 50PX;
		font-size: 14PX;
	}
    	.list_news ul li a:hover{
            color:#CC0033;
    	}

	.list_news ul li span {
		position: absolute;
		right: 10px;
		line-height: 50PX;
		font-size: 14PX;
		color: #797878;
	}
	
	.list_pages {
	text-align: center;
	height: 52px;
	margin: 20px 20px;
}

	.list_pages ul li {
		float: none;
		width: auto;
		padding: 8px 13px;
		border: 1px solid #eee;
		display: inline-block;
		zoom: 1;
		margin: 0 2px;
	}

		.list_pages ul li.thisclass, .list_pages ul li.thisclass a, .list_pages ul li.thisclass a:hover {
			background-color: #CC0033;
			color: #fff;
			border: 1px solid #CC0033;
		}

		.list_pages ul li a {
			color: #606060;
		}
		
		.articlecon {
	height: auto;
}

.arttitle {
	text-align: center;
	color: #000000;
	margin-top: 65px;
	margin-bottom: 15px;
}

.arttime {
	text-align: center;
	color: #8a8989;
}


.icon-contactus {
    width: 119px;
    height: 119px;
    display: block;
    position: absolute;
    left: 135px;
}

.contactus-item {
    border: 1px solid #ccc;
    padding: 80px 24px 24px 24px;
    margin-top: 60px;
    height: 200px;
}

.contactus-item p {
    font-size: 16px;
    letter-spacing: 1px;
    text-align: left;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    padding: 0 40px;
}
.bd_p1{
    width: 366px;
    float: left;
	    text-align: center;
    padding: 15px;
	position:relative;
}
.bd_p1 i{
	    width: 80px;
    height: 80px;
    border: 4px solid #d2364c;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 31px;
    color: #fff;
    font-size: 45px;
    line-height: 80px;
    left: 161px;
    background-color: #000;
}

.info-com{
	height:330px;
	border:1px solid #ccc;
	margin-top:30px;
	padding:15px;
	width:1070px;
}


.contact-box h2 {
    /* padding-top: 30px; */
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: left;
    text-indent: 0.8em;
    font-weight: 600;
}

.contact-box p {
    text-align: left;
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    letter-spacing: 1px;
}

.contact-box {
	width: 345px;
    margin: 15px 0 0px 0;
    padding-bottom: 0;
	float:left;
    color: #000000;
    padding-left: 15px;
}
.info-left{
	float: left;
    width: 287px;
}
.info-right{

	    float: left;
        width: 751px;
            height: 302px;
}

.con-cc-left{
	width:50%;
	float:left;
}
.con-cc-right{
	width:50%;
	float:left;
}
.con-cc-right p{
    line-height: 50px;
    letter-spacing: 2px;
    font-size: 16px;
    margin-top: 18px;
    text-indent: 2em;
    padding: 35px;
	    color: #666;
    font-size: 17px;
	
}

.pinzhibz{
	background-color:#f3f3f3;
	padding-top:30px;
	width:100%;
	overflow: hidden;
	padding-bottom:30px;
}

.pinzhibz ul li{
    float: left;
    width: 388px;
    margin-right: 10px;
    text-align: center;
    height: 80px;
    padding-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.box-title p {
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    letter-spacing: 2px;
}
.yifuwu{
	margin-top:40px;
}

.yifuwu li{
	width:390px;
	height:auto;
	float:left;

	margin-right:10px;
	margin-bottom:30px;
}



.list {
    width: 100%;
    margin: 5px auto 0 auto;
    padding-bottom: 20px;
}
.list ul li{background-color:#f8f8f8; border-bottom:0;}
.list ul li a{padding-left: 35px;color: #4a4a4a; font-size:14px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;font-weight:lighter;}
.list ul li .inactive{ background:url('../img/off.png') no-repeat 10px center;color:#4a4a4a;}
.list ul li .inactives{background:url('../img/on.png') no-repeat 10px center;font-size:16px;color:#b70b0b;} 

.list ul li .inactivess{background:url('../img/dian.png')no-repeat 33px center;} 

.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#f8f8f8; border-color:#f8f8f8;font-weight:lighter;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:50px;font-weight:lighter;}
.list ul li ul li ul li { background-color:#f8f8f8; border-color:#f8f8f8;font-weight:lighter; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a {
    color: #316a91;
    padding-left: 65px;
    font-weight:lighter;
}
.left_menu_title{
    color:#1461ac;
    font-size:18px;
    text-align:center;
    line-height:45px;
    font-weight:lighter;
}

.list ul li ul li a:hover {
font-size: 15px;
color: #b70b0b;
}

.left_menu {
    float: left;
    width: 222px;
    background-color: #f8f8f8;
    margin-top: 25px;
    margin-right: 26px;
    margin-bottom: 26px;
}


.right_list {
    width: 852px;
    height: 1000px;
    float: left;
    margin-top: 5px;
}

.prolist li {
    width: 191px;
    height: 288px;
    text-align: center;
    float: left;
    margin: 20px 22px 0px 0px;
}
.prolist li a{
    border:1px #ededed solid;
    width:196px;
   height:231px;
   display:inline-block;
}
.prolist li span{
    display:inline-block;
    text-align:center;
    font-size:14px;
    color:#333333;
    font-weight:lighter;
    margin-top:16px;
}

.prolist li img{width: 100%;

}
/****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#navigation{background-color: #F7F7F7;}
#menu{list-style-type: none;margin:0;padding:0;overflow: hidden;zoom:1;}
#menu li{text-align:center;line-height:36px;float:left;width:50%;border-top:#EDEDED solid 1px;border-left:#EDEDED solid 1px;}
#menu li em{display:none;}
#menu li:nth-child(2n+1) {margin-left: -1px;}

/*! Banner */
.slick-slider{-moz-user-select:none;box-sizing:border-box;display:block;position:relative;}
.slick-list{display:block;margin:0;overflow:hidden;padding:0;position:relative;}
.slick-list:focus{outline:medium none;}
.slick-loading .slick-list{background:url("ajax-loader.gif") no-repeat scroll center center white;}
.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{transform:translate3d(0px,0px,0px);}
.slick-track{display:block;left:0;position:relative;top:0;z-index: 1;}
.slick-track::before,.slick-track::after{content:"";display:table;}
.slick-track::after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto;}
.slick-prev,.slick-next{background:none repeat scroll 0 0 transparent;border:medium none;color:transparent;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin-top:-10px;outline:medium none;padding:0;position:absolute;top:50%;width:20px;}
.slick-prev:focus,.slick-next:focus{outline:medium none;}
.slick-prev.slick-disabled::before,.slick-next.slick-disabled::before{opacity:0.25;}
.slick-prev::before,.slick-next::before{color:white;font-size:20px;line-height:1;opacity:0.85;}
.slick-prev{left:-5px;}
.slick-prev::before{content:"\e257";}
.slick-next{right:-5px;}
.slick-next::before{content:"\e258";}
.slick-dots{bottom:0;display:block;list-style:outside none none;padding:0;position:absolute;text-align:center;width:100%;z-index:30;}
.slick-dots li{cursor:pointer;display:inline-block;height:20px;margin:0 5px;padding:0;position:relative;width:20px;}
.slick-dots li button{background:none repeat scroll 0 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;font-size:0;height:15px;line-height:0;outline:medium none;padding:5px;width:15px;}
.slick-dots li button:focus{outline: medium none;}
.slick-dots li.slick-active button::before{opacity: 0.75;}
.pane-bundle-carousel .slick-slider .slick-prev,.pane-bundle-carousel .slick-slider .slick-next{background-color:#0081d1;height:75px;top:45%;transition:all 0.3s ease 0s;width:35px;}
.pane-bundle-carousel .slick-slider .slick-prev:hover,.pane-bundle-carousel .slick-slider .slick-next:hover{background-color:#fbbc0d;transition:all 0.3s ease 0s;}
#banner{position:relative;height:150px;z-index: 1;}
#banner .slick-slide{height:150px;background-position:center center;background-size:cover;}
#banner .camera_caption{text-align:center;}
#banner .slick-dots li{position:relative;display:inline-block;list-style-type:none;height: 20px;width:20px;margin:0 5px;padding:0;cursor:pointer;}
#banner .slick-dots li button{background: rgba(255,255,255,0.63);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; font-size:0;}
#banner .slick-dots li.slick-active button{background:#DD2F2F;}
#banner button.slick-prev,#banner button.slick-next{display:none !important;}
#banner .bannerpic{height:100%;background-size:cover;background-position: center center;}

#body{padding-top:30px;}

.home-title{padding:40px 0;text-align: center;}
.home-title h2{margin:0;padding:0 0 14px;font-weight:bold;background:url("fgx.gif") no-repeat bottom center;}
.home-title h2 em{display:block;font-style:normal;font-weight:normal;font-size: 0.8em;color:#39393C;}

.advantage{position:relative;height:378px;margin:0 0 20px 37px;max-width:330px;}
.advantage-img{position:absolute;z-index: 1;left:0;top:0}
.advantage-text{position:absolute;z-index: 2;right:0;bottom:0;width:296px;height:239px;padding:77px 15px 0;background: url("advantage-gray.png") no-repeat right bottom;font-size:12px;box-shadow:2px 2px 2px #ccc;}
.advantage-active .advantage-text{color:#fff;background-image: url("advantage-red.png");box-shadow:2px 2px 2px #DD2E2D;}
.advantage-text h5{font-size:18px;}
.advantage-img i{font-size:14px;text-align:center;line-height:16px;font-style:normal;font-weight:bold;text-align:center;color:#666;display:block;width:37px;height:78px;padding-top:42px;background:#eee url("youshi.jpg") no-repeat 0 0;position:absolute;left:-37px;top:20px;}

#search{margin-bottom:15px;margin-top:35px;height:110px;padding:28px 20px;background:url("search-bg.jpg") no-repeat top center;}
#search input{border:none;height:54px;width:100%;font-size:18px;line-height:54px;}
.x-c-z{display: none;}
#topsearch{overflow:hidden;zoom:1;}
.search-text{width:85%;}
.search-text input{padding-left:15px;}
.search-btn{width:15%;}
.search-btn input{color:#fff;background-color:#DD2F2F;}

#home-product-menu{display:none;}
.product-box{padding-bottom:40px;}
.product-cate-title{position:relative;height:38px;padding-left:45px;line-height:26px;border-bottom:#5574b4  solid 2px;}
/*.product-cate-title:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px;}*/
.product-cate-title .floor-name{position:absolute;top:0;left:0;width:35px;height:50px;}
.product-cate-title .floor-name em{display:block;height:26px;color:#5574b4;font-style:normal;font-size:32px;line-height:26px;text-align: center;}
.product-cate-title h3{margin-top: 0;margin-bottom: 0;text-align: left;}
.product-cate-title span.more{position:absolute;right:0;top:0;line-height:26px;}
.product-cate-title span.more a{color:#5C5C5C;}.product-cate-title span.more a:hover{color:#5574b4;text-decoration: none;}
#home-product-list .product-list{border-left:#EEE solid 1px;}
#home-product-list .product-item{float:left;width:50%;height:235px;border:#EEE solid 1px;margin: 10px;}
.product-item:nth-child(4n){
	margin-right: 0px;
}
#home-product-list .product-item div{width:265px;margin:3px auto 0;}
#home-product-list .product-item p{    color: #747474;
    padding-top: 10px;
    line-height: 21px;
    height: 48px;
    overflow: hidden;
    font-size: 12px;}
#home-product-list .product-item a{font-size: 14px;color:#5574b4;line-height:14px;}
#home-product-list .product-item a:hover{color:#c83434;text-decoration: none;}
#home-product-list .product-item a b{
	text-align: center;
	margin-top: 10px;
	display: block;
}
#home-product-list .product-vivid{display:none;text-align: center;color:#fff;}
#home-product-list .product-cate-slogan{font-size: 22px;margin-top:35px;}
#home-product-list .product-cate-desc{font-size: 14px;height:40px;line-height: 40px;background: url("productCategory-desc-bg.png") no-repeat center center;}
#home-product-list .product-cate-more{font-size: 12px;padding-top:15px;}
#home-product-list .product-cate-more a{padding:10px 15px;border:#fff solid 1px;color:#fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}#home-product-list .product-cate-more a:hover{text-decoration:none;border:#CC0033 solid 1px;background-color:#CC0033;}
#home-product-list .product-item img{width:265px;height:192px;display:block;}

#left-product-category{display: none;}
.product-cate-list{margin:0;padding:0;list-style-type:none;border-top:#EDEDED solid 1px;}
.product-cate-list li{border-bottom: #EDEDED solid 1px;}
.product-cate-list a{display:block;padding:5px 20px;}
#product-search{height:33px;position:relative;z-index: 10;}
#product-search .product-cate-list{position:absolute;width:100%;background-color:#fff;z-index:30;border-top:#EDEDED solid 1px;}
#product-search .product-cate-list li{text-align:left;line-height:36px;float:left;width:50%;border-left:#EDEDED solid 1px;border-bottom:#EDEDED solid 1px;}
#product-search .product-cate-list li:nth-child(2n+1) {border-left:none;}
#product-search .select-category{display: block;}
#product-search input{border:#b1191a solid 1px;float:left;height:33px;line-height:33px;}
#product-search input[type='text']{padding-left:10px;width:40%;border-right:none;}
#product-search input[type='submit']{color:#fff;background-color:#b1191a;width:80px;}
#product-search .select-category{height:33px;width:100px;float:left;line-height:33px;text-align:center;}
#product-list{padding-top:25px;}
.product-details h1{font-size:26px;}
.product-details img{max-width:100%;height:auto;}
#product-list .product-item{width:242px;margin:15px auto;background-color:#eee;border:#eee solid 1px;}
#product-list .product-item img{width:240px;height:160px;display:block;}
#product-list .product-item .title,#product-list .product-item p{display:block;margin:0 10px;padding-top:6px;padding-bottom:6px;}
#product-list .product-item p{border-top:#dcdcdc solid 1px;font-size:12px;line-height:1.6em;height:70px;}
#product-list .product-item a{text-decoration: none;color:#363636;}
#product-list .product-item:hover{background-color:#c83434;color:#fff;border:#c83434 solid 1px;}
#product-list .product-item:hover a{color:#fff;}
.product-info{position:relative;background: url("product/product-quality.png") no-repeat 0 0;background-size:cover;height:428px;}
.product-info dl{margin-bottom:10px;}
.product-info dt{width:75px;}
.product-info dt,.product-info dd{display:table-cell;}
.product-quality{padding-top:130px;padding-left:150px;color:#fff;}
.product-quality p{margin-bottom:0;}
.product-thumb{position:absolute;height:125px;top:0;right:0;overflow:hidden;zoom:1;}
.product-thumb>div{float:left;width:33.3%;height:127px;padding:5px;}
.product-thumb>div>img{display:block;width:126px;height:119px;box-shadow:1px 1px 1px #333;}

#contact{background:url("contact-bg.jpg") no-repeat 0 0;background-size:cover;}
#contact .head{padding-top:100px;padding-bottom:20px;}
#contact .head h1{font-size:26px;color:#fff;margin:0;padding:0;line-height:26px;text-transform:uppercase;}
#contact .head h1 em{font-size:0.6em;font-style:normal;margin-left:8px;}
#dituContent{height:345px;width:100%;}
#subContact{width:100%;max-width:750px;margin-top:55px;padding:15px 0;background-image:url("subcontact-bg.png");color:#fcfafa;}
.subContactMenu{width:215px;display:none;}
.subContactMenu ul{list-style-type: none;margin:0;padding-left:0;}
.subContactMenu ul li{padding:0;}
.subContactMenu ul li h3{display:block;height:40px;padding-left:40px;margin:-30px 0 0 0;background:#393939 url("contact-icon.png") no-repeat 18px center;line-height:40px;color:#fcfafa;font-size:14px;}
.subContactInfo h2{font-size:18px;margin-bottom:20px;}
.subContactInfo ul{list-style-type: none;padding-left:0;}

h3.about-title{font-size:24px;}
em.about-desc{font-style: normal;font-size:14px;}

#about-1{padding:25px 0;}
#about-1 .row{margin-top:30px;}
#about-1 .icon{display:block;height:100px;min-width:80px;background-position:center center;background-repeat: no-repeat;}
.one .icon{background-image: url("icon-1.png")}
.two .icon{background-image: url("icon-2.png")}
.three .icon{background-image: url("icon-5.png")}
#about-1 .box-row{max-width:220px;margin: auto;}
#about-1 h5 em{font-style: normal;display: block;font-size: 14px;}
#about-2{padding:20px 0;}
#about-2 .about-title{height:60px;padding-bottom:7px;background: url("bt-bg-left.png") no-repeat center top;color:#fff;line-height:53px;}
#about-2 .row{margin-top:20px;}
#about-1 h5,
#about-2 h5{margin-top:15px;font-size:20px;font-weight:bold;color:#1e1e1e;line-height:30px;}
#about-2 p{font-size:12px;line-height:1.6em;}
#about-3{padding:20px 0;}
#about-3 .about-title{height:60px;padding-bottom:7px;background: url("bt-bg-right.png") no-repeat center top;color:#fff;line-height:53px;}
#about-3 .col-sm-6{text-align: left;min-height:110px;margin-top:25px;}
#about-3 .ln-img{position:absolute;width:110px;height:110px;border-radius:50%;overflow: hidden;}
#about-3 .ln-text{margin-left:130px;}
#about-3 .ln-text h5{font-weight: bold;}
#about{padding-top:25px;}
#about .about-title{height:60px;padding-bottom:7px;background: url("bt-bg-left.png") no-repeat center top;color:#fff;line-height:53px;}
.time-line{margin-top:20px;}
.time-line .time-title{line-height:20px;font-size:16px;color:#1e1e1e;font-weight:bold;vertical-align:middle;width:100%;text-align:center;margin-bottom:20px;}
.time-line dd{padding-top:15px;}

.hot-tel{width:206px;height:98px;margin:0 auto;padding-top:30px;background:url("hot-tel.png") no-repeat center top;color:#f9f5f5;font-size:22px;}
.hot-tel span{display:block;line-height:40px;}
#teamer{background-color:#F0F0F0;text-align: center;padding-top:20px;}
#teamer img{width:100%;max-width:1090px;margin:0 auto;}
#teamer p{font-size:30px;margin-top:25px;margin-bottom:35px;}

#base_info{padding:30px 0;background-color:#f0f2f3;}
#base_info h2{color:#33ccff;font-size:26px;text-align:center;margin-top:10px;margin-right:15px;}
#base_info h2 em{display:inline-block;color:#333;width:100%;line-height:1.5em;margin-top:10px;}
#base_info .col-sm-8{font-size:12px;}
.application-item{max-width:334px;margin:15px auto;}
.application-item i.icon{display:block;width:68px;height:68px;margin:25px auto 0;overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.application-item h3{margin:10px 0 0;height:30px;line-height:30px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-align: center;}
.each-wrap{width:330px;height:160px;position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.each-wrap .cover{position:absolute;width:100%;height:100%;background-color:#0066a5;opacity:0.55;z-index:0;}
.each-wrap span{position:absolute;display:block;width:100%;height:100%;color:#fff;z-index:1;}

#cooperative{background-color:#EDEDED;margin-top:20px;padding-left:20px;padding-right:20px;}
#cooperative h4{font-size:20px;margin:25px 0;}
#cooperative ul{list-style-type: none;padding:0;margin-left:-25px;margin-right:-25px;overflow: hidden;zoom:1;}
#cooperative ul li{float: left;width:180px;height:80px;padding:5px 25px; box-sizing: content-box}
#cooperative ul li a img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}
#cooperative ul li a:hover img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

#footer{background-color:#222;padding:0 20px;}
#foot-menu{color:#f8fafa;font-size:16px;}
#foot-menu h5{margin:0;padding:30px 0 15px;}
#foot-menu h5 a{color:#f8fafa}
#foot-menu h5 a:hover{text-decoration: none;}
#foot-menu ul{list-style-type: none;margin:0;padding:0;font-size:12px;}
#foot-menu ul li{height:26px;}
#foot-menu ul a{color:#b5b4b4;display:inline-block;line-height:16px;height:16px;overflow: hidden;}
#foot-menu ul a:hover{border-bottom: #ccc dotted 1px;text-decoration: none;}
#copyright{position:relative;border-top:#2F2F2F solid 1px;padding:10px 0;margin-top:30px;color:#7d7d7d;}
#share{display: none;}

@media (min-width:768px){
	#header{padding-top:30px;padding-bottom:15px;}
	h1#logo{padding-bottom:0;margin-left:0;float: left}
	.top-contact{float:right;}
	
	#navigation{height:50px;padding-top:9px;float:right;background-color: #fff;}
	#menu{position:relative;top:-1px;overflow:hidden;zoom:1;height:53px;}
	#menu li{float:left;height:50px;border:none;width: auto;}
	#menu li a{display:block;width:100px;height:50px;text-align:center;color:#1A1A1A;}
	#menu li.nav-1 a{width:50px;background: url("nav/1.png") no-repeat 0 0;}
	#menu li.nav-2 a{background: url("nav/2.png") no-repeat 0 0;}
	#menu li.nav-3 a{background: url("nav/3.png") no-repeat 0 0;}
	#menu li.nav-4 a{background: url("nav/4.png") no-repeat 0 0;}
	#menu li.nav-5 a{background: url("nav/5.png") no-repeat 0 0;}
	#menu li a span{display:none;line-height:25px;font-weight: bold;font-size: 16px;}
	#menu li a em{display:none;font-style: normal;font-size: 12px;line-height:20px;}
	#menu li a:hover, #menu li.active a{text-decoration:none;color:#BB0F0F; background-position: left bottom;}

	#banner{height:500px;}
	#banner .slick-slide{height:500px;}

	.home-title h2{font-size:36px;}
	.home-title h2 em{padding-left:0.8em;display:inline;}
	/*.home-title{background: url(img6.png);}*/
	.x-c-z{display:block;float:right;margin-top:-4px;}
	#topsearch{margin-right:245px;}
	.home-title{
		width: ;
	}

	#home-product-list .product-vivid{display:none;}
	#home-product-list .product-item{width: 265px;}
	/*.product-container{height:458px;}*/
	#product-list{float:none;width:100%;}
	.product-details img{max-width:750px;height:auto;}
	.product-info{padding-top:12px;padding-bottom:12px;}
	.product-info img{max-width:420px;height:auto;border:0;}

	.product-thumb{position:absolute;top:280px;right:0;overflow:hidden;zoom:1;}
	.product-thumb>div{float:left;width:134px;padding:4px;}

	#about-2 img{width:100%;max-width:250px;}

	.time-line{background:url("time-line.png") repeat-y center top;}
	.time-line dl{margin-bottom:0;overflow:hidden;zoom:1;padding:15px 0;}
	.time-line dt,.time-line dd{width:50%;min-height:100px;}
	.time-line dd{padding-top:0;}
	dl.right dt{text-align:left;float:right;}
	dl.right dd,dl.right .time-title{text-align:right;}
	dl.right dt,dl.left dd{padding-left:36px;}
	dl.right dd,dl.left dt{padding-right:36px;}
	dl.left dt{float:left;text-align:right;}
	dl.left dd{float:left;text-align:left;}
	.time-title{position:relative;z-index:1;}
	.time-title:after{content:" ";position:absolute;width:16px;height:16px;display:block; background:url("icon-3.png") no-repeat center center;top:2px;}
	dl:hover .time-title:after{background-image:url("icon-4.png")}
	dl.left .time-title:after{left:-44px;}
	dl.right .time-title:after{right:-44px;}
	dl.first .time-title:before{content:" ";position:absolute;top:-15px;right:-38px;width:4px;height:17px;background-color:#fff;}
	dl.left .time-title{text-align: left;}

	#base_info h2{color:#33ccff;font-size:26px;text-align: right;margin-top:10px;margin-right:15px;}
	#base_info h2 em{display:inline-block;color:#333;width:230px;line-height:1.5em;margin-top:10px;}
	#base_info .col-sm-8{border-left: #ccc solid 2px;font-size:12px;}
	#base_info .application_info{display:table-cell;margin-left:15px;height:175px;vertical-align: middle;overflow:hidden;}

	.application-item{width:250px;}
	.application-item i.icon{width:48px;height:48px;background-size: cover;}
	.application-item h3{font-size:16px;}
	.each-wrap{width:250px;height:121px;}

	#contact{height:980px;}
	.subContactMenu{display:block;}
	.subContactInfo{padding:15px;}
	.subContactInfo .show{height:260px;overflow:hidden;}
	.subContactInfo .show p{font-size:14px;}

	#share{display: inline-block;position:absolute;right:0;top:15px;}
}

@media (min-width:992px) {
	#menu li{padding-right:15px;}

	#home-product-list .product-list{float:left;width:100%;border-left:none;}
	#home-product-list .product-vivid{display:block;float:left;width:276px;height:458px;background-position:left top;background-repeat:no-repeat;}

	#home-product-menu{position:absolute;display:block;width:165px;left:50%;margin-left:-710px;}
	#home-product-menu ul{list-style-type: none;margin:0;padding:0 15px 0 0;float:left;}
	#home-product-menu ul li{padding-top:3px;padding-bottom:3px;}
	#home-product-menu ul li a{color:#6a6969;display: block;position:relative;padding-left:20px;height:22px;line-height:22px;}
	#home-product-menu ul li i{position:absolute;top:0;left:0;width:15px;height:22px;display:block;border-bottom:#A1A1A1 solid 1px;font-style: normal;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	#home-product-menu ul li a:after{position:absolute;top:11px;left:13px;content:" ";display:block;border:#CD0A0A solid 1px;height:1px;width:1px;line-height:1px;}
	#home-product-menu ul li a:hover,
	#home-product-menu ul li.active a{color:#5574b4;text-decoration:none;}
	#home-product-menu ul li a:hover i,
	#home-product-menu ul li.active a i{width:100%;}

	#left-product-category{display:block;float:left;margin-right:18px;width:242px;min-height:539px;background: url("product-left-category.png") no-repeat 0 0;}
	#left-product-category.application{background: url("application-left-category.png") no-repeat 0 0;}
	#left-product-category .product-cate-head{height:120px;}
	#left-product-category .product-cate-list{list-style-type: none;margin:50px 0 0 55px;border-top: none;}
	#left-product-category .product-cate-list li{border-bottom: none;}
	#left-product-category a{color:#fff;}
	#product-list{float:left;width:840px;}
	.product-details img{max-width:840px;height:auto;}
	#product-search .select-category{display: none;}

	.application-item{width:334px;}
	.application-item i.icon{width:68px;height:68px;}
	.application-item h3{font-size:20px;}
	.each-wrap{width:330px;height:160px;}
}

.pagelist{text-align:center;padding:25px 0 0;}
.pagelist a{color:#666;}
.pagelist a:hover{color:#0082cb;}
.pagelist .page, .pagelist .page.hover, .pagelist .page em, .pagelist .page.hover em {background-image: url("page.png");background-repeat: no-repeat;overflow: hidden;}
.pagelist .page, .pagelist .page.hover {display: inline-block;font-family: microsoft yahei;height:29px;padding-left:10px;position: relative;text-align: center;z-index: 5;}
.pagelist .page em, .pagelist .page.hover em {display: inline-block;font-style: normal;line-height:29px;padding:0 10px 0 0;}
.pagelist .page {background-position: left top;cursor: pointer;}
.pagelist .page em {background-position: right top;cursor: pointer;}
.pagelist .page.hover {background-position: left -30px;color: #fff;}
.pagelist .page.hover em {color:#fff;background-position: right -30px;}