@charset "utf-8";
/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
 * 作者: 南京逗点公司 杨，2018.10.25。	written by carry yang, 2018.10.25
 * 使用此文件请保留我的信息，谢谢！	Please keep my information in this file, thank you!
 */

/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
}
@media (min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

body {
	background: #fff;
	color: #454545;
	font-size: 16px;
	font-family:'Microsoft Yahei',sans-serif;
}
a {
	color: #fb7801;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:none;text-decoration: none;color: #fb7801;}
a:hover {outline:none;text-decoration: none;color: #fb7801;}

.input-maincolor:focus{border-color: #fb7801;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(251,120,1,0.75), 0 0 8px rgba(251,120,1,0.75);box-shadow: inset 0 1px 1px rgba(251,120,1,0.75), 0 0 8px rgba(251,120,1,0.75); }

/* modal */
.modal-header {border-bottom: none;}
.modal-footer {text-align: center;border-top: none;}

/* btn */
.btn-miancolor{color: #fff;background-color: #fb7801;border-color:#DF6A00;text-shadow: none;}
.btn-miancolor:hover{background-color: #DF6A00;border-color:#C05B00;color: #fff;}
.btn-miancolor:active{background-color: #DF6A00;border-color:#C05B00;color: #fff;}
.btn-miancolor:focus{background-color: #DF6A00;border-color:#C05B00;color: #fff;}
.btn-smallblock{width: 170px;font-size: 16px;line-height: 24px;}
.screen-phone .btn-smallblock{width: 110px;font-size: 16px;line-height: 24px;}

/* margin padding */
.no-margin {margin: 0;}
.no-padding {padding: 0;}

/* display */
.inline-block {display: inline-block}

/* position */
.pst-relative {position: relative}

/* clear */
.clear-block {clear: both}

/* vertical-align */
.vc-middle{display: inline-block;vertical-align: middle}

/* font */
.text-12px{font-size: 12px}
.text-14px{font-size: 14px}

/* other */
.middle-ctrl{display: inline-block;height: 100%;width: 0px;vertical-align: middle;}
.of-hidden{overflow:hidden}
.bg-fff{background: #ffffff}
.bg-f1f1f1{background: #f1f1f1}
.bg-fb7801{background: #fb7801}
.bg-d00000{background: #d00000}
.bg-30c079{background: #30c079}
.bg-2490c1{background: #2490c1}

/* header */
#headerbar{border: none;background-color: #fff;font-size: 0px;position: relative;border-radius: 0;padding-bottom: 1px;}
#headertitle{display:block;height: 100px; position:relative;background-color:#fff;z-index: 1;padding-top: 20px;padding-bottom: 20px;}
#headertitle .group-left{display: block;float: left;height:60px}
#headerhd{display: inline-block;vertical-align: middle;}
#headertitle .group-right{display: block;float: right;height: 60px}
#headertitle .group-right .headertel{display: inline-block;vertical-align: middle;margin-right: 26px;white-space: nowrap;}
#headertitle .group-right .headertel>img{display: inline-block;vertical-align: middle;margin-right: 10px}
#headertitle .group-right .headertel>span{display: inline-block;vertical-align: middle;font-size: 14px;color: #000;line-height: 22px;}
#headertitle .group-right .headertel>span span{display: inline-block;vertical-align: middle;font-size: 20px;color: red;line-height: 26px;}

#headertitle #headernav .headerhref{display: block;vertical-align: middle;height: 40px;width: auto;background: #fb7801;border-radius: 5px;behavior: url(style/PIE/PIE.htc);position: absolute;right:0;top: 10px;line-height:40px;padding:0 10px;
  background: -webkit-linear-gradient(top, #faa046 , #f05046); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #faa046, #f05046); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #faa046, #f05046); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #faa046 , #f05046); /* 标准的语法 */}
#headertitle #headernav .headerhref>img{display: inline-block;vertical-align: middle;margin-right: 10px;}
#headertitle #headernav .headerhref>span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 24px;color: #fff;}

#headertitle #headernav .headeren {display: block;vertical-align: middle;height: 40px;width: auto;background: #fb7801;border-radius: 5px;behavior: url(style/PIE/PIE.htc);position: absolute;right:0;top: 10px;line-height:40px;padding:0 20px;
  background: -webkit-linear-gradient(top, #faa046 , #f05046); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #faa046, #f05046); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #faa046, #f05046); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #faa046 , #f05046); /* 标准的语法 */}
#headertitle #headernav .headeren>span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 24px;color: #fff;}




#headernav {width: 60%;position: relative;float: left;padding-top:10px;}
#headernav ul{text-align: center;float: none;  }
#headernav ul>li{display: inline-block;padding:0 10px;position: relative;float: none;height:40px;width: 12%;}
#headernav ul>li+li{}
#headernav ul>li+li.active>a{}
#headernav ul>li>a {display: block; font-size: 18px;color: #000;padding: 0px;line-height: 40px;}
#headernav ul>li>a:after { content: " "; width: 2em; height: 2px; background: rgba(0,0,0,0); position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);transform: translate(-50%,0%);}
#headernav ul>li:hover>a,#headernav ul>li.active>a{color: #fb7801; background: rgba(0,0,0,0);}
#headernav ul>li:hover>a:after,#headernav ul>li.active>a:after{background: #fb7801;}
#headernav ul>li .navplus{width: auto;min-width: 100%;display: none;position: absolute;z-index: 998;max-height: 250px;text-align: left;left:50%;font-size: 0;background: #fff;border-radius:5px;box-shadow: 0px 0px 5px 0px #ccc;behavior: url(style/PIE/PIE.htc);padding:10px;-webkit-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);transform: translate(-50%,0%);}
#headernav ul>li .navplus>a{display:block;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 0px;padding: 0px 20px;height: 30px;line-height: 30px;border-radius:20px;}
#headernav ul>li .navplus>a i{display: none;}
#headernav ul>li .navplus>a:hover{ background: #fb7801;color:#fff;}

#headertitle .shiyong {display: block;height: 60px;line-height:60px; } 
#headertitle .shiyong a{ width:30px;height: 60px;padding: 10px; margin: 0 5px; line-height: 60px;border-radius: 5px;  font-size:16px;color: #FFFFFF; background: -webkit-linear-gradient(top, #faa046 , #f05046); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #faa046, #f05046); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #faa046, #f05046); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #faa046 , #f05046); /* 标准的语法 */}






#m-headerbar {
	padding-top: 6px;
	padding-bottom: 6px;
	border: none;
	background-color: #fff;
	border-bottom: #d1d1d1;
	box-shadow: 0px 3px 5px 0px #d1d1d1;
}
#m-headerhd{
	pointer-events:auto;
}
#m-headerhd:hover{
	color: #5faecc;
}
#m-headerbar .hdtitle-img {
	/*
	 *width: 40px;
	 */
	width: auto;
	height: 40px;
}
#m-headerbar .hdtitle-img img{
	width: auto;
	height: 100%;
}
#m-headerbar .hdtitle-ch {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 1px;
	padding-left: 10px;
}
#m-headerbar .hdtitle-en {
	font-family: Georgia, "serif";
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.1;
	padding-left: 10px;
}
#m-headerbtn{
	position: absolute;
	top:10px;
	right: 10px;
	color: #fb7801;
	text-shadow: none;
	background-color: #fff;
	border-color: #fb7801;
}
#leftmenulayout{
	display: none;
	width: 100%;
	height: 100%;
	width: 100vw !important;
	height: 100vh !important;
	position: fixed;
    z-index: 999998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
	opacity: .5;
}
#leftmenulayout span{
	display: block;
	width: 40%;
	height: 100%;
	margin-left: 60%;
	color: #7d7d7d;
	font-size: 4rem;
	overflow: hidden;
	text-align: center;
}
#leftmenu{
	display: none;
	width: 60%;
	height: 100% !important;
	width: 60vw;
	height: 100vh !important;
	background-color: #fb7801;
	border-right:1px solid #333;
	position: fixed;
	z-index: 999999;
	box-shadow: rgba(0,0,0,.15) 0 .15rem .5rem,rgba(0,0,0,.25) 0 .15rem .5rem;
	overflow-y: auto !important;
}
#leftmenu>.items{
	display: block;
	width: 100%;
	border-bottom: 1px solid #A54F00;
	position: relative;
}
#leftmenu>.items>a{
	margin: 0 15%;
	font-size: 15px;
	display: block;
	height: 55px;
	line-height: 55px;
	position: relative;
	color: #fff;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: inherit;
}
#leftmenu>.items>i{
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	color: #fff;
	height: 55px;
	width: 55px;
	font-size: 24px;
	line-height: 55px;
}
#leftmenu>.items>.listplus{
	display: none;
	text-align: center;
	padding: 10px 0;
}
#leftmenu>.items>.listplus>a{
	display: block;
	color: #fff;
	line-height:26px;
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: inherit;
}
.banner{width: 100%;height: auto;}
.banner>img{width: 100%;height: auto;}

