* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.trans{
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
hr{border: none;outline: none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}


body{
	font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important;
	font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:100%;
}
.wp{
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	overflow: hidden;
	
}

.case-img2 img{filter: drop-shadow(4px 4px 2px #a7a7a7);}
a{
	color: #333;	
}
a:hover{
	color: #009FE8;
	text-decoration: none;
}

/*头部*/
#bd{
	padding-top: 70px;
}
#bd.newsendPage{
	padding-top: 80px;
}
#hd{
	/*height: 101px;*/
	height: 70px;
	background: #fff;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);*/
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index:9999;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
    border-bottom: 1px solid rgba(204,204,204,.4);
}
.fixed{
    top: -101px !important;
}

#hd .logo{
	float: left;
	margin-right: 65px;
	/*height: 101px;*/
}
#hd .logo a{
	display: block;
	height: 100%;
	/*line-height: 101px;*/
	line-height: 70px;
}
#hd .logo a img{
	display: inline-block;
	vertical-align: middle;
	width: 140px;
}

#nav ul li{
	float: left;
	line-height: 70px;
	width: 90px;
	margin-right: 10px;
	box-sizing: border-box;
	padding: 0 12px;
}
#nav ul li a{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	height: 70px;
}
#nav ul li a:hover{
	border-bottom: 2px solid #009FE8;
}
#nav ul li a.bb{
	color:#009FE8;
	border-bottom:2px solid #009FE8;
}
#hd .tel{
	background: url(../images/tel_bg.png) left center no-repeat;
	background-size: 25px auto;
	line-height: 70px;
	float: right;
	padding-left: 37px;
	color: #009FE8;
	font-size: 18px;
}

/*手机头部*/
#m-hd {display: none;}
#m-hd {
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 999999;
	border-bottom: 1px solid rgba(204,204,204,.4);
}
#m-hd img{
	height: 40px;
	vertical-align: middle;
}
#m-hd .tel{
	position: absolute;
	top: 0;
	right: 60px;
	color: #009FE8;
	text-align: center;
	font-size: 18px;
	line-height: 54px;
	cursor: pointer;
	background: url(../images/tel_bg.png) left center no-repeat;
	-webkit-background-size: 50px;
	background-size: 25px;
	    padding-left: 32px;
}
.m-trigger {
	position: absolute;
	top: 0;
	right: 10px;
	width: 50px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	line-height: 45px;
	cursor: pointer;
	background: url(../images/menu_add.png) center center no-repeat;
	-webkit-background-size: 50px;
	background-size: 25px;
	height: 50px;
}
.m-nav {
	z-index: 60;
	position: absolute;
	top: 50px;
	width: 100%;
	left: 0;
	background: url(../images/alpha_black_70.png) repeat;
	text-align: center;
	display: none;
}
.m-nav li{
	border-bottom: 1px solid #565656;
}
.m-nav a {
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	color: #fff;
	font-size: 14px;
}
.m-nav a:hover,.m-nav a:active{
	color: #009FE8;
}
.m-sub {
	text-align: left;
	display: none;
	width:100%;
}
.m-sub a {
	border-bottom: none;
	font-size: 13px;
}


/*底部*/
#fd{
	background: url(../images/fd_bg.png) center top no-repeat;
	padding-top: 75px;
}
.index-fd{
	margin-top: -31px;
}
#fd .fd-top{
	overflow: hidden;
	color: #fff;
	padding-bottom: 45px;
}
#fd dl{
	float: left;
	width: 20%;
}
#fd dl dt{
	font-size: 16px;
	padding-bottom: 20px;
}
#fd .ul-fd li{
	line-height: 26px;
}
#fd .ul-fd li a{
	color: #a8a8af;
}
#fd .ul-fd li a:hover{
	text-decoration: underline;
}
#fd .weixin,#fd .sina{
	background: url(../images/fd_icon1.png) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom:23px;
}
#fd .weixin-pic{
	position: absolute;
	left: 50px;
	top: 0;
	width: 100px;
}
#fd .weixin-pic img{
	width: 100%;
}
#fd .tel{
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 15px;
}
#fd h5{
	font-size: 16px;
	color: #a8a8af;
}
#fd .sina{
	background-image: url(../images/fd_icon2.png);
}
#fd .fd-copy{
	height: 40px;
	line-height: 40px;
	color: #a3a3a9;
	background-color: #000022;
}
.pr ul li{line-height:44px;}
/* side */
.side{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width: 175px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#009FE8;}
.side ul li img{float:right;}

.side2{
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 710px;
	height: 80px;
}
.side2 ul li{
	width: 40px;
	height: 40px;
}
.side2 ul li a{
	display: block;
	background-color: rgba(0,0,0,0.3);
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img{
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover{
	background-color: rgba(0,0,0,0.9);
}
.side2 ul li .weixin{
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}



/*banner*/
#banner .flexslider{
	background: none;
}
#banner .slides li {
	width: 100%;
}
#banner .slides li .pic{
	display: block;
	/*padding-top: 36.4%;*/
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
    background-position: center bottom;
    position: relative;
}

#banner .slides li  .ban-txt{
	width: 760px;
	position: absolute;
	left: 50%;
	margin-left: -380px;
	top: 50%;
	height: 205px;
	margin-top: -102px;
	text-align: center;
}
#banner .slides li.s1 .ban-txt{
	background:url(../images/ban_k.png) no-repeat;
}
#banner .flexslider .slides img{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}
#banner .slides li .ban-txt h5{
	font-size: 22px;
	color: #fff;
	margin-top: -5px;
}
#banner .slides li .ban-txt h2{
	height: 118px;
	line-height: 118px;
	margin-top: 5px;
	font-size: 71px;
	color: #fff;
}
#banner .slides li  .ban-txt h3{
	padding-top: 25px;
	font-size: 24px;
	color: #009FE8;
}
#banner .flex-control-paging li a{
	width: 30px;
	height: 3px;
	border-radius: 0;
	background-color: rgba(0,255,255,0.5);
}
#banner_phone .flex-control-nav li {
    margin: 0 4px;
}


