@charset "utf-8";




::-moz-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
 .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } 
/*定义滚动条轨道 内阴影+圆角*/  
::-moz-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-moz-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#0080cc;  
}  

::-ms-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-ms-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-ms-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#0080cc;  
}  


::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #ccc;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #ccc;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#0080cc;  
}  












/* CSS Document */
/*公用*/
@media only screen and (min-width: 700px) {
#phone-menu .menu-main{
  -ms-overflow-style: scrollbar;
}
#phone-menu .menu-main::-webkit-scrollbar-track,
#phone-menu .menu-main::-webkit-scrollbar-track {
  background-color: #0f0f0f;
  border-left: 1px solid rgba(239, 239, 239, 0.6);
}
#phone-menu .menu-main::-webkit-scrollbar-thumb,
#phone-menu .menu-main::-webkit-scrollbar-thumb {
  border-color: rgba(239, 239, 239, 0.6) !important;
  background-color: #0f0f0f;
  border-radius: 3px;
}
#phone-menu .menu-main::-webkit-scrollbar,
#phone-menu .menu-main::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#phone-menu .menu-main::-webkit-scrollbar-thumb,
#phone-menu .menu-main::-webkit-scrollbar-thumb {
  border: 1px solid;
}
}

@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.eot");
	src: url("../../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),  url("../../fonts/fontawesome-webfont.ttf") format("truetype"), url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
 font-family: "smallfont";
  src:url("../../fonts/MyriadPro-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg")
}
}
.smallfont{
	/*font-family:  Myriad Set Pro,"smallfont","Microsoft JhengHei","Microsoft Yahei"; font-weight:300;*/

	transition: font .5s;
	-moz-transition: font .5s;  /* Firefox 4 */
	-webkit-transition: font .5s;   /* Safari and Chrome */
	-o-transition: font .5s;  /* Opera */
}


.icon-nav:before {
	font-family: "fontcustom";
	content: "\f0c9";/*菜单标志*/
}

.icon-xiala:before {
	font-family: "fontcustom";
	content: "\f107";/*向下箭头*/
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
li{
	transition: font .5s;
	-moz-transition: font .5s;  /* Firefox 4 */
	-webkit-transition: font .5s;   /* Safari and Chrome */
	-o-transition: font .5s;  /* Opera */
	}
img {
	border: none;
	max-width: 100%;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
	text-decoration: none;
	color: #333;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Opera */
}

html {
	min-height: 100%;
}

body {
	min-height: 100%;
	font-size: 12px;
	color: #262626;
	font-family: Arial, "Microsoft Yahei";
	min-width: 320px;
	overflow-x:hidden;
	background-attachment:fixed;
	background-position:center;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Opera */
	
}

@media only screen and (max-width: 800px) {

body {
	font-size: 14px;
}
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input, textarea, select {
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	outline: none;
	transition: color .5s, background .5s, opacity .5s, border .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Opera */
	-ms-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Opera */
}

.fg {
	clear: both;
	width: 100%;
	height: 0px;
}

.red {
	color: #F00;
}

#ALL {
	position:relative ; 
	z-index:2;
	padding-top: 75px;
	min-height: 500px;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s,height .5s,transform .5s;  /* Opera */

}


/*top*/
#phone-top {
	display: none;
}

#top {
	background: #fff;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	text-align: center;
}
#top .top{ height:90px; width:94%; margin:auto; position:relative; text-align:right;}

#top .logo {
	position: absolute;
	left: 0%;
	top: 50%;
	display: block;
	height: 64%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

#top .logo img {
	display: block;
	height: 100%;
}

#top .menu {
	height:90px;
	display: inline-block;
	margin:0 0 0  auto;
	text-align: right;
}
#top .menu form{ display:block; height:30px; float:right; width:150px; position:relative; border-bottom:1px solid #333; margin-top:30px;}
#top .menu form input{ border:0px; background:none; height:30px; width:100%; padding-right:30px;}
#top .menu form button{ display:block; width:30px; height:30px; position:absolute; top:0px; right:0px; background:none; border:0px;}
#top .menu form button:before{ content:""; display:block; width:12px; height:12px; border-radius:100%; border:1px solid #333; position:absolute; top:5px; left:5px;}
#top .menu form button:after{ width:8px; height:1px; content:""; display:block; background:#333;top:18px; left:15px; position:absolute;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
#top .menu ul{ float:right;}

#top .menu ul li.f1 {
	width: 0px;
	height: 0px;
	display: none;
}

#top .menu ul li {
	display: inline-block;
	position: relative;
	text-align:center;
}

#top .menu ul li .xiala {
	position: absolute;
	top: 90px;
	background:rgba(0,0,0,.7);
	display: none; font-size:14px;
	box-shadow:0 0 10px rgba(0,0,0,.1);
}


#top .menu ul li .xiala.pt {
	width: 150%;
	left: 0%;
	min-width:200px;
}



#top .menu ul li .a {
	display: inline-block;
	padding: 0 24px;
	line-height: 90px;
	color: #000;
	font-size: 14px;
	font-weight:600;
}
#top .menu ul li.on .a,#top .menu ul li.onn .a,#top .menu ul li:hover .a{ color:#0080cc;}
#top .menu ul li .xiala dl{ padding:10px 0;}
#top .menu ul li .xiala dl dd {
	display: block;
	height: 40px;
	overflow: hidden;
}

#top .menu ul li .xiala dl dd a {
	display: block;
	line-height: 40px;
	padding: 0 24px;
	color:rgba(255,255,255,.7);
	height: 40px;
	overflow: hidden;
	text-align: left;
}
#top .menu ul li .xiala dl dd a:hover{ color:#FFF; background:#000;}




#phone-top {
	display: none;
	height: 50px;
	background: #fff;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	z-index: 100;
}

#phone-top .logo {
	position: absolute;
	left: 50%;
	top: 0px;
	display: block;
	height: 50px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	
	
	
	
	
	
	
}
.danbg{ background:rgba(0,0,0,.8); position:fixed; width:100%; top:0px; left:0px; height:100%; z-index:10; display:none;}
#phone-top .phone-lang{ display:block; height:50px; width:50px; position:absolute; left:0px; top:0px; border-right:1px solid rgba(255,255,255,.15); line-height:50px; text-align:center; display:none;}
#phone-top .phone-lang a{ display:block; color:rgba(255,255,255,.8);}
#phone-top .logo img {
	display: block;
	height: 60%;
}

#phone-top #menu-btn {
	height: 50px;
	width: 50px;
	cursor: pointer;
	float: right;
	text-align: center;
	position:relative;

	line-height: 50px;
}

#menu-btn div {
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, width .2s, left .2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, width .2s, left .2s;
	transition: transform 0.3s, opacity 0.2s, width .2s, left .2s;
	width:25px;
	left: 12.5px;
}

#menu-btn div:nth-child(1) {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);

}

#menu-btn div:nth-child(2) {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px);
	
}

#menu-btn[data-on='on'] div {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
}

#menu-btn[data-on='on'] div:nth-child(3) {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	opacity: 0;
	width: 0px;
	left: 30px;
}

#menu-btn[data-on='on'] div:nth-child(2) {
	-webkit-transform: translateY(-1px) rotate(45deg) scale(1.2);
	-moz-transform: translateY(-1px) rotate(45deg) scale(1.2);
	transform: translateY(-1px) rotate(45deg) scale(1.2);
}

#menu-btn[data-on='on'] div:nth-child(1) {
	-webkit-transform: translateY(-1px) rotate(-45deg) scale(1.2);
	-moz-transform: translateY(-1px) rotate(-45deg) scale(1.2);
	transform: translateY(-1px) rotate(-45deg) scale(1.2);
}




#phone-menu {
	display:none;
	background: #111;
	height: 100%;
	top: 0px;
	right:0px;
	width: 300px;
	padding: 60px 3% 20px;
	overflow: auto;
	right: 0px;
	position: fixed;
	z-index: 99;
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
opacity:0;


-webkit-transition:transform .3s,opacity .3s;
-moz-transition:transform .3s,opacity .3s;
-o-transition:transform .3s,opacity .3s;
-ms-transition:transform .3s,opacity .3s;
transition:transform .3s,opacity .3s;
}
#phone-menu[data-on="on"]{
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
opacity:1;	
	
	}
#phone-menu .menu-main {
	width: 100%;
	margin: auto;
	max-width: 600px;
	max-height:100%; overflow-y:auto; overflow-x:hidden;
}

#phone-menu .menu-main .search {
	right: 0px;
	height: 50px;
	position: relative;
	
}

#phone-menu .menu-main .search .search-view {
	height: 38px;
	border-radius: 2px;
	border-bottom:1px solid rgba(255,255,255,.1);
	
}

#phone-menu .menu-main .search .search-view .input-text {
	line-height: 38px;
	padding: 0 60px 0 5px;
	border: 0px;
	width: 100%;
	display: block;
	float: left;
	color: #666;
	background-color: #fff;
	background-image: url(../images/sou.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

#phone-menu .menu-main .search .search-view .input-btn {
	height: 38px;
	background: none;
	text-align:right;
	border: 0px;
	top: 0px;
	right: 0px;
	color: #5885b2;
	cursor: pointer;
	width: 50px;
	position: absolute;
	z-index: 10;
}

#phone-menu .menu-main .search .search-view .input-btn:hover {
	color: #fff;
}

#phone-menu .menu-main .search .search-view:before {
	font-family: "fontcustom";
	content: "\f002";/*放大镜*/
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
	font-size: 16px;
	line-height: 38px;
}

#phone-menu .menu-main .list {
}

