*{margin: 0px;padding: 0px;}
html,body{ width: 100%; height: 100%;background: #fff;font-family: arial;color:#333}
a{color: #666;font-size: 14px; text-decoration: none;}
a:hover{color: #e00d0d;font-size: 14px; text-decoration: none;}
ul,li,ol{ list-style: none;}
input,textarea{font-family: arial}
b,em,i,strong{ font-style: normal;font-weight: normal;}

.main{width: 1200px;margin: auto;clear: both;}
.fl { float: left }
.fr { float: right;}
.c{clear:both;}
.tc { text-align: center; display: inline-block;}
img{ border: none;display: inline-block;}

.head{
	width: 100%;
	float: left;
	height: 115px;

}
.logo{
	float: left;
	margin-top: 20px;
}
.head_r{
	float: right;
	width: 280px;
}
.head_r p{
	float: right;
	margin-top: 25px;
	text-align: right
}
.head_r p a {
	margin: 0px 8px;
	display: inline-block;
	float: left;
}
.head_r p a img{
	float: left;
}
.head_r p a b{
	line-height: 18px;
	float: left;
}
.head_r dl {
	float: left;
	width: 100%;
	margin-top: 8px;
}
.head_r dl dt{
	width: 35px;
	font-size: 14px;
	color: #333333;
	float: left;
}
.head_r dl dt img{
	float: left;
}
.head_r dl dt b{
	width: 38px;
	float: left;
	text-align: center;
	display: inline-block
}
.head_r dl dd{
	width: 240px;
	float: left;
	font-size: 30px;
	color: #e00d0d;
	text-align:right;
	padding-top:5px;
}
.nav {
	width: 100%;
	height: 53px; 
	line-height: 53px;
	float: left;
	background:#333333;
}
.nav ul li{
	width: 150px;
	float: left;
	height: 53px; 
	line-height: 53px;
	display: inline-block;
	cursor: pointer;
}
.nav ul li a{ 
	
	width: 150px;
	height: 53px; 
	line-height: 53px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.nav ul li a:after{
	content: "";
	position: absolute;
	right: 0px;
	top: 20px;
	height: 15px;

}
.nav ul li:last-child a:after{
	content: "";
	position: absolute;
	right: 0px;
	top: 20px;

	height: 15px;

}
.nav ul li.hover>a,.nav ul li.active>a{
	background: url(../image/btn_nav.png) left center no-repeat;
}
.nav ul li.hover a:after,.nav ul li.active a:after{
	 background:#b88447;
}
.nav ul li.hover dl { display: block; }
.nav ul li dl {width: 150px;position: relative; top:-2px ;display: none;z-index: 9; left: 0px;}
.nav ul li dl dd{height: 40px;line-height:40px;width: 100%; }
.nav ul li dl dd a{ height: 40px;line-height:40px;width: 100%; background: #333; display: inline-block;color: #fff; font-size: 14px;}
.nav ul li dl dd a:hover{background: #e00d0d}
/*banner切换*/
.fullSlide{width:100%;position:relative;height:500px;background:#fff; margin: auto;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;width: 100%;position: relative;}
.fullSlide .bd ul{width:1920px; margin: auto; float: left; height: 500px; position: absolute;left: 50%;margin-left:-960px}
.fullSlide .bd li{width:100%;height:500px;text-align:center;margin: auto; }
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;width:14px;height:14px;margin:5px;overflow:hidden;background:#fff;line-height:999px;border-radius: 7px;}
.fullSlide .hd ul .on{background:#e00d0d;width: 80px;}


.index_tit{
	width: 100%;
	float: left;
	text-align: center;
	height: 130px;
}
.index_tit h2{
	font-size: 40px;
	color: #000000;
	font-weight: normal;
	padding-top: 70px;height: 65px;
}
.index_tit p{
	width: 100%;
	height: 1px;
	background: #e7e7e7;
	position: relative;
}
.index_tit p b{
	width: 64px;
	height: 5px;
	border-radius: 5px;
	background: #e00d0d;
	display: inline-block;
	position: absolute;
	top: -2px;
	margin-left: -32px;
}
.index1_top{
	width: 100%;
	float: left;
}
.index1_top ul{
	display: table;
	margin: 0px auto;
	padding-top: 20px;
}
.index1_top ul li{
	margin-right: 20px;
	float: left;
}
.index1_top ul li a {
	height:42px;
	line-height: 42px;
	float: left;
	padding: 0px 35px;
	display: inline-block;
	border-radius: 25px;
	border:1px solid #2c2c2c; 
}
.index1_top ul li a:hover,.index1_top ul li.hover a{
	background: #e00d0d;
	border:1px solid #e00d0d; 
	color: #fff;
}
.index1_bot{
	margin-bottom: 50px;
	width: 100%;
	height: 610px;
	overflow: hidden;
}
.index1_bot,.index_con{
	width: 100%;
	float: left;
}
.index_con ul li {
	float: left;
	width: 225px;
	height: 270px;
	margin-right: 13px;
	margin-top: 30px;
	border:1px solid #d6d6d6;
	text-align: center;
	cursor: pointer;
}
.index_con ul li a{
	width: 225px;
	height: 270px;
	display: inline-block
}
.index_con ul li img{
	width: 215px;
	padding: 5px;
	border-bottom: 1px solid #d6d6d6;
	float: left;
}
.index_con ul li b{
	width: 100%;
	line-height: 40px;
	font-size: 16px;
	color: #666666
}
.index_con ul li:nth-child(5n){
	margin-right: 0px;
}
.index_con ul li:hover img,.index_con ul li.hover img{
	border-bottom: 1px solid #e00d0d
}
.index_con ul li:hover ,.index_con ul li.hover {
	border: 1px solid #e00d0d
}
.index2{
	width: 100%;
	float: left;
	background: url(../image/img2.png) center center no-repeat;
	height: 1120px;;
}
.index_tit1 {
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 60px;
}

.index2_top,.index2_bot{
	width: 100%;
	float: left;
}
.index2 .index2_top{
	width: 100%;
	float: left;
	padding-top: 70px;
}
.index2 .index2_top dl {
	width: 590px;
	margin-left: 600px;
	float: left;
	margin-bottom: 50px;
}
.index2 .index2_bot {
	width: 700px;
	float: left;
	margin-top: 150px;
}
.index2 .index2_bot dl {
	width: 700px;
	float: left;
	margin-bottom: 50px;
}
.index2 dl dt{
	width: 78px;
	height: 102px;
	line-height: 90px;
	background: url(../image/index2_btn.png) center center no-repeat;
	float: left;
	color: #fff;
	font-size: 60px;
	text-align: center
}
.index2 dl dd{
	width: 480px;
	float: left;
	padding-left: 20px;
}
.index2 .index2_bot dl dd{
	width: 520px;
	float: left;
	padding-left: 20px;
}
.index2 dl dd p{
	width: 100%;
	font-size: 24px;
	color: #333333;
	
	float: left;
	width: 450px;
}
.index2 dl dd span{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}

.index_tit2{
	width: 100%;
	float: left;
	text-align: center;
	height: 130px;
}
.index_tit2 h2{
	font-size: 40px;
	color: #fff;
	font-weight: normal;
	padding-top: 70px;height: 65px;
}
.index_tit2 p{
	width: 100%;
	height: 1px;
	background: #494c53;
	position: relative;
}
.index_tit2 p b{
	width: 64px;
	height: 5px;
	border-radius: 5px;
	background: #e00d0d;
	display: inline-block;
	position: absolute;
	top: -2px;
	margin-left: -32px;
}
.index3{
	width: 100%;
	float: left;
	background: url(../image/index3_bj.png) center center no-repeat;
	height: 675px;


}
.index3_con_t{
	width: 10000px;
	float: left;
}
.index3_con{
	width: 100%;
	float: left;
	height: 470px;
	overflow: hidden;
	margin-top:60px;
}
.index3_con_t ul{
	width: 1200px;
	float: left;
}
.index3_con_t ul li{
	width: 280px;
	height: 370px;
	background: #fff;
	text-align: center;
	margin-right: 25px;
	margin-bottom: 40px;
	float: left;
	cursor: pointer;
}
.index3_con_t ul li:nth-child(4n){
	margin-right: 0px;
}
.index3_con_t ul li b{
	width: 100%;
	float: left;
	padding-top: 20px;
	display: inline-block;
	font-size: 18px;
	color: #333333;
}
.index3_con_t ul li em{
	width: 100%;
	float: left;

	display: inline-block;
	font-size: 14px;
	color: #666;
}
.index3_con_t ul li strong{
	width: 100%;
	float: left;
	padding-top: 10px;
	display: inline-block;
}
.index3_con_t ul li strong a {
	width: 130px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #fff;
	color: #333333;
	border: 1px solid #333333;
	display: inline-block;
}
.index3_con_t ul li:hover strong a{
	color: #e00d0d;
	border: 1px solid #e00d0d;
}
.list{ display: table;margin:0px auto;margin-top:40px;}
.list a {width: 10px;height: 10px;border-radius: 50%;display: block;background: #ffffff;float: left;margin: 0 5px;border-radius: 5px;}
.list a.active {width: 50px;background: #e00d0d;}
.index4{
	width: 100%;
	float: left;
	margin-bottom: 100px;
}
.index4_top{
	
	width: 100%;
	float: left;
	margin-top: 40px;
}
.index4_top p{
	float: left;
	width: 580px;
	margin-right: 50px;
}
.index4_top dl{
	width: 560px;
	float: left;
}
.index4_top dl dt p{
	width: 100%;
	float: left;
	font-size: 28px;
	font-weight: normal;
	color: #333333;
	line-height: 45px;
}
.index4_top dl dt span{
	width: 100%;
	height: 1px;
	background: #c5c5c5;
	float: left;
	position: relative;
}
.index4_top dl dt span b{
	position: absolute;
	left: 0px; 
	top: -2px;
	width: 9px;
	height: 5px;
	background: #e00d0d
}
.index4_top dl dt i{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #666666;
	padding-top: 10px;
	line-height: 26px;


}
.index4_top dl dd{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.index4_top dl dd a{
	width: 240px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	border: 1px solid #e00d0d;
	color: #e00d0d;
	font-size: 14px;
}
.index4_top dl dd a:hover{
	background: #e00d0d;
	color: #fff;
}

/*关于我们--切换效果*/
.Box_con  {position: relative;width:1200px;left:0px;z-index: 10; top: 30px; height: 225px;overflow: hidden;background: #f0f0f0;}
.Box_con .btn {display: block;width: 42px;height:74px;position: absolute;top: 80px;z-index:10;cursor: pointer;color: #fff}
.Box_con .btn_l {background: url(../image/btn_l1.png) no-repeat center;left:0px;}
.Box_con .btn_r{background: url(../image/btn_r1.png) no-repeat center;right:0px;}
.Box_con .conbox{position: relative;left:60px;top:30px;width: 1080px;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;left: 0px;}
.Box_con .conbox ul li{float: left;width: 115px;height:170px;margin-right:22px;margin-bottom:40px;overflow: hidden;text-align: center;font-size: 14px; color: #333; line-height: 30px;}
.Box_con .conbox ul li img {display: block;width: 115px;height:148px;float: left;}
.Box_con .conbox ul li b{ line-height: 30px; }

.index5{
	width: 100%;
	float: left;
	background: #f8f8f8;
	height: 690px;
}

.Box_con1  {position: relative;width:1380px;left:0px;z-index: 10; top: 30px; height: 500px;margin:0px auto;overflow: hidden;}
.Box_con1 .btn {display: block;width: 58px;height:70px;text-align: center;background: #333;line-height:70px;font-size: 30px;position: absolute;top: 190px;z-index:10;cursor: pointer;color: #fff}
.Box_con1 .btn_l1 {left:0px;}
.Box_con1 .btn_r1{right:0px;}
.Box_con1 .conbox{position: relative;left:90px;top:30px;width: 1200px;overflow: hidden;}
.Box_con1 .conbox ul {position: relative;list-style: none;left: 0px;}
.Box_con1 .conbox ul li{float: left;width: 270px;height:480px;background: #d6d6d6;margin-right:37px;text-align: center;font-size: 14px; color: #333; line-height: 30px;text-align: center}
.Box_con1 .conbox ul li img {display: block;width: 240px;float: left;padding: 20px 15px}
.Box_con1 .conbox ul li b{ line-height: 30px;background: #333333;color: #fff;line-height: 56px;width: 100%;display: inline-block }

.Box_con1 .conbox ul li:hover b{
	background: #e00d0d
}
.Box_con1 .btn:hover{
	background: #e00d0d;
}

.index6{width: 100%; float: left; background:#fff;padding-top:50px}
.news_l{width: 640px; float: left; margin-right:60px;}
.news_l_t {width: 100%; float: left;padding-bottom:15px;}
.news_l_t li { float: left; font-size: 20px; color: #666;cursor: pointer; border-bottom: 2px solid #fff; margin:0px 10px 0px 0px; height: 40px; position: relative;}
.news_l_t li:before{position: absolute;right:-15px; top: 0px;color: #666;}
.news_l_t li:last-child:before{content: '';}
.news_l_t li.hover{ color: #e00d0d; border-bottom: 2px solid #e00d0d }
.news_l_t span { float: right; text-transform: uppercase; }
.news_l_con{ height: 350px; overflow: hidden;width: 100%; float: left }

.news_lcon dl {width: 100%;float: left; background: #e00d0d; color: #fff;}
.news_lcon dl dt {width: 360px; float: left}
.news_lcon dl dt img{ float: left }
.news_lcon dl dd {width: 260px; float: left; padding-top: 18px;}
.news_lcon dl dd p a {font-size: 20px; color: #fff}
.news_lcon dl dd span {width: 100%; float: left; font-size: 12px; color: #f4a8a8; line-height: 34px;}
.news_lcon dl dd b{font-size: 14px; color: #fad5d5; line-height: 24px; float: left; }

.news_lcon ul{width: 100%;float: left;padding-top:16px;}
.news_lcon ul li { height: 34px; line-height:34px;width: 100%; float: left }
.news_lcon ul li b { float: left;position: relative; }
.news_lcon ul li b:after{ position: absolute;left: 0px;top: 12px; content: ""; width: 10px; height: 10px; background:url(../image/option2.jpg) left center no-repeat;  }
.news_lcon ul li a { color: #666;text-indent: 20px; }
.news_lcon ul li a:hover b:after{ position: absolute;left: 0px;top: 12px; content: ""; width:10px; height: 10px; background:url(../image/option1.jpg) left center no-repeat;   }
.news_lcon ul li a:hover {color: #e00d0d}
.news_lcon ul li span { float: right;}


.firm_tit {width: 100%; float: left;padding-bottom:20px; font-weight: normal;}
.firm_tit  p { float: left }
.tit_col_80b{font-size: 24px; color: #e00d0d;font-weight: bold}
.firm_tit span { font-size: 14px; color: #2e2e2e; float: right; display: inline-block; text-transform: uppercase; padding-top:12px;}


.issue_b{width: 500px; float: left;padding: 0px 0px 0px 0px;height: 460px;}
.issue_b_r{ float: left;}
.issue_b_r .slider{ width:480px; }
.issue_b_r .slider li{ float:left;width: 475px;background: #fff;margin-right: 10px;margin-bottom: 20px;border: 1px solid #e5e5e5; font-size: 14px; color: #666666;padding:15px 5px 5px 15px;}
.issue_b_r .slider li p {width: 100%;padding-bottom: 10px;font-weight:bold;float: left;}
/*.issue_b_r .slider li:last-child{ border: none;}*/
.issue_b_r .slider li p a{color:#656565;}
.issue_b_r .slider li p a:hover{color:#ff0000;}
.issue_b_r .slider li p span {width: 18px; height:18px; border-radius: 50%;background: #e00d0d;display: inline-block;line-height: 18px;text-align: center;color: #fff; font-size: 12px;margin-right: 5px;float: left;}
.issue_b_r .slider li p b {width: 18px; height:18px; border-radius: 50%;background: #787878; display: inline-block;line-height: 18px;text-align: center;color: #fff; font-size: 12px;margin-right: 5px;float: left;font-weight: normal;}
.issue_b_r .slider li p em{width:445px; float: left;line-height: 20px;float: left;height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.copy{
	width: 100%;
	float: left;
	background: url(../image/copy_bj.png) left center repeat-x;
	height: 350px;;
}
.link{
	width: 100%;
	float: left;
	height: 60px;
	line-height: 60px;
}
.link dl {
	width: 100%;
	float: left;
}
.link dl dt{
	float: left;
	font-size: 18px;
	color: #ffffff;
}
.link dl dd{
	float: left;
}
.link dl dd a{
	float: left;
	margin: 0px 10px;
	position: relative;
	font-size: 14px;
	color: #a9a9a9;
}
.link dl dd a:hover{
	color: #e00d0d
}
.link dl dd a::after{
	content: "|";
	position: absolute;
	right: -10px;
	top: 0px;
	color: #a9a9a9;
}

.link dl dd a:last-child::after{
	content: "";
	position: absolute;
	right: -10px;
	top: 0px;
}
.copy_bot{
	width: 100%;
	float: left;
	padding-top: 60px;
}
.copy_bot_l{
	width: 950px;
	float: left;
}
.copy_bot_l p{
	width: 170px;
	float: left;
	margin-right: 40px;
}
.copy_bot_l ul {
	width: 730px;
	float: left;
	font-size: 14px;
	color: #9a9a9a;
	line-height: 28px;
	padding-top: 10px;
}
.copy_bot_r{
	width: 250px;
	float: right;
}
.copy_bot_r p{
	width: 150px;
	float: left;
	text-align: center
}
.copy_bot_r span{
	width: 90px;
	margin-right: 10px;
	margin-top: 20px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	color: #a9a9a9;
}
.copy_bot_r span b{
	width: 100%;
	float: left;
	display: inline-block
}




.banner_img{width:100%;height: 300px;margin: auto;overflow: hidden;overflow: hidden;}
.banner_img p{width:100%;height:300px;margin: auto;overflow: hidden;overflow: hidden;position: relative;top: 0px;}
.banner_img p img { position: absolute;left:50%;margin-left: -960px;}


.content{width: 100%; float: left; padding:35px 0px; }
.nav_page{ width: 260px; float: left; padding-bottom: 50px; }
.nav_page h1{width: 100%; background: #333;  height: 90px; line-height: 90px;}
.nav_page h1 p {float: left; width: 100%;}
.nav_page h1 p img,.nav_page h1 p span { float: left;display: inline-block; font-size: 28px; color: #fff;font-weight: normal; }
.nav_page h1 p img{padding:20px 10px 0px 20px;}

.nav_page ol { margin-bottom: 10px; width: calc(100% - 2px); float: left;border:1px solid #e5e5e5; }
.nav_page ol li { line-height: 50px; background:#f3f3f3;color: #f3f3f3; margin-top:3px; }
.nav_page ol>li>a {width:100%; color: #000; display: inline-block;position: relative;text-indent: 30px;background: url(../image/page_list_icon.png) no-repeat 270px center;transition: all .3s ease;}
.nav_page ol li ul{display: none;}
.nav_page ol li ul li {width: 100%; height: 40px;line-height: 40px; text-indent: 20px; background: #fff;color: #333}
.nav_page ol li ul li.show a{color:#e00d0d;}
.nav_page ol li.hover ul{display: block;}
.nav_page>ol>li.hover>a,.nav_page>ol>li>a:hover{
    color: #fff;
    background:#e00d0d url(../image/page_list_icon.png) no-repeat 230px center;
}



.about_l_b {width: 100%; background:#333; float: left; color: #fff; height: 110px; text-align: center;}
.about_l_b p { font-size: 18px;padding-top:30px;width: 100%; float: left; display: inline-block; }
.about_l_b span { font-size: 26px;position: relative;width: 100%; float: left;display: inline-block; }
.about_l_b span:before {content: '';position: absolute; left: 45%;bottom:0px;width: 40px; height: 2px; background: #fff}


.content_r{ width: 905px; float: right; }
.page_tit{width:calc(100% - 20px); padding-right:20px; float: left; background:#f4f4f4; height: 50px; line-height: 50px; font-size: 18px; font-weight: normal;color: #fff; text-indent: 20px;}
.page_tit span,.page_tit a { color: #333333; padding: 0px 2px }
.page_tit a:hover { color: #e00d0d }
.about_con{width: 100%; float: left}
.about_con div {font-size: 14px; color: #666; line-height:30px; width: 100%; float: left}
.page_tit .fl {background:#333;padding-right:10px; position: relative;}
.page_tit .fl:after{ content:""; right: -50px; top: 0px;width: 0px; position: absolute;height: 0px;border-top: 50px solid #333; border-right: 50px solid transparent;}


/* .anli ul {float: left;width: 100%;padding-top: 15px;}
.anli ul li { float: left;width: 220px; text-align: center;margin-right:8px;margin-bottom:10px;background: #fff; }
.anli ul li img{ float: left;}
.anli ul li a b{line-height: 48px; display: inline-block;color: #333333;width: 100%;margin-top: -5px;}
.anli ul li:nth-child(4n){margin-right: 0px; float: right;}
 */

.anli{float: left;min-width:905px;}
.anli ul {float: left;width: 100%;padding-top: 15px;}
.anli ul li{ float: left;width: 292px; text-align: center;margin-right:9px;margin-bottom:10px;position: relative; }
.anli ul li a{
	width:292px;
	display:inline-block
}
.anli ul li img{width:278px;background: #fff;border:1px solid #d9d9d9;padding:2px;}
.anli ul li a b {line-height: 38px; display: inline-block;color: #333333;font-size: 14px;width: 100%}
.anli ul li:nth-child(4n){margin-right: 0px;}
.anli ul li.hover a{ color: #e00d0d;display: inline-block; }
.anli ul li.hover a b{ color: #e00d0d}

.anli_img {width: 905px; height: 360px; overflow: hidden;}
.anli_img ul li:nth-child(4n){margin-right: 8px;}
.anli_scroll{ width: 905px; height: 360px;  position: relative;left: 0px; float: left}
.anli_scroll ul {width: 10000px;height: 360px;  }

/* #container {margin:0 auto;width:905px;} */
#gallery-overlay {background-color:#000;}
#gallery-container {font: 16px/22px verdana, arial, sans-serif;}
#gallery { color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottom-right:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottom-left:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px;}
#gallery-meta {display:none; height:44px; padding:0px 8px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:left; width:80%;}
#gallery-close {line-height:30px; text-align:right; width:20%;}
#gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#bbb;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
#gallery-title a:visited:hover {color:#999}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}



.pages { display: table;margin: auto;padding-top: 30px; padding-bottom:50px;}
.pages li { float: left;}
.pages li a{height: 32px;  padding:0px 10px;line-height: 32px; background: #f3f3f3;color: #666; display: inline-block;margin-right: 10px;color: #666;text-align: center;}
.pages li a:hover{height: 32px;line-height: 32px; background: #e00d0d;color: #fff; text-align: center;}
.pages li.active a{background: #e00d0d; color: #fff}


.contact { float: left;width: 100%; position: relative;}
.contact div{ font-size: 14px; color: #7d7d7d; line-height: 30px;}


.product_order{float: left;}
.product_order h3 { font-weight: normal; font-size: 14px; color: #666; line-height: 30px;padding-top: 15px; }
.product_order ol li {line-height: 30px;width: 100%; float: left;margin-top: 20px;}
.product_order ol li span {width: 80px; text-align: right; display: inline-block;font-size: 14px; color: #000000;padding-right: 10px; float: left;}
.product_order ol li input{outline: none;border: none;width: 210px; height: 30px; line-height: 30px;border: 1px solid #a9a9a9; float: left;padding-left: 5px;}
.product_order ol li textarea{width: 510px; height: 130px;padding: 5px;resize:none;outline: none;}
.product_order p input{width: 100px; height: 40px;border: none;color: #fff;margin:20px 0px 40px 90px;cursor: pointer;outline: none; }
.product_order p input:first-child{ background: #e00d0d}
.product_order p input:last-child{ background: #414143;margin-left: 10px;}


.faq{width: 100%; float: left}
.faq dl{ padding:20px 0px; font-size: 14px; line-height: 24px; border-bottom: 1px dashed #7d7d7d}
.faq dl dt{ padding-bottom:10px; }
.faq dl,.faq dl dt,.faq dl dd{ float: left; width: 100%;  }
.faq dl dt span,.faq dl dt p,.faq dl dt i,.faq dl dd span,.faq dl dd p{ float: left; display: inline-block;}
.faq dl span{width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background:#414143;margin-right:10px;}
.faq dl dt span { background:#e00d0d; }
.faq dl dd p {width: 860px; color: 666;}
.faq dl dt p a{ color: #333;font-size: 16px; font-weight:bold;}
.faq dl dt p a:hover{ color: #e00d0d}
.faq dl dt i { color: #e00d0d; margin-left:10px; }



.faqshow{padding-bottom: 0px;width: 100%; float: left;}
.faqshow .tc{ text-align: center;width: 100%;font-size: 18px; color: #e00d0d;font-weight: bold;padding:40px 0px 20px; }
.faqshow div{ line-height: 28px; color: #666;font-size: 14px;padding-bottom: 5px; float: left}
.faqshow dl{ float: left;width: 100%;line-height: 26px;font-size: 14px;}
.faqshow dl dt{ float: left;color: #666;}
.faqshow dl dd a{ float: left;color: #666}
.faqshow dl dd a:hover{ color: #e00d0d}


.news {width: 100%; float: left}
.news dl {margin-top:20px;width: 100%; float: left; cursor: pointer;}
.news dl dt {width: 90px; float: left; margin-right:15px; text-align: center;}
.news dl dt span {width: 100%; height: 60px; line-height: 60px; background: #f3f3f3; color: #333333; font-size: 26px;display: inline-block;}
.news dl dt i {width: 100%; height: 30px; line-height: 30px; background: #414143; color: #fff; display: inline-block;}
.news dl dd { width: 780px; float: left }
.news dl dd p a{font-size: 16px; color: #333;width: 100%; float: left; line-height: 24px}
.news dl.hover dd p a {color:#e00d0d}
.news dl.hover dt i{ background:#e00d0d  }
.news dl dd span {font-size: 14px; color: #666;width: 100%; float: left; line-height: 22px}


.product_order{float: left;}
.product_order ol li {line-height: 30px;width: 100%; float: left;margin-top: 20px;}
.product_order ol li span {width: 80px; text-align: right; display: inline-block;font-size: 14px; color: #000000;padding-right: 10px; float: left;}
.product_order ol li input{outline: none;border: none;width: 210px; height: 30px; line-height: 30px;border: 1px solid #a9a9a9; float: left;padding-left: 5px;}
.product_order ol li textarea{width: 510px; height: 130px;padding: 5px;resize:none;outline: none;}
.product_order p input{width: 100px; height: 40px;border: none;color: #fff;margin:20px 0px 40px 90px;cursor: pointer;outline: none; }
.product_order p input:first-child{ background: #e00d0d}
.product_order p input:last-child{ background: #414143;margin-left: 10px;}

.pro_tit {width: 100%; height: 50px; line-height: 50px; color: #e00d0d; font-size: 18px; text-indent: 20px; float: left; background: #f4f4f4; font-weight: normal;}
/*.block span { float: left; width: 36px;margin-top:15px; }
.block ul { float: left; width: 220px; overflow: hidden;margin-top:15px;margin-left: 5px; }
*/

.faqshow_top {width: 100%; float: left ; margin-bottom:30px;}
.col_c79255 { color:#e00d0d;font-weight:bold;}

.faqshow .faqshow_r {width: 460px; float: right;padding-top:20px;}
.faqshow .faqshow_r p {padding-bottom:10px}
.faqshow .faqshow_r p.col_c79255 { color: #e00d0d }

a.cloud-zoom img{border:1px solid #f5f5f5;width: 300px;}
.block{width:300px;margin:20px 0px 0px;text-align:center; float: left}
.block ul img{border:1px solid #f5f5f5;float:left;margin:0px 5px;width: 60px;}
.block ul a.hover img{ border: 1px solid #ff9f00 }
.block ul li {width: 10000px;}
p.author{clear:both;text-align:center;color:#999;font-size:11px;}
p.author a{text-decoration:none;color:#666;border-bottom:1px dashed #CCC;width: 60px;float: left}

	
/* This is the moving lens square underneath the mouse pointer. */
/* .cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	Set this to minus the border thickness.
	background:#fff;	
	_background:none;
	cursor:move;		
}
 */
/* This is for the title text. */
/* .cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}
 */
/* This is the zoom window. */
/* .cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}
 */
/* This is the loading message. */
/* .cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}
 */


.download{width: 100%; float: left;margin-top: 20px;}
.download ul li {width: 100%; height: 45px;line-height: 45px; float: left; background: #efefef;margin-bottom: 8px; cursor: pointer;}

.download ul li p {position: relative; text-indent: 30px;width: 80%; overflow: hidden; float: left;font-size: 14px;}
.download ul li p:before{position: absolute; left: -15px; content: '·'; top: 0px; font-size: 40px; color: #333;font-size: 14px;}

.download ul li span { float: right; }
.download ul li span a{width: 120px; height: 45px; background: #333; line-height: 45px; text-align: center; display: inline-block;color: #fff;font-size: 14px;}
.download ul li span a:hover{width: 120px; height: 45px; background: #e00d0d; line-height: 45px; text-align: center; display: inline-block;color: #fff;font-size: 14px;}

.download ul li.hover {color: #e00d0d}


.lf{float: left;}
.rt{float: right;}
.product_detail {
    padding: 20px 0;
    position: relative;
    left:0px;
}

.detail_pic {
    width: 340px;
}

.detail_pic img {
    width: 100%;
}

.detail_text {
    width: 490px;
}

.detail_text h1 {
    color: #e7a60b;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 5px;
}

.detail_text p {
    font-size: 14px;
    line-height: 24px;
}

.detail_text .buy-btn {
    display: block;
    width: 150px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    background: #008BD6;
    margin-top: 40px;
    margin-bottom: 15px;
}

.product_detail_list {
    padding: 0px 0;
    overflow: hidden;
}

.product_detail_list ul {
    margin-right: -20px;
    position: relative;
}

.product_detail_list li {
    float: left;
    width: 208px;
    margin-right: 20px;
    text-align: center;
}

.product_detail_list li .product_detail_list_pic {
    height: 208px;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid #efefef;
    overflow: hidden;
}

.product_detail_list li img {
    width: 100%;
}

.product_detail_list li p a {
    display: block;
    font-size: 14px;
    line-height: 34px;
    background: #008bd6;
    color: #fff;
}

.product_detail_info_l {
    position: relative;
    float: left;
    width: 402px;
}

.product_big {
    position: relative;
    height: 402px;
	width: 402px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: move;
}

.img_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background-size: 100%;
    margin: -100px 0 0 -100px;
    display: none;
}

.zoom_box {
    position: absolute;
    top: 0;
    right: -405px;
    width: 400px;
    height: 400px;
    border: 1px solid #e9e9e9;
    display: none;
}

.product_big img {
    width: 100%;
}

.product_small_list {
    margin-left: 2px;
    width: 368px;
    overflow: hidden;
}

.product_small_list ul {
    width: 100000px;
    position: relative;
}

.product_small_list li {
    float: left;
    width: 69px;
    height: 69px;
    text-align: center;
    padding: 1px;
    margin: 0 2px;
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;

}


.product_small_list li img {
    width: 63px;
	height: 63px;
}

.product_small_list li.show {
    border: 2px solid #e00d0d;
    padding: 0;
}

.faqshow div.product_small_btn {
    width: 16px;
    height: 69px;
    line-height: 69px;
    text-align: center;
    font-size: 14px;
    font-family: 宋体;
    border: 1px solid #ccc;
    background: #e9e9e9;
    box-sizing: border-box;
    cursor: pointer;
}
.faqshow div .product_small_r{float: right;}
.order_btn a {width: 120px;height: 40px; line-height: 40px;display: inline-block; text-align: center; color: #fff;background: #e00d0d; float: left;margin-top: 20px;}
.order_btn a:hover{color: #fff}

.faqshow_tyext{ width: 100%; float: left; line-height: 28px; color: #666;font-size: 14px;padding-bottom: 20px; float: left }