@charset "utf-8";
/* CSS Document */
html{font-size:100px;}
body{font-size:0.28rem;font-family:"微软雅黑";}.bottom
*{margin:0;padding:0;border:0;list-style:none;text-decoration:none;-webkit-tap-highlight-color:transparent;}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {text-decoration: none;}
input,textarea{outline: 0;}
img {	max-width: 100%;    border:none;display:block;}
.fl {float:left;}
.fr {float:right;}
.pos-rel {
 position: relative;
}
.cls {clear:both;line-height:0px!important;height:0px!important;font-size:0px!important;} 
.clear:after{content:" "; display:table; height:0; clear:both; visibility:hidden; }

/* ==== 背景 ==== */
/*#page1,#page2,#page3,#page4,#page5,#page6{background:url(../img/page_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}*/

.section .animg{position:absolute;}

@keyframes pulse2{
	0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes pulse2{
	0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-moz-keyframes pulse2{
	0%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-moz-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
/*通用*/
.section .swiper-pagination{
	bottom: 0.5rem;
}
.title_img{
	position: absolute;
	z-index: 99;
	width: 1.7rem;
	left: 50%;
	margin-left: -0.85rem;
	top: 0.5rem;
}
 .title_img{
	width: 2.2rem;
	margin-left: -1.1rem;
}
 .swiper-button-next{
	right: 0.03rem;
}
 .swiper-button-prev{
	left: 0.03rem;
}
/*tt_box*/
.tt_box{
	padding: 0.4rem 0;
	text-align: center;
}
.tt_box h2{
	font-size: 0.5rem;
	font-weight: normal;
	line-height: 0.75rem;
	height: 0.75rem;
	color: #000000;
}
.tt_box p{
	color: #5d5d5d;
	font-size: 0.24rem;
	height: 0.5rem;
	line-height: 0.5rem;
}
.tt_box span{
	text-align: center;
	display: inline-block;
	width: 50px;
	height: 2px;
	background-color: #0e6dce;
}


/*顶部导航*/
.cd-menu-icon{
	font-family: "微软雅黑";
}
.homepage{
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0; display:none;
}
.homepage img{
	margin: 5px 6px;
	height: 40px;
}
.container header h1{
	 padding-left:15px;
	width: 100%;
	height: 50px; color:#000;
	line-height: 50px;
	font-weight: normal;
	font-size: 0.4rem;
}


#cd-menu-trigger span.nav_btn{
	font-size: 0.25rem;
	text-align: center;
	display: block;
	width: 100%;  padding:5px 5px; background-color: rgba(255,150,0,1.00);
	color: #fff;
}



/*banner*/
.banner{ background-image:url(../img/bannerbj.jpg); background-size:100% 100%;
	
}
.banner .banner-pagination{ bottom:60px;}




.banner .swiper-slide{ width:100%; height:70vh;}

.banner .swiper-slide img{
	display: block;
width: 85%;
    margin: 0 auto;
    margin-top: 38%;
}
/*介绍*/
.About_about_history,.About_about_Partner{ padding:10px; line-height:25px; font-size:14px;}
.About_about_history h2,.About_about_Partner h2{ font-weight:normal;}


.main_about{ padding:5%; float: left;
    width: 100%}
.main_about .main_about_box{ width:100%;  overflow:hiddenl !important; background-color:#333; float:left;}

.main_about .main_about_info{ padding:20px; background-color:#fafafa;}
.main_about .main_about_info h3{ font-size:0.5rem; font-weight:normal; padding-bottom:20px; position:relative; display:table; padding-top:10px;}
.main_about .main_about_info h3:before {
        content: "";
    display: inline-block;
    height: 2px; background-color:#e67c26; position:absolute; bottom:10px; left:0; 
    width: 30px;
    vertical-align: middle;
}
.main_about .main_about_info p{ font-size:0.25rem; color:#666; line-height:25px;}

.main_about .main_about_info h3 span{font-size:0.2rem; display:block; color:#666;}

.main_about .main_about_info a.more{ padding:5px 15px; margin:10px 0; display:table; border-radius:3px; background-color:#e67c26; color:#fff;}
.main_about .main_about_jingdu{ width:100%; padding:10px 0;}


/*服务*/
.service{ width:100%; height:70vh; background-image:url(../img/bg.jpg); background-size:100% 100%; float:left;}
.service h3{ font-size:0.6rem; font-weight:normal; padding:20px 0; position:relative; display:table; padding-top:10px; text-align:center; color:#fff; margin:0 auto; margin-top:30px; display:table}
.service h3:before {
        content: "";
    display: inline-block;
    height: 2px; background-color:#e67c26; position:absolute; bottom:10px; left:40%; 
    width: 30px;
    vertical-align: middle;
}
.service h3 span{font-size:0.2rem; display:block; color:#fff; font-weight:bold;}
.swiper-pagination-bullet-active{ background-color:rgba(255,150,0,1.00);}
.service .service_box{ height:30vh; padding:0 15px;}

.service .service_box .swiper-container{ height:30vh;}

.service .service_box .swiper-container .service_box_li{ width:50%; float:left; height:30vh;}
.service .service_box .swiper-container .service_box_li .pic_box{ margin:10px; background-color:#fff; height:24vh; position:relative; overflow:hidden;}
.service .service_box .swiper-container .service_box_li .pic_box p{ background-color:rgba(0,0,0,0.80); color:#fff; padding:2%; width:100%; z-index:999;  position:absolute; bottom:0; left:0;}
.service p{ font-size:14px; color:#fff; width:70%; margin:0 auto; line-height:25px; text-align:center;}
.service a.moer{    padding: 5px 15px;
    margin: 10px auto;
    display: table;
    border-radius: 3px;
    background-color: #e67c26;
    color: #fff;}
.service_img{ width:100%; float:left;}


/*新闻*/
.news{ padding:5%; width:100%; float:left;
}

.news h3{ font-size:0.6rem; font-weight:normal; padding:20px 0;  position:relative; display:table; padding-top:10px; text-align:center; color:#333; margin:0 auto; margin-bottom:40px; display:table}
.news h3:before {
        content: "";
    display: inline-block;
    height: 2px; background-color:#e67c26; position:absolute; bottom:10px; left:40%; 
    width: 30px;
    vertical-align: middle;
}
.news h3 span{font-size:0.2rem; display:block; color:#e67c26; font-weight:bold;}

.news ul{ width:100%;}
.news ul li{ border:1px solid #dfdfdf; height:16vh; margin-bottom:15px; overflow:hidden;}

.news ul li .newspic{ width:40%; height:16vh; background-color:#333; float:left; overflow:hidden;}
.news ul li .newspic img{ width:100%; height:100%;}
.news ul li .newsinfo{ width:58%; float:right;}
.news ul li .newsinfo h4{ font-size:0.25rem; font-weight:normal; padding:10px 0; padding-bottom:0;  height:50px; overflow:hidden; color:#333;}
.news ul li .newsinfo span{ font-size:12px; color:#e67c26;}
.news ul li .newsinfo p{ font-size:12px; color:#333;     height: 14px;
    overflow: hidden; margin-top:5px;}
	
/*合作伙伴*/	
.hzhb{padding:5%; width:100%; float:left; background-color:#efefef;}
	.hzhb h3{ font-size:0.6rem; font-weight:normal; padding:20px 0;  position:relative; display:table; padding-top:10px; text-align:center; color:#333; margin:0 auto; margin-bottom:10px; display:table}
.hzhb h3:before {
        content: "";
    display: inline-block;
    height: 2px; background-color:#e67c26; position:absolute; bottom:10px; left:40%; 
    width: 30px;
    vertical-align: middle;
}
.hzhb h3 span{font-size:0.2rem; display:block; color:#e67c26; font-weight:bold;}

.hzhb ul{ padding:5px;}
.hzhb ul li{ width:50%; float: left;}
.hzhb ul li .hzx_logo{ margin:5px; background-color:#fff; overflow:hidden; height:65px;}


/*bottom*/
.bottom{
	background-color: #222222; float:left; width:100%;	
	padding-bottom: 50px;
}
.bottom p{
	color: #c5c5c5;
	font-size: 0.18rem;
	padding: 0.2rem 0.5rem;
	line-height: 0.4rem;
}

.bottom a{
	color: #c5c5c5;
}

/*-------------------------侧边导航*/
#cd-lateral-nav.lateral-menu-is-open{
	  box-shadow: -4px 0.03rem 0.09rem rgba(0, 0, 0, 0.5);
}

.index_nav,#top,header{
transition-timing-function: ease-in-out;
	transition-delay: 0.01s;
}
#cd-lateral-nav{
	transition-timing-function: ease-out;
}

/*==========================内页==============================*/
.in_body{overflow-y:auto;}
.in_body header{background-color:#fff !important;position:fixed;    box-shadow: -4px 0.03rem 0.09rem rgba(0, 0, 0, 0.5);}
.in_body header.lateral-menu-is-open{background-color:#7f7f7f !important;}
.in_body header.lateral-menu-is-open .top_tt{color:#000;}
.in_body header .return{position:absolute;width:50px;height:50px;left:0;top:0;z-index:9;background:url(../img/logo.jpg) no-repeat 0.14rem center;background-size:37px 40px;}
.in_body header .top_tt{color:#000;font-size:0.28rem;line-height:50px;width:100%;text-align:center;font-weight:normal;}
.cd-main-content{padding-top:0rem;}
/*底部固定*/
.index_nav{width:100%;position:fixed;bottom:0;left:0;z-index:9;background:#e67c26;
box-shadow: 0 -4px 0.09rem -3px rgba(0, 0, 0, 0.4);
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
}
.index_nav ul{overflow:hidden;display:-webkit-flex;display:-moz-flex;display:flex;}
.index_nav ul li{float:left;-webkit-flex:1;-moz-flex:1;flex:1;}
.index_nav ul li a{display:block;
height: 50px;
line-height: 50px;
text-align:center;font-size:0.28rem;color:#333;}
.index_nav ul li a i{vertical-align:middle;     float: left;font-size:0.35rem;padding-right:0.1rem;}
/*翻页*/
.page{padding:0.25rem 0.2rem 0.4rem 0.2rem;display:table;width:100%;box-sizing:border-box;text-align:center;}
.page a{ padding:0.15rem 0.2rem; border-radius:0.05rem; background-color:#e67c26;color:#eee;font-size:0.25rem;}
.page a:active{ background-color:#e67c26;}
.page a.left{ float:left;}
.page a.right{ float:right;}
.page span{display:inline-block;padding:0.15rem 0;font-size:0.25rem;color:#e67c26;}
/*二级导航*/
.in_subnav{background:#eee;}
.in_subnav #app_on_nav.hover{ height: 46vh !important; overflow:hidden;}


.

.in_subnav ul{overflow:hidden;}
.in_subnav ul li{float:left;width:33.3333333%;}
.in_subnav ul li.hover{background:#e67c26;}
.in_subnav ul li.hover a{color:#fff;}
.in_subnav ul li:active{background:#333;}
.in_subnav ul li:active a{color:#fff;}
.in_subnav ul li a{display:block;padding:0.15rem 0;color:#333;text-align:center;font-size:0.2rem;}

/*进度*/
.jingdukuang{ text-align:center; padding:10px 0;}
.jingdukuang .swiper-slide a{ color:#333; text-align:center; display:table;}
.jingdukuang span{ background-color:#666; margin:0 3px;}
.jingdukuang span.swiper-pagination-bullet-active{ background-color:#e67c26;}
/*页脚*/
.footer_info{padding:0.3rem 0.1rem 1.4rem 0.1rem;text-align:center;color:#aaa;font-size:0.24rem;line-height:1.6;}
.footer_info span{color:#eb8500;}
.footer_info a{color:#aaa;}
.footer_box .to_top{padding:0.15rem 0.2rem;background:#0E6DCE;overflow:hidden;}
.footer_box .to_top a{float:right;color:#fff;font-size:0.28rem;padding:0 0.27rem 0 0.2rem;background:url(../img/totop_icon.svg) no-repeat right center;background-size:0.24rem;}
/*图片列表页*/
.in_pics2{padding:0.4rem 0.15rem;}
.in_pics2 ul{overflow:hidden;
/*margin:0 -0.15rem -0.15rem 0;*/
margin-left: -0.1rem;
}
.in_pics2 ul li{float:left;
/*width:50%;*/
width: 3rem;
margin-left: 0.1rem;
/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;*/

/*padding:0 0.15rem 0.15rem 0;*/
}
.in_pics2 ul li>a{display:block;
/*height:1.9rem;*/
overflow:hidden;
height: 2.25rem;
}
.in_pics2 ul li>a img{width:100%;}
.in_pics2 ul li p{text-align:center;}
.in_pics2 ul li p a{color:#333;font-size:0.24rem;padding:0.1rem 0;display:inline-block;max-width:86%;text-overflow:ellipsis;white-space:nowrap;}
.in_pics2 ul li p a:active{color:#c71f2c;}

/*产品*/
.supply_box{border-bottom:1px solid #dfdfdf; display:table; margin-bottom:1rem;}
.supply_box img{ width:100%;}
.supply_box ul li p{ font-size:0.25rem !important; color:#333 !important;}
.supply_box ul li .date span{ font-size:0.1rem !important; color:#e67c26 !important; padding:6px 0; }


/*新闻列表页*/
.in_news2{padding:0.3rem 0.2rem; width: 100%;
    text-align: center;}
.in_news2 ul{overflow:hidden;}
.in_news2 ul li{padding:0.2rem 0.08rem;border-bottom:solid 1px #d4d4d4;}


.in_news2 ul li:nth-last-of-type(1){padding-bottom:0;border-bottom:none;}
.in_news2 ul li:active{background:#2E1905}
.in_news2 ul li>a{display:block;}
.in_news2 ul li .date{overflow:hidden;}
.in_news2 ul li .date span{float:left;font-size:0.26rem;color:#999;}
.in_news2 ul li .date span.md{color:#999;margin-right:0.2rem;}
.in_news2 ul li h2{font-size:0.3rem;color:#e67c26;padding:0.07rem 0 0.1rem 0;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.in_news2 ul li p{font-size:0.2rem;color:#757990;line-height:1.5;overflow: hidden;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;word-break:break-all;}
/*内容页*/
.in_content{padding:0.3rem 0.2rem;}
.in_content .in_contt{text-align:center;}
.in_content .in_contt h2{color:#eb8500;font-size:0.34rem;}
.in_content .in_contt span{color:#333;font-size:0.22rem;padding:0.1rem 0.06rem;display:inline-block;}
.in_content .in_condiv{margin-top:0.05rem;}
.in_content .in_condiv,.in_content .in_condiv *{color:#333;

    color: #333;
    width: 100%;
    float: left;
    padding: 10px;
    text-align: center;
}
.in_content .in_condiv img{max-width:100%;display:inline-block;}
/*在线留言*/
.guest{
	padding:0.3rem;
}
.guest form{margin-top:-0.2rem;}
.guest form input, .guest form textarea {
	width: 100%;
	background:#f8f8fb;
	border-radius:0.06rem;
	font-size:0.24rem;
	padding:0.2rem 0.15rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-family:"微软雅黑";
	color:#231518;
}
.guest form input, .guest form textarea,.guest form p img{margin-top:0.3rem;}
.guest form input{
	
}
.guest form>textarea {
	height:1.7rem !important;
	display: block;
	resize: none;
}
.guest form p img {
	float: right;
	display: block;
	margin-left:0.2rem;
	height:0.7rem;
	border: 1px solid #FFFFFF;
	max-width:1.8rem;
	border-radius:0.06rem;
}
.guest form p {
	overflow:hidden;
}
.guest form p:after {
	content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}
.guest form>input[type="button"] {
	border: none;
	background-color:#e67c26;
	width: 100%;
	padding-left: 0 !important;
	color: #FFFFFF;
	font-size:0.28rem;
	padding:0.22rem 0;
	text-indent:0;
	margin-top:0.3rem;
}
.guest form>input[type="button"]:active {
	background-color:#0E6DCE;
	color:#fff;
}
.guest form p input[name="auth_code"] {
	float: left;
	width:3.6rem;
}
@media only screen and (min-width: 768px) {
  .in_body header .return {width:70px;height: 70px;background-size:0.3rem;}
  .in_body header .top_tt{line-height:70px;font-size:0.3rem;}
  .in_body .cd-main-content{padding-top:70px;}
}
.index_nav.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
  -ms-transform: translateX(-200px);
  -o-transform: translateX(-200px);
  transform: translateX(-200px);
  background:#333  !important;
}
.index_nav.lateral-menu-is-open ul li a{color:#a2a2a2;}


.sub-menu a{
	font-size: 0.24rem;
}








