@charset "utf-8";
/* CSS Document */
body {font-family:"微软雅黑";font-size:14px;
    margin: 0;
	padding: 0;
	min-width:1200px;
	
	
}
ul, ol, body, html, p{ margin:0;}
html{ max-width:1920px; margin:0 auto;}
a{text-decoration:none;color:#bf1321}
ul,li{padding:0px;margin:0px;list-style-type: none;}
img{ border:0;padding:0px;margin:0px; }

/* base */
.mainWidth{ width:1200px; margin:0 auto;}

/* top */
.top{ width:100%; height:30px; background-color:#666666;}
.top .left{ float:left; line-height:30px; color:#fff;}
.top .language{ float:right;}
.top .language select{ color:#d81c1b; font-size:16px; width:100px; font-weight:bold; border:0;height: 30px; background:#e5e5e5;}

/* logo */
.logo{ height:155px;display: flex;align-items:Center; position:relative}
.logo p{ font-size:26px; color:#e70012; font-weight:bold; margin-left:20px;}
.logo .right{ float:right; position:absolute; right:0;}
.logo .right .icon{ float:right; margin-bottom:15px;}
.logo .right .icon img{ margin-left:20px;}
.logo .right .tel span{ color:#d91c1a; font-size:26px; font-weight:bold; float:right}
.logo .right .tel span img{ margin-right:10px;}

/* nav */

/*.nav{ height:73px; position:absolute; width:100%; z-index:2}
.nav .center{ width:1200px; margin:0 auto; }
.nav .center li{ background:url(../images/line_29.jpg) right no-repeat; background-color:#333333; float:left;height:73px; line-height:73px; }
.nav .center li a{ color:#fff; display:block;padding:0 70px;}
.nav .center .home{  position:relative}

.nav .center .home:before{position: absolute;
	content: '';
	left: -50px;
	top: 0px;
	border-bottom: 73px solid #333333;
    border-left: 50px solid transparent;}
.nav .center .first{background:#d81c1b;}
.nav .center .first:before{position: absolute;
	content: '';
	left: -49px;
	top: 0px;
	border-bottom: 74px solid #d81c1b;
    border-left: 50px solid transparent;}
.nav .center .on{background:#d81c1b;}
.nav .center li:hover{background:#d81c1b;}
.nav .right{float:right;width: 50%;height: 73px;background: #333;position: absolute;right: 0;z-index: -1;}*/
.nav{ height:73px; position:absolute; width:100%; z-index:2}
.content{
	width:1200px; margin:0 auto;
}
.nav .home{  position:relative}

.nav .home:before{position: absolute;
	content: '';
	left: -50px;
	top: 0px;
	border-bottom: 73px solid #333333;
    border-left: 50px solid transparent;}

.venus-menu li{
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
	 background:url(../images/line_29.jpg) right no-repeat; background-color:#333333; float:left;height:73px; line-height:73px;
}
.venus-menu > li > a{
	color:#fff; display:block;padding:0 70px;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.venus-menu li.active{position:relative}
	
.venus-menu li.first{background:#d81c1b;}
.venus-menu li.first:before{position: absolute;
	content: '';
	left: -49px;
	top: 0px;
	border-bottom: 74px solid #d81c1b;
    border-left: 50px solid transparent;}	

.venus-menu li:hover > a, .venus-menu li.active a{
	background:#d81c1b;
	color:#fff;
}
.venus-menu > li > a i{
	color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
	color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:196px;
}
.venus-menu ul{
	top:73px;
	left:0;
	padding-top:10px;
}
.venus-menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.venus-menu ul li{
	clear:both;
	width:100%;
	border:none;
}
.venus-menu ul li a{
	padding:0 20px;
	width:100%;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	background:#d81c1b;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{ background-color: #970d0c; }
.venus-menu > li > ul > li:first-child:hover a:before{
	border-bottom-color:#970d0c;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
	border-right-color:#970d0c;
}
.venus-menu > li .indicator{
	position:absolute;
	color:#bababa;
	top:0;
	right:8px;
	font-size:20px;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
	color:#fff;
}
.venus-menu ul > li .indicator{
	top:0;
	right:8px;
	color:#fff;
}
.venus-menu i{
	line-height:20px !important;
	margin-right:6px;
	font-size:20px;
	float:left;
}
.venus-menu > li.showhide{
	display:none;
	width:100%;
	height:46px;
	cursor:pointer;
	color:#777;
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	background:#fff;
}
.venus-menu > li.showhide span.title{
	margin:13px 0 0 20px;
	float:left;
}
.venus-menu > li.showhide span.icon{
	margin:16px 20px;
	float:right;
}
.venus-menu > li.showhide .icon em{
	margin-bottom:3px;
	display:block;
	width:20px;
	height:2px;
	background:#ccc;
}
.venus-menu li.search{
	float:right;
}
.venus-menu li.search form{
	margin:13px 20px 0 0;
}
.venus-menu li.search form input.search{
	height:26px;
	float:right;
	padding-left:5px;
	padding-right:5px;
	color:#777;
	outline:none;
	border:solid 1px #dedede;
	-o-transition:border .3s linear;
	-moz-transition:border .3s linear;
	-webkit-transition:border .3s linear;
	transition:border .3s linear;
}
.venus-menu li.search form input.search:focus{
	border-color:#018A00;
}
.zoom-out{
	-webkit-animation:zoomOut 600ms ease both;
	-moz-animation:zoomOut 600ms ease both;
	-o-animation:zoomOut 600ms ease both;
	animation:zoomOut 600ms ease both;
}
.nav .right{float:right;width: 50%;height: 73px;background: #333;position: absolute;right: 0;z-index: -1;}

@-webkit-keyframes zoomOut{
	0%{
		-webkit-transform:scale(.6);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes zoomOut{
	0%{
		-moz-transform:scale(.6);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes zoomOut{
	0%{
		-o-transform:scale(.6);
	}
	100%{
		-o-transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		transform:scale(.6);
	}
	100%{
		transform:scale(1);
	}
}

@media only screen and (max-width:768px){
	.venus-menu li{
		display:block;
		width:100%;
	}
	.venus-menu > li > a{
		padding:13px 0 14px 20px;
	}
	.venus-menu > li.brand{
		display:none !important;
	}
	.venus-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu ul, .venus-menu ul li ul{
		width:100%;
		padding:0;
		left:0;
		border:none;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.venus-menu ul li{
		border-left:none;
		border-right:none;
	}
	.venus-menu ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.venus-menu ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li .indicator{
		top:14px;
		right:20px;
		font-size:20px;
	}
	.venus-menu ul > li .indicator{
		top:10px;
		right:20px;
	}
	.venus-menu li.search form{
		margin:12px 18px 0 18px;
	}
	.venus-menu li.search form input.search{
		width:100%;
		margin-bottom:12px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.venus-menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
}
/* foot */
.foot{ width:100%; background:#333333; height:265px;padding-top:50px; overflow:hidden;box-sizing: border-box;}
.foot .title{ font-size:20px; color:#fff; font-weight:bold; margin-bottom:28px;}
.foot ul{ width:160px; float:left; margin-right:35px;}
.foot li a{ color:#fff; line-height:30px;}
.foot .tel{ float:right;color:#fff; }
.foot .tel .sh{ font-size:16px; width: 150px;font-weight:bold; float:left; line-height:35px;margin-bottom: 15px;}
.foot .tel .nem{ font-size:22px; font-weight:bold;}

.foot .link{border-bottom:1px #cc5858 solid; height:60px; line-height:60px;}
.foot .link p{ font-size:18px; color:#fff; font-weight:bold;}
.foot .link p img{ margin-left:15px;}

.copyright{ height:40px; line-height:40px; background:#171717;}
.copyright p { color:#fff; text-align:center}



/*  行业资料  */
.banner_zl{ width:100%;height: 670px; overflow:hidden; background:url(../images/down_02.jpg) center no-repeat}
.banner_ny{ width:100%;height: 670px; overflow:hidden; background:url(../images/ny_02.jpg) center no-repeat}
.banner_ny img{ position:absolute; width:100%;}
.location{ border-bottom:2px #e6e6e6 solid; height:50px; line-height:50px; margin-bottom:45px;}
.location a{ color:#7f7f7f}
.location .on{ color:#d81c1b}

.down_right{width:960px; float:right; }
.downlond{  float:right;margin-bottom:50px;}
.downlond li{ float:left; width:960px; background:url(../images/1_03.jpg) center left no-repeat; height:55px; line-height:55px; border-bottom:1px #d5d5d5 dashed; padding-left:20px; box-sizing:border-box;}
.downlond li a{ font-size:15px; color:#4b4b4b;}
.downlond li span{ float:right;font-size:15px; color:#4b4b4b;}
.downlond li p{ width:800px; float:left}
.downlond .xz{ background:url(../images/xz_08.jpg) center no-repeat; display:block; width:117px; height:55px; float:right}
.pro_left{ float:left; width:197px; background:#f6f6f6;}
.menu{ width:197px; border-left:7px #cdcdcd solid; padding:0 25px; box-sizing:border-box; background:#f6f6f6;}
.menu ul li {display:block; }
.menu ul li a {display:block;height:50px; line-height:50px; width:100%;font-size:18px;color:#636363;outline:none;border-bottom:1px #e5e5e5 solid}
.menu ul li .active {background:url(../images/2_09.jpg) center right no-repeat; color:#cd0f1d}

.menu ul li .inactive {background:url(../images/1_05.jpg) center right no-repeat;}
.menu ul li ul {display:none; margin-top:-4px;margin-bottom:20px;   }
.menu ul li ul li ul {margin-bottom:5px;}
.menu ul li ul li {display:block;font-size:16px;list-style:circle;color:#636363;}
.menu ul li ul li a {font-size:16px;height:45px; line-height:45px;color:#636363;}
.menu ul li ul li ul li{}
.menu ul li ul li ul li a{ padding-left:25px;}


#MagnifierWrap2{position: relative;width: 530px; float:left;}

		.MagnifierMain{position: relative;width: 530px;height: 350px; border:3px #e6e6e6 solid}
		.MagnifierMain img{width: 100%;height: 350px} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		.MagnifierImg{position: absolute;top:0; left: 0;}

		.spec-items{position: relative;width: 460px;height: 95px;overflow: hidden;padding-top: 10px;margin: 0 auto;}
		.spec-items ul{width: 500%;position: absolute;top: 10px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 130px;height: 90px;float: left;overflow: hidden;margin-right: 30px;border: 1px solid #e6e6e6;cursor: pointer;
			
		}
		.spec-items li.on{border:2px solid #b00000;}
		.spec-items li img{width: 100%; } 
		span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{left: 0;}
		span.spe_rightBtn{right: 0;}

.page{ text-align:center; margin-bottom:80px;}
.page ul{ display:inline-block}
.page li{ float:left}
.page li a{ display:block; height:26px; line-height:26px; text-align:center; color:#fff; margin:0 5px; width:26px; border-radius:50%; background:#d2d2d2}
.page .previous{ float:left; height:26px; line-height:26px; width:110px; text-align:center; display:block;background:#d2d2d2; color:#fff; border-radius:15px; margin:0 10px;}
.page .on,.page li a:hover,.page .previous:hover{ background:#b00000}

/*  满意度调查  */

.myd{width: 960px;float: right;}
.myd .title{ font-size:32px; color:#2a2828; text-align:center; margin-bottom:38px;}
.myd .b_01,.myd .b_02{width: 960px;float: right;}
.myd .b_01 .name{ width:450px; height:38px; border:1px #dddedd solid; font-size:12px; padding:0 20px; box-sizing:border-box; margin-bottom:20px; color:#bebdbe; background:#f9f9f9;}
.note {
    position: absolute;
    line-height: 20px;
    padding: 3px 5px;
    left: 20px;
    top: 15px;
}
.myd .b_02 .bd{width:950px; background:#f9f9f9; overflow:hidden; padding:10px; box-sizing:border-box}
.myd .b_02 .bd .bd_01{ float:right; margin-bottom:20px;}
.myd .b_02 .bd .bd_01 span{ margin-right:155px;}
.myd .b_02 .bd .bd_02{ float:left;width:100%; margin-bottom:20px;}
.myd .b_02 .bd .bd_02 p { width:120px; margin-right:240px; float:left}
.myd .b_02 .bd .bd_02 .xzq{ float:left}
.myd .b_02 .bd .bd_02 input{margin-right:169px;}
.myd .tj{ display:block; margin:0 auto; width:123px; height:45px; text-align:center; line-height:45px; color:#fff; background:#cd0f1d; font-size:16px; margin-top:200px; margin-bottom:100px;}