@charset "utf-8";
/* CSS Document */
body{  font-family: 微软雅黑;margin:0;padding:0; list-style:none;}
.head{width:100%; height:130px; display:block;}
.head .top{width:1200px; height:90px; display:block; margin:0 auto; }
.head .top .top_left{ width:552px; height:81px;float:left;background:url(../images/logo.png) no-repeat;  }
.head .top .top_right{ width:244px; height:60px; float:right; background:url(../images/dianhua.jpg) no-repeat; margin-right:30px; margin-top:10px;}	
.menu{width:100%; background:#000000;height:40px; display:block;}
.menu .nav{margin:0 auto;width:1200px;height:40px; }
.menu .nav LI{list-style-type:none;float:left;list-style-image:none}
.menu .nav LI A{position:relative;padding-bottom:0;line-height:40px;padding-left:50px;padding-right:50px;display:block;height:40px;color:#FFFFFF;font-size:16px;overflow:hidden;text-decoration:none;}
.menu .nav LI A:hover{background:#C20001;color:#ffffff}
.menu .nav LI .box{z-index:1000;position:absolute;width:100%;display:none;background:rgba(0,0,0,0.3);height:37px;left:0;}
.menu .nav LI .box .b{padding-left:320px;width:1200px;height:37px; margin:0 auto;}
.menu .nav LI .box A{display:block;height:20px;float:left;color:#fff;line-height:20px;background:none; font-size:15px; text-align:center;padding-left:29px; padding-right:29px;  border-right:1px solid #FFFFFF;margin-top:8px;}
.menu .nav LI .box A:hover{color:#C20001;text-decoration:underline;}

.clear{clear:both;}

.banner1{width:100%; height:200px; display:block; background: url(../images/02.jpg) no-repeat;;}

.main1{width:100%; overflow:hidden; display:block; background:#FAFAFA; padding-top:30px;}
.main1 .biaoti{ width:1200px; height:45px; display:block;background:url(../images/biaoti.png) no-repeat center; margin:0 auto;}
.pror{width: 1200px;font-family: 微软雅黑; margin:0 auto;}
.pror .tit{ width:1198px; height:40px; display:block; margin:20px auto; border:1px solid #CCCCCC;}
.pror .tit span a{height:40px; display:block; color: #000000; float:left; line-height:40px; font-size:18px; text-align:center;  text-decoration:none;padding-left:47px; padding-right:46px; border-right:1px solid #CCCCCC;}
.pror .tit span a:hover,.pror .tit span a.cur{ background: #C20001;color: #FFFFFF;text-decoration: none;}
.pror .tit a.mo{margin-top: 5px;}

.pror .prot{ width:1200px; max-height:520px;}
.pror .prot ul{ list-style:none;}
.pror .prot li{float: left;padding-right:20px;padding-top:15px; padding-left:8px; padding-bottom:30px;}
.pror .prot li.non{padding-right:5px;}
.pror .prot li img{width: 210px;height: 210px; border:1px solid #CDCACA; }
.pror .prot li span{width: 212px; display: block;text-align: center;line-height: 35px;height: 35px;font-size: 14px;font-weight: normal;color: #333333;}
.pror .prot li a:hover span,.pror li.cur a span{background: #828181;text-decoration: none; }
.pror .prot li a{text-decoration: none;}

.clear{ clear:both;}

.main2{width:100%; height:310px; display:block; padding-top:20px; }
.main2 .information{width:1200px; height:310px; display:block; margin:0 auto;}
.main2 .information .news{ width:590px; height:310px; display:block; float:left; }
.main2 .information .news .news_top{width:590px; height:25px; display:block;border-bottom:1px solid #999999; background:url(../images/t1.jpg) no-repeat left;}
.main2 .information .news H1{font-size:18px; color:#000000; margin-left:20px; }
.main2 .information .news H1 a{ font-size:12px; float:right; line-height:20px; color: #333333;  margin-right:10px; text-decoration:none;}
.main2 .information .news H1 a:hover{ color:#C20001; }
.wz_2{width:590px; height:auto; display:block; margin:20px auto;}
.wz_2 ul{list-style:none; margin:0; padding:0;}
.wz_2 ul li{list-style:none; width:590px; height:40px; line-height:40px;}
.wz_2 ul li a{font-size:12px; color:#2A2929; display:block; float:left; text-decoration:none;text-indent:20px;background:url(../images/t17.png)  no-repeat 5px;}
.wz_2 ul li a:hover{color:#C20001; text-decoration:none;}
.wz_2 ul li span{ font-size:12px; color:#333333; display:block; float:right; margin-right:10px;font-family: 微软雅黑;}
.main2 .information .xinxi{ width:590px; height:310px; display:block; float:right;}
.main2 .information .xinxi .news_top{width:590px; height:25px; display:block;border-bottom:1px solid #999999; background:url(../images/t1.jpg) no-repeat left;}
.main2 .information .xinxi H1{font-size:18px; color:#000000; margin-left:20px;}
.main2 .information .xinxi H1 a{ font-size:12px; float:right; line-height:20px; color: #333333; margin-right:10px; text-decoration:none;}
.main2 .information .xinxi H1 a:hover{ color:#C20001; }

 
.main3{width:100%; height:400px; display:block; padding-top:10px;}
.main3 .biaoti{ width:1200px; height:45px; display:block;background:url(../images/biaoti.png) no-repeat center; margin:15px auto;}
.main3 H1{ width:350px; height:28px;font-size:18px; color:#333333; margin:0 auto; font-weight:normal;}
.main3 .title{width:1200px; height:330px; display:block;  margin:20px auto;}
.main3 .title .about{  display:block; float:left; margin-left:15px; margin-top:10px;}
.main3 .title .about p{font-size:15px; color: #3C3B3B; text-indent:2em; line-height:35px; font-family:微软雅黑;}
.main3 .title .about p span{ font-weight:bold; color:#2A2929;}
.main3 .title .about p a{ color:#C20001; text-decoration:none;}
.main3 .title .about p a:hover{color: #CC9933; text-decoration:none;}
.text{width:600px; height:250px; display:block; float:right;  margin-right:30px;}
.text img{margin:15px; margin-top:30px;}



.main4{width:100%; height:250px; display:block; background:#FFFFFF; padding-top:10px;}
.main4 .biaoti{ width:1200px; height:45px; display:block;background:url(../images/anli.png) no-repeat center; margin:50px auto;}
.main4 .gundong{width:1200px; height:98px; display:block; margin:0 auto;}
.main4 .gundong .hz{ position:relative; margin-top:20px;}
.main4 .gundong .hz>a{ display:block; position:absolute; top:29px; width:21px; height:56px;}
.main4 .gundong .hz .hbot1{ background:url(../images/hbot1.png) no-repeat center; left:5px;  top:20px;}
.main4 .gundong .hz .hbot2{ background:url(../images/hbot2.png) no-repeat center; right:5px; top:20px;}
.main4 .gundong .hz ul{ list-style:none;overflow:hidden; width:965px; margin:0; padding:0; margin:0 auto;}
.main4 .gundong .hz li{ list-style:none; float:left; width:185px; margin:0 2px; }
.main4 .gundong .hz li img{ display:block; border:6px solid #ececec;}

/*hzCont*/
.clear{clear:both;}

.main5{width:100%; height:140px; display:block; margin-top:60px; }
.yqlj{width:1200px; height:140px; display:block; margin:0 auto;}
.yqlj .container{ border:1px solid #cecece; margin-top:40px;}
.yqlj H1{ height:37px; line-height:37px; overflow:hidden;  border-bottom:1px dashed #cecece; margin:0;}
.yqlj H1 a{font-size:12px; float:right; color: #333333; margin-right:10px; text-decoration:none; }
.yqlj H1 a:hover{ color:#C20001;}
.yqlj H1 .y1{  width:95px; text-align:center; font-size:16px; float:left; text-decoration:none; background:url(../images/t1.jpg) no-repeat left ; color: #000000;}
.yqlj span{ display:block; padding:0 15px; overflow:hidden; margin-top:14px; margin-bottom:24px;}
.yqlj span a{ padding:0 15px;  float:left; margin-top:10px; font-size:13px; color:#3a3a3a; text-decoration:none;}
.yqlj span a:hover{ color:#C20001;}
.yqlj span a.noBl1{ border-right:none}


.proc{ width:240px;height: auto; display:block; float:left;}
.content{ width:1200px; margin:0 auto;}
.prol{width: 240px;font-family: 微软雅黑; float:left; margin-left:40px;}
.prol .tit{background: url(../images/sycpzxtb.jpg) no-repeat;width: 237px;height:79px; margin-top:20px;}
.prol .nr{background:  url(../images/p5.jpg) repeat-y left center;}
.prol h4{padding-bottom: 1px;}
.prol h4 a{display: block;background: url(../images/q1_18.jpg) no-repeat ;width: 192px;height: 50px;line-height: 45px;font-size: 16px;color: #222222;padding-left: 45px;font-weight: bold;}
.prol h4 a:hover,.prol h4.cur a{background: url(../images/q1_14.jpg) no-repeat ;font-weight: bold;text-decoration: none;color: #FFF;}
.prol ul{line-height: 0;padding-bottom: 14px;}
.prol li{line-height: 33px;height: 34px;background: url(../images/p3.jpg) no-repeat center bottom;}
.prol li a{margin-left: 30px;padding-left: 14px;background: url(../images/p2.jpg) no-repeat left center;color: #333333;font-size: 14px;}
.prol li.non{background: none}
.prol p.ps{margin-top: 24px; width: 175px;height: 64px;padding-top: 117px; background: url(../images/tel.jpg) no-repeat;color: #FFF;font-size: 16px;font-family: 微软雅黑;padding-left: 65px;}
.right{ width:850px; height:auto; display: block; float:right; margin-right:35px;border: 1px solid #EAEAEA; margin-top:20px;}
.right .about_title{ width:780px; height:auto; display:block; margin:30px auto; }
.right .about_title p{ line-height:30px; font-size:14px; margin:0 auto;}
.right .contact_title{ width:370px; height:auto; display:block; margin:30px 100px;}
.right .contact_title H1{ font-size:18px; color:#C20001;}
.right .contact_title p{line-height:30px; font-size:14px; margin:0 auto;}
.right .contact_title p span{color:#333333; font-weight:bold;}
.right .service_title{width:780px; height:auto; display:block; margin:30px auto;}
.right .service_title H1{ line-height:40px;font-size:16px; color:#C20001; }
.right .service_title P{line-height:30px; font-size:14px; margin:0 auto;}
.right .wz_1{ width:800px; height:629px; display:block; margin:10px 10px; }
.right .wz_1 ul{ list-style:none; margin:0; padding:0; margin-left:20px; }
.right .wz_1 ul li{list-style:none; width:165px; height:190px; float:left; margin:15px; }
.right .wz_1 ul li a{ font-size:12px; color:#999999;display:block; line-height:30px; text-decoration:none; text-align:center;}
.right .wz_1 ul li a:hover{color: #C20001; text-decoration:underline;}
.right .wz_1 ul li img{ width:165px; height:165px;  border:1px #CCCCCC solid;}
.right .wz_3{ width:780px; height:auto; display:block; margin:20px auto; }
.right .wz_3 H1{font-size:16px; text-align:center;}
.right .wz_3 p{font-size:14px; color: #333333;}
.right .wz_3 p span{color:#343232; font-size:14px; font-weight:bold;}
.right .down_title{width:780px; height:auto; display:block; margin:30px auto;}
.right .down_title a{ color: #333333;}

.right .wz_5{width:800px; height:auto; display:block; margin:30px auto;}
.right .wz_5 ul{list-style:none; margin:0; padding:0;}
.right .wz_5 ul li{list-style:none; width:800px; height:40px; line-height:40px;border-bottom:1px dashed #999999;}
.right .wz_5 ul li:hover{background: #CCCCCC;}
.right .wz_5 ul li a{font-size:14px; color:#000000; display:block; float:left; text-decoration:none;text-indent:20px;background:url(../image/t17.png)  no-repeat 5px;}
.right .wz_5 ul li a:hover{color:#C20001; text-decoration:underline;}
.right .wz_5 ul li span{ font-size:12px; color:#999999; display:block; float:right; margin-right:20px;font-family: 微软雅黑;}







.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}
.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 30px auto; color:#666666; WIDTH: 780px; PADDING-TOP: 20px; TEXT-ALIGN: center
}



.foot{width:100%; height:300px; display:block; background-color:#575759;margin-top:30px;}
.navs { width:100%; height:40px; display:block; margin:0 auto;  }
.navs .nav_2{ width:1100px; height:40px; display:block; margin:0 auto; line-height:40px;}
.nav_2 a { height:20px; display:block; color:#FFFFFF; float:left; line-height:20px; font-size:18px; text-align:center; margin-left:8px; text-decoration:none;padding-left:36px; padding-right:36px; border-left:1px solid #FFFFFF; margin-top:20px; }
.navs .nav_2 a:hover{  color:#FF0000; text-decoration:none;}
.foot .navs .nav_2 .noBl{ border-left:none;}
.footer{width:1200px; height:205px; display:block;  margin:0 auto;}
.footer .left{ width:330px; height:205px; display:block; float:left; border-right:1px solid #999999;  }
.footer .center{width:530px; height:205px; display:block;  float:left;border-right:1px solid #999999; }
.footer .center p span{ font-size:16px; color:#FFFFFF; }
.footer .center p{ color:#FFFFFF; margin-left:40px; font-size:12px; line-height:24px;}
.footer .rights{width:330px; height:205px; display:block; float:right; }



#MagnifierWrap2 {
    position: relative;
    width: 100%;
    margin: 0 auto 60px;
}
.MagnifierMain {
    position: relative;
    max-width: 100%;
	overflow: hidden;
}
.MagnifierMain img{
	 margin: 0 auto ; margin-left:200px;
}

.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: 70%;
    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: 85px;
    height: 85px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    border: 3px solid #fff;
    cursor: pointer;
}
.spec-items li.on {
    border: 3px solid #ff9600;
}
.spec-items li img {
    width: 100%;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
.spec-items li.on img {
    -webkit-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
span.spe_leftBtn,span.spe_rightBtn {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 55px;
    height: 90px;
    line-height: 90px;
    font-family: "榛戜綋";
    text-align: center;
    font-size: 30px;
    color: #ddd;
    cursor: default;
    background-color: #999;
}
span.on {
    background-color: #666;
    color: #fff;
    cursor: pointer;
}
span.spe_leftBtn {
    left: 0;
}

span.spe_rightBtn {
    right: 0;
}
span.on:hover {
    background: #ff9600;
}


.online_box .online_text{
	margin: 10px 0 30px;
	font-size: 16px;
	text-indent: 2em;
}

.online_box select.form-control{
	color: #999;
	padding-left: 6px;
}
.online_box select.form-control,
.online_box input.form-control{
	width: 50%;
	border-radius: 0;
}
.online_box textarea.form-control,
.online_box button.btn-primary{
	border-radius: 0;
}


.pro_name{
	margin: 10px 0;
	font-size: 16px;
	color: #333;	
}
.pro_n_list{
	margin-bottom: 30px;	
}
.pro_n_list ul li{
	clear: both;
	margin-bottom: 5px;
	color: #666;
	font-size: 12px;	
}