html {
	-webkit-user-select: auto;
	-webkit-touch-callout: auto;
}
body{
	cursor:auto;
}

.ws-min-width{
	max-width:1000px !important;
	margin:0 auto;
}
.img-hundred-width{
	width:100%;
}


a{
	cursor:pointer;
}
p{
	margin:0;
}

.article-content img{
	width:100%;
	display:block;
	margin:8px auto;
}

.text-yellow{
	color:#f4ac00;
}
.text-orange{
	color:#ff7510;
}
.text-red{
	color:#ea5045;
}
.text-green{
	color:#74b90b;
}
.text-wine{
	color:#cb3d73;
}
.text-red{
	color:#ed7a73;
}
.text-black{
	color:#666;
}

.text-blue{
	color:#2885e2;
}
.text-blue-force{
	color:#2885e2 !important;
}
.text-white{
	color:#fff;
}
.text-white-force{
	color:#fff !important;
}
.text-gray{
	color:#6e6e6e;
}
.text-gray-force{
	color:#6e6e6e !important;
}


.bg-blue{
	background-color:#2885e2;
}
.bg-blue-force{
	background-color:#2885e2 !important;
}
.bg-yellow{
	background-color:#ffe614;
}
.bg-yellow-force{
	background-color:#ffe614 !important;
}
.bg-white{
	background-color:#fff;
}
.bg-white-force{
	background-color:#fff !important;
}

.img-hwidth{
	width:100%;
	position:relative;
	z-index:2;
}

.icon-lg{
	font-size:1.4em;
}
.icon-xlg{
	font-size:1.8em;
}
.icon-2x{
	font-size:2em;
}
.icon-3x{
	font-size:3em;
	vertical-align:-20%;
}
.icon-4x{
	font-size:4em;
}

.icon-hao-middle{
	vertical-align:-6%;
}

.icon-lg>.icon-word-middle{
	vertical-align:6%;
	font-size:.6em;
}

.with-transition{
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-moz-transition:all 300ms;
	-ms-transition:all 300ms;
	transition:all 300ms;
}

/* head navigation */
.head-nav-wrap{
	position:relative;
	top:0;
	left:0;
	padding:0 0 6px 0;
	width:100%;
/* 	height:48px; */
	background:#fff;

}
.head-nav-wrap.hnw-fix{
	position:fixed;
	-webkit-box-shadow:0 1px 10px -2px #666;
	-o-box-shadow:0 1px 10px -2px #666;
	-moz-box-shadow:0 1px 10px -2px #666;
	-ms-box-shadow:0 1px 10px -2px #666;
	box-shadow:0 1px 10px -2px #666;
	z-index:10;
}
.head-nav{
	margin:0 auto;
	width:1000px;
}
.head-logo{
	margin:6px 0 0 5px;
	height:36px;
	width:137px;
	display:block;
	float:left;
}
.hnl-item{
	float:left;
	width:14.2857%;
}
.hn-list{
	display:block;
	width:670px;
	margin:10px 0 0 0;
	float:left;
}
.hnli-cell{
	display:block;
	border-right:1px solid #d1d0d0;
	color:#6e6e6e;
}
.hnli-cell:link,
.hnli-cell:visited,
.hnli-cell:hover,
.hnli-cell:active{
	color:#6e6e6e;
}
.hnli-cell.last-cell{
	border-right:none;
}
.hnlic-title{
	width:60%;
	text-align:center;
	margin:0 auto;
	padding:1px 0;
}
.hnlic-title.active{
	background:#2885e2;
	color:#fff;
}
.head-phone{
	display:block;
	float:left;
	margin:14px 0 0 8px;
}
.head-phone-snd{
	display:none;
	float:right;
}

/* head navigation end */

/* index swipe style */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.gallery-wrap {
  overflow: hidden;
  position: relative;
}
.gallery-item{
  float:left;
  width:100%;
  position: relative;
}
.gallery-img{
	width:100%;
}
.pager-wrap{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.pager{
	display:inline-block;
}
.pager-item{
	width:15px;
	height:5px;
	margin:0 5px 0 0;
	float:left;
	background:#333;
}
.pager-item.active{
	background:#efefef;
}

.bg-pager-list{
	display:block;
	position:absolute;
	bottom:0;
	margin:10px 0;
	right:10px;
}
.bg-pager-list li{
	width:14px;
	height:14px;
	border-radius:50%;
	cursor:pointer;
	margin:0 10px 0 0;
}
#entSlider .pager-wrap,
#govSlider .pager-wrap{
	bottom:-25px;
}
/* index swipe style end */

/* index title style */
.common-c-title-wrap{
	position:relative;
	text-align:center;
}
.common-c-title{
	position:absolute;
	bottom:20px;
	left:5%;
	width:90%;
	border-bottom:1px solid #dddddd;
	z-index:-1;
}
.cct-cell{
	background:#fff;
	padding:8px 30px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}

