html,body{
	padding: 0;
	margin: 0;
	font-family: "microsoft yahei";
	font-size: 16px;
	color: #333;
	overflow-x:hidden;
}

.wrap{
	max-width: 1200px;
	margin: 0 auto;
}
ul{
	padding: 0;
	margin: 0;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fp-tableCell{
	vertical-align: top;
}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    
    text-decoration: none;
}
img{
	max-width: 100%;
}
/**导航菜单**/
header{
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	box-shadow:0 0 10px rgba(0, 0, 0, .2);
}
header .logo{
}
header .rightDiv .top{
	overflow: hidden;
	font-size: 12px;
	color: #777;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 25px;
}
header .rightDiv .top span{
	padding: 13px 0;
}
header .rightDiv .top a{
	color: #777;
	padding: 13px 15px;
}
header .rightDiv .top a:hover{
	color: #f40e00;
}
header .rightDiv .top a.wxDiv{
	padding: 0 20px;  font-size:16px;   color: #fff;
    background: #f40e00; display: inline-block; line-height: 40px;
}
header .rightDiv .top a.wxDiv .ewmImg{
	position: absolute;
	right: 0;
	top: 43px;
	display: none;
}
header .rightDiv .top a.wxDiv:hover .ewmImg{
	display: block;
}

header .rightDiv .menu{
	text-align: center;
	padding: 12px 0 0 25px;
}
header .rightDiv .menu ul{
	display: inline-block;
	overflow: hidden;
}
header .rightDiv .menu ul li{
	float: left;
	position: relative;
}
header .rightDiv .menu ul li a{
	padding: 10px 38px 18px;
	text-align: center;
	color: #252525;
	font-size: 18px;
	/*font-weight: bold;*/
	display: block;
font-family:微软雅黑；
}
header .rightDiv .menu ul li a.on{
	background: url(img/li-bg.png) no-repeat center 0px;
	background-size: 100% 100%;
	color: #ae7328;
}
header .rightDiv .menu ul li a img{
	position: relative;
	top: -2px;
}
header .rightDiv .menu ul li a span{
	color: #8f8f8f;
	font-size: 14px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: normal;
}
header .rightDiv .menu ul li a.on span{
	/*display: none;*/
}
header .rightDiv .menu ul li a:hover{
	color: #f40e00;
	background: url(img/li-bg.png) no-repeat center 0px;
	background-size: 100% 100%;
}
header .mbtn {
    display: inline-block;
    width: 50px;
    height: 65px;
    background: url(img/menu.png) no-repeat center #bb8837;
    background-size: 22px auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
border-left: 1px solid #c5c1c1;
}
header .mbtn:active{
    opacity: .8;
}
body.on-menu header .mbtn{
    background-image: url(img/menu-hide.png);
}
/****底部***/
.footer{
	background: #333333;
	font-size: 12px;
	color: #898989;
}
.footer .wrap{
	text-align: center;
	padding: 15px 0;
}

/********************************* 首页 **********************************/
/*banner轮播*/
.index-banner{
    width: 100%;
	margin-top: 70px;
	position:relative;
}

.index-banner .imgDiv{
	background-size:auto 100%;
	position: relative;
	min-height:825px;
	display:flex;
    justify-content:center;
    align-items:center;
}

.index-banner .imgDiv .textDiv{ z-index: 22222222222;
	/*width: 849px;
    height: 221px;*/
    /*position: absolute;*/
    /*top: 40%;
    margin-top: -180px;*/
    /*margin-left: -430px;*/
    /*left: 50%;
    margin-left: -25%;*/
}
/*.index-banner  .imgDiv .textDiv .p1{
    transform: translateX(-300%);
	transition: transform 900ms;
    opacity:0;   
}
.index-banner .active .imgDiv .textDiv .p1{
	transform: translateX(0);
	opacity: 1;
}*/

.index-banner .imgDiv .textDiv h2{
	font-size: 50px;
	color: #fff;
	text-align:center;
	letter-spacing: 5px;
	margin: 0;
background: #1b191942;
    border-radius: 20px 20px 0px 0px;
}
.index-banner .imgDiv .textDiv p{
	padding: 15px;
	color: #fff;
 
	text-align: center;
background: #1b191942;
    border-radius: 0px 0px 20px 20px;
}

.carousel{
	position: relative;
}
.carousel-indicators{
	position: absolute;
	bottom: 0px;
	margin-bottom: 42px;
	z-index: 2;
}
.carousel-indicators li{
	width:19px; 
	height:19px; 
	margin:0px 10px;
	background:transparent;
	border: 1px solid #fff;
	border-radius
	width:19px; 
	height:19px; : 50%;
}
.carousel-indicators .active{
	width:19px; 
	height:19px; 
	border: 1px solid #f40e00;
	background: transparent;
	margin:0px 10px;
}

