@charset "utf-8";

/* CSS Document */

@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "微软雅黑";
}

body {
	font-family: "微软雅黑";
	font-size: 14px;
	background: #FFFFFF;
	min-width: 1920px;
	width: 100%;
      /*overflow-x : hidden;  */
       /*overflow-y : hidden;   */
}

a,
img {
	border: 0;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #00b156;
}

a:focus {
	outline: none
}

.fl {
	float: left;
	*display: inline;
	margin-left: 10px;
}

.indexfl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	*display: inline
}

img {
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#index {
	margin: 0 auto;
	max-width: 100%;
	min-width: 100%;
}

.overall {
	height: auto;
}

.header {
	width: auto;
	height: 100px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	background: #FAFAFA;
}

.header_left {
	width: auto;
	height: 50px;
	float: left;
	margin-left: 15%;
	font-size: 25px;
	line-height: 50px;
	margin-top: 20px;
}

.header_left span {
	
	color: #DA7541;
}

.header_left font {
	font-weight: bold;
}

.header_left img {
	float: left;
	padding-right: 10px;
}

.header_right {

	/*height: 100px;*/
	line-height: 100px;
	margin-left: 600px;
	/*float: right;*/
	/*margin-top: 10px;*/
	/*margin-right: 18.5%;*/
	padding-top: 28px;
	background-color: #FAFAFA;
	width: 600px;

}

.header_right a {
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	padding: 0px 20px;
	display: block;
	float: left;
}

.header_right a:hover {
	text-decoration: none;
	background: #D26B36;
	color: #fff;
}

.header_right a.thisclass {
	text-decoration: none;
	background: #e08c62;
	color: #fff;
}


/*轮播*/

#full-screen-slider {
	width: 100%;
	height: 400px;
	margin: 5px auto;
	padding-right: 13px;
}

#slides {
	display: block;
	width: 100%;
	height: 400px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#slides img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#slides li {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute
}

#slides li a {
	display: block;
	width: 100%;
	text-indent: -9999px
}

#pagination {
	display: block;
	list-style: none;
	position: absolute;
	left: 25%;
	top: 52%;
	z-index: 9900;
	padding: 5px 15px 5px 0;
	margin: 0
}

#pagination li {
	display: block;
	list-style: none;
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 15px;
	border-radius: 5px;
	background: #FFF
}

#pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}

#pagination li.current {
	background: #0092CE
}


/*产品列表*/

#wrap {
	width: 1355px;
	height: auto;
	margin: 40px auto;
}

#wrap ul {
	height: 610px;
	margin: 0 auto;
	margin-left: 10px;
}

#wrap ul li .a1 img {
	width: 100%;
	height: 267px;
}

#wrap ul li {
	width: 23.6%;
	height: 300px;
	list-style: none;
	float: left;
	margin-right: 18px;
	/*阴影*/
	box-shadow: 0px 0px 10px #C3C3C3;
	/*Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+*/
	-webkit-box-shadow: 0px 0px 10px #C3C3C3;
	-moz-box-shadow: 0px 0px 10px #C3C3C3;
	/*background-clip: padding-box;*/
	opacity: 0.9;
	/*透明度*/
}

#wrap ul li .a1 .divA {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 300px;
	height: 46px;
	padding: 10px 20px;
	background: #fafafa;
}

#wrap ul li .a1 .divA>.p1 {
	width: 312px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	color: #666;
}

#wrap ul li .a1 .divA>.p2 {
	width: 200px;
	height: 21px;
	font-size: 11px;
	color: #b4b4b4;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/*遮罩*/

#wrap ul li .a2 {
	position: absolute;
	top: 0;
	left: -474PX;
	width: 100%;
	height: 267px;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.2s;
}

#wrap ul li .a2 div {
	width: 95%;
	height: auto;
	/*text-align: float;*/
	padding-top: 10px;
	margin: 0 auto;
}

.product_cengt{
	height: 100%;
}
/*左边导航*/
.product_cengt{
	width: 1200px;
	/*height: 700px;*/
	margin: 0 auto;

}
.center_left{
	float: left;
	width: 280px;
	margin-top: 20px;
}
/*.list {*/
	/*width: 270px;*/
	/*border: 1px solid #FFFFFA;*/
/*}*/
.chanp{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	text-align: center;
	color: #000000;
}
.list>ul>li {
	background-color: #fffff0;

}

.list ul li a {
	padding-left: 20px;
	color: #000000;
	font-size: 16px;
	display: block;
	font-weight: normal;
	height: 60px;
	line-height: 60px;
	position: relative;
}

