.logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 200px;
	height: 50px;
	margin-top: 6px;
	float: left;
}

.bg-white {background-color: #fff!important;}

.layui-nav .layui-nav-item a {
    display: block;
    padding: 0 19px;
    color: #999;
    font-size: 16px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-nav .layui-nav-item a:hover {
    display: block;
    padding: 0 19px;
    color: #999;
    font-size: 16px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    background-color: #ff8a16;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.layui-nav .layui-nav-more {
    border-color: #bdbdbd transparent transparent;
    border-top-color: rgba(189,189,189,.7);
}

.layui-nav .layui-nav-mored,.layui-nav-itemed .layui-nav-more {
	border-color:transparent transparent #bdbdbd;
}
.nav{
	width: 756px;
	float: right;
}
.nav ul{
	list-style-type: none;
}
.nav li{
	line-height: 64px;
	margin-left: 20px;
	cursor: pointer;
	text-align: center;
}

.layui-nav-child {
	border: none;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
    background: #fff;
    padding: 0;
}

.banner {width: 100%;margin: 0 auto; overflow: hidden; background-color: #fff;}
.layui-carousel {width: 100%; overflow: hidden; background-color: #fff;}
.layui-carousel div img {width: 100%;}
.header {height: 60px; }
.fex {position: absolute; z-index: 99999; left: 83px; bottom: 75px; border: 1px solid #000; width: 270px; height: 56px; border-radius: 5px; text-align: center;  line-height: 58px; font-size: 24px;}
.blank-64 {height: 64px; width: 100%;}
.blank-54 {height: 54px;}
.txt-c {text-align: center;}
.font-24 {font-size: 24px;}
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;}
.font-12 {font-size: 12px}
.font-14 {font-size: 14px;}
.font-30 {font-size: 30px;}
.font-60 {font-size: 50px;}
.font-c-3e {color: #3e3e3e}
.blank-50 { height: 50px; }
.blank-35 {height: 35px;}
.blank-20 {height: 20px}
.lh-24 {line-height: 24px;}
.bc-glay {background: #bfbfbf;}
.h200 {height: 200px;}
.mt20 {margin-top: 20px;}
.w45 {width: 45%;}
.w105 {width: 105px; overflow: hidden;}
.w120 {width: 120px; overflow: hidden;}
.w205 {width: 205px; overflow: hidden;}
.w160 {width: 160px; overflow: hidden;}
.w490 {width: 490px; overflow: hidden;}
.w500 {width: 500px; overflow: hidden;}
.w870 {width: 870px; overflow: hidden;}
.w955 {width: 955px; overflow: hidden;}
.w1000 {width: 1000px; overflow: hidden; margin:0 auto;}
.circle-50 {border-radius: 50%;}
.font-c-glay-2 {color: #6d6d6d;}
.font-c-while {color: #fff;}
.txt-normal {font-weight: normal;}
.fl {float: left;}
.fr {float: right;}
.item ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.item ul li{ text-align: center;}
.item-service ul{
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.item-service ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.item-service ul li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	text-align: center;
	margin: 10px 0;
}
.col-2 {width: 20%;}
.col-3 {width: 30%;}
.col-3-2 {width: 32%;}
.col-238 {width: 238px;}


.item-case ul {
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}
.item-case ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.item-case ul li {
	display:inline-block;
	vertical-align: center;
	*display:inline;*zoom:1;
	text-align: center;
}

.hover-pro {overflow:hidden; position:relative; border: 1px solid #fff; border-radius: 10px; color: #373737; left: 2px; height:260px;}

.hover-pro h1 {display:block; vertical-align: middle; width: 100%;}
.hover-pro:hover {border-radius: 10px;box-shadow: 0px 0px 2px rgba(0,0,0,0.2); position: relative;}
.hover-pro .txt {margin-top: 74px;}
#picLsy li .mark {background-color: #fff;display:none; width:238px; height:260px; position:absolute; left:0; top:0; z-index:15; cursor: pointer;}
#picLsy li .mark p { font-size: 14px; line-height: 26px; padding: 0 10px; text-align: left; color: #919191}
#picLsy li .mark p a { color: #919191}

#picLsy li:nth-child(4n){left:0; right:3px;}
.mark h1 {margin-bottom: 20px; font-size: 18px; margin-top: 50px}
.mark .mark-icon { width: 64px; height: 64px; border-radius: 50%; margin: 0 auto;}
.mark .mark-icon img {width: 100%; height: 100%}
.btn {display:inline-block; padding: 5px 20px; border:1px solid #afafaf; border-radius: 5px; margin: 0 auto;}
.footer {font-size: 14px; margin-top: 20px}
.footer p {line-height: 24px; margin: 5px 0; color: #919191; position: relative;}
.icon-ga {
	display:inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	background-image: url(../images/gaba.png);
	left: 50%;
	top: 2px;
	margin-left:-120px;
}
.web-tj {position: absolute; top: 50%; margin-top: -6px}
.case ul li { margin: 20px 0 }
.case h3 {margin-top: 10px; color: #919191; font-size:12px;}


/*-toTop-*/
.toTop {background-image: url(../images/icons.png);}
.toTop{display: none; position: fixed;_position: absolute;right: 0px;top: 50%;width: 60px;height: 180px; margin: -180px 0 0 0;background-position: 0 -576px;}
.toTop li{width: 60px; height:60px;}
.toTop li a{display: blck; width: 60px;color: #333333;text-align: center; overflow: hidden;}
.toTop li a i{display: block; width: 60px;height: 60px; background: url(../images/icon-sidebar.png) no-repeat;}
.toTop-onlineTouch{height: 70px;text-indent: -9999px;}
.toTop-onlineTouch a{height: 70px; display:block; background:#d9d9d9 url(../images/tb-n10.png) no-repeat;}
.toTop-onlineTouch a:hover{ background:#FF503F url(../images/tb-n100.png) no-repeat;}
.toTop-onlineqq{width: 60px; height: 32px;background-color: #d9d9d9; padding-top: 8px;}
.toTop-onlineqq img{}
.toTop li.toTop-scanLife{position: relative;height: 60px;}
.toTop li.toTop-scanLife a{height: 60px;background:#d9d9d9 url(../images/tb-n10.png) center no-repeat; border-bottom:1px solid #d9d9d9; display:block;}
.toTop li.toTop-scanLife a:hover{background:#ff4e44 url(../images/tb-n100.png) center no-repeat;}
.toTop li.toTop-scanLife .sl-weixin{position: absolute;left: -180px;top: -59px;display: none;z-index: -1; border: 1px solid #ababab;}
.toTop li.toTop-up a{height: 60px;background:#ff4e44 url(../images/tb-n11.png) center no-repeat; display:block;}
.toTop li.toTop-up a:hover{background:#FF503F url(../images/tb-n11.png) center no-repeat;}


.kefuWrap {
    width: 222px;
    padding: 0 13px 0 9px;
}
.kefuWrap .linkWrap {
    float: left;
    display: inline-block;
    width: 71px;
    margin-right: 3px;
    margin-bottom: 10px;
    color: #1b1f29;
    text-align: center;
}
.kefuWrap a {  overflow:visible !important;}
.kefuWrap .linkWrap .cover {
	width: 71px;
    height: 70px;
    background: #f5f5f5;
}

.toTop-onlineTouch .itemConsultWrap{position: absolute;
    top: 0;
	right:60px;
	padding-right:14px;
    width: 245px;
    height: 315px;
    background: url(../images/tb-nbg.png) no-repeat;
	display:none;
}
.toTop { background:none;}
.toTop-onlineTouch {text-indent:0px !important; height:40px; background:#ececec url(../images/tb-n9.png) center no-repeat;}
.toTop-onlineTouch:hover { background:#ff4e44 url(../images/tb-n99.png) center no-repeat;}


.hover .itemConsultWrap { display:block !important ;}
.itemConsultWrap .title {display: block;
height: 35px;
line-height: 35px;
padding: 5px 0;
font-size: 16px;
color: #666666;
text-align: center;}
.itemConsultWrap .innerList {
    padding: 10px 20px;}
.itemConsultWrap .innerltem {
    line-height: 50px;
	height: 70px;
    font-size: 22px;
    color: #e8312e;
    font-family: arial;
	width:210px;
}
.itemConsultWrap .innerltem .label {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666666;
	width: 100px;
}



.item-job { display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
 }
 .item-job dl {width: 45%;background-color: #fafafa;}
 .item-job dl dt {width: 100%;
    overflow: hidden;
    color: #323232;
    line-height: 24px;
    font-size: 14px;
    /*background-color: #eb8b7f;*/
    /*color: #fff;*/}
.item-job dl dd {
	line-height: 22px;
    color: #8b8b8b;
    font-size: 14px;

}

.item-job dl dd ul li { margin-left: 15px; list-style: decimal; line-height: 30px }

 .item-job .wrap{
    overflow: hidden;
    padding: 15px 30px 9px;
}

.item-job .wrap h3 {
	font-size: 19px;
	padding-bottom: 15px;
	font-weight: bold;
}

 .item-job .l-fonez {
	font-size: 25px;
    padding-bottom: 5px;
    font-weight: bold;
}

.banner-case img {
	width: 100%; text-align: center;
}
.line-b {border-bottom: 1px solid #bfbfbf;}
.bg-l-glay {background: url(../images/line-glay.png) bottom repeat-x;}
.relative {position: relative;}

.case-nav a {line-height: 36px; display: inline-grid; margin-right: 40px; padding: 0 10px;}
.cur {border-bottom: 3px solid #f59600; color: #f59600 }
.case-list li {display: flex;flex-flow: column; margin:20px 0; border-radius: 10px; padding: 0 0 30px 0; cursor: pointer; color: #919191}
.case-list li img {border-radius: 10px 10px 0 0;}
.case-list li h3 {margin-top: 20px; margin-bottom:10px;}
.case-list li:hover {box-shadow: 0px 1px 10px rgba(0,0,0,0.13);}

.case-mobile-list ul {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap
}
.case-mobile-list li {display: flex;flex-flow: column; margin:20px 0; width: 250px; margin-right: 225px; text-align: center; color: #919191}
.case-mobile-list li:nth-child(3n) {margin-right: 0;}
.case-mobile-list li h3 {margin-top: 20px; margin-bottom:10px;}
.mobile-bg {
	background-image: url(../images/mobile.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 511px;
}
.mobile-bg .mobile-case-warp {margin-top: 62.2px; width: 218px; height: 386px; position: relative; margin-left: 16px; cursor: pointer;}
.mobile-bg .mobile-case-warp .mobile-ewm {
	position: absolute;
	left: 0;
	top: 0;
	width: 218px;
	height: 386px;
	background: rgba(0,0,0,0.5);

    display: none;
    color: #fff;
}
.mobile-bg .mobile-case-warp .mobile-ewm img { position: absolute; left: 25.5px; top: 109.5px; width: 167px; height: 167px;}
.mobile-bg .mobile-case-warp .mobile-ewm span {position: absolute; text-align: center; left: 0; bottom: 80px; width: 218px;}
.case-mobile-list  p {margin-top: 10px;}

.btn-more {
    display: inline-flex;
    border-right: 1px solid;
    border-bottom: 1px solid;
    width: 7px; height: 7px;
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
}

.left-nav { position: relative; }
.left-nav ul li {z-index: 999999; margin-bottom: 20px; background-color: #fff; position: relative;}
.left-nav ul li:last-child {margin-bottom: 0;}
.left-nav ul li a {display: block;}
.left-nav ul li a:hover {color: #f59600;}
.left-nav-line {position: absolute; height: 100%; width: 1px; background-color: #bfbfbf; right: 8px; z-index: -1}
.dot {
	background-image: url(../images/dot2.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	right: 2.6px;
	position: absolute;
}

.left-nav ul li:hover .dot {
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
}

.left-nav-cur a {color: #f59600}
.left-nav-cur .dot {
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
}

.year-nav {position: relative; width: 100%; overflow: hidden;}
.year-nav-line {position: absolute; background: #dedede; height: 3px; width: 100%; bottom: 0; z-index: -1}
.year-nav ul {overflow: hidden; margin-bottom: 0;}
.year-nav ul li {float: left; margin: 0 10px;z-index: 99999; border-bottom: 3px solid #dedede}
.year-nav ul li a {display: block; text-align: center; height: 30px; padding: 0 10px}
.year-nav ul li a:hover {color: #f59600}
.year-nav ul li:hover {border-bottom: 3px solid #f59600;}
.year-nav .cur-month {border-bottom: 3px solid #f59600;}

.news-warp {position: relative; border: 1px solid #f59600; border-radius: 10px; margin: 10px 0; background: #f59600}
.news-month {position: absolute; left: 0; height: 100%; width: 100px; border-radius: 10px 0 0 10px; background: #f59600; text-align: center; color: #fff;}
.news-month p {line-height: 30px; margin-top: 10px;}
.news-warp ul {margin-left: 100px; background: #fff; border-radius: 0 9px 9px 0;}
.news-warp ul li {line-height: 30px; border-bottom: 1px solid #f59600; padding: 10px}
.news-warp ul li:last-child {border-bottom: none;}

.about-txt-warp {border: 1px solid #e4e4e4; overflow: hidden; padding: 20px; line-height: 30px;}


.case_con{ overflow:hidden;}
.case_con dl{ width:398px; height:300px; margin:0 3px 0 0; margin-top:40px;  float:left; color:#666; border-bottom: 2px solid #fff;}
.case_con dl:nth-child(3n){ margin:40px 0 0 0;}
.case_con.blog_bg dl dt{ padding:0 20px;}
.case_con.blog_bg dl{ height:380px; background:#f8f8f8; line-height:24px;}
.case_con dl dd{ width:100%; height:230px; overflow:hidden; }
.case_con dd a{ display:block; width:100%; height:100%; transition:all .3s ease-in;}
.case_con dl dd:hover a{ transform:scale(1.1);}
.case_con dt{ margin-top:3px;color: #666; font-size: 12px}
.case_con h3{ margin-top:15px; margin-bottom:5px;}
.case_con dl h3 a{ font-size:16px; color:#333; }
.case_con dl h3 a:hover{ color:#1ab32c;}
.case_con dl:hover {border-bottom: 2px solid #f59600;}

.circle-nav li {
	width: 98px;
    height: 98px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    line-height: 98px;
}
.circle-nav li a {
	font-size: 18px;
    cursor: pointer;
    transition: all .15s ease-in-out;
}
.circle-nav li a:hover {color: #fff;}
.circle-nav li:hover {background: #ff8a16; border: 1px solid #ff8a16;}
.circle-nav li:hover a {color: #fff;}

.cms-info dl {width: 998px; overflow: hidden; border: 1px solid #e2e2e2; background: #e2e2e2; margin:10px 0; overflow: hidden; font-size: 14px; cursor: pointer; }
.cms-info dl dt,.cms-info dl dd {float: left;padding: 10px 0}
.cms-info dl dt {
	width: 120px;
	text-align: center;
}
.cms-info dl dd {width: 868px; padding-left: 10px; background: #fff;}
.cms-info dl:hover {box-shadow: -1px 1px 2px #e2e2e2;}

.technology ul li {width: 200px; text-align: center; font-size: 14px; margin-bottom: 30px;}
.technology .bg-tit {display: block; width: 120px; background: #b7b7b7; height: 40px; margin: 0 auto; line-height: 40px; color: #fff; margin-bottom: 10px;}

.Industry  ul li {width: 30%; border: 1px solid #eee; cursor: pointer;}
.Industry p {font-size: 14px; width: 200px; margin: 0 auto; line-height: 24px; color: #6d6d6d; margin-top: 10px}
.industry-icon {width: 60px; height: 60px; display: block; margin: 0 auto; background-repeat: no-repeat;background-size: 70%; background-position: center; border-radius: 50%;}
.ls-icon {background-image: url(../images/ls-icon.png);}
.jr-icon {background-image: url(../images/jr-icon.png);}
.cy-icon {background-image: url(../images/cy-icon.png);}
.my-icon {background-image: url(../images/my-icon.png);}
.ly-icon {background-image: url(../images/ly-icon.png);}
.jy-icon {background-image: url(../images/jy-icon.png);}
.Industry ul li:hover {box-shadow: 0px 0px 2px #e2e2e2;}
.circle-btn {
	width: 96px;
    height: 66px;
    padding-top: 30px;
    border-radius: 55px;
    background-color: #c2c2c2;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
    margin-left: 5px;
    margin-bottom: 13px;
    margin: 0 auto;
}
.no-border ul li {width: 30%; cursor: pointer;border: 1px solid #eee; height: 315px; padding-top: 10px}
.no-border p {font-size: 14px; width: 200px; margin: 0 auto; line-height: 20px; color: #6d6d6d; margin-top: 10px}
.no-border ul li:hover {box-shadow: 0px 0px 2px #e2e2e2;}

.cir-20 {border-radius: 20px; background-color: #e2e2e2;}
.ptb-10 {padding: 10px 0}
.col-5 ul li {width: 18%;}
.bc-cfcfcf {background-color: #cfcfcf;}
.bc-c1c1c1 {background-color: #c1c1c1}
.col-5 li:nth-of-type(odd){background-color: #cfcfcf;}
.col-5 li:nth-of-type(even){background-color: #c1c1c1;}
.yy-icon {
	background-size: cover;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	display: inline-block;
	float: left;
}
.lh60 {line-height: 60px;}
.yy-1 {background-image: url(../images/yy-1.png);}
.yy-2 {background-image: url(../images/yy-2.png);}
.yy-3 {background-image: url(../images/yy-3.png);}
.yy-4 {background-image: url(../images/yy-4.png);}
.yy-5 {background-image: url(../images/yy-5.png);}
.yy-6 {background-image: url(../images/yy-6.png);}
.yy-7 {background-image: url(../images/yy-7.png);}
.yy-8 {background-image: url(../images/yy-8.png);}
.yy-9 {background-image: url(../images/yy-9.png);}
.yy-10 {background-image: url(../images/yy-10.png);}
.yy-11 {background-image: url(../images/yy-11.png);}
.yy-12 {background-image: url(../images/yy-12.png);}
.yy-13 {background-image: url(../images/yy-13.png);}
.yy-14 {background-image: url(../images/yy-14.png);}
.yy-15 {background-image: url(../images/yy-15.png);}


/* box */
.tab_menu{overflow:hidden;}
.tab_menu li{height:30px;line-height:30px;text-align:center;cursor:pointer;}
.current i {background-color: #ff8a16;}


.tab_box li{height:24px;line-height:24px;overflow:hidden;}
.tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}
.tab_box .hide{display:none;}


.tab-service {
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.tab-service:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.tab-service li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	text-align: center;
	margin: 10px 0;
	font-size: 12px;
}

.web-icon {
	width: 90px;
	height: 90px;
	display: block;
	background-color: #222;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center;
}

.web-icon:hover {background-color: #ff8a16;}
.web-icon-1 {background-image: url(../images/web-icon-1.png);}
.web-icon-2 {background-image: url(../images/web-icon-2.png);}
.web-icon-3 {background-image: url(../images/web-icon-3.png);}
.web-icon-4 {background-image: url(../images/web-icon-4.png);}
.web-icon-5 {background-image: url(../images/web-icon-5.png);}
.web-icon-6 {background-image: url(../images/web-icon-6.png);}

.ni-az {
    float: left;
    width: 400px;

}

.ni-ay {
    float: right;
    width: 565px;
    position: relative;
    height: 334px;
    background: url(../images/nj-a.jpg) no-repeat;
}

.ni-az h1 {
    line-height: 50px;
    border-bottom: 1px solid #d7d7d7;
    font-size: 24px;
    color: #ff503f;
}
.ni-az p {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin-top: 16px;}

.ni-ay img {
    position: absolute;
    width: 447px;
    height: 256px;
    margin-top: 20px;
    margin-left: 59px;
}
.ni-az h2 {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-top: 25px;
    margin-bottom: 25px;
}

.ni-az h2 a {
    margin-right: 10px;
}

.ni-ba {
    display: block;
    float: left;
    font-size: 14px;
    color: #ff503f;
    line-height: 45px;
}

.ni-bb {
    display: block;
    float: right;
    width: 160px;
    height: 45px;
    background-color: #ff8a16;
    color: #FFF;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
}

.ng-ab h1 {
    font-size: 24px;
    line-height: 24px;
    color: #ff503f;
    margin-top: 30px;
    margin-bottom: 20px;
}

.ng-ab span {
    display: block;
    float: left;
    height: 43px;
    line-height: 43px;
    padding: 0px 20px;
    margin-right: 15px;
    border: 1px dashed #a7a7a7;
    font-size: 14px;
}

.ne-ba span {
    font-size: 24px;
    line-height: 40px;
    color: #ff503f;
}

.ne-bb {
    margin-top: 40px;
}

.ne-bc {
    font-size: 24px;
    line-height: 40px;
    color: #ff503f;
    margin-bottom: 35px;
}

.ne-be {
	width: 100%;

    overflow: hidden;
}

.ne-bd {
    width: 490px;
    height: 70px;
    float: left;
    margin-bottom: 30px;
}
.ne-bd h1 {
    font-size: 18px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
}

.ne-bd h2 {
    font-size: 12px;
    color: #666666;
    line-height: 14px;
}

.ne-bd span {
    width: 43px;
    height: 43px;
    font-family: Georgia;
    background-color: #ff503f;
    display: block;
    border-radius: 43px;
    text-align: center;
    float: left;
    margin-right: 10px;
    line-height: 43px;
    font-size: 24px;
    color: #FFF;
}

.ne-bea {
    width: 165px;
    height: 185px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-right: 34px;
    float: left;
}

.ne-bea span {
    display: block;
    border: 1px dashed #999999;
    width: 168px;
    height: 43px;
    text-align: center;
    font-size: 18px;
    line-height: 43px;
    color: #333333;
}

.ne-beb {
    width: 140px;
    margin: 14px auto;
}

.nh-aa {
    overflow: hidden;
    margin-top: 40px;
}

.nh-aa h1 {
    font-size: 21px;
    line-height: 40px;
    color: #ff503f;
}

.nh-ab {
    width: 310px;
    float: left;
}

.nh-ab span {
    display: block;
    border: 1px dashed #999999;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 43px;
    color: #333333;
}

.nh-ab h2 {
    font-size: 14px;
    line-height: 34px;
    color: #ff503f;
    text-align: center;
}

.nh-ac {
    width: 100%;
    margin: 0px auto;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

/*****微信开发*****/
.wx-item ul{
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.wx-item  ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.wx-item  ul li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	text-align: center;
	margin: 4px 0;
	width: 193px;
	height: 193px;
	background: #f2f2f2;
    font-size: 18px;
    color: #3e3e3e;

}
.wx-item ul li p {font-size: 14px; color: #747474; width: 140px; margin: 0 auto;}

.wx-item .wx-icon {
	width: 64px;
	height: 64px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	margin-top: 20px
}
.wx-1 {background-image: url(../images/icon/wx-1.png);}
.wx-2 {background-image: url(../images/icon/wx-2.png);}
.wx-3 {background-image: url(../images/icon/wx-3.png);}
.wx-4 {background-image: url(../images/icon/wx-4.png);}
.wx-5 {background-image: url(../images/icon/wx-5.png);}
.wx-6 {background-image: url(../images/icon/wx-6.png);}
.wx-7 {background-image: url(../images/icon/wx-7.png);}
.wx-8 {background-image: url(../images/icon/wx-8.png);}
.wx-9 {background-image: url(../images/icon/wx-9.png);}
.wx-10 {background-image: url(../images/icon/wx-10.png);}
.wx-11 {background-image: url(../images/icon/wx-11.png);}
.wx-12 {background-image: url(../images/icon/wx-12.png);}
.wx-13 {background-image: url(../images/icon/wx-13.png);}
.wx-14 {background-image: url(../images/icon/wx-14.png);}
.wx-15 {background-image: url(../images/icon/wx-15.png);}
.wx-16 {background-image: url(../images/icon/wx-16.png);}
.wx-17 {background-image: url(../images/icon/wx-17.png);}
.wx-18 {background-image: url(../images/icon/wx-18.png);}
.wx-19 {background-image: url(../images/icon/wx-19.png);}
.wx-20 {background-image: url(../images/icon/wx-20.png);}

.wx-item-1:hover i {background-image: url(../images/icon/wx-1-1.png);}
.wx-item-2:hover i {background-image: url(../images/icon/wx-2-1.png);}
.wx-item-3:hover i {background-image: url(../images/icon/wx-3-1.png);}
.wx-item-4:hover i {background-image: url(../images/icon/wx-4-1.png);}
.wx-item-5:hover i {background-image: url(../images/icon/wx-5-1.png);}
.wx-item-6:hover i {background-image: url(../images/icon/wx-6-1.png);}
.wx-item-7:hover i {background-image: url(../images/icon/wx-7-1.png);}
.wx-item-8:hover i {background-image: url(../images/icon/wx-8-1.png);}
.wx-item-9:hover i {background-image: url(../images/icon/wx-9-1.png);}
.wx-item-10:hover i {background-image: url(../images/icon/wx-10-1.png);}
.wx-item-11:hover i {background-image: url(../images/icon/wx-11-1.png);}
.wx-item-12:hover i {background-image: url(../images/icon/wx-12-1.png);}
.wx-item-13:hover i {background-image: url(../images/icon/wx-13-1.png);}
.wx-item-14:hover i {background-image: url(../images/icon/wx-14-1.png);}
.wx-item-15:hover i {background-image: url(../images/icon/wx-15-1.png);}
.wx-item-16:hover i {background-image: url(../images/icon/wx-16-1.png);}
.wx-item-17:hover i {background-image: url(../images/icon/wx-17-1.png);}
.wx-item-18:hover i {background-image: url(../images/icon/wx-18-1.png);}
.wx-item-19:hover i {background-image: url(../images/icon/wx-19-1.png);}
.wx-item-20:hover i {background-image: url(../images/icon/wx-20-1.png);}

.wx-item ul li:hover {background: #ff8a16; color: #fff;}
.wx-item ul li:hover p {color: #fff;}

.web-trait ul li {
	width: 310px;
	overflow: hidden;
    height: 175px;
    padding-top: 100px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    overflow: hidden
}
.web-trait ul li p {width: 260px; margin: 0 auto;}

.item-edu ul{
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.item-edu  ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.item-edu  ul li {
	display: inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	margin-bottom: 20px;
	width: 310px;
}

.item-edu dl {width: 100%; overflow: hidden;}
.item-edu dl dt,.item-edu dl dd {float: left;}
.item-edu dl dt {width: 48px; height: 48px;}
.item-edu dl dd {width: 248px; float: right;}
.item-edu dl dd h1{ margin-bottom: 5px;}
.item-edu p {
    font-size: 14px;
    line-height: 1.6em;
    color: #666e70;
}
.edu-icon {
	margin-top: 3px;
	width: 48px;
	height: 48px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e7e7e7;
}
.edu-icon-1 {background-image: url(../images/icon/edu-1.png);}
.edu-icon-2 {background-image: url(../images/icon/edu-2.png);}
.edu-icon-3 {background-image: url(../images/icon/edu-3.png);}
.edu-icon-4 {background-image: url(../images/icon/edu-4.png);}
.edu-icon-5 {background-image: url(../images/icon/edu-5.png);}
.edu-icon-6 {background-image: url(../images/icon/edu-6.png);}

.item-media ul{
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.item-media  ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.item-media  ul li {
	display: inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	margin-bottom: 20px;
	text-align: center;
	width: 190px;
}
.item-media ul li h1 {margin-bottom: 10px; margin-top: 10px}
.item-media ul li p {
    font-size: 14px;
    line-height: 1.6em;
    color: #666e70;
}
.media-icon {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
}
.media-icon-1 {background-image: url(../images/icon/media-1.png)}
.media-icon-2 {background-image: url(../images/icon/media-2.png)}
.media-icon-3 {background-image: url(../images/icon/media-3.png)}
.media-icon-4 {background-image: url(../images/icon/media-4.png)}
.media-icon-5 {background-image: url(../images/icon/media-5.png)}

/* APP */
.item-app ul{
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.item-app ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.item-app ul li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	text-align: center;
	margin: 10px 0;
	width: 220px;
	height: 200px
}
.app-icon {
	width: 50px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}
.app-icon-1 {background-image: url(../images/icon/app-mac.png);}
.app-icon-2 {background-image: url(../images/icon/app-android.png);}
.app-icon-3 {background-image: url(../images/icon/app-wx.png);}
.app-icon-4 {background-image: url(../images/icon/app-h5.png);}

/* APP方案 */
.item-app-plan ul{
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}

.item-app-plan ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.item-app-plan ul li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	text-align: center;
	margin: 10px 0;
	width: 230px;
	cursor: pointer;
	border: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-app-plan p {width:210px; font-size: 14px; margin: 10px auto; line-height: 20px; color: #6d6d6d;}
.item-app-plan ul li:hover {box-shadow: 0px 0px 2px #e2e2e2;}
.app-icon-plan {
	width: 80px;
	height: 80px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	margin: 0 auto;
}
.app-icon-plan-1 {background-image: url(../images/icon/app-1.png);}
.app-icon-plan-2 {background-image: url(../images/icon/app-2.png);}
.app-icon-plan-3 {background-image: url(../images/icon/app-3.png);}
.app-icon-plan-4 {background-image: url(../images/icon/app-4.png);}
.app-icon-plan-5 {background-image: url(../images/icon/app-5.png);}
.app-icon-plan-6 {background-image: url(../images/icon/app-6.png);}
.app-icon-plan-7 {background-image: url(../images/icon/app-7.png);}
.app-icon-plan-8 {background-image: url(../images/icon/app-8.png);}

.app-feature-item ul {
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}
.app-feature-item ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.app-feature-item ul li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	margin: 3px 0;
	width: 193px;
	font-size: 13px;
	color: #6d6d6d;
}

/* 通用功能 */
.app-criterion-item ul {
	padding-left:0;
	list-style:none;
	width:100%;
	text-align:justify;
	text-justify:distribute-all-lines; /* for ie */
}
.app-criterion-item ul:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}
.app-criterion-item ul li {
	display:inline-table;
	vertical-align: center;
	*display:inline;*zoom:1;
	margin: 3px 0;
	width: 160px;
	font-size: 14px;
	color: #6d6d6d;
	text-align: center;
}
.app-icon-criterion {
	width: 70px;
	height: 70px;
	display: block;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
	margin: 10px auto;
	border-radius: 50%;
	background-color: #f7f3f2;
}
.app-icon-criterion-1 { background-image: url(../images/icon/app-criterion-1.png); }
.app-icon-criterion-2 { background-image: url(../images/icon/app-criterion-2.png); }
.app-icon-criterion-3 { background-image: url(../images/icon/app-criterion-3.png); }
.app-icon-criterion-4 { background-image: url(../images/icon/app-criterion-4.png); }
.app-icon-criterion-5 { background-image: url(../images/icon/app-criterion-5.png); }
.app-icon-criterion-6 { background-image: url(../images/icon/app-criterion-6.png); }
.app-icon-criterion-7 { background-image: url(../images/icon/app-criterion-7.png); }
.app-icon-criterion-8 { background-image: url(../images/icon/app-criterion-8.png); }
.app-icon-criterion-9 { background-image: url(../images/icon/app-criterion-9.png); }
.app-icon-criterion-10 { background-image: url(../images/icon/app-criterion-10.png); }
.app-icon-criterion-11 { background-image: url(../images/icon/app-criterion-11.png); }
.app-icon-criterion-12 { background-image: url(../images/icon/app-criterion-12.png); }
.app-icon-criterion-13 { background-image: url(../images/icon/app-criterion-13.png); }
.app-icon-criterion-14 { background-image: url(../images/icon/app-criterion-14.png); }
.app-icon-criterion-15 { background-image: url(../images/icon/app-criterion-15.png); }
.app-icon-criterion-16 { background-image: url(../images/icon/app-criterion-16.png); }
.app-icon-criterion-17 { background-image: url(../images/icon/app-criterion-17.png); }
.app-icon-criterion-18 { background-image: url(../images/icon/app-criterion-18.png); }


/* 分页 */
.pages {border-top:none;height:auto;padding:8px;width:100%; text-align: center; font-size: 12px;}
.pages a {
	padding: 6px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dedede;
    margin-left: 6px;
    box-shadow: 0 1px 1px #f2f2f2;
}
.pages a:hover{ background: #f1f1f1;color:#2267b5;}
.pages .thisclass{display:inline-block;padding:0 10px;line-height:25px;height:25px;color:#2267b5;font-weight:bold;border:1px solid #dedede;}
.pages .pageinfo{border-radius:3px;padding:0 10px;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #dedede;}
.pages .last{color:#ccc;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #dedede;}
.pages .all {}
.pages .current { background: #f1f1f1 }
.pages span {border: 1px solid #dedede;	padding: 6px 12px;line-height: 20px;margin-left: 6px;box-shadow: 0 1px 1px #f2f2f2;}

/*时间线*/
.news-timeline .hd {
    position: relative;
    width: 100%;
    height: 138px;
    background: #eb8b7f url(../images/icon-news.png) no-repeat 25% 50%;
}

.news-timeline .news-tit {
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 98px;
    height: 98px;
    margin: 0 0 0 -49px;
    background: url(../images/icons-news.png) no-repeat;
    line-height: 1.5;
    text-align: center;
    font-size: 16px;
    color: #ff503f;
}

.news-timeline .news-tit span {
    display: block;
    width: 80px;
    height: 46px;
    margin: auto;
    line-height: 16px;
    padding-top: 35px;
}

.news-timeline .bd {

}

.news-timeline .news-ul {
    overflow: hidden;
    position: relative;
    /* background: #ffffff url(../images/bg_line.jpg) repeat-y 50% 0; */

}

.time-bg-line {
	position: absolute;
	background: #eee;
    height: 100%;
    width: 4px;
    left: 50%;
    margin-left: -1px;
    top: 30px
}
.news-timeline .li {
    margin-top: 40px;
    overflow: hidden;
}
.news-timeline .li:first-child{
	margin-top: 0;
}

.news-timeline .li .wrapper-timeline {
    float: right;
}

.news-timeline .n-profile {
    width: 220px;
    float: left;
}

.news-timeline .n-img img {
	max-width: 200px;
	max-height: 100px;
    vertical-align: middle;
}

.news-timeline .n-text {
    float: right;
    width: 450px;
    padding-left: 30px;
}

.news-timeline .n-time {
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    line-height: 24px;
    color: #999999;
    text-align: left;
    font-size: 12px;
}

.news-timeline .icon-clock-min {
    margin-right: 3px;
    vertical-align: -3px;
}

.news-timeline .icon-disc {
    position: absolute;
    right: -18px;
    bottom: -12px;
    transition: background .15s ease-in-out;
}

.news-timeline .li:hover .icon-disc {
    background-position: -156px 0;
}

.news-timeline .li:hover a {
    color: #ff503f;
}

.news-timeline .n-text h2 {
    font-size: 16px;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-timeline .n-text p {
    height: 60px;
    margin-top: 10px;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    overflow: hidden;
}

.news-timeline .li-left {
    text-align: right;
}

.news-timeline .li-left .wrapper-timeline {
    float: left;
}

.news-timeline .li-left .n-profile {
    float: right;
}

.news-timeline .li-left .n-text {
    float: left;
    padding-left: 0;
    padding-right: 30px;
}

.news-timeline .li-left .n-time {
    text-align: right;
}

.news-timeline .li-left .icon-clock-min {
    margin: 0 0 0 3px;
}

.news-timeline .li-left .icon-disc {
    right: inherit;
    left: -18px;
    bottom: -12px;
}

.w, .content, .ws {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.icon-clock-min {
    width: 14px;
    height: 14px;
    background-position: -111px 0;
    vertical-align: middle;
}
.icon-disc {
    width: 24px;
    height: 24px;
    border: 3px solid #fff;
    background-position: -130px 0;
    vertical-align: middle;
}
.icon-clock-min, .icon-disc {
    display: inline-block;
    background-image: url(../images/icons-news.png);
    background-repeat: no-repeat;
}

.oneself { color: #282727; }
.oneself_img {position: absolute; left: 50%; top: 50%; width: 304px; height: 616px; margin-left: -152px;}
.oneself p {line-height: 26px; margin-bottom: 20px; text-indent: 2em;}
.oneself h1 {margin-bottom: 20px;}
.oneself-wx {width: 400px; margin: 0 auto;overflow: hidden;}
.oneself-wx h2 {height: 135px; line-height: 135px; font-size: 24px;}


.case-view {
	background-color: #f6f6f6;
}

.case-warp {
	width: 1120px;
	margin:0 auto;
	overflow: hidden;
	padding: 20px 0;
	color: #606060;
}
.case-warp h1 {
	text-align: center;
	font-size: 20px;
}
.case-warp dl {
	line-height: 30px;
	width: 100%;
	display: block;
}
.case-warp dl dt {float: left;}
.case-warp dl dd a {color: #f59600}
.case-warp hr {
	height: 1px;
	background: #dbdbdb;
}
.case-warp .subtitle {
	font-size: 14px;
	line-height: 26px;
}
.case-intro {
	font-size: 14px;
	line-height: 26px;
}
.case-intro p {
	margin: 0 0 20px 0;
}
.case-bg {
	background-image: url(../images/case-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 884px;
	height: 556px;
	margin: 50px auto;
}
.case-bg .mobile-view-bg {
	background-image: url(../images/mobile.png);
	width: 250px;
	height: 511px;
	position: relative;
}
.mobile-show-img{
	width: 218px;
	height: 386px;
	background-color: #ddd;
	position:absolute;
	top: 62px;
	left: 16px;
}
.mobile-show-ewm {
	width: 168px;
	overflow: hidden;
	background: #fff;
	padding: 10px;
	text-align: center;
	position: relative;
	top: 120px;
	left: 200px
}
.mobile-show-ewm span {line-height: 30px;}
.other-nav {
	position: relative;
	width: 100;
}
.other-nav ul {
	width: 600px;
	text-align: left;
	font-size: 14px;
}
.other-nav ul li {
	width: 100%;
	text-align: left;
	display: block;
	line-height: 26px;
}
.back-list-case {
	position: absolute;
	padding: 10px 25px;
	border-radius: 15px;
	top: 5px;
	right: 0;
	background-color: #f59600;
	color: #fff;
}
.back-list-case:hover {
	color: #fff;
}
.news-view {
	color: #707070;
}
.news-view h1 {
	text-align: center;
	font-size: 20px;
}
.news-view .line {
	background: #c9c9c9;
}
.other-txt {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	margin: 10px 0
}
.news-intro {
	font-size: 14px;
	line-height: 30px;
}
.news-intro p {
	margin: 0 0 20px 0
}
.page-nav {
	width: 100%;
	font-size: 14px;
}
.page-nav li {
	width: 50%;
	float: left;
	line-height: 30px;
}
.page-nav li:nth-of-type(even){
	text-align: right;
}