/********产品中心*********/
.index-product{background: url(img/index-bg1.jpg) no-repeat center center;background-size:100% 100%;padding-top: 68px; padding-bottom:60px;}
.indexTitle{text-align: center;color: #fff;}
.indexTitle span{display: block;}
.indexTitle span.eng{color: #f40e00;font-size: 30px;text-transform: uppercase;}
.indexTitle span.chi{color: #c6c6c6;font-size: 18px;margin: 0px 0 7px;}
.indexTitle p{color: #808080;font-size: 13px;line-height: 20px;}
.index-product .tabDiv {text-align: center;margin-top: 50px;}
.index-product .tabDiv ul{overflow:hidden;display: inline-block;}
.index-product .tabDiv ul li{float: left;}
.index-product .tabDiv ul li a{font-size: 14px;color: #fff;padding: 10px 26px;display: block;line-height: 1; cursor:pointer;}
.index-product .tabDiv ul li a.active{color: #fff;background: #f40e00;}

.index-product .proList{margin: 40px 70px;}
.index-product .proList .item .imgDiv{position: relative;overflow: hidden;}
.index-product .proList .item .imgDiv img{
	transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.index-product .proList .item .imgDiv:hover img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}

.index-product .proList .item .imgDiv .bgDiv{transition:all .6s;display:none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(img/index-pro-img-bg.png) no-repeat center center;background-size:95%;}
.index-product .proList .item a:hover .imgDiv .bgDiv{display: block;}
.index-product .proList .item .textDiv{background: #232323;padding:10px 17px;}
.index-product .proList .item .textDiv span{display:block;color: #fff;}
.index-product .proList .item .textDiv p{margin: 0;font-size: 12px;color: #858585;}
.index-product .proList .carousel-control{width: 16px;}
.index-product .proList .carousel-control.left{left: -45px;}
.index-product .proList .carousel-control.right{right: -45px;left: auto;}
.index-product .proList .glyphicon-chevron-left:before{content: "";}
.index-product .proList .glyphicon-chevron-right:before{content: "";}
.index-product .proList .carousel-control .glyphicon-chevron-left, 
.index-product .proList .carousel-control .glyphicon-chevron-right{margin-top: -14px;}
.index-product .proList .carousel-control img{display: block;}

.index-product .moreDiv{text-align: center;}
.index-product .moreDiv a{color: #f40e00;font-size: 16px;display: inline-block;width: 173px;height: 40px;line-height: 40px;text-align: center;line-height: 40px;background: #2c2c2c;}
.index-product .moreDiv a:hover{background: #f40e00;color: #fff;}

/*******关于我们*******/
.index-about{
	background: url(img/index-bg2.jpg) no-repeat center center;
	background-size:100% 100%;
	padding: 58px 0 58px;
}
.index-about .indexTitle p{
	/*position: relative;
	width: 892px;
	margin: 20px auto;
	padding-left: 106px;
	padding-right: 106px;*/
	color: #b5b5b5;
	padding-top:40px; font-size:16px; text-align:left; line-height:30px;
}

.iaboutcon{ width:1200px; height:320px; margin:0 auto; padding:20px 0px;}
.iaboutcon video{ float:left; width:620px; height:320px;}
.abouttt{ width:530px; height:320px; float:right;}

.index-about .indexTitle p:before{
	content: "";
	width: 56px;
	height: 50px;
	<!--background: url(img/zy.png) no-repeat center center;-->
	background-size:100%;
	position: absolute;
	left: 0;
	top: 0;
}
.index-about .indexTitle p:after{
	content: "";
	width: 56px;
	height: 50px;
	/*background: url(img/yy.png) no-repeat center center;*/
	background-size:100%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.index-about .moreDiv{text-align: left;}
.index-about .moreDiv a{color: #fff;font-size: 18px;display: inline-block;width: 128px;height: 33px;line-height: 33px;text-align: center;line-height: 30px;background: #f40e00;border-radius: 33px;}
.index-about .moreDiv a:hover{opacity: .8;}
.index-about .index-news{
	overflow: hidden;
	margin-top: 70px;
}
.index-about .index-news .wrap{
	border-top: 0px solid #2c2c2c;
	padding-top: 60px;
}
.index-about .index-news .leftDiv{
	width: 460px;
	float:left;
}
.index-about .index-news .leftDiv .titleDiv{
	color: #7b7b7b;
}
.index-about .index-news .leftDiv .titleDiv span.eng{
	display: block;
	text-transform: uppercase;
	font-size: 18px;
}
.index-about .index-news .leftDiv .titleDiv span.chi{
	display: block;
	color: #f40e00;
	font-size: 30px;
}
.index-about .index-news .leftDiv .titleDiv span.line{
	display: block;
	height: 3px;
	width: 60px;
	background: #d4d4d4;
	margin-top: 50px;
}
/*.index-about .index-news .leftDiv p{
	margin: 90px 0 130px;
}*/

.index-about .index-news .leftDiv p{ margin:32px 0px;}
.index-about .index-news .leftDiv p span{
	display: block;
	font-size: 14px;
	color: #808080;
}
.index-about .index-news .leftDiv .tabDiv1 a{
	font-size: 14px;
	color: #808080;
	margin-right: 40px;
}
.index-about .index-news .leftDiv .tabDiv1 a.active{
	color: #f40e00;
}
.index-about .index-news .leftDiv .tabDiv1 a span{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #949494;
	margin-right: 10px;
}
.index-about .index-news .leftDiv .tabDiv1 a.active span{
	background: #f40e00;
}

.index-about .index-news .rightDiv{
	width:740px;
	float: left;
}
.index-about .index-news .rightDiv>div{
	overflow: hidden;
}
.index-about .index-news .rightDiv .listLeft{
	width: 199px;
	float: left;
}
.index-about .index-news .rightDiv .listLeft a{
	display: block;
	margin-bottom: 13px;
}
.index-about .index-news .rightDiv .listLeft a.active img{
	border: 3px solid #f40e00;
}
.index-about .index-news .rightDiv .listRight{
	width: 511px;
	float: left;
	margin-left: 30px;
	padding: 48px 40px;
	color: #bdbdbd;
	background: #343434;
	text-align: justify;
}
.index-about .index-news .rightDiv .listRight h2{
	font-size: 16px;
	margin: 0;
}
.index-about .index-news .rightDiv .listRight h2 span{
	display: block;
	width:80px;
	margin-top: 15px
	margin-left: 13px;
	font-size: 14px;
	color: #7d7d7d;
	background: #dbdbdb;
	padding: 1px 7px;
}
.index-about .index-news .rightDiv .listRight .textDiv{
	margin: 40px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	font-size: 14px;
	color: #b3b3b3;
	line-height: 24px;
}
.index-about .index-news .rightDiv .listRight .textDiv p{
	margin: 0;
}
.index-about .index-news .rightDiv .listRight .timeMore{
	border-top:1px solid #dfdfdf;
	padding-top: 45px;
	font-size: 14px;
	color: #bdbdbd;
	overflow: hidden;
	margin-top: 100px;
}
.index-about .index-news .rightDiv .listRight .timeMore a{
	/*float: right;
	color: #bdbdbd;*/
float: right;
    color: #ffffff;
    background: #f40e00;
    border: 1px solid #bdbbbb;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 10px;
    font-weight: bold;
}
.index-about .index-news .rightDiv .listRight .timeMore a:hover{
	/*color: #f40e00;	*/
color:#ffffff;
}

/********公司案例*******/
.index-cases{
	padding: 20px 0;
	background: url(img/index-bg3.jpg) no-repeat center center;
	background-size:100% 100%;
	
}
.index-cases .indexTitle span.chi{
	color: #fff;
}
.index-cases .indexTitle p{
	color: #fff;
	max-width: 500px;
	display: inline-block;
}
.index-cases .row{
	margin-left:12px;
	margin-right: 12px;
	margin-top: 45px;
	margin-bottom: 45px;
}
.index-cases .row>div{
	padding: 0 12px;
	margin-bottom: 25px;
}
.index-cases .row>div a:hover .bgDiv{
	display: flex;
}
.index-cases .row .imgDiv{
	position: relative;
	overflow: hidden;
}
.index-cases .row .imgDiv>img{
	width: 100%;
	transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.index-cases .row .imgDiv:hover>img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.index-cases .row .imgDiv .bgDiv{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
    display:none;
    align-items:center;
}
.index-cases .row .imgDiv .bgDiv img{
	position: absolute;
	right: 15px;
	top: 25px;
}
.index-cases .row .imgDiv .bgDiv p{
	width: 100%;
	text-align:center;
	position: absolute;
	left: 0px;
	font-size: 16px;
}
.index-cases .moreDiv{text-align: center;}
.index-cases .moreDiv a{color: #fff;font-size: 15px;display: inline-block;width: 128px;height: 33px;line-height: 33px;text-align: center;line-height: 30px;background: #f40e00;border-radius: 33px;}
.index-cases .moreDiv a:hover{opacity: .8;}

/********为什么选择我们*******/
.index-choose{
	padding: 70px 0;
	overflow: hidden;
	background: url(img/index-bg4.jpg) no-repeat center center;
	background-size:100% 100%;
}
.index-choose .leftDiv{
	width: 448px;
	float: left;
}
.index-choose .leftDiv .titleDiv span.eng{
	display: block;
	text-transform: uppercase;
	font-size: 36px;
	color: #f40e00;
}
.index-choose .leftDiv .titleDiv span.chi{
	display: block;
	color: #616161;
	font-size: 18px;
}
.index-choose .leftDiv p{
	margin: 35px 0 55px;
	font-size: 14px;
	color: #abaaaa;
	max-width: 340px;
}
.index-choose .leftDiv ul li{
	margin-bottom: 17px;
}
.index-choose .leftDiv ul li a{
	font-size: 16px;
	color: #fff;
}
.index-choose .leftDiv ul li a span{
	margin-right: 23px;
}
.index-choose .leftDiv ul li a img{
	margin-left: 60px;
	display: none;
}
.index-choose .leftDiv ul li a.active{
	color: #f40e00;
}
.index-choose .leftDiv ul li a.active img{
	display: inline-block;
}
.index-choose .rightDiv{
	width:752px;
	float: left;
	overflow: hidden;
}
.index-choose .rightDiv .rexian{
	width: 512px;
	min-height: 343px;
	float: left;
	background: url(img/index-choose-bg.jpg) no-repeat center center;
	background-size:100% 100%;
	padding:60px;
}
.index-choose .rightDiv .rexian div{
	font-size: 16px;
	color: #fff;
}
.index-choose .rightDiv .rexian div img{
	margin-right: 10px;
} 
.index-choose .rightDiv .rexian span.telNum{
	font-size: 30px;
	color: #f40e00;
	font-weight: bold;
	margin-top: 5px;
	display: block;
}
.index-choose .rightDiv .rexian p{
	font-size: 14px;
	color: #fff;
	max-width: 280px;
	margin-top: 60px;
}

.index-choose .rightDiv .ewmDiv{
	width: 240px;
	overflow: hidden;
	float: left;
	background:#343434;
	min-height: 343px;
	text-align: center;
	padding: 50px 0;
}
.index-choose .rightDiv .ewmDiv .iconDiv{
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	color: #ababab;
}
.index-choose .rightDiv .ewmDiv .iconDiv span{
	margin: 0 12px;
}
.index-choose .rightDiv .ewmDiv .iconDiv img{
	margin-right: 5px;
}
.index-choose .rightDiv .ewmDiv>img{
	margin: 40px 0 5px;
}
.index-choose .rightDiv .ewmDiv>span{
	color:#cbcbcb;
	font-size: 14px;
	display: block;
}
/**********底部***********/
.bottomDiv{
	background:url(img/index-bg5.jpg) no-repeat center center;
	background-size:100% 100%;
	padding: 20px 0;
}
.bottomDiv .wrap{
	background: url(img/bottom-bg.png) no-repeat center center;
	background-size:100% 100%;
	padding: 50px 45px;
	color: #fff;
}
.bottomDiv .wrap .leftDiv .logoDiv{
	color: #fff;
	font-size: 14px;
}
.bottomDiv .wrap .leftDiv .logoDiv span{
	position: relative;
	top: 25px;
	left: 20px;
}
.bottomDiv .wrap .leftDiv .textDiv{
	font-size: 12px;
	color: #a8a8a8;
}
.bottomDiv .wrap .leftDiv .textDiv span{
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
}
.bottomDiv .wrap .leftDiv .textDiv p{
	margin: 0;
}
.bottomDiv .wrap .rightDiv>div{
	float: left;
	color: #ccc;
	font-size: 14px;
	line-height: 30px;
}
.bottomDiv .wrap .rightDiv .list{
	float: left;
}
.bottomDiv .wrap .rightDiv .list a{
	display: block;
	color: #ccc;
	font-size: 14px;
	margin-bottom: 5px;
	-webkit-transition: .2s ease all; -moz-transition: .2s ease all; transition: .2s ease all; 
}
.bottomDiv .wrap .rightDiv .list a:hover{ color:#fff;}


.bottomDiv .wrap .rightDiv .list span{
	display: block;
	margin-bottom: 5px;
	
}
.bottomDiv .wrap .rightDiv .list1{
	margin-right: 50px;
}
.bottomDiv .wrap .rightDiv .list2{
	margin-right: 50px;
}
.bottomDiv .wrap .rightDiv .list3{
	margin-right: 50px;
}
.bottomDiv .wrap .rightDiv .list4{
	max-width: 335px;
}
.bottomDiv .wrap .rightDiv .list4 .imgDiv{
	width: 15px;
	float: left;
}
.bottomDiv .wrap .rightDiv .list4 div{
	overflow:hidden;
}
.bottomDiv .wrap .rightDiv .list4 span{
	display: block;
	float: left;
	max-width: 330px;
	margin-left: 10px;
	margin-bottom: 0px;
}
/*********案例**********/
.my-banner{
	margin-top: 70px;
}
.caseTabDiv{
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}
.caseTabDiv ul{
	display: inline-block;
	overflow: hidden;
	padding: 30px 0;
}
.caseTabDiv ul li{
	float: left;
}
.caseTabDiv ul li a{
	color: #5b5b5b;
	font-size: 16px;
	padding: 0 50px;
}
.caseTabDiv ul li a.active{
	color: #f40e00;
	font-weight:bold;
}
.caseTabDiv ul li span{
	color: #6f6f6f;
	font-size: 14px;
}
.caseList .row{
	margin-top: 30px;
}
.caseList .row>div{
	margin-top: 30px;
}
.caseList .row .textDiv{
	background: #333333;
	padding: 17px 30px;
	color: #fff;
	font-size: 14px;
}
.caseList .row .textDiv span{
	display: block;
	margin-bottom: 2px;
}
.caseList .row a:hover .textDiv{
	background: #ba8239;
}
.caseList .row .imgDiv{
	overflow:hidden;
}
.caseList .row .imgDiv img{
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s; 
width:100%;
}
.caseList .row .imgDiv img:hover{ 
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.pageDiv{
	text-align: center;
	margin:50px 0;
}
.pageDiv ul{
	overflow: hidden;
	display: inline-block;
}
.pageDiv ul li{
	float: left;
	margin: 0 3px;
}
.pageDiv ul li a{
	font-size: 12px;
	color: #d47b2a;
	padding: 9px 14px;
	border: 1px solid #d47b2a;
	display: block;
}
.pageDiv ul li a.active{
	background: #d47b2a;
	color: #fff;
}

/**************产品**************/
.proTabDiv{
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}
.proTabDiv ul{
	display: inline-block;
	overflow: hidden;
	padding: 30px 0;
}
.proTabDiv ul li{
	float: left;
}
.proTabDiv ul li a{
	color: #5b5b5b;
	font-size: 16px;
	padding: 0 50px;
}
.proTabDiv ul li a.active{
	color: #f40e00;
	font-weight:bold;
}
.proTabDiv ul li span{
	color: #6f6f6f;
	font-size: 14px;
}
.proList .row{
	margin-top: 30px;
}
.proList .row>div{
	margin-top: 30px;
}
.proList .row>div .imgDiv{
	position: relative;
	overflow: hidden;
}
.proList .row>div .imgDiv img{
	width: 100%; height:214px;
	transition-duration: 1s;
    -ms-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.proList .row>div .imgDiv:hover img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.proList .imgDiv .bgDiv {
	transition: all .6s;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/pro-img-bg.png) no-repeat center center;
	background-size: 95%;
}
.proList a:hover .imgDiv .bgDiv {
	display: block;
}
.proList .imgDiv span{
	display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 16px;
    color: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
    background: #262626ba;
    height: 50px;
    min-width: 100%;
    text-align: center;
    line-height: 50px;

}
.proList a:hover .imgDiv span{
	display: block;
}

/*************视频***************/
.videoTabDiv{
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}
.videoTabDiv ul{
	display: inline-block;
	overflow: hidden;
	padding: 30px 0;
}
.videoTabDiv ul li{
	float: left;
}
.videoTabDiv ul li a{
	color: #5b5b5b;
	font-size: 16px;
	padding: 0 50px;
}
.videoTabDiv ul li a.active,.videoTabDiv ul li a:hover{
	color: #f40e00;
	font-weight:bold;
}
.videoTabDiv ul li span{
	color: #6f6f6f;
	font-size: 14px;
}
.videoList ul li{
	overflow: hidden;
	padding: 10px 0;
	margin-top: 35px;
}
.videoList ul li .imgDiv{
	float: left;
	max-width: 304px;
	/*height: 225px;*/
	/*margin: -21px 30px -21px 15px;*/
margin:20px;margin-bottom:0px;
	position: relative;
}
.videoList ul li .imgDiv .bgDiv{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	left: 0;
	top: 0;
}
.videoList ul li .imgDiv .playImg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -34px;
	margin-left: -34px;
}

.videoList ul li .textDiv{
	border: 1px solid #ddb664fa;
    height: 230px;
    padding: 20px 30px;
    border-radius: 20px;
}
.videoList ul li .textDiv span{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #5b5b5b;
}
.videoList ul li .textDiv p{
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #5b5b5b;
	margin: 15px 0 25px;
	line-height: 20px;
}
.videoList ul li .textDiv a.moreBtn{
	color: #fff;
    font-size: 24px;
    display: inline-block;
    width: 128px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    line-height: 30px;
    background: #f40e00;
    border-radius: 33px;
}
.videoList ul li .textDiv a.moreBtn:hover{
	opacity: .8;
}

/********新闻中心*******/
.newsTabDiv{
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}
.newsTabDiv ul{
	display: inline-block;
	overflow: hidden;
	padding: 30px 0;
}
.newsTabDiv ul li{
	float: left;
}
.newsTabDiv ul li a{
	color: #5b5b5b;
	font-size: 16px;
	padding: 0 50px;
}
.newsTabDiv ul li a.active,.newsTabDiv ul li a:hover{
	color: #f40e00;
	font-weight:bold;
}
.newsTabDiv ul li span{
	color: #6f6f6f;
	font-size: 14px;
}
.newsList>ul li{
	overflow: hidden;
    margin-top: 47px;
    border: 1px solid #f40e00;
    height: 190px;
    border-radius: 20px;
}

.newsList>ul li .imgDiv{
    width:274px;
    float:left;
    position:relative;
    overflow:hidden;
    border-radius:20px;
  
}
.newsList>ul li .imgDiv .bgDiv{
	transition: all .6s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: url(img/news-img-bg.png) no-repeat center center;*/
	background-size: 95%;
}
.newsList>ul li .imgDiv img {
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s; 
}

.newsList>ul li .imgDiv:hover img{ 
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.newsList>ul li .textDiv{
	width: 826px;
	float: left;
	padding-left: 40px;
}
.newsList>ul li .textDiv h3{
	font-size: 16px;
	color: #232323;
	margin: 10px 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newsList>ul li .textDiv>span{
	color: #7d7d7d;
	font-size: 12px;
	display: block;
	margin-top: 15px;
}
.newsList>ul li .textDiv p{
	font-size: 14px;
	color: #7d7d7d;
	margin:25px 0 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newsList>ul li .textDiv .tagDiv{
	overflow: hidden;
}
.newsList>ul li .textDiv .tagDiv img{
	float: left;
}
.newsList>ul li .textDiv .tagDiv span{
	float: left;
	display: block;
	margin-left: 13px;
	font-size: 12px;
	color: #7d7d7d;
	background: #dbdbdb;
	padding: 1px 7px;
}
.newsList>ul a:hover .textDiv h3{
	color: #f40e00;
}




/*--新闻详细--*/

.commonDetailed {
    background: #f9f9f9;
    padding: 0px 10px;
    margin: 20px auto;
}

.commonDetailed img {
    max-width: 100%;
}

.commonDetailedtitle {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.commonDetailedtitle h3 {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    color: #1a1a1a;
    padding: 20px 0px 0px;
}

.commonDetailedtitleTimeAuthor {
    text-align: center;
    color: #666;
    font-size: 13px;
    padding: 10px 0px 15px;
}

.commonDetailedtitleTimeAuthor span {
    padding-right: 10px;
    position: relative;
    top: -3px;
    *top: 2px;
    _top: 1px;
}

.commonDetailedContents {
	width:800px; height:auto;
	margin:0 auto;
    padding: 30px 0px;
    font-size: 14px;
	line-height:24px;
	text-align:center;
}
.commonDetailedContents p{ text-align:left; padding-top:30px;}
.commonDetailedContentsfoot {
    padding-bottom: 45px;
}

.commonDetailedContentsfoot p {
    text-align: center;
    padding-bottom: 30px;
}

.commonDetailedContentsfoot p a {
    display: inline-block;
    background: #f40e00;
    padding: 5px 30px;
    color: #FFF;
    font-size: 14px;
}

.commonDetailedContentsfoot p a:hover {}

.commonDetailedContentsfoot dl {
    border: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    font-size: 12px;
    padding: 13px 0px;
}

.commonDetailedContentsfoot dl span {
    display: inline-block;
    background: #f2f2f2;
    color: #1a1a1a;
    line-height: 27px;
    padding: 0px 10px;
    margin-right: 15px;
}

.commonDetailedContentsfoot dl a {}

.commonDetailedContentsfoot dl dd {
    float: none;
    margin-bottom: 15px;
}

.commonDetailedContentsfoot dl dt {
    float: none;
}

.commonDetailedContentsfoot dl dd,
.commonDetailedContentsfoot dl dt {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}


 /*--新闻详细--*/
   .commonDetailed {
        padding: 0px 50px;
        margin: 45px auto;
    }
    .commonDetailedtitle {
       /* padding-bottom: 20px;*/
    }
    .commonDetailedtitle h3 {
        font-size: 20px;
        line-height: 32px;
        padding: 30px 0px 0px;
		font-weight:bold;
    }
    .commonDetailedContentsfoot dl dd {
        float: none;
        margin-bottom: 15px;
    }
    .commonDetailedContentsfoot dl dt {
        float: none;
    }
	 /*公司详情*/
    .commonDetailedContentsfoot dl dd {
        float: left;
        margin-bottom: 0;
    }
    .commonDetailedContentsfoot dl dt {
        float: right;
    }








/********关于我们*******/
.aboutWrap {
	background: #f3f3f3;
}
.aboutTabDiv{
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}


body.on-fixed .aboutTabDiv {
	display:inline;
    position: fixed;
    z-index: 1;
    top: 70px;
    width:100%;
	margin:auto;
	left:0px;
	right:0px; background:#fff;
}

body.on-fixed .ui-pagepath .tabs ul li label{ display:none;}
body.on-fixed .ui-pagepath .tabs ul { padding-left:350px;}


.aboutTabDiv ul{
	display: inline-block;
	overflow: hidden;
	padding: 15px 0;
}
.aboutTabDiv ul li{
	float: left;
}
.aboutTabDiv ul li a{
	color: #5b5b5b;
	font-size: 16px;
	padding: 0 50px;
}
.aboutTabDiv ul li a.active,.aboutTabDiv ul li a:hover{
	color: #f40e00;
	font-weight:bold;
}
.aboutTabDiv ul li span{
	color: #6f6f6f;
	font-size: 14px;
}
.aboutWrap .aboutList{
	padding: 35px 0;
}
.aboutWrap .titleDiv {
	text-align: center;
}
.aboutWrap .titleDiv span.eng{
	font-size: 30px;
	color: #f40e00;
	display: block;
	text-transform: uppercase;
}
.aboutWrap .titleDiv span.chi{
	font-size: 18px;
	color: #323232;
}
.aboutWrap .aboutList .row{
	margin-top: 55px;
	margin-bottom: 55px;
}
.aboutWrap .aboutList .row .imgDiv {
	overflow: hidden;
}
.aboutWrap .aboutList .row .imgDiv img {
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s; 
}
.aboutWrap .aboutList .row .imgDiv:hover img{ 
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.aboutWrap .aboutList .row .textDiv{
	padding-right: 30px;
}
.aboutWrap .aboutList .row .textDiv .title{
	font-size: 21px;
	color: #242424;
}
.aboutWrap .aboutList .row .textDiv .title span{
	display: block;
	font-size: 10px;
	color: #908f8f;
}
.aboutWrap .aboutList .row .textDiv span.line{
	height: 2px;
	width: 100px;
	background: #c3c3c3;
	display: block;
	margin: 35px 0;
}
.aboutWrap .aboutList .row .textDiv p{
	color: #242424;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.aboutWrap .aboutList .row>div:nth-child(2){
	padding-left: 30px;
}

/********荣誉*******/

.ryzhWrap{
	padding: 55px 0;
}
.ryzhWrap .titleDiv {
	text-align: center;
}
.ryzhWrap .titleDiv span.chi{
	font-size: 18px;
	color: #323232;
}
.ryzhList{
	margin:50px 0 25px;
}
.ryzhList .row>li{
	text-align: center;
	width: 32%;padding:10px;
}
.ryzhList img{
	max-width: 100%;
}
.ryzh-left{ position:absolute;  top:40%; left:-40px;}
.ryzh-right{ position:absolute;  right:-40px; top:40%;}
.picMarquee-left{ 
	width:100%;  position:relative;
}
.picMarquee-left .bd {
    margin: 10px auto;
    
}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }

/********留言*******/
.liuyanWrap{
	background: #F3F3F3;
	padding: 100px 0;
}
.liuyanWrap .wrap>.row{
	margin-left: 0;
	margin-right: 0;
}
.liuyanWrap .leftDiv h3{
	font-size: 24px;
	color: #1d1b1b;
	font-weight: bold;
	margin: 0;
}
.liuyanWrap .leftDiv>span{
	font-size: 14px;
	color: #1d1b1b;
}
.liuyanWrap .leftDiv .formDiv .row{
	margin-top: 20px;
}
.liuyanWrap .leftDiv .formDiv .row>div input[type='text']{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #5b5b5b;
	padding: 0 15px;
}

.liuyanWrap .leftDiv .formDiv .row>div input::-moz-placeholder{
	color: #5b5b5b;
}
.liuyanWrap .leftDiv .formDiv .row>div input::-webkit-input-placeholder{ /*WebKit browsers*/
	color: #5b5b5b;
}
.liuyanWrap .leftDiv .formDiv .row>div input::-ms-input-placeholder{ /*Internet Explorer*/ 
	color: #5b5b5b;
}
.liuyanWrap .leftDiv .formDiv .row>div textarea{
	width: 100%;
	height: 180px;
	padding: 15px;
	font-size: 14px;
	color: #5b5b5b;
	resize: none;
}
.liuyanWrap .leftDiv .formDiv .row.yzmDiv input.yzmInp{
	width: 130px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color: #5b5b5b;
	float: left;
	margin-right: 10px;
}

.liuyanWrap .leftDiv .formDiv .row.yzmDiv input::-moz-placeholder{
	color: #abaaaa;
}
.liuyanWrap .leftDiv .formDiv .row.yzmDiv input::-webkit-input-placeholder{ /*WebKit browsers*/
	color: #abaaaa;
}
.liuyanWrap .leftDiv .formDiv .row.yzmDiv input::-ms-input-placeholder{ /*Internet Explorer*/ 
	color: #abaaaa;
}
.liuyanWrap .leftDiv .formDiv .row.yzmDiv input.subBtn{
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #f40e00;
	font-size: 14px;
	text-align:center;
	border: 0;
	float: right;
	margin-top: -3px;
}
.liuyanWrap .leftDiv{
 
	padding-left: 0;
}
.liuyanWrap .leftDiv .formDiv .row.yzmDiv input.subBtn:hover{
	opacity: .8;
	font-size: 15px;
}
.liuyanWrap .rightDiv{
	width: 634px;
	padding-right: 0;
}
.liuyanWrap .rightDiv .lxDiv{
	background: url(img/about-bg1.png) no-repeat center center;
	background-size:100% 100%;
	padding: 30px 50px 40px;
}
.liuyanWrap .rightDiv .lxDiv div.telDiv{
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	
}
.liuyanWrap .rightDiv .lxDiv div.telDiv img{
	position: relative;
	margin-right: 15px;
	top: -5px;
}
.liuyanWrap .rightDiv .listDiv h3{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.liuyanWrap .rightDiv .listDiv span{
	font-size: 18px;
	color: #dfdfdf;
	display: block;
	margin-top: 10px;
}
.liuyanWrap .rightDiv .wwDiv{
	margin-top: 60px;
	font-size: 14px;
	color: #ababab;
}
.liuyanWrap .rightDiv .wwDiv span{
	margin-right: 20px;
}
.liuyanWrap .rightDiv .wwDiv img{
	margin-right: 5px;
}

.liuyanWrap .rightDiv .ewmDiv{
	position: absolute;
	right: 50px;
	bottom: 20px;
	color: #cbcbcb;
	font-size: 14px;
}
.liuyanWrap .rightDiv .ewmDiv span{
	display: block;
	text-align: center;
	margin-top: 5px;
}
/**置顶**/
.rightWrap{
    display: inline-block;
    position: fixed;
    right: 1%;
    bottom: 0;
}

.rightWrap a.backTop{
	display: none;
}
body:after {
    content: '';
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}

.text{}

.text table{ width:100%; border-left:#000 1px solid ; border-top:#000 1px solid; border-collapse:collapse;}
.text td, .text th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	
	 border-right:#000 1px solid; border-bottom:#000 1px solid;}
	 .text table tr:nth-child(even) {
    background-color: #f5f5f5}
	.text table tr:hover {
    background-color: #f5f5f5}
@media (max-width:1200px) {
	
	header .rightDiv .menu{padding-left: 0;padding-top: 20px;}
	header .rightDiv .menu ul li a{padding: 5px 24px 10px;font-size: 16px;}
	header .rightDiv .menu ul li a span{line-height: 30px;font-size: 12px;}
	.index-product,.index-about,.bottomDiv,.index-cases,.index-choose{
		background-size:auto 100%;
	}
	
	.rightWrap{
		right: 0;
	}
	.carousel-inner .row li{
		margin-bottom: 20px;
	}
	.index-about .indexTitle p{
		width: 90%;
		padding: 0 80px;
	}
	
	.bottomDiv .wrap{padding: 0px 15px;}
	.bottomDiv .wrap .rightDiv{
		margin-top: 30px;
	}
	.index-about .index-news .leftDiv{
		width: 30%;
		padding: 0 15px;
	}
	.index-about .index-news .leftDiv p{
		margin: 60px 0 90px;
	}
	.index-about .index-news .leftDiv .tabDiv1{
		margin: 10px 0 10px;
	}
	.index-about .index-news .rightDiv{
		width: 70%;
		padding: 0 15px;
	}
	.index-about .index-news .rightDiv .listLeft{
		width: 25%;
	}
	.index-about .index-news .rightDiv .listRight{
		width: 70%;
		margin-left: 5%;
	}
	.index-about .index-news .rightDiv .listRight .timeMore{
		margin-top: 37px;
		padding-top: 20px;
	}
	.index-about .index-news .rightDiv .listRight .textDiv{
		margin: 30px 0;
	}
	.index-choose .leftDiv{
		width: 30%;
		padding: 0 15px;
	}
	.index-choose .rightDiv{
		width: 70%;
		padding: 0 15px;
	}
	.index-choose .rightDiv .rexian{
		width: 70%;
	}
	.index-choose .rightDiv .ewmDiv{
		width: 30%;
	}
	.bottomDiv .wrap .leftDiv{
		width: 30%;
	}
	.bottomDiv .wrap .rightDiv{
		width: 70%;
	}
	.bottomDiv .wrap .rightDiv .list1{
		margin-right: 50px;
	}
	.caseList .row .textDiv{padding: 12px 17px;}
	.newsList>ul li{padding: 0 15px}
	.newsList>ul li .imgDiv{width: 23%;}
	.newsList>ul li .textDiv{width: 77%;}
	.newsList>ul li .textDiv p{margin: 15px 0 25px;}
	.aboutWrap .aboutList .row{margin-left: 0;margin-right: 0;}
	.liuyanWrap .leftDiv{width: 100%;padding-left:15px;margin-bottom: 30px;}
	.liuyanWrap .rightDiv{width: 100%;padding-right: 15px;}
	.aboutWrap .aboutList .row .imgDiv{text-align: center;margin: 20px 0;}
	.ryzhList .row>li{width: %;}
}

@media (min-width:992px) and (max-width:1024px) {
	.index-banner .imgDiv{min-height: 521px;}
	header .rightDiv .menu{padding-left: 0;padding-top: 20px;}
	header .rightDiv .menu ul li a{padding: 5px 24px 10px;font-size: 16px;}
	header .rightDiv .menu ul li a span{line-height: 30px;font-size: 12px;}
	.index-cases .row{margin: 40px 0;}
	
}
@media (min-width:768px) and (max-width:991px) {
	.index-banner .imgDiv{min-height: 521px;}
	header .rightDiv .menu{padding-left: 0;padding-top: 20px;}
	header .rightDiv .menu ul li a{padding: 5px 18px 10px;font-size: 14px;}
	header .rightDiv .menu ul li a span{line-height: 28px;font-size: 12px;}
	.index-cases .row{margin: 40px 0;}
	.index-about .index-news .leftDiv{
		width: 100%;
		padding: 0 15px;
	}
	.index-about .index-news .leftDiv p{
		margin: 40px 0 50px;
	}
	.index-about .index-news .leftDiv .tabDiv1{
		margin: 50px 0;
	}
	.index-about .index-news .rightDiv{
		width: 100%;
		padding: 0 15px;
	}
	.index-about .index-news .rightDiv .listLeft{
		width: 25%;
	}
	.index-about .index-news .rightDiv .listRight{
		width: 70%;
		margin-left: 5%;
	}
	.index-about .index-news .rightDiv .listRight .timeMore{
		margin-top: 42px;
	}
	.index-choose .leftDiv{
		width: 100%;
		padding: 0 15px;
	}
	.index-choose .rightDiv{
		width: 100%;
		padding: 0 15px;
	}
	.index-choose .rightDiv .rexian{
		width: 70%;
	}
	.index-choose .rightDiv .ewmDiv{
		width: 30%;
	}
	.bottomDiv .wrap .leftDiv{
		width: 30%;
	}
	.bottomDiv .wrap .rightDiv{
		width: 70%;
	}
	.bottomDiv .wrap .leftDiv{
		width: 100%;
	}
	.bottomDiv .wrap .rightDiv{
		width: 100%;
	}
	
	.proList .imgDiv span{
		left: 10px;
		bottom: 10px;
	}
	.newsList ul li .textDiv{padding-left: 20px;}
	.newsList ul li .textDiv h3{margin: 0;}
	.newsList ul li .textDiv>span{margin-top: 5px;}
	.newsList ul li .textDiv p{margin: 10px 0 13px;}
	.liuyanWrap .leftDiv .formDiv .row>div input[type='text']{margin-bottom: 10px;}
	.ryzhList .row>li{width: 33.3%;}
}
/*手机*/
@media (max-width:767px) {
	.commonDetailedContents {
	width:100%; height:auto;
	margin:0 auto;
    padding: 30px 0px;
    font-size: 12px;
	line-height:22px;
	text-align:center;
}
.commonDetailedContents p{ text-align:left; padding-top:10px;}
.index-cases .row .imgDiv .bgDiv p{max-width: 100%;left: 0;font-size: 12px;padding: 0;bottom: -10px;background: #2d2d2dbd;height: 30px;line-height: 30px;}
.index-cases .row .imgDiv .bgDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    bottom: 0;
    left: 0;
    display: block;
    align-items: center;}
.iaboutcon{ width:100%; height:auto; margin:0 auto; padding:0px;}
.iaboutcon video{ width:100%; height:300px; float:none; margin:0 auto;}
.abouttt{ width:100%; height:auto; font-size:14px; line-height:30px; padding:0px; float:none;}
	.index-product{ padding-top:30px;}
	.index-product .tabDiv{ padding-top:0px; margin-top:0px;}
	.index-about .index-news .leftDiv .titleDiv span.chi{ font-size:20px;}
	.index-about{ padding:20px 0px 20px}
	.index-about .index-news{ margin-top:20px;}
	.index-about .index-news .wrap{ padding-top:20px;}
	.index-about .indexTitle p{ margin:0px;}
	.index-choose .leftDiv p{ margin:15px 0 15px}
	.index-choose .rightDiv .rexian p{ margin-top:20px;}
	.index-choose .rightDiv .rexian{ min-height:143px;}
	.index-choose .rightDiv .ewmDiv{ min-height:143px; padding:20px 0px;}
	.ryzhList{ margin:10px 0px 0px;}
		 /*--新闻详细--*/
	.aboutTabDiv ul li a{ font-size:14px;}
	.aboutWrap .aboutList .row{ margin-top:0px; margin-bottom:0px;}
	.aboutWrap .aboutList .row .textDiv p{ font-size:14px;}
	.aboutWrap .aboutList .row .textDiv span.line{ margin:10px 0px;}
	.liuyanWrap .rightDiv .lxDiv div.telDiv{ font-size:25px;}
	.liuyanWrap .rightDiv .lxDiv{ font-size:14px; padding:20px;}
	.liuyanWrap .rightDiv .listDiv h3{ font-size:18px;}
	.liuyanWrap .rightDiv .listDiv span{ font-size:14px;}
	.liuyanWrap .rightDiv .ewmDiv{ right:10px;}
	.liuyanWrap .rightDiv .ewmDiv img{ width:85%;}
	.liuyanWrap .rightDiv .ewmDiv span{ font-size:12px;}
	.liuyanWrap{ padding:30px 0px;}
	.liuyanWrap .rightDiv .lxDiv div.telDiv img{ width:15%;}
	.bottomDiv .wrap .leftDiv .logoDiv{ display:none;}
	.bottomDiv{ padding:10px 0px;}
	.bottomDiv .wrap .leftDiv .textDiv span{ padding-top:0px; margin-top:10px; margin-bottom:10px;}
	.rightWrap a.backTop img{ width:60%; right:0px;}
	.rightWrap{ right:-20px;}
	body.on-fixed .aboutTabDiv{top:50px;}
	body.on-fixed header{ background:#bb8837;}
	.ryzhWrap{ padding:10px;}
	.liuyanWrap .leftDiv h3{ font-size:18px;}
	.liuyanWrap .leftDiv .formDiv .row{ margin-top:0px;}
	.liuyanWrap .leftDiv .formDiv{ padding-top:20px;}
	.proList .row>div{ padding-top:15px;margin-top:15px;}
	
 .commonDetailed {
        padding: 0px 10px;
        margin: 15px auto;
    }
    .commonDetailedtitle {
       /* padding-bottom: 20px;*/
    }
    .commonDetailedtitle h3 {
        font-size: 14px;
        line-height: 28px;
        padding: 10px 0px 0px;
    }
	.index-about-wrap .textDiv p{ padding:0px 10px; margin-bottom:10px;}
	.lx-wrap{ margin:0px;}
	.commonDetailedtitleTimeAuthor{ padding:0px;}
    .commonDetailedContentsfoot dl dd {
        float: none;
        margin-bottom: 15px;
    }
    .commonDetailedContentsfoot dl dt {
        float: none;
    }
	
	
	header {
		position: fixed !important;
		z-index: 11;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 65px;
		background-color: #bb8837;
		transition: right 300ms !important;
	}
	
	body.on-menu header {
		right: 60%;
	}
	
	header .logo {
		height: 65px;
	}
	
	header .logo img {
		max-height: 100%;
	}
	
	header .rightDiv .top {
		display: none;
	}
	
	header .mbtn {
		display: block;
	}
	
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 0;
		right: 0;
		width: 60%;
		height: 100%;
		padding-top: 0;
		background-color: #f40e00;
		border-bottom: 1px solid #fff;
		transition: right 300ms;
		right: -60%;
		padding: 0;
	}
	
	header .rightDiv .menu ul li {
		padding: 0;
		border-bottom: 1px solid #eee;
		float: none;
	}
	
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		padding: 0;
	}
	
	header .rightDiv .menu ul {
		display: block;
	}
	
	header .rightDiv .menu ul li a span {
		display: none;
	}
	
	header .rightDiv .menu ul li a.on {
		background: none;
		color: #fff;
	}
	body.on-menu header .rightDiv .menu {
		right: 0;
	}
	
	.main {
		position: relative;
		right: 0;
		transition: right 300ms !important;
	}
	
	body.on-menu .main {
		right: 60%;
	}
	
	.index-banner,.my-banner{
		margin-top: 65px;
	}
	.index-banner .imgDiv{
		min-height: 300px;
	}
	/*.index-banner .imgDiv .textDiv{
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		margin-left: 0;
		width: 100%;
	}*/
	
	.index-banner .imgDiv .textDiv h2{
		font-size: 18px;max-width: 85%;margin: 0 auto;
	}
	.index-banner .imgDiv .textDiv p{
		max-width: 85%;
		margin: 0 auto;
		font-size:14px;
	}
	.carousel-indicators{
		margin-bottom: 10px;
	}
	.carousel-indicators li,.carousel-indicators .active{
		width: 15px;
		height: 15px;
		margin: 0 8px;
	}
	
	
	
	.indexTitle span.eng{
		font-size: 24px;
	}
	.index-product .tabDiv ul li{
		margin-bottom: 10px;
		float: inherit;
		display: inline-block;
	}
	.index-product .proList{
		margin: 20px 30px;
	}
	.index-product .proList .carousel-control.left{
		left: -20px;
	}
	.index-product .proList .carousel-control.right{
		right: -20px;
	}
	.index-product .proList .item .textDiv{
		padding: 5px 10px;
	}
	.index-product .proList .item .textDiv span{
		font-size: 13px;
	}
	.index-about .indexTitle p{
		width: 100%;
		padding:20px;
	}
	.index-about .indexTitle p:before,.index-about .indexTitle p:after{
		width: 20px;
	}
	.index-about .index-news .leftDiv{
		width: 100%;
		padding: 0 15px;
	}
	.index-about .index-news .leftDiv .titleDiv span.line{
		margin-top: 20px;
	}
	.index-about .index-news .leftDiv p{
		margin: 20px 0 20px;
	}
	.index-cases{ padding:20px 0px;}
	.index-choose{ padding:20px 0px;}
	.index-about .index-news .rightDiv{
		width: 100%;
		margin-top: 10px;
	}
	.index-about .index-news .rightDiv .listRight{
		width: 100%;
	}
	.index-about .index-news .rightDiv .listLeft{
		width: 100%;
	}
	.index-about .index-news .rightDiv .listLeft a{
		text-align: center;
		float: left;
   	 	width: 33.3%;
	}
	.index-about .index-news .rightDiv .listRight{
		width: 100%;
		margin: 0;
		padding: 20px 30px;
	}
	.index-cases .row{
		margin:10px 0;
	}
	.index-cases .indexTitle p{
		width: 100%;
		padding: 0 15px;
	}
	.index-choose .leftDiv .titleDiv span.eng{
		font-size: 20px;
	}
	.index-choose .leftDiv{
		width: 100%;
		padding: 0 15px;
	}
	.index-choose .rightDiv{
		width: 100%;
	}
	.index-choose .rightDiv .rexian{
		background-size: auto 100%;
	}
	.index-choose .rightDiv .rexian,.index-choose .rightDiv .ewmDiv{
		width: 100%;
	}
	
	.bottomDiv .wrap .leftDiv{
		width: 100%;
	}
	.bottomDiv .wrap .rightDiv{
		width: 100%;
	}
	.bottomDiv .wrap{
		padding: 0 15px;
	}
	.bottomDiv .wrap .rightDiv{
		margin-top: 20px;
		display:none;
	}
	.bottomDiv .wrap .rightDiv .list3{
		margin: 10px 0;
	}
	.bottomDiv .wrap .rightDiv .list4{
		max-width: 100%;
	}
	.caseTabDiv ul,
	.proTabDiv ul,
	.newsTabDiv ul,
	.videoTabDiv ul,
	.aboutTabDiv ul{
		padding: 15px 0;
	}
	.caseTabDiv ul li a,
	.proTabDiv ul li a,
	.newsTabDiv ul li a,
	.videoTabDiv ul li a,
	.aboutTabDiv ul li a{
		padding: 0 10px;
	}
	.caseList .row .textDiv{
		padding: 5px 10px;
		font-size: 12px;
		height:60px; overflow:hidden;
	}
	.caseList .row,
	.proList .row{
		margin: 0;
	}
	.caseList .row>div,
	.proList .row>div{
		padding: 0 7px;
		margin-top:15px;
	}
.col-md-2{
width:50%;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}
	.pageDiv{
		margin: 50px 5px;
	}
	.pageDiv ul li{
		margin-bottom: 5px;
	}
	.proList .imgDiv span{
		font-size: 12px;
		left: 0px;
		bottom: 0px;
	}
	.newsList>ul li .textDiv{
		padding-left: 10px;
	}
	.newsList>ul li{padding: 0 10px;margin-top: 20px;height:auto;border-radius:0px;}
	.newsList>ul li .imgDiv{width: 40%;border-radius:0px;}
	.newsList>ul li .textDiv{width: 60%;}
	.newsList ul li .textDiv h3{margin: 0;font-size: 14px; padding-top:5px;}
	.newsList ul li .textDiv>span{margin-top: 5px;}
	.newsList ul li .textDiv p{margin: 5px 0 10px; font-size:12px;}
	.newsList>ul li .textDiv .tagDiv span{margin-left: 5px;}
	.newsList>ul li .textDiv .tagDiv{ display:none;}
	.videoList ul li{margin-top: 20px;padding: 0;}
	.videoList ul li .imgDiv{max-width: 40%;margin: 0 10px 0 8px;height: 123px;}
	.videoList ul li .imgDiv>img:nth-child(1){height: 100%;}
	.videoList ul li .textDiv{height: 123px;/*padding: 5px;margin-top:8px;*/}
	.videoList ul li .textDiv p{margin: 2px 0 7px;}
	.videoList ul li .textDiv span{font-size: 14px;}
	.videoList ul li .textDiv a.moreBtn{width: 80px;height: 24px;line-height: 20px;padding: 0;}
	.videoList ul li .imgDiv .playImg{width: 40px;margin-left: -20px;margin-top: -20px;}
	.aboutWrap .aboutList .row .textDiv{padding-right: 15px;}
	.aboutWrap .aboutList .row>div:nth-child(2){padding-left:15px;}
	
	.ryzhList .row>li{width: 50%; padding-bottom:10px;}
	.liuyanWrap .leftDiv .formDiv .row>div input[type='text']{margin-bottom: 10px;}
	.liuyanWrap .leftDiv .formDiv .row.yzmDiv input.subBtn{float: inherit;margin: 0 auto;display: block;}
	.index-cases .row .imgDiv .bgDiv img{right: 15px;top: 15px;width: 16px;display:none}
	.index-cases .row .imgDiv .bgDiv p{/*max-width: 80%;*/left: 0;font-size: 12px;padding: 0 10px;}
	/*.picMarquee-left .bd{
		margin: 10px;
	}*/
	
	@media (max-width:320px) {	
		
	}
} 


/***展厅****/


.i-zhanting { max-width: 1200px; height: auto;  overflow: hidden;margin:0px auto }
.i-zhanting .tit { display: block; clear: both; font-size: 24px; text-align: center; color: #14634a; font-weight: normal; line-height: 70px }
.i-zhanting span hr { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; float: left }
.i-zhanting span { display: block; clear: both; font-size: 14px; line-height: 25px; height: 25px; background-image: url(../images/xt.gif); background-repeat: repeat-x; background-position: center center }
.i-zhanting span a { padding: 0 0 0 10px; background: #FFF; float: right; color: #888 }
.i-zhanting p { display: block; clear: both; color: #555; text-align: center; margin: 0; padding: 0; margin-top: 10px; line-height: 24px }
.i-zhanting .bd, .i-zhanting .i-zhanting-list { height: auto; margin: 10px 0; float: left; position: relative; overflow: hidden }
.i-zhanting-list ul { overflow: hidden }
.i-zhanting ul li { width: 353px; height: auto; margin: 20px 40px 20px 0; float: left; background: #f6f6f6; border-bottom: 3px #ddd solid ;border-left: 2px #ddd solid;border-right: 2px #ddd solid}
.i-zhanting ul li:hover { width: 353px; height: auto; margin: 20px 40px 20px 0; float: left; background: #f6f6f6; border-bottom: 3px #f40e00 solid }
.i-zhanting ul li img { width: 353px; float: left; height: 250px }
.i-zhanting ul li .tit { display: block; clear: both; font-size: 16px; color:#f40e00; height: 24px; line-height: 30px; text-align: left; padding: 10px 20px 5px 20px; font-weight: bold }
.i-zhanting ul li .tit:hover { font-weight: bold; text-decoration: underline }
.i-zhanting ul li p { display: block; clear: both; font-size: 12px; color: #666; line-height: 20px; text-align: left; padding: 0 20px; height: auto }
.i-zhanting ul li span { display: block; clear: both; height: 44px; border-top: 1px #ddd solid; padding: 0 20px; background-image: none }
.i-zhanting ul li .tit_02 { width: auto; font-weight: normal; line-height: 44px; padding: 0 20px; background-image: url(img/i-case-h2.gif); background-repeat: no-repeat; background-position: left center; color: #777; font-size: 12px }
.i-zhanting ul li span s { width: auto; line-height: 44px; background-image: url(img/i-case-mave.gif); background-repeat: no-repeat; background-position: right center; color: #14634a; font-size: 12px; text-decoration: none; float: right; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 0 }
.i-zhanting .prev, .i-zhanting .next { position: absolute; top: 100px; left: 0; z-index: 9; cursor: pointer; display: none }
.i-zhanting .next { left: auto; right: 40px }
.footercoy{    clear: both;
    text-align: center;
    font-size: 14px;
    padding-top: 40px;}
    .wxdiv{ text-align: center;}
    .wxdiv p{margin-top:20px;}
@media(max-width:768px){
.proList .row>div .imgDiv img{height:auto}
.i-zhanting{width: 100%;}
	i-zhanting-list{
		width:100%;float:left
	}
	.i-zhanting ul li{width:100%;margin-top: 30px;}
	.i-zhanting ul li img{width:100%}
}


 .tabDiv123 {text-align: center;margin-top: 0px;}
 .tabDiv123 ul{overflow:hidden;display: inline-block;}
 .tabDiv123 ul li{float: left;}
 .tabDiv123 ul li a{font-size: 14px;color: #fff;padding: 10px 26px;display: block;line-height: 1; cursor:pointer;}
 .tabDiv123 ul li.active a{color: #fff;background: #f40e00;}
 
 
 
 

/*<!-- 工程案例 -->*/
.ys_con{ background: url(../img/index-bg21.jpg) no-repeat center center;
    background-size: 100% 100%;padding:60px 0;}
.wt_t3{width:1200px;margin:0 auto;position:relative;height:622px;overflow: hidden}
.ysbt{position: absolute;width: 398px;
    height: 428px;
    background-color: #f40e00;left:0px;top:0px;z-index: 99}
.casett{   font-family: SegoeUI-Light;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;margin-top:50px;text-transform: uppercase;width:204px;text-align:center;margin-left:35px;}

.casett2{ font-family: SourceHanSansCN-Regular;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;background:url(../images/xx5.png) no-repeat center;margin-left:35px;margin-top:10px;text-align: center;width:204px;}

.dnnx{  font-family: SourceHanSansCN-Regular;width:204px;margin-top:20px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;text-align: left;margin-left:35px;padding-left:40px;}




.pcon{width:1150px;float:right;margin-top:70px;}
.picList li{position:relative;}
.picList li .img{float:right;}
.picList li .img img{width:674px;height:378px;display: block;}


.picList li .det{width: 520px;
    height: 236px;
    background-color: #ffffff;position:absolute;top:85px;left:0px;z-index:129;padding:25px 35px 0px 35px;}

.picList li .det h2{    font-family: SourceHanSansCN-Bold;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
    color: #313131;}
.picList li .det h2 a{  font-family: SourceHanSansCN-Bold;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
    color: #313131;}

.picList li .det span{  font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #313131; overflow: hidden;margin-top:25px;display:block}


.picScroll-left{ overflow:hidden;position: relative;}

.picScroll-left .hd .prev{display:block;width: 80px;height:32px;background:url(../img/l1.png) no-repeat;z-index:99999;position:absolute;top: 531px;left: 80px;cursor:pointer;z-index:99999}
.picScroll-left .hd .next{display:block;width: 80px;height: 32px;background:url(../img/r1.png) no-repeat;z-index:99999;position:absolute;top: 531px;left: 180px;cursor:pointer;z-index:99999}

.picScroll-left .hd .prev:hover{background:url(../img/l2.png) no-repeat;}
.picScroll-left .hd .next:hover{background:url(../img/r2.png) no-repeat;}

.ys_nav{width:724px;float:right;margin-top:40px;}
.ys_nav li{color:#fff;font-size:16px;text-align: center;float:left;margin-bottom: 10px;margin-right:10px;line-height:36px; height:36px;width:136px;}
.ys_nav li a{color:#fff;font-size:16px;text-align: center;line-height:36px;}
.ys_nav li:nth-child(5n){float:right;margin-right:0px}
.ys_nav li.on {background:url(../img/on122222222222.png) no-repeat center bottom; border-bottom:#f40e00 1px solid}
.ys_nav li.on a{color:#f40e00;}


.mh{float:right;margin-top:40px;color:#009944;font-size:14px; display:none}
.mh a{color:#009944;font-size:14px;}



.tt_cc{ font-family: SourceHanSansCN-Bold;
    font-size: 18px;
    font-weight: 600;

    line-height: 26px;
    letter-spacing: 0px;
    color: #313131;padding-left:20px;background:url(../img/ah.png) no-repeat center left;}

.case_ll{margin-top:25px;}
.case_ll li{width: 390px;
    height: 134px;
    background-color: #ffffff;
    border: solid 2px #eeeeee;position: relative;float:left;margin-right:15px;}
.case_ll li .img{float:left;margin-top:24px;margin-left:24px;}
.case_ll li .img img{width:134px;height:86px;}
.case_ll li .mc{position: absolute;right:0px;bottom: 0px;width:35px;height:31px;}
.case_ll li:nth-child(3n){float:right;margin-right:0px;}
.case_ll li .det{margin-left:35px;float:left;width:170px;margin-top:24px;}
.case_ll li .det h2{color:#313131;font-size:18px;}
.case_ll li .det h2 a{color:#313131;font-size:18px;}
.case_ll li .det span{  font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #313131;display:block;height:44px;overflow: hidden;margin-top:15px;}