#phone-menu .menu-main .list ul li {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.1);
	font-size: 16px;
	position:relative;
}
#phone-menu .menu-main .list ul li .biao{ height:40px; width:10px; top:0px; right:0px; position:absolute;
-webkit-transition:transform .3s,opacity .3s;
-moz-transition:transform .3s,opacity .3s;
-o-transition:transform .3s,opacity .3s;
-ms-transition:transform .3s,opacity .3s;
transition:transform .3s,opacity .3s;








}
#phone-menu .menu-main .list ul li .biao:before{ width:5px; height:5px; border-top:1px solid rgba(255,255,255,1); border-right:1px solid rgba(255,255,255,1); content:""; display:block; position:absolute; right:2px; top:50%; margin-top:-4px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
#phone-menu .menu-main .list ul li[data-on='on'] .biao{
	 -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
	
	}
#phone-menu .menu-main .list ul li .a {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color:rgba(255,255,255,.8);
}
#phone-menu .menu-main .list ul li.have .a{
	display: inline-block;
	
	}
#phone-menu .menu-main .list ul li .a:hover{ color:#fff;}

#phone-menu .menu-main .list ul li dl{ display:none; padding-bottom:10px;}
#phone-menu .menu-main .list ul li dl dd{ display:block; line-height:32px; height:32px; overflow:hidden;}
#phone-menu .menu-main .list ul li dl dd a{ display:block; color:rgba(255,255,255,.8); font-size:13px;}
#phonemenubg{ left:-1000%; top: -1000%;}
@media only screen and (max-width: 1100px) {
#phonemenubg{ left:0px; top:0px;}	
#phone-menu { display:block;}
#phone-top {
	display: block;
}

#top {
	display: none;
}

#ALL {
	padding-top: 35px;
}
}


/*top end*/


/*banner*/




.pc-banner {
	background: #ccc;


}

.pc-banner .swiper-slide, .pc-banner-small .swiper-slide {
	background-size: cover;
	background-position: center;
	position: relative;
	height:100%;
}

.pc-banner .swiper-slide a {
	display: block;
	overflow:hidden;
	height:610px;


}
.pc-banner .btnn-p{ width:62px; height:62px; border-radius:100%; background:rgba(0,0,0,.04); position:absolute; top:50%; margin-top:-31px; z-index:1; cursor:pointer;}
.pc-banner .btnn-p:before{ content:""; width:14px; height:14px; border-top:2px solid #a2a4a6; border-right:2px solid #a2a4a6; display:block; position:absolute; top:50%; left:50%;  margin:-8px -10px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);


}
.pc-banner .btnn-p.prev{ left:3%;
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);

}
.pc-banner .btnn-p.next{ right:3%;}
.pc-banner .swiper-slide a .text{ position:absolute; max-width:94%; text-align:center; left:50%; top:11%;
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);

	width:1100px;
	display:none;

}

.pc-banner .swiper-slide a .text .big{ font-size:40px;
opacity:0;

-moz-transform:translateY(50px);
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
-webkit-transition:transform .6s,opacity .6s;
-moz-transition:transform .6s,opacity .6s;
-o-transition:transform .6s,opacity .6s;
-ms-transition:transform .6s,opacity .6s;
transition:transform .6s,opacity .6s;

}
.pc-banner .swiper-slide a .text .small{ line-height:1.5; font-size:18px;opacity:0;

-moz-transform:translateY(50px);
-webkit-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
-webkit-transition:transform .6s,opacity .6s;
-moz-transition:transform .6s,opacity .6s;
-o-transition:transform .6s,opacity .6s;
-ms-transition:transform .6s,opacity .6s;
transition:transform .6s,opacity .6s;

}
.pc-banner .swiper-slide.swiper-slide-active a .text .small{
	-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
opacity:1;
	-moz-transition-delay:.8s;
	-ms-transition-delay:.8s;
	-o-transition-delay:.8s;
	-webkit-transition-delay:.8s;
	transition-delay:.8s;
	
	}
.pc-banner .swiper-slide.swiper-slide-active a .text .big{
	-moz-transform:translateY(0px);
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
transform:translateY(0px);
opacity:1;
	-moz-transition-delay:.4s;
	-ms-transition-delay:.4s;
	-o-transition-delay:.4s;
	-webkit-transition-delay:.4s;
	transition-delay:.4s;
	
	}	

.pc-banner .swiper-slide a img{ display:block; width:100%; opacity:0; position:relative;  margin:auto;}

