html{overflow: hidden;}
html,body{ font-size:12px; font-family: "微软雅黑"; height: 100%;}
.w1000{ width: 1000px; margin: 0 auto;}

.in_wrap{height: 100%;}
.in_wrap .box1,.in_wrap .box2,.in_wrap .box3,.in_wrap .box4,.in_wrap .box5,.in_wrap .box6{
	background-size:cover;-webkit-background-size:cover;
	background-attachment:fixed;-webkit-background-attachment:fixed;
}
.in_wrap .box1{height: 100%;background: url(../images/banner_bg1.jpg) no-repeat center;overflow: hidden;background-size:cover;}
.in_wrap .box2{height: 100%;background: url(../images/banner_bg2.jpg) no-repeat center;overflow: hidden;background-size:cover;}
.in_wrap .box3{height: 100%;background: url(../images/banner_bg3.jpg) no-repeat center;overflow: hidden;background-size:cover;}
.in_wrap .box4{height: 100%;background: url(../images/banner_bg4.jpg) no-repeat center;overflow: hidden;background-size:cover;}
.in_wrap .box5{height: 100%;background: url(../images/banner_bg5.jpg) no-repeat center;overflow: hidden;background-size:cover;}
.in_wrap .box6{height: 100%;background: url(../images/banner_bg6.jpg) no-repeat center;overflow: hidden;background-size:cover;}

.in_wrap .point{ position: fixed; right: 60px; top: 50%; margin-top: -45px;}
.in_wrap .point p{ width: 6px; height: 6px; border-radius: 50%; cursor: pointer; margin: 0 auto 16px;background: #fff;
	transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;}
.in_wrap .point p:last-child{ margin-bottom: 0;}
.in_wrap .point p.current{width: 12px;height: 12px;}
.in_wrap .point2 p{ background: #666;}

.nav{ position: fixed;height: 100%; left: 0; top: 0;z-index: 99999;}
.nav.current{width: 300px;}
.nav .language{padding: 46px 0 0 48px; width: 27px;text-align: center; line-height: 24px; position: relative;z-index: 2;}
.nav .language p a{color: #fff;
	transition:all .6s linear;-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;}
.nav .nav_show{ margin: 48px 0 0 48px;cursor: pointer; width: 25px; position: relative;z-index: 2;}
.nav .list{ left: -300px; top: 0; width: 300px; height: 100%;background: rgba(0,0,0,0.5);
	transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;}
.nav .list ul{ padding: 140px 0 0 108px;
	transform:translateX(-300px);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);
	transition:all .4s ease-in .45s;-webkit-transition:all .4s ease-in .45s;-moz-transition:all .4s ease-in .45s;-o-transition:all .4s ease-in .45s;}
.nav .list li{ margin-top: 60px;
	transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-o-transition:all .4s ease-in;}
.nav .list a{font-size: 22px;color: #fff;}
.nav .list.current{left: 0;}
.nav .list.current ul{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);}
.nav .list li:hover{transform:translateX(-40px);-webkit-transform:translateX(-40px);-moz-transform:translateX(-40px);-o-transform:translateX(-40px);-ms-transform:translateX(-40px);}

.in_wrap .box1{}
.in_wrap .box1 .logo{width:219px; height:222px; top:74px; left: 50%; margin-left:-110px;}
.in_wrap .box1 .logo img.pic1{ position:relative; height: 100%;}
.in_wrap .box1 .logo .pic2,.in_wrap .box1 .logo .pic3{width: 100%;height: 100%;display: table; text-align: center;left: 0; top: 0;}
.in_wrap .box1 .logo .pic2 span,.in_wrap .box1 .logo .pic3 span{display: table-cell; vertical-align: middle;}
.in_wrap .box1 .logo .pic2 img,.in_wrap .box1 .logo .pic3 img{ display: inline-block;width: 75%;}
/*.in_wrap .box1 .logo .pic3{ opacity:0;}*/
.in_wrap .box1 .txt{color: #274e80; bottom: 14%; left:50%;text-align: center; z-index:3;margin-left:-240px;width: 480px;height: 20px; line-height: 22px; font-size: 18px;
	background: -webkit-gradient(linear,left top,right top,color-stop(0, #274e80),color-stop(0.3, #274e80),color-stop(0.5, #4e7fbd),color-stop(0.7, #274e80),color-stop(1, #274e80));
	background-clip: text;-webkit-background-clip: text;
	text-fill-color: transparent;-webkit-text-fill-color: transparent;
	animation: slidetounlock 4s linear infinite;-webkit-animation: slidetounlock 8s linear infinite;
}
.box1 .pic1 { opacity:0;}
.m-haitun { top:337px; left:50%; margin-left:-535px; width:1071px; height:296px; background:url(../images/haitun.png) no-repeat;}
.m-haitun i { z-index:1; position:absolute; left:865px; top:79px; width:16px; height:13px; overflow:hidden; background:url(../images/eye.png) no-repeat;}
.m-haitun b { z-index:1; position:absolute; left:840px; top:23px; width:10px; height:10px; opacity:0; background:url(../images/paopao.png) no-repeat; background-size:cover;}

@-webkit-keyframes fadeInDown {
	0% { opacity:0; -webkit-transform:translateY(-100px); transform:translateY(-100px);}
	100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes fadeInDown {
	0% { opacity:0; -webkit-transform:translateY(-100px); -ms-transform:translateY(-100px); transform:translateY(-100px);}
	100% { opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}

@-webkit-keyframes fadeIn {
	0% { opacity:0;}
	10% { opacity:1;}
}
@keyframes fadeIn {
	0% { opacity:0;}
	10% { opacity:1;}
}

@-webkit-keyframes paopao {
	0% { opacity:0;}
	25% { opacity:.6; top:0px; left:800px;}
	50% { opacity:.6; top:-35px; left:720px;}
	75% { opacity:.6; top:-68px; left:670px;}
	100% { opacity:.6; top:-120px; left:625px; width:35px; height:35px;}
}
@keyframes paopao {
	0% { opacity:0;}
	25% { opacity:.6; top:0px; left:800px;}
	50% { opacity:.6; top:-35px; left:720px;}
	75% { opacity:.6; top:-68px; left:670px;}
	100% { opacity:.6; top:-120px; left:625px; width:35px; height:35px;}
}

@-webkit-keyframes blur {
	0%, 92% { -webkit-filter:blur(1px); filter:blur(1px);}
	100% { -webkit-filter:blur(0); filter:blur(0);}
}
@keyframes blur {
	0%, 92% { -webkit-filter:blur(1px); -ms-filter:blur(1px); filter:blur(1px);}
	100% { -webkit-filter:blur(0); -ms-filter:blur(0); filter:blur(0);}
}

@-webkit-keyframes fadeOut {
	0%, 92% { opacity:1; top:0; -webkit-transform:scale(1); transform:scale(1);}
	100% { opacity:0; top:-10px; -webkit-transform:scale(1.05); transform:scale(1.05);}
}
@keyframes fadeOut {
	0%, 92% { opacity:1; top:0; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
	100% { opacity:0; top:-10px; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
}

@-webkit-keyframes bubble {
	0% { opacity:0; bottom:0px; width:0px; height:0px;}
	100% { opacity:1; bottom:600px; width:25px; height:25px;}
}
@keyframes bubble {
	0% { opacity:0; bottom:0px; width:0px; height:0px;}
	100% { opacity:1; bottom:600px; width:25px; height:25px;}
}

.box1.current .logo { -webkit-animation:fadeInDown .8s linear; animation:fadeInDown .8s linear;}
.box1.current .m-haitun i { -webkit-animation:fadeIn 3s linear 1s infinite; animation:fadeIn 3s linear 1s infinite;}
.box1.current .m-haitun b { -webkit-animation:paopao 6s linear 1.1s; animation:paopao 6s linear 1.1s;}
.box1.current .pic2  { -webkit-animation:blur 7.2s linear .6s; animation:blur 7.2s linear .6s;}
.box1.current .pic1 { -webkit-animation:fadeOut 7.2s linear .4s;  animation:fadeOut 7.2s linear .4s;}
.ui-paopao { position:absolute; width:100%; bottom:0; left:0;}
.ui-paopao div { position:relative; width:1000px; margin:0 auto;}
.ui-paopao div i { position:absolute; opacity:0; bottom:0; width:0px; height:0px; overflow:hidden; background:url(../images/paopao2.png) no-repeat; background-size:cover; -webkit-animation:bubble 8s linear 0s infinite; -ms-animation:bubble 8s linear 0s infinite; animation:bubble 8s linear 0s infinite;}
.ui-paopao div i:nth-child(1) { left:0; -webkit-animation-delay:1s; -ms-animation-delay:1s; animation-delay:1s;}
.ui-paopao div i:nth-child(4) { left:200px; -webkit-animation-delay:4s; -ms-animation-delay:4s; animation-delay:4s;}
.ui-paopao div i:nth-child(6) { left:700px; -webkit-animation-delay:1.5s; -ms-animation-delay:1.5s; animation-delay:1.5s;}
.ui-paopao div i:nth-child(3) { left:350px; -webkit-animation-delay:7s; -ms-animation-delay:7s; animation-delay:7s;}
.ui-paopao div i:nth-child(2) { left:500px; -webkit-animation-delay:10s; -ms-animation-delay:10s; animation-delay:10s;}
.ui-paopao div i:nth-child(5) { right:0; -webkit-animation-delay:13s; -ms-animation-delay:13s; animation-delay:13s;}

@-webkit-keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}
@keyframes slidetounlock { 0% {background-position: -150px 0;} 80%{background-position: 100px 0;} 100% {background-position: 150px 0;}}
.in_wrap .box1 .next{width: 33px; height: 33px;border: 1px solid #7f8fa7; bottom: 6.2%;left: 50%; margin-left: -16px;cursor: pointer;
	border-radius: 50%;}
.in_wrap .box1 .next img{position: absolute; top: 12px; left: 8px;
	transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;
	animation: smallDown 1.5s forwards infinite;-webkit-animation: smallDown 1.5s forwards infinite;-moz-animation: smallDown 1.5s forwards infinite;-o-animation: smallDown 1.5s forwards infinite;-ms-animation: smallDown 1.5s forwards infinite;}
@keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;}100%{top:15px;opacity: 0}}
@-webkit-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;}100%{top:15px;opacity: 0}}
@-moz-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;} 100%{top:15px;opacity: 0}}
@-o-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;} 100%{top:15px;opacity: 0}}
@-ms-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;} 100%{top:15px;opacity: 0}}