.common-l-title-wrap{
	background:#fff;
	padding:18px 0;
}
.common-l-title{
	border-bottom:1px solid #d5d5d5;
	width:100%;
	margin:0 auto;
}
.clt-cell{
	border-bottom:4px solid #d5d5d5;
	padding:4px 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
/* index title style end */

/* index banner section */
.img-main-banner{
	width:100%;
}
/* index banner section end */

/* index about us */
.about-us-wrap{
	background:#f5f5f5 url(../../image/home/light_bg.jpg) repeat;
	padding:20px 0;
	position:relative;
	overflow:hidden;
}

.img-au-circle{
	position:relative;
	display:block;
	margin:0 auto;
	width:250px;
	height:auto;
}



.teams{
	font-weight:700;
	position:absolute;
	font-size:1.2em;
	-webkit-text-shadow:0 0 1px #666;
	-o-text-shadow:0 0 1px #666;
	-moz-text-shadow:0 0 1px #666;
	-ms-text-shadow:0 0 1px #666;
	text-shadow:0 0 1px #666;
}
.eu-team{
	left: 30%;
    top: 14%;
}
.app-team{
	left: 61%;
    top: 14%;
}
.be-team{
	top: 40%;
    left: 26%;
}
.ui-team{
	top: 65%;
    left: 31%;
}
.we-team{
	top: 36%;
    left: 46%;
}
.pt-team{
	top: 65%;
    left: 61%;
}
.ts-team{
	top: 40%;
    left: 64%;
}


.color-corner{
	position:absolute;
	top:0;
	left:0;
}
.cc-lg{
	font-size:1.8em;
}
.cc-2x{
	font-size:3.4em;
}



@media all and (max-width:970px){
	.img-au-circle{
		width:200px;
	}
}
@media all and (max-width:850px){
	.img-au-circle{
		width:100px;
		margin:0 auto;
	}
	.teams{
		position: relative;
		display: block;
		left: 0;
		padding: 8px;
	}
}

/* 	index about us end */

/* index classic cases section */
.index-case-wrap{
	position:relative;
	padding:16px 0;
}
.case-tab-wrap{
	float:left;
	width:70%;
}
.case-topten-wrap{
	float:left;
	width:30%;
}
.ic-title-wrap{
	position:relative;
	z-index:1;
	padding:4px 0;
}
.ic-title{
	position:relative;
	z-index:3;
	left:0;
	top:0;
	background:#fff;
	padding:0 12px;
}
.ic-title-line{
	border-top:1px solid #ccc;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	z-index:2;
}
.topten-list{
	margin-top:10px;
	border-left:2px solid #D2D2D2;
	max-height:483px;
}
.case-tab{
	margin-top:7px;
	overflow:hidden;
}

.ttl-item{
	cursor:pointer;
}
.ttli-cell{
	background: rgba(251,251,251,1);
	background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,251,251,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(251,251,251,1) 0%, rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f2f2f2', GradientType=0 );

	border-bottom:1px solid #E4E4E4;
	padding:7px 0;
	font-size:.8em;
}
.ttlic-detail{
	padding:10px 0 9px 0;
	display:none;
}
.img-ttlic-detail{
	display:block;
	width:60px;
	height:60px;
	margin:8px auto 4px auto;
	box-shadow:0 0 10px -1px #666;
	border-radius:8px;
}
.btn-ttlic-down{
	padding:2px 12px;
	border:0;
	border-radius:0;
	background:#4C8DD0;
}
.ttlic-detail-downcount{
	margin-bottom:20px;
}
.case-tab-nav-list{
	float:left;
	width:20%;
}
.ctnl-item{
	background:#fff;
	cursor:pointer;
	border-right:1px solid #E9E9EB;
	border-bottom:1px solid #E9E9EB;
	color:#A0A0A0;
	padding:40px 0;
}
.ctnl-item.active{
	background:#F5F5F5;
	border-right:1px solid #F5F5F5;
}
.ctnl-item.active i{
	color:#4C8CD0;
}
.case-tab-content{
	float:left;
	width:80%;
	background:#F5F5F5;
	position:relative;
}
.case-tab-section{
	min-height:200px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#F5F5F5;
	display:none;
	overflow:hidden;
}
.cts-link{
	display:block;
/* 	padding:8px 0 0 0; */
	color:#666;
}
.cts-link:link,
.cts-link:hover,
.cts-link:visited,
.cts-link:active{
	color:#666;
}

.cts-link .img-ttlic-detail{
	margin:0 auto 8px auto;
}

.img-sp-case,
.img-sp-case,
.img-sp-case,
.img-sp-case{
	display:block;
	margin:0 auto;
	min-height:50px;
	width:100%;
}

.gallery-content{
	height:1px;
	overflow:hidden;
}
.gc-scroller{
	position:relative;
	-webkit-transition:top 300ms;
	-moz-transition:top 300ms;
	-o-transition:top 300ms;
	-ms-transition:top 300ms;
	transition:top 300ms;
	top:0;
}
.btn-gc-icon{
	border-radius:50%;
	border:0;
	width:40px;
	height:40px;
	padding:0;
	text-align:center;
	margin:5px 0;
	background:#4C8CD0;
}
.btn-gc-icon:last-child{
	margin-left:4em;
}
.btn-gc-icon:active,
.btn-gc-icon:focus{
	outline:0 !important;
}
.icon-ct-nav{
	font-size:3em;
}
.half-h-wrap{
	position:relative;
	height:50%;
}
.img-sp-case{
	height:50%;
}


.classic-case-nav{
	padding:8px 0;
}
.clc-nav-list{
	max-width:480px;
	margin:0 auto;
}
.clcn-item{
	float:left;
	width:33.333%;
	text-align:center;
}
.clcn-item-cell{
	display:inline-block;
	*display:inline;
	*zoom:1;

	cursor:pointer;
	border:1px solid #1982b7;
	padding:4px 14px;
	color:#1982b7;
	position:relative;
	overflow:visible;
	font-size:.8em;
}
.clcn-item-cell:hover{
	background:#1982b7;
	color:#efefef;
}
.clcn-item-cell:hover:after{
	background:#1982b7;

}
.clcn-item-cell:after{
	content:'';
	display:none;
	bottom:-6px;
	left:50%;
	margin-left:-5px;
	position:absolute;
	width:10px;
	height:10px;
	border:1px solid #1982b7;
	border-top:0;
	border-left:0;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	background:#fff;
}
.clcn-item-cell.active:after{
	display:block;
}

.case-cell{
	display:block;
	color:#666;
	cursor:pointer;
	border:1px solid #eef0f0;
	border-radius:2px;
	margin-bottom:12px;
	padding:8px;
}

.gallery-item .container-fluid{
	width:92%;
}
.swipe-nav{
	position:absolute;
	width:40px;
	height:40px;
	top:50%;
	margin-top:-20px;
	border-radius:50%;
	border:2px solid #dcdbdb;
	background:#258ff8;
	color:#fff;

	font-size:1.4em;
	line-height:1.8em;
	overflow:hidden;
	cursor:pointer;
}
.swipe-nav:hover{
	background:#dcdbdb;
	border:2px solid #258ff8;
	color:#258ff8;
}
.swipe-nav-left{
	left:0;
	padding:0 0 0 4px;
}
.swipe-nav-right{
	right:0;
	padding:0 0 0 8px;
}
.col-case-img,
.col-case-caption{
	float:left;
	width:50%;
}
.col-case-caption>p{
	line-height:1.6em;
	height:79px;
	overflow:hidden;
}

.img-case-cell-wrap{
	width:80px;
	margin:0 auto;
	position:relative;
}
.img-case-cell-caption{
	background:#011e3c;
	color:#fff;
	position:absolute;
	bottom:15px;
	right:-8px;
	padding:0 4px;
	font-size:.8em;
	opacity:0;
}
.img-case-cell-wrap:hover .img-case-cell-caption{
	opacity:1;
	-webkit-transform:translate(-4px, 0);
}
.case-cell-caption{
	text-align:center;
}

.img-case-cell{
	border-radius:4px;
	width:80px;
	height:80px;
	border:1px solid #afafaf;
}


/* index classic cases section end */

/* index trend section */
.trend-wrap{
	background:#f5f5f5 url(../../image/home/light_bg.jpg) repeat;
	padding:20px 0;
}
.trend-cell{
	max-width:240px;
	margin:10px auto 0 auto;
}
.img-trend-cell{
	height:128px;
	max-hieght:200px;
}
.tc-caption{
	height:40px;
	display:block;
	margin-bottom:8px;
	overflow:hidden;
}
/* index trend section end */

/* common more button */
.common-more-button{
	display:inline-block;
	*display:inline;
	*zoom:1;

	padding:2px 10px 4px 10px;
	background:#011e3c;
	color:#fff;
}
.common-more-button:link,
.common-more-button:visited{
	background:#011e3c;
	color:#fff;
}
.common-more-button:hover,
.common-more-button:active{
	background:#efefef;
	color:#011e3c;
}
.cmb-lg{
	padding:3px 24px 8px 24px
}
/* common more button end */

/* cooperative client */
.coopclient-wrap{
	padding:20px 0 60px 0;
}
.coopclient-wrap>img{
	width:100%;
	margin:0 auto;
}
/* cooperative client end */

/* shengjie target */
.sj-traget-wrap{
	background:#f5f5f5 url(../../image/home/light_bg.jpg) repeat;
	padding:20px 0;
}
.st-article-content{
	line-height:1.5em;
	position:relative;
}
.stac-more{
	float:right;
}
.img-sjtarget-wrap{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:14px;
	position:relative;
	min-height:100px;
	min-width:100px;
}
.img-sjtarget{
	width:200px;
	height:150px;
}
.target-corner{
	position:absolute;
	border:4px solid #258ff8;
	width:36px;
	height:32px;
}
.tc-tl{
	top:0;
	left:0;
	border-right:none;
	border-bottom:none;
}
.tc-tr{
	top:0;
	right:0;
	border-left:none;
	border-bottom:none;
}
.tc-bl{
	bottom:0;
	left:0;
	border-top:none;
	border-right:none;
}
.tc-br{
	bottom:0;
	right:0;
	border-left:none;
	border-top:none;
}
/* shengjie target end */

/* footer  */
.footer-wrap{
	width:100%;
	background-color:#3b3b3b;
	background-image:url('../../image/home/footer_bg.jpg');
	background-repeat:repeat;
	padding:30px 0 0 0;
	color:#fff;
}
.footer{
	max-width: 700px;
    margin: 0 auto;
}
.footer-list{
	border-right:1px solid #505050;
}
.footer-item{
	padding:2px 0;
	font-size:.8em;
}
.img-footer-logo{
	width:152px;
	height:40px;
	margin:0 0 10px 0;
}
.img-footer-qrcode{
	display:block;
	margin:0 auto;
	width:101px;
	height:100px;
}
.copyright-wrap{
	width:100%;
	text-align:center;
	background:#252525;
	background:rgba(0,0,0,.25);
	padding:4px 0;
}
.copyright{
	max-width: 700px;
    margin: 0 auto;
    font-size: .8em;
}

@media all and (max-width:767px){
	.footer-list{
		border-right:none;
	}
}

.video-wrap{
	position:fixed;
	display:inline-block;
	*display:inline;
	*zoom:1;
	right:0;
	bottom:0;
	z-index:80;
	width:25%;
}

.video-iframe{
	width:100%;
	max-height:240px;
}
.video-list{
	position:absolute;
	max-height:240px;
	overflow:hidden;
	left:-25px;
	background-color:#fff;
	border:1px solid #CCCCCC;
	border-radius:5px 5px 0 5px;

	border-bottom-color:#E5E5E5;
}
.video-list li{
	display:block;
	padding-left:6px;
	padding-right:6px;
	font-size:1.2em;
	transition:all 0.3s;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}
.video-list li:last-child{
	border-bottom:0;
}
.video-list li.active{
	background-color:rgba(234,234,234,1);
}
.video-list li:hover{
	background-color:rgba(234,234,234,0.8);
}

.video-title{
	position:absolute;
	top:-28px;
	left:-25px;
	width:111%;
	background-color:#fff;
	z-index:55;
	padding:2px;
	border:1px solid #E5E5E5;
	border-radius:5px;
	white-space:nowrap;
	text-align:center;
/*	text-overflow:ellipsis;*/
}
.video-title span{
	padding-left:22px;
	transition:all 0.5s;
}
.video-close{
	position:absolute;
	top:0;
	width:20px;
	height:20px;
}
.video-close:after{
	content:"✕";
	color:#000;
	font-size:1.2em;
	padding:0 2px;
	vertical-align:-0.2em;
	border-right:1px solid #ccc;
}
@media screen and (max-width:1000px){
	.video-wrap{
		width:30%;
	}
/*	.video-iframe,.video-list{
		max-height:200px;
	}*/
}

.help-wrap{
	position:fixed;
	display:inline-block;
	*display:inline;
	*zoom:1;
	left:0;
	top:60%;
	z-index:80;

}
.help-item{
  position: relative;
	padding:2px 0;
}
.hi-cell{
	opacity:0.5;
	display:block;
	width:50px;
	padding:5px 0;
	color:#fff;
	background:#666;
	overflow:hidden;
	text-align:center;
}
.hi-cell>ul{
	width:100px;
	x-webkit-transform:translate(-50%, 0);
}
.hi-cell.go-up{
	width:50px;
	padding:10px 0;
}
.wechat-wrap{
	position:absolute;
	left:60px;
	top:-40px;
	width:180px;
	background:#999;
	padding:5px;
	display:none;
}
.wechat-wrap:after{
	content:'';
	position:absolute;
	left:100%;
	top:60%;
	border:10px solid transparent;
	border-left:10px solid #999;
}
.wechat-wrap img{
	width:100%;
}
.hi-cell-col{
	width:50%;
	float:left;

}
.icon-p-fix{
	padding-top:5px;
}
.hi-cell:hover{
	background:#77B3EF;
	opacity:1;
}
.hi-cell:hover>ul{

	-webkit-transform:translate(-50%, 0);
}
.hi-cell:hover .wechat-wrap{
	display:block;
}
.hi-cell:active,
.hi-cell:hover,
.hi-cell:visited{
	color:#fff;
}
.help-item:last-child{
	display:none;
}
/* footer end */



/* inpage section common style */
.inpage-title-wrap{
	max-width:1000px;
	margin:0 auto;
	padding:20px 0;
	background:#f5f5f5 url(../../image/home/light_bg.jpg) repeat;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.inpage-title{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 15px;
}
.it-left-bar{
	border-bottom:1px solid #ccc;
	height:25px;
	width:100px;
	position:absolute;
	right:100%;
	top:0;
}
.it-right-bar{
	border-bottom:1px solid #ccc;
	height:25px;
	width:100px;
	position:absolute;
	left:100%;
	top:0;
}
.it-title{

}

.itt-top{
	padding:0 0 4px 0;
	text-shadow: rgb(218, 218, 218) 1px 1px,
    rgb(220, 220, 220) 2px 2px,
    rgb(222, 222, 222) 3px 3px,
    rgb(224, 224, 224) 4px 4px,
    rgb(227, 227, 227) 5px 5px,
    rgb(229, 229, 229) 6px 6px,
    rgb(231, 231, 231) 7px 7px,
    rgb(233, 233, 233) 8px 8px,
    rgb(236, 236, 236) 9px 9px,
    rgb(238, 238, 238) 10px 10px,
    rgb(240, 240, 240) 11px 11px,
    rgb(242, 242, 242) 12px 12px,
    rgb(245, 245, 245) 13px 13px;
}
.itt-bottom{
	padding:4px 0 0 0;
	text-shadow: rgb(218, 218, 218) 1px 1px,
    rgb(220, 220, 220) 2px 2px,
    rgb(222, 222, 222) 3px 3px,
    rgb(224, 224, 224) 4px 4px,
    rgb(227, 227, 227) 5px 5px,
    rgb(229, 229, 229) 6px 6px,
    rgb(231, 231, 231) 7px 7px,
    rgb(233, 233, 233) 8px 8px,
    rgb(236, 236, 236) 9px 9px,
    rgb(238, 238, 238) 10px 10px,
    rgb(240, 240, 240) 11px 11px,
    rgb(242, 242, 242) 12px 12px,
    rgb(245, 245, 245) 13px 13px;
}

.img-it-yb{
	float:left;
	width:60px;
	height:61px;
	margin-left:-1px;
}

.ip-nav-wrap{
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	padding:40px 0;
}
.ip-nav{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.ip-nav-item{
	float:left;

}
.ipni-cell{
	display:block;
	border:1px solid #011e3c;
	margin:-1px 0 0 -1px;
	color:#2885e2;
	padding:4px 10px;
	position:relative;
}

.ipni-cell:after{
	content:'';
	display:none;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-8px;
	border:8px solid transparent;
	border-top:8px solid #2885e2;
	z-index:2;
}
.ipni-cell.active{
	border:1px solid #2885e2;
	background:#2885e2;
	color:#fff;
	margin-left:0;
}
.ipni-cell.active:after{
	display:block;
}

.ip-sub-title{
	text-align:center;
	padding:0 0 20px 0;
}

.inpage-container{
	background:#f5f5f5 url(../../image/home/light_bg.jpg) repeat;
	padding:20px 0;
	position:relative;
	overflow:hidden;
}
.inpage-nobg{
	background:none;
}
.pagis{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.pagis-item{
	float:left;
}
.pagis-cell{
	border:1px solid #8a8a8a;
	display:block;
	padding:4px 12px;
	background:#258ff8;
	color:#fff;
	margin:4px 8px;
}
.pagis-cell.active{
	background:transparent;
	color:#666;
	border:0;
}

.pagis-cell:hover,
.pagis-cell:active{
	background:#e7e7e7;
	color:#aaaaaa;
}
.pagis-cell.active:hover,
.pagis-cell.active:active{
	background:transparent;
	color:#666;
}

.common-roadtip-title-wrap{

}
.common-roadtip-title{
	position:relative;
}
.crt-title{

}
.crt-title>i{
	font-size:2.5em;
}
.crt-line-bar{
	overflow: hidden;
    position: absolute;
    width: 80%;
    right: 0;
    bottom: 2px;
}
.crt-line{
	position:relative;
	overflow:visible;
	width:80%;
	float:right;
}
.crt-lb-corner{
	float:left;
	position:relative;
	width:30px;
	height:30px;
}
.crt-lb-corner:before{
	content:'';
	position:absolute;
	width:38px;
	height:38px;
	border:6px solid #fff;

	border-top:0;
	border-right:0;
	top:-4px;
	left:-20px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.crt-lb-corner.bg-blue:before{
	background:#2885e2;
}
.crt-lb-corner.bg-yellow:before{
	background:#ffe614;
}
.crt-lb-last-corner{
	float:right;
	margin-right:14px;
	border-right:6px solid #fff;
	height:30px;
}
/* inpage section common style end */

/* app list section */
.app-list{
	position:relative;
	overflow:hidden;
}
.app-cell{
	display:block;
	text-align:center;
	position:relative;
	color:#666;
	z-index:2;
	padding:20px 0;

}

.app-cell-sp img{
	height:100%;
}

.app-cell-sp{
	display:none;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	bottom:0;
	height:100%;
	width:100%;
	animation-direction:alternate;
	opacity:.3;
	-webkit-animation: appcellbg_inching infinite 10s linear;
	-moz-animation: appcellbg_inching infinite 10s linear;
	-o-animation: appcellbg_inching infinite 10s linear;
	-ms-animation: appcellbg_inching infinite 10s linear;
	animation: appcellbg_inching infinite 10s linear;
}
@-webkit-keyframes appcellbg_inching{
	0%{
		left:40%;
	}
	50%{
		left:20%;
	}
	100%{
		left:40%;
	}
}
@-moz-keyframes appcellbg_inching{
	0%{
		left:40%;
	}
	50%{
		left:20%;
	}
	100%{
		left:40%;
	}
}
@-o-keyframes appcellbg_inching{
	0%{
		left:40%;
	}
	50%{
		left:20%;
	}
	100%{
		left:40%;
	}
}
@-ms-keyframes appcellbg_inching{
	0%{
		left:40%;
	}
	50%{
		left:20%;
	}
	100%{
		left:40%;
	}
}
@keyframes appcellbg_inching{
	0%{
		left:40%;
	}
	50%{
		left:20%;
	}
	100%{
		left:40%;
	}
}
.app-cell-caption{
	/*
position:relative;
	z-index:2;
 */
}
.img-app-cell{
	width:60px;
	height:60px;
	/*
position:relative;
	z-index:2;
 */
}
.img-app-cell:hover{
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	-o-transform:scale(1.4);
	-ms-transform:scale(1.4);
	transform:scale(1.4);
}
/* app list section end */

/* app detail section */
.app-detail-caption{
	line-height:1.8em;
}
.img-app-detail{
	width:120px;
	height:120px;
}
.app-qr-wrap{
	position:relative;
	width:120px;
	height:120px;
	padding:10px;
	margin:0 auto;
}
.img-app-qr{
	width:100%;
}
.app-qr-corner{
	position:absolute;
	border:2px solid #258ff8;
	width:18px;
	height:16px;
}
.aq-tl{
	top:0;
	left:0;
	border-right:none;
	border-bottom:none;
}
.aq-tr{
	top:0;
	right:0;
	border-left:none;
	border-bottom:none;
}
.aq-bl{
	bottom:0;
	left:0;
	border-top:none;
	border-right:none;
}
.aq-br{
	bottom:0;
	right:0;
	border-left:none;
	border-top:none;
}
.btn-app-down{
	background:#177adc;
	box-shadow:0 1px 5px -1px #666;
	color:#fff;
}
.btn-ad-icon-wrap{
	background:#fff;
	border-radius:4px;
	padding:2px 4px 0 4px;
	margin-right:4px;
}
.img-app-gallery{
	width:100%;
	margin:8px auto;
	max-width:320px;
}
/* app detail section end */

/* case resolve section */
.fade-in-up{
	-webkit-animation:fadeInUp 300ms linear;
	-moz-animation:fadeInUp 300ms linear;
	-o-animation:fadeInUp 300ms linear;
	-ms-animation:fadeInUp 300ms linear;
	animation:fadeInUp 300ms linear;
}
.fade-in-left{
	-webkit-animation:fadeInLeft 300ms linear;
	-moz-animation:fadeInLeft 300ms linear;
	-o-animation:fadeInLeft 300ms linear;
	-ms-animation:fadeInLeft 300ms linear;
	animation:fadeInLeft 300ms linear;
}
.fade-in-right{
	-webkit-animation:fadeInRight 300ms linear;
	-moz-animation:fadeInRight 300ms linear;
	-o-animation:fadeInRight 300ms linear;
	-ms-animation:fadeInRight 300ms linear;
	animation:fadeInRight 300ms linear;
}

@-webkit-keyframes fadeInUp{
	from{
		opacity:0;
		-webkit-transform:translate(0, 10px);
	}
	to{
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
}
@-moz-keyframes fadeInUp{
	from{
		opacity:0;
		-moz-transform:translate(0, 10px);
	}
	to{
		opacity:1;
		-moz-transform:translate(0, 0);
	}
}
@-o-keyframes fadeInUp{
	from{
		opacity:0;
		-o-transform:translate(0, 10px);
	}
	to{
		opacity:1;
		-o-transform:translate(0, 0);
	}
}
@-ms-keyframes fadeInUp{
	from{
		opacity:0;
		-ms-transform:translate(0, 10px);
	}
	to{
		opacity:1;
		-ms-transform:translate(0, 0);
	}
}
@keyframes fadeInUp{
	from{
		opacity:0;
		transform:translate(0, 10px);
	}
	to{
		opacity:1;
		transform:translate(0, 0);
	}
}

@-webkit-keyframes fadeInLeft{
	from{
		opacity:0;
		-webkit-transform:translate(-10px, 0);
	}
	to{
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
}
@-moz-keyframes fadeInLeft{
	from{
		opacity:0;
		-moz-transform:translate(-10px, 0);
	}
	to{
		opacity:1;
		-moz-transform:translate(0, 0);
	}
}
@-o-keyframes fadeInLeft{
	from{
		opacity:0;
		-o-transform:translate(-10px, 0);
	}
	to{
		opacity:1;
		-o-transform:translate(0, 0);
	}
}
@-ms-keyframes fadeInLeft{
	from{
		opacity:0;
		-ms-transform:translate(-10px, 0);
	}
	to{
		opacity:1;
		-ms-transform:translate(0, 0);
	}
}
@keyframes fadeInLeft{
	from{
		opacity:0;
		transform:translate(-10px, 0);
	}
	to{
		opacity:1;
		transform:translate(0, 0);
	}
}

@-webkit-keyframes fadeInRight{
	from{
		opacity:0;
		-webkit-transform:translate(10px, 0);
	}
	to{
		opacity:1;
		-webkit-transform:translate(0, 0);
	}
}
@-moz-keyframes fadeInRight{
	from{
		opacity:0;
		-moz-transform:translate(10px, 0);
	}
	to{
		opacity:1;
		-moz-transform:translate(0, 0);
	}
}
@-o-keyframes fadeInRight{
	from{
		opacity:0;
		-o-transform:translate(10px, 0);
	}
	to{
		opacity:1;
		-o-transform:translate(0, 0);
	}
}
@-ms-keyframes fadeInRight{
	from{
		opacity:0;
		-ms-transform:translate(10px, 0);
	}
	to{
		opacity:1;
		-ms-transform:translate(0, 0);
	}
}
@keyframes fadeInRight{
	from{
		opacity:0;
		transform:translate(10px, 0);
	}
	to{
		opacity:1;
		transform:translate(0, 0);
	}
}
.cr-caption-l{
	padding:20px 0 20px 10px;
}
.cr-caption-r{
	padding:20px 0;
}
.cr-c-title{
	line-height:1.8em;
	letter-spacing:1px;
}
.cr-c-article{
	font-size:.8em;
	line-height:1.8em;
	letter-spacing:1px;
	padding:10px 0 0 0;
}
.img-cr01{
	width:100%;
	max-width:600px;
}
.img-cr02,
.img-cr03{
	width:100%;
	max-width:180px;
}
.img-cr04{
	float:left;
	width:60px;
}
.img-cr05{
	width:222px;
}
.img-cr-06,
.img-cr-07{
	width:100%;
	max-width:418px;
	margin-top:20px;
}
.cr-05-wrap{
	width:222px;
	position:relative;
	margin:0 auto;
}
.design-caption-0{
	position:absolute;
	left:30px;
	top:245px;
}
.design-caption-1{
	position: absolute;
    right: 30px;
    top: 130px;
    width: 150px;
}
.design-caption-2{
	position: absolute;
    right: 30px;
    top: 388px;
    width: 150px;
}
.nav-line-circle{
	border:2px solid #fff;
	background:#2885e2;
	width:10px;
	height:10px;
	border-radius:50%;
	float:left;
}
.nav-line-circle.right{
	float:right;
}
.nav-line{
	position:absolute;
	border-bottom:1px solid #2885e2;
	height:6px;
	width:100px;
}
.nav-line.line0{
	top:230px;
	left:-80px;
	width:150px;
}
.nav-line.line1{
	top:115px;
	right:-30px;
}
.nav-line.line2{
	top:373px;
	right:-30px;
}
/* case resolve section end */

/* sp case section */
.left-in,
.right-in,
.bottom-in,
.top-in{
	-webkit-transition:all 2600ms;
	-moz-transition:all 2600ms;
	-o-transition:all 2600ms;
	-ms-transition:all 2600ms;
	transition:all 2600ms;
	opacity:0;
}
.left-in.active,
.right-in.active,
.bottom-in.active,
.top-in.active{
	-webkit-transform:translate(0, 0);
	opacity:1;
}
.top-in{
	-webkit-transform:translate(0, -20px);
	-moz-transform:translate(0, -20px);
	-o-transform:translate(0, -20px);
	-ms-transform:translate(0, -20px);
	transform:translate(0, -20px);
}
.bottom-in{
	-webkit-transform:translate(0, 20px);
	-moz-transform:translate(0, 20px);
	-o-transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	transform:translate(0, 20px);
}
.right-in{
	-webkit-transform:translate(20px, 0);
	-moz-transform:translate(20px, 0);
	-o-transform:translate(20px, 0);
	-ms-transform:translate(20px, 0);
	transform:translate(20px, 0);
}
.left-in{
	-webkit-transform:translate(-20px, 0);
	-moz-transform:translate(-20px, 0);
	-o-transform:translate(-20px, 0);
	-ms-transform:translate(-20px, 0);
	transform:translate(-20px, 0);
}

.long-angle{

}
.sp-case-wrap.bg-black{
	background-color:#2A2A34;
}
.sp-case-wrap.bg-white{
	background-color:#fff;
}
.sp-case-section{
	position:relative;
	padding-bottom:50%;
}
.sp-case-section.none-pb{
	padding-bottom:0;
}
.sp-case-section.none-10pb{
	padding-bottom:10%;
}

.lj-wrap{
	background-image:url(../../image/home/spcase/longjiang_t.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:6em;

}
.jc-wrap{
	background-image:url(../../image/home/spcase/jianchang_t.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:1em;
}
.ns-wrap{
	background-image:url(../../image/home/spcase/nanshui_t.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:1em;
}
.sy-wrap{
	background-image:url(../../image/home/spcase/sanyuan_t.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:1em;
}
.sp-case-logo{
	width:80px;
	height:80px;
}
.caption-title.lj{
	position:relative;
	color:#fff;
	width:90%;
	margin:0 0 0 4em;
	max-width:300px;
}
.caption-title.lj h4{
	font-size:.7em;
}

.img-lj0{
	position:absolute;
	width:40%;
	display:block;
	margin:0 auto;

	right:3em;
	top:2em;
	max-width:320px;
}

.img-lj2{
	position:absolute;
	width:40%;
	display:block;
	margin:0 auto;


	right:1em;
	top:0;
	max-width:320px;
}

.img-lj1{
	width:100%;
}
.jc-hw,
.lj-hw,
.sy-hw{
	width:30%;
}
.color-picker{
	width:30px;
	height:30px;
	border-radius:50%;
	margin:0 auto;
}
.spc-common-sstitle{
	margin:250px 0 0 0;
}
.spc-common-sstitle li{
	width:25%;
	float:left;

}
.bg-ljc-0{
	background:#ed5d0f;
}
.bg-ljc-1{
	background:#98989a;
}
.bg-ljc-2{
	background:#e5e5e5;
}
.bg-ljc-3{
	background:#070503;
}
.bg-jcc-0{
	background:#2db66c;
}
.bg-jcc-1{
	background:#e2e2e2;
}
.bg-jcc-2{
	background:#131313;
}
.bg-jcc-3{
	background:#a2a2a2;
}

.bg-nsc-0{
	background:#37b375;
}
.bg-nsc-1{
	background:#f9f9cb;
}
.bg-nsc-2{
	background:#d2a570;
}
.bg-nsc-3{
	background:#070503;
}

.bg-syc-0{
	background:#42cd70;
}
.bg-syc-1{
	background:#a7a5a5;
}
.bg-syc-2{
	background:#323336;
}
.spc-common-title-wrap{
	margin-left:4em;
}
.spc-common-title{
	width:60px;
	height:20px;
	float:left;
	margin:5px 0 0 0;
}
.text-lj{
	color:#4E8AEA;
}
.img-jc1{
	position:absolute;
	top:0;
	right:1em;
	width:60%;
}
.spc-common-stitle{
	color:#ABABAB;
	margin-top:2em;
}
.spc-common-title.lj{
	border:1px solid #4E8AEA;
}

.spc-ct-title{
	float:left;
	font-size:1.2em;
	margin-left:8px;
}
.spc-common-title.jc{
	border:1px solid #4CB5A3;
}
.text-jc{
	color:#4CB5A3;
}
.caption-title.jc{
	position:relative;
	color:#000;
	width:90%;
	margin:0 auto;
	max-width:300px;
}
.caption-title.jc p{
	font-size:1em;
}
.spc-common-title.ns{
	border:1px solid #6FC499;
}
.spc-common-title.sy{
	border:1px solid #329FB1;
}

.caption-title.ns{
	position:relative;
	color:#fff;
	width:90%;
	margin:0 auto;
	max-width:500px;
}
.img-ns1{
	position:absolute;
	top:-2em;
	right:1em;
	width:40%;
}

.caption-title.sy{
	position:relative;
	color:#fff;
	width:90%;
	margin:300px auto 0 auto;
	max-width:500px;
}
.sanyuan-app-title{
	padding:0 0 0 10em;
	color:#fff;
	margin:10em 0 0 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.sanyuan-app-title h2{
	font-size:2.2em;
	margin:0 auto 8px auto;
	border-bottom:1px solid #fff;
	padding:0 0 8px 0;
}
.img-sy0{
	position:absolute;
	top:30px;
	right:0;
	width:50%;
}
.img-sy1{
	position:absolute;
	top:0;
	right:1em;
	width:60%;
}
.img-sy2{
	width:80%;
	margin:0 auto;
	display:block;
}
.text-sy{
	color:#329FB1;
}

.lj-bg-dec0{
	background-image:url(../../image/home/spcase/lj_bg_dec0.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: auto 50%;
}
.lj-bg-dec1{
	background-image:url(../../image/home/spcase/lj_bg_dec1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size: auto 40%;
}
.lj-bg-dec2{
	background-image:url(../../image/home/spcase/lj_bg_dec2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: auto 50%;
}
.lj-bg-dec3{
	background-image:url(../../image/home/spcase/lj_bg_dec3.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size: auto 40%;
}

.ns-bg-dec0{
	background-image:url(../../image/home/spcase/ns_bg_dec0.png);
	background-repeat:no-repeat;
	background-position:100% 74%;
	background-size: auto 50%;
}
.ns-bg-dec1{
	background-image:url(../../image/home/spcase/ns_bg_dec1.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: auto 50%;
}

.jc-bg-dec0{
	background-image:url(../../image/home/spcase/jc_bg_dec0.png);
	background-repeat:no-repeat;
	background-position:100% 74%;
	background-size: auto 50%;
}
.jc-bg-dec1{
	background-image:url(../../image/home/spcase/jc_bg_dec1.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: auto 50%;
}
.jc-bg-dec2{
	background-image:url(../../image/home/spcase/jc_bg_dec2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size: auto 50%;
}

.sy-bg-dec0{
	background-image:url(../../image/home/spcase/sy_bg_dec0.png);
	background-repeat:no-repeat;
	background-position:100% 74%;
	background-size: auto 50%;
}
.sy-bg-dec1{
	background-image:url(../../image/home/spcase/sy_bg_dec1.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: auto 50%;
}
.sy-bg-dec2{
	background-image:url(../../image/home/spcase/sy_bg_dec2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size: auto 50%;
}

/* sp case section end */

/* about section */
.about-section{
	background:none;
	position:relative;
	padding-bottom:0;
}
.img-about-0{
	width:100%;
}
.about-article{
	padding:20px 0;
	line-height:1.8em;
	letter-spacing:1px;
}
.img-about-1{
	width:100%;
	max-width:480px;
}
/* about section end */

/* trend section  */

.trend-baner-wrap{
	position:relative;
	/* height:204px; */
}
.trend-baner-wrap .img-trend-0{
  width: 0;
  height: 0;
}
.trend-section{
	background:none;

}
.trend-list{
	padding:0 0 30px 0;
}
.trend-item-cell{
	display:block;
	width:90%;
	margin:0 auto;
	padding:20px 0 20px 0;
	border-bottom:1px solid #9a9a9a;
}

.img-trend-0{
	width:500px;
	height:224px;
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:-250px;
	z-index:10;
}
.trend-item-img,
.trend-item-caption{
	float:left;
}
.img-trend-item{
	max-width:200px;
	max-height:200px;
	*height:200px;
}
.ti-time{
	color:#333;
}
.ti-caption{
	line-height: 1.6em;
    color: #9a9a9a;
    margin-bottom: 6px;
}
/* trend section end */

/* contact section */
.contact-section{
	background:none;
}
.contact-l-item{
	padding:8px 0;
}
.contact-list-spacing{
	padding:8px 0 0 1.6em;
}
.feed-back-icon-wrap{
	padding:6em 0 0 0;
}
.feed-back-icon{
	font-size:4em;
}
.feed-back-title{
	color:#000;
	padding:8px 0 0 0;
	font-size:1.8em;
}
.feed-back-stitle{
	padding:4px 0;
	font-size:1em;
}

.feed-back-txt{
	margin:.5em 0 0 0;
	padding:8px;
	border-radius:4px;
	border:1px solid #ccc;
}
.feed-back-txt textarea{
	border:0;
	width:100%;
}
.feed-back-pq{
	border:0;
	margin-left:20px;
	width:100%;
}
.btn-fb-submit{
	margin:1em 0 0 0;
	width:100%;
	background:#258ff8;
	border:0;
	border-radius:0;
	box-shadow:0 1px 5px -1px #000;
}

/* contact section end */

/* service section  */
.circle-dot{
	vertical-align: -14%;
	margin:0 10px 0 40px;
}
.service-content-list{
	padding:20px 0 0 0;
}
.service-content-list li{
	float:left;
	padding:4px 0;
}
	/* 	service procedures */
.img-procedure{
	width:100%;
	max-width:600px;
}
.img-procedure-sub{
	height:200px;
}
	/* 	service qrcode */
.qr-img-0-wrap{
	display:inline-block;
	*display:inline;
	*zoom:1;
	max-width:600px;
	width:100%;
}
.img-qr-0{
	width:100%;
}
.qr-title-wrap{
	margin-top:40px;
	padding:10px;
}
.qr-title{
	position:relative;
	padding:5px 10px;
}
.qr-title-corner{
	position:absolute;
	border:2px solid #258ff8;
	width:12px;
	height:11px;
}
.qrtc-tl{
	top:0;
	left:0;
	border-right:none;
	border-bottom:none;
}
.qrtc-tr{
	top:0;
	right:0;
	border-left:none;
	border-bottom:none;
}
.qrtc-bl{
	bottom:0;
	left:0;
	border-top:none;
	border-right:none;
}
.qrtc-br{
	bottom:0;
	right:0;
	border-left:none;
	border-top:none;
}
.img-qr-1{
	width:100%;
	max-width:200px;
	margin:10px 0 0 0;
}

.qr-exchange{
	font-size:32px;
	text-align:center;
	margin:2em 0 0 0;
}
	/* 	app develorper */
.img-appdev{
	width:100%;
	max-width:500px;
}
.app-platforms{
	width:100%;
	max-width:600px;
	margin:0 auto;
	font-size:60px;
	padding:1em 0;
}
.app-platforms p{
	font-size:16px;
}

	/* 	app promote */
.app-promote{
	width:100%;

	margin:40px auto 20px auto;
}
.app-promote>div{
	margin-top:10px;
}
.ap-img-wrap{
	margin:0 0 10px 0;
}
.img-promote{
	width:100px;
}

.ap-title-num{
	padding-right:5px;
	color:#000;
	line-height:.8em;
	font-size:3.4em;
}
.ap-sub-title{
	text-align:left;
}
.ap-title{
	width:100%;
	float:none;
}
.ap-title-cell{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.ap-caption{
	font-size:.8em;
	line-height:1.8em;
	margin-top:30px;
	padding:0 14px;
	border-right:1px solid #ccc;
}
.ap-caption.last-item{
	border-right:0;
}
/* service section end */


/* media query section */
@media all and (max-width:1000px){
	.head-nav{
		width:100%;
	}
	.head-phone{
		display:none;
	}
	.hn-list{
		width:100%;
	}
	.ws-min-width{
		width:96%;
	}

}
@media all and (max-width:480px){
	.hnlic-title{
		width:100%;
	}
	.crt-title{
		font-size:12px;
	}

	.crt-lb-corner{
		width:20px;
		height:20px;
	}
	.crt-lb-last-corner{
		height:20px;
		margin-right:10px;
	}
	.crt-lb-corner:before{
		width:28px;
		height:28px;
	}

	.col-case-caption{
		display:none;
	}

	.img-procedure-sub{
		height:150px;
	}

	.qr-exchange div{
		display:inline-block;
		-webkit-transition:all 300ms;
		-moz-transition:all 300ms;
		-o-transition:all 300ms;
		-ms-transition:all 300ms;
		transition:all 300ms;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
	}

	.sp-case-section{
		padding-bottom:5%;
	}

	.spc-common-title-wrap{
		margin-left:10px;
	}
	.spc-ct-title{
		font-size:1em;
	}
	.jc-hw,
	.sy-hw,
	.lj-hw{
		width:100%;
	}
	.spc-common-stitle{
		font-size:.8em;
	}
	.spc-common-sstitle{
		margin:150px 0 0 0;
	}
	.caption-title.ns{
		color:#000;
	}

	.sanyuan-app-title{
		margin:1em auto 0 auto;
	}
	.caption-title.sy{
		margin:240px auto 0 auto;
	}
	.img-sy0{
		top:100px;
	}
	.img-sy1{
		top:120px;
	}


}
@media all and (max-width:767px){
	.gallery-item .col-xs-12{
		width:33.33%;
		padding:0;
	}
	.gallery-item .col-xs-12 .col-case-img{
		width:100%;
		text-align:center;
	}
	.gallery-item .col-xs-12 .case-cell-caption{
		text-align:center;
	}
	.gallery-item .col-xs-12 .col-case-caption{
		width:100%;
	}
	.gallery-item .col-xs-12 .col-case-caption h5{
		display:none;
	}

	.caption-title.lj{
		position:relative;
		color:#666;
		width:90%;
		margin:0 auto;
		max-width:300px;
	}
	.caption-title.lj h4{
		font-size:.7em;
	}
	.img-lj0{
		position:relative;
		width:70%;
		left:0;
		top:0;
		display:block;
		margin:0 auto;
	}

	.img-jc1{
		width:60%;
	}
}
@media all and (max-width:760px){
	.head-logo{
		float:none;
		margin:6px auto 0 auto;
	}
	.col-case-img{
		width:40%;
	}
	.col-case-caption{
		width:60%;
	}
	.gallery-item .container-fluid{
		width:100%;
	}

	.crt-line-bar{
		width:50%;
	}
	.img-about-1{
		max-width:380px;
	}
	.trend-baner-wrap{
		height:123px;
	}
	.img-trend-0{
		width:320px;
		height:143px;
		margin-left:-160px;
	}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10{
		width:100%;
	}

	.case-tab-section .col-3{
		width:30%;
	}
	.case-tab-section .col-7{
		width:70%;
	}
	.ttlic-detail .col-4,
	.ttli-cell .col-4{
		width:40%;
	}
	.ttlic-detail .col-6,
	.ttli-cell .col-6{
		width:60%;
	}
	.icon-ct-nav{
		font-size:2em;
	}
	.ctnl-item p{
		font-size:.8em;
	}

	.ctnl-item{
		padding:20px 0;
	}
	.case-tab-section{
		min-height:200px;
	}

	.ap-img-wrap{
		float:left;
	}

	.ap-title{
		float:left;
		width:auto;
		margin-top:20px;
	}
	.ap-title-cell{
		padding-left:10px;
	}
	.ap-caption{
		text-align:left;
		text-indent:2em;
		margin-top:5px;
		border-right:0;
	}
	.img-promote{
		width:80px;
	}

	.img-case-cell{
		width:60px;
		height:60px;
	}
	.case-cell-caption{
		font-size:.8em;
		text-align:left;
	}
	.img-case-cell-caption{
		right:12px;
	}

	.case-tab-wrap,
	.case-topten-wrap{
		width:100%;
	}

	.sanyuan-app-title{
		padding:0 0 0 2em;
	}
	.img-sy0{
		width:50%;
		top:100px;
	}

}
@media all and (min-width:767px) and (max-width:1000px){
	.head-phone-snd{
		display:block;
	}
}
/* media query section end */





/* hack 2018.12.15
---------------------------------------- */
div.choose-head {
	padding: 0;
}
div.article-content {
	text-indent: 0;
}
div.choose-head .choose-head-img {
	width: 100% !important;
}
.article-content p {
	width: 100% !important;
}
@media screen and (max-width: 768px) {
	html {
		font-size: 12px;
	}
	.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5 {
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}

	.col-xs-5 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 768px) {
  .col-sm-5 {
    width: 20%;
    float: left;
  }
}

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

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

@media screen and (max-width: 768px) {
	h1 {
		font-size: 2rem;
	}
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.ip-nav {
		display: flex;
	}
	.ip-nav .ip-nav-item {
		flex: 1;
	}
	.ipni-cell {
		padding-right: 0;
		padding-left: 0;
		font-size: 1rem;
	}
	.app-platforms i {
		font-size: 4rem;
	}
	.app-platforms p {
		font-size: 1.2rem;
	}
	.theme-slider .bx-wrapper img {
		height: auto;
	}
	.kernel-book {
    padding: 0;
    width: 50% !important;
	}
	.kernel-book .kernel-vice-padd {
		width: auto;
	}
	.row .kernel-main-padd {
		background-color: #fff;
    border-top: none;
		color: #4293e5;
		background-position: center 150px;
	}
	.row .kernel-two {
		background-image: url('/app/company_website/Home/View/Index/resources/image/website_icon_1.png')
	}
	.row .kernel-three {
		background-image: url('/app/company_website/Home/View/Index/resources/image/website_icon_2.png')
	}
	.row .kernel-four {
		background-image: url('/app/company_website/Home/View/Index/resources/image/website_icon_3.png')
	}

	.row.service-box {
		height: auto;
	}
	.row .service-part {
		width: 100%;
		margin: 0;
	}

	div.cntr-p {
		padding: 0;
		overflow: hidden;
	}

	div.news-trend {
		margin: 0;
	}

	.ip-sub-title img {
		width: 50px;
		height: auto;
	}
	.ip-sub-title span.font-size-xlarge {
		font-size: 1.8rem;
	}
	.ip-sub-title span.font-size-medium {
		display: block;
	}

	div.choose-part {
		width: 100%;
		margin-left: 0;
		margin-bottom: 2rem;
	}
	div.choose-hover {
		margin-top: 0;
	}
	.service-content-list li {
		float: none;
	}
	.service-content-list li span{
		margin: 0;
	}
	.feed-back-icon-wrap {
		padding: 0;
	}
	div.con-min-width {
		padding-bottom: 0;
	}
	.choose-us > .text-center {
		display: none;
	}
	p.off-image-thr {
		padding-top: 11em;
	}
	p.off-image {
		padding-top: 12em;
	}


	.article-content img {
		width: 100% !important;
		height: auto !important;
	}

	div.video-wrap {
		width: 100%;
		display: flex;
	}
	.video-list {
		position: static;

	}
	.video-wrap .news-video {
		flex: 1;
	}
	.video-wrap .news-video .video-title {
		width: 100%;
    left: 0;
	}
	.video-wrap .news-video .video-title .video-close {
		left: 0;
	}
	#youku-playerBox {
		width: 100% !important;
	}

	.cooperative {
		padding: 0 1rem;
	}
	ul.service-content-list {
		padding: 0;
	}
}