@charset "utf-8";
/* CSS Document */
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff; font-size: 14px; /* min-height:800px;*/} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size: 14px; }

html, body {position: relative; height: 100%;    }
.fr {float: right; display: inline;}
.fl {float: left; display: inline;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {        text-align: center;font-size: 18px; background: #fff; /* Center slide text vertically */
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;*/
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.s1{ background:url(../images/page01.png) no-repeat top center; background-size:cover;}
.s3, .s6{ background-color:#f9f9f9}
.s5{ background:url(../images/news-bg.jpg) no-repeat top center;background-size:50wh;background-position:160px 0px;}
.nav-box{width:1200px; margin:0 auto;padding-top:20px;}
.nav-rig {padding-top:40px;}
.nav-rig a{font-size:16px; color:#333333;padding:20px;}
.nav-rig a:hover{font-size:16px; color:#333333; text-decoration:none; border-bottom:4px solid #e60012;}
.nav-rig .active{border-bottom:4px solid #e60012;}
.langbox{width:0px;  height:0px; display: inline-block; *display: inline; *zoom: 1;  position: relative; vertical-align: top; padding:20px; background:url(../images/lang.png) no-repeat center/20px ; cursor: pointer; margin-top:35px;    margin-left: 20px;}
.lg-check{ background: url(../images/6.png) no-repeat top center; position: absolute;  top: 40px;    left: 50%;    width: 88px;    margin-left: -44px;    height: auto;    padding-top: 7px; opacity: 0;    filter: alpha(opacity=0);    visibility: hidden;    transition: all .3s ease-in; cursor: pointer;}
.lg-check a {display: block;    font-size: 14px;    color: #515151;    text-align: center;    line-height: 44px;    transition: all .3s ease-in;    background-color: #fff;}
.langbox:hover .lg-check{	visibility: visible;	opacity: 1;	filter: alpha(opacity=100);}
.button-next{position: fixed; bottom:20px;left: 50%;cursor: pointer;}
.sidebar{display:block;/*position:fixed;*/margin-top:100px; width:160px;border-height:100%;left:0;top:10vh;-webkit-transition:all 1s ease;transition:all 1s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;z-index:10;background:url(../images/left-shadow.png) no-repeat right;padding-right:26px;}
.sidebar.hide{left:-100%}
.sidebar .logo-icon{margin:20px auto}
.sidebar .sidebar-list{list-style:none;padding-left:0}
.sidebar .sidebar-list li{cursor:pointer;margin:18px 0;color:gray;font-size:16px;text-align:center}
.sidebar .sidebar-list li.active{color:#e60012;font-weight:700}
.sidebar .sidebar-list li .sidebar-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.sidebar .sidebar-list li .sidebar-line.hide{display:none}
.sidebar .sidebar-list li .sidebar-line.active .dot{height:5px;width:5px}
.sidebar .sidebar-list li .sidebar-line.active .dot:first-child{margin-top:30px}
.sidebar .sidebar-list li .sidebar-line.active .dot:last-child{margin-bottom:10px}
.sidebar .sidebar-list li .sidebar-line.active .line{height:300px}
.sidebar .sidebar-list li .sidebar-line .dot{margin:0;width:0;height:0;border-radius:100px;background:#e60012;-webkit-transition:all 1s ease;transition:all 1s ease}
.sidebar .sidebar-list li .sidebar-line .line{background:#e60012;margin:10px 0;width:2px;-webkit-transition:all 1s ease;transition:all 1s ease;height:0}
.sidebar .sidebar-list li .notice-icon{cursor:pointer;width:36%;margin:12px auto}
@media screen and (max-width:767px){.sidebar{display:none}
.navbar{height:100vh;width:60%;background:#fff;-webkit-box-shadow:5px 0 20px rgba(30,30,30,.2);box-shadow:5px 0 20px rgba(30,30,30,.2);z-index:999;position:fixed;top:0;left:0}
.navbar.hide{display:none}.navbar .close{position:absolute;left:4%;top:2%;width:20%}
.navbar .sidebar-list{list-style:none;position:absolute;left:10%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.navbar .sidebar-list li{text-align:center}.navbar .sidebar-list li div{cursor:pointer;margin:20px 0;font-size:4vw;text-align:center}
.navbar .sidebar-list li div.active{color:#fff;font-weight:bolder;width:100%;height:34px;line-height:34px;background:#000}
.navbar .sidebar-list li span{color:gray}
.navbar .sidebar-list li .notice-icon{cursor:pointer;width:60%;margin:20px auto}}
@media screen and (max-width:767px) and (orientation:landscape){.navbar{width:50%}
.navbar .close{position:absolute;left:4%;top:2%;width:10%}
.navbar .sidebar-list{list-style:none;position:absolute;left:15%}
.navbar .sidebar-list li div{margin:2px 0;font-size:2vw}
.navbar .sidebar-list li .notice-icon{cursor:pointer;width:60%;margin:8px auto}}


.product{display:block;position:absolute;top:5vw;left:15vw}
.product .top{text-align: left;}
.product .top .top-txt{font-size:40px;font-weight:bold;background: url('../images/product.png') no-repeat top left;line-height:110px;padding-left:80px;width:70vw;}
.product .top .top-cont{color:#333333; padding:10px 75px 0 80px;font-size:18px;}
.product .top .top-cont button{color:#fff; background:url('../images/buttom-bg.png') no-repeat top center; border:none; padding:8px 20px 8px 20px;background-size:cover; border-radius:10px; cursor: pointer;}
.product .product-cont{width:70vw;height:34vw;background-color:#ffffff; margin-top:30px;position:relative; box-shadow:0px 0px 20px 0px #ececec}
.product .product-cont .p-sider{  font-size:18px; color:#393531; line-height:35px; text-align:left;position:absolute; top:0;left:0; z-index:99; }
.product .product-cont .p-sider  li{height:4.5vw; padding:4vw 1vw 0vw 1vw;width:212px;background-color:#fff; cursor: pointer;border-left: 8px solid #fff; text-align
:center;line-height:50px;}
.product .product-cont .p-sider  .active{background-color:#e60012; color:#fff; border-left:8px solid #393531}
.product .product-cont .p-sider  .active span{color:#fff;}
.product .product-cont .p-sider span{font-size:10px; color:#bebebe; line-height:10px;}
.product .product-cont .p-sider span img {display:none; vertical-align: bottom;}
.product .product-cont .p-sider  .active img{display:inline-block; padding-top:15px; }
.product .product-cont .p-sider  li:hover{background-color:#e60012; color:#fff; border-left:8px solid #393531}
.product .product-cont .p-sider  li:hover span{color:#fff;}
.product .product-cont .p-sider  li:hover img{display:inline-block;padding-top:15px; }
.product .product-cont .p-img{height:34vw;position:absolute; top:0;right:0; z-index:0; }
.product .product-cont .p-img img{height:34vw;}
.product .product-cont .p-sider .pro-img1 li{background:#fff url('../images/logo1.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img1 li:hover, .product .product-cont .p-sider .pro-img1 .active{background: #e60012 url('../images/logo1-1.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img2 li{background:#fff url('../images/logo21.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img2 li:hover, .product .product-cont .p-sider .pro-img2 .active{background:#e60012 url('../images/logo21-1.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img3 li{background:#fff url('../images/logo3.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img3 li:hover, .product .product-cont .p-sider .pro-img3 .active{background:#e60012 url('../images/logo3-1.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img4 li{background:#fff url('../images/logo4.png') no-repeat top center;}
.product .product-cont .p-sider .pro-img4 li:hover, .product .product-cont .p-sider .pro-img4 .active{background:#e60012 url('../images/logo4-1.png') no-repeat top center;}
.project{display:block;position:absolute;top:5vw;left:15vw}
.project .top{text-align: right;}
.project .top .top-txt{font-size:40px;font-weight:bold;background: url('../images/project.png') no-repeat top right;line-height:110px;padding-right:80px;width:70vw;}
.project .top .top-cont{color:#333333; padding:10px 80px 0 0px;font-size:18px;}
.project .project-cont{width:70vw;height:34vw;background-color:#ffffff; margin-top:30px;position:relative;box-shadow:0px 0px 20px 0px #f2f2f2}
.project-cont ul {padding-left:0.9vw;}
.project-cont ul li{width:15vw; padding:4vw 1vw 3vw 1vw; height:25vw; float:left; line-height:36px; }
.project-cont ul li a{font-size:14px; color:#333333;}
.project-cont ul li .project-img{width:100%;}
.project-cont .project-prev{position:absolute; top:17vw; left:-15px; background-color:#c1c1c1; padding:15px 6px 15px 6px; cursor: pointer;}
.project-cont .project-next{position:absolute; top:17vw; right:-15px; background-color:#c1c1c1; padding:15px 6px 15px 6px;cursor: pointer;}
.project-cont .project-prev:hover, .project-cont .project-next:hover{background-color:#c20016;}



.about{display:block;position:absolute;top:5vw;left:15vw}
.about .top{text-align: left;}
.about .top .top-txt{font-size:40px;font-weight:bold;background: url('../images/about.png') no-repeat top left;line-height:110px;padding-left:80px;width:70vw;}
.about .top .top-cont{color:#333333; padding:10px 0 0 80px;font-size:18px;}
.about .about-cont{width:70vw;height:34vw;border:1px solid #e5e5e5; margin-top:30px; background:url(../images/about-bg.jpg) repeat-y; }
.about .about-cont { color:#fff; line-height:40px; font-size:16px; text-align:left;position:relative;}
.about .about-cont .about-img{position:absolute; top:-230px; right:0;}
.about .about-cont ul {padding:80px 500px 10px 80px}
.about .about-cont ul li p{text-indent:30px}
.about .about-cont .more button{color:#e31e25; background-color:#fff; border:none; padding:8px 20px 8px 20px; border-radius:10px;cursor: pointer; margin-top:20px;}

.news{display:block;position:absolute;top:5vw;left:15vw}
.news .top{text-align: right; color:#fff;}
.news .top .top-txt{font-size:40px;font-weight:bold;background: url('../images/news.png') no-repeat top left;line-height:110px;padding-right:80px;width:70vw;}
.news .top .top-cont{color::#fff; padding:10px 80px 0 0px;font-size:18px;}
.news .news-cont{width:70vw;height:34vw;background-color:#fff; margin-top:30px; box-shadow:0px 0px 0px 0px #696367,/*上边阴影*/ 0px 0px 0px 0px #f3f3f3,/*左边阴影 */  10px 0px 20px 0px #f3f3f3,  /*右边阴影  */  0px 10px 20px 0px #c3c3c3;}
.news .news-cont ul {width:61vw;height:25vw; padding:1vw 4vw 1vw 5vw; text-align:center;}
.news .news-cont ul .body{width:16vw;padding:2vw 2vw 2vw 2vw; height:25vw; float:left; text-align:left;}
.news .news-cont ul  .content {height:25vw}
.news .news-cont ul li a{font-size:14px; color:#807c77; padding:10px;}
.news .news-cont ul li .date{width:33%; color: #fff;  font-size:1.4rem;    font-style: normal;    font-family: 'Arial';    font-weight: bold;    padding:18px; background-color:#696367; text-align:center; margin:20px 0;height:3vh}
.news .news-cont ul li .date{width:33%; color: #fff;  font-size:1.4rem;    font-style: normal;    font-family: 'Arial';    font-weight: bold;    padding:18px; background-color:#696367; text-align:center; margin:20px 0;height:3vh}
.news .news-cont ul li h3{color:#32271c; font-size:18px; line-height:35px;height:7vh; margin-bottom:15px;}
.news .news-cont ul li p{line-height:28px;}
.news .news-cont ul li .description {height:15vh}
.news .news-cont ul li .line{border-bottom:1px solid #e6e6e6}
.news .news-cont ul li a:hover{background-color:#dddddd;}
.news .news-cont ul li a:hover .line{border-bottom:1px solid #696367}
.news .news-cont .more{padding:1vw 1vw 0vw 1vw; }
.news .news-cont .more button{color:#fff; background:url('../images/buttom-bg.png') no-repeat top center; border:none; padding:8px 20px 8px 20px;background-size:cover; border-radius:10px; cursor: pointer;}


.global{display:block;position:absolute;top:5vw;left:15vw}
.global .top{text-align: left;}
.global .top .top-txt{font-size:40px;font-weight:bold;background: url('../images/global.png') no-repeat top left;line-height:110px;padding-left:80px;width:70vw;}
.global .top .top-cont{color:#333333; padding:10px 0 0 80px;font-size:18px;}
.global .global-cont{width:70vw;height:34vw; margin-top:30px; background-image:url(../images/global-bg.png); background-size:cover; color:#807c77;font-size:14px;}
.global .global-cont span{position:relative; bottom:-30vw; line-height:28px;}


/* foot */
footer .ser-twrap{	padding-top: 40px;	background-color: #fff;}
footer .ser-twrap .tit{	font-size: 20px;	color: #595757;	line-height: 64px;	height: 64px;	text-align: center;	/* font-weight: bold; */	padding-bottom: 36px;	/* font-family: 'PingFang SC Regular'; */}
footer .ser-twrap .tit span{	/* font-family: 'pingfanghk semibold'; */}
footer .fot{	font-size: 0;	border-top: 1px solid #e6e6e6;	border-bottom: 1px solid #efefef;	background-color: #fff;}
footer .fot ul{width: 1200px;	margin:0 auto;}
footer .fot li{	width: 33.33%;	display: inline-block;	*display: inline;	*zoom: 1;	height: 210px;	text-align: center;	vertical-align: top;}
footer .fot li .box{	display: block;	margin: 40px 0;	height: 130px;	border-left: 1px solid #e9e9e9;}
footer .fot li:first-child .box{	border-left: none;}
footer .fot li .box img{	width: 50px;}
footer .fot li .box .d1{	font-size: 16px;	color: #000000;	margin-top: 16px;}
footer .fot li .box .d2{	font-size: 14px;	color: #4d4d4d;}
footer .fwrap{	padding:54px 0 50px 0;	font-size: 12px;}
footer .fwrap .w1270{overflow: hidden; padding-bottom:15px;border-bottom: 1px solid #e6e6e6;margin-bottom:15px;}
footer .fwrap ul{	padding-bottom: 28px;	width: 1200px;	margin:0 auto;}
footer .fwrap li{	float: left;	width: 166px;}
footer .fwrap li a{	display: block;	font-size: 12px;	color: #808080;	line-height: 2;	transition: all .3s ease-in;	text-align: left;}
footer .fwrap li a:first-child{	font-size: 14px;	color: #333333;	padding-bottom: 15px;}
footer .fwrap .f2{width: 1200px;	margin:0 auto;}
footer .fwrap .f2 .des{	padding-top: 13px;	line-height: 17px;}
footer .fwrap .f2 .des a{	display: inline-block;	width: 20px;	height: 20px;	vertical-align: middle;	margin-right: 8px;}
footer .fwrap .f2 .des em{	margin-right: 30px;}
footer .fwrap .f2 .tel{	line-height: 30px;	position: relative;}
footer .fwrap .f2 .tel img{    vertical-align: top;    height: 30px;}
footer .fwrap .f2 .tel em{	display: inline-block;	*display: inline;	*zoom: 1;	color: #595757;	font-size: 26px;	font-style: normal;	font-family: 'Arial';	font-weight: bold;	padding-left: 28px;	background: url('../images/12.svg') no-repeat left center/22px 22px;	margin-left: 14px;	vertical-align: top;	font-family: 'DIN Alternate Bold';	padding-top: 2px;}
footer .fwrap .f2 .tel .cn{	line-height: 30px;	display: inline-block;	*display: inline;	*zoom: 1;	vertical-align: top;	padding-top: 2px;}
footer .fwrap .f2 .tel .ico{	display: inline-block;	*display: inline;	*zoom: 1;	width: 32px;	height: 30px;	background: no-repeat center/32px auto;	vertical-align: top;	cursor: pointer;	transition: all .3s ease-in;}
footer .fwrap .f2 .tel .ico:hover{	opacity: 0.7;	filter: alpha(opacity=70);}
footer .fwrap .f2 .tel .ico-wx{	background-image: url('../images/13.svg');}
footer .fwrap .f2 .tel .wxcontai{	display: inline-block;	margin-left: 50px;}
footer .fwrap .f2 .tel .wxcontai .code{	position: absolute;	width: 150px;	height: 150px;	padding-bottom: 10px;	bottom: 100%;	right: 0;	opacity: 0;	visibility: hidden;	transition: all .3s ease;}
footer .fwrap .f2 .tel .wxcontai:hover .code{	opacity: 1;	visibility: visible;}
footer .fwrap .f2 .tel .ico-sina{	background-image: url('../images/14.svg');	margin-left: 16px;}
footer .fwrap a:hover{	color: #000;}


@media screen and (max-height:800px){
	.sidebar{margin-top:0px;}
	.sidebar .sidebar-list li .sidebar-line.active .line {  height: 100px; }
	.product, .project, .about, .news, .global {top: 1vw;}
	.news .news-cont ul li h3 { font-size: 16px;  line-height: 28px;  height: 6vh;  margin-bottom: 15px;  margin-top: 25px;}
	.news .news-cont ul li h3 { font-size: 16px;  line-height: 28px;  height: 6vh;  margin-bottom: 15px;  margin-top: 25px;}
	.news .news-cont ul li h3 { font-size: 16px;  line-height: 28px;  height: 6vh;  margin-bottom: 15px;  margin-top: 25px;}
	.news .news-cont ul li h3 { font-size: 16px;  line-height: 28px;  height: 6vh;  margin-bottom: 15px;  margin-top: 25px;}
	.news .news-cont ul li h3 { font-size: 16px;  line-height: 28px;  height: 6vh;  margin-bottom: 15px;  margin-top: 25px;}
	.news .news-cont ul li h3 { font-size: 16px;  line-height: 28px;  height: 6vh;  margin-bottom: 15px;  margin-top: 25px;}
	.news .news-cont ul li .date {margin: 5px 0;}
	.news .news-cont ul .body {padding:0.4vw 2vw 0.4vw 2v}
	}
@media screen and (max-width:1277px){
	.about .about-cont{line-height: 28px; font-size:14px;}
	.about .about-cont ul {    padding: 20px 500px 10px 20px;}
	
}
@media screen and (max-width:1477px){
	.about .about-cont{line-height: 35px; font-size:15px; }
	.about .about-cont ul {padding: 20px 500px 10px 20px;}
	
}