#banner .flex-control-paging li a.flex-active,
#banner_phone .flex-control-paging li a.flex-active{
	background-color: #009FE8;
}
#banner .flex-control-nav{
	bottom: 18px;
}
#banner_phone .flex-control-nav {
    bottom: 0px;
}
#banner .flex-direction-nav a{
	/*background: url(../images/ban_prev.png) no-repeat;*/
	/*width: 24px;*/
	/*height: 44px;*/
	/*opacity: 1;*/
	/*filter: alpha(opacity=100);*/
}
#banner .flex-direction-nav .flex-prev{
	left: 50%;
	margin-left: -570px;
}
#banner .flex-direction-nav .flex-next{
	background-image: url(../images/ban_next.png);
	right: 50%;
	margin-right: -570px;
}
#banner .slides li.s2 .ban-txt{
	width: 840px;
	margin-left: -420px;
}
#banner .slides li.s2 .ban-txt h2{
	font-size: 58px;	
	line-height: 56px;
	height: 56px;
	margin-bottom: 10px;
}
#banner .slides li.s2 .ban-txt h3{
	font-size: 40px;
	text-transform: uppercase;	
}
#banner .slides li.s2 .ban-txt h4{
	font-size: 16px;
	color: #fff;
	padding-top: 10px;
	line-height: 28px;
}
#banner .slides li.s2 .ban-txt h6{
	font-size: 14px;
	border-top: 1px solid #d3d3d7;
	width: 149px;
	margin: 0 auto;
	color: #fff;
	line-height: 35px;
	margin-top: 15px;
}
#banner .slides li.s3 .ban-txt h2{
	font-size: 45px;
	height: 45px;
	line-height: 45px;
}
#banner .slides li.s3 .ban-txt h3{
	font-size:40px;
	text-transform: uppercase;
	padding-top: 0;
	    line-height: 60px;
	border-bottom: 1px solid #009FE8;
}
#banner .slides li.s3 .ban-txt h4{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin-top: 20px;
}
#banner{
	position: relative;
}
#banner_phone .flex-control-paging li a{
    width: 16px;
    height: 2px;
    border-radius: 0;
    background-color: rgba(0,0,0,.1);
}
/*首页*/
.tit-i{
	text-align: center;
	padding: 66px 0 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3{
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
	padding-top: 10px;
}
.tit-i h5{
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
}
.tit-i h5 span{
	color: #009FE8;
}
.tit-i em{
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}

.ul-icon-i li{
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
}
.ul-icon-i li .pad{
	padding: 0 40px;
	position: relative;
}
.ul-icon-i li a{
	display: block;
}
.ul-icon-i li a span{
	background: url(../images/i_icon1.png) no-repeat;
	width: 134px;
	height: 134px;
	display: inline-block;
	margin-bottom: 55px;
}
.ul-icon-i li h3{
	font-size: 16px;
	margin-bottom: 18px;
}
.ul-icon-i li em{
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-icon-i li p{
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}
.ul-icon-i li.li1 a span{
	background-position: 0 0;
}
.ul-icon-i li.li2 a span{
	background-position: -305px 0;
}
.ul-icon-i li.li3 a span{
	background-position: -615px 0;
}
.ul-icon-i li.li4 a span{
	background-position: -930px 0;
}
/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
.ul-icon-i li .pad .pic{
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-icon-i li .pad .pic img{
	display: none;
}
.ul-icon-i li .pad .pic .pic-icon{
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
}
.ul-icon-i li a:hover p{
	text-decoration: underline;
	color: #333;
}

.row2{
	background: url(../images/bg_1.png) center top no-repeat;
}
.caselist {
	max-width: 1150px;
	margin: 0 auto;
}
.case-i-l,.case-i-r{
	width: 50%;
}
.case-i-l{
	float: left;
	padding-right: 15px;
}
.case-i-r{
	float: right;
	padding-left: 15px;
}
.case-img,.case-img a img{
	width: 100%;
}
.case-img{
	position: relative;
	overflow: hidden;
}
.case-img .hover{
	position: absolute;
	left: 0;
	top: -434px;/*top: -433px;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
}
.case-img.on .hover{
	top: 0;
}
.ul-case-i{
	margin: 0 -15px;
}
.ul-case-i li{
	float: left;
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
}
.ul-case-i li a{
	display: block;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .pic img{
	width: 100%;
	display: block;
}
.ul-case-i li a .hover{
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color:rgba(13,146,208,0.6);
	color: #fff;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li h3
{
	font-size: 14px;
}
.ul-case-i li .hover b,.ul-case-i li .hover .txt,.case-img .hover b,.case-img .hover .txt{
	display: inline-block;
	vertical-align: middle;
}
.ul-case-i li .hover b,.case-img .hover b{
	width: 0;
	height: 100%;
}
.ul-case-i li a:hover .hover{
	/*display: block;*/
	top: 0;
}
.ul-case-i-1 li{
	width: 25%;
}

.more-i{
	text-align: center;
	padding-bottom: 35px;
}
.more-i a{
	display: inline-block;
	width: 65px;
	height: 65px;
	background: url(../images/arr2.png) center center no-repeat #000014;
	border-radius: 100%;
}
.more-i a:hover{
	background-color: #009FE8;
}

.news-bg{
	width: 100%;
	background: url(../images/bg_2.png) center top no-repeat !important;
	overflow: hidden;
	background-size: cover !important;
}
.tit-i-1 h3{
	color: #fff;
}
.tit-i-1 em{
	border-bottom-color: #dddde1;
}
.tit-i-2 h3{
	color: #002;
}
.tit-i-2 em{
	border-bottom-color: #dddde1;
}
.ul-news-i{
	/*margin-right: -10px;*/
	width: 100%;
}
.ul-news-i li{
	float: left;
	width: 24.5%;
	color: #fff;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	overflow: hidden;
} 
.ul-news-i li:last-child{
	/*width: 21%;*/
}
.ul-news-i li .txt{
	padding-left: 30px;
	padding-right: 58px;
}
.ul-news-i li .txt span{
	padding: 15px 8px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-news-i li .txt span em{
	display: block;
	font-size: 20px;
}
 .ul-news-i li:last-child .txt{
	/*padding-right: 0;*/
}  
.ul-news-i li h3 a{
	color: #fff;
	display: inline-block;
	padding: 20px 0;
	font-size: 14px;
}
.ul-news-i li h3{
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height: 22px;
}
.ul-news-i li  p{
	color: #bbbbbe;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3; 
	overflow: hidden;
	font-size: 12px;
}
.ul-news-i li .more{
	background: url(../images/more1.png) no-repeat;
	width: 36px;
	height: 36px;
	display: inline-block;
	margin-top: 50px;
}
.ul-news-i li .hover{
		
}
.ul-news-i li .hover .img{
	width: 100%;
	position: absolute;
	top: -175px;
	left: 7px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-news-i li .hover .pad{
	padding: 0 27px 20px 27px;
	position: absolute;
	left: 7px;
	bottom: -168px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color: #009FE8;
	width: 92%;
}
.ul-news-i li .hover .img{
	height: 165px;
	width: 92%;
}

.ul-news-i li.on .hover .img{
	/*display: block;*/
	top: 0;
}
.ul-news-i li.on .hover .pad{
	bottom: 0;
}
.ul-news-i li .hover .pad p {
	color: rgba(255,255,255,1);
}

.news-more{
	text-align: center;
	padding-top: 50px;
}

.news-more a{
	display: inline-block;
	width: 178px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.case-more a{
	border: 1px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.4);
}
.news-more a:hover{
	background-color: #009FE8;
}
.case-more a:hover{
	border: 1px solid #fff;
	color: #fff;
}

.contact-l{
	width: 38%;
	float: left;
}
.contact-r{
	width: 62%;
	float: right;
}
.ul-contact li{
	background: url(../images/i_icon2.png) no-repeat;
	padding-left: 60px;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 35px;
}
.ul-contact li.li1{
	background-position: 0 0;
}
.ul-contact li.li2{
	background-position: 0 -74px;
}
.ul-contact li.li3{
	background-position: 0 -266px;
}
.ul-contact li.li4{
	background-position: 0 -127px;
}


.contact-form .inp{
	width: 49%;
	border: 1px solid #6d6d88;
	height: 33px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.contact-form textarea{
	width: 100%;
	border: 1px solid #6d6d88;
	height: 98px;
	margin-bottom: 24px;
}
.contact-form .sub{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
    background-color: #395d8f;
	border: 0;
	cursor: pointer;	
	font-size: 16px;
}

.map{
	margin-top: 100px;
	position: relative;
}
.map em{
	background: url(../images/arr1.jpg) center top no-repeat;
	width: 100%;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.map-s{
	background: url(../images/map_s.png) center top;
	height: 107px;
	text-align: center;
	overflow: hidden;
}
.map .btn{
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 132px;
	display: inline-block;
}
.map .btn-down{
	background: url(../images/map_down.png) no-repeat;
	width: 112px;
	height: 48px;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 52px;
	margin-left: -50px;
	z-index: 99;
}
#map{
}
.map-pop{
	display: none;
	height: 540px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.map .map-bg1,.map .map-bg2{
	background: url(../images/ban_bg_top.png) no-repeat center 0;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0;	
	width: 100%;
	z-index: 66;
}
.map .map-bg2{
	background-image: url(../images/map_bg2.png);
	height: 41px;
	bottom: 0px;
	top: auto;
}
.map-pop-big{
	height: 600px;
	bottom:auto;
	top: 0;
}
.map-big{
    height: 600px;
    margin-top: 0;
}


/*内页*/
#ban-in{
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
    width: 100%;
}
#ban-in img {
    width: 100%;
}
#ban-in .ban-bg{
	/*background: url(../images/ban_bg.png) center top no-repeat;*/
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 60;
}
.pages{
	text-align: center;
	padding-bottom: 76px;
	padding-top:23px;
    background: #fff;
}
.pages a{
	display: inline-block;
	width: 41px;
	height: 41px;
	background-color: #edecec;
	border-radius: 3px;
	text-align: center;
	line-height: 41px;
	font-size: 18px;
	color: #666;
	margin: 0 4px;
    margin-bottom: 10px;
}
.pages a:hover,.pages .page-on{
	background-color: #009FE8;
	color: #fff;
}



/*动态*/
.ul-list{
	margin: 0 -15px;
}
.ul-list li{
	float: left;
	width: 25%;
	margin-bottom: 44px;
}
.ul-list li .pic img{
	width: 100%;
	display: block;
	zoom:1;
}
.ul-list li:hover img{
}
.ul-list li .pad{
	padding: 0 15px;
}
.ul-list li .bor{
	border-left: 1px solid #e2e3e8;
    border-right: 1px solid #e2e3e8;
    border-bottom: 1px solid #e2e3e8;
}
.ul-list li:hover .bor{
	border-color: #009FE8;
}
.ul-list li .txt{
	padding: 20px 14px;
	line-height: 20px;
	color: #666;
}
.ul-list li:hover .txt {
    background: #009FE8;
    color: #fff;
}

.ul-list li:hover .title span {
    background: #fff;
    color: #009FE8;
}
.ul-list li .more{
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ul-list li .more a{
	color: #009FE8;
}
.ul-list li .more a:hover{
	text-decoration: underline;
}
.ul-list li .title{
	height: 55px;
	margin-bottom: 14px;
}
.ul-list li .title span{
	float: left;
	background-color: #009FE8;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
    color: #fff;
}
.ul-list li .title span em{
	display: block;
	font-size: 16px;
}
.ul-list li .title h3{
	overflow: hidden;
	height: 54px;
	border-bottom: 1px solid #e2e3e8;
}
.ul-list li .title h3 a{
	display: block;
	overflow: hidden;
	height: 54px;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
    line-height: 1.8;
}
.ul-list li:hover .title h3 a {
    color: #fff;
}
.ul-list li .txt p
{
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
    line-height: 1.8;
}
.ul-list li .pic img
{
	width: 100%;
	height: 176px;
}
.ul-list li a {
    color: inherit;
}
/*案例*/
.sub-nav{
	text-align: center;
	margin-bottom: 50px;
	margin-top: -18px;
}
.sub-nav ul li{
	display: inline-block;
	margin: 0 18px;
	font-size: 16px;
}
.sub-nav ul li a{
	padding-left: 14px;
	display: inline-block;
}
.sub-nav ul li a:hover,.sub-nav ul li.on a{
	background: url(../images/disc.jpg) left center no-repeat;
	color: #009FE8;	
}
.sub-nav ul li a.tt{background:url(../images/disc.jpg) left center no-repeat; color:#009FE8;}
.ul-case{
	margin: 0 -15px;
}
.ul-case li{
	float: left;
	width: 33.3333%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
.ul-case li .block{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ul-case li .pic img{
	display: block;
	width: 100%;
}
.ul-case li .txt{
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(../images/alpha_blue_60.png) repeat;
	text-align: center;
	color: #fff;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity:0;
}
.ul-case li .txt p{
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}
.ul-case li .txt h5,.ul-case li .txt h3{color: #fff;}
.ul-case li .txt:hover{opacity:1;}
.ul-case li .txt b,.ul-case li .txt .pad{
	display: inline-block;
	vertical-align: middle;
}
.ul-case li .txt b{
	width: 0;
	height: 100%;
}
.ul-case li .txt h5{
	font-size: 16px;
}
.ul-case li .txt em{
	width: 45px;
	height: 0;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: 20px 0 40px 0;
}
.ul-case li .txt h3{
	font-size: 18px;
	margin-bottom: 40px;
}
.ul-case li .txt .more{
	width: 122px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	background-color: #009FE8;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-case li .txt .more:hover{
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt{
	top: 0;
}



/*关于*/
.about-info{
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #666;
	padding-bottom: 50px;
}

.customer{
	background: url(../images/bg_3.jpg) center top no-repeat;
	background-size: 100% 100%;
	padding-top: 25px;
	padding-bottom: 54px;
	margin-top: 50px;
}
.customer1{
	background-size: 100% 100%;
	background:url(../images/bg_4.jpg) no-repeat;
	padding-bottom: 45px;
}
.customer1 .ul-customer1{
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	max-width: 1150px;
}
.customer1 .ul-customer1 li{
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 0;
	position: relative;
	width: 20%;
	float:left;
	box-sizing: border-box;
	overflow: hidden;
}

.ul-customer1 li a img{
	
	max-width:100%;
	max-height:100%;
}
.ul-customer1 li a img:hover{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.team{
	padding-bottom: 95px;
}
.team .flexslider{
	position: relative;
}
.team .flexslider em{
	width: 10px;
	height: 30px;
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #fff;
}
.team .flexslider .slides li{
	/*background-position: 89% 0;*/
	height: 468px;
	/*background-repeat: no-repeat;*/
}
.team .flexslider li .txt{
	padding-top: 85px;
	font-size: 14px;
	line-height: 36px;
	width: 30%;
	float: left;
}
.team .flexslider li .txt h3{
	font-size: 30px;
	color: #63637f;
	padding-bottom: 25px;
}
.team .flexslider li .txt .more{
	width: 123px;
	height: 37px;
	border-radius: 5px;
	display: inline-block;
	line-height: 37px;
	text-align: center;
	margin-top: 40px;
	font-size: 16px;
	border: 1px solid #63637f;
	color: #63637f;
}
.team .flexslider li .txt .more:hover{
	
	border: 1px solid #e85346;
	color: #009FE8;
}
.team .flexslider li .pic{
    float: right;
    position: absolute;
    top: 0px;
    left: 788px;
}
.team .flexslider li .pic img{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 1\0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'\9;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)\9;
}
.team .flex-direction-nav{
	max-width: 1150px;
	margin: 0 auto;
	background: url(../images/line.jpg) repeat-x center center;
	height: 30px;
	text-align: center;
}
.team .flex-direction-nav li{
	display: inline-block;

}
.team .flex-direction-nav a{
	position: relative;
	width: 216px;
	height: 30px;
	text-align: center;
	background: url(../images/arr_t.png) center center no-repeat #63637f;
	border-radius: 10px;
	display: inline-block;
	opacity: 1 !important;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	top: 13px;
}
.team .flex-direction-nav .flex-prev{
	
}
.team .flex-direction-nav .flex-next{
	background-image: url(../images/arr_b.png);
	left: 10px;
}
.team .flex-direction-nav a:hover{
	background-color: #009FE8;
}
.flexslider .animated{
	opacity: 0;
	filter: alpha(opacity=0);
	opacity: 100\9;
	filter: alpha(opacity=100)\9;
}

/* .team .s1{
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
}

.team .s2{
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
}
.team .s3{
	-webkit-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.team .s4{
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
} */

.ul-about li{
	float: left;
	width: 33.333%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.ul-about li h3{
	font-size: 24px;
	color: #002;
	line-height: 36px;
}
.ul-about li em{
	display: inline-block;
	width: 45px;
	margin-bottom: 20px;
	margin-top: 25px;
}
.ul-about li .block{
	position: relative;
	height: 235px;
	margin: 0 auto;
}
.ul-about li .block img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-about li.li1 .block{
	width: 150px;
}
.ul-about li.li2 .block{
	width: 215px;
}
.ul-about li.li3 .block{
	width: 252px;
}
.ul-about li.li1 .block,.ul-about li.li2 .block{
	padding-top: 30px;
}


/*动态详情页*/
.cur{
	line-height: 76px;
	color: #666;
	background-color: #f8f9fa;
}
.cur1{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 31px;
}
.cur a{
	color: #666;
}
.article{
	line-height: 30px;
	padding-bottom: 76px;
	color: #666;
}
.article-con {
	font-size: 16px;
	color: #0E0E0E;
}
.article h1{
	font-size: 26px;
	color: #333;
	text-align: center;
	padding-top: 45px;
	line-height: 1.8;
}
.article-con p {
	margin-bottom: 24px;
}
.article .time{
	line-height: 42px;
	border-bottom: 1px solid #999;
	text-align: center;
	padding-bottom: 16px;
	margin-bottom: 25px;
	font-size:14px;
}

.article .share span{
	font-size: 14px;
	float: left;
	display: inline-block;
	line-height: 37px;
}
.article .article-con img {
	max-width: 100% !important;
}


	/*案例详情*/
.case-article{
	line-height: 30px;
	color: #666;
}
.case-article-bg{
	margin-bottom: 4%;
	margin-bottom: 5%\0 !important;
	background-position: top center\0 !important;
}
.case-article .case-logo{
	text-align: center;
	padding-top: 38px;
}

.case-article h1{
	line-height: 40px;
	font-size: 18px;
	text-align: center;
}
.case-article .btn{
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
}
.case-article .btn a{
	display: inline-block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #009FE8;
	color: #fff;
	font-size: 14px;
	margin: 0 12px;
	border-radius: 5px;
}

.case-article .computer-bg{
	position: relative;
	text-align: center;
	background: url(../images/computer.png) center top no-repeat;
	/*
	transform: translateY(45.9%);*/
	-webkit-transform: translateY(45.9%);
	-moz-transform: translateY(45.9%);
	width: 70%;
	margin: 0 auto;
	margin: -32% auto 0 auto;
	-webkit-background-size: 100%;
	background-size: 89%;
	padding-top: 70%;
	margin:0 auto\0;
	padding-top: 50%\0;
}
.case-article .computer-bg img{
	position: absolute;
	left: 8.5%;
	top: 4%;
	width: 83%;
}
.case-article .case-back{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 90px;
}
.case-article .case-back a{
	display: inline-block;
	width: 178px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #63637f;
	color: #002;
	font-size: 18px;
	border-radius: 5px;
}
.case-article .case-back a:hover{
	background-color: #009FE8;
	color: #fff;
	border-color: #009FE8;
}
.article-prev,.article-next{
	position: absolute;
	top: 50%;
	background: url(../images/article_prev.png) no-repeat;
	width: 36px;
	height: 66px;
	margin-top: -33px;
	left: 0;
	z-index: 2;
}
.article-next{
	background-image: url(../images/article_next.png);
	left: auto;
	right: 0;
}


/*服务*/
.servicetop {
	background: #f6f6f6;
	padding: 76px 0;
}
.servicetop .dn-row {
	max-width: 1150px;
	margin: 0 auto;
}
.servicetop .tit {
	font-size: 24px;
	color: #373d41;
	line-height: 42px;
	height: 42px;
	text-align: center;
}
.servicetop .inner .list {
	float: left;
	width: 20%;
	height: 55px;
	margin-top: 30px;
	text-align: center;
	border-right: 1px solid hsla(0,0%,59%,.3);
}
.servicetop  .inner .list:first-child {
	border-left: 1px solid hsla(0,0%,59%,.3);
}
.servicetop .inner .list .txt {
	margin-top: 4px;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
}
.servicetop .inner .list .txt .logo {
	float: left;
	width: 41px;
	height: 45px;
}
.servicetop .inner .list .txt .list-word {
	float: left;
	margin-top: 4px;
	margin-left: 10px;
}
.servicetop .inner .list .txt .list-word .word {
	position: relative;
	width: 110px;
	font-size: 16px;
	height: 22px;
	line-height: 22px;
	color: #373d41;
	text-align: left;
}
.servicetop .inner .list .txt .list-word .subword {
	font-size: 12px;
	height: 17px;
	line-height: 17px;
	color: #9b9ea0;
	text-align: left;
}
.caselist ul.items.servicebox li {
	height: 300px;
}
.caselist ul.items.servicebox li p {
	height: 120px;
}
.caselist ul.items.servicebox li .bg {
	height: 120px;
}
.caselist ul.items.servicebox li .bg u {
	height: 120px;
}
.caselist ul.items.servicebox  li .caseBox {
	width: 360px;
	border-bottom: none;
}
.caselist .servicebox .img-responsive {
	height: 180px;
}
.caselist  ul.items.servicebox li .shade {
	height: 180px;
	margin-top: -180px;
}
.caselist ul.items.servicebox li p {
	border-left: 1px solid #e2e3e9;
	border-right: 1px solid #e2e3e9;
	border-bottom: 1px solid #e2e3e9;
}

.h50{
	height: 50px;
	overflow: hidden;
	clear:both;
}
.ul-webset li{
	float: left;
	width: 33.333%;
	text-align: center;
	height: 322px;
}
.ul-webset li .block{
	position: relative;
	height: 220px;
	margin: 0 auto;
}
.ul-webset li.li1 .block{
	width: 366px;
}
.ul-webset li.li2 .block{
	width: 316px;
}
.ul-webset li.li3 .block{
	width: 230px;
}
.ul-webset li .block img{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-webset li h3{
	font-size: 24px;
	line-height: 34px;
	color: #333;
}
.ul-webset li .btn{
	background: url(../images/disc2.png) center center no-repeat #009FE8;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	display: inline-block;
	margin-top: 30px;
}
.ul-webset li .btn:hover{
	opacity: .6;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}

.ul-webset{

}
.webset-pop{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f5f6fa;
	border: 1px solid #e4e5e7;
	z-index: 60;
	padding: 0 27px;
	padding-bottom: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	left: -100%;
	width: 100%;
	overflow: hidden;
}
.webset-pop h2{
	font-size: 20px;
	text-align: left;
	line-height: 66px;
}
.webset-pop h2 a.close{
	background: url(../images/close.png) no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: relative;
	top: 20px;
	left: auto;
	float: right;
}

.webset-pop .txt{
	width: 25%;
	margin-right: -10px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.nowrap *{
	white-space: nowrap;
}
.webset-pop .txt h4{
	font-size: 20px;
	background: url(../images/icon1.png) left top no-repeat;
	padding-left: 60px;
	height: 40px;
}
.webset-pop .txt h4.tit-web1{
	background-image: url(../images/icon2.png);
}
.webset-pop .txt h4.tit-web2{
	background-image: url(../images/icon3.png);
}
.webset-pop .txt dl{
	padding-left: 57px;
}
.webset-pop .txt dl dd{
	font-size: 16px;
	line-height: 34px;
	background: url(../images/disc4.png) left center no-repeat;
	padding-left: 15px;
}
.webset-pop .txt1{
	width: 50%;
}
.ul-webset li .ul-txt{
	padding-left: 57px;
	border: 0;
}
.ul-webset li .ul-txt li{
	width: 100%;
	text-align: left;
	height: auto;
}
.ul-webset li .ul-txt li h5{
	border: 0;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
}
.ul-webset li .ul-txt li h5 a{
	padding-left: 15px;
	background: url(../images/disc4.png) left center no-repeat;
}
.ul-webset li .ul-txt li .txt-1{
	font-size: 14px;
	line-height: 24px;
	color: #999;
	padding-left: 27px;
	padding-bottom: 15px;
	display: none;
}
.ul-webset li .ul-txt li.ok .txt-1{
	display: block;
}

.ul-web{
	background: url(../images/jjd.png) center center no-repeat;
	overflow: hidden;
	background-size: 100%;
}
.ul-web li{
	float: left;
	text-align: center;
	width: 25%;
	padding-left: 5%;
}
.ul-web li h3{
	display: inline-block;
	border: 1px dashed #358acb;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	padding: 0 17px;
	color: #358acb;
	font-size: 16px;
	margin-top: 20px;
}
.ul-web li .block{
	position: relative;
	height: 151px;
}
.ul-web li .block img{
	position: absolute;
	left: 20px;
	top: 0;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-web li.li1 .block{
	width: 116px;
	left: 50%;
	margin-left: -70px;
}
.ul-web li.li2 .block{
	width: 151px;
	left: 50%;
	margin-left: -95px;
}
.ul-web li.li3 .block{
	width: 125px;
	left: 50%;
	margin-left: -85px;
}
.ul-web li.li4 .block{
	width: 195px;
	left: 50%;
	margin-left: -120px;
}


.bg-blue{
	background: url(../images/bg_4.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 100px;
}
.ul-tab{
	width: 193px;
	float: left;
	background: url(../images/line3.png) repeat-y 183px top;
	margin-right: 80px;
	padding-top: 45px;
}
.ul-tab li{
	margin-bottom: 50px;
}
.ul-tab li a{
	color: #666;
}
.ul-tab li h3{
	font-size: 20px;
	background: url(../images/circle.png) right center no-repeat;
}
.ul-tab li span{
	display: block;
	font-size: 14px;
	color: #999;
}
.ul-tab li.hover h3,.ul-tab li a:hover h3{
	background-image: url(../images/circle1.png);
	color: #009FE8;
}
.ul-tab li.hover span,.ul-tab li a:hover span{
	color: #009FE8;
}
.tab-show{
	
}
.tab-con{
	overflow: hidden;
}
.tab-con .animated{
	opacity: 0;
	filter: alpha(opacity=0);
}
.web-con .shou{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
.web-con .pic{
	float: right;
	position: relative;
	width: 139px;
	text-align: center;
	margin-top: 50px;
	margin-right: 40px;
}
.web-con .flex-control-nav{
	display: none;
}
.web-con .pic .img{
	/* position: absolute;
	left: 43px;
	top: 50px; */
	width: 139px;
	z-index: -1;
	display: inline-block;
}
.tab-con .txt{
	/*width: 66%;*/width: 84%;
}
.tab-con .pic{
	float: right;
	position: relative;
	width: 218px;
	text-align: center;
	margin-top: 50px;
}
.tab-con .pic .img{
	/* position: absolute;
	left: 43px;
	top: 50px; */
	width: 139px;
	z-index: -1;
}
.tab-con-box{
	width: 59%;
	float: left;
}
.tab-con .txt p{
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding-bottom: 45px;
}
.ul-icon{
	/*padding-right: 50px;*/
	overflow: hidden;
}
.ul-icon li{
	width: 94px;
	height: 94px;
	border-radius: 100%;
	background-color: #e4e5e7;
	color: #666;
	text-align: center;
	float: left;
	font-size: 15px;
	line-height: 22px;
	padding: 0 17px;
	margin:  0 25px 30px 25px;
}
.ul-icon li b,.ul-icon li span{
	display: inline-block;
	vertical-align: middle;
}
.ul-icon li b{
	width: 0;
	height: 100%;
}

.service{
	background: url(../images/bg_5.png) center top no-repeat;
	padding-top: 25px;
	padding-bottom: 63px;
}
.process{
	overflow: hidden;
}
.process .con{
	position: relative;
}
.animate-box,
.animate-box .con{
	width: 1150px;
}

.process .pad{
	padding-top: 26%;
}
.process img{
	position: absolute;
	left: 0;
	top: 0;
}
.process span{
	display: inline-block;
	color: #90a1b3;
	font-size: 16px;
	position: absolute;
}
.process span.s1{
	left: 0%;
	top: 0%;
}
.process span.s2{
	left: 4.6%;
	top: 0%;
}
.process span.s3{
	left: 1.6%;
	top: 22%;
}
.process span.s4{
	left: 1.6%;
	top: 65%;
}
.process span.s5{
	left: 9.5%;
	top: 42%;
}
.process span.s6{
	left: 20%;
	top: 65%;
}
.process span.s7{
	left: 27%;
	top: 50%;
}
.process span.s8{
	left: 38%;
	top: 89%;
}
.process span.s9{
	left: 49%;
	top: 15%;
}
.process span.s10{
	left: 57%;
	top: 89%;
}
.process span.s11{
	left: 77.5%;
	top: 64%;
}
.process span.s12{
	left: 94%;
	top: 4%;
}
.process em{
	position: absolute;
	background: url(../images/r1.png) no-repeat;
	display: inline-block;
	z-index: 60;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1{
	width: 60px;
	height: 61px;
	left: 0;
	top: 40%;
}

.process em.q2{
	width: 57px;
	height: 57px;
	top: 42%;
	left: 19%;
	background-image: url(../images/r2.png);
}
.process em.q3{
	background-image: url(../images/r3.png);
	width: 62px;
	height: 56px;
	top: 68%;
	left: 38%;
}
.process em.q4{
	background-image: url(../images/r4.png);
	width: 86px;
	height: 86px;
	top: 29%;
	left: 47%;
}
.process em.q5{
	background-image: url(../images/r5.png);
	width: 63px;
	height: 59px;
	top: 68%;
	left: 57%;
}
.process em.q6{
	background-image: url(../images/r6.png);
	width: 51px;
	height: 51px;
	left:77%;
	top: 40%;
}
.process em.q7{
	background-image: url(../images/r7.png);
	width: 68px;
	height: 63px;
	left: 94%;
	top: 18%;
}


.ul-solution{
    overflow: hidden;
}
.ul-solution li{
	float: left;
	width:16.66666%;/*width: 15.67%;*/
	text-align: center;
	margin-bottom: 65px;
    position: relative;
}
.ul-solution li a{
	display: block;
	height: 140px;
	font-size: 16px;
	line-height: 30px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-solution li a span{
	display: block;
	background: url(../images/icon_solution.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}
.ul-solution li a em{
	display: block;
	position: relative;
}
.ul-solution li.li1 span{
	background-position: -1px 0;
}
.ul-solution li.li2 span{
	background-position: -215px 0;
}
.ul-solution li.li3 span{
	background-position: -429px 0;
}
.ul-solution li.li4 span{
	background-position: -643px 0;
}
.ul-solution li.li5 span{
	background-position: -857px 0;
}
.ul-solution li.li6 span{
	background-position: -1070px 0;
}
.ul-solution li.li7 span{
	background-position: 0px bottom;
}
.ul-solution li.li8 span{
	background-position: -215px bottom;
}
.ul-solution li.li9 span{
	background-position: -429px bottom;
}
.ul-solution li.li10 span{
	background-position: -643px bottom;
}
.ul-solution li.li11 span{
	background-position: -857px bottom;
}
.ul-solution li.li12 span{
	background-position: -1070px bottom;
}
.ul-solution li a:hover span{
	background-image: url(../images/icon_solution_h.png);
}

.service-con .pic a:hover{
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.service-con .col-l,.service-con .col-r{
	width: 50%;
	float: left;
}
.service-con .tit-s{
	line-height: 100px;
	background: url(../images/disc3.png) left center no-repeat;
	padding-left: 14px;
	font-size: 18px;
}
.ul-service li{
	float: left;
	width: 50%;
	padding-right: 29px;
	margin-bottom: 30px;
}
.ul-service li .pad{
	font-size: 14px;
	padding: 14px;
	height: 148px;
	border: 1px solid #e5e5e5;
}
.ul-service li .pad p{
	max-height: 60px;
	overflow: hidden;
}
.ul-service li .pad span {
	display: block;
	overflow: hidden;
	clear: both;
}
.ul-service li .pad span i{
	display: block;
	font-style: normal;
	vertical-align: top;
	padding-left: 40px;
	padding-top: 6px;
}
.ul-service li img{
	display: block;
	float: left;
	margin-bottom: 16px;
}

.ul-txt{
	border: 1px solid #e5e5e5;
}
.ul-txt li{
}
.ul-txt li h5{
    background: url(../images/jia.png) 95% center no-repeat;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 14px;
}
.ul-txt li .txt{
    border-bottom: 1px solid #e5e5e5;
    line-height: 20px;
    display: none;
    color: #666;
    height: 130px;
    padding: 0 14px;
}
.ul-txt li.ok .txt{
    display: block;
}
.ul-txt li.ok h5{
    background-image: url(../images/jian.png);
    border-bottom: 0;
}

.service-btn{
	text-align: center;
	padding: 55px 0;
}
.service-btn a{
	display: inline-block;
	width: 170px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #009FE8;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	margin: 0 22px;
}
.service-btn a:hover{
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}



.caselist ul.items {
	top: 0px;
}

.caselist ul.items li {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	float: left;
	width: 33.33%;
	height: 266px;
}
.caselist ul.items li .caseBox {
	display: inline-block;
	width:340px;
	height: 266px;
	border-bottom:2px solid #009FE8;
	position: relative;
	box-sizing: border-box;
    background: #fff;
}
.caselist ul.items li:nth-child(3n+1)
{
	text-align: left;
}
.caselist ul.items li:nth-child(3n+2)
{
	text-align: center;
}
.caselist ul.items li:nth-child(3n+3)
{
	text-align: right;
}
.caselist ul.items li .shade {
	position: absolute;
	width: 100%;
	height: 166px;
	margin-top: -166px;
	background: rgba(0,0,0,.7);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
	display: flex;
    justify-content:center;
    align-items:Center;
}

.caselist ul.items li .shade .ewm {
	width: 90px;
	height:90px;
	}

/*.caselist ul.items li .shade u {
	display: block;
	margin: 0 auto;
	margin-top: 66px;
	width: 44px;
	height: 44px;
	background: url(../Images/icons.png) no-repeat 0px -168px;
}*/

.caselist ul.items li p {
	position: absolute;
	padding: 18px 20px;
	color: #999;
	font-size: 12px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
}
.caselist ul.items li.casePage p {
    border-left: 1px solid #e2e3e9;
    border-right: 1px solid #e2e3e9;
    border-bottom: 1px solid #e2e3e9;
}
.caselist ul.items li p strong {
	color: #222;
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.caselist ul.items li .bg {
	width: 100%;
	height: 100px;
	background-color: #fff;
	/*-moz-opacity: 0.5;*/
	/*opacity: 0.5;*/
	/*filter: alpha(opacity=50);*/
	opacity: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.caselist ul.items li .bg u {
	display: block;
	position: absolute;
	width: 100%;
	height: 100px;
	margin-top: 120px;
	background-color: #009FE8;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover .shade {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.caselist ul.items li.casePage:hover p {
    border-left: 1px solid #009FE8;
    border-right: 1px solid #009FE8;
    border-bottom: 1px solid #009FE8;
}
.caselist ul.items li:hover .bg {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.caselist ul.items li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.caselist ul.items li:hover .bg u {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover p {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover p strong {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.caselist ul.items.casePage li {
    width: 32%;
    margin-right:2%;
    margin-bottom: 20px;
}
.caselist ul.items.casePage li:nth-child(3n+3){
  margin-right: 0;
}
.caselist ul.items.casePage li {
}
.caselist .img-responsive{
    display: block;
    width: 100%;
    height: 166px;
}
.caselist .list-inline>li {
    display: inline-block;
    }
.case-article img
{
	max-width: 100%;
	padding: 4px;
    box-sizing: border-box;
	
}
.pic img{
	max-width: 100%;
}
.artshow
{
	position: relative;
}
.artshow aside {
	position: absolute;
	top: 0;
	right: 10px;
	width: 280px;
	border: 15px solid White;
	background: White;
	z-index: 100;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.artshow aside.active {
	right: 85px;
}

.artshow aside .ad img {
	width: 280px;
	height: 210px;
}

.artshow aside .caption {
	margin-top: 25px;
	height: 25px;
	border-bottom: 2px solid #eee;
}

.artshow aside .caption h3 {
	display: inline-block;
	position: relative;
	top: -22px;
	padding-bottom: 8px;
	font-size: 18px;
	border-bottom: 2px solid #2fd0b5;
}

.artshow aside ul.items {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
}

.artshow aside ul.items li {
	margin-top: 20px;
	height: 70px;
}

.artshow aside ul.items li a.thumb {
	float: left;
	margin-right: 15px;
}

.artshow aside ul.items li a.thumb img {
	width: 101px;
	height: 70px;
}

.artshow aside ul.items li .title {
	display: block;
	line-height: 22px;
}

.artshow aside ul.items li .title a {
	color: #333;
	text-decoration: none;
}

.artshow aside ul.items li .title a:hover {
	color: #2fd0b5;
}

.artshow aside ul.items li .rel {
	margin-top: 5px;
	display: block;
	color: #aaa;
}

.artshow aside ul.items li .rel .glyphicon {
	margin: 0px 5px 0px 15px;
}
.txt img{margin-bottom:12px;}
.ba{color:#666;}
.ba a{color:#666;}
.ba a:hover{color:#666;}


/*首页一站式服务产品*/

/*首页一站式服务产品*/
.u-index-produce {
	background: #f6f6f6;
	font-size: 14px;
	padding-top: 76px;
	padding-bottom: 76px;
}
.u-index-produce .pro-box,.u-index-case {
	width: 100%;
	margin: 0 auto;
}
.u-index-produce .pro-banner {
	width: 100%;
}
.u-index-produce .swiper-slide {
	background: #f6f6f6;
}
.u-index-produce .pro-title{
	text-align: center;
}
.pro-box .pro-title {
	margin-bottom: 60px;
}
h1.index-h1 {
	text-align: center;
	font-size: 26px;
	color: #373d41;
	font-weight: bold;
}
p.index-intro{
	display: block;
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	color: #5f6367;
}
.produce {
	max-width: 1150px;
	margin: 0 auto;
}
.produce .flexslider {
	background: none;
}
.produce  .produceBox {
	width: 25%;
	margin-bottom: 15px;
	float: left;
	text-align: center;
}
.produce .produceBox:nth-child(4n+2) {
	
}
.produce .produceBox:nth-child(4n+3) {
	
}
.produce .produceBox:nth-child(4n+1) {
	
}
.produce .produceBox:nth-child(4n+4) {
	
}
.produce  .produceBox  .itemBox {
	display: inline-block;
	text-align: center;
	text-align-last: auto;
	position: relative;
	width: 256px;
	height: 330px;
	margin: 0;
	background: #fff;
	position: relative;
}
.produce  .intro {
	display: block;
	position: relative;
	text-align: center;
	height: 100%;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	transition: all .3s ease 0s;
	-ms-box-shadow: 0 2px 30px 4px rgba(14,5,10,.08);
	-o-box-shadow: 0 2px 30px 4px rgba(14,5,10,.08);
	box-shadow: 0 2px 30px 4px rgba(14,5,10,.08);
}
.produce  .intro h3 {
	font-size: 14px;
	color: #2d2d2d;
	line-height: 26px;
	padding: 15px;
}
.produce  .intro p {
	font-size: 12px;
	color: #838383;
	line-height: 22px;
}
.produce  .produceBox  .itemBox .intro img {
	width: 100%;
	height: 175px;
	display: block;
}
.produce  .produceBox:hover .detail {
	z-index: 5;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.produce  .detail {
	position: absolute;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	width: 505px;
	padding-bottom: 50px;
	margin: -300px 0 0 -263px;
	z-index: -1;
	top: 50%;
	left: 50%;
	background-color: #fff;
	-ms-box-shadow: 0 2px 14px 4px rgba(14,5,10,.15);
	-o-box-shadow: 0 2px 14px 4px rgba(14,5,10,.15);
	box-shadow: 0 2px 14px 4px rgba(14,5,10,.15);
	transition: all .3s ease 0s;
	-webkit-transform: scale(0);
	transform: scale(0)
}
.produce .detail .detail-header {
	color: #fff;
	width: 100%;
	background: url(https://assets.megvii.com/static/images/home/business/business_faceid_pop.jpg) no-repeat 0 0;
	height: 198px;
	padding: 46px 30px 0
}
.produce  .detail ul {
	padding: 36px 38px 0px 28px;
	display:flex;
	line-height: 0;
	flex-wrap: wrap;
    justify-content: space-around;
}
.produce .detail .detail-link {
	display: block;
	font-size: 14px;
	/*padding: 20px 0 0 0;*/
	text-align: center;
}
.produce  .detail .detail-link a {
	display: inline-block;
	border: 1px solid #009FE8;
	width: 140px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #009FE8;
	text-decoration: none;
	cursor: pointer;
}
.produce  .detail .detail-link a:hover {
	background: #009FE8;
	color: #fff;
}
.produce  .detail ul li {
	display: inline-block;
}
.produce  .detail ul li {
	text-align-last: auto;
	text-align: center;
	display: inline-block;
	width: 25%;
	margin-bottom:36px
}
.produce  .detail ul>* {
	vertical-align: top;
}
.produce .detail .smartuicon01-1,
.produce .detail .smartuicon01-2,
.produce .detail .smartuicon01-3,
.produce .detail .smartuicon01-4,
.produce .detail .smartuicon01-5,
.produce .detail .smartuicon01-6,
.produce .detail .smartuicon01-7,
.produce .detail .smartuicon01-8,
.produce .detail .icon1,
.produce .detail .icon2,
.produce .detail .icon3,
.produce .detail .icon4,
.produce .detail .shopuicon01,
.produce .detail .shopuicon02,
.produce .detail .shopuicon03,
.produce .detail .shopuicon04,
.produce .detail .shopuicon05,
.produce .detail .shopuicon06,
.produce .detail .shopuicon07,
.produce .detail .shopuicon08,
.produce .detail .operateuicon01,
.produce .detail .operateuicon02,
.produce .detail .operateuicon03,
.produce .detail .operateuicon04,
.produce .detail .operateuicon05,
.produce .detail .operateuicon06,
.produce .detail .operateuicon07,
.produce .detail .operateuicon08,
.produce .detail .homecoming01,
.produce .detail .homecoming02,
.produce .detail .homecoming03,
.produce .detail .homecoming04,
.produce .detail .AnniversaryU01,
.produce .detail .AnniversaryU02,
.produce .detail .AnniversaryU03,
.produce .detail .AnniversaryU04,
.produce .detail .AnniversaryU05,
.produce .detail .AnniversaryU06,
.produce .detail .AnniversaryU07,
.produce .detail .AnniversaryU08,
.produce .detail .card01,
.produce .detail .card02,
.produce .detail .card03,
.produce .detail .card04,
.produce .detail .dataU01,
.produce .detail .dataU02,
.produce .detail .dataU03,
.produce .detail .dataU04




{
	height: 44px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: bottom;
	background-size: 100%;
}
.produce .detail .icon1 {
	width: 44px;
	background-image: url(https://assets.megvii.com/static/images/home/business/business_faceid_icon1.png);
}
.produce .detail .icon2 {
	width: 44px;
	background-image: url(https://assets.megvii.com/static/images/home/business/business_faceid_icon1.png);
}
.produce .detail .icon3 {
	width: 44px;
	background-image: url(https://assets.megvii.com/static/images/home/business/business_faceid_icon1.png);
}
.produce .detail .icon4 {
	width: 44px;
	background-image: url(https://assets.megvii.com/static/images/home/business/business_faceid_icon1.png);
}
.produce .detail .operateuicon01{
	width: 44px;
	background-image: url(../images/operateuicon01.png);
}
.produce .detail .operateuicon02{
	width: 44px;
	background-image: url(../images/operateuicon02.png);
}
.produce .detail .operateuicon03{
	width: 44px;
	background-image: url(../images/operateuicon03.png);
}
.produce .detail .operateuicon04{
	width: 44px;
	background-image: url(../images/operateuicon04.png);
}
.produce .detail .operateuicon05{
	width: 44px;
	background-image: url(../images/operateuicon05.png);
}
.produce .detail .operateuicon06{
	width: 44px;
	background-image: url(../images/operateuicon06.png);
}
.produce .detail .operateuicon07{
	width: 44px;
	background-image: url(../images/operateuicon07.png);
}
.produce .detail .operateuicon08{
	width: 44px;
	background-image: url(../images/operateuicon08.png);
}
.produce .detail .smartuicon01-1{
	width: 44px;
	background-image: url(../images/smartuicon01-1.png);
}
.produce .detail .smartuicon01-2{
	width: 44px;
	background-image: url(../images/smartuicon01-2.png);
}
.produce .detail .smartuicon01-3{
	width: 44px;
	background-image: url(../images/smartuicon01-3.png);
}
.produce .detail .smartuicon01-4{
	width: 44px;
	background-image: url(../images/smartuicon01-4.png);
}
.produce .detail .smartuicon01-5{
	width: 44px;
	background-image: url(../images/smartuicon01-5.png);
}
.produce .detail .smartuicon01-6{
	width: 44px;
	background-image: url(../images/smartuicon01-6.png);
}
.produce .detail .smartuicon01-7{
	width: 44px;
	background-image: url(../images/smartuicon01-7.png);
}
.produce .detail .smartuicon01-8{
	width: 44px;
	background-image: url(../images/smartuicon01-8.png);
}


.produce .detail .shopuicon01{
	width: 44px;
	background-image: url(../images/shopuicon01.png);
}
.produce .detail .shopuicon02{
	width: 44px;
	background-image: url(../images/shopuicon02.png);
}
.produce .detail .shopuicon03{
	width: 44px;
	background-image: url(../images/shopuicon03.png);
}
.produce .detail .shopuicon04{
	width: 44px;
	background-image: url(../images/shopuicon04.png);
}
.produce .detail .shopuicon05{
	width: 44px;
	background-image: url(../images/shopuicon05.png);
}
.produce .detail .shopuicon06{
	width: 44px;
	background-image: url(../images/shopuicon06.png);
}
.produce .detail .shopuicon07{
	width: 44px;
	background-image: url(../images/shopuicon07.png);
}
.produce .detail .shopuicon08{
	width: 44px;
	background-image: url(../images/shopuicon08.png);
}
.produce .detail .homecoming01{
	width: 44px;
	background-image: url(../images/homecoming01.png);
}
.produce .detail .homecoming02{
	width: 44px;
	background-image: url(../images/homecoming02.png);
}
.produce .detail .homecoming03{
	width: 44px;
	background-image: url(../images/homecoming03.png);
}
.produce .detail .homecoming04{
	width: 44px;
	background-image: url(../images/homecoming04.png);
}
.produce .detail .AnniversaryU01{
	width: 44px;
	background-image: url(../images/AnniversaryU01.png);
}
.produce .detail .AnniversaryU02{
	width: 44px;
	background-image: url(../images/AnniversaryU02.png);
}
.produce .detail .AnniversaryU03{
	width: 44px;
	background-image: url(../images/AnniversaryU03.png);
}
.produce .detail .AnniversaryU04{
	width: 44px;
	background-image: url(../images/AnniversaryU04.png);
}
.produce .detail .AnniversaryU05{
	width: 44px;
	background-image: url(../images/AnniversaryU05.png);
}
.produce .detail .AnniversaryU06{
	width: 44px;
	background-image: url(../images/AnniversaryU06.png);
}
.produce .detail .AnniversaryU07{
	width: 44px;
	background-image: url(../images/AnniversaryU07.png);
}
.produce .detail .AnniversaryU08{
	width: 44px;
	background-image: url(../images/AnniversaryU08.png);
}
.produce .detail .card01{
	width: 44px;
	background-image: url(../images/card01.png);
}
.produce .detail .card02{
	width: 44px;
	background-image: url(../images/card02.png);
}
.produce .detail .card03{
	width: 44px;
	background-image: url(../images/card03.png);
}
.produce .detail .card04{
	width: 44px;
	background-image: url(../images/card04.png);
}
.produce .detail .dataU01{
	width: 44px;
	background-image: url(../images/dataU01.png);
}
.produce .detail .dataU02{
	width: 44px;
	background-image: url(../images/dataU02.png);
}
.produce .detail .dataU03{
	width: 44px;
	background-image: url(../images/dataU03.png);
}
.produce .detail .dataU04{
	width: 44px;
	background-image: url(../images/dataU04.png);
}





.donate-icon{
	width: 44px;
	height: 44px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: bottom;
	background-size: 100%;
}
.dn1{
	background-image: url(../images/dn1.png);
}
.dn2{
	
	background-image: url(../images/dn2.png);
}
.dn3{
	
	background-image: url(../images/dn3.png);
}
.dn4{
	
	background-image: url(../images/dn4.png);
}
.dn5{
	
	background-image: url(../images/dn5.png);
}
.dn6{
	
	background-image: url(../images/dn6.png);
}
.dn7{
	
	background-image: url(../images/dn7.png);
}
.dn8{
	
	background-image: url(../images/dn8.png);
}
.produce  .detail ul li h4 {
	font-size: 14px;
	color: #7b7b7b;
	line-height: 24px;
	padding-top: 10px;
}

.produce  .produceBox:nth-child(4n+1) .detail {
	left: 100%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
.produce .produceBox:nth-child(4n+4)  .detail {
	left: 6%;
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.produce  .detail  .detail-header {
	color: #fff;
	width: 100%;
	background: url(../images/pn1.jpg) no-repeat 0 0;
	height: 198px;
	padding: 46px 30px 0;
}
.detail-header-img2{
	background: url(../images/pn2.jpg) no-repeat 0 0 !important;
}
.detail-header-img3{
	background: url(../images/pn3.jpg) no-repeat 0 0 !important;
}
.detail-header-img4{
	background: url(../images/pn4.jpg) no-repeat 0 0 !important;
}
.detail-header-img5{
	background: url(../images/pn5.jpg) no-repeat 0 0 !important;
}
.detail-header-img6{
	background: url(../images/pn6.jpg) no-repeat 0 0 !important;
}
.detail-header-img7{
	background: url(../images/pn7.jpg) no-repeat 0 0 !important;
}
.detail-header-img8{
	background: url(../images/pn8.jpg) no-repeat 0 0 !important;
}

.produce .detail ul li p {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #7b7b7b;
}
.produce .detail ul li p {
	font-size: 14px;
	text-align: center;
}
.produce  .detail .detail-header h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.produce .detail .detail-header p {
	line-height: 24px;
}
/*解决方案*/
.u-index-problem .problemBg {
	width: 100%;
	background: #000;
}
.problemBox {
	max-width: 1440px;
	margin: 0 auto;
}
.problemBox .box {
	
	float: left;
	height: 352px;
	position: relative;
}
.problemBox .box1 {
	width: 17%;
	background: url("../images/box1bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}
.problemBox .box2 {
	width: 17%;
	background: url("../images/box2bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}
.problemBox .box3 {
	width: 17%;
	background: url("../images/box3bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}
.problemBox .box4 {
	width: 17%;
	background: url("../images/box4bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}
.problemBox .box5 {
	width: 16%;
	background: url("../images/box5bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}
.problemBox .box6 {
	width: 16%;
	background: url("../images/box6bg.jpg") no-repeat left top;
	background-size: 100% 100%;
}
.problemBox .box .forward {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: #fff;
}
.problemBox .box .forward .con {
	text-align: center;
}
.problemBox .box .forward .line {
	width: 20px;
	height: 4px;
	display: inline-block;
	background: #fff;
	margin-top: 28px;
	margin-bottom: 18px;
}
.problemBox .box .forward .icon {
	display: inline-block;
	height: 42px;
}
.problemBox .box .forward p {
	width: 100%;
	text-align: center;
}
.problemBox  .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.problemBox   .mask .bg.other-bg {
	opacity: .5;
	filter: alpha(opacity=88);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(88));
}
.problemBox .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161a1d;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
	transition: all .4s cubic-bezier(.4,0,.2,1);
	cursor: pointer;
}
.problemBox .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4,0,.2,1);
	text-align: center;
}
.problemBox .mask .content .item-img-panel {
	position: relative;
	width: 25%;
	height: 54px;
	display: inline-block;
}
.problemBox .mask .content .item-img-panel img{
	height: 100%;
	display: inline-block;
}
.problemBox .mask .content .line-panel {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.problemBox .mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.problemBox .box:hover .mask .content .line-panel .item-line{
	opacity: 0;
}
.problemBox .mask .content .item-title {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: 700;
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.problemBox .mask .content .item-desc,
.problemBox .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.problemBox .mask .content .item-desc,
.problemBox .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.problemBox .mask .content .item-img-panel {
	height: 32px;
	text-align: center;
}
.problemBox .mask .content .item-img-panel img {
	width: auto !important;
	display: inline-block !important;
}
.problemBox .mask .content .item-img-panel .item-img,
.problemBox .mask .content .item-img-panel .item-img-hover {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.problemBox .box:hover .bg {
	background: #009FE8;
	opacity: .6;
	filter: alpha(opacity=70);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}
.problemBox  .box:hover .content {
	top: 13%;
}
.problemBox .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0 23px;
	line-height: 24px;
	height: 72px;
}
.problemBox  .box:hover .content .item-desc {
	margin-top: 22px;
}
.problemBox  .box:hover .content .item-desc,
.problemBox  .box:hover .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.problemBox .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px;
	cursor: pointer;
}
.problemBox .mask .content .item-link:hover {
	color: #009FE8;
	background: #fff;
}
.problemBox .box:hover .content .item-link {
	margin-top: 14%;
}
/*校友+*/
.u-index-alumnus {
	height: 247px;
	overflow: hidden;
	background: -webkit-linear-gradient(#00a0e9, #0067ef); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#00a0e9, #0067ef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#00a0e9, #0067ef); /* Firefox 3.6 - 15 */
	background: linear-gradient(#00a0e9, #0067ef); /* 标准的语法 */
}
.alumnus-bg {
	width: 100%;
	height: 100%;
	background: url("../images/index-box-bg4.png") no-repeat center bottom;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	overflow: hidden;
}


/*产品咨询*/
.advice-con{
	line-height: 33px;
	padding-top: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 70px;
	left:0;
}
.advice-con h2 {
	font-weight: normal !important;
	font-size: 24px;
}
.advice-con .register-a {
	display: block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	color: rgba(255,255,255,1);
	margin: 0 auto;
	transition: background-color linear .2s;
	-webkit-transition: background-color linear .2s;
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 5px;
}
.advice-con .register-a:hover {
	background: #fff;
	color: #009FE8;
}

.device-display-none {
	display: none;
}

/*首页底部*/
.footerTop {
	width: 100%;
	background: #373d41;
	color: rgba(255,255,255,1);
	padding-bottom: 30px;
}
.footerTop a {
	color: rgba(255,255,255,.5);
}
.footerTop .pro-box {
	max-width: 1150px;
	margin: 0 auto;
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
}
.footerTop .pro-box>ul {
	float: left;
	margin-right: 80px;
}

.footerTop .onlineService {
	background: url("../images/tel.png") no-repeat left top;
	background-size: 53px;
	padding-left: 70px;
}
.footerTop .pro-box>ul.onlineService>li.title {
	margin-bottom: 5px!important;
}
.footerTop  .title {
	font-size: 18px;
}
.footerTop  .pro-box>ul>li {
	margin-bottom: 10px;
}
.footerTop  .producefooter {
	width: 200px;
}
.footerTop  .producefooter>li {
	float: left;
}
.footerTop  .producefooter>li:nth-child(even) {
	width: 105px;
}
.footerTop  .producefooter>li.title {
	width: 100%;

}
.footerTop ul.conatct>li.con,.footerTop ul.producefooter>li.con{
	color: rgba(255,255,255,.5);
	margin-bottom: 0;
	line-height: 2.4;
}
.footerTop ul.conatct {
	margin-right: 0;
}
.conatct  li.title {
	color: rgba(255,255,255,1);
}
.footerBottom {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #000;
	color: rgba(255,255,255,.8);
}
.footerBottom .pro-box {
	max-width: 1150px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
    line-height: 60px;
    text-align: center;
}
.footerBottom .share {
    float: left;
}
.footerBottom a {

}
/*.footerBottom a.wechat {*/
    /*background: url(../images/wechat_bottom.png) no-repeat;*/
/*}*/
/*.footerBottom a.weibo {*/
    /*background: url(../images/weibo_bottom.png) no-repeat;*/
/*}*/
/*.footerBottom a.moment {*/
    /*background: url(../images/moment_bottom.png) no-repeat;*/
/*}*/
/*.social-share .social-share-icon {*/
    /*border: none;*/
/*}*/
/*.social-share .icon-weibo,*/
/*.social-share .icon-qq,*/
/*.social-share .icon-wechat{*/
    /*color: #999999 !important;*/
    /*border: none !important;*/
/*}*/
/*.social-share .share-icon {*/
    /*width: 27px;*/
    /*height: 23px;*/
    /*display: inline-block;*/
    /*float: left;*/
/*}*/
/*.social-share .icon-qq:before ,*/
/*.social-share .icon-weibo:before,*/
/*.social-share .icon-wechat:before{*/
    /*content: ' ' !important;*/
/*}*/
/*.social-share .social-share-icon {*/
    /*border: none;*/
/*}*/
/*.social-share .social-share-icon:hover {*/
    /*background: none !important;*/
/*}*/

/*.social-share .icon-qq,*/
/*.social-share .icon-qq:hover{*/
    /*background: url(../images/wechat_bottom.png) no-repeat !important;*/
    /*background-size: 100%;*/
/*}*/
/*.social-share .icon-weibo,*/
/*.social-share .icon-weibo:hover{*/
    /*background: url(../images/weibo_bottom.png) no-repeat  left center  !important;*/
    /*background-size: 100%;*/
/*}*/
/*.social-share .icon-wechat ,*/
/*.social-share .icon-wechat:hover{*/
    /*background: url(../images/wechat_bottom.png) no-repeat left center !important;*/
    /*background-size: 100% 100%;*/
/*}*/
/*.social-share .icon-qq ,*/
/*.social-share .icon-qq:hover{*/
    /*background: url(../images/qq_bottom.png) no-repeat left center !important;*/
    /*background-size: 100% 100%;*/
/*}*/
.phone-footer {
    background: #fff;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0;
}
.phone-footer .box {
    width: 93%;
    margin: 0 auto;
}
.phone-footer p {
    font-size: 13px;
    margin-bottom:5px;
    color: #4c4c4c;
}
.phone-copy {
    border-top: 1px solid #f5f5f5;
    text-align: center;
    font-size: 13px;
    color: #4c4c4c;
    background: #fff;
    padding: 15px 0;
    line-height: 1.8;
}
.phone-footer .location {
    color: #009FE8;
    margin-left: 10px;
}
.social-share .social-share-icon ,
.social-share .social-share-icon:hover {
    color: #999 !important;
    border:none !important;
    background: none !important;
}
.social-share a {
    margin: 0 !important;
}
.social-share .icon-wechat .wechat-qrcode,
.social-share .icon-wechat .wechat-qrcode .help p,
.social-share .icon-wechat .wechat-qrcode h4{
    font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important;
    font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 0 0 transparent !important;
}
.social-share {
     -webkit-text-stroke-width: 0 !important;
}


/*关于我们*/
.contactContent {
}
.contactContent  .box1 {
    padding-bottom: 66px;
    max-width: 1150px;
    margin: 0 auto;
}
.contactContent  .box1 .title{
    text-align: left;
    margin-bottom: 0;
    color: #5f6367;
    font-size: 14px;
    display: block;
    line-height: 2;
	text-indent: 32px;
}
.contactContent .welfare .welfarebox {
    width: 33.33%;
    float: left;
}
.contactContent .welfare .welfarebox  span.img-box {
    display: block;
    width: 70px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 38px;
    margin-top: 62px;
}
.contactContent .welfare .welfarebox span.img-box img {
	max-width: 100%;
	max-height: 100%;
}
.contactContent .welfare .welfarebox   h4 {
    color: #009FE8;
    font-size: 20px;
    text-align: center;
    padding: 5px 10px;
}
.contactContent .welfare .welfarebox  p {
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
}

.contactContent .welfare .welfarebox2 {
    width: 25%;
    float: left;
}
.contactContent .welfare .welfarebox2  span.img-box {
    display: block;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 38px;
    margin-top: 62px;
}
.contactContent .welfare .welfarebox2 span.img-box img {
	max-width: 100%;
	max-height: 100%;
}
.contactContent .welfare .welfarebox2   h4 {
    color: #009FE8;
    font-size: 20px;
    text-align: center;
    padding: 5px 10px;
}
.contactContent .welfare .welfarebox2  p {
    padding: 10px 20px;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
}


.contactContent .box2 {
    background: #009FE8;
    color: #fff;
    padding-top: 76px;
    padding-bottom: 76px;
}
.contactContent .box2 h1.index-h1 {
    color: #fff;
}
.contactContent .box2 p.index-intro{
    color: #fff;
}
.contactContent  .box3 {
    background: #fff;
    padding-top: 76px;
    padding-bottom: 76px;
}
.contactContent  .box4 {
    background: #fff;
    padding-top: 0px;
    padding-bottom: 38px;
}
.contactContent .pro-con {
    max-width: 1150px;
    margin: 0 auto;
}
.contactContent  .box3 .culture {
    float: left;
    height: 300px;
    padding: 4% 2%;
    text-align: center;
    position: relative;
}
.contactContent  .box3 .grey {
    background: #f5f5f5;
}
.contactContent  .box3 .black {
    background: #009FE8;
    color: #fff;
}
.contactContent  .box3 .culture1 {
    width: 25%;
}
.contactContent  .box3 .culture2 {
    width:50%;
}
.contactContent  .box3 .culture .num {
    font-size: 120px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.contactContent  .box3 .culture .s {
    color: #333333;
    font-size: 20px;
    line-height: 1;
    padding-top: 13px;
    line-height: 1;
    width: 68px;
    position: absolute;
    right: 0;
    bottom: 13px;
    z-index: 2;
    background: #fff;
}
.contactContent  .box3  .grey .s {
    background: #f5f5f5;
}
.contactContent  .box3 .black .s{
    background: #009FE8;
    color: #fff;
}
.contactContent  .box3 .des {
    margin-top: 30px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.contactContent .box3 .culture.black .num {
    color: #fff;
}
.contactContent  .box3 .culture.black .des {
  color: #fff;
}

.contactContent  .box4 .culture {
    float: left;
    height: 300px;
    padding: 4% 2%;
    text-align: center;
    position: relative;
}
.contactContent  .box4 .grey {
    background: #f5f5f5;
}
.contactContent  .box4 .black {
    background: #009FE8;
    color: #fff;
}
.contactContent  .box4 .culture1 {
    width: 25%;
}
.contactContent  .box4 .culture2 {
    width:50%;
}
.contactContent  .box4 .culture .num {
    font-size: 120px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.contactContent  .box4 .culture .s {
    color: #333333;
    font-size: 20px;
    line-height: 1;
    padding-top: 13px;
    line-height: 1;
    width: 68px;
    position: absolute;
    right: 0;
    bottom: 13px;
    z-index: 2;
    background: #fff;
}
.contactContent  .box4  .grey .s {
    background: #f5f5f5;
}
.contactContent  .box4 .black .s{
    background: #009FE8;
    color: #fff;
}
.contactContent  .box4 .des {
    margin-top: 30px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}
.contactContent .box4 .culture.black .num {
    color: #fff;
}
.contactContent  .box4 .culture.black .des {
  color: #fff;
}

.newsendPage {
	padding-top: 80px;
}

/*服务*/
.preSales {
	width: 100%;
	background: #fff;
}
.preSales .dhinner {
	max-width: 1150px;
	margin: 0 auto;
	padding-top: 76px;
	padding-bottom: 76px;
	position: relative;
}
.preSales .dhinner .hd {
	text-align: center;
}
.preSales .dhinner .hdbox {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding-bottom: 67px;
}
.preSales .dhinner .hd .icon {
	float: left;
	width: 93px;
	height: 78px;
	margin-top: 18px;
	margin-right: 10px;
}
.preSales .dhinner .hd .icon img {
	width: 100%;
	display: block;
}
.preSales  .dhinner .hd .tit {
	float: left;
	height: 92px;
	padding-left: 42px;
	padding-top: 30px;
	background-size: 46px 120px;
}
.preSales .dhinner .hd .tit h2 {
	font-size: 24px;
	color: #373d41;
	line-height: 38px;
	font-weight: 400;
}
.preSales .dhinner .dhinner .hd .tit p {
	font-size: 14px;
	color: #777f84;
	line-height: 28px;
}
.preSales  .dhinner .bd .dh {
	float: left;
	width: 32%;
	overflow: hidden;
	border: 1px solid #e2e3e8;
	margin-right: 2%;
	padding-bottom:26px;
}
.preSales  .dhinner .bd .dh:nth-child(3n) {
	margin-right: 0;
}
.preSales .dhinner .bd .dh .pic {
	width: 100%;
	margin-bottom: 20px;
}
.preSales .dhinner  .bd .dh .pic img {
	width: 100%;
}
.preSales .dhinner .bd .dh h3 {
	font-size: 18px;
	color: #222;
	line-height: 28px;
	text-align: center;
	font-weight: 400;
	padding: 0 20px;
}
.preSales .dhinner .bd .dh h4 {
	font-size: 12px;
	color: #999;
	line-height: 18px;
	font-weight: 400;
	text-align: center;
	padding: 0 20px;
}
.preSales .dhinner .hd {
	padding-bottom: 67px;
}
.productPage  .produceBox{
	margin-bottom: 54px;
}

/*方案*/
.solute {
	max-width: 1150px;
	margin: 0 auto;
}
.solute .solutebox {
	width: 33.33%;
	float: left;
	margin-bottom: 54px;
}
.solute .solutebox:nth-child(3n+2) {
	text-align: center;
}
.solute .solutebox:nth-child(3n+3) {
	text-align: right;
}
.solute .solutebox .box {
	background: #fff;
	width: 92%;
	display: inline-block;
}

.solute .solutebox img {
	width: 100%;
	display: block;
}
.solute .solutebox .con {
	box-sizing: border-box;
	padding: 18px 20px;
}
.solute .solutebox .title {
	color: #222;
	font-size: 18px;
}
.solute .solutebox .intro {
	font-size: 13px;
	color: #999;
	margin-top: 6px;
	line-height: 22px;
}

.afterSales {
	background: #f6f6f6;
	padding: 76px 0;
}
.serviceAfter {
	max-width: 1150px;
	margin: 0 auto;
}
.serviceAfter .itemBox {
	height: 325px;
	width: 25%;
	float: left;
}
.serviceAfter .itemBox  .box {
	width: 86%;
	background: #fff;
	height: 100%;
	text-align: center;
}
.serviceAfter .itemBox  .box:hover {
	background: #009FE8;
}
.serviceAfter .itemBox i {
	width: 66px;
	height: 60px;
	display: inline-block;
	margin-top: 50px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.serviceAfter .itemBox i.i1 {
	background: url('../images/serviceicon1.png') no-repeat;
	background-size: 100%;
}
.serviceAfter .itemBox i.i2 {
	background: url('../images/serviceicon2.png') no-repeat;
	background-size: 100%;
}
.serviceAfter .itemBox i.i3 {
	background: url('../images/serviceicon3.png') no-repeat;
	background-size: 100%;
}
.serviceAfter .itemBox i.i4 {
	background: url('../images/serviceicon4.png') no-repeat;
	background-size: 100%;
}
.serviceAfter  .itemBox:hover i {
	background-position: 0 -60px;
}
.serviceAfter .itemBox .text {
	color: #333333;
	font-size: 20px;
	line-height: 1;
	margin: 40px 0 15px;
}
.serviceAfter .itemBox  .box:hover .text,
.serviceAfter .itemBox  .box:hover p,
.serviceAfter .itemBox  .box:hover  a{
	color: #fff;
}
.serviceAfter .itemBox p {
	color: #999;
	font-size: 12px;
	box-sizing: border-box;
	padding: 0 4%;
}
.serviceAfter .itemBox .intro {
	line-height: 22px;
}
.serviceAfter .itemBox  a {
	width: 160px;
	height: 40px;
	line-height: 40px;
	color: #808080;
	text-align: center;
	font-size: 12px;
	border: 1px solid #dddddd;
	display: inline-block;
	margin-top: 25px;
}
.afterSales  p.index-intro {
	margin-bottom: 67px;
}

.pages2 {
	background: none;
}
.solutebox .button a {
	width: 160px;
	height: 40px;
	line-height: 40px;
	color: #808080;
	text-align: center;
	font-size: 12px;
	border: 1px solid #dddddd;
	display: inline-block;
	margin-bottom: 15px;
}
.solutebox .button a:hover {
	background: #009FE8;
	color: #fff;
	border: 1px solid #009FE8;
}
.solutebox .button {
	margin-top: 20px;
}

.newsNew {
	margin-bottom: 44px;
}
.newsNew li {
	border-bottom: 1px solid #d0d3d4;
	padding-top: 46px;
	padding-bottom: 46px;
}
.newsNew li:first-child {
	padding-top: 0;
}
.newsNew li a {
	width: 100%;
	-webkit-box-align: start;
}
.newsNew li img {
	width: 240px;
	height: 146px;
	margin-right: 50px;
	display: block;
}
.newsNew .new-right {
}
.newsNew .new-right h2 {
	font-size: 22px;
	color: #373d41;
	line-height: 1.6;
}
.newsNew .new-info {
	color: #373d41;
	padding: 14px 0 18px 0;
}
.newsNew li p, .newsNew .emp-con span {
	font-size: 14px;
	color: #2b2b2b;
}
.newsNew .new-con {
	color: #565656;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.article-con {
	overflow: hidden;
	/*word-break:break-all;*/
}
.produceBox .detail-link a{
	color: #666;
	border:1px solid #ccc;
	padding:5px 25px;}
.produceBox .detail-link a:hover {
    background: #0081FF;
    color: #fff;
}
#SmartU{
	color: #666;
	border:1px solid #ccc;
	padding:5px 25px;
}
.produce .detail .detail-link #SmartU:hover {
    background: #0081FF;
    color: #fff;
}
#OperateU{
	color: #85C023;
	border:1px solid #85C023;
}
.produce .detail .detail-link #OperateU:hover {
    background: #85C023;
    color: #fff;
}
#DonateU{
	color: #EE7500;
	border:1px solid #EE7500;
}
.produce .detail .detail-link #DonateU:hover {
    background: #EE7500;
    color: #fff;
}
#DataU{
	color: #FFC800;
	border:1px solid #FFC800;
}
.produce .detail .detail-link #DataU:hover {
    background: #FFC800;
    color: #fff;
}
#ShopU{
	color: #3E2474;
	border:1px solid #3E2474;
}
.produce .detail .detail-link #ShopU:hover {
    background: #3E2474;
    color: #fff;
}
#CardU{
	color: #00A293;
	border:1px solid #00A293;
}
.produce .detail .detail-link #CardU:hover {
    background: #00A293;
    color: #fff;
}
#AnniversaryU{
	color: #EF845D;
	border:1px solid #EF845D;
}
.produce .detail .detail-link #AnniversaryU:hover {
    background: #EF845D;
    color: #fff;
}
#HomecomingU{
	color: #DA4561;
	border:1px solid #DA4561;
}
.produce .detail .detail-link #HomecomingU:hover {
    background: #DA4561;
    color: #fff;
}