@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 .active{background:#d81c1b;
	color:#fff;}
.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;
	}
}

/*  banner  */
.fullSlide {width:100%;position:relative; margin:auto;height:670px; z-index:0;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100%!important;}
.fullSlide .bd li {width:100%!important;height:670px;overflow:hidden;text-align:center;background-repeat:no-repeat;background-size:100%;}
.fullSlide .bd li a {display:block;height:670px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline-block;zoom:1;width:25px;height:25px;margin-top:15px; margin-right:18px;overflow:hidden; background:url(../images/dian_03.png) no-repeat;line-height:999px;}
.fullSlide .hd ul li:hover{background:url(../images/dian1_03.png) no-repeat;}
.fullSlide .hd ul .on { background:url(../images/dian1_03.png) no-repeat;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:100px;width:40px!important;height:60px!important; border-radius:0;background:url(../images/slider-arrow.jpg)  no-repeat;cursor:pointer;display:none;}
.fullSlide .next {left:auto;right:100px;background-position:-6px -137px;background:url(../images/slider-arrow2.jpg)  no-repeat}


/*  search  */
.search{ height:70px; background:#e6e6e6; margin-top:20px; padding:0 20px; box-sizing:border-box;display: flex;align-items: Center; position:relative}
.search p{ color:#c1131d;  font-size:18px;}
.search span{ color:#656565; font-size:14px;}
.search .input{float:right; position:absolute; right:25px; }
.search .input p{ color:#e6e6e6;}
.search .input input{ height:40px; line-height:40px; }
.search .input .text{ width:190px; padding:0 20px; border:0}
.search .input .btn{ background:url(../images/search_31.jpg) center center no-repeat; background-color:#fff; border:0;cursor: pointer; height:40px; width:60px;}

/*  products  */
.products{ margin-top:50px; overflow:hidden; margin-bottom:40px;}
.products .left{ padding-right: 28px; border-right: 25px #bf1321 solid;}
.products .left, .products .right{float:left;}
.products .nav-back{height:300px;}
.products .nav_left{position:relative;margin-top:-300px;width:224px;text-align:center;font-size:15px;color:#636363;}
.products .nav_left div{height:68px;line-height:68px;  cursor: pointer; border-bottom:1px #999999 solid}
.products .nav_left div.on{ color:#bf1321 }
.products .right{width:893px;height:662px;margin-left:28px;}
.products .content{position:relative; width:893px; height:662px; overflow:hidden;}
.products .content .con-ggh{ width:893px; height:662px;}



.uldiv{width:893px;position:relative;text-align:center;}
.scrollcontainer{width:893px;height:620px;overflow:hidden;position:relative;margin:0 auto;}
.scrollcontainer ul{width:20000px;position:absolute;left:0px;top:0px;}

.scrollcontainer li{width:930px;height:620px;float:left;}
.scrollcontainer .proimg{ width:275px; height:182px; position:relative; float:left; margin-right:35px; margin-bottom:22px;}
.scrollcontainer .proimg .title{ height:30px; line-height:30px; background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */ 
position:absolute; bottom:0; width:100%}
.scrollcontainer .proimg .title p{ color:#fff;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.scrollcontainer .proimg .title{background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
	.scrollcontainer .proimg .title p{ position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */}
}
.btndiv{ height:20px; width:65px; float:right}
.btndiv .aleft{ background:url(../images/btn_39.jpg) no-repeat; margin-right:35px;}
.btndiv .aleft:hover{ background:url(../images/btn_42.jpg) no-repeat;}
.btndiv .aright{background:url(../images/btn.jpg) no-repeat;}
.btndiv .aright:hover{ background:url(../images/btn_41.jpg) no-repeat}
.btndiv a{ display:block; width:13px; height:20px; float:left}




/*choose */
.choose{ background:#f1f1f1; width:100%; overflow:hidden; padding-bottom:85px;}
.title_index{ font-size:40px; color:#4a4a4a; text-align:center;text-transform:uppercase; margin:55px ;}
.title_index .line{ width:85px; height:3px; background:#bf1321; margin:5px auto}
.about_main .about_01,.about_main .about_02{ width:300px; height:278px; float:left; background:#f6f6f6;}
.about_main .about_01 img{ width:100%;}
.about_main .about_02{ padding:40px 40px 0 28px; box-sizing:border-box}
.about_main .about_02 p{ color:#b00000; font-size:20px; font-weight:bold; line-height:30px;}
.about_main .about_02 span{ line-height:22px; color:#808080; display:block; margin-bottom:25px;font-size:12px; margin-top:20px;}
.about_main .about_02 .more{ padding:5px 10px; border:1px #b00000 solid;}
.about_main .about_02:hover{ background:#be0f1c; color:#fff;}
.about_main .about_02:hover a{ color:#fff;}
.about_main .about_02:hover span{color:#fff; }
.about_main .about_02:hover .more{border:1px #fff solid;}


/*index_03 */
.index_03{ height:643px; background:url(../images/1_02.png) center no-repeat; margin-top:-22px;}
.index_03 .left{ float:left; width:585px;}
.index_03 .left p,.index_03 .left span{ color:#fff;}
.index_03 .left .font_01{ font-size:22px; margin-top:120px; text-transform:uppercase; font-weight:bold}
.index_03 .left .font_02{ line-height:22px; font-size:13px; margin-top:15px;}
.index_03 .left_02{ float:left; margin-top:55px;width: 100%;}
.index_03 .left_02 .f_01{ float:left; margin-bottom:30px; width:100%}
.index_03 .left_02 .f_01 img{ float:left; margin-right:18px;}
.index_03 .left_02 .f_01 p{ font-size:16px; font-weight:700; margin-bottom:5px;}
.index_03 .left_02 .f_01 span{font-style:italic;text-decoration:underline; font-size:13px; line-height:22px;}

.index_03 .right{ float:right; margin-top:72px; width:510px;}
.index_03 .right .right_01{ float:right; height:170px;}
.index_03 .right .right_01 .img_01{ width:170px; height:170px; background:#c51f1f; float:right}


/*cases */

.scrollpic {
	width: 1123px;
	margin:40px auto 0 auto; position:relative
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 200px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:285px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 266px;
	padding: 0;
	position: relative;
	height: 200px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #000;
	filter: alpha(opacity=50);
	width: 266px;
	color: #fff;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 266px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
.mybtns { width:25px; height:45px;
	
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.scrollpic #left {
	background-image: url(../images/but_26.jpg);position: absolute;left: -40px;top: 90px;
}
.scrollpic #left:hover{background-image: url(../images/but_28.jpg);}
.scrollpic #right {
	background-image: url(../images/but_27.jpg);position: absolute;right: -40px;top: 90px;
}
.scrollpic #right:hover{background-image: url(../images/but_29.jpg);}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}



/* marqueeleft */
.marqueeleft{height:76px;width:1200px;overflow:hidden;margin:0 auto; margin-bottom:65px; margin-top:70px;}
.marqueeleft ul{float:left; width:1230px;}
.marqueeleft li{float:left;margin:0 12px;display:inline;width:178px;height:74px;overflow:hidden; background:#fff;  border:1px #dadada solid}
.marqueeleft li .pic{display:block;width:178px;height:74px;overflow:hidden; margin-bottom:15px;}

/* 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_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}

.pro_left{ float:left; width:240px; background:#f6f6f6;}
.menu{ width:240px; border-left:7px #cdcdcd solid; 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;padding: 0 25px;box-sizing: border-box;}
.menu ul li .active {/*background:url(../images/2_09.png) 200px no-repeat;*/ color:#fff; background-color:#cd0f1d;}

.menu ul li .inactive {/*background:url(../images/1_05.png) 200px no-repeat;*/ color:#636363;}
.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; width:100%;}
.menu ul li ul li a {font-size:16px;height:45px; line-height:45px;color:#636363;padding-left:40px;}
.menu ul li ul li .active{color:#fff; background-color:#cd0f1d;}
.menu ul li ul li ul li{}
.menu ul li ul li ul li a{ padding-left:25px;}
.menu ul li ul li ul li .active{ color:#cd0f1d;background:none;}


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

		.MagnifierMain{position: relative;width: 530px;height: 350px; border:3px #e6e6e6 solid}
		.MagnifierMain img{width: 100%;height: 350px;margin:0 auto; display:block;} 
		.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%; height:100%; margin:0 auto; display:block; } 
		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;}

.pro_detail{ float:left;margin-left:33px; height:350px; border-bottom:1px #dddddd dashed;width:355px;}
.pro_detail .title{ font-size:22px; color:#b00101; margin-bottom:25px; }
.pro_detail .p_01{ color:#525252; font-size:16px; line-height:36px;}
.pro_detail .p_01 span{ font-size:18px; color:#313131; font-weight:bold}
.pro_detail .tel{ font-size:18px; color:#272727; line-height:80px; border-top:1px #dddddd dashed; margin-top:20px;}
.pro_detail .tel span{ font-size:26px; color:#b00000; font-weight:bold}
.pro_detail a{ display:block; width:160px; height:50px; line-height:50px; text-align:center; font-size:18px;}
.pro_detail .left{ float:left; background:#b00000;color:#fff; }
.pro_detail .right{ float:right; background:#e6e6e6; color:#383838;}
.fx{ float:right; margin-top:50px;}
.fx img{ margin-left:10px;}
.r_01{ float:left}
.nav_right{ width:100%; text-align:center; float:left; height:45px; line-height:45px; background:#f4f6f9; margin-top:50px; margin-bottom:40px;}
.nav_right ul{ display:inline-block}
.nav_right li{ float:left; background:url(../images/1_10.jpg) center left no-repeat; padding:0 30px;}

.pro_title{ width:100%; text-align:center;}
.pro_title .p_01{ font-size:20px; color:#000; font-weight:bold; margin-top:40px;}
.pro_title .p_01 img{ margin-right:15px;}
.pro_title .p_02{ color:#666666; font-size:12px; margin-top:10px;}
.pro_title .p_03{ background:#000; height:1px; width:15px; margin:15px auto}

.scrollpic1 {
	width: 790px;
	
	margin:40px auto 0 auto; position:relative; margin-bottom:160px;
}
#myscroll1 {
	display: block;
	width: 100%;
	height:375px;
	position: relative;
	
	overflow: hidden;
}
#myscroll1 #myscrollbox1 {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll1 ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll1 ul li {
	display: block;
	float: left;
	padding: 0;
	width:410px;
}
#myscroll1 ul li a {
	display: block;
	float: left;
	width: 375px;
	padding: 0;
	position: relative;
	height: 305px;
	color: #333;
}
#myscroll1 a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #000;
	filter: alpha(opacity=50);
	width: 375px;
	color: #fff;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-align: center;
}
#myscroll1 a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 375px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll1 a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll1 a .intro {
	bottom: -211px;
}
#myscroll1 a:hover .intro {
	bottom: 0px;
}
.mybtns { width:25px; height:45px;
	
}
.scrollpic1 #left {
	background-image: url(../images/but_26.jpg);position: absolute;left: -40px;top: 90px;
}
.scrollpic1 #left:hover{background-image: url(../images/but_28.jpg);}
.scrollpic1 #right {
	background-image: url(../images/but_27.jpg);position: absolute;right: -40px;top: 90px;
}
.scrollpic1 #right:hover{background-image: url(../images/but_29.jpg);}
#mybtns a:hover, #myscroll1, #mybtns a, #myscroll1 a:hover .intro, #myscroll1 a .intro, #myscroll1 #myscrollbox1 {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* 产品列表 */
.pro_right{float:left; width:940px; margin-left:15px;}
.prolist{ float:left; margin-bottom:60px;width:940px;}
.prolist li{ float:left; width:280px; margin-left:33px;}
.prolist li:hover img{transform: scale(1.2);}
.prolist li img{width:277px; height:305px; transition: all 0.5s;}
.prolist li a{ display:block; text-align:center; font-size:18px; line-height:80px;}
.prolist .proimage{width:280px; height:308px; overflow:hidden;border: 1px #dbdbdb solid;}

.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}


/* about */
.banner_about{ width:100%;height: 670px; overflow:hidden; background:url(../images/about_02.jpg) center no-repeat}
.nytitle{ width:170px; height:50px; line-height:50px; text-align:center; background:#d81c1b; font-size:24px; color:#fff;  border-radius:20px; margin:40px auto}
.about .about_img{ width:1240px; margin:0 auto; }
.about .about_img img{ margin-right:25px;}
.accordion {
    width: 100%;
    max-width: 1198px;
	margin-bottom:90px;
    background: #FFF;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 18px 15px 18px 102px;
    color: #333333;
    font-size: 18px;
	background:#e0e3e8;
	margin-bottom:8px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}
.accordion li{
    cursor: pointer;
}
.accordion li i {
    position: absolute; background:url(../images/1_13.jpg);
    top: 0px; width:70px; height:60px;
    left: 0px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #333333; background:#f2f3f4;
}

.accordion li.open i {
	background:url(../images/2_13.jpg);
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    background: #f8f8f8;
    font-size: 14px;padding: 10px 0;
}


.submenu a {
    display: block;
    text-decoration: none;
    color: #666666;
    padding: 5px;
    padding-left: 42px;
	line-height:34px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}






/*  公司业绩  */
.banner_yeji{ width:100%;height: 670px; overflow:hidden; background:url(../images/yj_02.jpg) center no-repeat}
.yeji_list{ width:1220px;}
.yeji_list li{ width:285px; float:left; margin-right:20px; margin-bottom:40px; overflow:hidden;}
.yeji_list li a{ display:block}
.yeji_list .image{height:213px; overflow:hidden;}
.yeji_list li:hover img{transform:scale(1.1)}
.yeji_list li img{ width:285px; height:213px; transition:all 0.5s;}
.yeji_list li p{ display:block;width:285px; text-align:center; height:50px; line-height:50px; background:#f4f4f4; color:#333333; font-size:16px;}

/*  行业资料  */
.downlond{ width:960px; float:right;}
.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;}


/* 联系我们 */
.banner_lx{ width:100%;height: 670px; overflow:hidden; background:url(../images/contact_02.jpg) center no-repeat}

.cont{ width:287px; height:240px; background:#f4f4f4; float:left; text-align:center;padding:0 30px; box-sizing:border-box; margin-bottom:35px;}
.cont .icon{ width:100px; height:100px;  border:1px #8a8a8a solid; border-radius:50%; margin:28px auto; }
.cont .icon:hover{ background:#e60012; border:1px #e60012 solid;}
.cont .icon:hover i{ color:#fff;}
.cont .icon i{ color:#8a8a8a; text-align:center; font-size:50px;line-height:100px;}
.cont  p{ text-align:center; font-size:15px; color:#6c6c6c; line-height:24px;}
.ma{ margin-right:17px;}

.online{ background:#f3f3f3; overflow:hidden; margin-bottom:60px;}
.online .bg{ width:780px; margin:0 auto;}
.online .bg p{ font-size:16px; color:#000; font-weight:bold;}
.online .bg .name{ width:300px; height:40px; border:1px #cccccc solid; font-size:16px; padding:0 20px; box-sizing:border-box; margin-bottom:20px;}
.online .btn{ text-align:center}
.online .btn ul{ display:inline-block;}
.online .btn li{ float:left; margin:35px 9px;}
.online .btn li a{ display:block; font-size:16px;}
.ly_left, .ly_right{ width:195px; height:35px; line-height:35px; text-align:center;}
.ly_left{ background:#d81c1b; color:#fff;}
.ly_right{background:#cdcdcd; color:#525252}