/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner{
	width: 100%;
	height:auto;
	font-size: 0px;
}
.mainbanner ul,.mainbanner ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	display: block;
}
.mainbanner ul li{
	float: left;
}
.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.slides {
	height: auto;
	/* Simple clear fix */
	overflow: hidden;
	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
	 * Here is CSS transitions
	 * responsible for slider animation in modern broswers
	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
	list-style: none;
	height: auto;
	float: left;
	clear: none;
}
.arrowsWrapper{display:none;}
.slider:hover .arrowsWrapper{display:block}
.slider-arrow {
	position: absolute;
	display: block;
	margin-top: -2.5%;
	width: auto;
	padding: 2.5%;
	text-decoration: none;
	text-align: center;
	opacity:1;
}
.slider-arrow--right {
	top: 50%;
	right: 10%;
	background:url(../../images/right_jt.png) no-repeat center;
	background-size: 100%;opacity:0.4;filter:alpha(opacity=40); 
}
.slider-arrow--left {
	top: 50%;
	left: 10%;
	background:url(../../images/left_jt.png) no-repeat center;
	background-size: 100%;opacity:0.4;filter:alpha(opacity=40); 
}
.slider-nav {
	position: absolute;
	bottom: 5%;
	text-align: center;
}
.slider-nav__item {
	width: 60px;
	height: 6px;
	background: #fb7801;
	border: none;
	border-radius: 0%;
	clear: none;
	display: inline-block;
	margin: 0 4px;
}
.slider-nav__item:hover,.slider-nav__item--current {
	background: #fff;
}
.screen-phone .slider-nav__item {width: 20px;height: 4px;margin: 0 2px;}