.in_wrap .box2{}
.in_wrap .box2 .cont{ width: 1000px; height: 100%; top: 0;left: 50%; margin-left: -500px; text-align: center;}
.in_wrap .box2 h2.title{ top: 0; left: 0; width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;}
.in_wrap .box2.current h2.title{top: 20%;
	transition:all .8s linear .2s;-webkit-transition:all .8s linear .2s;-moz-transition:all .8s linear .2s;-o-transition:all .8s linear .2s;}

.in_wrap .box2 h2.title img{ margin: 0 auto;}
.in_wrap .box2 h2.title p{color: #fff;font-size: 24px;margin-top: 18px;}
.in_wrap .box2 .txt{color: #fff;font-size: 14px; line-height: 36px;top: 35%; left: 0; width: 100%;}
.in_wrap .box2 .txt span{font-size: 18px;color: #ffdd68;}
.in_wrap .box2 .next{width: 33px; height: 33px;/*border: 1px solid #fff;*/ top: 35%;left: 50%; margin:78px 0 0 -16px;
	border-radius: 50%;}
.in_wrap .box2 .next img{position: absolute; top: 12px; left: 8px;
	transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;
	animation: smallDown 1.5s forwards infinite;-webkit-animation: smallDown 1.5s forwards infinite;-moz-animation: smallDown 1.5s forwards infinite;-o-animation: smallDown 1.5s forwards infinite;-ms-animation: smallDown 1.5s forwards infinite;}
@keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;}100%{top:15px;opacity: 0}}
@-webkit-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;}100%{top:15px;opacity: 0}}
@-moz-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;} 100%{top:15px;opacity: 0}}
@-o-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;} 100%{top:15px;opacity: 0}}
@-ms-keyframes smallDown {0%{top:11px;opacity: 1;}50%{top:13px;opacity: 0.5;} 100%{top:15px;opacity: 0}}


.in_wrap .box2 .list{width: 100%;bottom: 20%;left:0;}
.in_wrap .box2 ul{display: inline-block;}
.in_wrap .box2 li{ width: 200px;}
.in_wrap .box2 li:nth-child(2){margin: 0 115px;}
.in_wrap .box2 li .pic{height: 100px;opacity: 0;
	transform:translate(0,-80px);-webkit-transform:translate(0,-80px);-moz-transform:translate(0,-80px);-o-transform:translate(0,-80px);-ms-transform:translate(0,-80px);}