.pc-banner	.swiper-pagination,.zp-banner	.swiper-pagination{ bottom:20px;}
.pc-banner	.swiper-pagination span,.zp-banner	.swiper-pagination span{   border-style:solid; border-width:1px; border-color:transparent; width:10px; height:10px; border-radius:100%;}
.pc-banner	.swiper-pagination span.swiper-pagination-bullet-active,.zp-banner	.swiper-pagination span.swiper-pagination-bullet-active{ border-color:#737d82;width:12px; height:12px; -moz-transform:translateY(1px); -ms-transform:translateY(1px); -o-transform:translateY(1px); -webkit-transform:translateY(1px); transform:translateY(1px); background:#737d82;}
@media only screen and (max-width: 1600px) {
.pc-banner .swiper-slide a{ height:500px;}	
}
@media only screen and (max-width: 1440px) {
.pc-banner .swiper-slide a{ height:450px;}	
}
@media only screen and (max-width: 1024px) {
.pc-banner	.btnn-p{ display:none;}
.pc-banner { padding-top:50px; margin-top:-50px;}
.pc-banner .swiper-slide a{ height:400px;}
	
}

@media only screen and (max-width: 600px) {
.pc-banner .swiper-slide a .text .big{ font-size:30px;}
.pc-banner .swiper-slide a .text .small{ font-size:14px;}
.pc-banner .swiper-slide a{ height:280px;}

}

@media only screen and (min-width: 1024px) {

.pc-banner	.swiper-pagination span,.zp-banner	.swiper-pagination span{ opacity:1; background:#fff; border-style:solid; border-width:2px; border-color:transparent; width:10px; height:10px; }
.pc-banner	.swiper-pagination span.swiper-pagination-bullet-active,.zp-banner	.swiper-pagination span.swiper-pagination-bullet-active{ border-color:#0080cc;width:14px; height:14px; -moz-transform:translateY(2px); -ms-transform:translateY(2px); -o-transform:translateY(2px); -webkit-transform:translateY(2px); transform:translateY(2px); background:#fff;}
}




/*banner end*/
/*首页3格*/
.index-3g{ padding-top:17px; background:#fff; padding-bottom:5px;}
.index-3g a{ display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; height:300px; position:relative; overflow:hidden; margin-bottom:5px;}
.index-3g a .tu{ position:absolute; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; left:0px; top:0px;

-webkit-transition:transform .6s,opacity .6s;
-moz-transition:transform .6s,opacity .6s;
-o-transition:transform .6s,opacity .6s;
-ms-transition:transform .6s,opacity .6s;
transition:transform .6s,opacity .6s;









}
.index-3g a:hover .tu{
	-moz-transform:rotate(1deg) scale(1.1);
	-ms-transform:rotate(1deg) scale(1.1);
	-o-transform:rotate(1deg) scale(1.1);
	-webkit-transform:rotate(1deg) scale(1.1);
	transform:rotate(1deg) scale(1.1);
	
	}
.index-3g a .text{ position:relative; z-index:5; padding:0 10px; text-align:center;}	
.index-3g a .text .big{ font-size:30px; line-height:1.2; margin-bottom:20px; font-weight:bold;}
.index-3g a .text .small{ font-size:12px; line-height:1.6; margin-bottom:20px;}
.index-3g a .text .href{
	display:inline-block;
	border:2px solid #fff;
	line-height:42px;
	padding:0 30px;
	font-size:15px;
	color:#fff;
	-webkit-transition:transform .6s,opacity .6s,color .6s,background .6s;
-moz-transition:transform .6s,opacity .6s,color .6s,background .6s;
-o-transition:transform .6s,opacity .6s,color .6s,background .6s;
-ms-transition:transform .6s,opacity .6s,color .6s,background .6s;
transition:transform .6s,opacity .6s,color .6s,background .6s;
	}
.index-3g a .text .href:hover{ background:#fff; color:#000;}	
@media only screen and (max-width: 600px) {
.index-3g a{ height:240px;}	
.index-3g{ padding-top:5px;}
	
}
@media only screen and (min-width: 767px) {
.index-3g{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}	
.index-3g a{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	
	
	
	
	
	
	
	
	
	
	
	}	
.index-3g a:nth-child(1){ margin-left:0px;}	
	
	@media only screen and (max-width: 1200px) {
		.index-3g a{ height:240px;}
	}
}



/*首页3格 end*/








/*首页产品*/
.index-bai{ background:#f6F6F6;}
.index-pro{ max-width:1100px; width:94%; margin:0px auto; padding:20px 0 30px; }
.index-pro .bbt{ position:relative; line-height:106px; height:106px; text-align:center; color:#505050; font-size:32px; margin-bottom:0px;}
.index-pro .bbt a{ display:inline-block; position:relative; padding:0 27px; height:106px;  font-weight:bold;}
/*.index-pro .bbt:before{ height:1px; width:100%; display:block; content:""; left:0px; top:50%; background:#b4b4b4; position:absolute;}
.index-pro .bbt a:before{ position:absolute; left:-9px; top:50%; content:""; display:block; width:1px; height:29px; margin-top:-15px; background:#b4b4b4;}
.index-pro .bbt a:after{ position:absolute; right:-9px; top:50%; content:""; display:block; width:1px; height:29px; margin-top:-15px; background:#b4b4b4;}*/
.index-pro .list ul{ display:block;}
.index-pro .list ul:after{ display:block; content:""; clear:both;}
.index-pro .list ul li{ display:block; width:100%; margin-bottom:3%; }
.index-3g a .tu{ position:absolute; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; left:0px; top:0px;

-webkit-transition:transform .6s,opacity .6s;
-moz-transition:transform .6s,opacity .6s;
-o-transition:transform .6s,opacity .6s;
-ms-transition:transform .6s,opacity .6s;
transition:transform .6s,opacity .6s;









}
.index-3g a:hover .tu{
	-moz-transform:rotate(1deg) scale(1.1);
	-ms-transform:rotate(1deg) scale(1.1);
	-o-transform:rotate(1deg) scale(1.1);
	-webkit-transform:rotate(1deg) scale(1.1);
	transform:rotate(1deg) scale(1.1);
	
	}
.index-pro .list ul li a{ display:block;color:#252525;background-color:#f6f6f8;}
.index-pro .list ul li a .tu{  background-position:center; background-repeat:no-repeat; background-size:cover;margin-bottom:6px; height:289PX; width:350PX; margin:auto; }
.index-pro .list ul li a .tu img{ display:block; width:100%; opacity:0; height:100%; }
.index-pro .list ul li a .title{ line-height:50px; height:50px;  font-size:16px; font-weight:bold; overflow:hidden; text-align:center;}
.index-pro .list ul li a:hover{ color:#0080cc;}

.index-pro .list ul li a .demo{ height:60px; line-height:20px; font-size:12px; overflow:hidden; color:#555555}



/*ask*/
.com_img{ display:block; width:100%; overflow:hidden;}
.com_img img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.com_img:hover 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);}


.img_wid1100{ display:none; max-width:1100px; margin:0 auto;}
.wd1200{ max-width:1200px; width:100%; margin:0 auto;}
.view{  width:100%; height:auto;overflow:hidden;}
.view_cen{ height:auto; overflow:hidden;}
.view a span{ transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
.view a:hover span{  transition:all 0.6s ease 0.01s; -webkit-transition:all 0.6s ease 0.01s; -moz-transition:all 0.6s ease 0.01s; -o-transition:all 0.6s ease 0.01s;}
.view a:hover,.view a:hover span{ color:#1b3582;}
.case_list{width:100%; overflow:hidden;height:auto;}
.case_list ul{ margin:0 -15px;}
.case_list li{ float:left; width:33.333333%; padding:0 15px 4% 15px;}
.case_list li a{ display:block; width:100%;}
.case_name{ display:block; color:#484848; font-size:16px; height:20px; line-height:20px; margin-top:6%; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; text-align:center;}

@media all and (max-width: 1100px) {
.ask_list li,.case_list li,.ab_Vcul li,.ab_Vtech li{ width:50%; text-align:center; }}

@media all and (max-width: 640px) {
.ask_list li,.case_list li,.ab_Vcul li,.ab_Vtech li{ width:100%; text-align:center; }}
@media all and (max-width:480px){
.ask_list li,.cont_mebox1,.case_list li{ width:100%;}
	.case_list li{ padding:0 15px 3% 15px;}
	.case_name{ margin-top:2%;}}
@media only screen and (min-width: 800px) {
.index-pro .list ul li{ width:32%; margin:0 2% 2% 0;float:left;}	
.index-pro .list ul li:nth-child(3n){ margin-right:0px;}	
.index-pro{ padding:50px 0;}
.index-pro .bbt{ margin-bottom:40px;}
	
	
	
}
@media only screen and (max-width: 800px)  and (min-width: 500px) {
.index-pro .list ul li{ width:100%; margin:0 3% 3% 0;}

.index-pro .list ul li a .tu img{ width:100%;  }
.index-pro .list ul li:nth-child(2n){ margin-right:0px;}	
.index-pro{ padding:30px 0;}
	
}
/*首页产品 end*/
/*首页关于我们*/
#indexbbg{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:1; background-position:center; background-size:cover;}
.index-about{ width:94%; max-width:1100px; text-align:center; padding:93px 0 ; font-weight:bold; margin:auto;}

.index-about .big{ font-size:32px; line-height:53px; margin-bottom:26px;}
.index-about .small{ line-height:30px; font-size:16px; margin-bottom:29px;}
.index-about .href{ text-align:center;}
.index-about .href a{ border:3px solid #fff; padding:0 42px; line-height:42px; font-weight:100; display:inline-block; font-size:16px; letter-spacing:2px; color:#fff;}
.index-about .href a:hover{ background:#fff; color:#000 !important;}
/*index-bottom*/


#bottom-index{ background:#fff; padding:40px 0;}
#bottom-index .main{ width:94%; margin:auto; max-width:1100px;











}


#bottom-index .main .left{ background-position:center; background-size:cover; display:block; height:300px; margin-bottom:3%;}
#bottom-index .main .right ul li:nth-child(1){ margin-top:0px;}
#bottom-index .main .right ul li{ display:block; margin-top:3%;}
#bottom-index .main .right ul li a{ display:block; border:1px solid #ededed; background:#f8f8f8; padding:5%;}
#bottom-index .main .right ul li a .title{ font-size:18px; font-weight:bold; line-height:24px; margin-bottom:20px;}
#bottom-index .main .right ul li a .demo{ line-height:20px; font-size:12px; color:#000; margin-bottom:22px;}
#bottom-index .main .right ul li a .rq{ color:#979797;}
@media only screen and (min-width: 767px) {
#bottom-index .main .right ul li a{ padding:30px; }	
#bottom-index{ padding:90px 0;}

#bottom-index .main{
	 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;


}
#bottom-index .main .right{
		-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	border:0px;
	margin-left:30px;
	
	}
#bottom-index .main .left{ width:36%; margin-bottom:0px;height:auto;}

}
@media only screen and (max-width: 640px) {
#bottom-index .main .left{ float: none;width:100%;overflow:hidden;height:auto;}
#bottom-index .main .left  img{ width:100%; height:auto; overflow:hidden;}

#bottom-index .main .right{
float: none;width:100%; 
	
	}}

/*首页end*/



/*联系我们*/
.contact-top{ color:#fff; font-size:36px; background:#0080cc; padding:80px 3%; text-align:center;}

.contact-bottom{ width:94%; max-width:1100px; line-height:2; overflow:hidden; margin:auto; padding-bottom:50px; padding-top:50px; }
.contact-bottom .leftn{ width:60%; float:left; font-size:14px;font-family: industry, Arial, "Microsoft Yahei"; }

.contact-bottom .rightn{ width:40%; float:right; text-align:right;  }
.contact-ly{ background:#f5f5f5; padding-top:50px; padding-bottom:50px;}
.contact-ly .main{ width:94%; max-width:1100px; margin:auto;} 
.contact-ly .main .ly-box .title{ color:#3195d1; font-size:14px; line-height:32px;}
.contact-ly .main .ly-box .bd{ margin-bottom:18px;}
.contact-ly .main .ly-box .bd input{ width:100%; height:32px; border:0px; padding:0 5px; line-height:32px; background:#fff;}
.contact-ly .main .ly-box .bd textarea{ height:196px; line-height:20px; padding:6px 5px; width:100%; border:0px; background:#fff;}
.contact-ly .bttn{ width:94%; max-width:1100px; margin:auto; font-size:16px; color:#8a8a8c; line-height:42px;}
.contact-ly .bttn input{ float:right; width:92px; height:42px; background:#0080cc; color:#fff; border:0px; cursor:pointer; font-size:16px;}
@media only screen and (min-width: 700px) {
.contact-ly .main{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
.contact-ly .main .ly-box:nth-child(1){-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
}	
.contact-ly .main .ly-box:nth-child(2){ width:50%; margin-left:5%;}	
}
@media only screen and (max-width: 640px) {
.contact-bottom .leftn{ width:100%; padding-bottom:20px; }
.contact-bottom .rightn{ width:100%;  }
.contact-bottom .rightn img{ width:100%;  }
}
/*联系我们 end*/
















/*关于我们*/
.about-main{ background:#fff; position:relative; z-index:1; max-width:1100px; margin:-100px auto 60px;}
.about002001-heng .left .view{ padding:60px;line-height:2;}
.about002001-heng .sxz{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	}	
.about002001-heng .bglan{ color:#fff; background:#0080cc;}	
.about002001-heng .left .big{ font-size:20px; font-weight:bold;}
.about002001-heng .right .view{ line-height:2;padding:60px;}
.about002001-heng .sxf .tu{ background-position:center; background-size:cover; min-height:200px; height:300px;}
.about002001-heng .sxf .tu:nth-child(2){ margin-top:4px;}
.about002001-heng .bghui{ background:#f0f0f0;}
.culture{ padding:30px 0;}
.service{ padding:30px 0;}

.culture .bbt{ padding:30px 0; line-height:65px; text-align:center; color:#0080cc; font-weight:bold; font-size:30px;}
.honor{ padding:30px 0;}

.honor .bbt{ padding:30px 0; line-height:115px; text-align:center; color:#0080cc; font-weight:bold; font-size:30px;}
.honor ul:after{ content:""; display:block; clear:both;}
.honor ul li{ float:left; width:30%; margin:0 0 4% 2.5%;}
.honor ul li .tu{ position:relative;}
.honor ul li .tu .bbg{ opacity:0; display:block; width:100%;}
.honor ul li .tu .pic{ width:100%; height:100%; position:absolute; left:0px; top:0px;}
.honor ul li .title{ text-align:center; line-height:30px; height:30px; margin-top:15px;}
.aboutlist .bbt{ padding:30px 0; line-height:115px; text-align:center; color:#0080cc; font-weight:bold; font-size:30px;}
.aboutlist{ padding:10px 0;}
	.aboutlist dl dd{width:100%; margin: 0 9px 0 auto; overflow:hidden;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
.aboutlist dl dd .biao{ width:36px; position:relative;  padding:10px 0 ;}
.aboutlist dl dd .vvv{
	    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	margin-left:20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	
	}
.aboutlist dl dd .vvv .con{ width:100%;  padding:10px 0 ;}	

.aboutlist dl .biao .quan{ width:20px; height:20px; border:3px solid #fff; border-radius:100%; margin:-10px 0; left:0%; top:50%; background:#d8d8d8; position:absolute;}
.aboutlist dl .biao .line{ height:100%; width:2px; position:absolute; left:9px; top:0px; background:#eaeaea;}
.aboutlist dl dd .tu{ width:120px; padding:10px 0 ; }
.aboutlist dl dd .tu img{ display:block; width:100%;border:2px solid #d8d8d8;}
.aboutlist dl dd .vvv .con .rq{ font-weight:bold; color:#000;}
.aboutlist dl dd .vvv .con .demo{ line-height:20px; font-size:12px;}
.aboutlist dl dd:nth-child(1) .line{ height:50% ; top:50%;}
.aboutlist dl dd:last-child  .line{ height:50%}



@media only screen and (max-width: 800px) {
.honor .bbt,.aboutlist .bbt{ line-height:40px; font-size:20px;}	
.about-main{ margin:0;}	
	.about002001-heng .left .view,.about002001-heng .right .view{ padding:4%;}	
}
@media only screen and (max-width: 700px) {
.honor ul li{ width:45.5%; margin:0 0 5% 3%;}	
	
	
	
}
@media only screen and (min-width: 767px) {
	.aboutlist dl dd .biao,.aboutlist dl dd .vvv .con,.aboutlist dl dd .tu{ padding:0;}	
	
.aboutlist-type a.prev{ left:9.7%;}
.aboutlist-type a.next{ right:9.7%;}	
.aboutlist dl dd{ width:50%;}


		.aboutlist dl dd:nth-child(2n){ margin:0 auto 0 12px;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
	-ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	text-align:right;
	
	}
.aboutlist dl dd:nth-child(2n) .vvv{ margin:0 20px 0 0;}	

.aboutlist dl dd:nth-child(2n) .biao .quan{  left:auto; right:0px; top:50%; }
.aboutlist dl dd:nth-child(2n) .biao .line{  right:10px; left:auto; top:0px; }
	.about002001-heng .right.sxf{
		display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
		
		}
	.about002001-heng .left{ width:50%;}
	.about002001-heng .left .big{ font-size:28px;}

.about002001-heng{	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}	
	
.about002001-heng .right,.about002001-heng .sxf .tu{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; height:auto;}	

	
}
@media only screen and (max-width: 500px) {
.about002001-heng .sxf .tu{  height:280px;}
.honor ul li{ width:94%; margin:0 auto 8% ; float:none;}	
}
@media only screen and (max-width: 360px) {
.about002001-heng .sxf .tu{  height:200px;}
}
/*关于我们 end*/
















/*服务*/

.service-type {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

.service-type ul li:nth-child(1) {
	border: 0px;
}

.service-type ul li {
	display: block;
	padding: 40px 0;
	border-top: 1px solid #dfdfdf;
	position: relative;
}

.service-type ul li:after {
	display: block;
	clear: both;
	content: "";
}

.service-type ul li .tu {
	width: 50%;
	float: left;
}

.service-type ul li .tu img {
	display: block;
	width: 100%;
}

.service-type ul li .demo {
	width: 45%;
	top: 0px;
	right: 0px;
	position: absolute;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right;
	min-height: 120px;
	padding: 40px 0;
	background-size: auto 30%;
}

.service-type ul li .demo .title {
	color: #000;
	font-size: 20px;
	padding-top: 100px;
	line-height: 30px;
	padding-bottom: 20px;
}

.service-type ul li .demo .text {
	line-height: 20px;
	margin: 0 0 20px;
}

.service-type ul li .demo .href {
	padding: 0 20px;
	height: 33px;
	display: inline-block;
	border: 1px solid #2473d2;
	text-align: center;
	color: #2473d2;
	font-size: 14px;
	line-height: 31px;
}

.service-type ul li .demo .href:hover {
	color: #fff;
	background: #2473d2;
}

.service-type ul li:nth-child(2n-1) .tu {
	float: right;
}

.service-type ul li:nth-child(2n-1) .demo {
	right: auto;
	left: 0px;
}

/**/
.wt-list {
	width: 94%;
	margin: auto;
	max-width: 1100px;
	border-top: 2px solid #dddddd;
	padding-bottom: 70px;
	position: relative;
}

.wt-list .wt-box {
	display: block;
	position: relative;
	overflow: hidden;
	border-bottom: 2px solid #ddd;
	padding: 20px 0;
	background: #fff;
}

.wt-list .wt-box .w {
	padding-left: 20px;
	position: relative;
	line-height: 20px;
	padding: 5px 0 5px 20px;
	font-size: 14px;
	cursor: pointer;
}

.wt-list .wt-box .w:before {
	display: block;
	background: #fff;
	content: "+";
	position: absolute;
	top: 0px;
	right: 0px;
	color: #2473d2;
	text-align: right;
	width: 40px;
	line-height: 20px;
	padding: 5px 0;
	font-size: 20px;
}

.wt-list .wt-box.on .w:before {
	content: "-";
}

.wt-list .wt-box .bbt {
	position: absolute;
	left: 0px;
	top: 5px;
	font-weight: bold;
	font-size: 14px;
}

.wt-list .wt-box .d {
	position: relative;
	padding: 5px 0 5px 20px;
	line-height: 20px;
	font-size: 12px;
	display: none;
}

.wt-list .wt-box.on .d {
	display: block;
}

.wt-list .paggg:hover {
	background: #ccc;
}

@media only screen and (max-width:800px) {

.service-type ul li .demo .title {
	padding-top: 20px;
}
}

@media only screen and (max-width:600px) {

.service-type ul li .demo .title {
	padding-top: 0px;
}
}

@media only screen and (max-width:500px) {

.service-type ul li .demo {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	height: auto;
	padding: 10px 0 0;
	background: none !important;
}

.service-type ul li .tu, .service-type ul li:nth-child(2n-1) .tu {
	float: none;
	width: 100%;
}
}

/*服务 end.*/
/*新闻*/
.news-banner{ height:440px; background-position:center; background-size:cover;  position:relative;}
.news-banner .text{ position:absolute;left:50%;
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
font-weight:bold;
text-align:center;


}
.news-list{ width:94%; max-width:1520px; margin: 0 auto 60px; background-color:#FFFFFF; }
.news-list .news-box{ position:relative;}

.news-list .news-box a .tu{ background-position:center; background-size:cover;}
.news-list .news-box a .tu img{ opacity:0; display:block; width:100%;}
.news-list .news-box a .text{ position:relative;}
.news-list .news-box a .text .n-top{ height:47px; padding:1px 0 0; position:relative; line-height:46px;}
.news-list .news-box a .text .n-top:before{ content:""; display:block; width:400%; top:0%;  height:1px; position:absolute; background:#f7f7f7;}
.news-list .news-box a .text .n-top .rq{ color:#b3b3b3; font-weight:bold;}
.news-list .news-box a .text .n-top .rq span{ float:left; display:block; position:relative; height:87px; margin-top:-40px; color:#5c5c5c; font-size:72px; line-height:80px; padding-right:37px; overflow:hidden; font-weight:300;}
.news-list .news-box a .text .n-top .rq span:after{ height:100px; width:2px; background:#5c5c5c; position:absolute; right:15px; top:-25px; display:block; content:""; transform:rotate(10deg);}
.news-list .news-box a .text .main{ height:308px; position:relative; z-index:2; padding-top:39px;}
.news-list .news-box a .text .main .title{ font-size:18px; color:#5c5c5c; font-weight:bold; line-height:30px; height:60px; overflow:hidden; margin-bottom:23px;}
.news-list .news-box a .text .main .demo{ line-height:30px; height:90px; overflow:hidden; margin-bottom:20px;}
.news-list .news-box a .text .main .href{ border:1px solid #b3b3b3; border-radius:15px; height:30px; width:120px; text-align:center; line-height:28px; font-weight:bold; color:#b3b3b3;}
.news-list .news-box a .text:before{ content:""; z-index:1; display:block; height:308px; top:47px; background:#f7f7f7; width:400%; position:absolute; }
@media only screen and (min-width:500px) {
	.news-list .news-box .share{ position:absolute; top:0px; z-index:50; right:47%; border-right:1px solid #f7f7f7; height:46px;}
	.news-list .news-box:nth-child(2n) .share{ right:0;}
.news-list .news-box .share a{ height:46px; width:46px; display:block; cursor:pointer; border-left:1px solid #f7f7f7; float:left;}
.news-list .news-box .share a.fbook{ background:url(../images/share_03.png) center; }
.news-list .news-box .share a.fbook:hover{ background:url(../images/sharehover_03.png) center; }
.news-list .news-box .share a.twi{ background:url(../images/share_05.png) center; }
.news-list .news-box .share a.twi:hover{ background:url(../images/sharehover_05.png) center; }
	.news-list .news-box a .tu{ position:relative; z-index:2; background-color:#fff;}
	.news-list .news-box a .tu img{ display:none;}
.news-list .news-box{ margin-bottom:60px; }
.news-list .news-box .a{    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

		-ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;height:400px;}
.news-list .news-box:nth-child(2n) .a	{
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
	}
.news-list .news-box .a .text{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	}	
.news-list .news-box .a .ge{ width:7%;}	
.news-list .news-box .a .text .n-top:before,.news-list .news-box .a .text:before{ right:-15%;}
.news-list .news-box:nth-child(2n) .a .text .n-top:before,.news-list .news-box:nth-child(2n) .a .text:before{ left:-15%;}
.news-list .news-box .a .tu{ width:40%;}	

}
@media only screen and (min-width:800px) {

.news-banner{margin-bottom:130px;}
.news-banner .text{ padding:0 60px; bottom:-74px; font-size:30px; }
.news-banner .text p{ line-height:103px; overflow:hidden; height:103px;}
.news-banner .text p:nth-child(2){ height:68px; line-height:68px;}
}

@media only screen and (max-width:1024px) {
.news-banner{ height:320px;}
}
@media only screen and (max-width:799px) {
	
.news-banner{margin-bottom:100px;}
.news-banner .text{ padding:0 40px; bottom:-53px; font-size:24px; border-width:3px !important; }
.news-banner .text p{ line-height:70px; overflow:hidden; height:70px;}
.news-banner .text p:nth-child(2){ height:50px; line-height:50px;}	
}

@media only screen and (max-width:499px) {
.news-banner{ height:280px;}
.news-list .news-box .a .text:before{ left:-30px;}
.news-list .news-box .a .text .main .title{ font-size:16px; color:#5c5c5c; font-weight:bold; line-height:30px; min-height:60px; overflow:hidden; margin-bottom:23px;}
.news-list .news-box .a .text .main .demo{ line-height:30px; min-height:90px; overflow:hidden; margin-bottom:20px;}
.news-list .news-box .a .tu{ width:107%; margin-left:-3.5%;}
	.news-list .news-box .ge{ height:50px;}
}

/*view*/
.newsviewtop{ background:#f7f7f7; padding:30px 0; border-bottom:1px solid #e6e6e6;}
.newsviewtop .main{ width:94%; max-width:1100px; margin:auto; font-size:18px; color:#010101; font-weight:bold; line-height:30px; text-align:center;}
.newsweizhi{ height:47px; border-bottom:1px solid #f7f7f7; background-color:#FFFFFF; width:100%}
.newsweizhi .main{ position:relative; height:46px; line-height:46px; width:94%; max-width:1100px; margin:auto;}
.newsweizhi .main .share{ position:absolute; top:0px; z-index:50; right:0%; border-right:1px solid #f7f7f7; height:46px;}

.newsweizhi .main .share a{ height:46px; width:46px; display:block; cursor:pointer; border-left:1px solid #f7f7f7; float:left;}
.newsweizhi .main .share a.fbook{ background:url(../images/share_03.png) center; }
.newsweizhi .main .share a.fbook:hover{ background:url(../images/sharehover_03.png) center; }
.newsweizhi .main .share a.twi{ background:url(../images/share_05.png) center; }
.newsweizhi .main .share a.twi:hover{ background:url(../images/sharehover_05.png) center; }
.newsview{
	max-width:1100px; width:94%;  overflow:hidden; line-height:2; margin:auto; padding-top:40px; padding-bottom:40px;



	}
.newsview:after{ content:""; display:block; clear:both;}




/*新闻 end*/


/*产品*/

#pro-main {
	top: -68px;
	position: absolute;
}
.pro-main {

	margin: auto;

	padding: 0px 0 40px;
	position: relative;
}
.protype{ background:#f6f6f8; text-align:center; padding:19px 3%;}
.protype .main{ width:100%; margin:auto; max-width:1100px;}
.protype .main .mborder{ max-width:100%;  height:42px;  display:inline-block; padding:4px; overflow:hidden;}
.protype .main .mborder .hidden{ border-radius:16px; overflow:hidden; height:32px;}

.case-page-type {
	text-align: center;
	position: relative;
}

.case-page-type .swiper-wrapper {
	text-align: center;
}

.case-page-type .swiper-wrapper a {
	display: inline-block;
	width:auto;
	height:32px;
	line-height: 32px;
	border-radius: 16px;
	color: #000;
	font-size:14px;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 26px;
	padding-bottom: 0;
	padding-left: 26px; margin-right:10PX;
}


.case-page-type .swiper-wrapper a.on, .case-page-type .swiper-wrapper a:hover {
	color: #fff;
	background: #0080cc;
}

.video-con{ margin-bottom:30px;}
.pro-list .list{ padding-top:54px; width:94%; max-width:1100px; margin:auto;}

.pro-list .list ul:after{ content:""; display:block; clear:both;}
.pro-list .list ul li.cp,.pro-list .list ul li.video-item{ display:block; float:left; margin-bottom:3%; width:100%;}

.pro-list .list ul li.video-item a{  display:block; color:#252525;}
.pro-list .list ul li.cp a,.pro-list .list ul li.video-item a{ display:block; color:#252525;}
.pro-list .list ul li.cp a:hover .title,.pro-list .list ul li.video-item a:hover .title{color:#0083eb;}
.pro-list .list ul li.video-item a .title{ line-height:30px;overflow:hidden; font-size:14px;  font-weight:bold;background:#f7f7f7; padding:15px 6%;}
.pro-list .list ul li.video-item a .title span{ display:block; height:60px; overflow:hidden;}

.pro-list .list ul li.cp a .tu{ position:relative; margin-bottom:14px; background-color:#f6f6f8; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro-list .list ul li.video-item a .tu{ position:relative; background-color:#f6f6f8; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro-list .list ul li.cp a .tu .bbg,.pro-list .list ul li.video-item a .tu .bbg{ display:block; width:100%; opacity:0px;}
.pro-list .list ul li.cp a .tu .pic{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.pro-list .list ul li.cp a .title{ line-height:30px; height:30px; overflow:hidden; font-size:14px;  font-weight:bold;}
.pro-list .list ul li.cp a .demo{ margin-top:12px; line-height:20px; height:60px; overflow:hidden; margin-bottom:24px;}
.pro-list .list ul li.cp a .href{ display:inline-block; line-height:34px;  border-bottom:2px solid #0083eb;}
@media only screen and (min-width:800px) {
.pro-list .list ul li.cp{ width:32%; margin-right:2%;}	
.pro-list .list ul li.cp:nth-child(3n),.pro-list .list ul li.video-item:nth-child(2n){ margin-right:0px;}	

.pro-list .list ul li.video-item{ width:48.5%; margin-right:3%;}	

}
@media only screen and (min-width:500px) and (max-width:799px){
	
.pro-list .list ul li.cp{ width:47.5%; margin-right:3%;}	
.pro-list .list ul li.cp:nth-child(2n){ margin-right:0px;}		
}
@media only screen and (max-width:499px){
	
.pro-list .list ul li.cp{ width:100%; float:none; margin-bottom:40px;}	

}

/*详细*/
.moreBtn:hover {
    color: #0080cc;
    border: 3px solid #0080cc;
    text-decoration: none;
    padding: 0 8%;
}
.tc{ text-align:center;}
.moreBtn {
    border: 3px solid #eee; color: #0080cc;
    height: 45px;
    line-height: 45px;
    padding: 0 4%;
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.prov-main{  max-width:1100px; margin:2% auto; padding:40px 0; background:#fff;}
.prov-main .up{
	
	}
.prov-main .up .demo{ line-height:2;}
.prov-main .up{ padding:0 4% 40px;}	
.prov-main .up .title{ color:#0080cc; font-weight:bold; font-size:26px; line-height:36px; padding:8px 0;}	
.prov-main .up .tu{ padding-top:26px;}
.pro-banner{ background:#eeeeee; position:relative; overflow:hidden;}
.pro-banner .swiper-slide{ text-align:center;}
.pro-banner2{  position:relative; overflow:hidden;}
.pro-banner2 .swiper-slide{ text-align:center;}
.prov-main .down{ padding:40px 4%;}

.prov-main .down .tt{ border:1px solid #dddddd; border-right:0px; height:50px; line-height:48px;

	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;






}
.prov-main .down .tt li{ display:block; text-align:center;
	    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
 border-right:1px solid #dddddd;
 font-size:12px; 
 	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.prov-main .down .tt li.on{ background:#0080cc; color:#fff; cursor:pointer;}
.prov-main .down .viewpro{ line-height:2; margin-top:20px; overflow:hidden; display:none;}
.prov-main .down .viewpro .bbt{ font-size:20px; font-weight:bold; color:#0080cc; line-height:40px; position:relative; margin-bottom:20px;}
.prov-main .down .viewpro .bbt:before{ width:20px; height:2px; content:""; position:absolute; left:0px; top:0px; background:#0080CC;}
@media only screen and (min-width:800px) {
	.prov-main .down .viewpro .bbt{ font-size:30px;}
	.prov-main .down .tt li{ font-size:14px; color:#000; font-weight:bold;}
	.prov-main{ padding-top:80px}
.prov-main .up{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	padding:0 60px 80px;
	}	
	.prov-main .down{ padding:60px;}
.prov-main .up .title{ color:#0080cc; font-weight:bold; font-size:36px; line-height:50px; padding:8px 0;}	
.prov-main .up .text{
	    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;

	
	
	}	
.prov-main .up .tu{ width:320px; margin-left:30px;}	
}
@media only screen and (max-width:500px) {
.prov-main .down .tt li{ font-size:10px; line-height:18px;}

}



/*产品目录*/
.book-main{
	padding:5% 0;
	background-image:url(../images/bookbg.jpg);
	background-position:center; background-repeat:no-repeat; background-size:cover;
	
	}
.bookblock{ display:block; margin:auto; max-width:1000px; width:94%; position:relative; background:#fff;}
.bookblock .bb-item a{ display:block; height:inherit;}
.bookblock .bb-item a img{ width:inherit;}
.bookblock .bbg{ display:block; width:100%;}	
.bookblock .btn{ height:76px; width:35px; position:absolute; top:50%; z-index:100;
	-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
cursor:pointer;

}
.bookblock .btn:before{ width:30px; height:30px; border-top:2px solid #fff; border-right:2px solid #fff; position:absolute; top:50%; left:50%;  content:""; display:block;}
.bookblock .btn.btnprev:before{
	-webkit-transform:rotate(-135deg);
	-moz-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
	margin:-15px -6px;
	}
.bookblock .btn.btnnext:before{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	margin:-15px -22px;
	
	}	


@media only screen and (min-width:1100px){
.bookblock .btn.btnprev{ left:50%; margin-left:-550px;}
.bookblock .btn.btnnext{ left:50%; margin-left:514px;}
}
@media only screen and (max-width:1100px){
	.bookblock .btn{ background:rgba(0,0,0,.3); width:25px; height:50px;}
	.bookblock .btn.btnprev:before{
		margin:-10px -4px;
	}
	.bookblock .btn.btnnext:before{
		margin:-10px -14px;
	}
	.bookblock .btn:before{ width:20px; height:20px;}
.bookblock .btn.btnprev{ left:3%; }
.bookblock .btn.btnnext{ right:3%; }	
}
/*产品 end*/
/*技术支持*/

.service-bbt{ width:94%; line-height:110px; max-width:1100px; margin:auto; position:relative; font-size:30px; font-weight:bold; color:#0080cc;}
.service-bbt a{ height:20px; line-height:20px; border-radius:2px; background:#0080cc; padding:0 15px; position:absolute; right:0px; top:50%; margin-top:-10px; color:#fff; font-size:14px; font-weight:300;}
.service-list {width:94%;max-width:1100px;  margin:auto; position:relative;  }
.service-list ul li.wt-box{ display:block; border:1px solid #f0f0f0; border-top:0px; background:#f8f8f8; }
.service-list ul li.wt-box:nth-child(1){border-top:1px solid #f0f0f0;}
.service-list ul li.wt-box .title{ cursor:pointer; line-height:26px; padding:8px 0 8px 46px; position:relative;}
.service-list ul li.wt-box .title span{ width:26px; height:26px; display:block; position:absolute; top:8px; left:20px;}
.service-list ul li.wt-box .title span:before{ height:2px; width:12px; display:block; content:""; left:0px; top:12px; position:absolute; background:#666666;}
.service-list ul li.wt-box .title span:after{ height:12px; width:2px; display:block; content:""; left:5px; top:7px; position:absolute; background:#666666;}
.service-list ul li.wt-box .title[data-on='on']{ color:#0080cc}
.service-list ul li.wt-box .title[data-on='on'] span:before{ background:#0080cc}
.service-list ul li.wt-box .title[data-on='on'] span:after{ display:none;}
.service-list ul li.wt-box .content{border-top:1px solid #f0f0f0; padding:10px 20px; line-height:26px; display:none;}

.service-list ul li.download-box{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	background:#f2f2f2;
	line-height:52px; overflow:hidden; height:52px;
	}
.service-list ul li.download-box .bbt{    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; margin-right:20px; margin-left:20px;}	
.service-list ul li.download-box .dx{ width:100px;}	
.service-list ul li.download-box .rq{ width:110px;}
.service-list ul li.download-box .down{ width:40px; position:relative;}
.service-list ul li.download-box .down a{ display:block; cursor:pointer; width:20px; height:20px; background:url(../images/xzico_03.png) center no-repeat; position:absolute; top:16px; left:0px;}
.down-type{ width:94%; margin:auto; max-width:1100px; margin:0 auto 30px;}
.down-type dl:after{ content:""; display:block; clear:both;}
.down-type dl dd{ display:inline-block; margin:0 10px 10px 0; height:50px; line-height:50px; background:#f2f2f2;}
.down-type dl dd a{display:inline-block;height:50px; background:#f2f2f2; color:#000000; font-size:16px; font-weight:bold; padding:0 20px;}
.down-type dl dd a:hover,.down-type dl dd.on a{ color:#fff; background:#0080CC;}
.do-title{ margin-bottom:30px; font-size:16px;}
.do-href{ padding-top:10px 0;}
.do-href a{ display:inline-block; padding:0 15px; border:1px solid #ddd; font-size:14px; line-height:30px;}
@media only screen and (max-width:500px){
.service-bbt{ font-size:20px; font-weight:300;}	
.service-bbt a{ font-size:12px; padding:0 10px;}
.down-type dl dd { height:40px; line-height:40px;}
.down-type dl dd a{ font-size:14px; height:40px; padding:0 12px; }
.service-list ul li.download-box .rq{ display:none}
}






.serverb{ height:500px; min-height:0px;}	
.service-view{ max-width:1100px; width:94%; margin:auto; padding:0px 0 30px;}
.service-view .title{ color:#000; text-align:center; font-size:40px; margin-bottom:20px;}
.service-view .view{ line-height:2;}
.service-pic img{ display:block; margin:auto;}
.service-banner{ height:400px; background-size:cover; background-position:center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}
.service-banner .href{ max-width:700px; width:94%; color:#fff;}
.service-banner .href a{ display:block; float:left; color:#fff; font-size:18px; font-weight:bold;}
.service-banner .href a:nth-child(2){ float:right;}
.service-banner .href a .tu img{ display:block; border:1px solid #fff; border-radius:4px; margin:0 auto 30px;}
.service-banner .href a .title{ border-bottom:3px solid #0083eb; padding-bottom:15px;}

.service-main{ width:94%; max-width:1100px; margin:30px auto;}
.service-main .left{ margin-bottom:30px;}
.service-main .right .dan-view{}
.service-main .right .dan-view .title{ font-size:40px; margin-bottom:20px; }
.service-main .right .dan-view .view{ line-height:2; overflow:hidden;}


.service-main .right .list ul li{ display:block; margin-bottom:15px;}
.service-main .right .list ul li.wt-box .title{ line-height:30px; padding:8px 0; color:#0083eb; font-size:14px; border-bottom:1px solid #ddd;cursor:pointer;}
.service-main .right .list ul li.wt-box .content{ padding:10px 0; line-height:2; display:none;}
.service-main .right .list ul li.download-box .title{  padding:8px 0;border-bottom:1px solid #ddd; position:relative;}
.service-main .right .list ul li.download-box .title .bbt{ line-height:20px; color:#0083eb; font-size:14px; }
.service-main .right .list ul li.download-box .title .rq{ color:#999;}
.service-main .right .list ul li.download-box .title .down{ position:absolute; right:0px; text-align:right; top:50%; -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
   -webkit-transform:translateY(-50%);
    transform:translateY(-50%);}
.service-main .right .list ul li.download-box .title .down a{ display:inline-block; padding:0 10px; font-size:12px; border:1px solid #707473; background:#f7f8f9; color:#ababab; margin-left:20px; line-height:22px;}	

@media only screen and (min-width:768px){
.jsindex-2 .list ul,.service-main{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}
.jsindex-3{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}		
.jsindex-2 .list ul li,.jsindex-3 .tu,.service-main .right{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.jsindex-3 .text{ width:50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;



}

	
.jsindex-2 .list ul li:nth-child(2){ border-left:1px solid #dedede;border-right:1px solid #dedede;}	
.service-main .left{ width:200px; margin-right:20px; margin-bottom:0px;}	
.service-main .left .bbt{ display:none;}
.service-main .left ul li{ display:block;}
.service-main .left ul li .a{ display:block; line-height:26px; font-size:14px; padding:2px 0 2px 20px; position:relative;}
.service-main .left ul li.on .a:before{ content:""; width:2px; height:80%; background:#0083eb; left:0px; top:10%; position:absolute;}
.service-main .left ul li .a:hover,.service-main .left ul li.on .a{ color:#0083eb;}
.service-main .left ul li.on dl{ display:block;}
.service-main .left ul li dl{ display:none;}
.service-main .left ul li dl dd{ display:block;}
.service-main .left ul li dl dd a{ display:block; line-height:20px; padding:4px 0 4px 28px; font-size:12px; position:relative;}
.service-main .left ul li dl dd a b{ top:4px; left:20px; width:8px; display:block; color:#0083eb; position:absolute;}
.service-main .left ul li dl dd a:hover,.service-main .left ul li dl dd.on a{  color:#0083eb;}
}


@media only screen and (max-width:1100px){
	.serverb{ height:350px;}
.jsindex-3 .text .view .title,.service-main .right .dan-view .title{ font-size:28px;}	
.js-banner .big{ font-size:40px; }
.js-banner .small{ font-size:18px; }	
.js-search{ max-width:500px;}
	
}
@media only screen and (max-width:767px){
	.service-main .right .list ul li.download-box .title .down{ position:relative; padding:5px 0 10px; right:0px; text-align:left; top:0%; -moz-transform:translateY(0%);
 -ms-transform:translateY(0%);
  -o-transform:translateY(0%);
   -webkit-transform:translateY(0%);
    transform:translateY(0%);}
.service-main .right .list ul li.download-box .title .down a{ margin:0 10px 0 0; }	
	.jsindex-3 .text .view .title{ font-size:30px;}	
.jsindex-2 .list ul li:nth-child(2){ border-top:1px solid #dedede;border-bottom:1px solid #dedede; padding:20px 0; margin-top:20px;}	


.service-main .left{ border:2px solid #ddd; border-radius:4px; padding:0 0px; position:relative; height:50px; z-index:10;}
.service-main .left .bbt{ padding:0 10px; line-height:46px; height:46px;}
.service-main .left .bbt:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #666; border-right:1px solid #666; position:absolute; top:50%; right:10px; transform:rotate(135deg); margin-top:-4px;}
.service-main .left ul{ display:none; position:absolute; left:-2px; top:46px;border:2px solid #ddd; background:#fff; border-radius:4px;      width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px); padding:10px 0;}	
.service-main .left[data-on='on'] ul{ display:block;}
.service-main .left ul li{ display:block;}
.service-main .left ul li .a{ display:inline-block; line-height:26px; font-size:14px; padding:5px 10px; position:relative;}

.service-main .left ul li .a:hover,.service-main .left ul li.on .a{ color:#0083eb;}
.service-main .left ul li[data-on='on']{ background:#eee;}
.service-main .left ul li[data-on='on'] dl{ display:block;}
.service-main .left ul li dl{ display:none;}
.service-main .left ul li dl dd{ display:block;}
.service-main .left ul li dl dd a{ display:block; line-height:20px; padding:4px 0 4px 28px; font-size:12px; position:relative;}
.service-main .left ul li dl dd a b{ top:4px; left:20px; width:8px; display:block; color:#0083eb; position:absolute;}
.service-main .left ul li dl dd a:hover,.service-main .left ul li dl dd.on a{  color:#0083eb;}





	
	
}
@media only screen and (max-width:500px){
	.service-banner .href a{ font-size:16px; font-weight:300;}
		.serverb{ height:220px;}
		.serverb .title{ font-size:60px;}
.jsindex-3 .text .view{ width:86%;}	
.jsindex-3 .text .view .title,.service-main .right .dan-view .title{ font-size:22px;}
.jsindex-1 .main .title,.jsindex-2 .btt,.jsindex-3-top .title,.service-view .title{ font-size:28px;}	
.js-banner .big{ font-size:28px; }
.js-banner .small{ font-size:16px; }		
	
}
/*技术支持 end*/

/*搜索*/
.search-main {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	padding: 30px 0;
	min-height: 300px;
}

.search-main .type {
	line-height: 50px;
	font-size: 30px;
	color: #000;
	font-weight: bold;
}

.search-main .list ul li {
	display: block;

	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding:30px 0;
}

.search-main .list ul li.nothing {
	height: 100px;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}


.search-main .list ul li a .text .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
	font-size: 12px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
	font-size: 14px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;}
.search-main .list ul li a .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #2473d2;
}

@media only screen and (max-width:500px) {

.search-main .type {
	font-size: 22px;
}
}

/*分页*/
.fanye {
	text-align: center;
	padding: 20px 0;
}

.fanye a {
	display: inline-block;
	border: 1px solid #cccccc;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin: 0 5px;
	color: #2473d2;
	text-align: center;
}

.fanye a.pageup:before {
	content: "\f100";
	font-family: "fontcustom";
}

.fanye a.pagenext:before {
	content: "\f101";
	font-family: "fontcustom";
}

.fanye a.null {
	color: #999 !important;
	cursor: default !important;
	background: #eee !important;
	border: 1px solid #eee !important;
}

.fanye a.cur, .fanye a:hover {
	border: 1px solid #2473d2;
	background: #2473d2;
	color: #fff;
}

/*分页 end*/

/*footer*/
#footer {
	padding: 0px 0;
	background: #001a2b;
	color: #fff;
}

#footer a {
	color: #898989;
}

#footer a:hover {
	color: #fff;
}

#footer .foot {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	padding:48px 0;
	
	
	
}

#footer .foot .left {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
}
#footer .foot .left ul{ display:block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;


}
#footer .foot .left ul li{
	
	    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	}
#footer .foot .left ul li .a{ display:inline-block; height:40px; line-height:40px; overflow:hidden; font-weight:bold; font-size:14px; color:#fff;}	
#footer .foot .left ul li dl dd{ display:block; padding:2px 0;  line-height:18px;}
#footer .foot .left ul li dl dd a{ line-height:18px; color:rgba(255,255,255,.6);}
#footer .foot .left ul li dl dd a:hover{ color:#fff;}
#footer .foot .right {
	width:126px;

}









#footer .foot .right .share .title {
	line-height: 40px;
	font-weight: bold;
		padding-left:10px;
	font-size: 14px;
}

#footer .foot .right .share {

	margin-top: 0px;
	clear: both;
}
#footer .foot .right .share .list:after{ content:""; clear:both; display:block;}

#footer .foot .right .share .list a {
	z-index: 10;
	position: relative;
	 display:block;
	 margin:0 0 10px 10px;
	  float:left;
	  width:32px; height:32px;
	  border-radius:100%;
	  background:#4d5f6b;

}
#footer .foot .right .share .list a .ico{ display:block; width:100%; height:100%; border-radius:100%; opacity:.6;}
#footer .foot .right .share .list a:hover .ico{ opacity:1;}
#footer .foot .right .share .list a .ewm {
	position: absolute;
	width: 150px;
	height: 150px;
	bottom: 40px;
	left: 50%;
	margin-left: -75px;
	z-index: 10;
	max-width: 150px;
	box-shadow: 0 0 10px rgba(0,0,0,1);
	display: none;
}

#footer .foot .right .share .list a:hover .ewm {
	display: block;
}

@media only screen and (max-width:1024px) {
#footer .foot .left ul li dl dd a{ font-size:12px;}
}


@media only screen and (max-width: 767px) {
	#footer .foot{ display:none;}
	#foot-bottom{ font-size:12px;}
}


@media only screen and (max-width:500px) {
#foot-bottom{ font-size:10px;}


}

#foot-bottom {
	padding: 20px 0;
	line-height: 1.8;
	background: #000;
	color:rgba(255,255,255,.5);
}

#foot-bottom .view {
	width: 94%;
	margin: auto;
	max-width: 1100px;
}

#foot-bottom a {
	color:rgba(255,255,255,.5);
}
#gotop{ width:60px; height:60px; position:fixed; right:40px; bottom:40px; border-radius:2px; background:rgba(0,0,0,.4); z-index:10; display:none; cursor:pointer;}
#gotop:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.8); border-left:2px solid rgba(255,255,255,.8); position:absolute; left:50%; top:50%; margin:-3px -8px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
@media only screen and (max-width:1600px) {
#gotop{ right:20px; }	
}
@media only screen and (max-width:1024px) {
#gotop{
	width:40px; height:40px; right:5px;
	
}
#gotop:after{ width:10px; height:10px; margin:-3px -5px;}
}
#skypedetectionswf{ position:fixed; bottom:-5px;}
/*footer end*/


/**/
#warning{ max-width:640px; left:50%; top:50%; z-index:1000; position:fixed; background:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.175); -webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%); padding:60px; min-width:300px; width:94%; overflow:hidden;}
#warning .logo{ margin-bottom:40px;}
#warning .logo img{
	height:50px; margin:auto; display:block;
	
	-webkit-filter:invert(1);
	-moz-filter:invert(1);
	-ms-filter:invert(1);
	-o-filter:invert(1);
	filter:invert(1);}
#warning .welcome{ text-align:center; margin-bottom:30px;}
#warning .q{ color:#282828; font-size:30px; margin-bottom:20px; text-align:center;}
#warning .btn{ text-align:center; position:relative;}
#warning .btn:after{ content:""; clear:both; display:block; position:relative;}
#warning .btn a{ display:block; width:45%; border:1px solid #0483d9; line-height:48px; height:50px; text-align:center; color:#282828; font-weight:bold; font-size:16px; cursor:pointer; max-width:168px; display:inline-block; margin:0 32px;}
#warning .btn a:nth-child(2){}
#warning .btn:before{ content:""; display:block; width:1px; height:60%; top:20%; left:50%; background:#dddddd; position:absolute;}
#warning .text{ padding:20px 0; text-align:center;}
#warning .lang{ text-align:center; position:relative;}
#warning .lang:after{ content:""; display:block; width:1px; height:60%; top:20%; left:50%; background:#dddddd; position:absolute;}
#warning .lang a{ display:inline-block; padding-left:20px; position:relative; margin:0 24px 0 30px;}
#warning .lang a.cn{ background:url(../images/index_08.png) left no-repeat;}
#warning .lang a.en{ background:url(../images/index_10.png) left no-repeat;}

#quan.quan{
    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
	}
body.quan{ background:#000;}	
#ALL.quan{ background:#fff; opacity:.9;}	

@media only screen and (max-width:700px) {
	#warning .logo img{ height:40px;}
	#warning .q{ font-size:24px;}
	#warning{ padding:30px; font-size:12px;}
	#warning .btn a{ margin:0 3%; height:40px; line-height:38px; width:40%;}
#warning .lang a{ margin:0 10%;}	
	
}
@media only screen and (max-width:500px) {
	#warning{ padding:30px 10px;}
#warning .q{ font-size:20px;}	
}
/*float*/
#float{
	overflow:hidden;
	position:fixed;
	 z-index:101;
	  bottom:0px; right:40px;
	  border-radius:5px 5px 0 0;box-shadow:0 0 10px rgba(0,0,0,.175);
	  width:146px;
	 
	   background:#fafafa;
	 
	  
	   -ms-transition: width.5s,transform .5s,bottom .5s;
	-moz-transition:  width.5s,transform .5s,bottom .5s;
	-webkit-transition: width.5s,transform .5s,bottom .5s;
	-o-transition:  width.5s,transform .5s,bottom .5s;
	 transition: width.5s,transform .5s,bottom .5s;
	
	}
#float .bbt{ height:37px; position:relative; padding:0 15px; line-height:38px; color:#fff; font-size:14px; font-weight:bold; border-radius:5px 5px 0 0;
 background:#0080cc;
	cursor:pointer;










 }	
 #float .bbt span{ display:block; height:20px; width:20px; position:absolute; top:9px; right:6px;}
  #float .bbt span:before{ content:""; display:block; width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff;
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  position:absolute; left:50%; top:50%; margin:-1px -3px;
  -ms-transition: width.5s,transform .5s,bottom .5s;
	-moz-transition:  width.5s,transform .5s,bottom .5s;
	-webkit-transition: width.5s,transform .5s,bottom .5s;
	-o-transition:  width.5s,transform .5s,bottom .5s;
	 transition: width.5s,transform .5s,bottom .5s;
  }
  #float[data-on='on']{ 
  
  
  width:236px; bottom:50%; 
  -moz-transform:translateY(50%);
  -ms-transform:translateY(50%);
  -o-transform:translateY(50%);
  -webkit-transform:translateY(50%);
  transform:translateY(50%);
  
  
  
  
  
  }
  #float[data-on='on'] .bbt span:before { margin: -3px; -moz-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);}
    #float .view{ overflow:hidden; line-height:2; display:none;  border-radius:0 0 5px 5px; overflow:hidden; border:1px solid #c7e2f2; border-top:0px;} 
	#float .view .content{ padding:5px 25px; overflow:hidden; background:#fff;}
	#float .view .bb{ background:#fafafa; line-height:20px; font-size:12px; padding:10px 25px;}
	#float .view .bb span{ color:#0080cc}
@media only screen and (max-width:1600px) {
#float{ right:20px;}	
	
}
@media only screen and (max-width:1024px) {
	#float{ right:5px;}	
	
}

/*留言*/
.feedback-top{ background:#0080cc; color:#fff; font-size:24px; line-height:80px; font-weight:bold; text-align:center;} 

.feedback-main{ width:94%;  margin:40px auto; max-width:580px;}
.feedback-main .type{ color:#393939; font-size:40px; text-align:center;}
.feedback-main .lybox{ margin-bottom:15px; min-height:40px;}
.feedback-main .lybox .ban{ float:left; display:block; width:48%;}
.feedback-main .lybox .ban:nth-child(1){ margin-right:4%;}
.feedback-main .lybox .bbt{  line-height:30px; font-size:14px;} 
.feedback-main .lybox .bbt span{ font-weight:300; color:#F00; margin-left:5px;}
.feedback-main .lybox .bd input[type='text']{ width:100%; padding:0 5px; height:40px; line-height:36px; border-radius:2px; border:1px solid #f1f3f3;}
.feedback-main .lybox .bd textarea{width:100%; padding:5px; height:126px; line-height:28px; border-radius:2px; border:1px solid #f1f3f3;}
.feedback-main .lybox .bd textarea:focus,.feedback-main .lybox .bd input[type='text']:focus{ color:rgba(0,131,235,1); border:1px solid rgba(0,131,235,1); background:rgba(0,131,235,.2);}
.feedback-main .btn{ padding:30px 0 0;}
.feedback-main .btn input{ padding:0 26px; min-width:108px; margin-right:15px; height:40px; font-weight:bold; border:0px; cursor:pointer; color:#fff; background:#0080cc; font-size:14px;}
.feedback-main .btn input.re{ background:#e7e7e7; color:#646464; }
.feedback-main .lybox .bd label{ display:inline-block; position:relative; height:40px; line-height:40px; padding-left:20px; margin-right:20px; font-size:14px;}
.feedback-main .lybox .bd label input{ border:2px solid #f1f3f3; width:14px; height:14px; position:absolute; left:0px; top:13px; }





.snav-box{
	position: fixed;
	top: 90px;
	width: 100%;
	height: 52px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f7f7f7;
	z-index:11;
}
.snav-box[data-active="on"]{
	top: 0;
}
.snav-box[data-active="on"] .box{
	display: block;
}
.snav-box:after{
	content: "";
	position: absolute;
	width: calc(50% - 600px);
	left: 0;
	top: 0;
	height: 100%;
	background-color: #ebebeb;
	z-index: -1;
}
.snav-box .ul1 .li1{
	float: left;
	position: relative;
	background: url(../images/header-sub-bg2.png) 100% 50% no-repeat;
}
.snav-box .ul1 .home{
    background-color: #ebebeb;
    background-image: url(../images/header-sub-bg.png);
}
.snav-box .ul1 .li1 .ullia{
	color: #777777;
	font-size: 12px;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 27px;
	padding-right: 78px;
	position: relative;
}
.snav-box .ul1 .home .ullia{
	padding-left: 27px;
    padding-right: 41px;
}
.snav-box .ul1 .li1 .ullia1:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	width: 6px;
	height: 6px;
	border-left: 1px solid #777777;
	border-bottom: 1px solid #777777;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -5px;
}
.snav-box .ul1 .home .ullia:after{
	content: "";
	position: absolute;
	top: 50%;
    left: 0px;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    background-image: url(../images/icon03.png);
    background-repeat: no-repeat;
}
.snav-box .ul1 .li1 .sub1{
	position: absolute;
	top: 51px;
	left: -20px;
	display: none;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 250px;
}
.snav-box .ul1 .li1 .sub1 li{
	padding-left: 47px;
	border-bottom: 1px solid #ddd;
}

.snav-box .ul1 .li1 .sub1 li a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #999;
	overflow: hidden;
	font-size: 12px;
}
.snav-box .ul1 .li1 .sub1 li a:hover{
	color: #0073dc;
}
.snav-box .box{
	width: 22px;
	height: 14px;
	margin-top: 18px;
	position: relative;
	cursor: pointer;
	z-index: 101;
	display: none;
}
.snav-box .box .line{
	width: 22px;
	height: 2px;
	background-color: #2067aa;
	position: absolute;
	left: 0;
	top: 6px;
}
.snav-box .box .line1{
	margin-top: -6px;
}
.snav-box .box .line3{
	margin-top: 6px;
}
.as-browser{
	margin-top: 70px;
}
.as-browser .title{
	text-align: center;
	font-size: 14px;
	color: #333333;
}

  宸ュ叿鏍峰紡
  ========== */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
}
.clearfix:after{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.donghua{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
}
/* =========

  棣栭〉

  ========== */
.wrap{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
@media only screen  and (max-width: 1300px){
	.snav-box:after{
		width: 100px;
	}
}
@media only screen  and (max-width: 800px){
	.snav-box{
		top: 52px;
		display: none;
	}
}
@media only screen  and (max-width: 768px){

	.case{padding-top:30px;padding-bottom: 30px;}
	.swiper-case{margin-top:20px;}
	.swiper-bottom{margin-top: 15px;}
	 .tit-zh{
	padding-top:10px;
}
}

.case{
	background:#f5f5f5;
	padding-top:2.86458%;
	padding-bottom: 1.5625%;
}
.swiper-case{
	margin-top:1.5625%;
}
.swiper-case .swiper-slide{
	border:1px solid #d9d9d9;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.case-con{
	padding:6.667% 9.3333% 5.333% 9.3333%;
}
.case-tit{
	font-size: 16px;
	color: #4d4c4c;
	line-height: 1;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out; text-align:center;
}
.case-txt{
	font-size: 12px;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top:10px;
	
}
.case-line{
	width:35px;
	height: 1px;
	background:#cfcece;
	margin-top:8px;
	margin-bottom:15px;
}
.case-time{
	font-size: 12px;
	color: #828282;
	line-height: 1;
}
.swiper-case .swiper-slide:hover .case-tit{
	color: #1754a3
}

.case-img{
	position: relative;
	overflow: hidden;
	
}
.case-img img{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.case-img::before{
	position: absolute;
	content: "";
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(23,84,163,0.7);
	opacity: 0;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.swiper-case .swiper-slide:hover .case-img::before{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
}

.case-img::after{
	position: absolute;
	content: "";
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: url(../images/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
    -moz-transition: all 0.2s 0.3s;
    -o-transition: all 0.2s 0.3s;
    transition: all 0.2s 0.3s;
    opacity: 0;
}

.swiper-case .swiper-slide:hover .case-img::after {
    opacity: 1;
}
.swiper-case:hover{

}
.swiper-case .swiper-pagination{
	position: relative;
	font-size: 0;
	bottom:0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.swiper-case .swiper-pagination-bullet{
	margin:0 5px;
}
.swiper-button-prev,.swiper-button-next{
	position: relative;
	display: inline-block;
	width:36px;
	height: 36px;
	font-size: 0;
	vertical-align: middle;
	margin:0 10px;
	-webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.swiper-button-prev{
	background:url(../images/icon10.png) no-repeat;
}
.swiper-button-next{
	background:url(../images/icon11.png) no-repeat;
}
.swiper-button-prev:hover{
	background:url(../images/icon10-1.png) no-repeat;
}
.swiper-button-next:hover{
	background:url(../images/icon11-1.png) no-repeat;
}
.swiper-bottom{
	text-align: center;
	width:100%;
	margin-top:2.4767%;
}
.more{
	width:80px;
	height: 30px;
	line-height: 28px;
	margin:0 auto;
	display: block;
	color: #1754a3;
	text-transform: uppercase;
	border:1px solid #1754a3;
	border-radius: 24px;
	font-size: 12px;
	text-align: center;
	margin-top:1.8175%;
	vertical-align: middle;
	position: relative;
	background: url(../images/more_icon.png) no-repeat  center right 12px;
}
.more:after {
    color: #fff;
}

.more {
	overflow: hidden;
	padding: 0;
	padding-right:12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.more::after {
	font-size: 12px;
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #fff;
	padding-right:12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url(../images/more_icon2.png) no-repeat  center right 12px; 
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.more > span {
	display: block;
}
.more.button--inverted {
	color: #7986cb;
}
.more.button--inverted:after {
	color: #fff;
}
.more::after,
.more > span {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.more:hover {
	border-color: #1754a3;

	background-color: #1754a3;
}

.more:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.more:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}
/*重复container标签*/
.container{
    position:relative;
    width:85%;
    margin:0 auto;
}
/*sec-tit*/
.sec-tit{
	text-align: center;
}
.tit-zh{
	font-size: 30px;
	color: #373737;
	line-height: 1;
}
.tit-line{
	width:55px;
	height: 3px;
	background:#cfcece;
	margin:0 auto;
	margin-top:15px;
	margin-bottom: 12px;
}
.tit-en{
	font-size: 16px;
	color: #bebebe;
	line-height: 1;
	text-transform: uppercase;
}

/*分页*/
.pageBox {  text-align: center; margin-top: 40px;  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color:#0080cc; color: #FFF; }
.pageBox .on{ background-color: #0080cc; color: #FFF; }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #1357a2; color: #FFF; }
.pageBox .on{ background-color: #0080cc; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px; padding-bottom:30px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width: 30px; height: 30px; margin: 0 3px; line-height: 30px; text-align: center; font-family: 'Arial'; background-color: #e9e9e9; color: #2f2f2f; }
.pageBox a:hover,.pageBox a.active { background-color: #1357a2; color: #FFF; }
.pageBox .on{ background-color: #0080cc; color: #FFF; }
.pageBox .shangyi{ display:none;}
}