/* ----------基本元素重置----------- */
html,body {font-family: Signika, sans-serif; font-size:15px; color:#515151; line-height:1.6; width:100%;  }
a:link { color:#515151; text-decoration:none; }
a:visited { text-decoration:none; color:#515151; }
a:hover { text-decoration:none; color:#008CD6; }
a:active { text-decoration:none; color:#515151; }
a img, img { border:none;vertical-align:middle; max-width:100%  } 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
table{border-collapse:collapse;border-spacing:0;border:0;}
input, textarea, select, button, file { vertical-align:middle;font-family: Signika, sans-serif; }
input:focus { outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal}
.bold { font-weight: bold}
.fl { float: left;}
.fr { float: right;}
.fa {  display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:center}
.overflow { overflow:hidden }
.clearfix{ clear:both; *zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}
.text-center { text-align:center }
.none { display:none }
.yellow { color:#008CD6 }  
.block { height:20px; clear:both }
.bg { background:#f4f5f8; padding:3% 0 3% 0 }
.container,.wrapper { width:1400px; margin: 0 auto; max-width:92%; }
@media screen and (max-width: 1600px) {
.container,.wrapper { width:1300px; }
}
@media screen and (max-width: 1500px) {
.container,.wrapper { width:1200px; }
}
@media screen and (max-width: 1400px) {
.container,.wrapper { width: 90%; }
}
@media screen and (max-width: 750px) {
html,body { font-size:13px; line-height:1.4; }
.container,.wrapper { width: 92%; max-width:100%; }
}



.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 65%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
li:hover .zoom span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}


.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(88, 112, 138, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(88, 112, 138, .1);
    box-shadow: 0 1px 5px 2px rgba(88, 112, 138, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .3);
    box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .3); }

.line1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /*溢出部分省略号*/
}
.line2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;	
  display: -webkit-box;		/*特别显示模式*/
  -webkit-line-clamp: 2;	/*行数*/
  line-clamp: 2;					
  -webkit-box-orient: vertical;	/*盒子中内容竖直排列*/
}

.radius15 { border-radius:15px; }
.radius { border-radius:20px; }


 
/* 头部 */
.header{ position: fixed; top:0; left:0; right:0; height: auto; padding:5px 0; background: rgba(12,43,74,0.95); z-index:99; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}
.header .wrapper { position:relative }
.header .logo { float:left; margin-top:20px; }
.header .logo img { max-height:50px; }
.headerbg { position:relative; }
 

 
.navbox { float:right; display:block; }
.nav{ height: 80px; }
.nav li { position: relative; float: left; margin:0 15px; }
.nav li>a{ line-height: 80px; font-size:17px; padding:0px !important; text-transform: capitalize; position:relative; color:#fff }
.nav li.active>a,.nav li:hover>a { color:#61d5fe }

.nav li>a::before { background:#61d5fe; display: block; content: ""; width:0; height:2px; position:absolute; top:-12px; left:0; z-index:-1; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.nav li>a::after { background:#61d5fe; display: block; content: ""; width:0; height:2px; position:absolute; bottom:-12px; left:0; z-index:-1; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.nav li:hover a::before,.nav li:hover a::after { width:100%; }
.nav li.active a::before,.nav li.active a::after { width:100%; }
.nav li .nav-list {z-index:21;position:absolute;display:none;overflow:hidden;top:85px; left:-20px;width:100%; min-width:160px; padding:20px 0; background:#fff; background-color:rgba(255,255,255,.9); }
.nav li .nav-list dl dd { position: relative; padding:0 20px; }
.nav li .nav-list dl dd i{ display:inline-block; position:absolute; right:20px; top:16px;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #afafaf;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    border-radius: 1px;
}
.nav li .nav-list dl dd a { display:block; color:#555; height: auto; line-height:24px; overflow:hidden; padding:9px 0px; font-size:15px; text-transform:capitalize }
.nav li .nav-list dl dd>a:hover { color:#008CD6 }
.navbtn { display: none; z-index:100; width:60px; height:60px; line-height:60px; margin-top:8px; font-size:0; float:right; text-align:center; background: url(../img/icon-nav.png) no-repeat center; margin-left:3% }

.nav li .nav-list:hover { overflow:inherit; }
.nav li .nav-list dl dd .nav-list-sub { display:none; background:#fff; /* background-color:rgba(255,255,255,.9);*/ width: auto; padding:15px 0; position:absolute; left:100%; top:-14px; }
.nav li .nav-list dl dd .nav-list-sub p a { font-size:14px; height:42px; line-height:42px; min-width:160px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; }
.nav li .nav-list dl dd:hover .nav-list-sub { display:block }
.nav li .nav-list dl dd .nav-list-sub p a:hover { color:#008CD6  }





/*底部*/
.footer{ background:#294460; padding:3% 0 3% 0; color:#bcc9d9; font-size:14px; }
.footer a { color:#bcc9d9 }
.footer .container{display:flex; justify-content:space-between; }
.footer h3 { font-size:18px; color:#fff; margin-bottom:25px; }
.footer h3::after { content: ""; display: block; width: 60px; border-bottom:1px solid #a4b5c7; margin:10px 0; }

 
.copyright { width:280px; float:left; border-right:1px solid #516983; padding:0 40px 0 0; line-height:2; margin-right:2% } 
.copyright a.btn { display:inline-block; background:#09F; border:1px solid #09F; color:#fff; border-radius:30px; padding:2px 20px; margin-top:20px; } 
.copyright img { max-height:66px; margin-bottom:20px; } 


.footinfo { float:left; border-right:1px solid #516983; padding:0 40px 0 0; margin-right:2% }
.footinfo p b { display:inline-block; font-size: 24px; color:#FFD775 }
.footinfo p { position: relative; margin:8px 0; line-height: 24px;  }

.footnav { width:280px; float:left; border-right:1px solid #516983; padding:0 40px 0 0; margin-right:3%  }
.footnav p { line-height:24px; margin-bottom:10px; float:left; width:45%; margin-right:2% }

.footwx {  float:right; width:15%; max-width:160px; border-radius:16px; background:#008CD6; padding-bottom:10px; overflow:hidden; text-align:center }
.footwx .wxshow { padding:10px; border-radius:15px; background:#fff; min-height:120px; }
.footwx .wxshow img { width:100%; max-width:130px; vertical-align:top }
.footwx .wxbtn { background:#008CD6; text-align:center; padding:12px 10px 1px 10px; color:#eee; font-size:12px; position:relative }
 
.footwx .wxbtn li { position:relative; display:inline-block; font-size:12px; color:#c5d8ed; margin:0px 10px; width:30px; height:25px; text-align:center;cursor:pointer; background-repeat:no-repeat; background-position: center; background-size:24px auto; }
.footwx .wxbtn li.li1 { background-image: url(../img/code-wx.png);}
.footwx .wxbtn li.li2 { background-image: url(../img/code-dy.png); }
.footwx .wxbtn li::before { display: none;content: ""; position:absolute; top:-13px; left:30%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
.footwx .wxbtn li.hit::before { display: inline-block;}
.footwx .wxshow .pane{ display:none; } 
 
.footwx p { color:#96d2f4; line-height:1.2; font-size:12px; } 
 


 
 

/*客服*/
.service-tools { position:fixed;z-index:99;right:1px; top:25%; padding:220px 5px 5px 5px; background: url(../img/service.png) no-repeat top center; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.service-tools.tools_hide { right:-220px; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.service-tools dl { padding:10px; background:#fff; border-radius:10px; text-align:center }

.service-tools dd a { position:relative; display: inline-block; font-size:15px; line-height:30px; padding:0px 20px; border:1px solid #6E8CA4; color:#083851; margin:5px 3px; border-radius:20px; text-align:center }
.service-tools dd a:hover,.service-tools a.cerrar { border:1px solid #008CD6; color:#008CD6 }
#scrollup { display:none; background:#008CD6; border:1px solid #008CD6; color:#fff }

#tools_btn { position:fixed;z-index:111;right:1px; top:25%; border-radius:30px; width:40px; height:40px; font-size:0; cursor:pointer; background: url(../img/service-close.png) no-repeat center; }
#tools_btn.open { display:none }


.feedback_box { position: fixed; width:280px; top:45%; margin-top:-100px; right:62px; z-index:98; padding:8px; border:1px solid #008CD6; border-radius:8px; background:#008CD6; display: none; }
.feedback_box>h3 { color:#fff; font-size:14px; margin:5px 5px 10px 5px; text-align:center }
.feedback_box form { background:#fff; padding:15px; border-radius:10px; }
.feedback_box form input { height:35px; line-height:35px; border-radius:5px; border:1px solid #aaa; margin-bottom:15px; width:100%; text-indent:10px; box-sizing:border-box }
.feedback_box form textarea { height:80px; line-height:22px; border-radius:5px; border:1px solid #aaa; margin-bottom:15px; width:100%; padding:5px 10px; box-sizing:border-box }
.feedback_box form .form-btn button { width:100%; margin:0px; font-size:14px; }

 
@media screen and (max-width: 1500px) {
.header .wrapper { width:96% }
.nav li {
    margin: 0 12px;
}
.nav li>a {
    font-size: 16px;
}

}

 
@media screen and (max-width: 1120px) {
.header { }
.header .wrapper {  }
.header .logo { margin:12px 0 }
.header .logo img { height:32px }

.header .logo .logo-txt { display:none }
.navbox { background: rgba(12,43,74,0.90); float:none; padding:10px 15px; position: absolute; top:58px; right:0; z-index:1000; display:none; width:300px }
.nav{ height: auto; min-width:200px; }
.nav li { position: relative; float: none; margin:10px 0 }
.nav li>a{ margin:5px 10px; line-height:45px; font-size:16px }
.navbtn { display: block; height:40px; width:40px; }
.nav li .nav-list {z-index:21;position: relative; display:none !important; top:auto; left:auto }
.nav li .nav-list dl dd .nav-list-sub,.nav li .nav-list dl dd i { display:none !important}


.footer { padding:30px 0 }
.footer .container{ display: block; justify-content:space-between; }

.copyright { width: auto; float: none; border:none }
.footinfo { width: auto; float: none; border:none; margin:25px auto }
.footwx { width:135px }


}



/*栏目标题*/
.title { position:relative; margin:3% auto; font-size:18px; color:#008CD6; line-height:1.4; } 
.title h1 { position:absolute; width:100%; z-index:0; top:-10px; line-height:1; font-size:66px; font-weight:bold; color:#cfe0ef; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; text-transform:uppercase} 
.title h2 { position:relative; font-size:36px; font-weight:bold; margin-bottom:12px; letter-spacing:1px; text-transform:uppercase; }
.title h3 { position:relative; font-size:23px; color:#666666; z-index:2 } 
.title p { font-size:16px; color:#777; max-width:800px; margin:1px auto; line-height:1.8 }
.title h2:after {content:""; width:80px; height:2px; background:#008CD6; margin:10px auto; border-radius:5px } 
.title.white h1 { color:#fff }
.title.white h2 { color:#0071AC }
.title.white h3 { color:#fff; text-shadow: 0 2px 2px rgba(10,10,10,0.3); } 





/*栏目图*/
.column-bg { position: relative; width:100%; height: auto; padding:12% 0 10% 0; background-color:#f4f4f4; background-size: cover; background-position:center; background-repeat:no-repeat; }
.column-bg .wrapper { position: relative; height:200px;  }
.columntit { position:absolute; bottom:45%; left:10px; right:0; line-height:1.4; font-size:18px; color:#fff; text-shadow: 0 1px 1px rgba(100,100,100,0.5); -webkit-animation: columntit 1.5s; animation: columntit 1.5s;/* text-shadow: 0 2px 2px rgba(0,0,0,0.5);*/ }
.columntit.blue { color:#008CD6 }
.columntit h1 { display:none; font-size:36px; margin-bottom:10px; font-weight: bold; letter-spacing:2px; text-transform: uppercase; text-shadow: 0 2px 2px rgba(100,100,100,0.5); }
.columntit h3 { font-size:28px; }
@-webkit-keyframes columntit {
	0% { bottom: 10%; opacity: 0;}
	100% { bottom: 45; opacity: 1;}
}
@keyframes columntit {
	0% { bottom: 10%; opacity: 0;}
	100% { bottom: 45; opacity: 1;}
}

.column { position: relative; margin-top:-70px; z-index:9; }
.column .wrapper { padding:0 20px;  background: #fff; border-bottom:1px solid #eee; box-sizing:border-box; border-radius:20px 20px 0 0; }
.column ul { float:right }
.column ul li { position:relative; float:left; text-transform: capitalize; margin-right:40px; padding:10px 0px; line-height:50px } 
.column ul li>a { display:block; font-size:16px; position:relative; padding:0px 0px; }
.column ul li>a::after { background:#008CD6; display: block; content: ""; width:0; height:2px; position:absolute; bottom:3px; left:0; z-index:0 }
.column ul li.active>a::after { width:100% }
.column ul li.active>a { color:#008CD6 }
.column ul li>a.active::after { width:100% }
.column ul li>a.active { color:#008CD6 }
.column ul li>a i { display:inline-block; 
    height: 8px;
    width: 8px;
    border-width: 0 2px 2px 0;
    border-color: #777;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	margin-left:8px;
	vertical-align:middle;
	margin-top: -6px;
    border-radius: 1px;}
.column ul li.active>a i { border-color:#008CD6 }
.column-subnav { display:none; background:#fff; width: auto; padding:15px 0; position:absolute; left:0; top:100%; z-index:11;
-webkit-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
    -moz-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
    box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2); }
.column-subnav dd a { height:40px; line-height:40px; padding:0 20px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size:16px; }
.column-subnav dd.active>a { color:#008CD6 }
.column ul li:hover .column-subnav { display:block }

 
/*面包屑*/
.breadcrumb { float:left; font-size:14px; line-height:70px;height:70px; background:url(../img/home.png) no-repeat center left; background-size:16px auto; color:#777; padding:0 0 0 25px;  }
.breadcrumb a { display:inline-block; color:#777 }
.breadcrumb i { display:inline-block; margin:0 1px; font-style:normal; font-family:"Simsun"; }
.breadcrumb .fa-circle { width:10px; height:12px; background-image:url(../img/icon-right.png)}
 
/*** 分页样式 **/
.search-pagination{ padding:2% 0; clear:both; text-align:center; height: auto; }
.search-pagination ul li{ display: inline-block; line-height:36px;height:36px; border-radius:50px; margin:0 5px;overflow:hidden; background:#fff; border:1px solid #ddd }
.search-pagination ul li a { color:#555; display: inline-block; min-width:45px; }
.search-pagination ul li.total a { padding:0px 20px; }
.search-pagination ul li:hover{ color:#f5a411; text-decoration:none; }
.search-pagination ul li:hover a { color:#f5a411; }
.search-pagination ul li.active,
.search-pagination ul li.active a,.pagebox ul li.active a:hover { color:#fff; background:#008CD6  }
.search-pagination ul li.active { }

@media screen and (max-width: 1200px) {
.title { font-size:16px; } 
.title h2 { font-size:24px; margin-bottom:5px;  }
.title h3 { font-size:20px;  }
.title p { font-size:15px; line-height:1.4; color:#777; }
 

.column-bg { height:220px }
.column-bg .wrapper { height:220px }
.columntit h1 { font-size:24px; }
.columntit h3 { font-size:20px; }

}

@media screen and (max-width: 750px) {
.title { font-size:15px; } 
.title h1 { font-size:28px }
.title h2 { font-size:22px; margin-bottom:5px;  }
.title h3 { font-size:18px }
.title p { font-size:14px; line-height:1.4; color:#777; }
.title h2:after { width:60px; margin:10px auto; border-radius:5px } 

.service-tools,#tools_btn { display:none }	
/*面包屑*/
.breadcrumb {  padding:6px 0; font-size:12px; line-height:30px;height: auto; display:none }
.breadcrumb .home { padding-left:20px; background-size:14px auto }
 
/*** 分页样式 **/
.search-pagination ul li{  line-height:30px;height:30px; margin:0 3px; }
.search-pagination ul li a { padding:0px 12px;  }
 
.column-bg { height:180px }
.column-bg .wrapper { height:180px }
.columntit h1 { font-size:20px; }
.columntit h3 { font-size:18px; }

}


/* banner */
.banner { position:relative; }
.swiper-banner .swiper-slide { position:relative; }
.swiper-banner .swiper-slide .swiper-slide img { width:100% }
.swiper-banner .swiper-slide .detail{
	position:absolute;
	width:40%;
	max-width:700px;
	left:24%;
	top:30%;
	height: auto;
	font-size:24px;
	opacity:0;
    transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  
}
.swiper-banner .swiper-slide .detail a { color:#fff }
.swiper-banner .swiper-slide-active .detail{
	top:15%;
	opacity:1;
}
.swiper-banner .swiper-slide-active .detail h2 { font-size:48px; line-height:1.1; font-weight:bold; margin-bottom:15px; }
.swiper-banner .swiper-slide-active .detail img { max-width:100%; height:auto !important }
.banner .swiper-button-prev { background-image: url(../img/banner_left.png);} 
.banner .swiper-button-next { background-image: url(../img/banner_right.png);} 
.banner .swiper-button-prev,.banner .swiper-button-next { display: none }
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next { display: block }

.banner .wrapper { position:relative }
.banner .swiper-container .swiper-pagination-banner { position:absolute; width:50%; bottom:0; z-index: 10; left:50%; padding:15px 10px; text-align: right; background:#008CD6; border-radius:20px 0 0 0; /*filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;*/ background:rgba(0, 140, 215, 0.9) }
.banner .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 2px 8px;
	background:rgba(255, 255, 255, 0.9);
    transition: background-color .5s ease;
	vertical-align:middle;
}
.banner .swiper-container .swiper-pagination-bullet-active { margin: 0px 8px; background:none; border:2px solid #fff;}


.banner .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}
.banner .swiper-container .swiper-pagination-banner:after { content: ''; display:block; position:absolute; height:100%; width:100%; bottom:0; left:100%;background:rgba(0, 140, 215, 0.9)}
 


.page-tit { position:relative;  text-align: center; margin: 3% auto 4% auto;}
.page-tit h2 { font-size: 36px; font-weight: bold; color: #008CD6; margin-bottom:10px; }
.page-tit h3 { font-size: 22px; color: #666; width:850px; max-width:80%; margin:0 auto }
.page-tit.white h2 { color:#fff }
.page-tit.white h3 { color:#fff }
.view-more { margin:3% auto 0 auto; text-align:center }
.view-more a { display:inline-block; border:1px solid #008cd7; height:35px; line-height:35px; padding:0 40px; border-radius:35px; color:#008cd7 }
.view-more a:hover { background:#008cd7; color:#fff }
 

/*首页产品*/
.iproduct-box { position:relative; padding:3% 0 4% 0; overflow:hidden; background-image:url(../img/iproduct.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }
.iproduct-box:after { content: ''; display:block; width:100%; height:calc(6% + 232px); background:#edf4fa; position:absolute; bottom:0; left:0  }
.iproduct { position:relative; z-index:1;  }

.iproduct .swiper-iproduct {  padding:10px 10px 10px 10px }
.iproduct .swiper-iproduct .swiper-wrapper { }
.iproduct .swiper-button-prev { margin-left:-140px }
.iproduct .swiper-button-next { margin-right:-140px }
.iproduct .swiper-iproduct li { position:relative; overflow:hidden; background:#fff  }
.iproduct .swiper-iproduct li .zoom { padding-bottom:120% }
.iproduct .swiper-iproduct li .text { color:#888; padding:20px;  }
.iproduct .swiper-iproduct li .text h3 { color:#222; display:block; font-size:20px; line-height:1.2 }
.iproduct .swiper-iproduct li .text p { height:24px; margin:8px auto 15px auto } 
.iproduct .swiper-iproduct li .text .more { font-size:14px; }
.iproduct .swiper-iproduct li .text .more::after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #888;
    border-right: 2px solid #888;
    transform: rotate(45deg);
    border-radius: 2px;
}
.iproduct .swiper-iproduct li .text .more:hover::after {
    border-top: 2px solid #008cd7;
    border-right: 2px solid #008cd7;
}


/*行业解决方案*/
.isolution { position:relative; padding:3% 0 0 0; background-image:url(../img/bgapply.jpg); background-position:center bottom; background-repeat:no-repeat; background-size: cover; }
.isolution-list { position:relative; overflow:hidden }
.isolution-list ul{ display: flex; flex-direction: row; }
.isolution-list ul li {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: flex 0.8s ease;
  background-color:#f2f2f2; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;
}
.isolution-list ul li:hover { flex: 1;}
.isolution-list ul li .zoom { padding-bottom:170%; background-color:#eee; }
.isolution-list ul li .zoom span { background-position: center }
.isolution-list ul li .text { position: absolute; top:0; left:0; right:0; height: 100%; padding:25% 10% 15% 10%; box-sizing:border-box; color:#fff; overflow:hidden; background:rgba(0, 0, 0, 0.7); }
.isolution-list ul li:hover .text { background:rgba(0, 140, 215, 0.9); }
.isolution-list ul li .text img { margin-bottom:35px; height:60px }
.isolution-list ul li .text h3 { font-size:20px; line-height:1.4 }
.isolution-list ul li .text h4 { font-size:18px; line-height:1.4; margin:10px 0 }
.isolution-list ul li .text p { font-size:14px; color:#eee; margin:20px 0; line-height:2; display:none }
.isolution-list ul li:hover .text p { display: block }
.isolution-list ul li .text .more { position: absolute; bottom:15%; left:10%; display:inline-block; padding:4px 18px; font-size:13px; color:#eee; border:1px solid #eee; border-radius:30px; }
.isolution-list ul li .text .more::after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    transform: rotate(45deg);
    border-radius: 2px;
	margin-left:10px;
}



/*首页产品*/
.igame-box { position:relative; padding:3% 0 4% 0; overflow:hidden; background-image:url(../img/igamebg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }
.igame { position:relative; z-index:1;  }

.igame .swiper-igame {  padding:10px 10px 10px 10px }
.igame .swiper-button-prev { margin-left:-140px; }
.igame .swiper-button-next { margin-right:-140px }
.igame .swiper-igame li { position:relative; overflow:hidden; background:#fff  }
.igame .swiper-igame li .zoom { padding-bottom:140% }
.igame .swiper-igame li .text { display:none; color:#888; padding:20px;  }
.igame .swiper-igame li .text h3 { color:#222; display:block; font-size:16px; line-height:1.2; text-align:center }



/*案例展示*/
.icase { padding:3% 0 4% 0; background-image:url(../img/icasebg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size: cover; }
.icase-box {  }
.icase-list { }
.icase .swiper-icase { padding:10px 10px 1px 10px }
.icase .swiper-button-prev { margin-left:-140px; }
.icase .swiper-button-next { margin-right:-140px }
.icase .swiper-icase li { overflow:hidden; background:#fff }
.icase .swiper-icase li .text { position:absolute; left:0; right:0; bottom:0; padding:30px 15px 15px 15px; font-size:16px; text-align:center; color:#fff; background: linear-gradient(to bottom, transparent 0%, rgba(10, 10, 10, 0.05) 15%, rgba(10, 10, 10, 0.55) 50%, rgba(10, 10, 10, 0.8) 100%); }
.icase .swiper-icase li .zoom { padding-bottom:65% }
.icase-num { margin:2% auto 4% auto; }
.icase-num ul li { float:left; width:25%; text-align:center; padding:0 2%; box-sizing:border-box; border-right:1px solid #ccc }
.icase-num ul li:last-child { border-right: none }
.icase-num ul li span { display:inline-block; vertical-align:middle; min-width:80px; margin-left:5px; }
.icase-num ul li i { font-size:50px; color:#008CD6; font-style:normal; font-weight:bold; line-height:1; vertical-align:middle;font-family:"Century Gothic"; }
.icase-num ul li big {font-size:24px; color:#008CD6; vertical-align: bottom }
.icase-num ul li sup {font-size:14px; vertical-align: bottom }
.icase-num ul li b {font-size:30px; font-weight:normal; margin-left:5px; vertical-align: top; color:#008CD6; line-height:1; margin-right:-18px }



/*关于我们*/
.iabout { position:relative; padding:5% 0 6% 0; background-image:url(../img/iaboutbg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }
.iabout .title { position:relative; margin:3% 0 3% 0; width:50%;  }
.iabout .title h3 { padding-bottom:20px; border-bottom:1px solid #7d9cbb; z-index:1 }
.iabout .title:after { content: ''; display:block; width:80px; height:2px; background:#008cd7; position:absolute; bottom:0; left:0; z-index:9 }

.iabout .title h1 { filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2; top: -20px; left:40px }
.iabout .title h2 { font-size:45px; color:#fff }

.iabout .text { width:45%; font-size:16px; line-height:2; color:#fff }
.iabout .text .more { display:inline-block; padding:6px 20px; line-height:1.6; font-size:13px; color:#eee; border:1px solid #eee; border-radius:30px; margin-top:35px }
.iabout .text .more::after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    transform: rotate(45deg);
    border-radius: 2px;
	margin-left:10px;
}
.iabout-num { position:absolute; width:30%; top:0; right:0; height:100%; background:rgba(255, 255, 255, .3);  border-left:1px solid #aaa; overflow:hidden }
.iabout-num::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: blur(8px); } 
.iabout-num li { position:relative; width:100%; height:25%; padding:10px 15%; box-sizing:border-box; text-align:left; color:#fff; border-bottom:1px solid #aaa;
 
 }
.iabout-num li:last-child { border-bottom: none }
.iabout-num li span { display:inline-block; vertical-align:middle; position: absolute; top: 50%; transform: translateY(-50%); }

.iabout-num li img { width:60px; position: absolute; top: 50%; right:30%; transform: translateY(-50%); float: right }

.iabout-num  li i { font-size:50px; color:#fff; font-style:normal; font-weight:bold; line-height:1; vertical-align:middle;font-family:"Century Gothic"; }
.iabout-num li big {font-size:24px; color:#fff; vertical-align: bottom }
.iabout-num li sup {font-size:14px; vertical-align: bottom }
.iabout-num li b {font-size:30px; font-weight:normal; margin-left:5px; vertical-align: top; color:#fff; line-height:1; margin-right:-18px }



/*公司动态*/
.inews-box { position:relative; padding:4% 0 5% 0; overflow:hidden; background-image:url(../img/inews.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }
.inews { position:relative; overflow:hidden; background:#fff }
.inews-l { position: absolute; width:50%; left:0; height:100%; }
.inews-r { width:50%; float:right; box-sizing:border-box; padding:5px 3%; }

.inews .text { position:relative; border-bottom:1px solid #ddd; box-sizing:border-box; padding:16px 90px 16px 0px;}
.inews li:last-child .text { border-bottom: none }
.inews .text a h3 { font-size:22px; margin-bottom:5px; color:#222 }
.inews .text a>p { min-height:40px }
.inews .text a { color:#777 }
.inews .text span { position: absolute; top: 50%; transform: translateY(-50%); right:0; border-left:1px solid #ddd; padding:5px 0 5px 20px }
.inews .text span p { color:#333; font-size:20px; }
.inews .text span font { color:#999; font-size:14px; font-weight:bold }
.inews .inews-l .zoom { padding-bottom:0; height:100% }
.inews .inews-l .text { padding:15px 120px 15px 20px; position:absolute; left:0; bottom:0; right:0;  background:rgba(0, 140, 215, 0.7); color:#caedfb; border-bottom: none }
.inews .inews-l .text h3 { color:#fff }
.inews .inews-l .text span { right:20px; }
.inews .inews-l .text span p { color:#fff; }
.inews .inews-l .text span font { color:#a3e3fe; }

/*合作伙伴*/
.ilink-box { position:relative; padding:4% 0 4% 0; overflow:hidden; background-image:url(../img/ilinkbg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover; }
.ilink { position:relative; margin:4% auto 1% auto; z-index:1;  }
.ilink .swiper-ilink { padding:10px 5px 10px 5px }
.ilink .swiper-ilink { text-align:center; }
.ilink .swiper-ilink li { position:relative; overflow:hidden; background:#fff }
.ilink .swiper-ilink li .zoom { padding-bottom:50% }
.ilink .swiper-ilink li .zoom span {background-size: 100% auto; }
.ilink .swiper-button-prev { margin-left:-140px; }
.ilink .swiper-button-next { margin-right:-140px }




/*联系我们*/
.icontact { position:relative; padding:6% 0 5% 0; background-image:url(../img/icontactbg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }

.icontact .icontact-txt { width:40%; float:left }
.icontact .icontact-tit { font-size:22px; color:#222; margin:20px auto 30px auto; }
.icontact .icontact-tit big { margin-left:10px; color:#888; font-family:"宋体"; }
.icontact .icontact-tit big font { color:#2a405b }
.icontact .icontact-code { width:140px; margin:20px 0; text-align:center }
.icontact .icontact-code img { width:100%; border-radius:10px; background:#fff; padding:5px; box-sizing:border-box; margin-bottom:10px; }

.icontact .icontact-form { position:relative; width:35%; float: right; padding:20px 40px; background:#fff; -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .1); box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .1); }
.icontact .icontact-form::after { 
  content: '';
  display: block;
  position: absolute;
  top: -70px;
  right: 50px;
  width: 160px;
  height: 136px;
  background:url(../img/contact.png) no-repeat center;
  background-size: auto 136px;
}
	
.icontact input[type=text] { display:inline-block; vertical-align:middle; background: none; border:1px solid #ccc; border-radius:10px; width:100% !important; height:48px; line-height:48px; text-indent:10px; color:#555 }

.icontact .form-group { margin-bottom:20px; }


.icontact .form-group>label { display:inline-block; font-size:17px; color:#36475d; margin-bottom:8px; }
.icontact .form-btn { margin:0; text-align: left  } 
.icontact .form-btn button { border-radius:30px; padding: 9px 20px; margin:0 } 
.icontact input[type=text] { display:inline-block; vertical-align:middle; background: none; border:1px solid #ccc; border-radius:8px; width:100% !important; height:46px; line-height:46px; text-indent:10px; color:#555 }
.icontact textarea { background:none; border:1px solid #ccc; border-radius:8px; width:100%; min-height:80px; padding:10px; box-sizing:border-box; color:#555; font-family:Arial, Helvetica, sans-serif }

.icontact #dr_row_subject { font-size:14px; }
.icontact #dr_row_subject .mt-radio label { }

.icontact input::-webkit-input-placeholder{ color:#999; }
.icontact input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
.icontact input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; }
.icontact input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; }
.icontact textarea::-webkit-input-placeholder{ color:#999; font-family:Arial, Helvetica, sans-serif }
.icontact textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.icontact textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; font-family:Arial, Helvetica, sans-serif }


.icontact input[type=checkbox],
.icontact input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  margin: 0;
  cursor: pointer;
  vertical-align: bottom;
  background: none;
  border: 1px solid none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
 
.icontact label { position:relative; display:inline-block; padding:5px 8px; margin-right:6px }
.icontact input[type=radio] {
	  position:absolute;
	  left:0;
	  top:-1px;
	  box-sizing:border-box;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  width: 100%;
  height:  100%;
}
.icontact input[type=radio]::after { 
  content: '';
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border:1px solid #ccc;
  border-radius: 20px;
}
.icontact input[type=checkbox]:checked,
.icontact input[type=radio]:checked
  {
  background: rgba(255,255,255,0.01);
  }
.icontact input[type=radio]:checked::after {
   background: none; 
   border:1px solid #008CD6;
  }





@media screen and (max-width: 1080px) {
	
.page-tit h2 { font-size: 22px; }
.page-tit h3 { font-size: 18px; }
	
.inews-l { position: relative; width:100%; height:250px; }
.inews-r { width:100%; float: none; padding:5px 3%; }

.iproduct .swiper-iproduct li .text h3 { font-size:17px; line-height:1.4; }


.isolution-list ul{ display: block; flex-direction: row; }
.isolution-list ul li { flex: 1;}
.isolution-list ul li .zoom { padding-bottom:170px; }
.isolution-list ul li .text { padding:30px 20px; }
.isolution-list ul li .text img { margin-bottom:0; float:left; margin-right:20px }
.isolution-list ul li:hover .text p { display:none }

.iabout .title h2 { font-size:28px }
.iabout .text { width:100%; font-size:16px; line-height:2; color:#fff }
.iabout-num { position: relative; width:100%; height:100%; border: none; overflow:hidden; margin-top:20px }
.iabout-num li { float:left; width:50%; height:120px; padding:5px 20px;  }


.icontact .icontact-txt { width:100%; float: none; margin-bottom:30px }
.icontact .icontact-form { position:relative; width: auto; float: none }


.icase-num ul li { float:left; width:50%; margin:10px 0 }
.icase-num ul li:nth-of-type(4n) { border-right: none }
.icase-num ul li i { font-size:40px; }


}


 
/*-------主题--------*/

/*产品落地*/
.theme-pro { margin:4% auto }
.theme-pro .swiper-theme { padding:10px 10px 1px 10px }
.theme-pro .swiper-theme li { overflow:hidden; background:#fff }
.theme-pro .swiper-theme li .text { padding:20px 20px; font-size:14px; text-align:center; color:#222 }
.theme-pro .swiper-theme li .text p { color:#888; margin:10px auto 0 auto; min-height:42px; }
.theme-pro .swiper-theme li .text h3 { font-size:20px; }
.theme-pro .swiper-theme li .zoom { padding-bottom: 110%; }
.theme-pro .swiper-button-prev {  margin-left:-140px; }
.theme-pro .swiper-button-next {  margin-right:-140px; }


/*服务优势*/
.theme-advantage { position:relative; padding:2% 0 4% 0; background-image:url(../img/advbg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }
.theme-advantage ul li { float:left; width:24%; margin-right:1.333%; margin-bottom:2%; overflow:hidden; background:#fff }
.theme-advantage ul li:nth-of-type(4n) { margin-right:0;}
.theme-advantage ul li .pic { background:url(../img/advli.jpg) no-repeat center; background-size: cover; text-align:center; padding:25px 20px; }
.theme-advantage ul li .pic img { height:70px }
.theme-advantage ul li .text { padding:20px 20px; font-size:14px; text-align:center; color:#222 }
.theme-advantage ul li .text p { color:#888; margin:10px auto 0 auto; min-height:42px; max-width:130px }
.theme-advantage ul li .text h3 { font-size:20px; }




/*乐园规划师*/
.theme-plan { padding:2% 0 5% 0; background:url(../img/bgplan.jpg) no-repeat center bottom; background-size:100% auto; }
.theme-plan-box { position:relative; overflow:hidden; background:#fff;
-webkit-box-shadow: 0 1px 5px 2px rgba(88, 112, 138, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(88, 112, 138, .1);
    box-shadow: 0 1px 5px 2px rgba(88, 112, 138, .1); }
.theme-plan .swiper {
  position:relative;
  overflow:hidden;
  height: auto;
}
.theme-plan .swiperplan2 {
	width:58%;
	float:right;
    height: auto;
}
.theme-plan .swiper-button-prev,.theme-plan .swiper-button-next { bottom:20px; background:#fff }
 
.theme-plan .swiperplan2 .swiper-slide .zoom { padding-bottom:70% }
.theme-plan .swiperplan2 .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius:1px;
  box-sizing:border-box;
  object-fit: cover;
}
.theme-plan .swiper-button-prev { border:1px solid #fff }
.theme-plan .swiper-button-next { }

.theme-plan .swiperplan {
	position:absolute;
	left:0;
	height:100%;
	width:42%;
	padding:3% 2%;
	background:#fff;
    box-sizing: border-box;
}
.theme-plan .swiperplan .swiper-wrapper {
	display:block;
	overflow-y:scroll;
	box-sizing:border-box;
	transform: translate3d(0px, 0px, 0px) !important;	
}
.theme-plan .swiperplan .swiper-slide {
	position:relative;
	margin:35px 0 0 0;
	width:auto !important;
	padding-left:100px;
    height: auto;
	cursor:pointer;
}
.theme-plan .swiperplan .swiper-slide:first-child { margin-top:5px;}

.theme-plan .swiperplan .swiper-slide b { position:absolute; left:10px; font-size:52px; text-align:center; width:70px; top: 50%; transform: translateY(-50%);
background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #777; }
.theme-plan .swiperplan .swiper-slide .text { border-left:1px solid #ddd; padding:0 10px 0 20px; }
.theme-plan .swiperplan .swiper-slide .text h3 { font-size:20px; color:#333; font-weight:bold; line-height:1.4; margin-bottom:5px; }
.theme-plan .swiperplan .swiper-slide .text p { color:#888; font-size:15px; } 
.theme-plan .swiperplan .swiper-slide.swiper-slide-thumb-active .text h3 { color:#008CD6 }
.theme-plan .swiperplan .swiper-slide.swiper-slide-thumb-active b { -webkit-text-stroke: 1px #008CD6; }
.theme-plan .swiperplan .swiper-slide.swiper-slide-thumb-active .text h3:after { content: ''; display: inline-block; width:32px; height:20px; background:url(../img/arrow.png) no-repeat center; margin-left:10px }


.theme-plan .swiperplan .swiper-wrapper::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #dae5eb;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
.theme-plan .swiperplan .swiper-wrapper::-webkit-scrollbar-track  
{  
    border-radius: 10px;  
    background-color: #dae5eb;  
}  
/*定义滑块 内阴影+圆角*/  
.theme-plan .swiperplan .swiper-wrapper::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(85,182,233,.9);  
    background-color: #55b6e9;  
} 

/*优质片源*/
.theme-film { padding:1% 0 0 0; min-height:320px;overflow: hidden; }
.theme-film .wrapper { position:relative; }
.theme-film .swiperfilm { margin:3% 15px;overflow: hidden; }
.theme-film .swiperfilm li { cursor:pointer; border-radius:10px; overflow:hidden; padding:3px; border:3px solid #fff; box-sizing:border-box }
.theme-film .swiperfilm li .zoom { border-radius:8px; }
.theme-film .swiperfilm li.swiper-slide-thumb-active { border:3px solid #008CD6; }
.theme-film .swiper-button-prev { left:0; top:36% }
.theme-film .swiper-button-next { right:0; top:36% }


/*加盟合作案例*/
.theme-case { padding:3% 0 4% 0; background-image:url(../img/bgcase.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; background-attachment: fixed; }
.theme-case .swiper-theme-case { padding:10px 10px 1px 10px }
.theme-case .swiper-theme-case li { overflow:hidden; background:#fff }
.theme-case .swiper-theme-case li .text { position:absolute; left:0; right:0; bottom:0; background:rgba(10, 10, 10, 0.5); padding:10px 15px; font-size:16px; text-align:center; color:#fff }
.theme-case .swiper-theme-case li .zoom { padding-bottom:70% }
.theme-case .swiper-button-prev {  margin-left:-140px; }
.theme-case .swiper-button-next {  margin-right:-140px; }



/*应用场景*/
.theme-apply { position:relative; padding:3% 0 5% 0; background-image:url(../img/bgapply.jpg); background-position:center bottom; background-repeat:no-repeat; background-size: cover; }
.theme-apply-list { position:relative; overflow:hidden }
.theme-apply-list ul{ display: flex; flex-direction: row; }
.theme-apply-list ul li {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: flex 0.8s ease;
  background-color:#f2f2f2; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;
}
.theme-apply-list ul li:hover { flex: 1.5;}
.theme-apply-list ul li .zoom { border:1px solid #eee; padding-bottom:500px; background-color:#eee; }
.theme-apply-list ul li .zoom span { background-position: center }
.theme-apply-list ul li .text { position: absolute; bottom:0; left:0; right:0; height: auto; padding:60px 20px 20px 20px; text-align:center; overflow:hidden; 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 140, 215, 0.05) 15%, rgba(0, 140, 215, 0.55) 50%, rgba(0, 140, 215, 0.8) 100%); }
.theme-apply-list ul li .text h3 { font-size:20px; color:#fff; line-height:1.4 }
.theme-apply-list ul li:nth-of-type(2n) .text { bottom:auto; top:0; padding:20px 20px 60px 20px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 140, 215, 0.8) 0%, rgba(0, 140, 215, 0.55) 50%, rgba(0, 140, 215, 0.05) 88%);  }


/*企业品牌*/
.theme-brand { padding:3% 0 4% 0; background-image:url(../img/bgbrand.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; background-attachment: fixed; }
.theme-brand-box { width:32%; float:left }
.theme-brand-list { width:58%; float:right; vertical-align:middle  }

.theme-brand .swiper-theme-brand { padding:10px 10px 80px 10px }
.theme-brand .swiper-theme-brand li { overflow:hidden; background:#fff }
.theme-brand .swiper-theme-brand li .text { position:absolute; left:0; right:0; bottom:0; background:rgba(10, 10, 10, 0.5); padding:10px 15px; font-size:16px; text-align:center; color:#fff }
.theme-brand .swiper-theme-brand li .zoom { padding-bottom:130% }
.theme-brand .swiper-button-prev { background:#fff;border:1px solid #fff; }
.theme-brand .swiper-button-next {  background:#fff;border:1px solid #fff; }

.theme-brand .page-tit { display:inline-block; text-align:left; border-bottom:1px solid #008CD6; padding:30px 0; margin:12% 0 }
.theme-brand .page-tit h3 { width:auto; margin:0 }
.theme-brand-num {   }
.theme-brand-num ul li { float:left; width:50%; text-align:center; padding:8% 2%; box-sizing:border-box; }
.theme-brand-num ul li:nth-of-type(1),.theme-brand-num ul li:nth-of-type(2) { border-bottom:1px solid #bbb; }
.theme-brand-num ul li:nth-of-type(1),.theme-brand-num ul li:nth-of-type(3) { border-right:1px solid #bbb }
.theme-brand-num ul li span { display:inline-block; vertical-align:middle; min-width:80px; margin-left:5px; }
.theme-brand-num ul li i { font-size:64px; color:#008CD6; font-style:normal; font-weight:bold; line-height:1; vertical-align:middle;font-family:"Century Gothic"; }
.theme-brand-num ul li sup {font-size:14px; vertical-align: bottom }
.theme-brand-num ul li b {font-size:42px; font-weight:normal; margin-left:5px; vertical-align: top; color:#008CD6; }
.theme-brand-num ul li p { margin:3px auto; font-size:18px;}


/*自主研发*/
.theme-research { padding:3% 0 4% 0; background-image:url(../img/bgresearch.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover; }
.theme-research .swiper-theme-research { padding:10px 10px 80px 10px }
.theme-research .swiper-theme-research li { overflow:hidden; background:#fff }
.theme-research .swiper-theme-research li .text {  background:#fff; padding:20px 15px; font-size:16px; text-align:center; }
.theme-research .swiper-theme-research li .zoom { padding-bottom:120% }
.theme-research .swiper-button-prev {  }
.theme-research .swiper-button-next {   }
 
/*售后有保障*/
.theme-service { padding:2% 0 5% 0; background:#ff; }
.theme-service-box { position:relative; }
.theme-service-box li { width:32%; float:left; overflow:hidden; margin-left:2%  }
.theme-service-box li .zoom { padding-bottom:75% }
.theme-service-box li.li1 { margin-left:0 }
.theme-service-box li.li1 .zoom { padding-bottom:calc(150% + 25px); }
.theme-service-box li.li2 { width:66%; margin-bottom:25px; }
.theme-service-box li.li2 .zoom { padding-bottom:36.5%; }




/*----------VR文旅方案 --------*/
.vrcultural li { padding:5% 0; background:#f5f6f8 url(../img/vrcultural-l.jpg) no-repeat left top; background-size: auto 100%; }
.vrcultural li:nth-of-type(2n) { background:#f5f6f8 url(../img/vrcultural-r.jpg) no-repeat right top; background-size: auto 100%; }
.vrcultural li .text { width:40%; float:left; line-height:2; }
.vrcultural li .text h3 { font-size:30px; color:#333; font-weight:bold }
.vrcultural li .text h3:after { content: ""; display: block; margin:8px 0 20px 0; background:#008CD6; width:80px; height:2px; border-radius:2px; }
.vrcultural li .pic { width:54%; float: right; overflow:hidden }
.vrcultural li .pic .zoom { padding-bottom:75% }
.vrcultural li:nth-of-type(2n) .text { float:right }
.vrcultural li:nth-of-type(2n) .pic { float:left }


.vrcultural li .text .more { display:inline-block; padding:3px 22px; font-size:13px; color:#008CD6; border:1px solid #008CD6; border-radius:30px; margin-top:30px }
.vrcultural li .text .more::after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #008CD6;
    border-right: 2px solid #008CD6;
    transform: rotate(45deg);
    border-radius: 2px;
}



/*沉浸式文旅定制*/
.vrcustomized { padding:3% 3% 4% 3%;  background:url(../img/vrcultural1.jpg) no-repeat center bottom; background-size: cover; }
.vrcustomized .swiper-vrcustomized { padding:10px 10px 1px 10px }
.vrcustomized .swiper-vrcustomized li { overflow:hidden; background:#fff; margin-top:5%; }
.vrcustomized .swiper-vrcustomized li:nth-of-type(2n) { margin-top:0 }
.vrcustomized .swiper-vrcustomized li .text { position:absolute; left:0; right:0; bottom:0; background:rgba(10, 10, 10, 0.5); padding:15px 15px; font-size:14px; color:#eee }
.vrcustomized .swiper-vrcustomized li .text h3 { font-size:18px; font-weight:bold; margin-bottom:8px; color:#fff  }
.vrcustomized .swiper-vrcustomized li .zoom { padding-bottom:135% }
.vrcustomized .swiper-button-prev {  margin-left:-150px; }
.vrcustomized .swiper-button-next {  margin-right:-150px; }



/*标准化服务流程*/
.vrprocess { padding:1% 0 4% 0; background:url(../img/vrcultural4.jpg) no-repeat center bottom; background-size: cover;  }
.vrprocess .vrprocess-list { position:relative }
.vrprocess .vrprocess-list:before { content: ''; display:block; width:100%; height:2px; background:#008CD6; position:absolute; left:0; top:34px; }
.vrprocess .swiper-vrprocess { position:relative; padding:0px 10px 50px 10px }
.vrprocess .swiper-vrprocess li .box-shadow { border-radius:15px; position:relative; padding:20px 0 1px 0; overflow:hidden; background:#fff; text-align:center; background:#fff url(../img/vrprocess.png) no-repeat center top; background-size: 100% auto;  }
.vrprocess .swiper-vrprocess li .text { padding:15px 10px; font-size:13px; color:#666  }
.vrprocess .swiper-vrprocess li .text h3 { font-size:20px; font-weight:bold; margin:0 5px 10px 5px; color:#333; line-height:1.3 }
.vrprocess .swiper-vrprocess li .text p { min-height:60px }
.vrprocess .swiper-vrprocess li .pic img { width:auto; max-width:80%; margin:1px auto }
.vrprocess .swiper-vrprocess li .num { position:relative; width:54px; height:54px; line-height:54px; border-radius:100px; border:2px solid #008CD6; margin:2px auto 20px auto; text-align:center; font-size:32px; color:#008CD6; font-weight:bold; background:#fff } 
.vrprocess .swiper-vrprocess li .num:after { content: ''; display:block; width:2px; height:20px; background:#008CD6; position:absolute; left:calc(50% - 2px); top:calc(100% + 2px); }
.vrprocess .swiper-vrprocess li:after { content: ''; display:block; width:20px; height:30px; background:url(../img/vrprocess-arr.png) no-repeat center; position:absolute; left:calc(100% + 4px); top:20px; }
.vrprocess .swiper-vrprocess li:last-child:after { display:none }


/*免费获取方案*/
.getsolution-box { position:relative; }
.getsolution { position:relative; padding:25px 25px 25px 220px; min-height:160px; background:#fff; -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .1); box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .1); }
.getsolution .getsolution-tit { font-size:22px; color:#222; margin:20px auto 30px auto; }
.getsolution .getsolution-tit big { margin-left:10px; color:#888; font-family:"宋体"; }
.getsolution .getsolution-tit big font { color:#2a405b }
.getsolution .getsolution-tit span { display:inline-block; margin-left:20px; padding-left:26px; background:url(../img/phone.png) no-repeat center left; background-size: auto; font-size:18px; color:#333; }

.getsolution .getsolution-code { width:160px; position:absolute; left:25px; top:25px; background:#fff; padding:10px; box-sizing:border-box }
.getsolution input[type=text],.getsolution select  { display:inline-block; vertical-align:middle; background: none; border:1px solid #ccc; border-radius:10px; width:100% !important; height:48px; line-height:48px; box-sizing:border-box; padding:0 10px; color:#555 }

.getsolution .form-group { width:26%; float:left; margin-right:1% }
.getsolution .form-code { width:22%; }
.getsolution .form-btn { margin:0; width:18%; float:right; text-align:right } 

.getsolution textarea { background: none; border:1px solid #ccc; border-radius:10px; width:76% !important; height:90px; box-sizing:border-box; padding:10px 10px; color:#555; margin-top:20px }

.getsolution input::-webkit-input-placeholder{ color:#999; }
.getsolution input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.getsolution input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.getsolution input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; }
.getsolution textarea::-webkit-input-placeholder{ color:#999; font-family:Arial, Helvetica, sans-serif }
.getsolution textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.getsolution textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.getsolution .form-btn button { border-radius:10px; margin:0 }
 

@media screen and (max-width: 900px) {
.getsolution .form-group { width:100%; float: none; margin-right:0; margin-bottom:15px }
.getsolution #dr_row_title { width:100% }
.getsolution .form-btn { margin: 0; width: 100%;float: none;text-align: center;}
}


.dropdown-menu {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    left: 0;
    min-width: 175px;
    position: absolute;
    z-index: 2000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}
.datepicker.dropdown-menu {
    padding: 5px;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    border: 1px solid #efefef
}
 
#dr_row_gongsi { position:relative }
.date-set { position:absolute; left:1px; top:1px; height:46px; cursor:pointer; border:none; width:100%; background: url(../img/getsolution2.png) no-repeat 93%;  } 





/*----------数字项目定制 --------*/
.sz-cjs { padding:3% 4% 5% 4%;  background:#fff; background-size: cover; }
.sz-cjs ul { text-align:center;}
.sz-cjs ul li { display:inline-block; margin:10px; }
.sz-cjs ul li a { display: inline-block; border: 1px solid #008cd7; height: 38px; line-height: 38px; padding: 0 35px; border-radius: 35px; color: #008cd7; }


.digitize li { position:relative; min-height:30%; background:#f4f5f8 }
.digitize li:nth-of-type(2n) { }
.digitize li .wrapper { position:relative }
.digitize li .text { position:absolute; left:0; top:50px; width:45%; float:left; line-height:2; }
.digitize li .text h3 { font-size:30px; color:#333; line-height:1.2 }
.digitize li .text h3:after { content: ""; display: block; margin:15px 0 20px 0; background:#008CD6; width:90px; height:3px; border-radius:2px; }
.digitize li .text .txt { min-height:150px; }
.digitize li .pic { width:50%; height: auto; float:right; overflow:hidden }
.digitize li .pic .zoom { padding-bottom:60%; }
.digitize li:nth-of-type(2n) .text { right:0; left:auto }
.digitize li:nth-of-type(2n) .pic { float:left }

.digitize li .text .more { position: relative; display:block; margin-top:6%; width:60px; height:36px; line-height:36px; text-align:center; border-radius:30px; border: 1px solid #008cd7; background:#008cd7; color:#fff; }
.digitize li .text .more::after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    border-radius: 2px;
}






/*数字化定制内容团队*/
.digitize-team { padding:3% 4% 4% 4%;  background:url(../img/szhbg1.jpg) no-repeat center bottom; background-size: cover; }
.digitize-team .swiper-digitize-team { padding:10px 10px 80px 10px }
.digitize-team .swiper-digitize-team li { overflow:hidden; background:#fff; padding:10px; box-sizing:border-box }
.digitize-team .swiper-digitize-team li .text { display:none; position:absolute; left:10px; right:10px; bottom:10px; border-radius:15px; background:rgba(10, 10, 10, 0.5); padding:15px 15px; font-size:14px; color:#eee }
.digitize-team .swiper-digitize-team li .text h3 { font-size:18px; font-weight:bold; margin-bottom:8px; color:#fff  }
.digitize-team .swiper-digitize-team li .zoom { padding-bottom:60%; border-radius:15px }


/*数字化内容定制流程*/
.szprocess { padding:1% 0 4% 0; background:#fff; background-size: cover;  }
.szprocess .szprocess-list { position:relative }
 
.szprocess .swiper-szprocess { position:relative; padding:0px 10px 50px 10px }
.szprocess .swiper-szprocess li { border-radius:15px; position:relative; overflow:hidden; text-align:center; background:#fff url(../img/ser6.jpg) no-repeat center top; background-size: cover;}
.szprocess .swiper-szprocess li .text { padding:15px 20px; font-size:13px; color:#eee; background:rgba(10, 10, 10, 0.55);  min-height:250px; }
.szprocess .swiper-szprocess li .text h3 { font-size:20px; font-weight:bold; margin:0 5px 10px 5px; color:#fff; line-height:1.4; }
.szprocess .swiper-szprocess li .text p { min-height:80px; line-height:1.8 }
.szprocess .swiper-szprocess li .num { position:relative; margin:0px auto 15px auto; padding-bottom:10px; text-align:center; font-size:38px; color:#fff; font-weight:bold; border-bottom:1px solid #ddd} 




/*服务优势*/
.sz-advantage { position:relative; padding:2% 0 4% 0; min-height:300px; background-image:url(../img/szhbg2.jpg); background-position:center; background-repeat:no-repeat; background-size: cover; background-attachment: fixed; }
.sz-advantage ul li { float:left; width:32%; margin-right:2%; padding:20px; box-sizing:border-box; margin-bottom:2%; overflow:hidden; background: rgba(255,255,255,0.8); text-align:center }
.sz-advantage ul li .pic img { text-align:center; margin:1px auto; height:60px }
.sz-advantage ul li .text { padding:0px 20px; font-size:15px; text-align:center; }
.sz-advantage ul li .text p { color:#888; min-height:60px; }
.sz-advantage ul li .text h3 { font-size:24px; color:#444; font-weight:bold; margin:10px auto 15px auto;  }
.sz-advantage ul li:nth-of-type(3n) { margin-right:0 }



/*硬件定制支持详解*/
.sz-yingjian { position:relative; padding:2% 0 4% 0; background-size: cover; }
.sz-yingjian ul li { position:relative; float:left; width:49%; margin-right:2%; box-sizing:border-box; margin-bottom:2%; overflow:hidden; text-align:center }
.sz-yingjian ul li .text { position:absolute; left:15px; right:15px; bottom:15px; border-radius:15px; background: rgba(255,255,255,0.9); padding:20px 20px; text-align:center; }
.sz-yingjian ul li .text p { color:#666; min-height:60px; font-size:16px; }
.sz-yingjian ul li .text h3 { font-size:22px; color:#333; font-weight:bold; line-height:1.3; margin-bottom:8px  }
.sz-yingjian ul li:nth-of-type(2n) { margin-right:0 }



/*硬件定制范围及优势*/
.sz-dz { padding:2% 0 4% 0; background:#f4f5f8 url(../img/szhbg3.jpg) no-repeat center top; background-size:100% auto; }
.sz-dz .swiper-sz-dz { padding:10px 0px 70px 0px }
.sz-dz .swiper-sz-dz li { overflow:hidden; background:#fff }
.sz-dz .swiper-sz-dz li .text { display:none; position:absolute; left:0; right:0; bottom:0; background:rgba(10, 10, 10, 0.5); padding:10px 15px; font-size:16px; text-align:center; color:#fff }
.sz-dz .swiper-sz-dz li .zoom { padding-bottom:70% }
.sz-dz .swiper-button-prev {  margin-left:-60px; }
.sz-dz .swiper-button-next {  margin-right:-60px; }
.sz-dz .view-more a { padding: 0 25px; }
.sz-dz .sz-dz-box { background:#fff; padding:25px 3%; float:left; width:49%; box-sizing: border-box; margin-bottom:2%; font-size:17px; }
.sz-dz .sz-dz-box h3 { font-size:24px; font-weight:bold; margin-bottom:15px; color:#333; text-align:center }
.sz-dz .sz-dz-box p { margin:10px 0; color:#888; }


/*软硬一体化协同优势*/
.sz-yth { position:relative; padding:2% 0 15% 0; background-image:url(../img/szhbg4.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto; }
.sz-yth ul { padding:20px 3%; background:#fff;  }
.sz-yth ul li { float:left; width:50%; padding:0 20px; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #ddd; }
.sz-yth ul li .num { width:100px; height:80px; line-height:80px; text-align:center; color:#008CD6; font-size:42px; font-weight:bold; position:absolute; left:0px; top:20px; }
.sz-yth ul li .text { padding:20px 20px 20px 100px; font-size:16px; position:relative;}
.sz-yth ul li .text p { color:#888; min-height:56px; }
.sz-yth ul li .text h3 { font-size:24px; color:#333; font-weight:bold; margin:0px 0 10px 0;  }
.sz-yth ul li:nth-of-type(2n) { margin-right:0; border-left:1px solid #ddd;  }
 

/*研产环境*/
.sz-yf { padding:3% 4% 4% 4%;  background:url(../img/szhbg5.jpg) no-repeat center bottom; background-size: cover; }
.sz-yf .swiper-sz-yf { padding:10px 0px 80px 0px }
.sz-yf .swiper-sz-yf li { position:relative; width:32%; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden; background:#fff; border-radius:15px; box-sizing:border-box }
.sz-yf .swiper-sz-yf li .text { background:#fff; padding:15px 15px; font-size:14px; color:#333; text-align:center }
.sz-yf .swiper-sz-yf li .text h3 { font-size:18px; margin-bottom:2px; }
.sz-yf .swiper-sz-yf li .zoom { padding-bottom:300px; }
@media screen and (max-width: 1500px) {
.sz-yf .swiper-sz-yf li .zoom { padding-bottom:250px }
}
.sz-yf .swiper-sz-yf li:nth-of-type(5n+1) { width:66% }
.sz-yf .swiper-sz-yf li:nth-of-type(5n+2) { margin-right:0; }
.sz-yf .swiper-sz-yf li:nth-of-type(5n) { margin-right:0; } 




/*免费获取方案*/
.feedbackbox-box { position:relative; padding:3% 0 4% 0; background-image:url(../img/szhbg6.jpg); background-position:center; background-repeat:no-repeat; background-size: cover;  }
.feedbackbox { position:relative; padding:0 0 20px 0;  }
 
.feedbackbox .form-group { width:30%; float:left; margin:10px 1.5%; }
.feedbackbox .form-btn { margin:20px auto 0 auto; width:18%; } 

.feedbackbox textarea { background:#fff; border:1px solid #ccc; border-radius:10px; width:100%; min-height:80px; padding:15px 10px; box-sizing:border-box; color:#555; font-family:Arial, Helvetica, sans-serif }
.feedbackbox input[type=text] { display:inline-block; vertical-align:middle; background: #fff; border:1px solid #ccc; width:100% !important; height:48px; line-height:48px; text-indent:10px; color:#555; border-radius:10px; }

.feedbackbox input::-webkit-input-placeholder{ color:#999; }
.feedbackbox input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
.feedbackbox input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; }
.feedbackbox input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; }
.feedbackbox textarea::-webkit-input-placeholder{ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedbackbox textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedbackbox textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedbackbox .form-btn button { border-radius:10px; margin:0 }
 


/*研产环境*/
.sz-area { padding:1% 0 5% 0; min-height:320px }
.sz-area .wrapper { position:relative; overflow:hidden; }
.sz-area .sz-area-swiper { width:80%; overflow:hidden; margin:0 auto 3% auto; background:#e1e6e9; padding:10px; border-radius:10px; }
.sz-area .sz-area-swiper li { cursor:pointer; border-radius:10px; overflow:hidden;height:50px; line-height:50px; font-size:18px; text-align:center; color:#333 }
.sz-area .sz-area-swiper li.swiper-slide-thumb-active { font-weight:bold; color:#111; background:#fff;  }
.sz-area .swiper-button-prev { left:auto; right:31%; top:68%; border: 1px solid #fff; color:#fff }
.sz-area .swiper-button-next { right:31%; top:68%; margin-right: -80px; border: 1px solid #fff; color:#fff; }
.sz-area .swiper-button-prev::after,.sz-area .swiper-button-next::after { border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255);}
.sz-area .sz-area-swiper2 { }
.sz-area .sz-area-swiper2 .text { position:absolute; width:30%; right:0; top:20%; border-radius:25px; padding:4% 5% 12% 5%; line-height:2; color:#fff; font-size:16px; background:#09C; background: linear-gradient(to top left, rgba(92, 214, 238, 0.99) 15%, rgba(42, 173, 226, 0.99) 50%, rgba(0, 140, 215, 0.99) 100%); }
.sz-area .sz-area-swiper2 .text h3 { position:relative; font-size:28px; font-weight:bold; margin-bottom:20px; line-height:1.2; }
.sz-area .sz-area-swiper2 .text p { min-height:90px; } 
.sz-area .sz-area-swiper2 .text .num { position:absolute; left:-35px; top:-35px; font-size:60px; font-weight:bold; color:#fff; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4; }
.sz-area .sz-area-swiper2 .pic { width:80%; }
.sz-area .sz-area-swiper2 .pic .zoom { padding-bottom:55%; }



/*------------关于---------------*/
.about { position:relative; padding:5% 0 3% 0; background-image:url(../img/aboutbg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover;  }
.about .page-tit { text-align:left }
.about-l { width:48%; height:100%; padding:1% 0;  position:relative; float:left; font-size:16px; line-height:2; text-align:justify; text-justify:inter-ideograph; }
.about-l .title { margin-bottom:5% }
.about-l .title h2:after { width:70px; margin:10px 0;  }
.about-l img { border-radius:15px; }
.about-r { width:45%; float:right; position:relative; font-size:16px; line-height:2;   }
.about-r img { width:100% }
.about-text { line-height:2; margin:3% 1%; }

.about-menu { margin:2% auto 2% auto }
.about-menu>h2 { font-size:26px; margin-bottom:20px; color:#333; font-weight:bold;  }
.about-menu ul li { width:32%; float:left; margin-right:2%; padding:25px 3%; font-size:18px; color:#666; box-sizing: border-box; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:100% auto }
.about-menu ul li a { display:block; }
.about-menu ul li:last-child { margin-right:0 }
.about-menu ul li h3 { text-transform: uppercase; margin:0 auto 10px auto; font-size:24px; color:#333; font-weight:bold; }



/*公司历程*/
.history { padding:5% 0 9% 0; background: url(../img/historybg.jpg) no-repeat center bottom; background-size: cover;  }
.history .title { font-size:18px; color:#006BB5; margin-bottom:4%; line-height:1.4 }
.history .title h3 { font-size:36px; font-weight:bold }
.history li .pic { padding:10px; background:#fff }
.history li .pic .zoom {  }
.history li .pic .zoom span {background-size: auto 100%; }
.history li { position:relative; padding-left:35px; }
.history li .icon { position:absolute; left:0; top:8px; display: inline-block; width:22px; height:22px; border:3px solid #1F9DE8; border-radius:24px; vertical-align:middle; }
.history li .icon:before {content: ''; display:inline-block; height:100px; width:4px; position:absolute; top:22px; left:9px; background: url(../img/honorline.jpg) no-repeat center bottom;  }
.history li .txt { font-size:16px; margin:10px auto; } 
.history li .tit { position:relative; font-size:30px; font-weight:900; line-height:1.4 } 
.history li .txt p { margin:8px auto; line-height:1.5; color:#666; position:relative; padding-left:15px; }
.history li .txt p:before { position:absolute; left:0; top:12px; content: ''; display: inline-block; width:5px; height:5px; background:#777; border-radius:10px; vertical-align:middle; }
.history li:nth-of-type(2n-1) { margin-top:15% }

.history .swiper-button-prev,.history .swiper-button-next { top:auto; bottom:0; left:auto; right:0; background-color:#006DB8 !important; }
.history .swiper-button-prev { width:60px; height:40px; line-height:42px; right:60px; border-radius: 10px 0 0 10px; margin:0; padding:0 }
.history .swiper-button-next { width:60px; height:40px; line-height:42px; right:0px; border-radius:0 10px 10px 0; margin:0; padding:0 }
.history .swiper-button-prev:hover,.history .swiper-button-next:hover {  }

.history .swiper-history .swiper-button-prev::after,.history .swiper-history .swiper-button-next::after {
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media (max-width:993px){
.history { padding:40px 0 40px 0; }
.history .title { font-size:15px; }
.history .title h3 { font-size:24px; font-weight:bold }
.history li {  padding-left:25px; }
.history li .icon { position:absolute; left:0; top:8px; width:16px; height:16px; border:2px solid #1F9DE8;  }
.history li .icon:before { height:100px; width:3px; position:absolute; top:12px; left:4px; }

.history li .tit { font-size:20px; } 
.history li .txt { font-size:14px; margin:5px auto; } 
.history li .txt p { margin:5px auto; line-height:1.4; padding-left:10px; }
.history li .txt p:before { top:8px; content: ''; width:4px; height:4px; }
.history .swiper-history { padding-bottom:60px; }
.history .swiper-button-prev,.history .swiper-button-next { top:auto; bottom:0px; z-index:99 }
.history .swiper-button-prev { right:40px; border-radius: 5px 0 0 5px;   }
.history .swiper-button-next { border-radius:0 5px 5px 0;   }
}


/*公司环境*/
.environment { padding:3% 0 4% 0; background:#fff; background-size: cover; background-attachment: fixed; }
.environment .environment-list { padding:10px 10px }
.environment .environment-list li { position:relative; width:48%; float:left; overflow:hidden; background:#fff; margin-bottom:4% }
.environment .environment-list li:nth-of-type(2n) { margin-left:4% }
.environment .environment-list li .text { position:absolute; left:0; right:0; bottom:0; background:rgba(10, 10, 10, 0.5); padding:10px 15px; font-size:16px; text-align:center; color:#fff }
.environment .environment-list li .zoom { padding-bottom:60% }

/*资质荣誉*/
.honour { padding:3% 0 4% 0; background-image:url(../img/honourbg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size: cover; }
.honour-box {  }
.honour-list { }
.honour .swiper-honour { padding:10px 10px 80px 10px }
.honour .swiper-honour li { overflow:hidden; background:#fff }
.honour .swiper-honour li .text { position:absolute; left:0; right:0; bottom:0; background:rgba(10, 10, 10, 0.5); padding:10px 15px; font-size:16px; text-align:center; color:#fff }
.honour .swiper-honour li .zoom { padding-bottom:120% }
.honour-num { margin:2% auto 4% auto; width:90%; max-width:700px; }
.honour-num ul li { float:left; width:25%; text-align:center; padding:0 2%; box-sizing:border-box; border-right:1px solid #ccc }
.honour-num ul li:last-child { border-right: none }
.honour-num ul li span { display:inline-block; vertical-align:middle; min-width:80px; margin-left:5px; }
.honour-num ul li i { font-size:50px; color:#444; font-style:normal; font-weight:bold; line-height:1; vertical-align:middle;font-family:"Century Gothic"; }
.honour-num ul li sup {font-size:14px; vertical-align: bottom }
.honour-num ul li b {font-size:30px; font-weight:normal; margin-left:5px; vertical-align: top; color:#444; }
.honour-num ul li p { margin:3px auto; font-size:17px;}


/*团队风采*/
.team { padding:2% 0 5% 0; background:#fff; background-size: cover; }
.team .swiper-team { padding:10px 0px 80px 0px }
.team .swiper-team li { position:relative; width:23.5%; float:left; overflow:hidden; background:#fff; margin-right:2%; margin-bottom:2% }
.team .swiper-team li .text { position:absolute; left:0; right:0; bottom:20px; background:rgba(10, 10, 10, 0.5); 
background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.8) 100%);padding:10px 20px; font-size:16px; color:#fff }
.team .swiper-team li .text h3 { font-size:22px; color:#61d5fe }
.team .swiper-team li .zoom { padding-bottom:360px }
@media screen and (max-width: 1500px) {
.team .swiper-team li .zoom { padding-bottom:280px }
}
.team .swiper-team li:nth-of-type(3n) { margin-right:0;  }
.team .swiper-team li:nth-of-type(6n) { width:49%; }
.team .swiper-team li:nth-of-type(6n+1) { width:49%;}



/*联系我们*/
.contact { position:relative; padding:2% 0 4% 0; background-image:url(../img/contactbg.jpg); background-position:center top; background-repeat:no-repeat; background-size: cover; }
.contact-tit { font-size:20px; text-align:center; margin:-1% auto 3% auto; border-bottom:1px solid #eee; padding-bottom:3% }
.contact-tit span { font-weight:bold; margin-right:2% }
.contact-img { width:45%; float:right; }
.contact-img li { float:left; width:50%; text-align:center; }

.contact-info { width:50%; float:left; border-right:1px solid #ddd; }
.contact-info>p { font-size:17px; margin:15px auto; color:#777; padding-left:30px; background-position:left 4px; background-repeat:no-repeat; background-size:20px auto }
.contact-info>p.add { background-image:url(../img/con-add.png) }
.contact-info>p.tel { background-image:url(../img/con-tel.png) }
.contact-info>p.fax { background-image:url(../img/con-fax.png) }
.contact-info>p.email { background-image:url(../img/con-email.png) }
.contact-share { margin:20px auto 0 auto }
.contact-share a { 
    display:inline-block; vertical-align:middle;
    width: 30px; height: 30px;
    margin:0 20px 0 0; background-position:center; background-repeat:no-repeat; background-size:auto 24px;
}
.contact-share .s_list1 { background-image:url(../img/twitter2.png) }
.contact-share .s_list2 { background-image:url(../img/youtube2.png); width:36px; }
.contact-share .s_list3 { background-image:url(../img/pinterest2.png) }
.contact-share .s_list4 { background-image:url(../img/facebook2.png) }
.contact-share .s_list5 { background-image:url(../img/ins2.png) }

#map { width:100%; height:500px; }



/*加入我们*/
.join li { width:40%; float:left; position:relative; font-size:24px; color:#fff }
.join li:nth-of-type(1) { width:56%; margin-right:4% }
.join li .zoom { padding-bottom:420px; }
.join li .txt { position:absolute; left:6%; bottom:7%; }
.join li .txt h3 { font-size:28px; }
.join .join-con { margin:3% auto; padding-top:60px; background:url(../img/marks-l.png) no-repeat left top; }
.join .join-con:after {
    content: ''; display:block; width:100%; height:60px; background:url(../img/marks-r.png) no-repeat center; }

.join-search { position:relative; margin:3% auto; }
.join-search .search-form { position:relative; width:40%; margin:0px auto; border-radius:30px; overflow:hidden; border:1px solid #ccc; border-radius:30px; max-width:550px;
-webkit-box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .2);
    -moz-box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .2);
    box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .2); }
.join-search .search-form input { width:100%; height:46px; line-height:46px; border:none; background:none; border-radius:30px; padding:0px 20px; }
.join-search .search-form input.btn { position:absolute; right:3px; top:3px; border-radius:30px; width:120px; height:40px; line-height:40px; padding:0px 20px; background:#008CD6; color:#fff; cursor:pointer }

.join-list { padding:4% 0 0 0; }
.join-list ul li { width:49%; float:left; background:#fff; margin-bottom:2%; }
.join-list ul li:nth-of-type(2n) { margin-left:2% }
.join-list ul li .txt { padding:20px; color:#666; min-height:120px; position:relative;}
.join-list ul li .txt span {}
.join-list ul li .txt h3 { font-size:18px; font-weight:bold; color:#333; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.join-list ul li .txt p { line-height:2 }
.join-list ul li .txt .more { float:right; border:1px solid #008CD6; color:#008CD6; font-size:13px; font-weight:normal; padding:4px 18px; border-radius:20px; }
 
.join-txt .close-reveal {font-size:30px;line-height:.5;position:absolute;top:20px;right:20px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.join-txt { background:#fff; position:relative }
.join-txt .join-btn { position:absolute; right:10px; top:15px; display:inline-block; border:1px solid #008CD6; background:#008CD6; color:#fff; font-size:14px; font-weight:normal; padding:5px 20px; border-radius:20px;}
.join-txt h2 { font-size:22px;color:#008CD6; }
.join-txt h3 { font-size:14px;color:#666; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:10px; line-height:2 }
.join-txt h3 span { margin-right:20px; }

/*下载*/
.download { padding:1% 0; font-size:16px; line-height:30px; }
.download .download-list { background:#eee; padding:10px 20px; margin-bottom:30px; }
.download tr th { background:#eee; padding:20px; text-align:left; font-size:16px; text-transform:uppercase }
.download tr td { background:#eee; padding:15px 20px; text-align:left; border-top:1px solid #e3e3e3; text-transform:uppercase; }
.download tr .down-btn { display:inline-block; width:60px; height:30px; font-size:0;  background:url(../img/icon-download.png) no-repeat center; }



/*表单*/
.feedback-box { position:relative; padding:3% 0; background:#eee; margin-bottom:-3% }
 
.feedback { position:relative; padding:3% 5%; background:#fff; -webkit-box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .3);
    box-shadow: 0 2px 5px 3px rgba(88, 112, 138, .3); }
.feedback form { }
.feedback .form-group { width:46%; float:left; margin:15px 2% }

.feedback .form-code img { background:#fff; border:1px solid #ccc; }
.feedback label.mt-checkbox { display: inline-block; margin:10px 5% 10px 0; cursor:pointer }
.feedback textarea { background:none; border:1px solid #ccc; width:100%; min-height:120px; padding:10px; box-sizing:border-box; color:#555; font-family:Arial, Helvetica, sans-serif }
.feedback input[type=text] { display:inline-block; vertical-align:middle; background: none; border:1px solid #ccc; width:100% !important; height:48px; line-height:48px; text-indent:10px; color:#555 }
.feedback input[type=radio],.feedback input[type=checkbox] { width:20px; height:20px; vertical-align:middle; -webkit-appearance:none;background-color: #fff; border:1px solid #ccc; margin-right:5px; position:relative }
.feedback input[type=checkbox]:checked::after{
     content: "✓";
     font-size: 12px;
     font-weight: bold;
	 color:#008CD6;
	 border-radius: 3px;
	 margin-left:4px;
}

.feedback input::-webkit-input-placeholder{ color:#999; }
.feedback input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.feedback input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.feedback input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; }
.feedback textarea::-webkit-input-placeholder{ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedback textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedback textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; font-family:Arial, Helvetica, sans-serif }


.form-btn { text-align:center; margin:2% auto; } 
.form-btn button { display:inline-block; background:#008CD6 ; cursor:pointer; border:none; color:#fff; margin:10px 0; padding:14px 30px; font-size:16px; min-width:140px; border-radius:30px }
.form-btn button:hover { background:#008CD6; color:#fff }
.feedback-list { background:#f8f8f8; padding:4%; margin-bottom:3%; text-align:center; }
.feedback-list>img { max-height:280px; }
.feedback-listtxt { max-width:800px; margin:5% auto; background:#f2f2f2; font-size:18px; color:#666; line-height:2; border:1px dashed #ccc; padding:2%; text-align:center }
.feedback-listtxt h3 { font-size:45px; text-transform:capitalize }

.form-code { position:relative }
.form-code img { background:#fff; position:absolute; right:2px; top:2px }


/*新闻*/
.news-list { padding:1% 0 }
.news-list ul li { position:relative; margin-bottom:3%; background:#fff }
.news-list ul li { position:relative; width:32%; float:left; margin-right:2%; margin-bottom:3%; background:#fff; border-radius:20px; overflow:hidden  }
.news-list ul li>div { }
.news-list ul li:nth-of-type(3n) { margin-right:0 }
.news-list ul li .pic { position:relative; }
.news-list ul li .pic .zoom {  }
.news-list ul li .text { padding:20px; color:#777; font-size:15px; box-sizing:border-box }
.news-list ul li .text h3 { font-size:22px; line-height:1.4; margin:1px auto 10px auto; height:60px; overflow:hidden }
.news-list ul li .text h3 a { color:#333; }
.news-list ul li .text p {  height:76px; overflow: hidden; margin:10px auto 0 auto; }
.news-list ul li .text small { font-size:14px; margin-right:10px }
.news-list ul li .fa { width:18px; height:16px; margin-right:2px; margin-top:-2px }
.news-list ul li .fa-date { background-image:url(../img/icon-date.png) }
.news-list ul li .fa-hits { background-image:url(../img/icon-eye.png) }
.news-list ul li .text .more { display:block; margin:15px 0 5px 0; border:1px solid #ccc; color:#ccc; font-size:24px; border-radius:20px; width:55px; height:36px; line-height:36px; text-align:center; font-family:"宋体" }
.news-list ul li .text .more:hover {  border:1px solid #008CD6; color:#008CD6 }
.news-list ul li:nth-of-type(1) {}

.news-one { padding:3% 0; background:#fff }
.news-one ul li { float:none; width:100%; margin-bottom:0 } 
.news-one ul li>div { padding:0px; }
.news-one ul li .pic { float:left; width:45%; float:left; border-radius:20px; overflow:hidden  }
.news-one ul li .text {  float:right; color:#666; font-size:15px; width:55%; padding:30px 25px; box-sizing:border-box }



/*新闻详情*/
.news-box { padding:30px; background:#fff }
.news-title { font-size:28px; margin:5px auto; text-align:center; color:#222; font-weight:bold }
.news-desc { margin-bottom:20px; color:#666; text-align:center; padding-bottom:25px; border-bottom:1px solid #ddd }
.news-desc small {font-size:16px; margin:2px 6px;}
.news-desc .fa { width:18px; height:16px; margin-right:5px; margin-top:-2px }
.news-desc .fa-date { background-image:url(../img/icon-date.png) }
.news-desc .fa-hits { background-image:url(../img/icon-eye.png) }
.news-desc .fa-author { background-image:url(../img/icon-author.png) }
.news-box .news-con { margin:0px auto; max-width:1000px; }
.page-prev-next { position:relative; border-top:1px solid #ddd; padding:20px 0 5px 0; margin-top:20px; background:#fff; font-size:15px; line-height:2; }
.page-prev-next .page-prev { } 
.page-prev-next .page-next { } 
.page-prev-next .back { position:absolute; border:1px solid #008CD6; border-radius:20px; right:45px; top:50%; margin-top:-15px; padding:1px 20px 1px 45px; background:url(../img/back.png) no-repeat 20px center; background-size:18px auto; font-size:16px; color:#008CD6; }


.news-l { width:76%; float:left; padding:20px; background:#fff; border-radius:20px; box-sizing:border-box }
.news-r { width:22%; float:right; padding:20px 15px; background:#fff; border-radius:20px; box-sizing:border-box }
.news-r>h2 { font-size:22px; font-weight:bold; text-align:center; color:#008CD6 }
.news-r ul li { border-bottom:1px solid #ddd; padding:20px 0; }
.news-r ul li .zoom { border-radius:15px; overflow:hidden; margin-bottom:10px; }
.news-r ul li h3 { font-size:18px; margin-bottom:6px; line-height:1.4; }
.news-r ul li p { color:#999; }

 

/*案例*/
.case-list { padding:1% 0 }
.case-list ul li { position:relative; width:31%; float:left; margin-right:3.5%; margin-bottom:3%; background:#fff; overflow:hidden }
.case-list ul li:nth-of-type(3n) { margin-right:0 }
.case-list ul li .pic { position:relative; background:#eee }
.case-list ul li .pic .zoom { padding-bottom:70%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.case-list ul li .text { display: block; padding:20px; background:#fff }
.case-list ul li .text h3 { font-size:20px;  }
.case-list ul li .text h3:after { content: ""; display: block; margin:8px 0; background:#008CD6; width:50px; height:2px; border-radius:2px; }
.case-list ul li:hover .pic .zoom span {  }
.case-tit { color:#008CD6; }
.case-tit>h3 { font-size:24px; }

.case-pic { padding:4% 0 3% 0 }
.case-con { background:#fff; margin:2% auto }

.case-con { background:#fff; margin:2% auto }
.case-con>h2 { color:#008CD6; font-size:24px; margin-bottom:15px; line-height:1.2 }

.load-more { text-align:center }
.load-more a { display:inline-block; padding:12px 30px 12px 60px; background-color:#008CD6; color:#fff; text-transform:capitalize; cursor:pointer; background:#008CD6 url(../img/yuan.png) no-repeat 20px center;}



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

.news-list ul li { width:48%; float:left; margin-right:4%; margin-bottom:4%;}	
.news-list ul li:nth-of-type(3n) { margin-right:4% }
.news-list ul li:nth-of-type(2n) { margin-right:0 }
.news-one ul li { float:none; width:100%; margin-bottom:15px } 
.news-one ul li .pic { float: none; width:100%; }
.news-one ul li .text {  float:none; width:100%; padding:15px 20px; }
.news-l { width:100%; float: none;  }
.news-r { width:100%; float:none; }

.case-list ul li { width:48%; float:left; margin-right:4%; margin-bottom:4%;}	
.case-list ul li:nth-of-type(3n) { margin-right:4% }
.case-list ul li:nth-of-type(2n) { margin-right:0 }
}




/*产品展示*/
.pro-subnav { margin:5px auto 30px auto }
.pro-subnav ul li { display:inline-block; float:left; margin-right:15px; margin-bottom:15px; padding:7px 20px; border:1px solid #ddd; border-radius:30px; background:#fff }
.pro-subnav ul li.active { border:1px solid #008CD6 }
.pro-subnav ul li.active a { color:#008CD6 }


.pro-list { padding:0 0 }
.pro-list ul li { position:relative; width:31.5%; float:left; margin-right:2.75%; margin-bottom:2.8%; background:#fff; border-radius:25px;  }
.pro-list ul li:nth-of-type(3n) { margin-right:0 }
.pro-list ul li .pic { position:relative }
.pro-list ul li .pic .zoom { padding-bottom:100%; }
.pro-list ul li .pic .zoom span { background-size:80% auto }
.pro-list ul li .text { padding:20px 5% 25px 5%; border-top:1px solid #eee; }
.pro-list ul li .text h3 { position:relative; font-size:22px; color:#111; margin-bottom:6px; }
.pro-list ul li .text p { color:#888; height:50px; overflow:hidden }
 

.pro-list ul li .text h3::after { display: block;content: ""; width:40px;height:20px; background:url(../img/arrow.png) no-repeat center; position:absolute; top:6px; right:2px; }
.pro-list ul li:hover .text h3::after { }


@media screen and (max-width: 900px) {
.pro-list ul li { width:48%; float:left; margin-right:4%; margin-bottom:4%;}	
.pro-list ul li:nth-of-type(3n) { margin-right:4% }
.pro-list ul li:nth-of-type(2n) { margin-right:0 }

.pro-subnav  { }
.pro-subnav ul li { margin-right: 10px; font-size:13px; margin-bottom: 0px; margin-top:10px; padding: 5px 15px;}
.pro-list ul li .text h3 { font-size:16px; }
.pro-list ul li .text p { font-size:12px; }
}

.pro-box { margin:2% auto; padding:0 0 }
.pro-pic { float:left; width:49%; padding-right:4%; border-right:1px solid #ddd; }
.pro-info { float: right; width:45%; font-size:16px; color:#666 }
.pro-info .pro-tit { font-size:32px; font-weight:bold; color:#333; margin:10px auto 20px auto; }
.pro-info .pro-desc { margin-left:15px; }
.pro-info .tit { position:relative; font-size:20px; font-weight:bold; margin:30px 0 15px 0; color:#555; line-height:1; padding-left:15px; }
.pro-info .tit:after { position:absolute; left:0; content: ""; display: inline-block; background:#008CD6; width:4px; height:22px; border-radius:2px; }


.pro-info .pro-date { background:#fff; border-radius:12px; border:1px solid #ddd; padding:12px 18px; margin-left:15px; }
.pro-info .pro-date li { display:inline-block; width:22%; float:left; margin:5px 0; }
.pro-info .pro-date li.li1,.pro-info .pro-date li.li5 { width:34%; }
.pro-info .pro-date li span { color:#888; display:block; margin-bottom:5px; }
.pro-info .pro-feature { padding:15px 20px; background:#fff; border-radius:12px; border:1px solid #ddd; line-height:28px; height:180px; overflow-y:scroll; margin-left:15px; }

.pro-info .pro-feature::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #dae5eb;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
.pro-info .pro-feature::-webkit-scrollbar-track  
{  
    border-radius: 10px;  
    background-color: #dae5eb;  
}  
/*定义滑块 内阴影+圆角*/  
.pro-info .pro-feature::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(85,182,233,.9);  
    background-color: #55b6e9;  
}  

.buy-num .input-group { width:142px; border-radius:20px; position:relative }
.buy-num .input-group input { display: inline-block; width:140px; border:1px solid #c0c9d8; border-radius:20px; padding:2px 0px; height: 30px; text-align:center  }
.buy-num .input-group .form-control { text-align:center; border-left:none; border-right:none; border-radius:20px!important;}
.buy-num .input-group-btn .btn { border:1px solid #c0c9d8; color:#97a8bc; font-size:20px; padding:2px 12px; height: 36px; position:absolute; left:0; top:0 }
.buy-num .input-group-btn .btn.bootstrap-touchspin-down { border-radius:20px 0 0 20px; }
.buy-num .input-group-btn .btn.bootstrap-touchspin-up { border-radius:0 20px 20px 0; left:auto; right:0 }
.pro-info .pro-btn a { display:inline-block; margin:20px auto; border-radius:30px; padding:8px 30px; border:1px solid #008CD6; background:#008CD6; font-size:17px; color:#fff }

/**产品详情介绍**/
.pro-tab { height:60px; line-height:60px; background:#fff; border-bottom:2px solid #eee; margin-bottom:20px; text-align:center }
.pro-tab li { font-size:18px; display:inline-block; margin:0 30px; }
.pro-tab li a { display:inline-block; line-height:58px; }
.pro-tab li a.active { color:#008CD6; font-weight:bold; border-bottom:2px solid #008CD6 }
.pro-con-tit { text-align:center; font-size:36px; font-weight:bold; margin:30px auto 20px auto; color:#008CD6; }

.pro-video { text-align:center; min-height:300px; }
.pro-video video { width:80%; border-radius:20px; overflow:hidden }

.pro-detail { margin:4% auto }
.pro-detail .swiper-detail { padding:10px 10px 70px 10px }
.pro-detail .swiper-detail li { text-align:center; overflow:hidden; }
.pro-detail .swiper-detail li p { padding:15px; font-size:16px; }

.pro-detail .swiper-detail .swiper-button-prev,
.pro-detail .swiper-detail .swiper-button-next { }


.pro-game { margin:4% auto }
.pro-game .swiper-game { padding:10px 10px 70px 10px }
.pro-game .swiper-game li { overflow:hidden; }
.pro-game .swiper-game li .text { padding:20px 25px; font-size:15px; color:#222 }
.pro-game .swiper-game li .text p { color:#888; margin:10px auto 15px auto }
.pro-game .swiper-game li .text h3 { font-size:20px; font-weight:bold; }
.star{ position:relative; display:inline-block; vertical-align:top; height:20px;width:120px;background:url(../img/star.png) repeat-x;cursor:pointer}
.star li{float:left;padding:0px;margin:0px}
.star li a{display:block;width:24px;height:20px;overflow:hidden;text-indent:-9999px; background:url(../img/star.png) 0 -25px repeat-x;z-index:3; }
.star-rating {background:url(../img/star.png) 0 -25px repeat-x;position:absolute;height:20px;z-index:1;top:0;left:0; }
.star1 { width:24px }
.star2 { width:48px}
.star3 { width:72px}
.star4 { width:96px}
.star5 { width:120px; }

#pro-proscene { margin:4% auto }
.pro-scene li { width:49%; float:left; margin-bottom:2%; overflow:hidden }
.pro-scene li:nth-of-type(2n) { margin-left:2% }
.pro-scene li .zoom { padding-bottom:60% }


/*产品细节图*/
.goods-detail {
	float:left; width:50%; position:relative; background:#fff; box-sizing:border-box; padding:10px 20px; border-radius:25px;
}
.goods-detail .goods-pic-box {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	text-align: center;
}
.goods-detail .goods-big-pic {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 600px;
	width: 100%;
	vertical-align:middle;
	z-index: 10;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	/*border:1px solid #eee;*/
}
.goods-detail .goods-big-pic a {
	height:600px !important;
	vertical-align:middle;
	display:block !important;
	text-align:center;
}
.goods-detail .goods-big-pic img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 100%;
	max-height: 600px;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left:50%;

}
.goods-detail .goods-small-pic {
	position:relative;
	text-align: center;
	margin-top:10px;
 
/*	position: absolute;
	left: 0px;
	top: 0px;
*/
}
/*.goods-detail .goods-small-pic .bd {
 white-space:nowrap 
}*/

.goods-detail .goods-small-pic li {
	display:inline-block;
	margin:3px 3px;
	height: auto;
	cursor: pointer;
	zoom: 1;
	-webkit-transition: border-color 0.4s ease-out;
	transition: border-color 0.4s ease-out;
}
.goods-detail .goods-small-pic li img {
	width:110px;
	height: 80px;
}
.goods-detail .goods-small-pic li a {
	border: 2px solid #e2e3e3;
	border-radius:10px;
	overflow:hidden;
	}
.goods-detail .goods-small-pic li a.current {
	cursor: default;
	border-color: #008CD6;
}
.MagicZoomPup { border:1px solid #eee; background:#fff url(dotted.png);cursor: move; }
.MagicZoomBigImageCont { border:1px solid #ddd; margin-left:-40px !important }



/*@media screen and (max-width: 1500px) {
.pro-info { font-size:15px;  }
.pro-info .pro-tit { font-size:24px; margin-bottom:10px }
.pro-info .pro-desc { font-size:18px;  }
.pro-info .tit { font-size:20px; margin:20px 0 8px 0; padding-top:10px;  }
.pro-info .pro-feature p { margin-bottom:10px; line-height:24px; }

	
 
.goods-detail .goods-big-pic {
	height: 500px;
	width: 500px;
}
.goods-detail .goods-big-pic img {
	width: 500px;
	height: 500px;
}
.goods-detail .goods-small-pic li img {
	width:80px;
	height: 80px;
}

}
@media screen and (max-width: 1200px) {
 
.pro-info { font-size:14px;  }
.pro-info .pro-tit { font-size:24px;  }
.pro-info .pro-desc { font-size:16px;  }
.pro-info .tit { font-size:18px; margin:10px 0 8px 0; padding-top:10px;  }
.pro-info .pro-feature p { margin-bottom:5px; line-height:20px; }

.goods-detail .goods-big-pic {
	height: 400px;
	width: 400px;
}
.goods-detail .goods-big-pic img {
	width: 400px;
	height: 400px;
}

.goods-detail .goods-small-pic li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.goods-detail .goods-small-pic li img {
	width:60px;
	height: 60px;
}

}
@media screen and (max-width: 800px) {
	
.goods-detail { float:none; width:100%; }
.pro-pic { float:none; width:100%; padding-right:0; border-right: none }
.pro-info { float: none; width:100%; font-size:14px; margin-top: 20px; }	
.goods-detail .goods-big-pic {
	height: auto;
	width: 100%;
}
.goods-detail .goods-big-pic img {
	width: auto;
	height: auto;
}
 
}
 
.pro-con { padding:2% 0 4% 0; background:#ededed; }
.pro-con li:hover img { border:1px solid #008CD6; box-sizing:border-box }
*/


/*搜索筛选*/
.screen-result { margin:4% auto 2% auto  }
.screen-factor { display:inline-block; float:left }
.screen-factor a {display:inline-block; background: #008CD6; color: #fff; margin-right:5px; padding:3px 8px 3px 6px; font-size:12px; border-radius:2px; }
.screen-factor a .fa-clean { display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(../img/clean.png) no-repeat center;} 
.sort-group { float:right }
.sort-group a { background: #fff; border:1px solid #adadad; padding:4px 8px; font-size:12px }
.sort-group a.active { background:#e6e6e6 }
.search-null  { color:#999; font-size:16px; }
.search-null .fa-search-null {  width:18px; height:18px; background-image:url(../img/close2.png);} 


@media screen and (max-width: 1080px) {
	
.pro-info { float: none; width:100%; font-size:14px; }
.goods-detail { float:none; width:100%; }

	
.form-btn button { padding:9px 20px; font-size:13px; }

.theme-plan .swiperplan2 { width:100%;float: none; height: auto; }
.theme-plan .swiperplan {position: relative;width: auto;padding:3% 2%;}

.theme-apply-list ul li .zoom { padding-bottom: 300px; }

/*企业品牌*/
.theme-brand-box { width:100%; float: none }
.theme-brand-list { width:100%; float:none; }


/*----------VR文旅方案 --------*/
.vrcultural li .text {  width:100%; float: none;  }
.vrcultural li .text h3 { font-size:20px; }
.vrcultural li .text h3:after { margin:5px 0 10px 0; width:70px; height:2px; }
.vrcultural li .pic { width:100%; float: none; margin-bottom:20px }
.vrcultural li:nth-of-type(2n) .text { float:none }
.vrcultural li:nth-of-type(2n) .pic { float:none }




/*------------关于---------------*/
.about-l { width:100%; height:100%; padding:10px 0; float:none; font-size:15px;  }
.about-r { width:100%; float:none; font-size:15px; margin:10px auto 20px auto }



}