.in_wrap .box2 li .pic img{margin: 0 auto;
	transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.in_wrap .box2 li .pic .hide{top: 0; left: 50%;}
.in_wrap .box2 li .pic .show{opacity: 0;}
.in_wrap .box2 li:hover .pic .hide{opacity: 0;}
.in_wrap .box2 li:hover .pic .show{opacity: 1;}

.in_wrap .box2 li h2{line-height: 26px;height: 26px;margin: 20px 0 8px;}
.in_wrap .box2 li h2 a{font-size: 24px;color: #fff;}
.in_wrap .box2 li p{font-size: 16px;color: #8acae1; line-height: 18px;}
.in_wrap .box2 li h2,.in_wrap .box2 li p{opacity: 0;
	transform:translate(0,50px);-webkit-transform:translate(0,50px);-moz-transform:translate(0,50px);-o-transform:translate(0,50px);-ms-transform:translate(0,50px);}

.in_wrap .box2.current li:nth-child(1) .pic{transition:all .4s ease-in .8s;-webkit-transition:all .4s ease-in .8s;-moz-transition:all .4s ease-in .8s;-o-transition:all .4s ease-in .8s;}
.in_wrap .box2.current li:nth-child(1) h2{transition:all .4s ease-in 1s;-webkit-transition:all .4s ease-in 1s;-moz-transition:all .4s ease-in 1s;-o-transition:all .4s ease-in 1s;}
.in_wrap .box2.current li:nth-child(1) p{transition:all .4s ease-in 1.1s,color .3s ease-in;-webkit-transition:all .4s ease-in 1.1s,color .3s ease-in;-moz-transition:all .4s ease-in 1.1s,color .3s ease-in;-o-transition:all .4s ease-in 1.1s,color .3s ease-in;}
.in_wrap .box2.current li:nth-child(2) .pic{transition:all .4s ease-in 1.5s;-webkit-transition:all .4s ease-in 1.5s;-moz-transition:all .4s ease-in 1.5s;-o-transition:all .4s ease-in 1.5s;}
.in_wrap .box2.current li:nth-child(2) h2{transition:all .4s ease-in 1.7s;-webkit-transition:all .4s ease-in 1.7s;-moz-transition:all .4s ease-in 1.7s;-o-transition:all .4s ease-in 1.7s;}
.in_wrap .box2.current li:nth-child(2) p{transition:all .4s ease-in 1.8s,color .3s ease-in;-webkit-transition:all .4s ease-in 1.8s,color .3s ease-in;-moz-transition:all .4s ease-in 1.8s,color .3s ease-in;-o-transition:all .4s ease-in 1.8s,color .3s ease-in;}
.in_wrap .box2.current li:nth-child(3) .pic{transition:all .4s ease-in 2.2s;-webkit-transition:all .4s ease-in 2.2s;-moz-transition:all .4s ease-in 2.2s;-o-transition:all .4s ease-in 2.2s;}
.in_wrap .box2.current li:nth-child(3) h2{transition:all .4s ease-in  2.4s;-webkit-transition:all .4s ease-in  2.4s;-moz-transition:all .4s ease-in  2.4s;-o-transition:all .4s ease-in  2.4s;}
.in_wrap .box2.current li:nth-child(3) p{transition:all .4s ease-in  2.5s,color .3s ease-in;-webkit-transition:all .4s ease-in  2.5s,color .3s ease-in;-moz-transition:all .4s ease-in  2.5s,color .3s ease-in;-o-transition:all .4s ease-in  2.5s,color .3s ease-in;}

.in_wrap .box2.current li .pic,.in_wrap .box2.current li h2,.in_wrap .box2.current li p{opacity: 1;
	transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);}

.in_wrap .box2 li h2 a{transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.in_wrap .box2 li:hover h2 a,.in_wrap .box2 li:hover p{color: #ffdd68;}

.in_wrap .box3{}
.in_wrap .box3 .cont{ width: 1141px; height: 100%; top: 0;left: 50%; margin-left: -570px; text-align: center;}
.in_wrap .box3 h2.title{ top: 0; left: 0; width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;}
.in_wrap .box3.current h2.title{top: 20%;
	transition:all .8s linear .2s;-webkit-transition:all .8s linear .2s;-moz-transition:all .8s linear .2s;-o-transition:all .8s linear .2s;}
.in_wrap .box3 h2.title img{ margin: 0 auto;}
.in_wrap .box3 h2.title p{color: #fff;font-size: 24px;margin-top: 18px;}

.in_wrap .box3 ul{width: 100%; left: 0; bottom: 25%;}
.in_wrap .box3 li{margin-right: 40px;cursor: pointer;}
.in_wrap .box3 li:last-child{margin-right: 0;}
.in_wrap .box3 li .pic{width: 149px;height: 149px;border:3px solid #fff;border-radius: 50%;display: block; background: no-repeat center;}
.in_wrap .box3 li .pic a{ display: block;width: 149px;height: 149px;}
.in_wrap .box3 li p{font-size: 18px;line-height: 22px;/* height: 22px; */overflow: hidden;width: 150px;margin-top: 32px;}
.in_wrap .box3 li p a{color: #fff;}
.in_wrap .box3 li:nth-child(1) .pic{ background-image: url(../images/in_box3_pic1.png);}
.in_wrap .box3 li:nth-child(3) .pic{ background-image: url(../images/in_box3_pic2.png);}
.in_wrap .box3 li:nth-child(4) .pic{ background-image: url(../images/in_box3_pic3.png);}
.in_wrap .box3 li:nth-child(5) .pic{ background-image: url(../images/in_box3_pic4.png);}
.in_wrap .box3 li:nth-child(6) .pic{ background-image: url(../images/in_box3_pic5.png);}
.in_wrap .box3 li:nth-child(2) .pic{ background-image: url(../images/in_box3_pic6.png);}
.in_wrap .box3 li .hover .pic{border-color:#16a1d5;}
.in_wrap .box3 li .hover p a{color: #16a1d5;}
.in_wrap .box3 li:hover:nth-child(1) .pic{ background-image: url(../images/in_box3_pic1a.png);}
.in_wrap .box3 li:hover:nth-child(3) .pic{ background-image: url(../images/in_box3_pic2a.png);}
.in_wrap .box3 li:hover:nth-child(4) .pic{ background-image: url(../images/in_box3_pic3a.png);}
.in_wrap .box3 li:hover:nth-child(5) .pic{ background-image: url(../images/in_box3_pic4a.png);}
.in_wrap .box3 li:hover:nth-child(6) .pic{ background-image: url(../images/in_box3_pic5a.png);}
.in_wrap .box3 li:hover:nth-child(2) .pic{ background-image: url(../images/in_box3_pic6a.png);}

.in_wrap .box3 li:nth-child(1),.in_wrap .box3 li:nth-child(2),.in_wrap .box3 li:nth-child(3){opacity: 0;
	transform:translateX(-80px);-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-o-transform:translateX(-80px);-ms-transform:translateX(-80px);
}
.in_wrap .box3 li:nth-child(4),.in_wrap .box3 li:nth-child(5),.in_wrap .box3 li:nth-child(6){opacity: 0;
	transform:translateX(80px);-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-o-transform:translateX(80px);-ms-transform:translateX(80px);
}
.in_wrap .box3 li{transition:all .1s ease-out .3s;}
.in_wrap .box3.current li:nth-child(3),.in_wrap .box3.current li:nth-child(4){transition:all .4s ease-out .8s;-webkit-transition:all .4s ease-out .8s;-moz-transition:all .4s ease-out .8s;-o-transition:all .4s ease-out .8s;}
.in_wrap .box3.current li:nth-child(2),.in_wrap .box3.current li:nth-child(5){transition:all .4s ease-out 1.3s;-webkit-transition:all .4s ease-out 1.3s;-moz-transition:all .4s ease-out 1.3s;-o-transition:all .4s ease-out 1.3s;}
.in_wrap .box3.current li:nth-child(1),.in_wrap .box3.current li:nth-child(6){transition:all .4s ease-out 1.8s;-webkit-transition:all .4s ease-out 1.8s;-moz-transition:all .4s ease-out 1.8s;-o-transition:all .4s ease-out 1.8s;}
.in_wrap .box3.current li{opacity: 1;
	transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);}

.in_wrap .box3 li .hover{ left: 0;top: 0;}
.in_wrap .box3 li>.pic,.in_wrap .box3 li> p{transition:all .4s ease-out .8.5s;-webkit-transition:all .4s ease-out .8.5s;-moz-transition:all .4s ease-out .8.5s;-o-transition:all .4s ease-out .8.5s;}
.in_wrap .box3 li:hover>.pic,.in_wrap .box3 li:hover> p{transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
.in_wrap .box3 li .hover>.pic,.in_wrap .box3 li .hover> p{transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
.in_wrap .box3 li:hover .hover>.pic,.in_wrap .box3 li:hover .hover> p{transition:all .4s ease-out .5s;-webkit-transition:all .4s ease-out .4.5s;-moz-transition:all .4s ease-out .4.5s;-o-transition:all .4s ease-out .4.5s;}
.in_wrap .box3 li:hover>.pic{opacity: 0;
	transform:translate(0,-60px);-webkit-transform:translate(0,-60px);-moz-transform:translate(0,-60px);-o-transform:translate(0,-60px);-ms-transform:translate(0,-60px);}
.in_wrap .box3 li:hover> p{opacity: 0;
	transform:translate(0,40px);-webkit-transform:translate(0,40px);-moz-transform:translate(0,40px);-o-transform:translate(0,40px);-ms-transform:translate(0,40px);}
.in_wrap .box3 li .hover .pic{opacity: 0;
	transform:translate(0,-60px);-webkit-transform:translate(0,-60px);-moz-transform:translate(0,-60px);-o-transform:translate(0,-60px);-ms-transform:translate(0,-60px);}
.in_wrap .box3 li .hover p{opacity: 0;
	transform:translate(0,40px);-webkit-transform:translate(0,40px);-moz-transform:translate(0,40px);-o-transform:translate(0,40px);-ms-transform:translate(0,40px);}
.in_wrap .box3 li:hover .hover .pic{opacity: 1;
	transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);}
.in_wrap .box3 li:hover .hover p{opacity: 1;
	transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);}

.in_wrap .box4{}
.in_wrap .box4 .cont{ width: 1000px; height: 100%; top:0;left: 50%; margin-left: -500px; text-align: center;}
.in_wrap .box4 h2.title{ top: 0; left: 0; width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;}
.in_wrap .box4.current h2.title{top: 7%;
	transition:all .8s linear .2s;-webkit-transition:all .8s linear .2s;-moz-transition:all .8s linear .2s;-o-transition:all .8s linear .2s;}
.in_wrap .box4 h2.title img{ margin: 0 auto;}
.in_wrap .box4 h2.title p{color: #8d8d8d;font-size: 24px;margin-top: 18px;}
.in_wrap .box4 ul{ left: 0; width: 100%; top: 20%;}
.in_wrap .box4 li{border: 1px solid #d0d0d0;width: 301px;height: 239px;background: #fff;padding: 10px;margin: 0 15px 20px 0;
	box-shadow:2px 3px 6px -3px #a2a0a0;-webkit-box-shadow:2px 3px 6px -3px #a2a0a0;-moz-box-shadow:2px 3px 6px -3px #a2a0a0;-o-box-shadow:2px 3px 6px -3px #a2a0a0;-ms-box-shadow:2px 3px 6px -3px #a2a0a0;}
.in_wrap .box4 li .pic{ overflow: hidden;}
.in_wrap .box4 li .pic img{ width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.in_wrap .box4 li .pic p{width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0;top: 0;opacity: 0;
	transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
.in_wrap .box4 li .pic p span{width: 31px;height: 31px;display: block;background: #fff url(../images/in_box4_pic1.png) no-repeat center;border-radius: 50%;left: 50%;top: 50%;margin: -15px 0 0 -15px;
	transform:translateY(-120px);-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-o-transform:translateY(-120px);-ms-transform:translateY(-120px);
	transition:all .4s ease-out .3s;-webkit-transition:all .4s ease-out .3s;-moz-transition:all .4s ease-out .3s;-o-transition:all .4s ease-out .3s;-ms-transition:all .4s ease-out .3s;}
.in_wrap .box4 li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.in_wrap .box4 li:hover .pic p{opacity: 1;}
.in_wrap .box4 li:hover .pic p span{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}

.in_wrap .box4 li>p{color: #333;font-size: 16px;line-height: 52px;height: 52px;overflow: hidden;}
.in_wrap .box4 li:nth-child(3n){ margin-right: 0;}
.in_wrap .box4 .more{width: 188px;height: 38px; line-height: 38px;text-align: center;border: 2px solid #fff;border-radius: 4px; bottom: 7%; left: 50%; margin-left: -94px;}
.in_wrap .box4 .more a{color: #fff;font-size: 16px;
	transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;}
.in_wrap .box4 .more:hover a{background: rgba(0,0,0,0.1);}

.in_wrap .box5{}
.in_wrap .box5 .cont{ width: 1000px; height: 100%; top: 0%;left: 50%; margin-left: -500px; text-align: center;}
.in_wrap .box5 h2.title{ top: 0; left: 0; width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;}
.in_wrap .box5.current h2.title{top: 7%;
	transition:all .8s linear .2s;-webkit-transition:all .8s linear .2s;-moz-transition:all .8s linear .2s;-o-transition:all .8s linear .2s;}
.in_wrap .box5 h2.title img{ margin: 0 auto;}
.in_wrap .box5 h2.title p{color: #8d8d8d;font-size: 24px;margin-top: 18px;}
.in_wrap .box5 ul{ width: 100%;left: 0;bottom: 12%;}
.in_wrap .box5 li{border: 1px dashed #e6e6e6; border-width:  1px 1px 0 0;opacity: 0;
	transition:all .3s linear .85s;-webkit-transition:all .3s linear .85s;-moz-transition:all .3s linear .85s;-o-transition:all .3s linear .85s;}
.in_wrap .box5 li:nth-child(1),.in_wrap .box5 li:nth-child(2),.in_wrap .box5 li:nth-child(3),.in_wrap .box5 li:nth-child(4),.in_wrap .box5 li:nth-child(5){ border-top-width: 0;}
.in_wrap .box5 li:nth-child(5n){ border-right-width:0;}
.in_wrap .box5 li:nth-child(5n-4){-webkit-transform:translate(0,-100px);-o-transform:translate(0,-100px);-moz-transform:translate(0,-100px);-ms-transform:translate(0,-100px);}
.in_wrap .box5 li:nth-child(5n-3){-webkit-transform:translate(0,100px);-o-transform:translate(0,-100px);-moz-transform:translate(0,-100px);-ms-transform:translate(0,-100px);}
.in_wrap .box5 li:nth-child(5n-2){-webkit-transform:translate(0,-100px);-o-transform:translate(0,-100px);-moz-transform:translate(0,-100px);-ms-transform:translate(0,-100px);}
.in_wrap .box5 li:nth-child(5n-1){-webkit-transform:translate(0,100px);-o-transform:translate(0,-100px);-moz-transform:translate(0,-100px);-ms-transform:translate(0,-100px);}
.in_wrap .box5 li:nth-child(5n){-webkit-transform:translate(0,-100px);-o-transform:translate(0,-100px);-moz-transform:translate(0,-100px);-ms-transform:translate(0,-100px);}
.in_wrap .box5.current li{-webkit-transform:translate(0,0);-o-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0); opacity: 1;/*padding: 1px 0;*/}
.in_wrap .box5 li{width: 199px;height: 129px;}
.in_wrap .box5 li a{display: block;height: 100%;background-repeat: no-repeat;background-size:cover ;
	transition:all .3s ease-in;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;}
.in_wrap .box5 li:hover a{background-position: 0 100%;}

.in_wrap .box6{}
.in_wrap .box6 .cont{ width: 1200px; height: 100%; top: 0;left: 50%; margin-left: -600px; text-align: center;}
.in_wrap .box6 h2.title{ top: 0; left: 0; width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;}
.in_wrap .box6.current h2.title{top: 7%;
	transition:all .8s linear .2s;-webkit-transition:all .8s linear .2s;-moz-transition:all .8s linear .2s;-o-transition:all .8s linear .2s;}
.in_wrap .box6 h2.title img{ margin: 0 auto;}
.in_wrap .box6 h2.title p{color: #8d8d8d;font-size: 24px;margin-top: 18px;}
.in_wrap .box6 .cont>div{top: 10%;}
.in_wrap .box6 .copyright{width: 100%; height: 67px; line-height: 67px; color: #e2e2e2;font-size: 14px;text-align:center; left: 0;bottom: 0; background: #757575;}
.in_wrap .box6 .map{width: 689px; height: 644px; margin-top: 89px;}
.in_wrap .box6 .map .pic1{height: 100%;margin: 0 auto;}
.in_wrap .box6 .map .floor{left: 66%;top: 290px;}

.in_wrap .box6 .map .floor img{opacity: 0;
	transform:translateY(22px);-webkit-transform:translateY(22px);-moz-transform:translateY(22px);-o-transform:translateY(22px);-ms-transform:translateY(22px);
	transition:all .4s ease-out .85s;-webkit-transition:all .4s ease-out .85s;-moz-transition:all .4s ease-out .85s;-o-transition:all .4s ease-out .85s;-ms-transition:all .4s ease-out .85s;}
.in_wrap .box6.current .map .floor img{opacity: 1;
	transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}
.in_wrap .box6 .map .floor .pas{opacity: 0;
	transform:translateY(-22px);-webkit-transform:translateY(-22px);-moz-transform:translateY(-22px);-o-transform:translateY(-22px);-ms-transform:translateY(-22px);
	transition:all .4s ease-out 1.25s;-webkit-transition:all .4s ease-out 1.25s;-moz-transition:all .4s ease-out 1.25s;-o-transition:all .4s ease-out 1.25s;-ms-transition:all .4s ease-out 1.25s;}
.in_wrap .box6.current .map .floor .pas{opacity: 1;
	transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}

.in_wrap .box6 .map .floor .pas{ width: 212px;height: 107px;left: -175px;top: -93px;background: url(../images/in_box6_pic6.png) no-repeat;}
.in_wrap .box6 .map .floor .pas p{font-size: 14px;color: #fdfdfd;line-height: 22px;margin: 14px 15px 0;}

.in_wrap .box6 .txt{width: 292px;color: #575757;text-align: left;margin-top: 225px; margin-left: 40px}
.in_wrap .box6 .txt .logo{}
.in_wrap .box6 .txt .gong{padding-bottom: 10px;border-bottom: 3px solid #e4e4e4;}
.in_wrap .box6 .txt .gong h3{font-size: 16px;line-height: 18px;margin: 5px 0 3px;}
.in_wrap .box6 .txt .gong p{font-size: 13px;line-height: 15px;}
.in_wrap .box6 .txt .number{}
.in_wrap .box6 .txt .number h3{font-size: 16px;line-height: 18px;margin: 14px 0 8px;}
.in_wrap .box6 .txt .number h3 a{color: #1ec3ff;}
.in_wrap .box6 .txt dl{line-height: 25px;font-size: 14px;color: #6e6e6e;}
.in_wrap .box6 .txt dl dt{width: 64px;text-align: right;}
.in_wrap .box6 .txt dl dd{width: 220px;}


/*案例展示*/
.er_cont .logo,.in_wrap .logo{top: 50px; right: 58px;z-index: 99;}

.case_list{height: 100%;background: url(../images/banner_bg4.jpg) no-repeat center;background-size: cover;}
.case_list .cont{background: #fff;top: 120px; left: 50%; margin-left: -500px; }
.case_list .cont h2.title{text-align: center;padding: 60px 0 40px;}
.case_list .cont h2.title img{ margin: 0 auto 18px;}
.case_list .cont h2.title span{color: #8d8d8d;font-size: 24px; position: relative;}
.case_list .cont h2.title span:before,.case_list .cont h2.title span:after{display: block;content: '';width: 63px; height: 1px; background: #bbb; position: absolute; top: 18px;}
.case_list .cont h2.title span:before{left: -75px;}
.case_list .cont h2.title span:after{right: -75px;}

.case_list .cont .list ul{width: 906px; margin: 0 auto;}
.case_list .cont .list li{border: 1px solid #d0d0d0; border-top: 0; width: 272px;height: 220px;background: #fff;padding: 8px;margin: 0 18px 28px 0;
	box-shadow:2px 3px 6px -3px #a2a0a0;-webkit-box-shadow:2px 3px 6px -3px #a2a0a0;-moz-box-shadow:2px 3px 6px -3px #a2a0a0;-o-box-shadow:2px 3px 6px -3px #a2a0a0;-ms-box-shadow:2px 3px 6px -3px #a2a0a0;}
.case_list .cont .list li .pic{ overflow: hidden;}
.case_list .cont .list li .pic img{ width: 100%;
	transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.case_list .cont .list li .pic p{width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0;top: 0;opacity: 0;
	transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;}
.case_list .cont .list li .pic p span{width: 31px;height: 31px;display: block;background: #fff url(../images/in_box4_pic1.png) no-repeat center;border-radius: 50%;left: 50%;top: 50%;margin: -15px 0 0 -15px;
	transform:translateY(-120px);-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-o-transform:translateY(-120px);-ms-transform:translateY(-120px);
	transition:all .4s ease-out .3s;-webkit-transition:all .4s ease-out .3s;-moz-transition:all .4s ease-out .3s;-o-transition:all .4s ease-out .3s;-ms-transition:all .4s ease-out .3s;}
.case_list .cont .list li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.case_list .cont .list li:hover .pic p{opacity: 1;}
.case_list .cont .list li:hover .pic p span{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}

.case_list .cont .list li>p{color: #333;font-size: 16px;line-height: 22px;height: 44px;overflow: hidden; margin-top: 8px;}
.case_list .cont .list li:nth-child(3n){ margin-right: 0;}
.case_list .cont .list .more{width: 188px;height: 38px; line-height: 38px;text-align: center;border: 2px solid #fff;border-radius: 4px; bottom: 7%; left: 50%; margin-left: -94px;}
.case_list .cont .list .more a{color: #fff;font-size: 16px;
	transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;}
.case_list .cont .list .more:hover a{background: rgba(0,0,0,0.1);}

/*案例内页*/
/*html{overflow: auto;}*/
.case_list .cont .action{ padding: 0 56px 58px;}
.case_list .cont .action .top{color: #666;padding-bottom: 20px;}
.case_list .cont .action .top h1{font-size: 30px;margin-bottom: 26px;}
.case_list .cont .action .top p{font-size: 14px; line-height: 30px; height: 30px;}
.case_list .cont .action .txt img{ display: inline-block;max-width: 100%;}
.case_list .cont .action .back{width: 79px; height: 79px; background: #1f1f1f; border-radius: 50%;margin: 80px auto 70px;}
.case_list .cont .action .back a{display: block; text-align: center; line-height: 79px;color: #fff;font-size: 14px;}
.case_list .cont .action .tj_list{border-top: 1px solid #1f1f1f;}
.case_list .cont .action .tj_list h2{text-align: center;color: #666;font-size: 18px;padding: 48px 0 38px;}
.case_list .cont .action .tj_list li{width: 280px;margin-right: 24px;}
.case_list .cont .action .tj_list li:nth-child(3n){margin-right: 0;}
.case_list .cont .action .tj_list li .pic img{width: 280px; height: 172px;}
.case_list .cont .action .tj_list li p{font-size: 16px; line-height: 22px; height: 44px; overflow: hidden;margin-top: 6px;}

/*服务*/
.service_list{height: 100%;background: url(../images/banner_bg3.jpg) no-repeat center;background-size: cover;}
.service_list .cont{padding-top: 60px;}
.service_list .cont h2.title{text-align: center;padding: 85px 0 95px;}
.service_list .cont h2.title img{ margin: 0 auto 18px;}
.service_list .cont h2.title span{color: #fff;font-size: 24px;}
.service_list .cont .action{}
.service_list .cont .action .box{display: none;}
.service_list .cont .action .top{opacity: 0;
	transform:translate(0,-150px);-webkit-transform:translate(0,-150px);-moz-transform:translate(0,-150px);-o-transform:translate(0,-150px);
	transition:all .5s ease-out .2s;-webkit-transition:all .5s ease-out .2s;-moz-transition:all .5s ease-out .2s;-o-transition:all .5s ease-out .2s;
}
.service_list .cont .action .top .pic{width: 145px;height: 145px; border:5px solid #16a1d5;border-radius: 50%;display: table;text-align: center; margin: 0 auto;
	behavior: url(http://www.xiangxiangli.cc/skin/default/ie-css3.htc);}
.service_list .cont .action .top .pic i{display: table-cell; vertical-align: middle;}
.service_list .cont .action .top .pic img{display: inline-block;}
.service_list .cont .action .top p{color: #16a1d5;text-align: center; margin-top: 30px;font-size: 18px;}
.service_list .cont .action .txt{text-align: center;color: #fff;font-size: 14px; line-height: 27px;margin: 26px 0 30px;opacity: 0;
	transform:translate(0,150px);-webkit-transform:translate(0,150px);-moz-transform:translate(0,150px);-o-transform:translate(0,150px);
	transition:all .5s ease-out .2s;-webkit-transition:all .5s ease-out .2s;-moz-transition:all .5s ease-out .2s;-o-transition:all .5s ease-out .2s;}
.service_list .cont .action .box.current .top,.service_list .cont .action .box.current .txt{opacity: 1;
	transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);}
.service_list .cont .action .txt a{color: #fff;position: relative;}
.service_list .cont .action .txt a span{color: #ff7300;font-family: '宋体'; margin-left: 10px;position: absolute;
	transition:all .8s ease-out;-webkit-transition:all .8s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;}
.service_list .cont .action .txt a span.current{ margin-left: 30px; opacity: 0;}
.service_list .cont .action .page{text-align: center;}
.service_list .cont .action .page a{width: 50px; height: 50px; border-radius: 50%;
	transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
.service_list .cont .action .page .prev{background: rgba(22,161,213,0.5) url(../images/service_prev.png) no-repeat center;margin-right: 18px;}
.service_list .cont .action .page .next{background: rgba(22,161,213,0.5) url(../images/service_next.png) no-repeat center;;}
.service_list .cont .action .page .prev.current,.service_list .cont .action .page .next.current{background-color: rgba(255,255,255,0.5);}

/*关于我们*/
.about{height: 100%;}
.about .left_pic{width: 64%; height: 100%; background: url(../images/about_bg.jpg) no-repeat center;background-size:cover ; display: table;text-align: center;}
.about .left_pic i{ display: table-cell; vertical-align: middle;}
.about .left_pic img{width: 53%;display: inline-block;}
.about .right{width: 36%; height: 100%; background: #eee;}
.about .right .name{left: -39px;top: 50%; margin-top: -174px;}
.about .right .name a{width: 21px;padding: 20px 9px;text-align: center; font-size: 16px; line-height: 18px;margin-bottom: 4px;background: #eee;color: #6e6e6e;}
.about .right .name a:hover,.about .right .name a.current{color: #fff;background: #16a1d5;}
.about .right .cont{width: 78%; left: 11%; top: 50%;margin-top: -182px;}
.about .right .cont h1{color: #169ed0; font-size: 48px;}
.about .right .cont .txt{color: #8f8f8f; line-height: 24px;height: 264px; overflow: hidden;margin: 20px 0 55px; position: relative;font-size: 14px;}
.about .right .cont .txt img{display: inline-block;max-width: 100%;}
.about .right .cont .txt>div{position: absolute; width: 100%; left: 0; top: 0;
	transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.about .right .cont .page a{opacity: 0.5;
	transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.about .right .cont .page a:hover{opacity: 1;}
.about .right .cont .page .prev{ margin-right: 15px;}

/*招聘*/
.job_cont{height: 100%;background: url(../images/job_cont.jpg) no-repeat center;background-size: cover;}
.job_cont .cont{ left: 50%; margin-left: -500px; top: 120px; background: #fff;padding-bottom: 50px;}
.job_cont .cont h2.title{text-align: center;padding: 60px 0 40px;}
.job_cont .cont h2.title img{ margin: 0 auto 18px;}
.job_cont .cont h2.title span{color: #8d8d8d;font-size: 24px; position: relative;}
.job_cont .cont h2.title span:before,.job_cont .cont h2.title span:after{display: block;content: '';width: 63px; height: 1px; background: #bbb; position: absolute; top: 18px;}
.job_cont .cont h2.title span:before{left: -75px;}
.job_cont .cont h2.title span:after{right: -75px;}
.job_cont .cont h2.title p{color: #898989;font-size: 14px;}
.job_cont .job{padding: 0 48px;background: #fff;}
.job_cont .people{border-top: 1px solid #ddd;}
.job_cont .people h3{color:#4e4e4e; line-height:49px;padding-left: 38px;background: url(../images/job_pic1.png) no-repeat 20px center #f7f7f7;cursor:pointer;}
.job_cont .people h3 i{color:#b3b0b6;font-size:18px;right:0;bottom:0;padding-right:12px;display:block;}
.job_cont .people h3.current{color: #ff6600; background-image:url(../images/job_pic1a.png);}

.job_cont .people .txt{color:#8f8f8f;line-height:30px;display: none;}
.job_cont .people .txt div{margin:10px 0;padding:0 34px;}

/*服务轨迹*/
.service{height: 100%;background: url(../images/banner_bg5.jpg) no-repeat center;background-size: cover;}
.service .cont{}
.service .cont h2.title{text-align: center;padding: 72px 0 45px;}
.service .cont h2.title img{ margin: 0 auto 18px;}
.service .cont h2.title span{color: #8d8d8d;font-size: 24px;}
.service .cont h2.title p{color: #898989;font-size: 14px;}
.service .service_cont{width: 996px; margin: 0 auto;padding-top: 10px;
	transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.service .service_cont.current{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.service .service_cont .pic_box img{cursor: pointer;}
.service .service_cont .pic_box .pic1{left: 0; top: 29px;z-index: 1;}
.service .service_cont .pic_box .pic2{left: 202px; top: 280px;z-index: 2;}
.service .service_cont .pic_box .pic3{right: 0; top: 0;z-index: 3;}
.service .service_cont .pic_box .pic4{right: 121px; top: 150px;z-index: 5;}
.service .service_cont .pic_box .pic5{right: 378px; top: 210px;z-index: 6;}
.service .service_cont .pic_box .pic6{right: 31px; top: 327px;z-index: 4;}
.service .service_cont .pic_box2 .pic{opacity: 0;
	transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.service .service_cont .pic_box2>div.zindex{z-index: 999;}
.service .service_cont .pic_box2 div:hover .pic{opacity: 1;}
.service .service_cont .pic_box2 .this{top: 50%; left: 50%;}
.service .service_cont .pic_box .pic3 .this{ left:25%;}
.service .service_cont .pic_box .pic4 .this{ top:30%;}
.service .service_cont .pic_box .pic6 .this1{left: 30%; top:30%;}
/*.service .service_cont .pic_box .pic1 .this1{left: 118px; top:132px;}
.service .service_cont .pic_box .pic1 .this2{left: 129px; top:184px;}
.service .service_cont .pic_box .pic3 .this1{left: 35px; top:96px;}
.service .service_cont .pic_box .pic3 .this2{left: 43px; top:155px;}
.service .service_cont .pic_box .pic3 .this3{left: 121px; top:112px;}
.service .service_cont .pic_box .pic4 .this2{left: 207px; top:36px;}
.service .service_cont .pic_box .pic4 .this3{left: 273px; top:37px;}
.service .service_cont .pic_box .pic5 .this1{left: 86px; top:170px;}
.service .service_cont .pic_box .pic6 .this1{left: 91px; top:58px;}*/
.service .pic_box .box{ width: 240px; padding-bottom: 5px; border-radius: 17px; top: 10%; left: 50%;margin-left: -120px;}
.service .pic_box .box .title{height: 40px; background: #2d86bf; border-radius: 40px;cursor: pointer;}
.service .pic_box .box .title p{font-size: 16px;color: #fff; line-height: 40px;padding:0 6px 0 18px;}
.service .pic_box .box .title span{width: 34px; height: 34px; line-height: 29px; text-align: center; background: #fff; font-weight: bold;font-size: 30px;color: #09f; border-radius: 50%; margin: 2px;}
.service .pic_box .box .txt{margin: 64px 10px 20px 20px; display: none;max-height: 350px; overflow: auto;}
.service .pic_box .box dl{color: #666; line-height: 24px;font-size: 14px;margin-bottom: 22px;}
.service .pic_box .box.current{background: #fff;}
.service .pic_box2 .pic6 .box{margin-left: -160px;}
/*.service .pic_box .pic2 .box.current,.service .pic_box .pic5 .box.current,.service .pic_box .pic6 .box.current{ top: auto; bottom: 0;}*/


/*多媒体服务*/
.meiti{height: 100%;padding-top: 1px;}
.meiti .cont{width: 1115px; height: 644px; margin: 70px auto 0;}
.meiti .cont .txt{}
.meiti .cont .txt img{ opacity: 0.5;cursor: pointer;
	transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
.meiti .cont .txt img:hover{opacity: 1;}
.meiti .cont .txt .pic1{left: -207px; top: 112px;}
.meiti .cont .txt .pic2{left: -340px; top: 152px;}
.meiti .cont .txt .pic3{left: -259px; top: 236px;}
.meiti .cont .txt .pic4{left: -225px; top: 364px;}
.meiti .cont .txt .pic5{left: -189px; top: 551px;}
.meiti .cont .txt .pic6{right: -243px; top: 100px;}
.meiti .cont .txt .pic7{right: -251px; top: 146px;}
.meiti .cont .txt .pic8{right: -260px; top: 264px;}
.meiti .cont .txt .pic9{right: -321px; top: 325px;}
.meiti .cont .txt .pic10{right: -291px; top: 383px;}
.meiti .cont .txt .pic11{right: -332px; top: 429px;}
.meiti .cont .txt .pic12{right: -290px; top: 494px;}
.meiti .cont .txt .pic13{right: -268px; top: 563px;}
.meiti .copyright{width: 100%; bottom: 5%; left: 0; text-align: center;color: #52c8ff;text-shadow: 1px 1px 1px rgba(0,78,255,0.75);}
.meiti .video{ width: 100%; height: 100%; left: 0; top: 0;display: none;}
.meiti .video .bg{ width: 100%; height: 100%; left: 0; top: 0;background: rgba(0,0,0,0.75);}
.meiti .video .pleayer{width: 100%; height: 100%; text-align: center; display: table;}
.meiti .video .pleayer>div{display: table-cell; vertical-align: middle;}
.meiti .video .pleayer video{ max-width: 100%; max-height: 100%;position: relative; z-index: 2;}
.meiti .video .pleayer .clos{width: 32px; height: 32px; right: -16px; top: -16px; background: url(../images/video_cole.png) no-repeat center; /*background-size: 100% 100%;*/z-index: 3;}

.nav.current2 .language p a{color: #8d8d8d;}
.nav.current2.show .language p a{color: #fff;}

/*引导页*/
.guide{height: 100%; width: 100%;}
.guide ul,.guide li{height: 100%; width: 100%;}
.guide li{background: no-repeat center; background-size: cover;left: 0; top: 0;}
.guide .txt{ top: 45%; right: 20%;text-align: right;margin-top: -150px;}
.guide .txt .logo{opacity: 0;
	transform:translate(0,-100px);-webkit-transform:translate(0,-100px);-moz-transform:translate(0,-100px);}
.guide .txt .more{margin-top: 30px;opacity: 0;
	transform:translate(0,100px);-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);}
.guide .txt img{transition:opacity .2s ease-out,transform .2s ease-out 20s;-webkit-transition:opacity .2s ease-out,transform .2s ease-out 20s;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;}
.guide .txt.current img{
	transition:all .5s ease-out .1s;-webkit-transition:all .5s ease-out .1s;-moz-transition:all .5s ease-out .1s;-o-transition:all .5s ease-out .1s;
	opacity: 1;
	transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);
}
.guide .cont{}
.guide .cont dl{z-index: 9999;}
.guide .cont dt{width: 40px; height: 40px; background: url(../images/y_pic1.png) no-repeat; cursor: pointer;margin-right: 25px;opacity: 0;
	transition:all .9s ease-out;-webkit-transition:all .9s ease-out;-moz-transition:all .9s ease-out;-o-transition:all .9s ease-out;
}
.guide .cont dt.show{opacity: 1;}
.guide .cont dd{color: #fff;font-size: 14px;display: none;}
.guide .cont dd *{opacity: 0;
	transition:all .3s ease-out .2s;-webkit-transition:all .3s ease-out .2s;-moz-transition:all .3s ease-out .1s;-o-transition:all .3s ease-out .1s;}
.guide .cont dd h2{margin-bottom: 5px;}
.guide .cont dd p{ line-height: 26px;font-family: arial;}
.guide .cont .box1{left: 8%; top: 20%;}
.guide .cont .box1 dd{width: 425px; height: 101px; padding: 22px 0 0 18px; background: url(../images/y_pic2.png) no-repeat;}
.guide .cont .box2{left: 8%; top: 20%;margin:248px 0 0 170px;}
.guide .cont .box2 dd{width: 338px; height: 132px; padding: 12px 0 0 18px; background: url(../images/y_pic3.png) no-repeat;}
.guide .cont dl.current dd *{opacity: 1;}

/*媒体*/
#big_screen,#small_screen{width:100%;height: 100%;overflow: hidden; background: #000 url("../images/meiti_bg.jpg") no-repeat fixed center center / cover ;}
.meiti .cont2{top: 20%;width: 100%;}
.meiti .cont2>img{ width: 100%;}
.meiti .cont2 .pic1{left: 49%; top: 15%;}
.meiti .cont2 .pic2{left: 27%; top: 19%;}
.meiti .cont2 .pic3{left: 40%; top: 32%;}
.meiti .cont2 .pic4{left: 9%; top: 54%;}
.meiti .cont2 .pic5{left: 36.8%; top: 81%;}
.meiti .cont2 .pic6{left: 62%; top: 10%;}
.meiti .cont2 .pic7{left: 78%; top: 18%;}
.meiti .cont2 .pic8{left: 78%; top: 36%;}
.meiti .cont2 .pic9{left: 52%; top: 47%;}
.meiti .cont2 .pic10{left: 64%; top: 55%;}
.meiti .cont2 .pic11{left: 54%; top: 61%;}
.meiti .cont2 .pic12{left: 70%; top: 72%;}
.meiti .cont2 .pic13{left: 55%; top: 83%;}
.meiti .video_box{width: 100%; height: 100%; background: rgba(0,0,0,0.5);left: 0; top: 0;display: none;}
.meiti .video_box .bg{width: 100%; height: 100%; left: 0; top: 0;}

.meiti .video_box .pleayer{width: 100%; height: 100%; text-align: center; display: table;}
.meiti .video_box .pleayer>div{display: table-cell; vertical-align: middle;position: relative;}
.meiti .video_box .pleayer .sbox {display: inline-block;max-width: 80%;}
.meiti .video_box .pleayer video {/*max-width: 80%;width: 80%;*/ max-height: 80%;position: relative; z-index: 2;}
.meiti .video_box .pleayer .txt{color: #296785;}
.meiti .video_box .pleayer .txt h3{font-size: 20px;font-weight: bold;}
.meiti .video_box .pleayer .txt p{font-size: 16px;}
.meiti .video_box .pleayer .clos{width: 32px; height: 32px; right: -16px; top: -16px; background: url(../images/video_cole.png) no-repeat center; /*background-size: 100% 100%;*/z-index: 3;}

.meiti .cont2.now{width: 82%; left: 9%; top: 17%;}

@media screen and (max-height: 680px){
	.in_wrap .box2 .list{bottom: 8%;}

	.in_wrap .box3 ul{bottom: 15%;}

	.in_wrap .box4 .cont{}
	.in_wrap .box4.current h2.title {top: 4%;}
	.in_wrap .box4 .more{bottom: 4%;}
	.in_wrap .box4 li{width: 225px;height: 170px;}
	.in_wrap .box4 ul {width: 771px; left: 50%;margin-left: -385px;}

	.in_wrap .box5 ul{ width: 804px;left: 50%;margin-left: -402px;bottom: 5%;}
	.in_wrap .box5 li{width: 160px;height: 103px;}

	.in_wrap .box6 .map{ height: 550px;margin-top: 89px;}
	.in_wrap .box6 .copyright{height: 48px;line-height: 48px;}
	.in_wrap .box6 .map .floor{left: 66%;top: 242px;}
	.in_wrap .box6 .cont>div{top: 5%;}

	.service_list .cont h2.title{padding: 55px 0 55px;}
	.service_list .cont .action .top .pic{width: 120px; height: 120px;}
	.nav .list li{margin-top: 38px;}
	.nav .list a{font-size: 20px;}
}
@media screen and (min-height:680px) and (max-height: 780px){

	.in_wrap .box6 .map{margin-top: 89px;}
	.in_wrap .box6 .cont>div{top: 5%;}
	.service_list .cont h2.title{padding: 55px 0 55px;}
	.nav .list li{margin-top: 40px;}
	.nav .list a{font-size: 20px;}
}
@media screen and (min-height:780px) and (max-height: 880px){
	.in_wrap .box4 .more{bottom: 7%;}
	.in_wrap .box6 .map{ margin-top: 89px;}
	.service_list .cont h2.title{padding: 55px 0 55px;}
	.nav .list li{margin-top: 50px;}
	.nav .list a{font-size: 20px;}
}

@media screen and (max-width: 1200px){
	img{max-width: 100% !important;}
	.about .left_pic{background-repeat-y: inherit;}
	.service .cont{width: 100%; overflow: hidden;}
	.service .pic_box2 .pic6 .box{ margin-left: -187px;}
	.about .right .cont h1{font-size: 45px;}
	.service_list .cont{width: 100%;}
	.service_list .cont h2.title{padding-top: 20px;}
}
.in_wrap .box5.cross ul{bottom: auto;top: 23%;}
.in_wrap .box4.cross ul{top: 33%;}
.in_wrap .box4.cross ul li:nth-child(4),.in_wrap .box4.cross ul li:nth-child(5),.in_wrap .box4.cross ul li:nth-child(6){display: none;}
.in_wrap .box1 .tab.cross{transform: scale(0.6);}
.in_wrap .box2.cross ul{transform: scale(0.8);}
.in_wrap .box2.cross h2.title,.in_wrap .box3.cross h2.title,.in_wrap .box4.cross h2.title,.in_wrap .box5.cross h2.title,.in_wrap .box6.cross h2.title{transform: scale(0.9);}

.hidetips{position: fixed;left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hidetips.jpg);z-index: 999999999;display: none;}
.hidetips p{width: 100%; height: 100%; display: table;text-align: center;}
.hidetips i{display: table-cell;vertical-align: middle;}
.hidetips img{display: inline;}
/*-------------------------------------------------高度分隔线--------------------------------------------------*/
@media only screen and  (max-height: 1306px) and (min-height: 1000px){										/*最大高1400*/
.in_wrap .box4 li:nth-child(5),.in_wrap .box4 li:nth-child(6){display: none;}
}
@media screen and (max-height: 800px){										/*最大高800*/
	.in_wrap .box3 ul {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
	.in_wrap .box3 li:nth-child(1), .in_wrap .box3 li:nth-child(2), .in_wrap .box3 li:nth-child(3){margin-bottom: 50px;}
}
@media screen and (max-height: 900px){										/*最大高900*/
	.in_wrap .box4 ul {width: 801px; left: 50%;margin-left: -400px;top: 23%;}
	.in_wrap .box4 li {height: 178px;width: 235px;}
	.service .service_cont{position: absolute;top: 32%;left: 50%;margin-left: -498px;
		transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
	.service .service_cont.current{transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
}
@media screen and (max-height: 750px){										/*最大高750*/
	.in_wrap .box4 ul{transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
	.in_wrap .box6 .txt{margin-top: 175px;
		margin-left: 0;}
}
@media screen and (max-height: 730px){										/*最大高730*/
	.in_wrap .box1 .tab{margin-top: 6%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
	.in_wrap .box5 ul li:nth-child(16),.in_wrap .box5 ul li:nth-child(17),.in_wrap .box5 ul li:nth-child(18),.in_wrap .box5 ul li:nth-child(19),.in_wrap .box5 ul li:nth-child(20){display: none !important;}
	.service .service_cont{top: 25%!important;
		transform: scale(0.6)!important;-webkit-transform: scale(0.6)!important;-moz-transform: scale(0.6)!important;-o-transform: scale(0.6)!important;}
	.service .cont h2.title{margin-top: 0;}
	#small_screen .meiti .copyright{display: none;}
	#small_screen .meiti .cont2{top: 10%;
		transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
}
@media screen and (max-height: 710px){										/*最大高710*/
	.in_wrap .box4.current h2.title {top: 4%;}
	.in_wrap .box4 .more{bottom: 4%;}
	.in_wrap .box6 .copyright{padding-bottom: 5px;}
}
@media screen and (max-height: 650px){										/*最大高650*/
	.service_list .cont h2.title{display: none;}
	.service_list .cont .action{margin-top: 20px;}
}
@media screen and (max-height: 630px){										/*最大高630*/
	#small_screen .meiti .cont2{top: 0%;}
}
@media screen and (max-height: 590px){										/*最大高590*/
	.in_wrap .box4.current h2.title{top: 11%;}
	.in_wrap .box4 .more{bottom: 12%;}
	.in_wrap .box4 ul{width: 535px;margin-left: -256px; top: 33%;
		transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
	.in_wrap .box4 li{display: none;}
	.in_wrap .box4 li:nth-child(1),.in_wrap .box4 li:nth-child(2){display: block;}
	.in_wrap .box4 li:nth-child(2){margin-right: 0px;}
}
@media screen and (max-height: 570px){										/*最大高570*/
	.in_wrap .box1 .tab{margin-top: 0%;}
	.in_wrap .box2.current h2.title {top: 10%;}
	.in_wrap .box2 .txt,.in_wrap .box2 .next{top: 32%;}
	.in_wrap .box2 .list{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
	.in_wrap .box5 ul li:nth-child(11),.in_wrap .box5 ul li:nth-child(12),.in_wrap .box5 ul li:nth-child(13),.in_wrap .box5 ul li:nth-child(14),.in_wrap .box5 ul li:nth-child(15){display: none !important;}
	.about .logo{display: none;}
	.nav .list li{margin-top: 25px;}
	.service .cont h2.title{padding-top: 40px;}
	.service .cont h2.title p{margin-top: 15px;}
	.service .service_cont{top: 15%!important;}
}
@media screen and (max-height: 530px){										/*最大高530*/
	#small_screen .meiti .cont2{top: -10%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
}
@media screen and (max-height: 500px){										/*最大高500*/
	.in_wrap .box3.current h2.title {top: 10%;}
	.in_wrap .box3 ul {bottom: -15% !important;}
	.in_wrap .box4 .more {bottom: 7%;}
	.about .right .cont .txt{margin-bottom: 30px;}
	.service .cont h2.title{display: none;}
	.service .service_cont{top: 2% !important;}
}
@media screen and (max-height: 420px){										/*最大高430*/
	#small_screen .meiti .cont2{top: -25%;;
		transform: scale(0.55);-webkit-transform: scale(0.55);-moz-transform: scale(0.55);-o-transform: scale(0.55);}
}

@media screen and (min-height: 1200px){										/*最小高1200*/
	.in_wrap .box1 .tab{margin-top: 25% !important;}
	.in_wrap .box1 .txt{bottom: 20%;}
	.in_wrap .box1 .next{bottom: 12.2%;}
	.in_wrap .box2 .txt{top: 35%;}
	.in_wrap .box2 .list{bottom: 35%;}
	.in_wrap .box3.current h2.title{top: 22% !important;}
	.in_wrap .box3 ul{bottom:22% !important;;transform:scale(1) !important;-webkit-transform:scale(1) !important;}
	.in_wrap .box4.current h2.title{top: 12%;}
	.in_wrap .box4 ul{width: 666px;left: 50%; margin-left: -333px;top:25%;}
	.in_wrap .box4 li:nth-child(3n){margin-right: 15px;}
	.in_wrap .box4 li:nth-child(2n){margin-right: 0;}
	.in_wrap .box4 .more{bottom:9%;}
	.in_wrap .box5.current h2.title{top: 20%;}
	.in_wrap .box5 ul{width: 710px !important;margin-left: -355px !important;bottom: 20% !important;}
	.in_wrap .box6.current h2.title{top: 20%;}
	.in_wrap .box6 .cont>div{top: 30%;}
	.service_list .cont{padding-top: 30%;}
	.in_wrap .box5 li:nth-child(5){border-top-width: 1px;}
	.in_wrap .box5 li:nth-child(5n){border-right-width: 1px;}
	.in_wrap .box5 li:nth-child(4n){border-right-width: 0px;}
	.service .cont h2.title{margin-top: 20%!important;}
	.service .service_cont{top: 40%!important;}
}

/*-------------------------------------------------长度分隔线--------------------------------------------------*/
@media screen and (min-width: 980px){										/*最大宽980*/
	#big_screen{display: block;}
	#small_screen{display: none;}
}
@media screen and (max-width: 1800px){										/*最大宽1800*/
	#big_screen .meiti .cont{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);margin-top: 0;}

}
@media screen and (max-width: 1550px){										/*最大宽1550*/
	#big_screen .meiti .cont{transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);}
}
@media screen and (max-width: 1300px){										/*最大宽1550*/
	#big_screen .meiti .cont{transform: scale(0.6)!important;-webkit-transform: scale(0.6)!important;-moz-transform: scale(0.6)!important;-o-transform: scale(0.6)!important;}
}
@media screen and (max-width: 1250px){										/*最大宽1250*/
	.guide .cont{display: none;}
}
@media screen and (max-width: 1120px){										/*最大宽1120*/
	.in_wrap .box1 .tab{margin-top: 15%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
	.in_wrap .box2 .list ul{width: 100%;}
	.in_wrap .box2 .list li{display: inline-block;float: initial;}
	.in_wrap .box2 .list li:nth-child(2){margin: 0 5%;}
	.in_wrap .box3 ul{width: 50%;left: 25%;bottom: 4%;}
	.in_wrap .box3 li:nth-child(3n){margin-right: 0;}
	.in_wrap .box5 ul{ width: 882px;left: 50%;margin-left: -440px;bottom: 13%;}
	.in_wrap .box5 li{width: 175px;height: 113px;}
	.in_wrap .point{display: none;}
	.service .service_cont{position: absolute;top: 32%;left: 50%;margin-left: -498px;
		transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
	#big_screen .meiti .cont{position: absolute;left: 50%;margin-left: -557px;
		transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);}
}
@media screen and (max-width: 1000px){										/*最大宽1000*/
	.job_cont .cont{width: 100%;top: 17%;}
}
@media screen and (max-width: 980px){										/*最大宽980*/
	#big_screen{display: none;}
	#small_screen{display: block;}
	.job_cont .cont{margin-left: -490px;}
	.guide .cont{display: none;}
	.meiti .video_box .pleayer video{height: 353px;}
}
@media screen and (max-width: 970px){										/*最大宽970*/
	.about .right .cont h1{font-size: 38px;}
	.case_list .cont{width: 740px;margin-left: -370px;}
	.case_list .cont .list ul{width: 600px;}
	.case_list .cont .list li:nth-child(3n){margin-right: 18px;}
	.case_list .cont .list li:nth-child(2n){margin-right: 0;}
	.case_list .cont .action .tj_list li{margin-right: 34px;}
	.case_list .cont .action .tj_list li:nth-child(1){margin-left: 22px;}
	.case_list .cont .action .tj_list li:nth-child(2){margin-right: 0;}
	.case_list .cont .action .tj_list li:nth-child(3){display: none;}
}
@media screen and (max-width: 920px){										/*最大宽920*/
	.in_wrap .box5 ul{transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
	.in_wrap .box6 .map{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);margin-top: 60px;margin-left: 80px;width: 609px;}
}
@media screen and (max-width: 850px){										/*最大宽850*/
	.in_wrap .box5 ul{width: 706px;margin-left: -350px;}
	.in_wrap .box5 ul li:nth-child(17),.in_wrap .box5 ul li:nth-child(18),.in_wrap .box5 ul li:nth-child(19),.in_wrap .box5 ul li:nth-child(20){display: none !important;}
	.in_wrap .box5 ul li{border-right-width: 1px!important;}
	.in_wrap .box5 li:nth-child(5){border-top-width:1px ;}
	.in_wrap .box5 li:nth-child(4n){border-right-width:0 ;}
	.about .right .cont h1{font-size: 30px;}
}
@media screen and (max-width: 800px){										/*最大宽800*/

}
@media screen and (max-width: 730px){										/*最大宽730*/
	.in_wrap .box5 ul{width: 706px;margin-left: -350px;}
	.in_wrap .box5 ul li:nth-child(17),.in_wrap .box5 ul li:nth-child(18),.in_wrap .box5 ul li:nth-child(19),.in_wrap .box5 ul li:nth-child(20){display: none !important;}
	.in_wrap .box6 .map{margin-left: 130px;width: 509px;}
}
/*-------------------------------------------------长高分隔线--------------------------------------------------*/
@media screen and (max-width: 1200px) and (min-height: 800px){				/*最大宽1200,最小高800*/
	.in_wrap .box3 ul{transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
	.in_wrap .box3 li:nth-child(1),.in_wrap .box3 li:nth-child(2),.in_wrap .box3 li:nth-child(3){margin-bottom: 100px;}
}
@media screen and (max-width: 1800px) and (max-height: 710px){				/*最大宽1800,最大高710*/
	#big_screen .meiti .copyright{display: none;}
}
@media screen and (max-width: 1800px) and (max-height: 600px){				/*最大宽1800,最大高600*/
	#big_screen .meiti .cont{transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);}
}
@media screen and (max-width: 1800px) and (max-height: 560px){				/*最大宽1800,最大高560*/
	#big_screen .meiti .cont{margin-top: -5%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
}
@media screen and (max-width: 1800px) and (max-height: 450px){				/*最大宽1800,最大高560*/
	#big_screen .meiti .cont{margin-top: -8%;
		transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-o-transform: scale(0.5);}
}
@media screen and (max-width: 1200px) and (max-height: 900px){				/*最大宽1200,最大高900*/

}
@media screen and (max-width: 1120px) and (max-height: 730px){				/*最大宽1120，最大高730*/
	.in_wrap .box1 .tab{margin-top: 6%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
	.in_wrap .box5 ul li:nth-child(16){display: block;}
}
@media screen and (max-width: 1120px) and (max-height: 710px){				/*最大宽1120，最大高710*/
	.in_wrap .box3 ul {bottom: -2%;
		transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);}
	.in_wrap .box3 li:nth-child(1), .in_wrap .box3 li:nth-child(2), .in_wrap .box3 li:nth-child(3){margin-bottom: 20px;}
}

@media screen and (max-width: 1120px) and (max-height: 665px){				/*最大宽1120，最大高665*/

}
@media screen and (max-width: 1120px) and (max-height: 570px){				/*最大宽1120，最大高570*/
	.in_wrap .box1 .tab{margin-top: 0%;}
	.in_wrap .box3 ul {bottom: -10%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
	.in_wrap .box5 ul li:nth-child(11){display: block;}
}
@media screen and (max-width: 900px) and (max-height: 500px){				/*最大宽900，最大高500*/
	.service_list .cont{padding-top: 30px;}
	.service_list .cont .action{margin-top: 0;}
}
@media screen and (max-width: 850px) and (max-height: 900px){				/*最大宽850，最大高900*/
	.in_wrap .box4 ul{transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
	.service .logo{display: none;}
	.service .service_cont{top: 28%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
}
@media screen and (max-width: 850px) and (max-height: 730px){				/*最大宽850，最大高730*/
	.service .service_cont{top: 25%;
		transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-o-transform: scale(0.6);}
}
@media screen and (max-width: 750px) and (max-height: 900px){				/*最大宽750，最大高900*/
	.in_wrap .box4 ul{width: 535px;margin-left: -256px; top: 33%;
		transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);}
	.in_wrap .box4 li{display: none;}
	.in_wrap .box4 li:nth-child(1),.in_wrap .box4 li:nth-child(2){display: block;}
	.in_wrap .box4 li:nth-child(2){margin-right: 0px;}
}
.in_wrap .box5.cross ul{bottom: 3% !important;}
.in_wrap .box5.cross ul li:nth-child(16){display: block !important;}
.in_wrap .box5.cross ul li:nth-child(12){display: block !important;}



.service2_list {
	height: 100%;
	/*background: url(../images/fw-bg.jpg) no-repeat center;*/
	background: url("../images/banner_bg7.jpg") no-repeat center;
	background-size: cover;
}

.service2_list .cont {
	background: #fff;
	top: 120px;
	left: 50%;
	margin-left: -500px;
}

.service2_list .cont h2.title {
	text-align: center;
	padding: 60px 0 40px;
}

.service2_list .cont h2.title img {
	margin: 0 auto 18px;
}

.service2_list .cont h2.title span {
	color: #8d8d8d;
	font-size: 24px;
	position: relative;
}

.service2_list .cont h2.title span:before, .service2_list .cont h2.title span:after {
	display: block;
	content: '';
	width: 63px;
	height: 1px;
	background: #bbb;
	position: absolute;
	top: 18px;
}

.service2_list .cont h2.title span:before {
	left: -75px;
}

.service2_list .cont h2.title span:after {
	right: -75px;
}

.service2_list .cont .top .pic {
	width: 145px;
	height: 145px;
	border: 5px solid #16a1d5;
	border-radius: 50%;
	display: table;
	text-align: center;
	margin: 0 auto;
}

.service2_list .cont .top .pic i {
	display: table-cell;
	vertical-align: middle;
}

.service2_list .cont .top .pic img {
	display: inline-block;
}

.service2_list .cont .top p {
	color: #16a1d5;
	text-align: center;
	margin-top: 30px;
	font-size: 28px;
}

.service2_con {
	padding: 25px 56px 58px;
}

.service2_con h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
}

.service2_con p {
	font-size: 14px;
	line-height: 28px;
	text-indent: 2em;
	margin-bottom: 10px;
}

.service2_con img {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.service2_con div img {
	/*float: left;*/
	display: inline-block;
	width: 50%;
	/*height: 605px;*/
}
@media screen and (max-width: 970px) {
	.service2_list .cont {
		width: 740px;
		margin-left: -370px;
	}
}