@charset "utf-8";

/* CSS Document */



* { margin: 0; padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

html {

    color: #666;

    -ms-text-size-adjust: 100%; 

    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/

	-webkit-font-smoothing: subpixel-antialiased;

	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  

-moz-tap-highlight-color:rgba(0, 0, 0, 0);  

-ms-tap-highlight-color:rgba(0, 0, 0, 0);  

-o-tap-highlight-color:rgba(0, 0, 0, 0);  

tap-highlight-color:rgba(0, 0, 0, 0);  

}

body{ font-size:14px; font-family:Microsoft Yahei,"Source Han Sans CN",Arial; line-height:22px; overflow-x:hidden}

a{ text-decoration:none;outline:none;background: transparent;blr:expression(this.onFocus=this.blur()); transition:.3s;color:#666}

a:hover{color:#f07b38;}

img{ border:none}

button,

input,

select,

textarea {

    font-family: inherit; 

    font-size: 100%; 

    margin: 0;

    outline:none;

	border:none;

}

table{ border-collapse:collapse}

ul,ol,li{ list-style:none}



.clearfix{clear:both;zoom:1}

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

.fl{float:left}

.fr{float:right}

.col01{color:#f07b38}

.wrap{ width:1200px; margin:0 auto}

.header{ background:#f07b38; height:72px; z-index:5; position:relative;}

.logo img,.logo_m img{ display:block; margin-top:10px}

.logo_m{ display:none}

.menu{ width:60%; margin-left:10%}

.menu li{ float:left;width:17%; text-align:center; position:relative}

.menu li .menu_a{ display:block; padding:15px 0 12px;  color:#fff; font-weight:bold;position: relative;}

.menu li .menu_a i{ display:block; height:20px; text-align:center; margin-bottom:3px}

.menu li .menu_a i.hover{display:block; height:20px; width:22px; text-align:center; position:absolute; opacity:0; left:50%; margin-left:-11px;top:-20px; transition:.4s; transition-delay:.2s}

.menu li .menu_a img{ height:20px;}

.menu li:hover .menu_a{ background:#fff;color:#535353}

.menu li:hover .menu_a i.hover{ opacity:1; top:15px;}

.menu li .sub{ position:absolute; width:100%; background:#fff; box-shadow:0 5px 5px -2px rgba(0,0,0,0.25);display:none}

.menu li .sub a{ display:block;line-height:35px; border-bottom:1px solid #e8e8e8;line-height: 1.5;padding:6px 5px;}

.menu li.li_pro{position: static;}
.menu .sub_pro{padding-left: calc(calc(100% - 1200px) / 2);padding-right: calc(calc(100% - 1200px) / 2);left: 0;}
.menu .sub_pro_wrap{display: flex;display: -webkit-flex;margin-right: -5%;flex-wrap: wrap;padding:20px 0;}
.menu .sub_pro_wrap p{width: 20%;margin-right: 5%;text-align: left;}

.lang{ margin-top:20px;width:30px;height:30px; border-radius:50%; background:#75503a;text-align:center;}
.lang a{ display:block; color:#fff; padding-top:5px;}

.i-main{position:relative; z-index:1;height: calc(100vh - 72px);}

.i-banner{overflow:hidden; position:relative;height: 100%;}
.i-banner .swiper-slide img{ width:100%; height:100%;display:block;object-fit: cover;}
.i-banner .swiper-button-prev, .i-banner .swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	display:block;
	position:absolute;
	cursor:pointer;
	background: none;
	z-index: 5;
}
.i-banner .swiper-button-prev{left: 0;}
.i-banner .swiper-button-next{right: 0;}
.i-banner .swiper-button-prev:after,
.i-banner .swiper-button-next:after {
	content: '';
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(0,0,0,0.55) url(../images/barrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.i-banner .swiper-button-next:after{
	background: rgba(0,0,0,0.55) url(../images/barrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
}
.i-banner .swiper-button-prev:hover::after, 
.i-banner .swiper-button-next:hover::after {
	opacity: .8;
}

@-webkit-keyframes centerBig{0%{transform:scale(1);}100%{transform:scale(1.01);}}
@keyframes centerBig{0%{transform:scale(1);}100%{transform:scale(1.01);}}


.m-ban{ overflow:hidden !important; position:relative; z-index:1;}

.m-ban .swiper-slide img{ width:100%; height:auto;display:block;}

.m-ban .biao{ font-size:40px; line-height:45px; font-weight:bold; color:#fff; text-align:center; position:absolute; top:28%; width:100%}

.m-ban .swiper-pagination-bullet{ width:8px; height:8px; background:none; opacity:1; border:1px solid #fff; position:relative}

.m-ban .swiper-pagination-bullet-active:before{
	/* content:"";
	width:8px;
	height:8px;
	position:absolute;
	top:2px;
	left:2px;
	background:#fff;
	border-radius:50%; */
	display: none;
}
.m-ban .swiper-pagination-bullet-active{background-color: #fff;}


.i-pro{ position:absolute; bottom:3%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%); z-index:2}

.i-pro ul{display: flex;display: -webkit-flex;justify-content:flex-start;}

.i-pro li{width:16%;margin-right: 1%;border-radius:10px; overflow:hidden; transition:.5s;position:relative}

.i-pro a{ transition:0!important}

.i-pro li .tit{ text-align:center; background:url(../images/protit_bg.jpg) no-repeat center; background-size:cover; height:45px;color:#fff; font-size:15px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;line-height: 1.4;font-weight: bold;}

.i-pro li .pic{ overflow:hidden; position:relative}
.i-pro li .img1{display:block; width:100%; height:auto;}

.i-pro li .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover}

.i-pro li:hover{transform:scale(1.05) translateY(-10px)}



.nbanner{ position:relative}

.nbanner .wrap{ position:relative}

.nbanner img{ width:100%; display:block}

.location{ background:#fff; height:42px; line-height:42px;}

.location .wrap{ background:url(../images/home.png) no-repeat left center;padding-left:20px; box-sizing:border-box}

.location a{  float:left; padding:0 10px}

.location span{ float:left; display:block;width: 5px; height:42px; background:url(../images/arrows.png) no-repeat center}



.nav{ border-bottom:1px solid #d8d8d8}

.nav li{ float:left;}

.nav li a{ display:block; font-size:16px; transition: .5s; padding:10px 30px; margin-right:1px;line-height: 1.2;height: 70px;display: flex;display: -webkit-flex;align-items: center;justify-content: center; position:relative;}

.nav li a:hover,.nav li a.cur{ color:#fff;background:#f07b38;}



.main .content{ padding-top:50px; padding-bottom:50px; line-height:30px;font-size:15px; color:#808080}

.main .content img{ max-width:100%;}

.about_con{ position:relative}

.about_con:before{

	content:"";

	width:1px;

	height:100%;

	background:#ededed;

	position:absolute;

	left:20%;

	top:0

}

.about_con .left{ width:16%;}

.about_con .left h2,.about_con .right h2{font-size:28px;color:#333; font-weight:normal}

.about_con .left h2:after,.about_con .right h2:after{

	content:"";

	display:block;

	width:30px;

	height:1px;

	background:#f07b38;

	margin-top:10px;

}

.about_con .right{ width:75%;/* border-left:1px solid #ededed;*/ padding-left:5%}

.about_con .right h3{ font-weight:normal; color:#333; font-size:20px;}

.about_con .right h3 a{ color:#333;}

.about_con .right p{ padding-top:15px;}

.about_pic{ margin-top:40px;}

.about_pic .biaot{font-size:28px;color:#333; font-weight:normal; margin-bottom:30px;}

.about_pic .biaot:after{

	content:"";

	display:block;

	width:30px;

	height:1px;

	background:#f07b38;

	margin-top:10px;

	}

.about_pic ul{ margin-right:-1%}

.about_pic li{ float:left; width:49%; margin-right:1%; margin-bottom:1%; position:relative; overflow:hidden}

.about_pic li img{ width:100%; display:block; height:auto}

.about_pic li .tit{width:100%; height:60px; line-height:60px;color:#fff; padding-left:30px;font-size:18px; font-weight:bold; background:url(../images/aboutpicbg.png) no-repeat left bottom;position:absolute;bottom:0}

.culture ul{ margin-right:-2%}

.culture li{ width:46%; margin-right:2%; padding-right:2%; float:left; border-right:1px solid #ededed; box-sizing:border-box}

.culture li:nth-child(2){ border-right:none}

.culture li .kuai{ margin-bottom:30px;}

.culture li .kuai h3{ color:#f07b38}

.honorlist ul{ margin-right:-2%}

.honorlist li{ width:48%; float:left; margin-right:2%; margin-bottom:2%; text-align:center;border:1px solid #e8e8e8; box-sizing:border-box;padding:5px;}

.honorlist li img{ max-width:100%; height:280px;}

.honorlist li p{ background:#f2f2f2; line-height:40px;}

.products .about_con{ margin-bottom:50px;}

.products .about_con .more{ margin-top:20px; display:block; width:150px;height:40px; background:#f07b38;color:#fff; position:relative;transition:.5s}

.products .about_con .more span{ position:absolute; left:50%; margin-left:-30px; height:100%; line-height:40px;transition:.3s}

.products .about_con .more:hover span{ transform: translateX(-5px)}

.products .about_con .more i{width:11px; height:7px;position:absolute; top:50%; margin-top:-3.5px; left:68%; transition:.3s}

.products .about_con .more:hover i{background:url(../images/arrow.png) no-repeat;transform: translateX(5px)}

.products .about_con .pic img{ display:block; width:100%}

.products .about_con:last-child{ margin-bottom:0}

/* these styles are for the demo, but are not required for the plugin */

.jq22-content{border:5px solid #e8e8e8; width:45%;overflow:hidden; box-sizing:border-box; position:relative}

.jq22-content-top{ position:relative}

.gallery-thumbs{ background:#e8e8e8; padding-top:10px;}

.gallery-thumbs .swiper-slide{ cursor:pointer}

.preview-video{ position:absolute;top:0;left:0; width:100%; height:100%; background:#000; z-index:3}

.preview-video .plyr{ height:100%}

.preview-video .plyr__video-wrapper{ height:100%}

.preview-video .plyr audio, .preview-video .plyr video{ height:100%}

.preview-video .closed{ position:absolute; right:0;top:0; width:40px; height:40px; color:#fff; background:rgba(0,0,0,0.5); text-align:center; line-height:40px; font-size:25px; font-family:sans-serif}

.tmall{ background:#F00; width:112px; height:26px;display:block; margin-top:15px; margin-bottom:15px; margin-left:8px; position:relative}

.tmall:before{

	content:"";

	width:0;

	height:0;

	border-top: 13px solid transparent; 

	border-right: 8px solid red; 

	border-bottom: 13px solid transparent; 

	position: absolute;

	left:-8px;

	top:0;

}

.tmall i{ display:block; width:6px; height:6px; border:1px solid #fff; border-radius:50%; position:absolute; left:6px; top:50%; margin-top:-4px}

.tmall img{ display:block; height:11px; padding-top:7px; padding-left:22px;}

.zoom {

	position: relative;

}

.swiper-box .swiper-slide img{ width:100%; height:auto; display:block}

.swiper-box .swiper-pagination-bullet{ width:10px; height:10px; opacity:1; background:#fff;}

.swiper-box .swiper-pagination-bullet-active{ background:#06C;}

.swiper-box .swiper-pagination{ width:auto; background:rgba(255,255,255,0.1);color:#fff; bottom:40px; right:30px;left:auto; padding:0 15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}

.swiper-box .swiper-button-prev,.swiper-box .swiper-button-next{ width:17px; height:35px; background: url(../images/barrows.png) no-repeat 0 0; opacity:1;top:40%; left:30px;}

.swiper-box .swiper-button-next{background: url(../images/barrows.png) no-repeat 0 -90px;left:auto; right:30px;}

.jq22-content .video-btn{ width:50px; height:50px; background:url(../images/main-circles.png) no-repeat; background-position:-55px 0; position:absolute; left:30px; bottom:30px; cursor:pointer; z-index:2}

/* magnifying glass icon */

.zoom:after {

	content:'';

	display:block; 

	width:33px; 

	height:33px; 

	position:absolute; 

	top:0;

	right:0;

	background:url(../images/icon.png);

}



.zoom img {

	display: block;

}



.zoom img::selection { background-color: transparent; }



.main .title{ font-size:28px; text-align:center; color:#333; font-weight:normal; margin-bottom:30px;}

.main .title:after{

	content:"";

	display:block;

	width:25px;

	height:1px;

	background:#f07b38;

	margin:20px auto 0;

}

.main_d{ margin-top:-10px;}

.main_d .top .text{ width:50%;}

.main_d .top .text h3{ font-size:25px; color:#535353; margin-bottom:30px}

.main_d .top .text .jianj p{ line-height:23px; padding-top:15px;}

.main_d .top .text .jianj p span{ font-size:30px; font-weight:bold; color:#f07b38; font-family:Arial;}

.prodetail{ margin-top:30px; background:#fff}

.prodetail .prodetail-list{ border-bottom:1px solid #bababa}

.prodetail .prodetail-list a{text-align:center;font-size:16px;width:160px;display:block; padding:10px 0;float:left; box-sizing:border-box; background:#f8f8f8;}

.prodetail .prodetail-list a.active,.prodetail .prodetail-list a:hover{ background:#f07b38; color:#fff}

.prodetail-con{padding-top:30px;}

.prodetail-con-hd{ height:0; overflow:hidden}

.prodetail-con-hd.active{height: auto;position: relative;}

.prodetail-con-hd strong{ color:#333}

.prodetail-con-hd table td{ padding:8px 5px; border:1px solid #ebebeb; line-height:23px;}

.prodetail-con-hd table tr:nth-child(odd){ background:#f5f5f5}

.prodetail-con-hd table tr:first-child td{ background:#f07b38; color:#fff; font-size:16px;padding:8px 5px}

.prodetail-con-hd table tr:first-child td strong{ color:#fff}

.prodetail-con-hd .table tr:first-child td{ background:#f5f5f5; color:#666; font-weight:normal; padding:5px; font-size:14px;}



.pro_related ul{ margin-right:-2%}

.pro_related li{ float:left; width:23%; margin-right:2%; text-align:center; margin-bottom:10px;}

.pro_related li img{ width:100%; height:auto; display:block; border:1px solid #ebebeb;}

.pro_related li p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:35px;}

.prodetail-con-hd .note{ float:left; padding-top:15px}

.prodetail-con-hd .tamll{border:1px solid #f07b38; display:inline-block; padding:5px 10px;color: rgb(247, 150, 70); float:left; border-radius:5px; background:#f5f5f5; margin-left:15px;}

.prodetail-con-hd .erweima{ padding-top:5px;}

.prodetail-con-hd .erweima img{ box-shadow:0 2px 5px rgba(0,0,0,0.25); border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5}

.prodetail-con-hd .protit{ font-size:25px; color:#4c4c4c; padding-left:15px; position:relative}

.prodetail-con-hd .protit:before{

	content:"";

	width:5px;

	height:22px;

	background:#f07b38;

	display:block;

	position:absolute;

	left:0;

	top:50%;

	margin-top:-11px;

}



.nav_sed{background:#f5f5f5}

.nav_sed li{ display:inline-block}

.nav_sed li a{ display:block; background:url(../images/protit01.jpg) no-repeat right center; padding:13px 20px}

.nav_sed li:first-child a{ padding-left:0}

.nav_sed li:last-child a{ background:none}

.nav_sed li a.cur{color:#f07b38; font-weight:bold}



.pro_list ul{ margin-right:-2%}

.pro_list li{ width:31.33%; margin-right:2%; margin-bottom:2%; float:left}

.pro_list li img{ width:100%; height:auto; display:block}

.pro_list li .pic{ border:1px solid #ebebeb; border-bottom:none}

.pro_list li .text{ border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; padding:20px 30px 30px;}

.pro_list li .text .tit{ font-weight:bold; text-align:center; color:#535353; line-height:35px;}

.pro_list li .text .intro{ font-size:13px; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;line-height: 1.8;min-height:3.6em;}

.pro_list li .text span{ display:block; border:1px solid #ebebeb; border-radius:15px; width:95px; text-align:center;font-size:13px; color:#808080}

.pro_list li .text span:hover{ background:#f07b38; color:#fff}

.pro_list li .bottom{ width:100%; height:3px; background:#bababa; position:relative; overflow:hidden}

.pro_list li .bottom .line{ width:100%; height:3px; background:#f07b38; position:absolute;left:-100%; transition:.5s}

.pro_list li:hover .bottom .line{left:0}

.contact li{ margin-bottom:30px;}

.contact li:last-child{ margin-bottom:0}

.contact .pic{ width:45%}

.contact .pic img{ width:100%; height:auto; display:block}

.contact .text{ width:50%}

.contact .text h3{ color:#333; font-weight:normal; margin-bottom:20px;}

.solution{ border-left:1px solid #ebebeb;}

.solution li{ width:33.333%; border-right:1px solid #ebebeb; box-sizing:border-box; float:left; padding:20px 20px 30px;transition:.5s}

.solution li a{ color:#999}

.solution li .pic{ overflow:hidden}

.solution li img{ width:100%; height:auto; display:block; transition:1s}

.solution li .time{ margin-bottom:10px; font-size:13px;}

.solution li .tit{ font-size:18px; color:#333; line-height:25px; height:50px; margin-bottom:10px;}

.solution li .intro{ line-height:25px; padding:15px 0; height:50px; overflow:hidden;}

.solution li .more{ color:#808080;font-size:13px;}

.solution li:hover{ background:#f07b38}

.solution li:hover .time{ color:rgba(255,255,255,0.6)}

.solution li:hover .tit{ color:rgba(255,255,255,0.9)}

.solution li:hover .intro{ color:#fff}

.solution li:hover .more{ color:rgba(255,255,255,0.8)}

.solution li:hover img{ transform:scale(1.05)}

#map {

    width: 100%;

    height: 400px;

    background: #ccc;

}

.BMap_bubble_title{ white-space:normal !important}

.iwTitle {

    color: #CC5522;

    font-size: 14px;

    font-weight: bold;

	line-height:22px;

	display:block;

	padding-bottom:8px;

}

.BMap_bubble_content{ color:#666}

/*=====================================*/

.footer{ border-top:5px solid #f07b38; background:url(../images/foot_bg.jpg) repeat-x left top; padding:45px 0 30px; color:#8c8c8c}

.f_contact{ width:60%; padding-right:3%; border-right:1px solid #ebebeb; background:url(../images/map.png) no-repeat; background-position:90% 0}

.f_contact h3{ font-size:16px;color:#535353; font-weight:bolder; line-height:15px;position:relative; padding-left:15px; margin-bottom:25px;}

.f_contact h3 img{ display:block; margin-top:5px}

.f_contact h3:before{

	content:"";

	display:block;

	width:5px;

	height:100%;

	background:#535353;

	position:absolute;

	left:0;

}

.f_contact .text{ color:#8c8c8c}

.f_contact .text a{color:#8c8c8c}

.f_contact .text a:hover{color:#f07b38;}

.f_contact .text h4{ font-size:14px;color:#535353; margin-bottom:10px}

.f_attention li{ float:left; text-align:center; font-size:12px; margin-left:15px; color:#8c8c8c}

.f_attention li .pic img{ display:block; width:110px; height:auto; padding:4px; background:#fff; margin:0 auto}

.f_attention li p{ line-height:30px}



.foot-top{ padding-bottom:20px; border-bottom:1px solid #eee}

.i-news{ width:58%}

.f_contact-1{ width:38%}

.foot-top .title{ font-size:15px; font-weight:bold; color:#535353; margin-bottom:24px;}

.foot-top .title .en{ font-family:arial; color:#bfbfbf;font-weight:normal; padding-left:10px; margin-left:10px; position:relative}

.foot-top .title .en:before{ content:""; width:1px; height:12px; position:absolute; left:0; top:50%; margin-top:-6px; background:#bfbfbf;}

.i-news-con .left{ width:60%}

.i-news-con .left li{ float:left; width:48%; margin-right:2%; position:relative}

.i-news-con .left li .pic img{ width:100%; height:auto; display:block}

.i-news-con .left li .tit{ position:absolute; bottom:0; left:0; width:96%; background:rgba(0,0,0,0.75); color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:13px; padding:5px 2%;}

.i-news-con .right{ width:36%;}

.i-news-con .right li a{ color:#8c8c8c; line-height:27px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-left:12px; position:relative}

.i-news-con .right li a:before{content:""; width:4px; height:4px; border-radius:50%; background:#b6b6b6; position:absolute; left:0; top:50%; margin-top:-2px;}

.i-news-con .right li a:hover{ text-decoration:underline;color:#f07b38}

.copyright{ border-top:1px solid #fff; padding-top:20px;}

.copyright a{color:#8c8c8c}

.newslist li {

    border: 1px solid #f0f0f0;

    margin-bottom: 20px;

    transition: 0.4s;

}

.newslist li.odd{ background:#f5f5f5}

.newslist li .text{ padding:50px 7% 0 7%}

.newslist li .text h3{ font-size:24px; color:#333; margin-bottom:15px; font-weight:normal}

.newslist li .text .intro{ color:#888; line-height:20px;}

.newslist li .date{padding:0 7% 0 7%; line-height:80px; color:#666; position:relative}

.newslist li .date i{width: 21px;height: 11px;position: absolute;top: 50%;margin-top: -6px;right: 7%;background: url(../images/news04.png) no-repeat center;transition: background 0.3s;}

.newslist li:hover{ box-shadow:0 0 25px rgba(0,0,0,0.1); background:#fff;}

.newslist li:hover .date i{background: url(../images/news04-h.png) no-repeat center;}

.back{ text-align:right;}