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

body{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px; color:#333;}
li,ul,p{margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
.top a,.nav li,.search_right .search_btn,.brand-index-btn,.content .content-name,.label .default,.index-news-left-title a,.index-news-right li,.foot-left a,.floating_ck dl dd,.page-choose a,.pages-nav li a,.news-list-tit a,.news-list li .news-list-img-box,.news-list-tit a,.news-list-more a,.products-fl a,.products-list li,.news-top-more a,.login-main-btn a,.mem-form-main a,.download .downloadodd,.download .downloadeven{ transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}


.float-left,.top li,.nav li,.search_left,.search_right input,.search_right .search_btn,.content li,.case-content-left,.index-news-left,.index-news-right,.foot-left,.pages-nav li,.ry-list li,.news-top-img,.news-top-n,.news-list-img,.news-list-n,.products-list li,.products-b-img,.products-b-inf,.mem-zc-list li{ float:left;}
.float-right,.search_right,.case-content-right,.foot-right{ float:right;}
.clear{ clear:both; line-height:0px; height:0px;}
.main{ width:1100px; margin:0px auto;}

.top{ color:#8c8c8c; margin-top:35px;}
.top li{ padding:0px 18px;}
.top .line{ border-right:#bfbfbf 1px solid;}
.top img{ margin-right:9px; vertical-align:-2px;}
.top a:link,.top a:visited{ color:#8c8c8c; text-decoration:none;}
.top a:hover{ color:#cc3233; text-decoration:none;}
.top_logo{ width:212px; margin:0px auto; margin-top:-55px; z-index:999; position:relative;}


.nav{ background:rgba(0,0,0,0.64); min-width: 1100px; height:80px; margin-top:-98px; z-index:101; position:relative; font-size:16px;}
.nav li{ margin-right:51px; border-bottom:rgba(0,0,0,0) 4px solid;}
.nav li:hover{border-bottom:#bf2b2b 4px solid;}
.nav .target{border-bottom:#bf2b2b 4px solid;}
.nav a{ display:block; padding:30px 0 25px 0;}
.nav a:link,.nav a:visited{ color:#FFFFFF; text-decoration:none;}
.nav a:hover{ color:#FFFFFF; text-decoration:none;}

/* banner-box */
.banner-box{height:671px;position:relative;overflow:hidden; margin:auto; top:-80px; z-index:100; min-width: 1100px;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1800px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{height:360px;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-btn{width:1100px;position:absolute;top:282px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute;top:344px;left:537px;}
.banner-box .hd ul li{width:45px;height:5px;text-indent:-9999px;margin-right:14px;background:#666666;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#cc3233;}


.search{ background:url(../images/index-v1_15.jpg) no-repeat center; height:140px; min-width: 1100px;}
.search_left{ width:455px; font-size:24px; text-align:right; color:#FFFFFF; margin-top:45px; line-height:39px;}
.search_left span{ font-size:31px; font-weight:bold;}
.search_right{ width:433px; height:38px; margin-top:44px;}
.search_right .indexIn{ width:288px; height:38px; background-color:#FFFFFF; border:none; font-family:"微软雅黑"; font-size:14px; color:#b5b5b5; padding-left:17px; outline:none;}
.search_right .search_btn{ width:111px; height:40px; background:#b32727; line-height:38px; display:block;}
.search_right .search_btn .indexBtn{ color:#FFFFFF; background:0000000; text-decoration:none; border:none; margin-top:11px;}
.search_right .search_btn:hover{ background:#911c1c;}
.search_right .search_btn img{ margin-left:16px; margin-right:7px; margin-top:12px; vertical-align:-4px; float:left;}


.title-index{ width:653px; margin:0 auto; color:#cc3233; font-size:32px; padding-top:63px; margin-top:75px; text-align:center; margin-bottom:35px;}
.title-index-1{ width:653px; margin:0 auto; color:#cc3233; font-size:32px; padding-top:63px; margin-top:75px; text-align:center; margin-bottom:35px;}
.title-index p,.title-index-1 p{ width:41px; height:3px; background:#cc3233; margin:0 auto; margin-top:5px;}
.title-index div,.title-index-1 div{ text-align:center; color:#8f8f8f; font-size:14px; margin-top:10px;}
.title-index .search-box{width: 300px;height: 40px;box-sizing: border-box;vertical-align: middle;padding-left: 10px;}
.title-index .search-dwo-box{width: 100px;height:40px; margin-left: -10px;vertical-align: middle;}

.brand-index{ background:url(../images/index-v1_06.jpg) no-repeat center top; height:495px; min-width: 1100px;}
.brand-index p{ font-size:16px; color:#FFFFFF; line-height:30px; text-align:center; width:675px;}
.brand-index-btn{ width:135px; height:42px; text-align:center; font-size:14px; margin-left:277px; background:#cc3233; line-height:40px; margin-top:50px;}
.brand-index-btn a{ color:#FFFFFF; display:block;}
.brand-index-btn:hover{ background:#b32727;}


.tabs a{display: block;text-align: center;text-decoration: none;}

.tabs{position: relative;display: block;width: 1100px;height:488px;margin: 20px auto;}
.label{position: absolute;width: 244px;height: 110px;left: 0px;}
.container:nth-child(1) .label{top: 0px;}
.container:nth-child(2) .label{top: 116px;}
.container:nth-child(3) .label{top: 232px;}
.container:nth-child(4) .label{top:348px;}
.label h5 a{width: 100%; font-size:24px; font-weight:normal; padding:41px 0 42px 0; text-shadow:2px 2px 6px #000000; color:#FFFFFF;}


.content{position:absolute;height: 460px;width: 760px;overflow:hidden;left:300px;padding: 10px;}
.content p{padding: 2px 10px 5px 10px;margin:10px 0 10px 15px;border-left:10px solid;text-align: justify;}
.content li{ width:215px; height:215px; margin-right:35px; margin-bottom:30px; overflow:hidden;}
.content li a{ color:rgba(255,255,255,1); text-decoration:none;}
.content .content-name{ position:relative; margin-top:-40px; text-align:center; font-size:16px; background:rgba(0,0,0,0.28); color:#FFF; line-height:25px; padding-top:10px; padding-bottom:12px;}
.content li:hover .content-name{margin-top:-70px;}
.content li img{ width:215px; height:215px; max-height:215px; max-width:215px;}

.content-name .label .hover{}
.default{color:#f0f0f0;}
.label .default{background:rgba(0,0,0,0.3); padding:41px 0 38px 0; width:230px;}
.label .clicked,.label .hover{background:url(../images/index-v1_031.png);color:#FFFFFF; padding:41px 0 42px 0;}




/* general style */
.preview {width: 360px;height:99px;position: absolute;top:0;z-index:100;}
.preview img {position: absolute;left:-113px;top:0;width: 113px;}
	
	/*.preview .alt {
		position: absolute;
		left:180px;
		top:0;
		background: #fff;
		width: 180px;
		height:90px;
		color:#000;
		text-indent:0;
		text-transform: uppercase;
		text-align:center;
		font-size:16px;
		line-height:90px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	*/
.flex-next .preview {right:0px;left:auto;}
.flex-next .preview img {position: absolute;left:360px;top:0;width: 113px;}
.flex-next .preview .alt {left:-113px;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.flexslider {background: #fff;position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 41px; height: 99px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; }
.flex-direction-nav .flex-prev { left: 38px; }
.flex-direction-nav .flex-next { right: 39px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Control Nav */


.flex-control-nav{ display:none;}

.flex-direction-nav {height:99px;width: 100%;position: absolute;top:24%;left:0;margin: -50px 0 0; 	z-index:100;}

.flex-direction-nav a  { overflow:visible;width: 41px; height: 99px; margin: 0; opacity: 1;  top:0;color: rgba(0,0,0,0.8); text-indent:-9999em;text-shadow: none;background-color:#cc3233 ;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;	}
.flex-direction-nav .arrow {position: absolute;top:0;left:0;width: 41px; height: 99px; background: transparent url('../images/nav.png') no-repeat -16px 11px;	z-index:200;}
.flex-direction-nav a.flex-next .arrow { background-position: -99px 11px;}
.flex-direction-nav .flex-prev { left:38px; }
.flex-direction-nav .flex-next { right:39px; text-align: left; }
.flexslider:hover .flex-prev { left:38px; opacity:1}
.flexslider:hover .flex-next { right:39px; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background-position:-16px -89px; background-color: #ae1213;}
.flexslider:hover .flex-next:hover .arrow { right:0; background-position:  -99px -89px;opacity:1;  background-color: #ae1213;}
.flexslider{ width: 980px; margin:0px auto; }	

.case-content{ background:rgba(0,0,0,0.5); height:80px; margin-top:-80px; z-index:999; position:relative; color:#FFFFFF; font-size:16px;}
.case-content-left{ line-height:80px; margin-left:47px;}
.case-content-left img{ border:#767676 1px solid; margin-top:-36px; vertical-align:-8px; margin-left:30px; margin-right:11px; width:82px; height:82px;}
.case-content-right{ font-weight:bold; margin-right:47px; line-height:80px;}
.case-content-right span{ font-weight:normal;}


.index-news{ background:url(../images/index-v1_02.jpg) no-repeat center top; height:450px; padding-top:94px; min-width: 1100px;}
.index-news-left{ width:527px;}
.index-news-left .img{
	width: 530px;
	height: 320px;
	overflow: hidden;
}
.index-news-left .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-news-left-title{ font-size:16px; margin-top:30px;}
.index-news-left-title span{ float:right; font-size:12px; color:#a8a8a8; line-height:20px;}
.index-news-left-title a:link,.index-news-left-title a:visited{ color:#ececec;}
.index-news-left-title a:hover{ color:#FFFFFF;}
.index-news-left p{ font-size:12px; color:#a8a8a8; margin-top:18px; line-height:20px;}

.index-news-right{ width:527px; margin-left:46px;}
.index-news-right li{ width:527px; height:93px; padding-top:20px; margin-bottom:14px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  background-color:rgba(213,213,213,0); padding-right:25px;}
.index-news-right li:hover .index-news-right-title a{ color:#515151;}
.index-news-right li:hover .index-news-list p,.index-news-right li:hover .index-news-right-title span{ color:#848484;}
.index-news-a{ background:url(../images/index-v1_40.png) no-repeat 24px 41px;}
.index-news-b{ background:url(../images/index-v1_46.png) no-repeat 24px 41px;}
.index-news-c{ background:url(../images/index-v1_51.png) no-repeat 24px 41px;}
.index-news-right li:hover.index-news-a{ background:url(../images/index-v1_39.png) no-repeat 24px 41px;  background-color:rgba(213,213,213,1);}
.index-news-right li:hover.index-news-b{ background:url(../images/index-v1_44.png) no-repeat 24px 41px; background-color:rgba(213,213,213,1);}
.index-news-right li:hover.index-news-c{  background:url(../images/index-v1_50.png) no-repeat 24px 41px; background-color:rgba(213,213,213,1);}
.index-news-right li:hover .index-news-list{ border-left:#8b8b8b 1px solid;}

.index-news-right-title{ font-size:16px;}
.index-news-right-title a{  color:#ececec;}
.index-news-right-title span{ color:#a8a8a8; font-size:12px; float:right;}
.index-news-list{ border-left:#d5d5d5 1px solid; margin-left:92px; padding-left:23px;}
.index-news-list p{ color:#a8a8a8; font-size:12px; line-height:20px;}


.foot{ background:#363636; padding-top:48px; padding-bottom:30px; margin-top:35px; min-width: 1100px;}
.foot-left{ font-size:12px; color:#b7b7b7; line-height:23px;}
.foot-left a{ padding:0 13px;}
.foot-left a:link,.foot-left a:visited{ color:#b7b7b7;}
.foot-left a:hover{ color:#f3f3f3;}

.foot-right{ margin-top:-12px;}
.foot-right p{ text-align:center; font-size:14px; color:#dadada; margin-top:8px;}
.foot-right p img{ vertical-align:-6px;}




.floating_ck{position:fixed;right:20px;top:40%; z-index:9999;}
.floating_ck a{ color:#FFFFFF; display:block;}
.floating_ck dl dd{position:relative;width:112px;height:84px;background-color:#b32727;border:solid 1px #cb6161;text-align:center;background-repeat:no-repeat;cursor:pointer;}
.floating_ck dl .qrcord,.floating_ck dl .return{ height:50px; border-top:none;}
.floating_ck dl .qrcord span,.floating_ck dl .return span{ padding-top:14px;}
.floating_ck dl .qrcord img,.floating_ck dl .return img{ vertical-align:-6px; margin-right:4px;}
.floating_ck dl dd:hover{background-color:#a62424;border-bottom:solid 1px #cb6161;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/index-v1_55.jpg);}
.quote{background-image:url(../images/index-v1_03.png); padding-top:24px; background-position:center 28%;}
.floating_ck dl .return{ background:#a62424;}

.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-1px;top:0px;width:114px;height:80px;background-color:#a62424;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:114px;top:-110px;}
.floating_ewm i{background-image:url(../images/index-v1_55.jpg);display:block;width:105px;height:103px;margin:auto;margin-top:5px;}



.pages-banner{ background-position:center top; background-repeat:repeat-x; min-width: 1100px; height:559px; margin-top:-80px;}
.about-main{ width:932px; margin:0 auto; color:#333;}
.pages-nav{ border-top:10px #cc3233 solid; text-align:center;min-width: 1100px; }
.pages-nav ul{ display:inline-block; margin-top:13px;}
.pages-nav li{ font-size:20px; font-weight:bold; margin-right:18px;}
.pages-nav li a:link,.pages-nav li a:visited{ background:#FFFFFF; border:#cc3233 3px solid; color:#6d6d6d;  padding:14px 40px; -moz-box-shadow:0px 3px 12px rgba(153, 153, 153, 0.8) inset;-webkit-box-shadow:0px 3px 12px rgba(153, 153, 153, 0.8) inset; box-shadow:0px 3px 12px rgba(153, 153, 153, 0.8) inset;} 
.pages-nav li a:hover,.pages-nav li a.target{ color:#ffffff; background:#cc3233; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow:2px 2px 1px #a61616;}



.ry-list li{ width:346px; margin-right:31px; margin-bottom:50px;}
.ry-list ul li:nth-child(3n){margin-right:0;}
.pic-box{ text-align:center; border:#dfdfdf 3px solid; vertical-align:middle; height:286px;display: table-cell;  width:346px; position:relative;}
.pic-box img{ vertical-align:middle;}
.one-cases-tag{position:absolute; background:rgba(0,0,0,0.32); width:346px; height:162px; margin-top:-268px; margin-left:-3px; font-size:16px; color:#FFFFFF; padding-top:130px; display:none;}
.one-cases-tag img{ margin-bottom:8px;}
.ry-list li:hover .one-cases-tag{ display:block;}
.case-name{ height:49px; text-align:center; background:#eeeeee; line-height:46px; margin:0px; font-size:16px; color:#333333;}

.page-choose{ text-align:center; font-size:16px; margin-top:25px; margin-bottom:100px;}
.page-choose a{ padding:6px 14px; border:#d6d6d6 1px solid; margin-right:14px;}
.page-choose a:link,.page-choose a:visited{ color:#333;}
.page-choose a:hover{ background:#cc3233; color:#FFFFFF;}
.page-choose .page-choose-none,.page-choose .page-choose-none:link,.page-choose .page-choose-none:visited,.page-choose .page-choose-none:hover{ color:#d2d2d2; background:#FFFFFF;}
.page-choose .page-choose-click,.page-choose .page-choose-click:link,.page-choose .page-choose-click:visited,.page-choose .page-choose-click:hover{ color:#FFFFFF; background:#cc3233;}
.page-choose .page-choose-go{ color:#545454;}

.news-top{ padding-bottom:38px; border-bottom:#c6c6c6 1px dotted; }
.news-top-img{ width:541px; margin-right:33px;}
.news-top-n{ width:524px;}
.news-top-title{ font-size:26px; font-weight:bold;}
.news-top-title a{  color:#6d6d6d;}
.news-top-title a:hover,.news-list-tit a:hover{ color:#cc3233;}
.news-top-j{ font-size:14px; color:#6d6d6d; line-height:25px; margin-top:28px; height:178px;}
.news-top-more span{ color:#6d6d6d; float:right;}
.news-top-more a{ background:#cc3233; color:#FFFFFF; padding:8px 23px;}
.news-top-more a:hover{ background:#b02223;}

.news-list ul{ margin-bottom:50px;}
.news-list-img{ width:315px; height:194px; margin-right:35px;}
.news-list-img img{ padding:4px; border:#d1d1d1 1px solid; width:316px; height:194px;}
.news-list-n{ width:735px;}
.news-list-tit{ font-size:24px;}
.news-list-tit a{ color:#6d6d6d;}
.news-title {font-size: 16px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-top: 20px;padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #bd4333;}

.news-list-tit span{ float:right; font-size:14px; color:#6d6d6d;}
.news-list-j{ font-size:14px; color:#6d6d6d; line-height:25px; margin-top:24px; height:113px;}
.news-list-more{ float:right;}
.news-list-more a{ color:#cc3233; padding:8px 23px; background:#FFFFFF;}
.news-list-more a:hover{ color:#fff; background:#b02223;}

.news-list li{ border-bottom:#c6c6c6 1px dotted; padding:35px 0 40px 0;}
.news-list li .news-list-img-box{ width:325px; height:204px;background:rgba(0,0,0,0.0); position:absolute; margin-top:-204px;}
.news-list li:hover .news-list-img-box{ background:rgba(0,0,0,0.32);}



.products-fl{ background:url(../images/products_09.jpg) no-repeat center; text-align:center; margin-top:80px;}
.products-fl a{ font-size:16px; border:#cc3233 2px solid; padding:10px 22px; color:#cc3233; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; margin-right:10px;}
.products-fl a:hover,.products-fl .click{ background:#cc3233; color:#FFFFFF;}

.products-list{ width:993px; margin:0px auto; margin-top:50px;}
.products-list li{ width:294px; margin-right:52px; margin-bottom:39px; box-shadow:1px 1px 6px #fff;}
.products-list li a{ display:block;}
.products-list li:nth-child(3n){margin-right:0;}
.products-list li:hover{ box-shadow:1px 1px 6px #666;}
.products-list li p{ height:56px; line-height:56px; color:#FFFFFF; font-size:16px; padding:0px 23px; background:rgba(0,0,0,0.33); margin-top:-56px; position:absolute; width:248px;}
.products-list li p span{ float:right;}
.products-list img{ max-width:295px; max-height:295px;}


.products-b-top{ width:984px; margin:60px auto 0 auto;}
.products-b-img{ background:url(../images/products-b_03-2.jpg) no-repeat; width:452px; height:456px; margin-right:50px; position:relative;}
.products-b-img img{ max-height:445px; max-width:443px;}
.products-b-img .prev ,
.products-b-img .next {
    position: absolute;
    top: 41%;
    z-index: 1000;
    width: 48px;
    height: 100px;
    display: none;
	
}
.products-b-img .prev {
    left: -1px;
    background: url(../images/proarrow.png) no-repeat 0 0;
}
.products-b-img .next {
    right: 8px;
    background: url(../images/proarrow.png) no-repeat 0 -100px;
}

.big-pro>div{display: table-cell;width: 445px; height: 443px;vertical-align: middle;}
.big-pro>div img{vertical-align: middle;}


.products-b-img .big-pro:hover .prev , .products-b-img .big-pro:hover .next{ display: block;}
 
.products-b-inf{ width:482px;}
.products-inf-tit{ height:45px; line-height:45px; background:#cc3233; font-size:16px; color:#ffffff; margin-bottom:10px;}
.products-inf-tit img{ vertical-align:-4px; padding-left:17px; padding-right:15px;}

.products-b-inf p{ font-size:14px; line-height:28px; margin-left:16px; padding:12px 0;}
.products-b-inf p span{ color:#8a8a8a;}


#wrapper {width: 482px;height: 220px; overflow:hidden;}
#carousel {width: 500px;position:vrelative;}
#carousel ul {list-style: none;display: block;margin: 0;padding: 0;}
#carousel li {display: block;width: 220px;height: 137px;padding: 0;float: left;position: relative; margin:10px 20px 0px 10px;}
#carousel li img {width: 201px;height: 117px; padding:5px; border:#e5e5e5 1px solid;}

.clearfix {float: none;clear: both;}
#carousel .prev, #carousel .next { display:none;}

#carousel .pager {text-align: center;margin: 0 auto;}
#carousel .pager a {background: transparent url(../images/carousel_control.png) no-repeat -2px -31px;text-decoration: none;text-indent: -999px;display: inline-block;overflow: hidden;width: 8px;height: 8px;margin: 5px 10px 0 0;}
#carousel .pager a.selected {background: transparent url(../images/carousel_control.png) no-repeat -13px -31px;text-decoration: underline;}

.products-b-js{ width:984px; margin:0 auto;}
.products-b-js p{ text-align:center;}



.mod18Box { margin: 0px auto; width: 1100px; }
.mod18{ width: 1014px; height: 645px; margin: 0px auto; position: relative; background:url(../images/members-b_05.png) no-repeat 74px 1px;}
.mod18 .btn{position:absolute;width:41px;height:81px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;}
.mod18 #prevTop,.mod18 #nextTop{top:210px;width:48px;}
.mod18 #prevTop{background:url(../images/members-b_08.jpg) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/members-b_11.jpg) 0 0 no-repeat;}
.mod18 .next{right:0;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:836px;height:473px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:473px;position:relative;overflow:hidden; width:836px; margin:0 auto;}
.mod18 .picBox ul{height:473px;position:absolute;}
.mod18 .picBox li{width:836px;height:473px;}
.mod18 .listBox{ width: 836px; height: 133px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:217px;height:126px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:197px;height:126px;}
.mod18 .listBox li img{width:197px;height:126px; border:3px solid #fff;}
.mod18 .listBox .on img{width:197px;height:126px;border:3px solid #cc3233;}
.mod18 .listBox .on i{display:block;}



.login{ background:url(../images/members-c_02.jpg) repeat-x top center; height:600px;}
.login-main{ width:620px; margin:0 auto; padding-top:112px;}
.login-main-tit{ text-align:center; font-size:30px; color:#FFFFFF; text-shadow:2px 2px 3px #7B7B7B; margin-bottom:31px;}
.login-main-tit span{ font-size:16px;}
.login-main-nr{ font-size:15px;  text-shadow:2px 2px 2px #7B7B7B; color:#FFFFFF; margin-left:101px; margin-bottom:20px;}
.login-main-nr .loginIn{ width:285px; height:37px; padding-left:18px; line-height:35px; font-size:14px; color:#999999; font-family:"微软雅黑"; outline:none; margin-left:12px;}
.login-main-nr .login-main-yz{ width:119px; height:37px; line-height:35px;}
.login-main-nr img{ vertical-align:-12px; margin-left:12px;}
.login-main-btn{ font-size:16px; line-height:40px;}
.login-main-btn .loginBtn{ display:block; width:142px; font-size:16px; line-height:40px; outline:none; border:none; text-align:center; background:#cc3233; color:#FFFFFF; margin-left:175px;}
.login-main-btn .loginBtn:hover{ background:#b22324;}



.sale-choose{ height:76px; background:#e9e9e9; text-align:center; line-height:74px; font-size:16px;min-width: 1100px; }
.sale-choose select{ height:43px; padding:0 10px; font-size:16px; font-family:"微软雅黑"; margin-left:8px;}
.sale-tit{ width:113px; height:33px; line-height:33px; text-align:center; font-size:16px; color:#FFFFFF; background:#cc3233; margin-top:38px;  margin-bottom:50px;}
.sale-list{ margin-bottom:60px;}
.sale-list-a{ width:37px; height:42px; background:url(../images/Sale-shop_09.jpg) no-repeat center top; font-size:16px; color:#FFFFFF; text-align:center; line-height:28px;}
.sale-list-b{ margin-left:22px; width:256px; border-right:#d8d8d8 1px solid;}
.sale-list-b a{ color:#cc3233;}
.sale-list-b a:hover{ color:#971718;}
.sale-list-c{ border-right:#d8d8d8 1px solid; width:118px; text-align:center; line-height:36px;}
.sale-list-d{ border-right:#d8d8d8 1px solid; width:188px; text-align:center; line-height:36px;}
.sale-list-e{width:449px; text-align:left; line-height:36px; margin-left:27px;}
.sale-list li{ border-bottom:#d8d8d8 1px solid; padding-bottom:25px; margin-top:25px;}


.mem-ys{ background:url(../images/members_02.jpg) repeat-x center top;min-width: 1100px;  height:940px; padding-top:55px; margin-bottom:70px;}
.mem-ys-tit{color:#FFF; font-size:16px; padding-left:68px; padding-top:54px;}
.mem-ys-red{ font-weight:bold; font-size:20px; color:#b81b24;}
.mem-ys-n{ width:495px; line-height:22px;}





@font-face {font-family: "iconfont";
src: url('../ico/iconfont.eot'); /* IE9*/
src: url('../ico/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../ico/iconfont.woff') format('woff'), /* chrome, firefox */
url('../ico/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../ico/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.mem-zc-list li .iconfont {
font-family:"iconfont" !important;
font-size:78px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
color:#b81b24;
}

.mem-zc-tit{ background:url(../images/members_30.png) no-repeat left top; width:647px; height:88px; font-size:16px; color:#FFFFFF; padding-left:72px; padding-top:60px;}
.mem-zc-list li{ width:221px; height:332px; border:#c6c6c6 1px solid; border-radius:6px; box-shadow:#D6D6D6 0 0 6px; display:block; padding:22px 18px 0 18px; margin-right:21px; margin-bottom:28px;background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f5f5));background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%);background: -o-linear-gradient(top, #fff 0%,#f5f5f5 100%);background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%);background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);}
.mem-zc-list li:nth-child(4n){margin-right:0;}
.mem-zc-name{text-align:center; border-bottom:#c5c5c5 1px solid; padding-bottom:20px;}
.mem-zc-name p{ font-size:25px; margin-top:-5px;}
.mem-zc-nr{ color:#717171; line-height:24px; margin-top:22px;}
.mem-zc-nr span{ color:#b81b24; font-weight:bold;}

.mem-zc-list li:hover{  border:#c6c6c6 1px solid; background:#b81b24; transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;}
.mem-zc-list li:hover .iconfont,.mem-zc-list li:hover p,.mem-zc-list li:hover p span{ color:#FFFFFF;}
.mem-zc-list li:hover .mem-zc-name{ border-bottom:#fff 1px solid;}


.mem-form{ background:url(../images/members_04.jpg) repeat-x center top; min-width: 1100px; height:641px; margin-top:50px;}
.mem-form-main{ width:873px; margin:0 auto;}
.mem-form-main p{ text-align:center; color:#FFFFFF; font-size:20px; padding-top:145px;}
.mem-form-main .in{ width:230px; height:39px; line-height:37px; font-size:16px; color:#7b7b7b; padding-left:20px; outline:none; border:none; font-family:"微软雅黑"; margin-right:38px; margin-bottom:20px;}
.mem-form-main textarea{ width:848px; height:113px; color:#7b7b7b; font-size:16px; padding:10px; outline:none; border:none;margin-bottom:20px;}
.mem-form-main img{ margin-left:-106px; vertical-align:-5px;}
.mem-form-main .Btn{ color:#FFF; padding:10px 32px; outline:none; border:none; background:#b91e27; font-size:16px; float:right;}
.mem-form-main .Btn:hover{ background:#921a21;}


.download{ line-height:60px; font-size: 14px;margin-bottom: 100px;}
.download p{position: relative; padding-left: 74px; font-size:18px;}
.downloadodd{background-color: #efefef; background-image:url(../images/down_03.png); background-repeat:no-repeat; background-position:32px 18px;}
.downloadeven{background-color: #fff; background-image:url(../images/down_03.png); background-repeat:no-repeat; background-position:32px 18px;}
.download .downloadodd:hover,.download .downloadeven:hover{ background-position:32px -37px;}
.download a{ color:#5d5959; display:block;}
.download a:hover,.download .downloadeven:hover a{ color:#cc3233;}
.download i{  margin-right:20px; font-size:12px; color:#666666; margin-top:-60px; font-style:normal;}
.download .download-a>button{position: absolute;right: 0;top: 11px;width: 70px;height: 40px;font-size: 16px;}

.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.pic-boxs div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-boxs img {vertical-align: middle;}

.producut-view{ padding: 16px 0 0 0; width: 986px;margin: auto;}
.producut-view .pic-boxs {float: left;width: 444px;padding:0px 3px 3px 0;border: 1px solid #dddcdd;box-shadow: 1px 1px 1px 2px #f4f4f4;}
.producut-view .pic-boxs div{width: 444px;height: 444px;}
.producut-view .pic-boxs img {max-width: 444px;max-height: 444px;}

.pro-intro {position: relative;width:482px; float:right; }
.common-name {font-size: 16px;color: #fff; padding-left: 52px;background-position: 15px center;background-repeat: no-repeat; position: relative; margin-bottom: 18px; height: 46px;line-height: 46px;background-color: #cc3233;}
.name1{background-image:url(../images/name1.png);}
.name2{background-image:url(../images/name2.png); margin-top: 10px;}
.name3{background-image:url(../images/name3.png); margin-top: 10px;}

.pro-intro-text{ line-height: 32px;padding: 10px 0;}
.pro-intro-text span{font-size: 14px; color: #8a8a8a; padding-left: 9px;}
.v720{position: absolute;right: 4px;top: 3px;} 
 
.effect-loop .bd li{width: 50%; float: left;}
.effect-loop .bd li a{display:block;width: 210px;margin: auto;}
.effect-loop .pic-boxs {float: left;width: 200px;padding: 8px;border: 1px solid #e5e5e5; }
.effect-loop .pic-boxs div{width: 200px;height:115px;}
.effect-loop .pic-boxs img {max-width: 200px;max-height: 115px;}

.effect-loop .hd {  z-index: 10;margin:20px auto; text-align: center;}
.effect-loop .hd li {display: inline-block;*display: inline;*zoom: 1; cursor: pointer; border-radius: 50%; width: 8px; height: 8px; margin:0 4px; background: #bababa;text-indent: -9999px;}
.effect-loop .hd li.on {background: #cc3233;}

.one-six,.up-section{padding: 16px 0 0 0; width: 986px;margin: auto; overflow: hidden;}
.six-loop .bd{text-align: center;font-size: 0;}
.six-loop .bd li,.six-loop .bd .pro_04{ display:inline-block;*display:inline;vertical-align: top;  margin:0 1px 3px; }
.six-loop .bd li a{display:block;width:247px;height:247px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;margin: auto; border: 1px solid transparent; }
.six-loop .pic-boxs { width: 247px;height:247px; }
.six-loop .pic-boxs div{width: 247px;height:247px;}
.six-loop .pic-boxs img {max-width: 247px;max-height: 247px;}

.six-loop .bd .pro_04 a{display:block;width:238px;height:238px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;margin: auto; border: 1px solid transparent; }
.six-loop .pro_04 .pic-boxs {width: 238px;height:238px;}
.six-loop .pro_04 .pic-boxs div{width: 238px;height:238px;}
.six-loop .pro_04 .pic-boxs img {max-width: 238px;max-height: 238px;}



.six-loop .hd {  z-index: 10;margin:20px auto; text-align: center;}
.six-loop .hd li {display: inline-block;*display: inline;*zoom: 1; cursor: pointer; border-radius: 50%; width: 8px; height: 8px; margin:0 4px; background: #bababa;text-indent: -9999px;}
.six-loop .hd li.on {background: #cc3233;}

.six-loop .bd li:hover a{ border-color: #cc3233;}

#nav-list {
	padding:0;
	margin:0;
	list-style:none;
	height:38px;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
}
#nav-list li{
	padding:0;
}
#nav-list li.top {
	display:block;
	float:left;
	height:38px;
	margin-top: 0;
}
#nav-list li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:33px;
	color:#ccc;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	background: #b32727;
}
#nav-list li a.top_link span {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:35px;
	background: #b32727;
}
#nav-list li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:35px;
	background: #cb6161;
}
#nav-list li:hover a.top_link {
	color:#fff;
	background: #b32727;
}
#nav-list li:hover a.top_link span {
	background:#b32727;
}
#nav-list li:hover a.top_link span.down {
	background:#b32727;
}
/* Default list styling */

#nav-list li:hover {
	position:relative;
	z-index:200;
}
#nav-list li:hover ul.sub {
	left:1px;
	top:38px;
	background: #cb6161;
	padding:3px;
	white-space:nowrap;
	width:90px;
	height:auto;
	z-index:300;
}
#nav-list li:hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:90px;
	font-weight:normal;
}
#nav-list li:hover ul.sub li a {
	display:block;
	font-size:11px;
	height:18px;
	width:88px;
	line-height:18px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
}
#nav-list li ul.sub li a.fly {
	background:#cb6161 url(../images/arrow.gif) 80px 6px no-repeat;
}
#nav-list li:hover ul.sub li a:hover {
	background:#cb6161;
	color:#fff;
	border-color:#fff;
}
#nav-list li:hover ul.sub li a.fly:hover {
	background:#cb6161 url(../images/arrow_over.gif) 80px 6px no-repeat;
	color:#fff;
}
#nav-list li:hover li:hover ul, #nav-list li:hover li:hover li:hover ul, #nav-list li:hover li:hover li:hover li:hover ul, #nav-list li:hover li:hover li:hover li:hover li:hover ul {
	left:90px;
	top:-4px;
	background: #cb6161;
	padding:3px;
	white-space:nowrap;
	width:90px;
	z-index:400;
	height:auto;
}
#nav-list ul, #nav-list li:hover ul ul, #nav-list li:hover li:hover ul ul, #nav-list li:hover li:hover li:hover ul ul, #nav-list li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#nav-list li:hover li:hover a.fly, #nav-list li:hover li:hover li:hover a.fly, #nav-list li:hover li:hover li:hover li:hover a.fly, #nav-list li:hover li:hover li:hover li:hover li:hover a.fly {
	background:#cb6161 url(../images/arrow_over.gif) 80px 6px no-repeat;
	color:#fff;
	border-color:#fff;
}
#nav-list li:hover li:hover li a.fly, #nav-list li:hover li:hover li:hover li a.fly, #nav-list li:hover li:hover li:hover li:hover li a.fly {
	background:#cb6161 url(../images/arrow.gif) 80px 6px no-repeat;
	color:#000;
	border-color:#bbd37e;
}



@media screen and (max-width: 1100px) {
.wrap-bd .hd a.next{right: 0 !important}
.wrap-bd .hd a.prev{left: 0 !important}
}