.list ul li .inactive {
	background: url(../images/off.png) no-repeat 240px center;
}
.list ul li .inactiveHover{
	color: white;
	background: url(../images/off_white.png) no-repeat 240px center;
	background-color: #e08c62;
}
.list ul li .inactives {
	background: url(../images/on.png) no-repeat 240px center;
	background-color: #e08c62;
	color: white;
}

.list ul li ul {
	display: none;
}

.list ul li ul li {
	/*background-color: #FFFFFA;*/
	/*border-top-width: 0px;*/
	/*border-right-width: 0;*/
	/*border-bottom-width: 1px;*/
	/*border-left-width: 0;*/
	/*border-top-style: ridge;*/
	/*border-right-style: ridge;*/
	/*border-bottom-style: ridge;*/
	/*border-left-style: ridge;*/
	/*border-top-color: #e08c62;*/
	/*border-right-color: #e08c62;*/
	/*border-bottom-color: #e08c62;*/
	/*border-left-color: #e08c62;*/
}

.list ul li ul li ul {
	display: none;
}
.list ul li ul li:hover .list ul li ul li a{
	/*background: #e08c62;*/
	/*transition:all .5s ease;*/
	color: #fff;
}
.list ul li ul li a:hover{
	color: #e08c62;
}
.list ul li ul li a {
	padding-left: 20px;
}

.list ul li ul li ul li {
	background-color: #d6e6f1;
	border-color: #6196bb;
}

.last {
	text-indent: 1rem;
}

.list ul li ul li ul li a {
	color: #316a91;
	padding-left: 30px;
}
.center_right{
	float:left;
	width: 900px;
	margin-left: 20px;
	height: 100%;
}
/*左侧导航样式  --- 新加*/
.list {
	width: 280px;
	height: auto;
	position: relative;
	float: left;
}

.last {
	z-index: 2;
	position: relative;
}
.last a {
	height: 60px;
	line-height: 60px;
	display: block;
	text-decoration: none;
	position: relative;
	z-index: 5;
}
.list .hover {
	width: 5px;
	height: 60px;
	position: absolute;
	top: 50px;
	background: #e08c62;
	z-index: 1;
	display: none;
	border-bottom: none;
}
.list .hover1 {
	width: 10px;
	height: 60px;
	position: absolute;
	top: 50px;
	background: #e08c62;
	z-index: 1;
	display: none;
	border-bottom: none;
	transition: all 0.1s ease;
}
.lanrenzhijia li:hover a {
	color: #fff9ff;
	text-decoration: none;
}

.lanrenzhijia li.on a {
	color: #fff9f8;
}
.list p{
	line-height: 30px;
	/*text-align: center;*/
	text-indent: 2rem	;
}
/*右侧内容*/
.right h3{
	padding-bottom: 9px;
}
.right_one{
	width: 900px;
	height: 300px;
	margin-top: 20px;
    position: relative;
}

