@import "common.css";
.guonian{
	/*background-image: url(img/index/guonian.jpg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	*/
}
.guonian img{
	float: left;
	width: 100%;
	height: auto;
}
.waboutus{
	background-color: #f5f5f5;
	padding: 80px 0;
}
.news1 .left1{
	float:left;
	width: 500px;
}
.news1 .right1{
	float:right;
	width: 486px;
}
.waboutus .logo2005{
	height: 96px;
	background-image: url(img/index/logo2.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:contain;
}
.waboutus .aboutus dl dt{
	height: 80px;
	position: relative;
}
.waboutus .aboutus dl dt .fa{
	position: absolute;
	left: 0px;
	top: 22px;
	font-family: fonten;
	font-size: 50px;
	color: #d6d6d6;
	letter-spacing: -3px;
	line-height: 35px;
}
.waboutus .aboutus dl dt .line{
	position: absolute;
	left: 90px;
	top: 47px;
	width: 150px;
	height: 8px;
	background-color: #d6d6d6;
	display: none;
}
.waboutus .aboutus dl dt .line2{
	position: absolute;
	left: 0;
	top: 55px;
	width: 100%;
	height: 1px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dddddd,endColorStr=#f0f0f0);
    background: -ms-linear-gradient(left, #dddddd, #f0f0f0);
    background: -moz-linear-gradient(left, #dddddd,#f0f0f0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000),to(#f0f0f0));
    background: -webkit-linear-gradient(left, #dddddd,#f0f0f0);
    background: -o-linear-gradient(left, #dddddd,#f0f0f0);
}
.waboutus .aboutus dl dd{
	font-size: 14px;
	line-height: 23px;
}
.waboutus .aboutus dl dd.an{
	margin-top: 10px;
}
.waboutus .aboutus dl dd.an a{
	color: #42b8dc;
}
.waboutus .ggw{
	height: 901px;
    position: relative;
    z-index: 1;
    background-image: url(img/index/weare.jpg);
    background-repeat: no-repeat;
}

.fullSlide{ position:relative; left: 138px; top: 358px; width: 674px; height: 421px;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;height: 421px;} 
.fullSlide .hd{position:absolute; left: 20px; bottom: 20px; z-index:1; height:20px; line-height:20px; text-align:center;}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; width:20px; height:20px; margin:0 5px;  overflow:hidden; border-radius: 20px; background-color: #444444; color: #fff; font-size: 12px;}
.fullSlide .hd ul .on{ background-color: #ff7700; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.waboutus .xiexianbg{
	position: relative;
}
.waboutus .xiexianbg .bg{
	position:absolute;
	left: 50%;
	top: -150px;
	width: 3000px;
	height: 300px;
	margin-left: -1500px;
	background-color: #f5f5f5;
	transform: rotate(9deg);
	display: none;
}

.wgoodservice{
	background-color: #fff;
}
.goodservice{
	position: relative;
	padding-top: 120px;
}
.goodservice .kk3-h540{
	position: absolute;
	left: -2px;
	top: -452px;
	width: 1px;
	height: 840px;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dddddd,endColorStr=#ffffff); /* IE 6 7 8 */
	background: -ms-linear-gradient(top, #dddddd, #ffffff); /* IE 10 */
	background: -moz-linear-gradient(top, #dddddd,#ffffff); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd),to(#ffffff)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #dddddd,#ffffff); /*Safari5.1 Chrome10+*/
	background: -o-linear-gradient(top, #dddddd,#ffffff); /* Opera 11.10+*/
	
}
.goodservice:after{
	clear: both;
	content: '';
	display: block;
	height: 150px;
}
.goodservice .head {
	height: 150px;
	padding-left: 60px;
	position: relative;
}
.goodservice .head .column{
	color: #d6d6d6;
	position: relative;
}
.goodservice .head .column .en{
	float: left;
	font-size: 50px;
	font-family: fonten;
	letter-spacing: -3px;
	line-height: 35px;
}
.goodservice .head .column .cn{
	float: left;
	font-size: 35px;
	color: #d6d6d6;
	line-height: 35px;
	margin-top: -3px;
}
.goodservice .head .column .line{
    position: absolute;
    left: 0;
    top: 33px;
    width: 530px;
    height: 1px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dddddd,endColorStr=#fff);
    background: -ms-linear-gradient(left, #dddddd, #fff);
    background: -moz-linear-gradient(left, #dddddd,#fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000),to(#fff));
    background: -webkit-linear-gradient(left, #dddddd,#fff);
    background: -o-linear-gradient(left, #dddddd,#fff);
}
.goodservice .head .txt{
	margin-top: 30px;
	font-size: 14px;
	line-height: 20px;
}
.goodservice .list ul li{
	float:left;
	width: 20%;
	margin-top: 60px;
}
.goodservice .list ul li a{
	text-decoration: none;
}
.goodservice .list ul li dl dt{
	height: 136px;
	width: 136px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
	border-radius: 136px;
	transition: filter 0.8s;
}
.goodservice .list ul li dl:hover dt{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.goodservice .list ul li:nth-child(1) dl dt{
	background-image: url(img/index/goodservice.svg);
}
.goodservice .list ul li:nth-child(2) dl dt{
	background-image: url(img/index/goodservice2.svg);
}
.goodservice .list ul li:nth-child(3) dl dt{
	background-image: url(img/index/goodservice3.svg);
}
.goodservice .list ul li:nth-child(4) dl dt{
	background-image: url(img/index/goodservice4.svg);
}
.goodservice .list ul li:nth-child(5) dl dt{
	background-image: url(img/index/goodservice5.svg);
}
.goodservice .list ul li:nth-child(6) dl dt{
	background-image: url(img/index/goodservice6.svg);
}
.goodservice .list ul li:nth-child(7) dl dt{
	background-image: url(img/index/goodservice7.svg);
}
.goodservice .list ul li:nth-child(8) dl dt{
	background-image: url(img/index/goodservice8.svg);
}
.goodservice .list ul li:nth-child(9) dl dt{
	background-image: url(img/index/goodservice9.svg);
}
.goodservice .list ul li:nth-child(10) dl dt{
	background-image: url(img/index/goodservice10.svg);
}
.goodservice .list ul li dl dd{
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	color: #717171;
	margin-top: 20px;
}
/*
#home .container{padding-right:15px;padding-left:15px;}
#home .row{margin-right:-15px;margin-left:-15px}
#home .col-sm-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
#home .section-btn {
  margin: 32px 0 0 0;
  padding: 0;
}
#home .section-btn a,
#home .section-btn button {
  line-height: 45px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  color: #ffffff;
  font-weight: normal;
}
#home .section-btn a span,
#home .section-btn button span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.5px;
  padding: 0 25px;
  background: #614dec;
  border-radius: 1px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.csstransforms3d .section-btn a span::before,
.csstransforms3d .section-btn button span::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  border-radius: 1px;
  color: #ffffff;
  padding: 0 25px;
  content: attr(data-hover);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
#home .section-btn a:hover span,
#home .section-btn a:focus span,
#home .section-btn button:hover span,
#home .section-btn button:focus span {
  -webkit-transform: rotateX(90deg) translateY(-22px);
  -moz-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}
#home *:before,
#home *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
   align-items: center;
  height: 100vh;
  position: relative;
}
#home h1 {
  color: #ffffff;
  font-size: 40px;
  line-height: 1.2em;
	font-weight: 200;
}
#home p {
  color: rgba(250,250,250,0.7);
	font-size: 16px;
}
#home .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.75);
}
#home video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}*/

.jiejuecase{
	background-color: #f5f5f5;
	padding: 90px 0;
}
.jiejuecase .head{
	height: 70px;
    text-align: center;
	position: relative;
}
.jiejuecase .head .column{
	display: inline-block;
	font-size: 35px;
    color: #d6d6d6;
	background-color: #f5f5f5;
	padding: 0 10px;
	line-height: 38px;
}
.jiejuecase .head .line{
	position: absolute;
    left: 50%;
    top: 38px;
    width: 440px;
    height: 1px;
	margin-left: -220px;
	background-color: #ddd;
}
.jiejuecase .head-txt{
	width: 500px;
    margin: 0 auto;
    line-height: 25px;
	font-size: 14px;
}
.jiejuecase .list{
	padding: 0 90px;
}
.jiejuecase .list ul{
	margin: 0 -45px;
}
.jiejuecase .list ul li{
	float: left;
	width: 50%;
	padding: 0 45px;
	box-sizing: border-box;
	margin-top: 90px;
}
.jiejuecase .list ul li dl{
	border: 20px solid #fff;
	background-color: #fff;
}
.jiejuecase .list ul li dl dt img{
	width: 100%;
	height: 205px;
}
.jiejuecase .list ul li dl dd{
	padding-top: 20px;
}
.jiejuecase .list ul li dl dd .title{
	float:left;
	font-size: 16px;
}
.jiejuecase .list ul li dl dd .view{
	float:right;
	font-size: 12px;
	color: #afafaf;
}
.jiejuecase .list ul li dl dd .view a{
	color: #afafaf;
}

.puduncase{
	background-color: #fff;
}
.puduncase .linetop{
	height: 120px;
	background-color: #fff;
}
.puduncase .head{
	height: 150px;
}
.puduncase .head .column{
	float: right;
	width: 540px;
	position: relative;
}
.puduncase .head .column dl dt{
	font-size: 50px;
    color: #d6d6d6;
	font-family: fonten;
	letter-spacing: -3px;
	line-height: 35px;
}
.puduncase .head .column dl dd{
	margin-top: 30px;
	line-height: 23px;
	font-size: 14px;
}
.puduncase .head .column .line{
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 1px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dddddd,endColorStr=#fff);
    background: -ms-linear-gradient(left, #dddddd, #fff);
    background: -moz-linear-gradient(left, #dddddd,#fff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000),to(#fff));
    background: -webkit-linear-gradient(left, #dddddd,#fff);
    background: -o-linear-gradient(left, #dddddd,#fff);
	
	
}
.puduncase .list {
    height: 1070px;
    background-image: url(img/index/kk3.jpg);
    background-position: center top;
    background-repeat: no-repeat;
	background-size:contain;
    position: relative;
}

.fullSlide2{ position:relative; left: 176px; top: 411px; width: 606px; height: 340px;}
.fullSlide2 .bd{ z-index:0; }
.fullSlide2 .bd li { display: flex; height: 340px;}
.fullSlide2 .bd li .li{margin: auto;}
.fullSlide2 .bd li .pic {float: left; padding: 0 20px;}
.fullSlide2 .bd li .pic img{width:144px; height: 144px; border-radius: 144px;}
.fullSlide2 .bd li dl dt{font-size: 16px;color: #767676; line-height: 29px;}
.fullSlide2 .bd li dl dd{font-size: 16px;color: #767676; margin-top: 10px;}
.fullSlide2 .bd li dl dd a{color: #f37417; margin-right: 10px; }
.fullSlide2 .hd{ position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center}
.fullSlide2 .hd ul li{ display: inline-block; width: 10px; height: 10px; background-color: #ccc; border-radius: 10px; margin: 0 10px; font-size: 0px;}
.fullSlide2 .hd ul li.on{ background-color: #614dec; }
.fullSlide2 .prev,.fullSlide2 .next{display: none!important;}

.mobile {
	background-color: #fff;
}
.mobile .html{
    background-image: url(img/index/kk4.jpg);
    background-position: center center;
    height: 726px;
    position: relative;
}
.mobile .qh{
	position: absolute;
	top: 52px;
	left: 138px;
	width: 349px;
	height: 464px;
	background-color:rgba(255,255,255,0.3);
}
.mobile .qh img{
	width: 349px;
	height: 464px;
}
.mobile .qh2{
	position: absolute;
	top: 354px;
	left: 747px;
	width: 335px;
	height: 188px;
	background-color:rgba(255,255,255,0.3);
}
.mobile .qh2 img{
	width: 335px;
	height: 188px;
}
.mobile .iphone{
	position: absolute;
	top: 200px;
	left: 400px;
	width: 209px;
	height: 431px;
	background-image: url(img/index/iphone.png);
	background-position: center center;
}
.mobile .qh3{
	position: absolute;
	top: 48px;
	left: 10px;
	width: 190px;
	height: 337px;
	background-color:rgba(255,255,255,0.3);
}
.mobile .qh3 img{
	width: 190px;
	height: 337px;
}

.mobile-aboutus-jianjie{
	display: none;
}
.mobile-wgoodservice{
	display: none;
}
@media(max-width:460px) {

#home{
	display: none;
}
.news1{
	display: none;
}
.waboutus {
    padding: 0;
}
.waboutus .ggw {
    height: auto;
    background-image: none;
}
.fullSlide {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
	background-color: #fff;
}
.fullSlide .bd li {
    height: 200px;
	overflow: hidden;
}
.fullSlide .bd li img {
    width: 100%;
    height: auto;
}
.fullSlide .prev, .fullSlide .next {
	display: none;
}
.mobile-aboutus-jianjie{
	display: block;
	padding: 20px;
	font-size: 14px;
	line-height: 25px;
}
.goodservice {
	display: none;
}
.mobile-wgoodservice{
	display: block;
	background-color: #fff;
	padding: 30px 0;
}
		.picScroll-left{ position:relative;}
		.picScroll-left .hd .pageState{ display: none;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; position: absolute; top: 50%; left: 10px; margin-top: -20px; width:16px; height:40px; cursor:pointer; background-image:url("img/index/arrow-l.jpg");background-size:contain; background-repeat: no-repeat;}
		.picScroll-left .hd .next{ background-image:url("img/index/arrow-r.jpg"); left: auto; right: 10px;}
		.picScroll-left .hd ul{ display: none;}
		.picScroll-left .bd{ width: 260px; margin: 0 auto;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 130px;  }
	
.picScroll-left .bd ul li a{
	text-decoration: none;
}
.picScroll-left .bd ul li dl dt{
	height: 82px;
	width: 136px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:80px auto;
	border-radius: 136px;
	transition: filter 0.8s;
}
.picScroll-left .bd ul li dl:hover dt{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.picScroll-left .bd ul li:nth-child(1) dl dt{
	background-image: url(img/index/goodservice.svg);
}
.picScroll-left .bd ul li:nth-child(2) dl dt{
	background-image: url(img/index/goodservice2.svg);
}
.picScroll-left .bd ul li:nth-child(3) dl dt{
	background-image: url(img/index/goodservice3.svg);
}
.picScroll-left .bd ul li:nth-child(4) dl dt{
	background-image: url(img/index/goodservice4.svg);
}
.picScroll-left .bd ul li:nth-child(5) dl dt{
	background-image: url(img/index/goodservice5.svg);
}
.picScroll-left .bd ul li:nth-child(6) dl dt{
	background-image: url(img/index/goodservice6.svg);
}
.picScroll-left .bd ul li:nth-child(7) dl dt{
	background-image: url(img/index/goodservice7.svg);
}
.picScroll-left .bd ul li:nth-child(8) dl dt{
	background-image: url(img/index/goodservice8.svg);
}
.picScroll-left .bd ul li:nth-child(9) dl dt{
	background-image: url(img/index/goodservice9.svg);
}
.picScroll-left .bd ul li:nth-child(10) dl dt{
	background-image: url(img/index/goodservice10.svg);
}
.picScroll-left .bd ul li dl dd{
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	color: #717171;
	margin-top: 20px;
}
.jiejuecase {
    padding: 10px 0;
}
.jiejuecase .head .column {
    font-size: 25px;
    color: #000;
    line-height: 70px;
}
.jiejuecase .head .line {
	display: none;
}
.jiejuecase .head-txt {
	display: none;
}
.jiejuecase .list {
    padding: 0 10px;
}
.jiejuecase .list ul {
    margin: 0;
}
.jiejuecase .list ul li {
    float: none;
    width: auto;
    padding: 0;
    margin-top: 10px;
}
.jiejuecase .list ul li dl {
    border: 10px solid #fff;
}
.puduncase {
	display: none;
}

	
	
	
}