.thebreadcrumb{width: 100%;background: #f1f1f1;font-size: 16px;line-height:28px;padding-top: 10px;padding-bottom: 10px;}
.thebreadcrumb a{color:#666;}
.thebreadcrumb a:hover{color:#fb7801;}
.thebreadcrumb .thebreadcrumb-title{font-size: 20px;line-height: 28px;font-weight: 700;display:block;float: left;color: #fb7801;}
.breadcrumb{display:block;margin:0;padding: 0;float: right;text-align: right;}
.breadcrumb i{font-size: 16px;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: "»";}

/* 标题样式 */
/* 主要标题 */
.titlestyle-main{display: block;width: 100%;text-align: center;margin-bottom:20px;}
.titlestyle-main .titleimg{font-size: 18px;text-transform: uppercase;font-weight: 700;color: #999;text-shadow: 2px 2px 0px #fff; height: 68px;line-height: 68px;background: url(../../images/titleimg1.png) center center no-repeat;}
.titlestyle-main .maintitle{font-size: 28px;color: #fb7801;text-shadow: 0px 0px 4px #fb7801;}
.titlestyle-main .line{display: block;width: 80px;border-bottom: 4px solid #ed1c22;margin: 10px auto;}
.titlestyle-main .subtitle{font-size: 16px;line-height: 40px;}
.screen-phone .titlestyle-main .maintitle{font-size: 20px;}
.screen-phone .titlestyle-main .line{}
.screen-phone .titlestyle-main .subtitle{}
/* 次要标题 */
.titlestyle-sub{display: block;width: 100%;text-align: center;margin-bottom:30px;}
.titlestyle-sub .maintitle{font-size: 30px;font-weight: normal; color: #000;margin-bottom: 5px;}
.titlestyle-sub .subtitle{font-size: 16px;font-weight: normal; color: #5c5c5c;}
.screen-phone .titlestyle-sub .maintitle{font-size: 20px;}
/* 新闻中心的标题 */
.titlestyle1{display: block;width: 100%;text-align: left;font-size: 24px;line-height: 38px;color: #000;position: relative;margin-bottom: 30px}
.titlestyle1 .morebtn{display: block;font-size: 16px;line-height: 38px;color: #727272;position: absolute;right: 0px;top: 0px;}

.beautifulbtn1{
	background-color: #fb7801;
	height: 40px;
	line-height: 40px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	color: #fff !important;
	outline: none !important;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	overflow: hidden;
	border-radius: 10px;
	behavior: url(style/PIE/PIE.htc);
}
.beautifulbtn1::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #555555;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.beautifulbtn1:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn1:hover {background: #555555;}
.screen-phone .beautifulbtn1{height: 40px;line-height: 40px;width: 120px;}

.beautifulbtn{
	background-color: #fb7801;
	height: 40px;
	line-height: 40px;
	width: 150px;
	font-size: 16px;
	text-align: center;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	color: #fff !important;
	outline: none !important;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	overflow: hidden;
	cursor: pointer;
	behavior: url(style/PIE/PIE.htc);
}
.beautifulbtn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #555555;
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.beautifulbtn:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn:hover {background: #555555;}
.screen-phone .beautifulbtn{height: 40px;line-height: 40px;width: 120px;}

/* bodybox */
.bodybox{padding: 30px 0px;}
.screen-phone .bodybox{padding: 20px 0px;}

.contentbox img,.contentbox iframe,.contentbox iframe div{max-width: 100%;overflow: hidden;}

#foottel{width: 100%;padding: 20px 0px; background: #302f2c;border-bottom: 1px solid #707070;}
#foottel a{display: block;font-size: 32px;height: 32px;line-height: 32px;text-align: center;}
#foottel a>img{display: inline-block;height: 32px;width: 32px;margin-right: 20px;vertical-align: top;}
.screen-phone #foottel{padding: 10px 0px;}
.screen-phone #foottel a{font-size: 24px;height: 24px;line-height: 24px;}
.screen-phone #foottel a>img{height: 24px;width: 24px;margin-right: 10px;}

#footnav{width: 100%;font-size:12px;color: #fff;padding-top: 30px;padding-bottom: 30px;background: #302f2c;border-bottom: 1px solid #707070;}
#footnav a{color: #646871;}
#footnav a:hover{color:#fa9b44;text-shadow: 0 0 1px #fff}
#footnav .maintitle{font-size: 18px;}
#footnav .line-1>a{display: block;}
#footnav .line-2>a{display: block;min-width: 100%;float: left;}

#footerbar {width: 100%;font-size: 16px;color: #fff;padding: 20px 0px;background: #302f2c;}
#footerbar p span{display: inline-block;margin: 0px 6px;}
#footerbar a{color: #fff;}
#footerbar a:hover{text-shadow: 0 0 1px #fff}
.screen-phone #footerbar {font-size: 14px;padding: 10px 0px;}

#m-footer{
	border-top: 1px solid #A54F00;
	background-color: #fb7801;
}
#m-footer a{
	display: block;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* for index 主页 */
#index-plan{}

#index-product{}
/* Card list style for liststyle-products 卡片列表样式liststyle-products */
.liststyle-products{font-size: 0;line-height: 0;}
.liststyle-products .items{display: block;background: #f6f6f6;position: relative;padding-top: 50%;margin-bottom: 20px;overflow: hidden;}
.screen-tablet .liststyle-products .items.items-pro{padding-top: 100% !important;padding-bottom: 20px;}
.screen-phone .liststyle-products .items{margin-bottom: 10px;}
.liststyle-products .items .itemsbox{width: 100%;height: 100%;position: absolute;top: 0px;padding: 20px;overflow: hidden;}
.screen-tablet .liststyle-products .items .itemsbox{padding: 10px;}
.liststyle-products .items .itemsbox .itemsmain{width: 100%;max-height: 100%;overflow: hidden;}
.liststyle-products .items .itemsbox .itemstitlebox{width: 100%;display: block;margin-bottom: 15px;}
.screen-tablet .liststyle-products .items .itemsbox .itemstitlebox{margin-bottom: 5px;}
.liststyle-products .items .itemsbox .itemstitlebox>img{display: inline-block;width:18%;vertical-align: middle;margin: 0 4% 0 2%;}
.liststyle-products .items .itemsbox .itemstitlebox>.itemstitle{display: inline-block;width: 72%;vertical-align: middle;margin-left: 4%;}
.liststyle-products .items .itemsbox .itemstitlebox>.itemstitle .maintitle{display: block;width: 100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 20px;color: #fd4c4c;line-height: 28px;}
.screen-tablet .liststyle-products .items .itemsbox .itemstitlebox>.itemstitle .maintitle{font-size: 18px;line-height: 24px;}
.liststyle-products .items .itemsbox .itemstitlebox>.itemstitle .subtitle{display: block;width: 100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 16px;color: #615e5e;line-height: 24px;}
.screen-tablet .liststyle-products .items .itemsbox .itemstitlebox>.itemstitle .subtitle{font-size: 14px;line-height: 20px;}
.liststyle-products .items .itemsbox .itemscon{display: block;width: 100%;height: auto; font-size: 14px;line-height:22px;color: #4B4B4B;padding: 0 4%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.liststyle-products .titleitems{padding-top: 36%;}
.liststyle-products .titleitems .itemsbox{}
.liststyle-products .titleitems .itemsbox>img{display: inline-block;width: 38%;vertical-align: middle;}
.liststyle-products .titleitems .itemsbox>.items-main{display: inline-block;width: 62%;max-height: 100%;vertical-align: middle;overflow: hidden;}
.liststyle-products .titleitems .itemsbox>.items-main .maintitle{display: block;width: 100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 30px;color: #000;line-height: 40px;}
.screen-tablet .liststyle-products .titleitems .itemsbox>.items-main .maintitle{font-size: 24px;line-height: 30px;}
.liststyle-products .titleitems .itemsbox>.items-main .subtitle{ display: block;width: 100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 16px;color: #999;line-height: 32px; }
.screen-tablet .liststyle-products .titleitems .itemsbox>.items-main .subtitle{ line-height: 24px; }
.liststyle-products .titleitems .itemsbox>.items-main .titleline{ display: block;width: 100px;height: 2px; background-color: #fb7801;margin-top: 15px;margin-bottom: 30px;}
.screen-tablet .liststyle-products .titleitems .itemsbox>.items-main .titleline{ margin-top: 5px;margin-bottom: 10px;}
.liststyle-products .titleitems .itemsbox>.items-main .itemscon{ display: block;width: 100%;font-size: 14px;line-height:normal;color: #4B4B4B;padding: 0;}
.screen-tablet .liststyle-products .titleitems .itemsbox>.items-main .itemscon{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

#index-service{background: #f6f6f6;font-size: 0px;line-height: 0px;padding: 20px;}
#index-service .index-service-left{width: 100%;height: 100%; max-height: 100%; white-space: nowrap;overflow:hidden;}
.screen-desktop #index-service .index-service-left,.screen-desktop-wide #index-service .index-service-left{padding-right: 30px;}
#index-service .index-service-left>img{width: 40%;display: inline-block;vertical-align: middle;padding: 30px;}
.screen-phone #index-service .index-service-left>img{display: none;}
#index-service .index-service-left>.index-service-main {width: 60%;display: inline-block;vertical-align: middle;}
.screen-phone #index-service .index-service-left>.index-service-main {width: 100%;padding: 10px;}
#index-service .index-service-left>.index-service-main .maintitle{display: block;width: 100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 30px;color: #000;line-height: 40px;}
#index-service .index-service-left>.index-service-main .subtitle{display: block;width: 100%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-size: 16px;color: #999;line-height: 32px; }
#index-service .index-service-left>.index-service-main .titleline{display: block;width: 100px;height: 2px; background-color: #fb7801;margin-top: 15px;margin-bottom: 30px;}
#index-service .index-service-left>.index-service-main .itemscon{display: block;width: 100%;font-size: 14px;line-height:normal;color: #4B4B4B;padding: 0;white-space: normal;}
#index-service .index-service-left>.index-service-main .beautifulbtn1{margin-top: 30px;}
#index-service .index-service-right{text-align: center;}

#index-news{}
.screen-desktop #index-news .group-left,.screen-desktop-wide #index-news .group-left{padding-right: 40px;}
/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.newsbanner{
	width: 100%;
	height:auto;
	font-size: 0px;
	margin-bottom: 40px;
}
.newsbanner ul,.newsbanner ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	display: block;
}
.newsbanner ul li{
	float: left;
}
.slider1 {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.slides1 {
	height: auto;
	/* Simple clear fix */
	overflow: hidden;
	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
	 * Here is CSS transitions
	 * responsible for slider animation in modern broswers
	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide1 {
	list-style: none;
	height: auto;
	float: left;
	clear: none;
}
.slide1>a{
	display: block;
	width: 100%;
	position: relative;
	padding-top: 41.5423%;
	padding-bottom: 45px;
}
.slide1>a>img{
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 45px;
	top: 0px;
	position: absolute;
}
.slide1 .maintitle {
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 45px;
	color: #fff;
	background: #3d3d3d;
	padding-left: 5px;
	padding-right: 110px;
	position: absolute;
	bottom: 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.slider-nav1 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 110px;
	padding: 14.5px 7px;
	height: 45px;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}
.slider-nav1__item {
	width: 16px;
	height: 16px;
	background: #fff;
	border: none;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}
.slider-nav1__item:hover,.slider-nav1__item--current {
	background: #2173b9;
}
.newslist1{display: block;width: 100%;margin-bottom: 30px;}
.newslist1 .items{display: block;width: 100%;position: relative;padding-right: 115px;border-bottom: 1px dashed #dedede;}
.newslist1 .items:first-child{border-top: 1px dashed #dedede;}
.newslist1 .items>a{display: block;width: 100%;font-size: 16px;line-height: 48px; color: #515151;padding-left: 24px;background: url(/images/icon/arr1.png) 8px center no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist1 .items .itemstime{display: block;width: 115px;position: absolute;top: 0px;right: 0px; text-align: right;font-size: 16px;line-height: 48px; color: #9d9d9d;}
#index-news .group-right{}
#index-news .group-right .hyzx-first{display: block; width: 100%;height: 128px;font-size: 0px;line-height: 0px;position: relative;padding-left:184px;overflow: hidden;margin: 25px 0px;}
.screen-phone #index-news .group-right .hyzx-first{height: 80px;padding-left:115px;}
#index-news .group-right .hyzx-first .hyzx-img{width: 184px;height: 100%; overflow: hidden;position: absolute;top: 0px;left: 0px;}
.screen-phone #index-news .group-right .hyzx-first .hyzx-img{width: 115px;}
#index-news .group-right .hyzx-first .hyzx-img>div{display: inline-block;width: auto;height: 100%;position: relative;margin-left: 50%;}
#index-news .group-right .hyzx-first .hyzx-img>div>img{width: auto;height: 100%;max-width: none;margin-left: -50%;}
#index-news .group-right .hyzx-first>.hyzx-main{ width: 100%;height: 100%;overflow: hidden;padding: 0px 10px 0px 30px }
.screen-phone #index-news .group-right .hyzx-first>.hyzx-main{ padding: 0px 0px 0px 10px }
#index-news .group-right .hyzx-first>.hyzx-main .maintitle{ width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;color: #000;line-height: 40px;}
.screen-phone #index-news .group-right .hyzx-first>.hyzx-main .maintitle{ font-size: 16px;line-height: 24px;}
#index-news .group-right .hyzx-first>.hyzx-main .subtitle{ width: 100%;overflow: hidden;text-overflow: ellipsis;font-size: 15px;color: #939393;line-height: 28px;}
.screen-phone #index-news .group-right .hyzx-first>.hyzx-main .subtitle{ font-size: 14px;line-height: 18px;}

#index-case{}
/* img list style 图片的列表样式 */
.liststyle-img{}
.liststyle-img .items{
	display: block;
	width: 100%;
	padding-top: 54.8673%;
	overflow: hidden;
	position: relative;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
.liststyle-img .items:hover{
	transform: scale(1.2);
	z-index: 1;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.liststyle-img .items>img{display: block;width: 100%;height: 100%;position: absolute;top: 0px;}
.liststyle-img .items>span{display: none;font-size: 14px;line-height: 20px;padding: 0px 5px; height: 20px;position: absolute;bottom: 0px;right: 0px;text-align: center;background: #e6e6e6;}
.liststyle-img .items:hover>span{display: block;}
.is-touchable .liststyle-img .items>span{display: block;}



 
 
  
.liststyle-zy .items{display: block;color: #000000;margin-bottom: 20px; background-color: #ebebeb;}
.liststyle-zy .items:hover{color: #FFFFFF;background-color: #fb7901;}
.screen-phone .liststyle-zy items{margin-bottom: 10px;}
.liststyle-zy .items .itemsimg{display: block;position: relative;width: 100%;padding-top:70%;border: 1px solid #dad6d6;}
.liststyle-zy .items .itemsimg img{transition:all 0.5s ease-out; /* 过度 所有css属性 1秒过度 结束慢*/ -moz-transition:all 0.5s ease-out; /* Firefox 4 */ -webkit-transition:all 0.5s ease-out; /* Safari 和 Chrome */ -o-transition:all 0.5s ease-out; /* Opera */}
.liststyle-zy .items:hover .itemsimg img {transform:scale(1.1,1.1);}
.liststyle-zy .items .itemsimg>div{display: block;position: absolute;width: 100%;height: 100%;top: 0px;overflow: hidden;background-size: auto 100%;background-color: #e4e4e4;}
.liststyle-zy .items .itemstitle{ text-align: center; font-size:16px;line-height:40px;margin-top: 0px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; }




/* 友情链接20220302添加*/
.link{margin:0 0 20px 0 ;}
.link span{font-site:18px;}
.link a{padding:0 7px;}
 

/* ------------------------- list 列表 --------------------------- */
/* Card-captioned list style 卡片加标题的列表样式 */
.liststyle-cards{font-size: 0;line-height: 0;}
.liststyle-cards .items{display: block;background-color: #ffe1c7;text-align: center;color: #000;margin-bottom: 20px;}
.screen-phone .liststyle-cards .items{margin-bottom: 10px;}
.liststyle-cards .items .itemsimg{display: block;position: relative;width: 100%;padding-top: 64%;font-size: 0px;line-height: 0px;}
.liststyle-cards .items .itemsimg>div{display: block;position: absolute;width: 100%;height: 100%;top: 0px;overflow: hidden;text-align: left;}
.liststyle-cards .items .itemsimg>div>div{display: block;position: relative;width: 200%;height: 100%;max-width: none;margin-left: -50%;text-align: center;}
.liststyle-cards .items .itemsimg>div>div>img{display: inline-block;position: relative;width: auto;min-width: 50%; max-width: none;height: 100%;}
.liststyle-cards .items .itemstitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;line-height: 44px;margin-bottom: 0px;margin: 0 5%;}
/* list with cards style 卡片样式列表 */
.liststyle1{margin-top:40px;}
.screen-phone .liststyle1 .col{ padding-left: 5px;padding-right: 5px;}
.liststyle1 .item{display: block;background-color: #fb7801;text-align: center;color: #fff;border: 1px solid #666;margin-bottom: 20px;}
.screen-phone .liststyle1 .item{margin-bottom: 10px;}
.liststyle1 .item:hover{background-color: #3f3b3a;}
.liststyle1 .item .itemimg{display: block;padding-top: 60%;position: relative;font-size: 0;line-height: 0;}
.liststyle1 .item .itemimg>div{position: absolute;display:block;width: 100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;}
.liststyle1 .item .itemimg>div>div{height: 100%;max-width: 100%;position: relative;overflow: hidden;}
.liststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.liststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;line-height: 32px;margin-bottom: 0px;margin: 0 5%;}
/* title list style with pic in left 左边有图片的标题列表样式 */
.liststyle2 .items{width: 100%;padding: 14px 0px 25px;border-bottom: 1px solid #dfdfdf;}
.liststyle2 .items>a{display: block;position: relative;}
.liststyle2 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle2 .items .news-img{width: 30%;padding-top: 20%;text-align: center;}
.liststyle2 .items .news-img>div{
	text-align: center;
	display: block;
	position: absolute;
	font-size: 0px;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle2 .items .news-img>div>span{display: inline-block; width: 0px;height: 100%;vertical-align: middle;}
.liststyle2 .items .news-img>div>img{display: inline-block; width: auto;height: auto; max-width: 100%;max-height: 100%;vertical-align: middle;}
.liststyle2 .items .news-con{display: block;width: 80%;float: left;padding:0px 100px 0px 20px;min-height: 132px;}
.screen-phone .liststyle2 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;position: relative;padding: 0px;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;overflow: hidden;}
.liststyle2 .items .news-con .news-title{color: #333;font-size: 20px;font-weight: 700;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle2 .items .news-con .news-desc{color: #999;font-size: 14px;}
.liststyle2 .items .news-con .news-detailtime{
	position: absolute;
	display: block;
	width: 80px;
	padding: 20px 0px;
	top: 0px;
	right: 0px;
	color: #666;
	float: right;
	line-height: 30px;
	text-align: center;
	background: #fff;
	border: 1px solid #dfdfdf;
}
.screen-phone .liststyle2 .items .news-con .news-detailtime{display: none;}
.liststyle2 .items:hover .news-con .news-detailtime{background: #fb7801;color: #fff;}
.liststyle2 .items .news-con .news-detailtime .news-detailtime-d1{ font-size: 34px;line-height: normal; }
.liststyle2 .items .news-con .news-detailtime .news-detailtime-d2{ font-size: 18px;line-height: normal; }
.liststyle2 .items .news-con .news-detailtime .news-detailtime-d3{ font-size: 16px;line-height: normal; }
.liststyle2 .items:hover .news-con .news-title,.liststyle2 .items:hover .news-con .news-desc{color: #fb7801;}
/* contact 联系我们列表样式 */
.liststyle4{}
.liststyle4 .item{display: block;margin-top: 30px;}
.liststyle4 .item>.col{float:right;margin-bottom: 30px;}
.liststyle4 .item.item-2n>.col{float:left;}
.liststyle4 .item .item-main{display: block;width: 100%;box-shadow: 0px 0px 20px 0px #999;padding: 40px 20px;font-size: 14px;background: #fff; behavior: url(style/PIE/PIE.htc);}
.liststyle4 .item .item-main .title{font-size: 20px;color: #000;margin-bottom: 20px;}
.liststyle4 .item .item-map{width: 100%;position: relative;padding-top: 60%;overflow: hidden;min-height: 320px;}
.lte-ie-8 .liststyle4 .item .item-map{padding-top: 15%;}
.liststyle4 .item .item-map>div{width: 100%;height: 100%;top: 0; position:absolute;border: 2px solid #fb7801;}
/* developmentlist 发展历程时间轴列表样式 */
.liststyle5{width: 100%;height: 510px;overflow: hidden;position: relative;font-size: 0px;}
.liststyle5 .group-main{width: auto;height: 510px;white-space: nowrap;position: absolute;}
.liststyle5 .group-main .item{display: inline-block;width: 180px;height: 500px;margin: 5px;position: relative;vertical-align: top;}
.liststyle5 .group-main .item .maintitle{position: absolute;display: block;width: 100px;height: 100px;color: #fff;border-radius: 50%;background: #c8cac9;font-size: 18px;white-space: normal;padding: 12px;line-height: 1.2;text-align: center;top: 91px;left: 50%;margin-left: -50px;z-index: 3;behavior: url(style/PIE/PIE.htc);}
.liststyle5 .group-main .item .items-line{position: absolute;display:block;width: 4px;height: 50px;background: #c8cac9;top: 191px;left: 50%;margin-left: -2px;z-index: 2; }
.liststyle5 .group-main .item .items-arrow{position: absolute;display:block;width: 100%;height: 18px;top: 241px;overflow: visible;z-index: 1;}
.liststyle5 .group-main .item .items-arrow .arrowtop{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
	-ms-transform: skew(40deg);
	transform: skew(40deg);
}
.liststyle5 .group-main .item .items-arrow .arrowbottom{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg);
	-ms-transform: skew(-40deg);
	transform: skew(-40deg);
}
.liststyle5 .group-main .item .items-circle{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 245px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%;
	z-index: 2;
	behavior: url(style/PIE/PIE.htc);
}
.liststyle5 .group-main .item .subtitle{
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	top: 258px;
	left: 0;
	color: #c8cac9;
	z-index: 3;
	font-size: 40px;
	line-height: 50px;
}
.liststyle5 .group-main .item .items-main{
	position: absolute;
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	top: 308px;
	left: 0;
	z-index: 3;
	font-size: 14px;
	line-height: 18px;
	white-space: normal;
}
.liststyle5 .group-main .item .items-main p{margin: 0;}
.liststyle5 .group-main .item.style .maintitle{top: 308px;}
.liststyle5 .group-main .item.style .items-line{top: 258px;}
.liststyle5 .group-main .item.style .subtitle{top: 191px;}
.liststyle5 .group-main .item.style .items-main{top: 12px;}

/* .textboxdiy1 左右分离歌词样式列表 --start-- */
.textboxdiy1{ display: block;padding: 10px;font-size: 14px; }
.textboxdiy1 .items{ display: block;padding: 10px;background: #fff;}
.textboxdiy1 .items .itemstitle{ text-align: left;font-size: 18px;font-weight: 700;}
.textboxdiy1 .items .itemsmain{ text-align: left;margin-left: 10px;margin-right: 0px; }
.textboxdiy1 .items .itemsmain ul{ text-align: left;display: inline-block;width: auto;}
.textboxdiy1 .items-2n{ display: block;padding: 10px;background: #f1f1f1;}
.textboxdiy1 .items-2n .itemstitle{ text-align: right;font-size: 18px;font-weight: 700;}
.textboxdiy1 .items-2n .itemsmain{ text-align: right;margin-left: 0px;margin-right: 10px; }
.textboxdiy1 .items-2n .itemsmainul{ display: inline-block;width: auto;}
/* .textboxdiy1 左右分离歌词样式列表  --end--  */

/* lightgallery 灯箱画廊样式 */
#lightGallery{}
#lightGallery>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightGallery>a.col .grouphd{position: relative;}
#lightGallery>a.col .grouphd .grouphd-img{display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
#lightGallery>a.col .grouphd .grouphd-img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
#lightGallery>a.col .grouphd .grouphd-img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1; }
#lightGallery>a.col .grouphd .grouphd-img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
#lightGallery>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;z-index:5;}
#lightGallery>a.col:hover .grouposter{display: block;}
#lightGallery>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouptitle{width: 100%;height: 36px;font-size: 14px;line-height: 36px;background-color: #fff;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#lightGallery>a.col:hover .grouptitle{background-color: #fb7801;color: #fff;}
/* casenav 选项卡导航 */
.casenav{width: 100%;background: #f1f1f1;font-size: 16px;text-align: center;line-height:28px;border-bottom: 1px solid #dedede;}
.casenav .casenav-nav{width: 100%;text-align: center;}
.casenav .casenav-nav>li{display: inline-block;position: relative;float: none;}
.casenav .casenav-nav>li.active{background: #fb7801;}
.casenav .casenav-nav>li.active a{color: #fff;}
.casenav .casenav-nav>li:hover a{color: #fb7801;}
/* pagectrl 翻页按钮 */
.pagectrl{display: block;width: 100%;padding-top: 20px;}
.pagectrl>a{display: inline-block;padding: 0 8px;height: 30px;line-height: 28px;border: 1px solid #ccc;margin-bottom: 10px;color: #333;}
.pagectrl>a.active,.pagectrl>a:hover{background-color: #fb7801; border: 1px solid  #fb7801;color: #fff;}
.pagectrl>.pagectrlform {display: inline-block;height: 30px;line-height: 28px;padding: 0px 20px;margin-bottom: 10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height: 30px;border: 1px solid #ccc;border-radius: 0;margin-bottom: 10px;text-align: center;}
.pagectrl>.pagectrlform .pagesubmit{padding: 0 8px;height: 30px;background-color: #fb7801; border: 1px solid  #fb7801;color: #fff;margin-bottom: 10px;}

/* detail 详情页 */
.content{font-size: 16px;width: 100%;margin: 0 auto;margin-top: 20px;}
.maincontent{font-size: 16px;width: 100%;max-width: 100%;margin: 0 auto;}
.maincontent .maincontenttitle{display: block;padding: 20px 0px;margin-bottom: 20px;text-align: center;border-bottom: 1px dashed #c1c1c1;}
.maincontent .maincontenttitle .maintitle{font-size: 22px;line-height: 40px;color: #fb7801;}
.maincontent .maincontenttitle .subtitle{font-size: 16px;line-height: 40px;color: #888;}
/* prevnext 前一篇-后一篇 */
.prevnext{width: 100%;padding: 20px 0;margin: 20px 0; font-size: 16px;border-top: 1px dashed #c1c1c1;}
.prevnext a{color: #333;}
.prevnext a:hover{text-decoration: underline;color: #fb7801;}
.prevnext .prev,.prevnext .next{width: 100%;display: block;margin: 10px 0px;}
.prevnext .historygo{display: inline-block;font-size: 14px; padding: 5px;background: #fb7801;color: #fff;}
.prevnext .historygo:hover{color: #fff;text-decoration: none;background: #3f3b3a;}
/* casedetail 案例详情卡片图片展示 */
.casedetail{padding-top: 54%;position: relative;margin-left: -10px;margin-right: -10px;}
.casedetail .items-images{position: absolute;top: 0;height: 100%;width: 100%;}
.casedetail .items-images .mainimgbox,.casedetail .items-images .mainimgctrl{height: 100%;overflow: hidden;}
.casedetail .items-images .mainimgbox{text-align: center;}
.casedetail .items-images .mainimgbox img{width: 100%;max-height: 100%;}
.casedetail .items-images .mainimgctrl{padding-top: 40px;padding-bottom: 40px;}
.casedetail .items-images .mainimgctrl .upctrl,.casedetail .items-images .mainimgctrl .downctrl{
	width:88%;
	position: absolute;
	left: 6%;
	height: 25px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #fb7801;
	cursor: pointer;
	border: 1px solid #999;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.casedetail .items-images .mainimgctrl .upctrl:hover,.casedetail .items-images .mainimgctrl .downctrl:hover{background: #3f3b3a;}
.casedetail .items-images .mainimgctrl .upctrl{top: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .downctrl{bottom: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .imagesbox{width: 100%;height: 100%;overflow: hidden;position: relative;}
.casedetail .items-images .mainimgctrl .imagesbox .images{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}
.casedetail .items-images .mainimgctrl .imagesbox .images>img{width: 100%;height: auto;margin: 4px 0;cursor: pointer;}
.casedetailmorebtn{display: inline-block;background-color: #fb7801;color: #fff;width: 120px;font-size: 16px;line-height: 36px;text-align: center;margin-top: 15px;}
.screen-phone .casedetailmorebtn{width: 80px;font-size: 14px;line-height: 28px;margin-top: 5px;}
.casedetailmorebtn:hover{background-color: #3f3b3a;color: #fff;}
.casedetailbox-title{display: block;width:140px;background-color: #fb7801;color: #fff;text-align: center;font-size: 16px;line-height: 36px;font-weight: 700;}
.screen-phone .casedetailbox-title{display: block;width:120px;background-color: #fb7801;color: #fff;text-align: center;font-size: 14px;line-height: 28px;font-weight: 700;}
.casedetailbox{border-top: 2px solid #fb7801;}
.screen-phone .casedetailbox{border-top: 1px solid #fb7801;}



/* other 其它 */
/* navbar-diy1 */
.navbar-diy1{background-color: #f1f1f1;border-color: #f1f1f1;border: none;margin-bottom: 0px;border-radius: 0px;font-size: 18px;}
.navbar-diy1 ul.nav{margin: 0;}
.navbar-diy1 ul.nav li a{border-bottom: 1px solid #f1f1f1;padding-top: 15px;padding-bottom: 15px;}
.navbar-diy1 ul.nav li:hover a,.navbar-diy1 ul.nav li.active a{color:#fb7801;border-bottom: 1px solid #fb7801;}
.navbar-diy1 ul.nav li.disabled a{color: #999;border-bottom: 1px solid #f1f1f1;}
/* newsleftnav 新闻左侧小导航栏 */
.newsleftnav{display: block;width: 90%;background-color: #fff;margin-bottom: 20px; }
.screen-phone .newsleftnav,.screen-tablet .newsleftnav{margin-left: auto;margin-right: auto;}
.newsleftnav .newsleftnav-m-ctrl{display: block;width: 100%;font-size: 18px;padding: 0px 22px; line-height: 58px;color: #333;text-align: left;font-weight: 700;cursor: pointer;border-bottom: 1px solid #d1d1d1;}
.newsleftnav .newsleftnav-m-ctrl>span{display: inline-block;font-size: 14px;float: right;}
.newsleftnav a{color: #666;}
.newsleftnav ul{padding: 0;margin: 0;overflow: hidden;}
.newsleftnav ul li{display: block;width: 100%;position: relative;cursor: pointer;padding-right: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsleftnav ul li>a{background-color: #fff;font-size: 16px;color: #666;line-height: 54px;font-weight: 800;padding: 0px 22px;position: relative;}
.newsleftnav ul li:hover,.newsleftnav ul li.nowpage{color: #fb7801;}
.newsleftnav ul li:hover>a,.newsleftnav ul li.nowpage>a{color: #fb7801;}
.newsleftnav ul li>.icon{
	position: absolute;
	right: 22px;
	line-height: 48px;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.newsleftnav ul li.active>.icon{transform: rotate(180deg);}
.newsleftnav ul li{border-bottom: 1px solid #d1d1d1;}
.newsleftnav ul li .navplus{display: block;width: 100%;}
.newsleftnav ul li .navplus a{
	display: block;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 0px;
	padding: 12px 20px;
	line-height: 16px;
	height: 40px;
	-webkit-transition: all 0.3s ease-in-out 0.05s;
	-moz-transition: all 0.3s ease-in-out 0.05s;
	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;
}
.newsleftnav ul li .navplus a:hover,.newsleftnav ul li .navplus a.active{color: #fb7801;padding-left: 40px;}
/* rightnav 右侧悬浮导航 */
.rightnav {width: 52px;border: 1px solid #ccc;font-size: 0px;display: block;position: fixed;top: 60%;right: 0px;z-index: 999;}
.rightnav ul{margin: 0px;padding: 0px;}
.rightnav ul li{
	width: 52px;
	display: block;
	height: 52px;
	overflow: hidden;
	list-style: none;
	background-position: 0 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.rightnav ul li:hover{background-position: 0px -62px;}
.rightnav ul li + li {margin-top: 5px;}
.rightnav ul li a{display: block;width: 100%;height: 100%;}
.qq {background: url(../../images/QQ.png) no-repeat;}
.weixin {background: url(../../images/weixin.png) no-repeat;}
.weixin-logo {
	background: #fff;
	font-size: 12px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 127px;
	transform: rotate(720deg);
	-webkit-transition: ease-out .5s;
	-moz-transition: ease-out .5s;
	-ms-transition: ease-out .5s;
	-o-transition: ease-out .5s;
}
.weixin-logo>img{width: 100%;}
.weixin:hover .weixin-logo {
	width: 240px;
	height:auto;
	top: 0px;
	right: 52px;
	text-align: center;
	color: #000;
	transform: rotate(0deg);

}
.rightnav .liuyan {background: url(../../images/liuyan.png) no-repeat;}
.rightnav .gotop{background: url(../../images/gotop.png) no-repeat;}
/* .contact-box 联系我们-给我们留言  --start-- */
.contact-box{border-top: 1px solid #dedede;}
.contact-box .row{margin-right: -5px;margin-left: -5px;}
.contact-box .items{font-size: 12px;padding: 5px;}
.contact-box .items input{width: 100%;border: 1px solid #dedede;padding: 15px 10px;}
.contact-box .items input:focus{outline: 2px solid #fb7801;}
.contact-box .items textarea{width: 100%;border: 1px solid #dedede;padding: 15px 10px;height: 150px;resize: none;}
.contact-box .items textarea:focus{outline: 2px solid #fb7801;}
.contact-box .items button{width: 200px;max-width: 100%;border: 1px solid #fb7801;background: #fff;padding: 10px 0px;font-size: 16px;color: #666;}
.contact-box .items button:focus{outline: 2px solid #fb7801;}
/* .contact-box 联系我们-给我们留言   --end--  */
/* .aboutdetail 关于我们-公司简介	--start-- */
.aboutdetail{padding-top: 30px;padding-bottom: 30px;}
.aboutdetail .aboutmaintitle{color: #333;font-size: 22px;font-weight: 600;padding-bottom: 10px;}
.screen-phone .aboutdetail .aboutmaintitle{font-size: 18px;}
.aboutdetail .aboutdetail-main{width: 100%;height: 340px;position: relative;overflow: hidden;padding-bottom: 24px;margin-bottom: 20px;}
.aboutdetail .plusbtn{width: auto;position: absolute;bottom: 0px;text-align: center;cursor: pointer;color:#fb7801;behavior: url(style/PIE/PIE.htc);}
/* .aboutdetail 关于我们-公司简介	 --end--  */
/* #shili 关于我们-公司实力   --start-- */
#shili{background: #ebebeb;text-align: center;padding: 20px 0px;}
#shili .row{padding-top: 20px;padding-bottom: 20px;margin-left: -50px;margin-right: -50px;}
.screen-phone #shili .row,.screen-tablet #shili .row{padding-top: 0px;margin-left: -20px;margin-right: -20px;}
#shili .row .col{padding: 50px;}
.screen-phone #shili .row .col,.screen-tablet #shili .row .col{padding: 20px;}
#shili .row .col .items{}
#shili .row .col .items>.itemsimg{width: 78%;margin: 0 auto;position: relative;border-radius: 50%; behavior: url(style/PIE/PIE.htc);}
.screen-phone #shili .row .col .items>.itemsimg,.screen-tablet #shili .row .col .items>.itemsimg{width: 60%;}
#shili .row .col .items>.itemsimg>div{width: 100%;padding: 50%;position: relative;}
#shili .row .col .items>.itemsimg>div>img{position: absolute;width: 100%;height: 100%;padding: 10%; top:0px;left: 0px;}
#shili .row .col .items .itemstitle{font-size: 32px;line-height: 60px;}
.screen-phone #shili .row .col .items .itemstitle{font-size: 18px;line-height: 38px;}
#shili .row .col .items .itemscon{font-size: 18px;height: 82px;overflow: hidden;}
.screen-phone #shili .row .col .items .itemscon{font-size: 14px;height: 60px;}
/* #shili 关于我们-公司实力    --end--  */
/* .liststyle-aboutlists 关于我们-栏目列表   --start-- */
.liststyle-aboutlists{}
.liststyle-aboutlists .items{width: 100%;height:150px;padding-left: 200px;position: relative;margin: 20px auto;overflow: hidden;}
.liststyle-aboutlists .items .itemsimg{width: 200px;height: 150px;position: absolute;left: 0px;top: 0px;overflow: hidden;}
.screen-phone .liststyle-aboutlists .items,.screen-tablet .liststyle-aboutlists .items{height:90px;padding-left: 120px;margin: 10px auto;}
.screen-phone .liststyle-aboutlists .items .itemsimg,.screen-tablet .liststyle-aboutlists .items .itemsimg{width: 120px;height: 90px;}
.liststyle-aboutlists .items .itemsimg img{width: 100%;height: 100%;-webkit-transition: transform 1.5s;-moz-transition: transform 1.5s;-ms-transition: transform 1.5s;transition: transform 1.5s;}
.liststyle-aboutlists .items .itemsimg img:hover{width: 100%;height: 100%;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.liststyle-aboutlists .items .itemsmain{width: 100%;padding-left: 25px;}
.screen-phone .liststyle-aboutlists .items .itemsmain,.screen-tablet .liststyle-aboutlists .items .itemsmain{padding-left: 10px;}
.liststyle-aboutlists .items .itemsmain .itemstitle{display: block;width: 100%;line-height: 1;margin-bottom: 15px;font-size: 22px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.screen-phone .liststyle-aboutlists .items .itemsmain .itemstitle,.screen-tablet .liststyle-aboutlists .items .itemsmain .itemstitle{font-size: 18px;margin-bottom: 8px;}
.liststyle-aboutlists .items .itemsmain .itemscon{display: block;width: 100%;overflow: hidden;font-size: 14px;line-height: 23px;}
/* .liststyle-aboutlists 关于我们-栏目列表    --end--  */
/* partner 伙伴合作   --start-- */
.partnerbanner{width: 100%;height: auto;position: relative;overflow: hidden;}
.screen-tablet .partnerbanner,.screen-phone .partnerbanner{height: 340px;}
.partnerbanner .partnerbannerimg{width: 100%;}
.screen-tablet .partnerbanner .partnerbannerimg,.screen-phone .partnerbanner .partnerbannerimg{width: 1525px; height: 100%;text-align: center;}
.partnerbanner .partnerbannerimg img{width: 100%;height: auto;}
.screen-tablet .partnerbanner .partnerbannerimg img,.screen-phone .partnerbanner .partnerbannerimg img{width: 100%; height: 100%;margin-left: -100%;}
.partnerbanner .partnerbannerbox{width: 100%;height: auto;position: absolute;top: 15%;text-align: center;color: #fff;}
.partnerbanner .partnerbannerbox .maintitle{font-size: 28px;line-height: 60px;}
.screen-phone .partnerbanner .partnerbannerbox .maintitle{font-size: 20px;line-height: 60px;}
.partnerbanner .partnerbannerbox .subtitle{font-size: 16px;line-height: 24px;margin-bottom: 60px;}
.partnerbanner .partnerbannerbox .morebtn{display: inline-block; border: 1px solid #fff;font-size: 14px;line-height: 14px;padding: 8px 20px;cursor: pointer;}
.partnerbanner .partnerbannerbox .morebtn:hover{border:  1px solid #fff;background: #fff;color: #fb7801;}

.liststyle-cards1{}
.liststyle-cards1 .items{width: 100%;height: 260px;text-align: center;position: relative;font-size: 0px;}
.screen-phone .liststyle-cards1 .items{height: 240px;}
.liststyle-cards1 .items .itemsmain{width: 100%;height: auto;display: inline-block;vertical-align: middle;}
.liststyle-cards1 .items .itemsmain .itemsimg{max-width: 100%;}
.liststyle-cards1 .items .itemsmain .itemstitle{width: 100%;height: auto;font-size: 24px;line-height: 50px;color: #fb7801;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.screen-phone .liststyle-cards1 .items .itemsmain .itemstitle{font-size: 16px;}
.liststyle-cards1 .items .itemsmore{width: 100%;height: 100%;padding: 10px;overflow: hidden; position: absolute; border: 1px solid #fb7801;box-sizing: border-box;top: 0px;background: #fff;z-index: 9;left:-100%;opacity: 0;display: none;box-shadow: 0px 0px 28px #ccc;pointer-events:none;behavior: url(style/PIE/PIE.htc);}
.screen-desktop .liststyle-cards1 .items .itemsmore{padding: 10px 10% 0px 10%;}
.liststyle-cards1 .items .itemsmore .itemsimg{width: 30%;height: auto;margin: 0 auto;}
.screen-phone .liststyle-cards1 .items .itemsmore .itemsimg{display: none;}
.liststyle-cards1 .items .itemsmore .itemstitle{width: 100%;height: auto;font-size: 24px;color: #fb7801;}
.screen-phone .liststyle-cards1 .items .itemsmore .itemstitle{font-size: 16px;}
.liststyle-cards1 .items .itemsmore .line{display: block;width:16px;height:auto;border-top: 2px solid #ed1c22;margin: 10px auto;}
.liststyle-cards1 .items .itemsmore .itemscon{font-size: 14px;color: #333;}

.liststyle-expand{}
.liststyle-expand .items{width: 100%;padding: 60.20434% 0px 0px;position: relative;overflow: hidden;}
.liststyle-expand .items *{-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.liststyle-expand .items .itemsimg{width: 100%;height: 100%;position: absolute;top: 0px;overflow: hidden;}
.liststyle-expand .items .itemsimg>img{width: 100%;height: 100%;}
.liststyle-expand .items .itemsmain{width: 100%;height: 100%;position: absolute;top: 0px;overflow: hidden;text-align: center;color: #fff;background: rgba(0,0,0,.5);padding: 5%;}
.screen-phone .liststyle-expand .items .itemsmain{padding: 1%;}
.is-touchable .liststyle-expand .items .itemsmain,.liststyle-expand .items:hover .itemsmain{background: rgba(60,84,117,.5);}
.liststyle-expand .items .itemsmain .itemsmianimg{height: 28%;max-width: 100%;margin: 8% 0px 4%;}
.is-touchable .liststyle-expand .items .itemsmain .itemsmianimg,.liststyle-expand .items:hover .itemsmain .itemsmianimg{margin: 2% 0px 1%;}
.liststyle-expand .items .itemsmain .itemsmianimg>img{height: 100%;max-width: 100%;width: auto;}
.liststyle-expand .items .itemsmain .itemstitle{font-size: 22px;margin-bottom: 2%;}
.liststyle-expand .items .itemsmain .itemscon{display: none;font-size: 14px;margin-bottom: 1%;}
.screen-desktop .liststyle-expand .items .itemsmain .itemscon,.screen-phone .liststyle-expand .items .itemsmain .itemscon{max-height: 63px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.is-touchable .liststyle-expand .items .itemsmain .itemscon,.liststyle-expand .items:hover .itemsmain .itemscon{display: block;}
.liststyle-expand .items .itemsmain>.morebtn{display: none;color: #fff;border: 1px solid #fff;padding: 0 10px;}
.liststyle-expand .items .itemsmain>.morebtn:hover{border: none;background: #fff;color: #fb7801;}
.is-touchable .liststyle-expand .items .itemsmain>a,.liststyle-expand .items:hover .itemsmain>a{display: inline-block;}
.liststyle-expand .items .itemsmore{display: none;}
#partnerdetail .modal-body{padding: 5%;}
#partnerdetail .modal-body>.subtitle{font-size: 18px;line-height: 24px;font-weight: 700;}

.liststyle-progress{font-size: 0px;line-height: 0;text-align: center;width: 100%;overflow: hidden;}
.liststyle-progress .items-6th{width: 16.66666%;padding-right: 60px;}
.liststyle-progress .items-4th{width: 25%;padding-right: 100px;}
.liststyle-progress .items{display: inline-block;vertical-align: top;position: relative;}
.liststyle-progress .items-6th:last-child{margin-right: -60px;}
.liststyle-progress .items-4th:last-child{margin-right: -120px;}
.liststyle-progress .items .itemsimg{width: 100%;margin-bottom: 20px;}
.liststyle-progress .items .itemsimg>img{width: 100%;height: auto;}
.liststyle-progress .items .itemsline{display: block;width: 60%;height: 4px;margin: 10px auto; background: #dedede;border-radius: 2px;overflow: hidden;}
.liststyle-progress .items .itemsline>.linebar{display: block;width: 0%;height: 4px;background: #fb7801;border-radius: 2px;}
.liststyle-progress .items .itemtitle{font-size: 18px;font-weight: 100;color:#fb7801;line-height: 28px;}
.liststyle-progress .items .itemscon{font-size: 14px;font-weight: 100;color:#333;line-height: normal;}
.liststyle-progress .items-6th .rightarr{position: absolute;width: 40px;height:140px;top: 0px;right: 10px;}
.liststyle-progress .items-4th .rightarr{position: absolute;width: 80px;height:200px;top: 0px;right: 10px;}
.liststyle-progress .items:last-child .rightarr{display: none;}

#befriend{}
#befriend .input-group{margin-bottom: 10px;}
#befriend .form-control{height: 38px;}
/* partner 伙伴合作    --end--  */

/* faq liststyle 伙伴合作   --start-- */
/* liststyle-faq 问答列表 */
.liststyle-faq .items{padding: 14px 0px 14px;border-bottom: 1px solid #dfdfdf;}
.liststyle-faq .items .news-con{display: block;width:100%;float: left;min-height: 138px;}
.screen-phone .liststyle-faq .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;position: relative;padding: 0px;}
.liststyle-faq .items .news-con p{width: 100%;text-align: left;overflow: hidden;}
.liststyle-faq .items .news-con .news-title{color: #333;font-size: 20px;font-weight: 700;}
.screen-phone .liststyle-faq .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle-faq .items .news-con .news-desc{color: #999;font-size: 14px;margin: 0px;}

/* honor 资质荣誉    --start-- */
.honornavlist{width: 100%;font-size: 0px;text-align: center;}
.honornavlist>div{display: inline-block;width: 33.33333%;padding: 0px 4%;}
.honornavlist>div>a{display: block;font-size: 28px;line-height: 1;padding-bottom: 20px;border-bottom: 1px solid #999;color: #333;font-weight: 100;margin-bottom: 1px;}
.honornavlist>div>a:hover,.honornavlist>div>a.active{border-bottom: 2px solid #fb7801;color: #fb7801;margin-bottom: 0px;}

.honorlist{width: 100%;font-size: 16px;text-align: left;padding-bottom: 20px;}
.honorlist .items{ width: 100%;height: auto;padding-top: 20px; }
.honorlist .items .itemstime{ width: 100%;height: auto;border-bottom: 1px dashed #c1c1c1;font-size: 28px;line-height: 60px;color: #000; }
.honorlist .items>ul{ list-style: none;padding:10px 0px;margin: 0px;}
.honorlist .items>ul>li{  }
.honorlist .items>ul>li a{ color: inherit;font-size: 18px;line-height: 40px;}
.honorlist .items>ul>li a:hover{ color: #fb7801;}
/* honor 资质荣誉     --end--  */

/* experience 发展历程    --start-- */
.experiencenavlist{width: 100%;height: auto;padding:0px 40px;position: relative;font-size: 0px;line-height: 0px;text-align: center;}
.experiencenavlist .prevyear,.experiencenavlist .nextyear{width: 40px;height: 150px;position: absolute;top: 0px;cursor: pointer;}
.experiencenavlist .prevyear{left: 0px;text-align: left;}.experiencenavlist .nextyear{right: 0px;text-align: right;}
.experiencenavlist .prevyear>i,.experiencenavlist .nextyear>i{font-size: 40px;vertical-align: middle;color: #666;}
.experiencenavlist .prevyear:hover>i,.experiencenavlist .nextyear:hover>i{color: #fb7801;}
.experiencenavlist .experiencenavlist-box{width: 100%;height: 150px;background: url(/images/experiencenavlistbg.png) center center no-repeat;background-size: 100% 100%;overflow: hidden;padding-left: 50%;}
.experiencenavlist .experiencenavlist-box .listbox{display: inline-block;width: auto;white-space: nowrap;margin: 0px;padding: 0px;}
.experiencenavlist .experiencenavlist-box .listbox .items{display: inline-block;width: 150px;height: 150px;margin: 0px 31px;background: url(/images/yearlibg.png) center center no-repeat;background-size: 100% 100%;vertical-align: middle;}
.experiencenavlist .experiencenavlist-box .listbox .items.itemsfirst{margin-left: -499px;}
.lte-ie-8 .experiencenavlist .experiencenavlist-box .listbox .items.itemsfirst{margin-left: -815px;}
.experiencenavlist .experiencenavlist-box .listbox .items.active{background: url(/images/yearlibg-active.png) center center no-repeat;background-size: 100% 100%;}
.experiencenavlist .experiencenavlist-box .listbox .items>a{display: block;width: 100%;height: 100%;font-size: 28px;line-height: 150px;color: #fff;}
.experiencenavlist .experiencenavlist-box .listbox .items>span{display: block;width: 100%;height: 100%;font-size: 24px;line-height: 32px;padding-top: 42px; color: #dedede;}

.experiencelist{display: block;overflow: hidden;width: 100%;padding-bottom: 20px;}
.experiencelist .items{display: block;width: 100%;position: relative;}
.experiencelist .items .items-circle{display: block;width: 20px;height: 20px;background: #fb7801;border: 2px solid #fff;border-radius: 50%;position: absolute;top: 40px;margin-top: 10px;left: 50%;margin-left: -9px;behavior: url(style/PIE/PIE.htc);}
.experiencelist .items .itemstime{display: block;width: 50%;float: left;padding-top: 40px;padding-right: 40px; text-align:right;font-size: 24px;line-height: 40px;position: relative;}
.experiencelist .items .itemsmain{display: block;width: 50%;float: right;border-left: 2px solid #fb7801;padding-top: 40px;padding-left: 40px;padding-bottom: 40px; text-align: left;position: relative;overflow: hidden;}
.experiencelist .items.items-2n .itemstime{float: right;padding-top: 40px;padding-left: 40px;text-align: left;}
.experiencelist .items.items-2n .itemsmain{float: left;padding-top: 40px;padding-right: 40px; text-align:left;border-right: 2px solid #fb7801;border-left: none;right: -2px;}
.screen-phone .experiencelist .items .items-circle{display: none;}
.screen-phone .experiencelist .items .itemstime{display: block;width:100%;float: left;padding: 20px 10px; text-align:left;font-size: 24px;line-height: 40px;position: relative;}
.screen-phone .experiencelist .items .itemsmain{display: block;width:100%;float: right;border: none;padding: 0px 10px; text-align:left;position: relative;overflow: hidden;}
.experiencelist .items .itemsmain .itemstitle{font-size: 24px;line-height: 40px;color: #000;}
.screen-phone .experiencelist .items .itemsmain .itemstitle{font-size: 16px;line-height: 30px;}
.experiencelist .items .itemsmain .itemscon{width: 100%;color: #333;}
.screen-phone .experiencelist .items .itemsmain .itemscon{font-size: 14px;}
/* experience 发展历程     --end--  */


/* 发展历程新样式 */
.timeLine {width: 100%; margin: 60px 0 0;padding:0; overflow: hidden; position: relative; }
.timeLine li { background: url(../../images/back1.png) repeat-y 26% 0px; padding-bottom: 30px; zoom: 1; display: flex; }
.timeLine li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.timeLine li:last-child { background: none !important; }
.timeLine li>p { background: url(../../images/icon1.jpg) no-repeat 97% 4px; display: inline-block; width: 30%; font-size: 16px; text-align: right; padding-right: 5%; color: #fb7801; }
.timeLine li>p span { display: block; color: #fb7801; font-size: 18px; }
.timeLine li .con { width: calc(100% - 20%); display: inline-block; padding-left: 30px; }
.timeLine li .con img { max-width: 100%; }
.screen-phone .timeLine li .con{width: calc(100% - 28%);padding-left:20px;}
.screen-phone .timeLine li>p{padding-right:24px;}
.screen-phone .timeLine li>p span{font-size:12px;}

/* .on  */
.timeLine li.on { background: url(../../images/back2.png) repeat-y 26% 0; }
.timeLine li.on>p { background: url(../../images/icon2.jpg) no-repeat 97% 0px; color: #1db702; }
.timeLine li.on>p span { color: #a8dda3; }

/* .on 下面的li  */
.timeLine li.dark { background: url(../../images/back3.png) repeat-y 26% 0; }
.timeLine li.dark>p { background: url(../../images/icon3.jpg) no-repeat 97% 0px; color: #c3c3c3; }
.timeLine li.dark>p span { color: #d0d0d0; }
.timeLine li.dark>.con{color: #d0d0d0;}

/* productsdetail 产品详情页   --start-- */
.titlestyle-products{width: 100%;height: 50px;}
.titlestyle-products .maintitle{width: 100%;font-size: 22px;color: #fb7801;line-height: 50px;height: 50px;font-weight: 700;}
.contentbox-pro{padding: 0px 20px;overflow: hidden;width: 100%;}
.products-btn{padding: 20px;}

#shiyongchanpin{}
#shiyongchanpin .input-group{margin-bottom: 10px;}
#shiyongchanpin .form-control{height: 38px;}
/* productsdetail 产品详情页    --end--  */