/* ====================
     鍏叡鏍峰紡
==================== */

/*@font-face
{
font-family: Alibaba-PuHuiTi-Light;
src: url('../font/Alibaba-PuHuiTi-Light.ttf'),
     url('../font/Alibaba-PuHuiTi-Light.eot');
}
*/

body {
	font-size: 14px;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
	color: #333333;
}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p, div, body {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
em, i, u {
	font-style: normal;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #ed1f23;
	text-decoration: none;
}
.hidden {
	overflow: hidden;
}
.f_l {
	float: left;
}
.f_r {
	float: right;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*html .clearfix {
	height: 1%;
}
*+html .clearfix {
	height: 1%;
}

.clearfix {
*zoom:1
}
.clear{
	clear: both;
}





@media screen and (min-width:320px) and (max-width:359px){
    html {font-size:52%;}
}
@media screen and (min-width:360px) and (max-width:479px){
    html {font-size:62%;}

}
@media screen and (min-width:480px) and (max-width:639px){
    html {font-size:80%;}   
}

@media screen and (min-width:640px) and (max-width:767px){
    html {font-size:85%;}
}
@media screen and (width:768px){
    html {font-size:85%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
    html {font-size:85%;}

}
@media screen and (min-width:1280px) and (max-width:1365px){
    html {font-size:85%;}

}
@media screen and (min-width:1366px) and (max-width:1439px){
    html {font-size:90%;}

}
@media screen and (min-width:1440px) and (max-width:1599px){
    html {font-size:90%;}
   
}
@media screen and (width:1600px){
    html {font-size:90% !important; }
}
@media screen and (min-width:1600px){
    html {font-size:100%;}
}
	


.enlarge {
	overflow: hidden;
}
.enlarge  img{
	-webkit-text-transition: all 0.6s;
	-moz-text-transition: all 0.6s;
	transition: all 0.6s;
}
.enlarge:hover img{
	-webkit-text-transform: scale(1.1);
	-moz-text-transform: scale(1.1);
	transform: scale(1.1);
}

/*头部*/
.top {
	width: 100%;
	/*height: 100px;*/
	padding: 45px 0;
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
}
.top .nav {
	width: 74%;
	height: 100px;
	float: right;
}
.top .nav ul {
	overflow: hidden;
	text-align: center;
}
.top .nav ul li {
	display: inline-block;
	text-align: center;
	padding: 38px 0 0;
	margin: 0 13px;
	overflow: hidden;
	position: relative;
}
.top .nav ul li a {
	display: block;
	height: 35px;
	line-height: 34px;
	padding: 0 4px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
}
.top .nav ul li em {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0;
	background-color: #ed1f23;
	transition: width .4s;
	-moz-transition: width .4s;
	-webkit-transition: width .4s;
	-o-transition: width .4s;
}
.top .nav ul li:hover em, .top .nav ul li.hover em {
	width: 100%;
}
.headerToTop {
	height: 55px;
	padding:0px;
	line-height:55px;
	color: #000;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	z-index:99999;
}
.headerToTop1 {
	/*height: 75px;*/
	color: #000;
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
}

.headerToTop .nav ul li a {
	color: #000;
}
.headerToTop .logo {
	float: left;
	margin-left:16px;
	/*width: 11.8%;*/
	/*height: 75px;*/
}
.headerToTop .logo a img{
	max-width: 100%;
	width:auto;
}



.headerToTop .header1_toggle{right:22px; top:3px;}

.header1_top_li1{ line-height:28px}

.headerToTop .menuS img{ width:26px; height:23px}

.headerToTop .nav {
	width: 74%;
	height: 100px;
	float: right;
}
.headerToTop .nav ul {
	overflow: hidden;
	text-align: center;
}
.headerToTop .nav ul li {
	display: inline-block;
	text-align: center;
	margin: 0 13px;
	padding: 18px 0 0;
	overflow: hidden;
	position: relative;
}
/*头部 结束*/

/*****header*******/
.logo {
	/* width: 11.2%; */
	margin-left: 45px;
	float: left;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	position: relative;
	z-index: 10;
}
.logo img{
	width: 147px;
	height:58px;
}

.header1 {
	/*height: 90px;*/
	position: fixed;
	top: -90px;
	left: 0;
	z-index: 100;
	width: 100%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.header1 p.top-tell{
	position: absolute;
	right: 95px;
	top: 54px;
	font-size: 24px;
	color: #e71f19;
}
.header1 p.top-tell a{
	color: #e71f19;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:32px;
}

.header1 p.top-tell2{
	position: absolute;
    right: 58px;
	top:-2px;
}







.header1.active {
	top: 0;
}
.header1_toggle {
	display: block;
	position: absolute;
	top: 46px;
	z-index: 99999;
	right: 50px;
	cursor: pointer;
	/*background: #fff;*/
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;

	/*-webkit-transition: right 400ms ease-in-out, top 400ms ease-in-out;
	-moz-transition: right 400ms ease-in-out, top 400ms ease-in-out;
	-ms-transition: right 400ms ease-in-out, top 400ms ease-in-out;
	transition: right 400ms ease-in-out, top 400ms ease-in-out;
	-webkit-box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
	-moz-box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
	-ms-box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);
	box-shadow: 0px 5px 11px 0px rgba(33,57,140,0.11);*/
}
.header1_toggle>div>div {
	font-size: 12px;
	text-align: center;
	line-height: 50px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.menuClose{ display:none;position: absolute; 
    top: -12px; width:50px; text-align:center;}
.menuClose i{
    font-size:26px; 
    display:block; 
    line-height:50px; 
    color:#fff;
}




.headerToTop .logo img{ height:33px; width:198px}
.headerToTop p.top-tell{
	font-size:24px;
	right:70px;
	top:-2px;

}
.headerToTop .header1_toggle>div>div{ line-height:44px;}

.headerToTop .header1 p.top-tell a{ font-size:24px;}

.is-open .menuClose{ display:block;}
.is-open .menuS{ display:none;}


.header1_toggle>div:hover div {
	color: #fff;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.header1_toggle.is-open {
	background: none;
	padding: 7px;
}
.header1_toggle.is-open>div {
	position: relative;
	height: 50px;
	width: 50px;
	margin-top: 5px;
}

.header1_box {
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	z-index: 99;
	transition: all 0.1s 0.1s;
	-moz-transition: all 0.1s 0.1s;
	-ms-transition: all 0.1s 0.1s;
	-o-transition: all 0.1s 0.1s;
	-webkit-transition: all 0.1s 0.1s;
}
.header1_box.is-open {
	left: 0;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
.header1_zhe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ff8a93;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out 900ms;
	-moz-transition: all 300ms ease-in-out 900ms;
	-ms-transition: all 300ms ease-in-out 900ms;
	transition: all 300ms ease-in-out 900ms;
	pointer-events: none;
}
.header1_box.is-open .header1_zhe {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.8;
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-ms-transition-delay: 0ms;
	transition-delay: 0ms;
}
.header1_con {
	overflow: hidden;
	position: relative;
	width: 50%;
	padding: 0 7% 40px 7%;
	height: 100%;
	float: right;
	background: #4E4E4E;
	background: -moz-linear-gradient(left, #4E4E4E 0, #3e3e3e 40%, #292828 100%);
	background: -webkit-linear-gradient(left, #4E4E4E 0, #3e3e3e 40%, #292828 100%);
	background: linear-gradient(to bottom, #4E4E4E 0, #3e3e3e 60%, #292828 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E4E4E', endColorstr='#292828', GradientType=1);
	overflow-y: auto;
	-webkit-transition: all 300ms ease-in-out 800ms;
	-moz-transition: all 300ms ease-in-out 800ms;
	-ms-transition: all 300ms ease-in-out 800ms;
	transition: all 300ms ease-in-out 800ms;
}
.header1_top {
	padding: 20% 0 0 0;
}
.header1_top ul li {
	font-size: 1.3rem;
	text-transform: uppercase;
	padding: 15px 0;
	font-family: 'DINOT-CondBold';
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
	-moz-transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
	-ms-transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
	transition: all 600ms cubic-bezier(0.42, 0, 0, 1.01);
}
.header1_top ul li.header1_top_li1 {
	-webkit-transition-delay: 330ms;
	-moz-transition-delay: 330ms;
	-ms-transition-delay: 330ms;
	transition-delay: 330ms;
}
.header1_top ul li.header1_top_li6 {
	-webkit-transition-delay: 180ms;
	-moz-transition-delay: 180ms;
	-ms-transition-delay: 180ms;
	transition-delay: 180ms;
}
.header1_top ul li.header1_top_li5 {
	-webkit-transition-delay: 210ms;
	-moz-transition-delay: 210ms;
	-ms-transition-delay: 210ms;
	transition-delay: 210ms;
}
.header1_top ul li.header1_top_li4 {
	-webkit-transition-delay: 240ms;
	-moz-transition-delay: 240ms;
	-ms-transition-delay: 240ms;
	transition-delay: 240ms;
}
.header1_top ul li.header1_top_li3 {
	-webkit-transition-delay: 270ms;
	-moz-transition-delay: 270ms;
	-ms-transition-delay: 270ms;
	transition-delay: 270ms;
}
.header1_top ul li.header1_top_li2 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	transition-delay: 300ms;
}
.header1_top ul li.header1_top_li1 {
	-webkit-transition-delay: 330ms;
	-moz-transition-delay: 330ms;
	-ms-transition-delay: 330ms;
	transition-delay: 330ms;
}
.header1_top ul li a {
	color: #fff;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-family: "微软雅黑";
	letter-spacing: 2px;
}
.header1_top ul li a:hover {
	color:#e60012;
}
.header1_box.is-open .header1_top ul li {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.header1_box.is-open .header1_top ul li.header1_top_li1 {
	-webkit-transition-delay: 180ms;
	-moz-transition-delay: 180ms;
	-ms-transition-delay: 180ms;
	transition-delay: 180ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li2 {
	-webkit-transition-delay: 210ms;
	-moz-transition-delay: 210ms;
	-ms-transition-delay: 210ms;
	transition-delay: 210ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li3 {
	-webkit-transition-delay: 240ms;
	-moz-transition-delay: 240ms;
	-ms-transition-delay: 240ms;
	transition-delay: 240ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li4 {
	-webkit-transition-delay: 270ms;
	-moz-transition-delay: 270ms;
	-ms-transition-delay: 270ms;
	transition-delay: 270ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li5 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	transition-delay: 300ms;
}
.header1_box.is-open .header1_top ul li.header1_top_li6 {
	-webkit-transition-delay: 330ms;
	-moz-transition-delay: 330ms;
	-ms-transition-delay: 330ms;
	transition-delay: 330ms;
}
.header1_top a::before {
	content: '';
	width: 0;
	height: 2px;
	left: -46px;
	background:#e60012;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: width 200ms ease-in-out;
	-moz-transition: width 200ms ease-in-out;
	-ms-transition: width 200ms ease-in-out;
	transition: width 200ms ease-in-out;
}
.header1_top ul li a:hover::before, .header1_top ul li a.active::before {
	width: 26px;
}

.header_box {
    width: 75%;
	margin: 0 auto;
}
/*****header*******/	






#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li img{ width: 100%;}
#playBox .pre{ cursor:pointer; width:45px; height:77px; background:url(../images/l.png) no-repeat; position:absolute; top:50%; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:77px; background:url(../images/r.png) no-repeat; position:absolute; top:50%; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:158px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:21px; height:21px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#e60012;}

.sbottom{position: absolute;bottom:18px;left:50%;margin-left:-53px; z-index: 10}



.sbottom {
        -webkit-animation: bounce-down 1.6s linear infinite;
        animation: bounce-down 1.6s linear infinite;
 
        img {
             position: absolute;
        }
 }
 
@-webkit-keyframes bounce-down {
       25% {
            -webkit-transform: translateY(-4px);
       }
       50%, 100% {
            -webkit-transform: translateY(0);
       }
       75% {
            -webkit-transform: translateY(4px);
       }
}
 
@keyframes bounce-down {
        25% {
             transform: translateY(-4px);
        }
        50%, 100% {
             transform: translateY(0);
        }
        75% {
             transform: translateY(4px);
   }

   }


.bannerbox{
	position: relative;
}
.qhbox .parHd{
	width:100%;
	position:absolute;
	bottom:0px;
	text-align:center;
	margin:0 auto;
}
.qhbox .parHd li{
	display:inline-block;
	border-radius:100%;
	background:#fff; 
	text-indent:-999em;
	overflow:hidden;
	margin:0% 1% 3%;
}
.qhbox .parHd li.on{ background:#e60012; }
.qhbox .parHd li{
	width:10px;
	height:10px;
}
.qhbox img {
    display: block;
    width: 100%
}






/*棣栭〉寮€濮�*/

.menu-box ul{
	/* width: 70%; */
	margin: 1.4% auto;	
	text-align: center;
}
.menu-box ul li{
	/* float: left; */
	display: inline;
	font-size: 14px;
	line-height: 2;
	padding: 0 1%;
	text-align: center;
}
.menu-box ul li a{
	color: #9f9fa0;
}

.home-tit {
	width: 60%;
	margin: 50px auto;
	padding: 0 2%;
	text-align: center;
	color: #9f9fa0;
}


.home-tit h4{
	padding: 66px 0% 0% 0%;
	font-size: 28px;
	font-weight: normal;
}




.home-tit h3{
	padding: 0% 0% 2% 0%;
	font-size: 28px;
	font-weight: normal;
}
.home-tit p{
	line-height: 2.6;
	font-size: 14px;
	padding-bottom: 2.5%;
}


.index_sec2{
	width: 88%;
	margin: 0 auto;
}
.h-case-box{
	position: relative;
	text-align: center;
}
.h-case-box img{
	opacity: 0;
}


.product-con{width: 100%!important;}

.product-con .row img{
	width: 100%;
}
.product-con .row div {
	overflow: hidden;
	padding: 0;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.pro-txt{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	opacity:0;
    filter:alpha(opacity=100);
	transition:all 1s linear;
}

.product-con .row div:hover .pro-txt{
	top: 0px;
	opacity:1;
    filter:alpha(opacity=100);
	background: rgba(0,0,0,0.5);
}
.pro-txt .pro-tit{
	position: absolute;
	bottom: 8%;
	left: 10%;
	right: 10%;
	color: #fff;
}

.more-case{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);	
	transition:all 1s linear;
}
.more-case .pro-tit{
	position: absolute;
	top: 28%;
	left: 5%;
	right: 5%;
	color: #fff;
}
.more-case h5{
	font-size: 28px;
}
.more-case p{
	font-size: 14px;
	padding: 4% 2%;
}
.more-case i{
	display: inline-block;
	font-size: 16px;
	padding: 1% 2%;
	border: 1px solid #fff; 
	margin-top:100px;
}




.pro-txt h5{
	font-size: 28px;
	font-weight:100;
}
.pro-txt p{
	font-size: 12px;
	color: #ccc;
}
.pro-txt i{
	font-size: 18px;
}






.pro-btn{
	text-align: center;
}
.pro-btn a{
	display: inline-block;
	font-size: 0.8rem;
	padding: 0.5% 1%;
	color: #969494;
	margin: 100px 0 2% ;
	border: 1px solid #969494;
}
.pro-btn a:hover{
	border: none;
	color: #fff;
	background:#e60012; 
}



.index-tit{
	text-align: center;
	padding-bottom: 2%;
	font-family: Arial, Helvetica, sans-serif;
}
.index-tit h3{
	font-size:28px;
	color: #bbbbbc;
	font-weight: 600;
	margin-bottom: 0;
}
.index-tit p{
	font-size: 28px;
	color: #2f2928;
}
.index_sec3 .row{
	width: 33.33333%;
	float: left;
}

.index_sec3 .home-tit{ margin:18px auto 50px; }


.index_sec3 .row:nth-child(2){
	margin: 0 1.6%;
}
.index_sec3 .row div{
	margin-bottom: 1.8%;
}

.index_sec4 .home-tit{ margin:18px auto 50px; }

.index_sec4{
	width: 96%;
	margin: 0 auto;
}

.mb0{ margin-bottom:0px;}
.mb110{ margin-bottom:90px;}
.index_sec4 .row{
	padding-bottom: 3%;
	padding-left:5%; padding-right:5%;
}
.index_sec4 .row div{
	padding: 0 3%;
}

.news-box {
	color: #797a7c;
}
.news-box h5{
	display: inline-block;
	font-size: 1.8rem;	
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #797a7c; 
	font-weight: normal;
}
.news-box h3{
	font-size: 1.6rem;
	margin: 5% 0 4%;
}
.news-box strong{
	display: block;
	font-size: 24px;
	padding: 0 0 2% 0;
}
.news-box p{
	line-height: 24px;;
	font-size: 14px;
	color:#9c9c9c;
}
.news-box a.more{
	display: block;
	padding: 3% 0;
	border-bottom: 1px solid #4e4e4e;
	color: #ea5619;
}
.news-box ul{
	padding-top: 1%;padding-bottom: 1%; border-top: 1px dashed #bbbbbc;
}
.news-box ul li {
    float: left;
    font-size: 12px;
    line-height: 24px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 25%;
    padding-right:1%;
    color: #bbbbbc;

}

.news-box ul li a{ color: #bbbbbc;font-size: 12px;}



.news-box ul li:nth-child(5n-1){
	padding-right: 0%;
}

.news-box .pt0{
	padding-top:0%;
}

.news-pic{padding-bottom: 5%!important;}
.news-pic2{padding-top: 3.5%!important;}
.ny-news-pic img{
	width: 100%;
}





.footer-box{
	width: 100%;
	height: 552px;
	background: url(../images/bottom-bg.jpg)
}
.footer-con{
	width: 75%;
	margin: 0 auto;
	padding-top: 5%;
}
.footer-con .ewm-pic img{
	width: 100%;
}
.footer-con .ewm-pic span{
	display: block;
	text-align: center;
	color: #cececd;
	font-size: 14px;
	padding: 2% 0;
}
.footer-con h3{
	margin-top: 0;
}
.footer-con .Contact{
	padding-left: 5%;
	color: #cececd;
}
.footer-con .footer-menu{
	float: left;
	padding: 0 16%;
}
.footer-con .footer-menu li{
	color: #cececd;
	line-height: 1.8;
}
.footer-con .footer-menu li a{
	color: #cececd;
}
.footer-con .footer-menu li a:hover{
	color: #fff;
}

.gognan p{
	color: #cececd;
	font-size: 14px;
	line-height: 1.8;
}
.gognan a{color: #cececd;}
.Friendly{
	font-size: 0.8rem;
	color: #cececd;
	padding-top: 3%;
}
.Friendly a{
	color: #cececd;
	padding-right: 2%;
	line-height: 2;
}
.Friendly a:hover{
	color: #cececd;
}



.m-footer-box{
	width: 100%;
	padding-top: 5%;
	background: url(../images/bottom-bg.jpg) no-repeat;
	font-size:12px;
	/* background-size: 100%; */
}
.m-footer-box .footer-menu p{
	font-size: 12px;
	color: #cececd;	
	margin: 0;
}
.m-footer-box .footer-menu li{
	float: left;
	padding: 1% 2% 1% 0;
}
.m-footer-box .footer-menu li a{
	font-size: 12px;
	color: #cececd;	
}
.m-footer-box .gognan p{
	line-height: 1.6!important;
	font-size:12px;
}
.m-footer-box .ewm-pic{
	width: 35%;
}
.m-footer-box .ewm-pic span{
	color: #cececd;	
}
.m-footer-box .Contact{
	width: 65%;
	padding-left: 4%;
}
.m-footer-box .Contact h3{
	font-size: 12px !important;
	margin-top: 0 !important;
	color: #cececd;	
}
.m-footer-box .Contact p{
	/*line-height: 10 !important;*/
	color: #cececd;
}
.m-footer-box .ewm-pic img{
	width: 100%;
}


.ToTop {
	position: fixed;
	z-index: 99999999999999;
	right: 0;
	bottom: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: #727272 url(images/ico_gotop.png) no-repeat center center;
}
.ToTop:hover {
	background: #727272;
}
.ToTop:hover .showCon {
	display: block;
}
.showCon {
	width: 40px;
	display: none;
}
.showCon a {
	display: block;
	margin: 3px auto 0;
	width: 24px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}







/*案例页*/
.case-menu-box h2{ font-size: 1.7rem; color:#ff0000;padding-left:0px;padding-right:0px; padding-top: 0.3rem;}
.case-menu-box h2 span{color:#9e9e9e; }

.case-menu-box ul{
	text-align: right;
	padding-right:0px;
	padding-left:0px;
	padding-top: 0.3rem;
}

.case-menu-box ul li{
	padding: 0;
	font-size: 14px;
	margin: 1% 0;
}
.case-menu-box ul li a{
	display: inline-block;
	padding-left:1%;
}

.case-menu-box ul li.active a{
	color: #f08619;
}
.case-menu-box ul li a{
	
}
.case-menu-box ul li:hover a{
	color: #f08619;
}

.m-case-menu-box{
	width: 95%;
	margin: 5% auto;
}
.m-case-menu-box a{
	display: block;
	color: #f08619;
	text-align: center;
	line-height: 3;
	background: #f2f2f2;
}
.m-case-menu-box  a.active{
	color: #fff;
	background: #f08619;
}
.m-case-menu-box div{
	padding: 0;
}
.m-case-menu-box a:hover{
	color: #fff;
	background: #f08619;
}









/*新闻页面*/
.news-menu-box h2{ font-size: 28px;
    font-weight: 300;color:#ff0000;padding-left:0px;padding-right:0px; padding-top: 2rem;}
.news-menu-box h2 span{color:#9e9e9e; }
.news-menu-box ul{
text-align: right;
	padding-right:0px;
	padding-left:0px;
	padding-top: 2rem;

}
.news-menu-box ul li{padding: 0;
	font-size: 14px;
	margin: 1% 0;
	color:#7e7e7f;}


.news-menu-box ul li a{
	display: inline-block;
	padding-left:1%;
	padding-right:1%;
}

.news-menu-box ul li.active a{
	color: #f08619;
}
.news-menu-box ul li a{
	
}
.news-menu-box ul li:hover a{
	color: #f08619;
}










.article_con{
	width: 68%;
	color: #8a8a8a;
	background: #fefefe;
}
.article_con h3{
	font-size: 28px;
	font-weight: 300;
	padding-top: 2rem;
}

.article_con .pt0{padding-top: 0px;}


.article_con h3 span{
	color: #ff0000;
}

.article_con h5 {
    font-size: 24px;
    font-weight: 300;
    padding: 3rem 0 1rem;
    letter-spacing: 3px;
    border-bottom: 1px solid #eaeaea
}


.article_con{}



.case-box{	
	background: #d9d9d9;
}
.case-con01{
	width: 68%;
	padding:220px 0 106px;
	margin: 0 auto;

}

.mt90{ margin-top:90px!important;}
.pt70{ padding-top:70px!important;}
.pt90{ padding-top:90px!important;}
.pt120{ padding-top:120px!important;}
.pt135{ padding-top:135px!important;}
.pt50{ padding-top:50px!important;}
.case-con01 h3{
	/*padding:2rem 0;*/
	padding-bottom: 2.5rem;
	font-size: 24px;
	margin: 0;
}
.case-con01 p{
	font-size: 1rem;
	line-height: 2.2;
}

.case-con01 .rnr{ font-size:0.75rem;}
.case-con01 .rnr p{ font-size:0.75rem;}

.case-con02{ padding-top:120px;}
.case-con02 img{
	width: 100%;
	margin-bottom: 2rem;
}
.media-box{
	margin: 3% 0;
	border-top: 2px solid #eaeaea;
}

.media-box .row ul li a{
	display: inline-block;
	float: left;
	margin: 1rem 0.5rem ;
	width: 39px;
	height: 32px;
	background: url(../images/icon05.png) no-repeat center;
}
.media-box .row ul li a:hover{
	background: url(../images/icon05-1.png) no-repeat center;
}
.media-box .row ul li.one a{
	background-position: 0 0;
}
.media-box .row ul li.two a{
	background-position: -68px 0;
}
.media-box .row ul li.three a{
	background-position: -134px 0;
}
.media-box .row ul li.four a{
	background-position: -200px 0;
}
.media-icon{
	text-align: right;
	padding-right:3% !important;
}
.media-icon p{
	font-size: 2rem;
	color: #eaeaea;
	line-height:1.8;
}
.case-tit{
	text-align: center;
	font-size: 24px;
	color: #7f7f7f;
	padding-bottom: 5%;
}

.mess-box{
	width: 60%;
	text-align: center;
	margin: 90px auto 6rem auto ;
}
.mess-box h3,.mess-box h4{
	margin: 0;
}
.mess-box h4{
	font-size: 28px;
}
.mess-box h3{
	font-size: 2.5rem;
	font-weight: 600;
	color: #ff0000;
	padding:1.5rem 0; 
}
.mess-box p{
	font-size: 16px;
	padding: 0 5%
}

.mess-box form{
	padding: 3% 0; 
}
.mess-box input{
	width: 90%;
	border: 1px solid #313131;
	padding: 1% ; 
	margin: .3rem 0;
}
.mess-box textarea{
	width: 90%;
	border: 1px solid #313131;
	padding: 1% ; 
	margin: .3rem 0;
}
.mess-box button{
	display: block;
	width: 15%;
	margin: 3% auto;
	border:1px solid #707070;
	padding: 1.5% 3.5%; 
	background: none;
}
.mess-box button:hover{
	color: #fff;
	border:none;
	background: #ff0000;
}
/*案例页 结束*/



/*列表页*/
.list-con{
  width:82%;
  margin:0 auto;
}
.news-con{
	padding: 3% 0;
	color: #525252;
}
.news-pic{
	width: 35%;
}
.news-pic img{
	width: 100%;
}
.news-txt{
	width: 60%;
	position:relative;
	height:360px;
}
.news-txt h4 a{

}
.news-txt span{
	display: block;
	padding: 1% 0;
	font-size:1.4rem;
}
.news-txt p{
	line-height: 2.2;
	font-size: 14px;
	color:#757575;
	margin-top:1rem;
	font-weight:200;
}




.news-txt h2{ color: #757575; font-size: 18px; margin-top:0px; margin-bottom:2rem; }
.news-txt h2 a{ color: #757575;}


.news-txt h4{ border-bottom: 1px solid #757575; font-size: 24px;display: block; height: 3.6rem; line-height: 3.6rem; color:#757575; }
.news-txt h4 a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:0px;color:#757575; font-weight:200;}
.news-txt h4 span{ text-align: right; padding: 0px;font-size: 24px;color:#757575; }



.more{ color:#b3b3b3;font-size:18px; position:absolute; bottom:0; font-weight:400 }



.m-list-con{
	width: 100%;
	padding: 0;
	background: none;
}
.m-list-con .row{
	margin: 0 0 5%;
}
.m-news-txt h4 a{
	line-height: 1.4;
}
.m-list-pic img{
	width: 100%;
}
/*列表页 结束*/

.pro-btn li{display:inline-block;} 
.pro-btn li.active{}
.pro-btn li.active a{background-color:#e71f19;color:#fff;border: 1px solid #e71f19;}
.pro-btn li:hover a{background-color:#e71f19;color:#fff;border: 1px solid #e71f19;}

.pro-btn li a {
    display: inline-block;
    font-size:14px;
    padding:5px 8px;
    color: #969494;
    margin:1px;
    border: 1px solid #969494;
}
.fenye{ text-align:center; margin-top:10px; margin-bottom:10px;}
.fenye li{display:inline-block;padding:2px 4px} 
.fenye li a{ color:#666;} 



.nrypt {
    padding: 12.2rem 3%;
    width:69%;
	margin: 0 auto;
}


.pb0{ padding-bottom:0px;}


/*内容页 结束*/
.content-con{
	padding-bottom:5%; 
}
.news-pos{
	padding: 3%;
}
.content-box{
	width: 85%;
	margin: 0 auto;
}
.content-tit{
	text-align: center;
}
.content-tit h3{
	font-size: 1.8rem;
	font-weight: bold;
}

.content-tit span{
	text-align: center;
	color: #666;
}
.content-box p{
	padding: 1% 0;
	font-size: 1.1rem;
	line-height: 1.6;
}
.content-box img{
	display: block;
	margin:3% auto;
	text-align: center;
}
.content-box a.next{
	padding-top:5%; 
	display: inline-block;
}
.artcon img{ max-width:100%; margin:2% 0;}
.artcon p{ line-height:2.2; font-size:0.75rem;}
/*内容页 结束*/



/*关于我们*/
.about-con1{
	width: 96%;
	color: #8a8a8a;
	background: #fefefe;
}
.about-con1 img{
	width: 100%;
}
.about-con1 h3{
	font-size: 28px;
	font-weight: 300;
	padding-left: 17%;
	padding-top: 2rem;
}

.about-con1 .pt0{padding-top: 0px;}
.pt25rem{padding-top: 2.5rem;}
.mtf15rem{margin-top: -1.5rem;}

.about-con1 h3 span{
	color: #ff0000;
}
.about-con1 h5{
	font-size: 24px;
	font-weight: 300;
	padding: 3rem 0 1rem;
	letter-spacing: 3px;
}
.about-con1 p{
	font-size: 14px;
	font-weight: 300;
	line-height: 2.2;
	padding-right: 25%;
	letter-spacing: 1px;
}


.about-pic02-fixed {
    height: 917px;
    width: 96%;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
.about-pic02-fixed img{
	width: 100%;
}

.about-con3,.about-con5,.about-con7{
	padding: 11.3rem 0 11.3rem 0;
}
.about-con3 h5{
	font-size: 1.1rem;
	font-weight: 550;
	line-height: 2;
}
.about-con5 p,.about-con7 p{
	line-height: 1.9;
	font-size: 1rem;
}

.about-pic04-fixed {
	/* width: 90%;
	margin: 0 auto; */
	/* height: 527px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
    width: 100%; */
}
.about-pic02-pic img,.about-pic04-fixed img,.about-pic06-fixed img{
	width: 100%;
}


.about-pic04-fixed-lxwm{width:90%; margin: 0 auto}
.about-pic04-fixed-lxwm img{width:100%;}


.bannerny{width:100%;}
.bannerny img{width:100%;}
/* .about-pic06-fixed {
    height: 545px;
    width: 96%;
    margin: 0 auto;
    background-repeat: no-repeat; 
    width: 100%;
} */



.about-con7 h5{
	font-size: 1.1rem;
	font-weight: 100;
	padding: 3rem 0 0rem;
	letter-spacing: 3px;
}
.about-con7 p{
	padding-bottom: 1.5rem;
}
/*关于我们 结束*/







.hdkj_sec1 p{ padding-right:12%; }
.hdkj_sec2{ width:88%; margin:0 auto; }
.hdkj_sec2 img{ width: 100%;}


.case-con{width:88%;}


.font14{font-size:14px!important;font-weight:normal;}
.font12{font-size:12px!important;font-weight:normal;}






@media(max-width:1440px) {
	.footer-con .footer-menu{
		padding: 0 5%;
	}

}
	
@media(max-width:1300px) {
	.footer-con .footer-menu{
		padding: 0 9%;
	}
}
	
@media(max-width: 1240px){
	.footer-con .footer-menu{
		padding: 0 10%;
	}

}
	
@media(max-width: 1024px){
	.footer-con .footer-menu{
		padding: 0 12%;
	}

	.news-txt p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
   }
}
	
	
@media(max-width:768px) {
	
	
	

	.top{height: 55px; padding:10px;}
	
	.logo{margin-left:5px;}
	
	
	
	.logo img{height: 35px; width:auto;}
	

	
.header1 p.top-tell2{
	position:absolute;
	top:14px;

}
	
	
	.headerToTop{padding:0px;}
	
	
	.headerToTop p.top-tell2{
	position:absolute;
	top:-2px;

}
	
	
	
	
    .header1_toggle {
	top: 0px;
	right:22px;
    }
	.menu-box ul{
		padding: 3% 3%;
	}
	.home-tit{
		width: 94%;
		padding: 0 3%;
	}
	.home-tit p{
		font-size: 14px;
	}

	.index_sec2 .row{
		margin-right: 0px; 
		margin-left: 0px;
	}
	.index_sec3 .row{
		width: 100%;
		float: none;
	}



.index_sec3 .home-tit{ padding-top: 100px }


	.index_sec3 .row:nth-child(2){
		margin: 0;
	}
	.news-box h3{
		font-size: 2rem;
		margin: 2% 0;
	}

	.news-pic{
		padding: 0% !important;
	}
	.news-box {
		padding:0% !important ;
	}
	.news-box ul li:nth-child(3n-1){
		padding:0
	}
	.news-box ul li{
		width: 50%;
	}
	.news-box ul li em{
		display:none;
	}

	/*关于我们*/
	.about-pic02-pic,.about-pic04-fixed,.about-pic06-fixed {
		width: 90%;
		margin: 0 auto;
	}
	.about-con1 {
		width: 90%;
		padding: 4rem 0 0.5rem;
		margin:0 auto;
	}
	.about-con1 h3{
		padding-left: 0;
		font-size: 2.5rem;
	}
	.about-con1 h5{
		padding: 1rem 0;
	}
	.about-con1 p{
		padding-right: 0;
		font-size: 16px;
		letter-spacing: 0;
	}
	.about-con3,.about-con5,.about-con7{
		padding: 1rem 0 1rem;
	}
	.about-con3 h5,.about-con7 h5{
		font-size: 24px;
		letter-spacing: 0;
	}
    /*关于我们 结束*/
	
	.case-con01{
		width: 90%;
		padding: 8rem 0 3rem; 
   }
   .case-con02{
		padding: 4rem 0 3rem; 
   }

   .mess-box{
	width: 100%;
	margin-top:30px;
    }
    .mess-box button{
    	width: 90%;
     }


	.footer-con .Contact{
		padding-left: 0%;
	}


	.m-news-txt p{
		display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
       overflow: hidden;
       text-overflow: ellipsis;
	}

	.content-con{
	width:96%;
	margin: 0 auto;
   }
   .content-box {
    width: 100%;
   }
   .content-box img{
	width: 100%;
   }

.nrypt {
    padding: 5.2rem 3%;
    width:96%;
	margin: 0 auto;
}
.hdkj_sec2{ width:100%; }
.article_con{width:96%;}
.list-con{width:96%;}
.list-con .ny-news-pic{ padding:0px;}

.more-case .pro-tit{position: absolute;
    top: 18%;
    left: 5%;
    right: 5%;
    color: #fff;}
	
	.more-case i{margin-top: 30px;}
	.news-box strong{padding: 2% 0 2% 0;}

.news-txt{padding-left:0px!important;padding-right:0px!important; height:auto; padding-top:2%;padding-bottom:2%;}
.news-txt h2{ margin-top:2%; margin-bottom:0%;}
}