.right_one_left{
	width: 50%;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-left: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.right_one_leftContent{
	position: absolute;
	top: 115px;
	margin: -15% 0 0 0;
	width: 590px;
	height: 268px;
	left: 13px;
}
.right_one_right{
	width: 45%;
	height: 100%;
	margin-right: 0;
	display: inline-block;
}

.right_one_right img{
	height: 100%;
}

.right_tow{
	width: 900px;
	/*!*height: 300px;*!  修改后删除*/
	margin-top:20px ;
}

.right_tow_left{
	width: 462px;
	height: 300px;
	float: left;
	padding-left: 0px;
}
.right_tow_left img{
	height: 100%;
}
.right_tow_right{
	width: 398px;
	height: 100%;
	padding: 30px 20px 0;
	margin-left: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
}


/*关于我们*/
.guanyu_cengt{
	width: 100%;
	margin: 0 auto;
}
.guanyu_cengt:after{content: '';clear: both;display: block}
.guanyuleft{
	margin-left: 15%;
	margin-top: 24px;
}
.guanyuleft h2{
	border-radius: 5px 5px 0px 0px;
	width: 9%;
	padding-left: 109px;
	line-height:50px;
	z-index: 9999;
	position: absolute;
	color: #FFFFFF;
}
iframe{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border: none;
	}


/*页数*/
.number {
	width: 80%;
	position: absolute;
	bottom:15%;
}
.paginal_number {
    width: 50%;
    height: 30px;
  float: right;
}
.paginal_number ul {
    width: 80%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;

}
.paginal_number ul li {
    display: inline-block;
    padding: 0 2.5% 0 2.5%;
    line-height: 30px;
    cursor: pointer;
}
.background_blue {
    background: #5eadfa !important;
    color: #fff !important;
}

@media only screen and (max-width: 500px) {
    .gridmenu {
        width:100%;
    }

    .gridmain {
        width:100%;
    }

    .gridright {
        width:100%;
    }
}

.footer{
    margin-top:20px
}



/*css3_3d.css 的样式*/
h2.title{margin-top:35px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.6);letter-spacing:-3px;font-weight:700;font-size:68px;}
h2.title span{display:block;color:rgba(51,51,51,.5);letter-spacing:-2px;font-size:38px;line-height:48px;}
#grid li{position:relative;float:left;overflow:hidden;margin-bottom:10px;margin-right:10px;width:210px;height:260px;border-top:1px solid rgba(255,255,255,.25);background:#FFF;-webkit-box-shadow:0 0 1px rgba(0,0,0,.4);-moz-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);list-style:none;-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;transition:all .15s ease-in;-ms-transition:all .15s ease-in;}
#grid li p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;font-size:11px;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
#grid li.end{margin-right:0;}
#grid li:nth-child(3n){margin-right:10px;}
#grid li:hover{z-index:2;-webkit-box-shadow:0 15px 35px rgba(0,0,0,.3);-moz-box-shadow:0 15px 35px rgba(0,0,0,.3);box-shadow:0 15px 35px rgba(0,0,0,.3);-webkit-transform:scale(1.2) translateY(-40px);-moz-transform:scale(1.2) translateY(-40px);transform:scale(1.2) translateY(-40px);-ms-transform:scale(1.2) translateY(-40px);}
#grid li:nth-child(3n-2):hover{-webkit-transform:scale(1.2) translate3d(0,-30px,0) rotate(-2.5deg);-moz-transform:scale(1.2) translateY(-30px) rotate(-2.5deg);transform:scale(1.2) translateY(-30px) rotate(-2.5deg);-ms-transform:scale(1.2) translateY(-30px) rotate(-2.5deg);}
#grid li:nth-child(3n):hover{-webkit-transform:scale(1.2) translate3d(0,-30px,0) rotate(2.5deg);-moz-transform:scale(1.2) translateY(-30px) rotate(2.5deg);transform:scale(1.2) translateY(-30px) rotate(2.5deg);-ms-transform:scale(1.2) translateY(-30px) rotate(2.5deg);}
#grid img,#grid li,.backface,li[id]:target div{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#grid .details{position:absolute;bottom:0;padding:10px;width:100%;border-top:1px solid #E0E0E0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background:#fff;background:rgba(255,255,255,.87);}
#grid .details h3{margin-bottom:0;letter-spacing:-1px;}
#grid .details a.more{position:absolute;top:5px;right:10px;padding:6px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:15px;background-color:rgba(0,0,0,.03);-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.15),0 1px 0 rgba(255,255,255,.6);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.15),0 1px 0 rgba(255,255,255,.6);box-shadow:inset 0 0 3px rgba(0,0,0,.15),0 1px 0 rgba(255,255,255,.6);font-size:12px;-webkit-transition:all .15s ease-in;}
#grid .details a.more:hover{background-color:#0090e2;color:#fff;}
#information{z-index:20;}
#information li div h3{margin:-30px -30px 20px;padding:15px 30px;border-radius:5px 5px 0 0;background-color:#0090E2;color:#fff;text-shadow:rgba(0,0,0,.4492);text-shadow:1px 1px 1px rgba(0,0,0,.45);letter-spacing:-2px;font-weight:700;font-size:20px;}
li[id]:target{position:fixed;z-index:10;overflow-x:hidden;margin-bottom:25px;width:100%;height:100%;opacity:1;}
li[id]:target::-webkit-scrollbar{position:relative;width:8px;background-color:rgba(0,0,0,.6);}
li[id]:target::-webkit-scrollbar-thumb{-webkit-border-radius:1ex;background-color:#6CF;}
li[id]:target div{position:relative;top:15%;margin:0 auto;padding:30px;width:600px;background:#fff;-webkit-box-shadow:0 1px 8px #000;-moz-box-shadow:0 1px 8px #000;box-shadow:0 1px 8px #000;-webkit-animation:lightbox .75s cubic-bezier(0,0,0,1);-moz-animation:lightbox .5s cubic-bezier(0,0,0,1);}
li[id]{position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;background:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity .2s cubic-bezier(0,0,0,1);-moz-transition:opacity .2s cubic-bezier(0,0,0,1);transition:opacity .2s cubic-bezier(0,0,0,1);}
li[id] div a.close{position:absolute;top:-10px;left:-10px;padding:12px 9px 9px;border:2px solid #fff;border-radius:30px;background:#000;-webkit-box-shadow:rgba(0,0,0,.3) 1px 1px 1px;-moz-box-shadow:rgba(0,0,0,.3) 1px 1px 1px;box-shadow:rgba(0,0,0,.3) 1px 1px 1px;color:#fff;text-align:center;font-weight:700;line-height:0;}
@-webkit-keyframes lightbox{0%{-webkit-transform:scale(5) rotateY(-270deg);}
	100%{-webkit-transform:scale(1) rotateY(0);}
}
@-moz-keyframes lightbox{0%{-moz-transform:scale(5);}
	100%{-moz-transform:scale(1);}
}
.no-csstransforms #information li{position:relative;overflow:visible;margin:0 auto;margin-bottom:25px;padding:30px;width:600px;height:auto;background:#fff;list-style:none;}
.no-csstransforms #information li div a.close{position:relative;top:0;left:0;padding:0;background:0 0;color:#0090e2;font-weight:400;font-size:12px;}


/*悬浮窗客服*/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:fixed; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg1.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p {padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg1.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/orange_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}


/*联系我们 公司资质*/
.company_qualifications:after{content: '';display: block;clear: both;}
.company_qualifications_li{float: left;width: 22%;margin: 20px 1.4%}
.company_qualifications_li_text{font-size: 14px;text-align: center;height: 40px;line-height: 40px; }
.company_qualifications_li_img{width: 100%;}
.contac_popup{position: fixed;top: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);z-index: 99999;overflow:hidden; display: none;}
.contac_popup_con{height: 90%;width: 600px;margin: 2.5% auto;position: relative}
.contac_popup_con_img{height: 100%;}
.contac_popup_btn{display:block; position:absolute;font-size: 60px;top: 50%;margin-top: -25px;height: 50px;width: 50px;}
.prevBtn{left: -150px;background: url("../images/zuo.png") no-repeat;background-size: 100%;}
.nextBtn {right: -150px;background: url("../images/you.png") no-repeat;background-size: 100%;}
.popup_close{display: block;position: absolute;height: 50px;width: 50px;background-color: rgba(0,0,0,.3);color: white;text-align: center;line-height: 41px;font-size: 50px;transform: rotate(45deg);right: 80px;top: 40px;border-radius: 50px;}


/*添加样式*/
.product_img{
	height: 100%;
	width: 100%;
}
.tem_txt{color: #646363}
.product_cengt{margin-bottom: 40px;}
.product_cengt:after{
	content: '';display: block;clear: both;
}
.guanyu_cengt:after{
    content: '';display: block;clear: both;
}
.clear_both:after{
	content: '';display: block;clear: both;
}
.rbsWrap{width:900px;}
.STYLE4Span{display:block;margin:5px;font-size:16px;}
.STYLE6P{margin-top:5px;font-size:16px;line-height:25px;}
.STYLE5H3{padding-bottom:5px;}

.STYLE2{color:#E97B3F;font-weight:700;font-size:18px;}
.STYLE3 {font-size: 18px;font-weight: bold;}
.STYLE4{font-size:18px;}
.STYLE5{font-size:24px;}
.STYLE7{font-weight:700;font-size:24px;}
.STYLE8 {font-size: 16px}
.STYLE9{font-weight:700;font-size:18px;}
.STYLE10 {font-size: 16px;font-weight: bold;}
.STYLE11{font-size:16px;}
.STYLE12{font-weight:700;font-size:16px;}
.STYLE13 {font-size: 16px}
.STYLE14 {font-size: 16px;font-weight: bold;}
.STYLE15 {font-size: 14px}
.STYLE16{font-size:16px;}
.STYLE23{margin:10px 0;font-size:16px;}
.STYLE24{font-size:16px;}

.STYLE4Span{display: block;margin: 5px;font-size: 16px}
.STYLE6P{font-size: 16px;margin-top: 5px;line-height: 25px;}
.STYLE5H3{padding-bottom: 5px}
.STYLE7 {font-size: 24px; font-weight: bold; }

.auto-style1{font-size:xx-large;}
.auto-style2{font-size:large;}
.auto-style3{margin-top:44px;}
.list ul li .selected{color:#e08c62; }