/* ::::: http://www.eshidu.com/Public/home/css/swiper.min.css ::::: */

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-pagination { position: absolute; text-align: center; transition: all 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
/* ::::: http://www.eshidu.com/Public/home/css/common.css ::::: */

html { height: 100%; }
body { min-height: 100%; }
body {  }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0px; padding: 0px; }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption {  }
li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
iframe, frame, fieldset, img { border: 0px none; }
img { vertical-align: top;}
input, textarea, button { border-radius: 0px; }
textarea { overflow: auto; resize: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
em, cite, address, i { font-style: normal; }
body, input, select, button, textarea { color: rgb(0, 0, 0); font-size: 12px; font-family: arial,"Microsoft Yahei","宋体"; }
body { line-height: 1.5; }
a:link, a:visited, a:active, a { text-decoration: none; color: rgb(34, 34, 34); }
a:hover { color: rgb(238, 127, 0); }
a {  }
a * {  }
:focus { outline: medium none; }
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 0.5; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 0.5; }
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.fixed::before, .clearfix::before, .cf::before, body::before, .header::before, .main::before, .footer::before { content: ""; display: table; }
.fixed::after, .clearfix::after, .cf::after, after, .header::after, .main::after, .footer::after { content: ""; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer {  }
.loading-shutter { position: fixed; left: 0px; width: 100%; height: 50%; background-color: rgb(255, 255, 255); z-index: 2147483647; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
.loading-shutter-top { top: 0px; transform-origin: center top 0px; transform: scaleY(1); opacity: 1; }
.loading-shutter-bottom { bottom: 0px; transform-origin: center bottom 0px; transform: scaleY(1); opacity: 1; }
.loading-shutter-wrapper.is-show .loading-shutter { transition: transform 0.75s ease 0s, -webkit-transform 0.75s ease 0s; }
.loading-shutter-wrapper.is-show .loading-shutter-top { transform: scaleY(0); }
.loading-shutter-wrapper.is-show .loading-shutter-bottom { transform: scaleY(0); }
.loading-bar { position: fixed; top: 0px; left: 0px; width: 100%; height: 4px; background: rgb(0, 111, 203) none repeat scroll 0% 0%; z-index: 2147483647; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transform: scaleX(0); transform-origin: 0px 50% 0px; }
.loading-shutter-logo { width: 400px; height: auto; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; z-index: 2147483647; background: rgba(0, 0, 0, 0) url('logosh.png') no-repeat scroll center center / contain ; transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: scale(0, 0); }
.loading-shutter-logo.is-complete { transition: transform 0.2s ease-in-out 0.15s, -webkit-transform 0.2s ease-in-out 0.15s; }
.auto-bg { background-repeat: no-repeat; overflow: hidden; position: relative; background-position: center center; background-size: cover; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wrap, .section .w { max-width: 1160px; margin: 0px auto; position: relative; z-index: 3; }
#change .bak-mask { position: absolute; width: 760px; height: 530px; left: 50%; top: 50%; margin: -265px 0px 0px -350px; z-index: 2; }
.bak-mask .bg{ width: 100%; height: auto; transition: all 1.5s ease 0s; opacity: 0; visibility: hidden; transform: scale(0.5, 0.5); position: absolute; left: 0px; top: 0px; }
.bak-mask.aa1 img { width:80%;opacity: 1; visibility: visible; transform: scale(1, 1); transition-delay: 0.5s; }

.top-banner li { width: 100%; height: 100%; display: block; }
.nfl { width: 37px; height: 24px; position: fixed; right: 0px; margin: 0px 16px 0px 0px; top: 12px; z-index: 9999; display: none; }
.header { position: fixed; left: 0px; top: 0px; width: 100%; height: auto; z-index: 100; background: rgba(34, 34, 34, 0.1) none repeat scroll 0% 0%; }
.header .w { padding-top: 7px; max-width: 1160px; margin: 0px auto; position: relative; z-index: 3; }
.header .w .logo { float: left; margin-top: 3px; }
.header .w .logo .gxwk{
	display:none;
}
.header .w .nav { float: right; position: relative;}

.header .w .nav li { float: left; line-height: 50px; width:96px; position:relative; text-align: center;}
.header .w .nav li span{
	display:block;
	height:13px;
	width:1px;
	background:url(images/bg.jpg) no-repeat;
	position:absolute;
	right:0;
	top:19px;
}
.header .w .nav li a { display: block; margin: 0px 20px; padding: 0px 10px; font-size: 16px; color: rgb(255, 255, 255); }
.header .w .nav li:hover a, .header .w .nav li.active a { border-bottom: 3px solid rgb(0, 159, 222); }
.section .w {  }
.section .w > h2 { padding-top: 70px; text-align: center; font-size: 30px; color: rgb(0, 0, 0); }
.section .w > h3 { text-align: center; margin-bottom: 100px; color: rgb(0, 159, 222); font-size: 20px; padding-top:17px;}
.mouse { background: rgba(0, 0, 0, 0) url('mouse.png') no-repeat scroll 0% 0%; width: 100px; height: 74px; position: absolute; left: 50%; top: 80%; z-index: 99999; margin: 0px 0px 0px -50px; }
.section3 .w > h3 { margin-bottom: 50px; }
.section2 .w > h3  { margin-bottom: 50px; }

.section3 .sec3 li { float: left; width: 25%; margin-bottom: 40px; }
.section3 .sec3 li .w-wrap { margin: 0px 20px; }
.section3 .sec3 .m { position: relative; overflow: hidden; }
.section3 .sec3 .m a { display: block; }
.section3 .sec3 .m span { transition: all 0.5s ease 0s; position: absolute; background: rgba(0, 0, 0, 0) url('da_03.png') no-repeat scroll center center; top: -100%; left: 0px; width: 100%; height: 100%; z-index: 2; }
.section3 .sec3 .m img { width: 100%; height: auto; }
.section3 .sec3 .p { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 5px; overflow: hidden; position: relative; }
.section3 .sec3 .p a { display: block; position: relative; z-index: 2; }
.section3 .sec3 .p span { display: block; color: rgb(170, 170, 170); }
.section3 .sec3 .p p { display: block; color: rgb(0, 0, 0); }
.section3 .sec3 .p .secc31 { transition: all 0.3s ease 0s; position: absolute; z-index: 1; width: 100%; height: 100%; background: rgb(0, 159, 222) none repeat scroll 0% 0%; left: 0px; top: 100%; }
.section3 .sec3 .w-wrap:hover .m span { top: 0px; }
.section3 .sec3 .w-wrap:hover .p .secc31 { top: 0px; }
.section3 .sec3 .w-wrap:hover .p span, .section3 .sec3 .w-wrap:hover .p p { color: rgb(255, 255, 255); }
.section .more { text-align: center; font-size: 18px; }
.section .more a { width: 160px; height: 42px; background: rgb(0, 159, 222) none repeat scroll 0% 0%; color: rgb(255, 255, 255); line-height: 42px; text-align: center; display: inline-block; border-radius: 25px; transition: all 1s ease 0s; }
.section .more a:hover { width: 200px; }
/*.section4 .w > h3 { margin-bottom: 30px; }*/
.section4 .kehu {  }
.section4 .kehu ul {  }
.section4 .kehu li { float: left; width: 20%; margin: 0px 0px 30px; }
.section4 .kehu li b { width: 213px; height: 136px; position: relative; overflow: hidden; display: block; margin: 0px 15px; border: 1px solid rgb(221, 221, 221); background: rgba(255, 255, 255,0) none repeat scroll 0% 0%;}
.section4 .kehu li b img { width: 80%;  height: auto;}
.section4 .kehu li b img.part1 { transition: all 0.5s linear 10ms; position: absolute; left: 12px; top: 68px;}
.section4 .kehu li b img.part2 { opacity: 0; position: absolute; left: 22px; top: 68px; transform: rotateY(180deg); transition: all 0.5s linear 10ms; }
.section4 .kehu li b img.a9{
	width:58%;
	position:absolute;
	left:45px;
	top:-1px;
}
.section4 .kehu li b img.a8{
	position:absolute;
	left:0;
	top:54px;
}
.section4 .kehu li b div{
	display:none;
	width:100%;
	height:100%;
	transform:rotateY(-360deg) rotate(-45deg);
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-align: center;
	
}
.section4 .kehu li b span{
	display:block;
	width:100%;
	height:100%;
	font-size:20px;
	color:#fff;
	text-align: center;
}
.section4 .kehu li b i{
	width:80%;
	height:80%;
	position: absolute;
    left: 19px;
    top: 19px;
}
.section4 .kehu li b:hover i{
	border:1px dashed #fff;;	
	z-index:4;
}
.section4 .kehu li b:hover span{
	background:rgba(183,183,255,0.8);
	position: relative; 
	z-index:2;
}
.section4 .kehu li b:hover{
	border: 1px solid rgba(221, 221, 221,0);
}
.section4 .kehu li b:hover div{
	display:block;
	position:absolute;
	left:52px;
	top:48px;
	z-index:3;
}
.section4 .kehu li { transition: all 2s ease 0s; opacity: 0; transform: translateX(-50px);}
.section4 .kehu li b{
	width:200px;
	height:200px;
	display:block;
	border:1px solid #aeaeae;
	transform:rotate(45deg);
}
.section4 .kehu li b img{
	transform:rotate(-45deg);
}
.section4 .kehu li:nth-child(2n) { transform: translateX(50px); }
.active .kehu li, .active .kehu li:nth-child(2n) { opacity: 1; transform: translateX(0px); }
.section4 .kehu li b:hover img.part1 { position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transform: rotateY(180deg);}
.section4 .kehu li b:hover img.part2 { z-index: 2; opacity: 1; transform: rotateY(-360deg) rotate(-45deg);}
.what { width: 100%; height: 468px; display: block; }
.what dl { float: left; width: 22%; text-align: center; position: relative; z-index: 3; margin: 0px 1%; background:#FFF;}
.what dt { width: 100%; height: 199px; position: relative; z-index: 3; transition: all 0.5s ease 0.3s; }
.what dl dd.st { width: 100%; height: 30px; color: rgb(0, 0, 0); font-size: 16px; line-height: 30px; margin-top: 60px; position: relative; z-index: 3; transition-delay: 0.3s; font-weight: 700; }

.what dd.spec-1 {  border-bottom: 2px solid rgb(81, 194, 255); }
.what dd.spec-2 {  border-bottom: 2px solid rgb(196, 241, 73); }
.what dd.spec-3 {  border-bottom: 2px solid rgb(253, 140, 72); }
.what dd.spec-4 {  border-bottom: 2px solid rgb(133, 123, 255);}
.what dd.spec{
	width:96%;
	padding:15px 2% 0;
	height: 122px; 
	color: rgb(102, 102, 102); 
	font-size: 15px; 
	line-height: 24px; 
	z-index: 3; 
	position: relative;
	transition-delay: 0.2s;
}
dl.s_1 dd.sx{
	 width: 100%; 
	 height: 5px;
	 border-radius: 5px; 
	 margin-top: 1px; 
}
dl.s_1 dd.sx-1 { background-color: rgb(81, 194, 255); }
dl.s_1 dd.sx-2 { background-color: rgb(196, 241, 73); }
dl.s_1 dd.sx-3 { background-color: rgb(253, 140, 72); }
dl.s_1 dd.sx-4 { background-color: rgb(133, 123, 255);}
dl.s_1 dd.bg{
	width: 100%; 
	height: 0px;
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	z-index: 0; 
	transition: all 0.5s ease 0s;
}
dl.s_1 dd.bg-1 { background-color: rgb(81, 194, 255);}
dl.s_1 dd.bg-2 { background-color: rgb(196, 241, 73);}
dl.s_1 dd.bg-3 { background-color: rgb(253, 140, 72);}
dl.s_1 dd.bg-4 { background-color: rgb(133, 123, 255);}
.what{
	background-size:100% 100%;
}

.what dl:hover dd.st { color: rgb(255, 255, 255); }
.what dl:hover dd.spec { color: rgb(255, 255, 255); }
.what dl dt.tw_1 { display: inline-block; width: 100%; height: 199px; background: rgba(0, 0, 0, 0) url('images/s_1.png') no-repeat scroll; }
.what dl:hover dt.tw_1 { background: rgba(0, 0, 0, 0) url('images/s_1.png') no-repeat scroll 0px -200px; }
.what dl dt.tw_2 { display: inline-block; width: 100%; height: 199px; background: rgba(0, 0, 0, 0) url('images/s_2.png') no-repeat scroll 0px 0px; }
.what dl:hover dt.tw_2 { background: rgba(0, 0, 0, 0) url('images/s_2.png') no-repeat scroll 0px -200px; }
.what dl dt.tw_3 { display: inline-block; width: 100%; height: 199px; background: rgba(0, 0, 0, 0) url('images/s_3.png') no-repeat scroll 0px 0px; }
.what dl:hover dt.tw_3 { background: rgba(0, 0, 0, 0) url('images/s_3.png') no-repeat scroll 0px -200px; }
.what dl dt.tw_4 { display: inline-block; width: 100%; height: 199px; background: rgba(0, 0, 0, 0) url('images/s_4.png') no-repeat scroll 0px 0px; }
.what dl:hover dt.tw_4 { background: rgba(0, 0, 0, 0) url('images/s_4.png') no-repeat scroll 0px -200px; }
.what dl:hover .bg { height: 440px; width:100%;}
.wPhone { width: 90%; margin: 0px auto; display: none; }
.wPhone dl { position: relative; margin-top: 10px; background: rgb(0, 159, 222) none repeat scroll 0% 0%; }
.wPhone dl dt { width: 267px; height: 100px;  background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; }
.wPhone dl dt img { width: 267px; height: 100px; float: left; }
.wPhone dl .font { height: 100px; padding-left: 267px; font-size: 33px; line-height: 100px; text-align: center; color: #000; font-weight: 600; background: #fff; }
.video-auto-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.mark { background: rgba(0, 0, 0, 0) url('mark.gif') repeat scroll 0px 0px; bottom: 0px; display: block; height: 100%; left: 0px; opacity: 0.3; position: absolute; right: 0px; top: 0px; width: 100%; z-index: 2; }
.sec5 { overflow: hidden; position: relative; height: 550px; text-align: center; }
.sec5 > * { position: relative; z-index: 2; }
.sec5 b { font-size: 36px; color: rgb(48, 174, 223); padding: 150px 0px 0px; display: block; }
.sec5 span { font-size: 30px; display: block; color: rgb(0, 0, 0); margin-bottom: 100px; }
.sec5 p { font-size: 20px; color: rgb(255, 254, 254); display: block; line-height: 36px; z-index: 9; }
.sec5 img { width: 550px; height: 550px; position: absolute; z-index: 0; left: 50%; top: 0px; margin-left: -275px; }
.section6 .w > h2 { margin: 50px 0px 150px; color: rgb(0, 159, 222); }
.obj-list {  }
.obj-list li { float: left; width: 16.6%; position: relative; height: 300px; }
.obj-list li .w-wrap { margin: 0px 20px; position: absolute; left: 0px; right: 0px; bottom: 0px; }
.obj-list li span { display: block; color: rgb(255, 255, 255); padding: 5px 10px; margin: 0px 2px 3px; font-size: 14px; transition: all 0.3s ease 0s; }
.obj-list li span:hover { transform: scale(1.1, 1.1); }
.obj-list li span.last { padding: 10px 10px 40px; text-align: center; margin: 0px 0px 3px; }
.obj-list li span.last:hover { transform: none; }
.obj-list li.i1 span { background: rgb(242, 152, 12) none repeat scroll 0% 0%; }
.obj-list li.i1 span.last { background: rgba(0, 0, 0, 0) url('jj_02.png') no-repeat scroll center bottom / 100% auto; }
.obj-list li.i2 span { background: rgb(27, 177, 237) none repeat scroll 0% 0%; }
.obj-list li.i2 span.last { background: rgba(0, 0, 0, 0) url('jj_04.png') no-repeat scroll center bottom / 100% auto; }
.obj-list li.i3 span { background: rgb(0, 153, 214) none repeat scroll 0% 0%; }
.obj-list li.i3 span.last { background: rgba(0, 0, 0, 0) url('jj_06.png') no-repeat scroll center bottom / 100% auto; }
.obj-list li.i4 span { background: rgb(0, 125, 175) none repeat scroll 0% 0%; }
.obj-list li.i4 span.last { background: rgba(0, 0, 0, 0) url('jj_08.png') no-repeat scroll center bottom / 100% auto; }
.obj-list li.i5 span { background: rgb(0, 92, 129) none repeat scroll 0% 0%; }
.obj-list li.i5 span.last { background: rgba(0, 0, 0, 0) url('jj_10.png') no-repeat scroll center bottom / 100% auto; }
.obj-list li.i6 span { background: rgb(22, 123, 117) none repeat scroll 0% 0%; }
.obj-list li.i6 span.last { background: rgba(0, 0, 0, 0) url('jj_12.png') no-repeat scroll center bottom / 100% auto; }
.section7 .w > h2 { margin: 0px 0px 30px; color: rgb(0, 159, 222); }
.team-wrapper { position: relative; width: 100%; padding-bottom: 54%; }
.sh-team2 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.sh-team li { float: left; width: 16.6%; overflow: hidden; position: relative; z-index: 1; }
.sh-team li a { display: block; }
.sh-team li img { transition: all 0.3s ease 0s; position: relative; z-index: 2; max-width: 100%; max-height: 100%; display: block; }
.sh-team li div { transition: all 0.7s ease 0s; position: absolute; width: 200%; height: 100%; top: 0px; left: 0px; z-index: 1; background: rgb(0, 159, 222) none repeat scroll 0% 0%; opacity: 0; }
.sh-team li div p { display: block; margin: 10px 10px 10px 20px; color: rgb(0, 0, 0); font-weight: bold; font-size: 16px; }
.sh-team li div b { display: block; margin: 10px 10px 1em 20px; color: rgb(255, 255, 255); font-weight: bold; font-size: 20px; }
.sh-team li div span { display: block; margin: 10px 10px 10px 20px; font-size: 16px; color: rgb(255, 255, 255); }
.sh-team li:hover { z-index: 5; overflow: visible; transition: none 0s ease 0s  !important; }
.sh-team li:hover img { transform: scale(1.08, 1.08); border-radius: 2px; box-shadow: 0px 0px 4px rgb(153, 153, 153); }
.sh-team li:hover div { left: 100%; opacity: 1; }
.section .w > h2 { color: rgb(255, 255, 255); position: relative;}
.section .w > h2 {
    transition: 1.8s all;
    -webkit-transition: 1.8s all;
    transform: scale(0.5,0.5) translateY(-50px);
    -webkit-transform: scale(0.5,0.5) translateY(-50px);
}
.section .w > h3 {
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    transform: scale(0.5,0.5) translateY(50px);
    -webkit-transform: scale(0.5,0.5) translateY(50px);
}

.active.section .w > h2 {
    transform: scale(1,1) translateY(0px);
    -webkit-transform: scale(1,1) translateY(0px);
}
.active.section .w > h3 {
    transform: scale(1,1) translateY(0px);
    -webkit-transform: scale(1,1) translateY(0px);
}
.section8 .w > h3 { /*margin: 20px 0px 30px;*/ margin:0px; /*color: rgb(255, 255, 255);*/  padding-bottom: 40px; }
.section .w > h2 i { width: 4em; height: 5px; background: rgb(0, 159, 222) none repeat scroll 0% 0%; position: absolute; left: 50%; top:98%; margin-left: -2em; }
.sec8 {position:relative; text-align: center; max-width: 900px; margin: 0px auto;  color: rgb(255, 255, 255); font-size: 16px; height:500px;} 

/*.sec8 p { margin-bottom: 2em; color:#fafafb;}*/

.sec82 { margin: 40px 0px 0px; }
.sec82 a { width: 200px; height: 51px; background: rgb(0, 159, 222) none repeat scroll 0% 0%; color: rgb(255, 255, 255); line-height: 51px; text-align: center; display: inline-block; border-radius: 5px; font-size: 24px; transition: all 0.5s ease 0s; }
.sec82 a:hover { width: 250px; }
.section9 .w { padding: 78px 0px 0px; }
.section9 .w > h3{
	margin-bottom:50px;
}
.sec91 { float: left; height: auto; margin-top: 200px; margin-right: 40px; overflow: hidden; display: block; }
.sec91 img { display: block; }
.sec91 span { float: right; width: 115px; height: 115px; margin-top: 30px; display: block; background: rgba(0, 0, 0, 0) url('a_118.png') no-repeat scroll 0% 0%; margin-right: 18px; }
.sec92 { 
	display: block; 
	background:url(images/6-bg.png) no-repeat; 
	background-size:100%;
    position:  relative;
    padding: 50px 0 0 190px;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5,1.5);
}
.sec92 p{
	font-size:22px;
	line-height:80px;
	color:#666;
	position:relative;
}
.sec92 i{
	font-size:19px;
	color:#9d9fa1;
	display:block;
}
.sec92 .f{
	width:36px;
	height:36px;
}
.sec92 .f1{
	background:url(images/bottom_03.png);
	position:absolute;
	left:0;
	top:0;
}
.sec92 .f2{
	background:url(images/bottom_05.png) no-repeat;
	position:absolute;
	left:50%;
	top:0;
}
.sec92 .f3{
	background:url(images/bottom_07.png);
	position:absolute;
	right:0;
	top:0;
}
.sec92 .f4{
	background:url(images/bottom_13.png) no-repeat;
	position:absolute;
	left:0;
	top:50%;
}
.sec92 .f5{
	background:url(images/bottom_16.png) no-repeat;
	position:absolute;
	right:-2.5%;
	top:50%;
}
.sec92 .f6{
	background:url(images/bottom_19.png);
	position:absolute;
	left:0;
	bottom:0;
}
.sec92 .f7{
	background:url(images/bottom_20.png);
	position:absolute;
	right:0;
	bottom:0;
}
.sec92 p span{
	width:20%;
	height:50%;
	position:absolute;
	left:-66px;
    top:22px;
}
.sec92 p .pic1{
	background:url(images/6-tb_03.png) no-repeat;
}
.sec92 p .pic2{
	background:url(images/6-tb_06.png) no-repeat;
}
.sec92 p .pic3{
	background:url(images/6-tb_09.png) no-repeat;
}
.sec92 p .pic4{
	background:url(images/6-tb_11.png) no-repeat;
}
.active.section .sec92{
  
    transition: all 1.8s ease 0s; 
	transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0,1.0);
   
}
.active.section .sec92 p{
	transition: all 1.8s ease 0s; 
	transform: rotate(360deg);
    -webkit-transform:rotate(360deg);
}
.active.section .sec92 i{
	transition: all 1.8s ease 0s;
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.wPhone6{
	display:none;
}
.w .bottom_6{
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#333;
	background:url(images/b-logo_03.png) no-repeat;
	position:absolute;
	bottom:-22%;
	left:26%;
	padding-left:10%;
	
}
.body-box { overflow: hidden; }
.bak-mask { transition: all 1.8s ease 0s; transform: translateY(100px) scale(0.5, 0.5); }
.active .bak-mask { transform: translateY(0px); }
.section .w > h2 { transition: all 1.8s ease 0s; /*transform: scale(0.5, 0.5) translateY(-50px);*/ }
.section .w > h3 { transition: all 1.5s ease 0s; /*transform: scale(0.5, 0.5) translateY(50px);*/ }
.section3 .sec3 li { transition: all 1s ease 0s; opacity: 0; transform: translateY(100px); }
.section .more { transition: all 2s ease 0s; transform: translateY(100px); }
.section2 .more img{
	position:absolute; 
	left:46%; 
	bottom:1%;
}
.section5 .w > h3{
	margin-bottom:50px;
}
.sec5 img { transition: all 2s ease 0s; transform: scale(0.3, 0.3); }
.sec5 b {
	transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transform: scale(0.3,0.3);
    -webkit-transform: scale(0.3,0.3);}
}

.sec5 span { transition: all 1.5s ease 0s; transform: scale(0.3, 0.3); }
.sec5 .small{
	display:none;
}
.active .sec5 b, .active .sec5 span ,.active .sec5 img{
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
 
.obj-list li { transition: all 1.5s ease 0s; opacity: 0; transform: translateY(-100px); }
.sh-team li a { transition: all 1.5s ease 0s; opacity: 0; transform: scale(0.3, 0.3); }
.sec8 .dashed{
	border:1px dashed #fff;
	width:66%;
	height:10%;
}
.sec8 .dashed.d1{
	position:absolute;
	left:20%;
	top:0;
	border-bottom: none;
}
.sec8 .dashed.d2{
	position:absolute;
	left:20%;
	bottom:-11.5%;
	border-top:none;
}
.sec8 .left{
	width:40.5%;
	position:absolute;
	left:0;
	top:10%;
	transition: 1.5s all; 
    -webkit-transition: 1.5s all; 
    opacity: 0; 
    transform: translateX(-200px); 
    -webkit-transform: translateX(-200px);
}
.active .sec8 .left{
	transform: translateX(0px); 
    -webkit-transform: translateX(0px); 
    opacity: 1; 
}
.sec8 .nav{
	width:54%;
	position:absolute;
	right:-16%;
	top:10%;
	padding:0 3%;
}
.sec8 .nav p{
	/*padding: 0 18%;*/
	line-height:30px;
	transition: 1.5s all;
    -webkit-transition: 1.5s all;
    opacity: 0;
    transform: scale(0.6,0.6);
    -webkit-transform: scale(0.6,0.6);
    margin-bottom: 1em;
}
.active .sec8 p:first-child+p {
    transition-delay: 1s;
}
.active .sec8 p {
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    opacity: 1;
}
.sec8 p.h_1{
	font-size:26px;
	color:#fff;
	
}
.sec8 p.h_2{
	font-size:18px;
	color:#fff;
}
.sec8 p { 
	-webkit-transition: all 1.5s ease 0s; /*opacity: 0; 
	transform: scale(0.6, 0.6); 
	-moz-transition: all 1.5s ease 0s;
}
.sec91 { transition: all 1.5s ease 0s; opacity: 0; transform: translateX(-100px); }
.sec92 { transition: all 2s ease 0s; /*opacity: 0;*/ transform: translateX(200px); width:100%;}
.h750 .section .w > h2 { padding-top: 55px; }
.h750 .sh-team { margin: 0px 50px; }
.sidebar { position: fixed; right: 0px; bottom: 20%; margin-top: 80px; width: 55px; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; padding: 12px 0px 0px; border-radius: 8px 0px 0px 8px; z-index: 2147483647; }
.sidebar li { height: 50px; width: 188px; padding-left: 17px; border-radius: 8px 0px 0px 8px; transition: all 0.5s ease 0s; }
.sidebar li img { display: block; }
.sidebar li:hover { margin-left: -130px; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; }
.star { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 35px; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; padding: 0px; z-index: 2147483647; display: none; }
.star ul { width: 90%; margin: 0px auto; text-align: center; }
.star ul li { width: auto; height: 35px; display: inline-block; margin: 0px 40px 0px 0px; }
.star ul li a { width: auto; height: 35px; }
.star ul li a img { width: 27px; height: 27px; float: left; margin: 4px 10px 0px 0px; }
.star ul li a span { width: auto; height: 35px; float: left; line-height: 35px; color: rgb(255, 255, 255); }
.star ul li:nth-child(2n+2) { width: auto; height: 35px; margin: 0px; }
.nfl { position: absolute; top: 0px; right: 0px; margin: 0px; width: 47px; }
.mobile-header {  width: 100%; height: 47px; position: absolute; top: 0px; left: 0px; }
.mobile-header-icon { color: rgb(255, 255, 255); height: 47px; font-size: 25px; text-align: center; float: right; width: 47px; position: relative; transition: background 0.5s ease 0s; }
.mobile-header-icon:hover { background-color: rgba(0, 0, 0, 0.2); cursor: pointer; }
.mobile-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color: rgb(255, 255, 255); }
.mobile-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); }
.mobile-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg); }
.mobile-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
.mobile-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
.mobile-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }
.mobile-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
.mobile-nav { background-color: rgba(0,0, 0, 0.5); width: 100%; position: absolute; top: 47px; left: 0px; z-index: 2147483647; padding-top: 10px; padding-bottom: 40px; display: none; }
.mobile-nav a { display: inline-block; line-height: 40px; text-decoration: none; width: 80%; margin-left: 10%; color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.5s ease 0s; font-weight: 300; font-size:20px; animation-duration: 0.5s; animation-fill-mode: both; animation-name: returnToNormal; }
.mobile-nav a:hover { color: rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.dataStatistics .digit > div.digit_top::before, .dataStatistics .digit > div.shadow_top::before { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
.dataStatistics .digit > div.digit_bottom::before, .dataStatistics .digit > div.shadow_bottom::before { content: ""; border-radius: 0px 0px 10px 10px; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
@media only screen and (max-width: 1440px) {
  .case-box li { width: 20%; }
}
@media only screen and (max-width: 1366px) {
  .mouse { top: 90%; }
}
@media only screen and (max-width: 1280px) {
  .wrap, .header .w, .section .w { max-width: 1100px; }
  .header .w .nav li a { margin: 0px 10px; }
  .case-box li { width: 25%; }
  .mouse { top: 90%; }
}
@media only screen and (max-width: 1200px) {
  .case-Img { width: 100%; }
  .wrap, .section .w { margin: 0px 50px; }
  .bak-mask { width: 480px; margin-left: -240px; }
  .obj-list li .w-wrap { margin: 0px 10px; }
  .kehu-box li { width: 20%; }
  .mouse { top: 90%; }
}
/*@media only screen and (max-width: 1160px) {
  .section4 .kehu li a { width: 100%;}
  .section4 .kehu li a img { width: 100%; height: 100%; }
  .section4 .kehu li a img.part1 { width: 100%; height: 100%; }
  .section4 .kehu li a img.part2 { display: none; }
  .section4 .kehu li a:hover img.part1 { position: relative; z-index: 2; opacity: 1; transform: rotateY(0deg); }
  .section4 .kehu li a:hover img.part2 { display: none; }
}*/
@media only screen and (max-width: 1024px) {
  .obj-list li span.last { padding-bottom: 20px; }
}
@media only screen and (max-width: 1000px) {
  .wrap, .header .w, .section .w { margin: 0px 30px; }
  .header .w .nav li{
  	width:74px;
  }
  .header .w .nav li a { margin: 0px; }
  /*.w .logo img { width: 180px; }*/
  .header .w .nav { margin-top: 0px; }
  .section2 .sec2 li { width: 50%; margin-bottom: 20px; }
  .section2 .sec2 li .w-wrap { max-width: 200px; margin: 0px auto; border-radius: 3px; overflow: hidden; }
  .section2 .sec2 li .w-wrap .sec21 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; top: 0px; padding-top: 20px; }
  .section2 .sec2 li .w-wrap .sec21 img { opacity: 1; visibility: visible; }
  .section2 .sec2 li .w-wrap .sec21 img:first-child { opacity: 0; visibility: hidden; }
  .section2 .sec2 li .w-wrap .sec22 { color: rgb(255, 255, 255); }
  .section2 .sec2 li .w-wrap .sec22 p { opacity: 1; visibility: visible; }
  .section2 .sec2 li .w-wrap .sec22 .bottom { background: rgb(0, 159, 222) none repeat scroll 0% 0%; bottom: 0px; top: -10px; height: auto; }
  .section3 .sec3 li { width: 33.3%; }
  .section3 .sec3 li .w-wrap {  }
  .section4 .kehu li { width: 20%; }
  .sec5 b { font-size: 36px; }
  .obj-list li .w-wrap { margin: 0px 5px; }
  .obj-list li span { font-size: 12px; padding: 5px; }
  .obj-list li span.last { padding-bottom: 20px; }
  .sh-team li { width: 20%; }
  .sh-team li div { display: none !important; }
  .sec91 { float: none; margin: 0px 0px 40px; }
  .kehu-box li { width: 25%; }
  .case-box li { width: 33.3%; }
  .sec91 span { display: none; }
  .mouse { top: 90%; }
  .what dl { width: 23%; margin: 0px 1%; }
}
@media only screen and (max-width: 767px) {
  .wrap, .header .w, .section .w { margin: 0px 25px; }
  .section1 .w { padding-top: 20px; }
  .header .w .nav { display: none; }
  .header .w { padding-top: 0px; }
  .bak-mask.aa1 img{
  	width:70%;
	margin:0 auto;
	display:block;
  }
  
/*.section2 .more{
	position: absolute;
    left: 46%;
    bottom: 29%
}*/

  .bx-viewport .dot{
  	position:absolute;
  	left:43%;
  	bottom: 18%;
  }
  /*.header .w .logo img { width: 170px; }*/
  .nfl { display: block; }
  .bak-mask { width: 300px; margin: -50px 0px 0px -150px; }
  .tab-box-anli { top: 70px; }
  #fp-nav.right { right: 2px !important; transform: scale(0.8, 0.8); }
  .section .w > h3 img { width: 100%; height: auto; }
  
  .section2 .sec2 li { width: auto; float: none; margin-bottom: 10px; }
  .section2 .sec2 li .w-wrap .sec21 { width: 50px; float: left; padding: 10px; }
  .section2 .sec2 li .w-wrap .sec22 { overflow: hidden; padding: 5px; }
  .section2 .sec2 li .w-wrap { max-width: none; }
  .section2 .sec2 li .sec22 span { font-size: 18px; line-height: 60px; margin: 0px; }
  .section2 .sec2 li .sec22 p { font-size: 12px; display: none; }
  .section3 .sec3 { margin: 0px !important; }
  .header .w { height: 47px; }
  .header .w .logo { width:100%; margin: 0 16%; position:relative;}
  .header .w .logo .gxwk{
  	display:block;
  	font-size:29px;
  	color:#fff;
  	position:absolute;
  	left:84px;
  	top:0;
  }
  .section3 .sec3 li { width: 50%; }
  .section .w > h3 { margin-bottom: 70px; }
  .section2 .w > h3{
  	margin-bottom:0;
  }
  .section3 .sec3 li .w-wrap { margin: 0px 8px; }
  .section3 .sec3 li { display: none; margin-bottom: 20px; }
  .section3 .sec3 li:first-child, .section3 .sec3 li:first-child + li, .section3 .sec3 li:first-child + li + li, .section3 .sec3 li:first-child + li + li + li { display: block; }
  .section .w > h2 { padding-top: 50px; font-size: 24px; }
  .section4 .kehu { margin-top: 82px !important; }
  .section4 .kehu li { width: 20%; margin-bottom: 10px; }
  .section4 .kehu li b { margin: 0px 8px; width:100px; height:100px;}
  .section4 .kehu li b img.part1{
  	position: absolute;
    left: 12px;
    top: 41px;
  }
  .section4 .kehu li b img.spec9 {
    position: absolute;
    left: 17px;
    top: 0px;
  }
  .sec8 { font-size: 12px; padding: 0px; }
  .sec8 .left{
	display:none;
  }
  .sec8 .dashed{
  	display:none;
  }
  .sec8 .nav {
     width: 100%; 
     position: absolute; 
     left:0;
     top:0;
    
     padding: 0; 
}
  .sec5 { height: 400px; }
  .sec5 img { width: 300px; height: 300px; margin: 0px 0px 0px -150px; }

  .sec5 b { padding-top: 70px; font-size: 18px; }
  .sec5 p{
  	padding-top:39px;
  	line-height:1.5;
  }
  .active .sec5 b, .active .sec5 span, .active .sec5 img {
    transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    padding-top:28px;
}
 .active .sec5 b{
 	padding-top:78px;
 }

  .sec5 span { font-size: 16px; margin:7px 0 20px; }
  .sec5 p { font-size: 15px; }
  .section6 .w > h2 { margin: 0px 0px 10px; }
  .section .w > h3 { font-size: 18px; }
  .obj-list li { float: none; height: auto; width: auto; font-size: 0px; }
  .obj-list li .w-wrap { position: relative; margin-bottom: 10px; }
  .obj-list li span.last { display: none; }
  .obj-list li span { display: inline-block; float: none; margin: 0px 3px 3px 0px; font-size: 12px; }
  .sh-team li { width: 25%; }
  
  .section8 .w > h3 { margin: 10px 0px; padding-bottom: 10px; }
  .sec8 p { margin-bottom: 1em; }
  .sec82 a { width: 100px; height: 31px; line-height: 31px; font-size: 14px; }
  .sec82 a:hover { width: 150px; }
  .sec91 img { width: 70%; height: auto; }
  .section9 .w { padding: 50px 0px 0px; height:100%;}
  .sec92 { padding-left: 5px; display:none;}
  .wPhone6{
  	display:block;
  	font-size:24px;
  	color:#666;
  }
  .active .wPhone6 p{
	transition: all 1.8s ease 0s; 
	transform: rotate(360deg);
    -webkit-transform:rotate(360deg);
  }
  .w .bottom_6{
  	position:absolute;
  	left:0;
  	bottom:80px;
  	padding-left: 13%;
  }
  .sec91 { margin-bottom: 20px; }
  .sec921 span { font-size: 18px; }
  .sec921 p { font-size: 13px; line-height: 30px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; padding: 0px; }
  .sec921 p b { font-size: 28px; }
  .sec922 { display: none; }
  .tab-box-anli a { width: 23%; margin: 0px 1%; font-size: 12px; }
  .fix-body { padding-top: 70px; }
  .fix-header .w-box { height: 70px; }
  .fix-header .logo { width: 180px; }
  .w-box { margin: 0px 25px; }
  .kehu-box li { width: 50%; }
  .case-box li { width: 50%; }
  .case-box { margin: 0px -10px; }
  .case-box li .w-wrap { margin: 0px 10px; }
  .lish { padding: 30px 20px; }
  .lish h3 { font-size: 24px; }
  .lish p { font-size: 14px; }
  .lish h6 { font-size: 18px; }
  .sidebar { display: none; }
  .star { display: block; }
  #fp-nav { display: none; }
  .bx-pager { display: none; }
  .mouse { display: none; }
  .video-auto-box video { display: none; }
  .what { display: none; }
  .wPhone { display: block; }
  .section2 .more img{
  	position:absolute;
  	left:46%;
  	bottom:5.5%;
  }

.wPhone dd.bg{
	width: 4px; 
	height: 100%;
	position: absolute; 
	right: 0px; 
	bottom: 0px; 
	z-index: 0;
}
.wPhone dd.bg-1{
	background:url(images/2-nav_03.png);
}
.wPhone dd.bg-2{
	background:url(images/2-nav_06.png);
}
.wPhone dd.bg-3{
	background:url(images/2-nav_08.png);
}
.wPhone dd.bg-4{
	background:url(images/2-nav_10.png);
}
}
  
@media only screen and (max-width: 414px) {
	.section2 .more img {
	    position: absolute;
	    left: 38%;
	    bottom: 5.5%;
	}
	.section4 .kehu li {
    	width: 33%;
	}
  /*.tab-main { padding-top: 100px; }
  .tab-box-anli a { width: 40%; margin: 0px 5% 10px; font-size: 12px; }*/
	.sec8 .nav p{
		font-size:16px;
	}
	.active .wPhone6 p{
		font-size:16px;
	}

	.active .sec5 b{
		font-size:18px;
	}
	.active .sec5 span{
		width:100%;
	}
	
	.sec5 img {
	    
	    width: 250px;
	    height: 250px;
	    margin: 0px 0px 0px -128px;
	}
	.sec5 .small{
		display:block;
	}
	.sec5 p{
		padding-top:0;
	}
	.sec5 span {
	    font-size: 15px;
	    margin: -20px 0 20px;
	}
	.sec5 .big{
		display:none;
	}
	#change .bak-mask {
		position: absolute;
	    width: 760px;
	    height: 530px;
	    left: 42%;
	    top: 50%;
	    margin: -265px 0px 0px -350px;
	    z-index: 2;
	}
	.bak-mask.aa1 img {
	    width: 39%;
	}
	.wPhone dl .font {
	    height: 78px;
	    padding-left: 159px;
	    font-size: 24px;
	    line-height: 78px;
	    font-weight: 600;
	}
	.wPhone dl dt {
	    width: 140px;
	    height: 78px;
	}
	.wPhone dl dt img {
	    width: 140px;
	    height: 80px;
	}
}
.swiper-pagination { text-align: center; bottom: -50px; }
.swiper-pagination .emplcir { display: inline-block; width: 50px; height: 5px; margin-right: 10px; background-color: rgb(166, 166, 166); cursor: pointer; }
.swiper-pagination .emplciractive { background-color: rgb(0, 159, 222); }
@media only screen and (max-width: 768px) {
  .swiper-pagination .emplcir { width: 20px; height: 3px; margin-right: 5px; }
  .swiper-pagination { bottom: -80px; }
  .swiper-pagination { bottom: 0px; }
  .section7 .w > h2 { margin-bottom: 15px; }
  .loading-shutter-logo { width: 50%; margin-top: -10%; }
  .team-wrapper { height: 100%; }
}
@media only screen and (max-width: 320px) {

.wPhone dl .font {
    padding-left: 141px;
}
.section4 .kehu {
     margin-top: 0; 
}
.section4 .kehu li b {
    width: 80px;
    height: 80px;
}
.sec8 .nav p{
    	line-height: 1;
    }

.active .sec5 b {
    font-size: 16px;
}
  .sh-team li:hover img { transform: scale(1.03, 1.03); }
}
/* ::::: http://www.eshidu.com/Public/home/css/jquery.bxslider.css ::::: */

.bx-wrapper { position: relative; margin: 0px auto; padding: 0px; }
.bx-viewport { left: 0px; height: auto !important; }
.bx-pager .bx-wrapper .bx-controls-auto { position: absolute; bottom: 51px; width: 100%; z-index: 100; }
.bx-pager { text-align: center; }
/*.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }*/
.clearfix:after{display:block; content: ""; clear:both;}
.clearfix{zomm:1;}
.bx-pager.bx-default-pager li { background: rgba(166, 166, 166,0.2) none repeat scroll 0% 0%; text-indent: -9999px; float:left; width: 26px; height: 26px; margin-left: 61px; outline: 0px none; border-radius: 50%; }
.bx-pager.bx-default-pager li.active { background: rgb(77, 77, 255) none repeat scroll 0% 0%; }
.bx-controls-direction .bx-prev { background-position: left bottom; left: 0px; }
.bx-controls-direction .bx-next { background-position: right top; right: 0px; }
.bx-controls-direction .bx-prev.disabled { background-position: left top; opacity: 1; cursor: default; }
.bx-controls-direction a { position: absolute; top: 50%; margin-top: -19px; outline: 0px none; width: 38px; border-radius: 2px; height: 38px; text-indent: -9999px; z-index: 9999; opacity: 0.8; display: none; }
.bx-controls-direction a:hover { opacity: 1; }
.bx-controls-direction a.disabled {  }
/* ::::: http://www.eshidu.com/Public/home/css/jquery.fullPage.css ::::: */

.fp-section { position: relative; box-sizing: border-box; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { width: 100%; height: 100%; position: relative; }
#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fp-nav.left { left: 17px; }
#fp-nav ul, .fp-slidesNav ul { margin: 0px; padding: 0px; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 10px 7px; position: relative; }
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background-position: center bottom; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 21px; height: 21px; background: rgba(0, 0, 0, 0) url('images/dot.png') no-repeat scroll 8px 5px; position: absolute; z-index: 1; }
#fp-nav ul li .fp-tooltip { position: absolute; top: 2px; left:25px; color: rgb(0, 159, 222); font-size: 14px; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; font-family: "微软雅黑"; width: 0px; }
#fp-nav ul li.on .fp-tooltip, #fp-nav ul li:hover .fp-tooltip { transition: opacity 0.2s ease-in 0s; width: auto; opacity: 1; color: rgb(0, 96, 216); }
#fp-nav ul li .fp-tooltip.left { left: 20px; }

*::-moz-placeholder { color: rgb(171, 171, 171); opacity: 1; }
/* 选项卡 */
		}
		.change{
			width:100%;animation:run 2s linear infinite;overflow:hidden;
		}
		.slide-1{
			width:100%;
			display: none;
			overflow: hidden;
			
		}
		.bx-viewport .dot{
			width:270px;
			height:26px;
			padding:10px 0;
			position:absolute; 
			left:43%; 
			bottom:13%;
		}
		.bx-viewport .dot li{			
			float:left;
			display: block;
			width:26px;
			height:26px;
			background-image: url(images/p-1.png);
			margin-right:60px;
		}
		
		.bx-viewport .dot .dot-1{
			background-image: url(images/p-2.png);
		}
		#nb_icon_wrap{
			display:none;
		}
			
	  #nb_invite_wrap{
	  	display:none;
	  }
	  @keyframes run{
		to{
			margin-left:-600px;
		}