﻿@charset "UTF-8";
/*@import url(https://at.alicdn.com/t/font_756559_ge0zruzkrp.css);*/
@import url("../font/iconfont.css" );
/*@font-face {
  font-family: "NotoSansHans-Regular";
  src: url("../font/NotoSansHans-Regular.woff2") format("woff2"),
       url("../font/NotoSansHans-Regular.woff") format("woff"),
       url("../font/NotoSansHans-Regular.ttf") format("truetype"),
       url("../font/NotoSansHans-Regular.eot") format("embedded-opentype"),
       url("../font/NotoSansHans-Regular.svg") format("svg"),
       url("../font/NotoSansHans-Regular.otf") format("opentype");
}*/

/*CSS reset*/
*{ margin:0; padding:0; border:0;-webkit-tap-highlight-color: transparent;   -webkit-appearance: none; box-sizing: border-box; font-family: "微软雅黑";}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
ol,ul,li{ list-style:none;}
caption,th{ text-align:left;}
img{max-width: 100%;object-fit: cover; overflow: hidden;}
h1,h2,h3,h4,h5,h6{ font-size:1rem; font-weight:normal;}
q:before,q:after{ content:''}
abbr,acronym{ border:0;}
a,a:hover{ text-decoration:none;outline:none;}
input,textarea{outline:none;}
p{text-align:justify;text-justify:inter-ideograph;} /*段落两端对齐*/
html,body {height: 100%}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.clearfix::after ,.clearfix::before{ height: 0px;overflow: hidden;display: block;content: "\0020";}
.clearfix::after {clear: both;}
.clearfix {-ms-zoom: 1;}
.pr{ position:relative;}
.pa{ position:absolute;}
.hidden,.appshow{ display:none;}
.block{ display: block;} 
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical
}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; outline:none;}

/*color*/
.red{ color: #ff5353;}
a{ color:#131313; font-family: "微软雅黑";}
a:hover{color:#39caff;}
a.redhover:hover{color:#ed1c24;}
.whitebj{ background: #fff;}
.swiper-slide{ overflow: hidden;}
.swiper-slide img{ height: 100%; max-width: initial; width:100%;}
.swiper-slide video{ display: block; margin:0 auto;height: 100%; object-fit: cover;
    object-position: center center;}


/*btn*/
input[type="text"]{ border:1px solid #dadada; background:#fff; width:250px; padding:10px 10px;height: 40px; border-radius: 3px;}
input[type="text"]:focus{ border:1px solid #dadada; box-shadow:0px 0px 5px #d9cdbb;}
::-webkit-input-placeholder{ color: #999;}
::-moz-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
input.form-text{ width: 100%; border: 1px solid #999999; border-radius: 0; }
button{ background: #0152a3; color: #fff; width: 100%; display: block; height: 36px; line-height: 36px; text-transform: uppercase; text-align: center; border: 0; box-shadow: none; cursor: pointer;}
.btn{ height: 28px; line-height: 26px; color: #fff; cursor: pointer; display:inline-block; border-radius: 5px; padding: 0 15px; margin-right: 15px; border: 1px solid #fff; font-size: 15px;}
.btn:hover{ background: #39caff; border: 1px solid #39caff; color: #fff;}
.morebtn,.morebtn:hover{ width: 8rem; color: #39caff; font-size: 1.125rem; text-align: center; margin: 0 auto 4.68rem; display: block; text-decoration: underline; position: relative;}
.morebtn:after{ position: absolute; content: '\e642';    margin-left: 5px;}
.loadMoreBtn{ color: #131313; font-size: 1.125rem; text-align: center; margin: 5rem auto 4.68rem; display: block;  position: relative; width: 8rem;}

.loadMoreBtn:after{ position: absolute; content: '\e64c';      left: 50%;
    bottom: -24px;
    margin-left: -12px; color: #131313;}
.loadMoreBtn:hover,.loadMoreBtn:hover:after{ color: #39caff;}
.tc{ text-align: center;}

.btnsty2{ background: #38bbff; color: #fff; border-radius: 20px; width: 132px; height: 35px; line-height:35px; margin:3px auto 9px; display: block; font-size: 1.125rem;}
.btnsty2:hover{ color: #fff; opacity: 0.9;}
.boxShadow{  box-shadow: 0 0 29px 0 rgba(0,0,0,0.14);  border-radius: 10px; background: #fff;}
/*page*/
html{ font-size:16px;}
body{ width:100%;
	margin:0 auto;
	color:#131313; overflow-x:hidden ;
	font-family:"microsoft yahei",arial;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;    position: relative;
	line-height:1.875rem;
	background:#fff; 
	}
.wcon{ max-width:1102px; margin:0 auto;}
.padd{ padding: 0 41px;}
.graybj{ background: #fbfbfb;}

/*header begin*/
#header{ color: #fff; width: 100%; position: absolute; top: 0; left: 0; height: 63px; padding-top: 30px; z-index: 999; line-height: 33px; font-size: 15px;}
#header a{ color: #fff; }
.header .logo{ top:-14px; position: relative; background: url(../img/logo_03.png) no-repeat left center; display: block;height:61px;line-height: 61px; letter-spacing:2.5px; float: left; margin-right: 72px; background-size: 41px 61px;padding-left: 70px;}
.header .logo:after{ position: absolute; left: 165px; top: 24px; content: ''; background: #fff; height: 15px; width: 1px;}

.headerR{ font-size: 13px;} 
.headerR i{ font-size: 18px; margin-right: 3px;}
.headerR a{border: 1px solid #fff; padding: 4px 10px;}
.menu{ float: left; }
.menu>li{ float: left; position: relative;}
.menu>li>a{ margin: 0 12px; height:33px; line-height: 33px; display: inline-block;}
.menu>li>a:hover,.menu>li.cur a{ border-bottom:1px solid rgba(255,255,255,0.76) ;}
.headerR a:hover{ opacity: 0.8;}
#header.headercur{ position: fixed; height: 80px; line-height: 80px; padding-top: 0;  box-shadow: 0 0 16px 0px rgba(0,0,0,0.14); background: #fff; color: #333; font-size: 15px;}
#header.headercur .header .logo{ top:0; background: url(../img/logogray_03.png) no-repeat left center; background-size: 41px 61px;  }
#header.headercur .menu>li>a:hover,#header.headercur .menu a.cur{ border-bottom:2px solid #88b8ff;}
#header.headercur a{ height: 80px; line-height: 80px!important; color: #333; }
#header.headercur a:hover,#header.headercur a.cur{ color: #88b8ff;}
#header.headercur .logo:after{ background: #333; top: 33px;}
#header.headercur .menu>li>a{ margin: 0 12px; }
#header.headercur .headerR{ font-size: 14px; }

#app-menu{     position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    height: 63px;
    line-height: 63px;}
#app-menu:before{ color: #fff; margin-right: 5px; font-size: 16px;}
.appmenucon{position: absolute; right: 0; width: 0;  top: 0;  height: 100vh; overflow: hidden;}
.appmenu{ float: right; width: 34%; background: #fff; height: 100vh;padding: 20px 0; box-shadow:0 0 5px 0px rgba(0,0,0,0.14);}    
.appmenucon.active{ width:100%;}
#header .appmenu>li>a{ text-align: center; color: #131313; border-bottom: 1px solid #cacaca; display: block; width: 100%; line-height: 60px; position: relative;}
#header .appmenu>li>a:hover,#header .appmenu>li>a.cur{ color: #38bbff;}
#header.headercur #app-menu:before{ color: #333;}
#header.headercur #app-menu{top: 0;height: 80px;
    line-height: 80px}

/*footer begin*/
.footer{ padding: 5rem 0 11rem; background: #3aa2eb;color: #fff;line-height: 1;font-size:15px; }
.footer a:hover{ color: #fff; text-decoration: underline;}
.footerL{ padding-top:83px; width: 570px; float: right;}
.footerL .link{ margin-left: -5px; margin-bottom: 28px;}
.footerL a{ color: #fff; margin: 0 5px ; padding-right: 10px;font-size: 15px;  }
.footerR{float: left; width: 371px;}
.footerR .item{ display: block; font-size:15px; margin-bottom: 15px;}
.footerR .item i{ border: 1px solid #e3e3e3; border-radius: 3px;width: 25px; height: 25px;     vertical-align: middle;display: inline-block; line-height: 25px; text-align: center; margin-right: 10px;}
.footerR .item-ma{ font-size: 15px;}
.footerR .item-ma span{ display: inline-block; position: relative;}
.footerR .item-ma i{ cursor: pointer; font-size: 25px; vertical-align: middle; margin-right: 15px;}
.footerR .item-ma img{position: relative;z-index: 2;
    top: 21px;
    left: -1px;}
.footerR .item-ma-pop{ display: none; position:absolute; width: 88px; height: 88px; text-align: center;left: -32px;
    top: 32px;} 
.footerR .item-ma-pop:before{position: absolute; font-size: 88px;left: 0; top: 0;}
.footerR .item-ma span:hover>.item-ma-pop{ display: block;}
.fixedRigBox{ position: fixed;
    bottom: 100px;
        right: 0;
    margin-right:0;z-index:998; display: none;
    }
 /*#online{ background: url(../img/online_07.png) no-repeat;     width:104px;*/
    /*height:105px;*/
    /*background-size: cover; position: relative; cursor: pointer;}*/
/*#online span{ width: 104px; text-align: center; background: #f6f6f6; font-size: 14px; color: #717071; height: 25px; line-height: 25px; display:block; position: absolute; left: -102px; top: 40px; border-radius: 3px; box-shadow: 0 0px 3px rgba(0,22,34,0.5);display: none; }*/
/*#online:hover span{ display: block;}*/
#online{
    background-color: #51b7ff;
    width: 40px;
    height: 130px;
    position: fixed;
    top: 50%;
    margin-top: -65px;
    right: 0;
    z-index: 1000000000000;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: rgba(15,66,76,0.25) 0 0 10px 0;

}
#online i{ background: url(../img/kefu_07.png) no-repeat; display: block;background-size:25px auto;
    position: absolute;
    left: 8px;
    top: 12px;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 26px;
    z-index: 12;animation: zoom 1s infinite;
    -webkit-animation: zoom 1s infinite;
    -moz-animation: zoom 1s infinite;
    -o-animation: zoom 1s infinite;
    -ms-animation: zoom 1s infinite
}
#online span{     color: #fff;
    line-height: 18px;
    width: 20px;
    margin-left: 10px;
    padding-top: 44px;
    transition: all .3s ease 0s;
    font-size: 16px;
    text-align: center;
    display: block;
    font-weight: lighter;
     }
#online:hover span{ display: block;}

/*#TOPIcon {*/
     /*position: relative; margin: 0 auto;*/
     /*color: #002031;  height:41px;background: #ebebeb; border-radius: 50%;width: 41px; display: block;*/
 /*}*/
#TOPIcon {
    color: #002031;
    height: 40px;
    background: #ebebeb;
    border-radius: 50%;
    width: 40px;
    display: block;
    position: fixed;
    top: 50%;
    margin-top: 85px;
    right: 0;
}
#TOPIcon:after{     content: '\e603';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 45px;
    font-size: 23px;}
#TOPIcon:hover{ color: #fff; background: #51b7ff; }
/*banner*/
#banner,.nbanner,#banner video,.nbanner video{height: 660px; position: relative; }
#banner .banner-w { visibility: hidden;
				position: absolute;
				z-index: 30;
				left: 0; right: 0; left: 50%; margin-left: -551px;
				top: 202px;
				font-size: 1.625rem; color: #fff;line-height: 1.2;
			}
#banner .w1{ margin-bottom: 18px; font-size: 2.95rem;  font-weight: bold;}
#banner .w2{ text-transform: uppercase; padding-bottom: 47px; font-family: arial;position: relative; font-size: 1.5rem; }
#banner .w2:after{ content: ''; position: absolute; width: 5rem; height: 7px; background: #fff; left: 0; bottom: 0;}
#banner .w3{margin:29px 0 10px; font-size: 1.5rem;font-weight: lighter;}
.swiper-paginationXY{ position: absolute; width: 100%; bottom: 30px!important; left: 0; right: 0; text-align: center; z-index: 5;}
.swiper-paginationXY span{ border-radius: 0; display: inline-block; height: 3px; width:52px ; background: #fff; margin: 0 8px;}
.swiper-paginationXY span.swiper-pagination-bullet-active{ height: 5px}

.nbanner .banner-w {
				position: absolute; line-height: 1;
				z-index: 30;
				left: 0; right: 0;
				top: 202px; text-align: center;
				 color: #fff; font-size: 2.5rem;
}
.casebanner{ background: url(../img/casebanner_01.jpg) no-repeat center center; background-size: cover;}
.scenebanner{ background: url(../img/sencebanner.jpg) no-repeat center center; background-size: cover;}
.newsbanner{ background: url(../img/newsbanner_01.jpg) no-repeat center center; background-size: cover;}
.newsInfobanner{ background: url(../img/newinfobanner_01.jpg) no-repeat center center; background-size: cover;height: 340px; }
.caseInfobanner{ background: url(../img/anlixqbanner_01.jpg) no-repeat center center; background-size: cover;height: 340px; }
.pricebanner{ background: url(../img/pricebanner_01.jpg) no-repeat center center; background-size: cover;height: 584px; }

.nbanner h2{ background: url(../img/liner_03.png) no-repeat center bottom; padding-bottom: 25px; position: relative;font-size: 4.375rem; font-weight: bold; line-height: 1.2;letter-spacing: 9px; margin-bottom: 30px;}
.nbanner span{ font-weight: lighter; display: block; margin-bottom: 27px;}
.nbanner h2:after{ content: ''; background: #0152a3; width: 62px; height: 8px; position: absolute; bottom: -25px; left: 0;}
.casebanner h2:after,.scenebanner h2:after,.newsbanner h2:after{ background: transparent;}
.casebanner h2{ background: transparent;}
.title{ font-weight: lighter; text-align: center; font-size:1.875rem ; color: #444444; margin-bottom:4.375rem ; letter-spacing: 0.5px;}
.title h2{ font-weight: bold; font-size: 2.25rem; color: #39caff; line-height:5rem;letter-spacing: 7px;}
.title span{ display: block;}
.title span.small{ margin-top: 15px; font-size: 1rem; color: #4a4a4a; letter-spacing: 1px;}
.box-bus .title{ margin-bottom: 3.375rem; margin-top: -11px;}
.title2{ color: #a2a2a2;margin-bottom: 2.3125rem;}
.morebtn.marBottom, .morebtn.marBottom:hover{ margin-bottom: 0.8rem;}
.title2 h2{ font-weight: lighter; letter-spacing: 1px; font-size:1.875rem ;}

.floor{ padding:3rem 0 4.5rem;}
.box-Hots{ position: relative;margin: 20px auto 90px; padding: 10px 0; overflow: hidden;height: 62px;}
.box-Hots h2{ display: inline-block;float: left; border-radius: 5px; font-size: 1.125rem; line-height: 2.5rem; padding: 0 1.75rem; border: 1px solid #39caff; color: #39caff;}
.box-Hots h2 a{ color: #39caff;}
.news-scroll{ float: left; width: 413px; margin-left: 66px;  font-size: 0.875rem; position: relative; height: 42px;line-height: 42px; overflow: hidden;letter-spacing: 4px;}
.box-Hotsul li{ padding-right: 40px; height: 42px;}
.box-Hotsul:after{ position: absolute; right: 0; top: 0;content: url(../img/new_04.png);}
.box-Hotsul a{ color: #a2a2a2;}
.box-Hotsul a:hover{ color: #39caff;}
.box-typescon{ padding: 0 50px;}
.box-typescon a{ float: left; margin-bottom: 5rem; font-size:1.5rem; font-weight: lighter; text-align: center; display: block; width: 33.33%; text-align: center;}
/* .box-typescon a i{ display: block; font-size:6rem; line-height: 1.25; color: #646464;}
.box-typescon a:hover i{ color: #39caff;} */
.box-typescon i{ display:block; width:93px; height: 93px;  margin: 0 auto 19px; background-size: cover;}



.box-bus .padd{ position: relative;}
.box-bus .media{ height: 422px; width:100%;}

.box-bus .swiper-paginationXY span{ background: #e0e0e0; width: 31px; opacity: 1; }
.box-bus .swiper-container{ padding-bottom:2.9rem ;}
.box-bus .swiper-paginationXY{bottom: 0px!important;}
.box-bus .swiper-paginationXY .swiper-pagination-bullet-active{ background: #39caff;}
.box-bus .swiper-button-next,.box-bus .swiper-button-prev,.box-imgCase .swiper-button-next,.box-imgCase .swiper-button-prev{
    opacity: 0.7;outline: none; top:59%;
}
.box-bus .swiper-button-next,.box-imgCase .swiper-button-next{
    background: url("../img/xy_03.png") no-repeat; right:-2%;
}
.box-bus .swiper-button-prev,.box-imgCase .swiper-button-prev{
    background: url("../img/xz_03.png") no-repeat; left:-2%;
}
.box-bus .swiper-button-next:hover,.box-bus .swiper-button-prev:hover,.box-imgCase .swiper-button-next:hover,.box-imgCase .swiper-button-prev:hover{
    opacity: 1;
}
.box-imgCase .swiper-button-next, .box-imgCase .swiper-button-prev{ top:41%;}
.box-pointDL{ padding: 20px 0 0;}
.box-pointDL dt{ margin-left: 312px; overflow: hidden; height:auto ;}
.box-pointDL dd{ width: 312px;}
.box-pointDL h3{ line-height: 4rem; font-size: 2.25rem; color: #39caff; font-weight: bold;}
.box-pointDL p{ margin-bottom:1.875rem ; line-height: 1.875rem; color: #a2a2a2; font-size: 1rem; }

.box-img img.imgblock{ display: block; margin: 0 auto 5.625rem;}
.box-img .tcImg{ margin-bottom: 5.375rem; text-align: center;}
.box-imgCase{ position: relative; margin: 0 auto 4rem; text-align: center; height: 190px;}
.box-imgCase .swiper-container{  width: 882px;height: 190px;}
.box-imgCase a{display: block; float: left; width: 278px; margin:0;}
.box-imgCase a h3{font-size: 1.125rem;}


.box-case-Nav{ margin-left: -57px; margin-bottom: 5.18rem;}
.box-case-Nav a{ display: inline-block; margin-left: 57px; margin-bottom: 20px; background: #e0e0e0; text-align: center; line-height: 36px; height: 36px; width: 158px;}
.box-case-Nav a:hover,.box-case-Nav a.cur{ color: #fff; background: #39caff;}
.box-case-list{ margin-left: -34px;}
.box-case-list .item{ display: none;}
.box-case-list a{ float: left; display: block; margin:0 0 35px 34px; width: 317px; height: 288px; border: 1px solid #d3d3d3; text-align: center;}
.box-case-list a img{ height: 173px; width: 100%;}
.box-case-list a span{ font-size: 0.6875rem; color: #909090;}
.box-case-list a p{ font-size: 0.875rem; text-align: center; color: #333;}
.box-case-list a h3{ font-size: 1.125rem; letter-spacing: 1px; color: #333;}
.box-scene-Nav{ margin-bottom: 5rem; box-shadow: 0 0 16px 0px rgba(0,0,0,0.14);}
.box-scene-Nava{ padding: 2.8125rem 0 2rem ;overflow: hidden; margin-left: -144px;}
.box-scene-Nava a{ padding-left: 35px; margin-bottom: 13px; width: 246px;height: 59px; display: inline-block; float: left; margin-left: 142px; font-size: 1.5rem; text-align: left; line-height: 59px;}
/* .box-scene-Nava a i{ margin-right: 13px; font-size:2.5rem; vertical-align: middle;} */
.box-scene-Nava i{ position: relative; top: -2px; margin-right: 13px; display:inline-block; vertical-align: middle;width:40px; height: 40px; background-size: cover;}

.box-scene-Nava a.cur{ background: #38bbff; border-radius: 5px; color: #fff;}
.box-scene-list .item{ margin-left: -52px;} 
.box-scene-listitem{ margin-bottom: 40px; border-radius: 5px; overflow: hidden;color: #333; width: 306px; height: 135px; float: left; margin-left:51px ; box-shadow: 0 0 16px 0px rgba(0,0,0,0.14);}
.box-scene-listitem h3{ padding-left: 54px;  background: #38bbff; height: 50px; line-height: 50px;  font-size: 1.125rem;  color: #fff; }
.box-scene-listitem p{ padding:17px 54px; line-height: 26px;}

.scene-Bbtn{font-size: 26px; position: relative; background: #fff; padding: 0 6.25rem 0 3.75rem; height: 55px; line-height: 54px; display: inline-block; border-radius: 5px; color: #38bbff; text-align: left; margin-top: 5rem;}
.scene-Bbtn:after{ content: url(../img/rightnav_03.png); margin-left: 16px; top:3px; position: absolute; }


.box-news-Nav{ margin-bottom: 5rem; box-shadow: 0 0 16px 0px rgba(0,0,0,0.14);}
.box-news-Nava{text-align: center; overflow: hidden; }
.box-news-Nava a{ margin: 0 50px; height: 98px; line-height: 98px; display: inline-block; padding: 0 10px; font-size: 1.5rem; text-align: center; line-height: 98px; border-bottom: 2px solid #fff; color: #a2a2a2;}
.box-news-Nava a.cur{ border-bottom: 2px solid #39caff; color: #39caff; }
.box-news-listItem{position: relative; border: 1px solid #e8e8e8; padding: 21px 36px; display: block; margin-bottom: 36px; overflow: hidden; }
.box-news-listItem .pic{ width: 240px; height: 182px; overflow: hidden; float: left; position: relative;}
.box-news-listItem .con{position: relative; margin: 0 200px 0 273px; padding-right: 40px;}
.box-news-listItem .con:after{ right: 0; top: 50%; margin-top: -40px; content: ''; position: absolute; width: 1px; height: 80px; background: #d9d9d9; transform: scaleXS(0.5);}
.box-news-listItem .con h2{margin: 35px 0 11px; font-size: 1.125rem; color: #131313; font-weight: normal;}
.box-news-listItem .con p{ line-height: 1.625rem; font-size: 0.875rem; color: #131313; height: 4.8rem; overflow: hidden;}
.box-news-listItem .time{ float: right; position: absolute; height: 100%; width: 100px; right: 36px; height: 100%; top: 50%; margin-top:-1.3rem; color: #a2a2a2; font-size: 1rem;font-weight: lighter; line-height: 1.2;}
.box-news-listItem .time span{ display: block; font-size: 1.5rem; }
.box-news-listItem:after{  content: "\e64d"; position: absolute; right: 34px; top: 50%; margin-top: -8px;  color: #bebebe; line-height: 1;}
.box-news-listItem:hover{ box-shadow: 0 0 16px 0px rgba(0,0,0,0.14);}
.box-news-listItem:hover:before{ content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #39caff;}
.breakCrumb{margin: 1.56rem 0 2.0625rem;}
.breakCrumb a{font-size: 1.125rem;}
.breakCrumb a i{font-size: 1.125rem; margin-right: 8px; }
.box-newstitle{ padding-bottom: 25px; border-bottom: 1px solid #9c9c9c; margin-bottom: 21px; text-align: center;}
.box-newstitle h2{ margin-bottom: 25px; font-weight: lighter; font-size: 1.875rem; color: #343434;padding-top: 1.25rem;}
.box-newstitle .info{ margin-bottom: 28px;}
.box-newstitle .info span{ color: #828282; margin: 0 5px; font-size: 1rem;}
.sharebtn span{ margin: 0 10px; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 33px; border-radius: 50%;}
.sharebtn .Cgreen{ color: #00c746; border: 1px solid #00c746;}
.sharebtn .Cred{ color: #d84841; border: 1px solid #d84841}
.sharebtn .Cyellow{ color: #f5c240; border: 1px solid #f5c240}
.box-newsinfoCon{ font-size: 1rem;  padding-bottom: 14rem;}
.box-newsinfoCon p{ line-height: 2.25rem; margin-bottom: 2.25rem;}
.box-newsinfoCon p strong{ font-size: 1.125rem;}
.box-newsinfoCon img{ display: block; max-width: 100%; margin: 0 auto 2.6875rem;}

.box-caseinfoTitle { line-height: 2.25rem;margin-bottom: 4.8125rem;}
.box-caseinfoCon .marWidth{ max-width:900px; ;margin: 0 auto;}
.box-caseinfoCon{ overflow: hidden; margin-bottom: 5.1875rem;}
.box-caseinfoCon h2{ margin-bottom: 13px; font-size: 2.25rem; font-weight: bold; color: #343434;}
.box-caseinfoTitle h2 span{ color: #a2a2a2; display: block; font-weight: normal; font-size: 1.125rem;}
.box-caseinfoTitle p{ margin-bottom: 1.3125rem;}
.box-caseinfoTitle img{ display: block; max-width: 100%;margin-bottom: 2.25rem; }

.box-caseinfoItem{ line-height: 2.25rem; margin-bottom: 3.3125rem; }
.box-caseinfoItem h2{ font-size: 1.875rem; margin-bottom: 3.25rem;}
.box-caseinfoItem p,.box-caseinfoItem img,.box-caseinfoItem ul{ margin-bottom: 2.25rem;}
.box-caseinfoItem li{ padding-left: 39px; position: relative;}
.box-caseinfoItem li:before{ position: absolute; content: ''; background: #3b3b3b; width: 9px; height: 9px; left: 14px; top: 14px; border-radius: 50%;}
.box-caseinfoItem img{ display: block; max-width: 100%;margin:0 auto 2.25rem; }

/*登录*/
.loginPage-bj{ position: relative;height: 100%; background: url(../img/loginbanner.jpg) no-repeat center center; background-size: cover; }
.reginPage-bj{ background: url(../img/reginbanner.jpg) no-repeat center center; background-size: cover; }
.tyPage-bj{  background: url(../img/reginbanner.jpg) no-repeat center center; background-size: cover; }

.loginPage-bj .tips{ color: #fff; margin-top: 118px; margin-right: 441px; }
.loginPage-bj .tips h2{ line-height: 1;  font-size: 2.25rem; margin-bottom: 10px;}
.loginPage-bj .tips span{ letter-spacing: 2px; font-size: 1.25rem; }
.loginPage-bj .wrap-1{ position: absolute;height: 381px; top: 50%; margin-top: -190.5px; left: 0; right: 0; left: 50%; margin-left: -551px;}
.loginPage-box{ color: #717071; top:0; right: 42px; width: 381px; height: 381px; background: rgba(247,247,247,0.7); border-radius: 10px; position: absolute; text-align: center; }
.loginPage-box  p{text-align: center; font-size: 14px; color: #717071;}
.loginPage-box .block{ display: none; }
.loginPage-box .block.cur{ display: block;}
.loginPage-box h2{height: 90px; line-height: 90px; font-size:20px; color: #3e3a39;}
.loginPage-box img{ width: 199px; display: block; margin: 0 auto 10px;}
.loginPage-box p a.icon-shuaxin{ background: url(../img/shuaxin_03.png) no-repeat center center; color: #2ca6e0; margin-left: 9px;     vertical-align: -2px;width: 16px; height: 16px; display: inline-block;}
.loginPage-box .swich{ position: absolute; right:10px; width:51px; top: 10px; }
.loginPage-box .linka{color: #2ca6e0; margin-top:0 ; display: block; font-size: 14px;}
.loginPage-box .linka:hover{ text-decoration: underline;}
.loginPage-box .swich a{background: url(../img/logo_04.png) no-repeat; width: 51px; height: 51px; display: block}
.loginPage-box .swich .notes{ float: right; background: #e5eaf0; width:30px; color: #9e9e9f; font-size: 14px; line-height: 16px; border-radius: 5px; padding: 10px 5px;display: block; margin:17px 9px 0 0; position: relative;}
.loginPage-box .swich .notes:before{ border: 9px solid transparent; border-bottom: 9px solid #e5eaf0; position: absolute; content: ''; width: 0; height: 0;top: -18px;
left: 6px;}
#dd-login{ margin:-40px auto 0}
.nfooter{ position: absolute; left: 0; right: 0; bottom: 30px; width: 100%; color: #fff; font-size: 14px;}
.nfooter a{ float: left; color: #fff; text-decoration: underline; font-size: 1rem; font-style: italic; position: relative; padding-left: 28px;}
.nfooter a:before{ content: '\e64a'; position: absolute; top: 0; left: 0; color: #fff; font-style: normal;} 
.nfooter p{ float: right; font-weight: lighter;}

.box-pricetypeNav{ display: none;}

.box-priceType{height: auto;position: relative; z-index: 9; margin-top: -328px;background: #fff;  margin-bottom: 101px; overflow: hidden;}
.box-priceType-item p{ text-align: center;}
.box-priceType-item{ height: 100%; color: #4a4a4a; font-size: 1rem; padding: 47px 0 23px;width: 33.3%; text-align: center; float: left;}
.box-priceType-item h2{ font-size: 2.25rem; color: #4a4a4a; line-height: 1; margin-bottom: 12px;}
.box-priceType-item h3{ font-size: 1rem; color: #838383; line-height: 22px; margin-bottom: 30px;}
.box-priceType-checkItem{ color: #39caff; font-size: 1rem; line-height: 30px;}
.box-priceType-checkItem .checked{ z-index: 3; margin: 7px auto 34px; position: relative;width: 101px;  }
.box-priceType-checkItem .checked h4{cursor: pointer; font-size: 1.5rem; font-weight: lighter; position: relative; display: inline-block; border-bottom: 1px solid #39caff;}
.box-priceType-checkItem .checked h4:after{ position: absolute; content: '\e64f'; font-size: 13px; transform:scale( 0.6); right: -42px; top: -3px;}
.box-priceType-checkItem .newchecked h4:after{ position: absolute; content: ''; font-size: 13px; transform:scale( 0.6); right: -42px; top: -3px;}
.box-priceType-checkItem .checkedSelect{ display: none; top: 10px; font-size: 1.125rem; font-weight: lighter; position: absolute; width: 101px; border-radius: 10px; background: #fff;box-shadow: 0 0 29px 0 rgba(0,0,0,0.14); padding: 29px 0 10px; left: 0; right: 0;}
.box-priceType-checkItem .checked.cur .checkedSelect{ display: block;} 
.box-priceType-checkItem .checkedSelect span{ cursor: pointer;display: block;}
.box-priceType-checkItem .checkedSelect span:hover{ opacity: 0.8;}
.priceType-checkItemcon{ line-height: 45px;}
.item-price{ text-align: center; font-size: 1rem; color: #646464;}
.item-price strong{ color: #131313; font-weight: normal; font-size: 2.25rem; position: relative; letter-spacing: 0;}
.item-price strong:before{ content: '\e650'; position: absolute; font-size: 16px; line-height: 1;  left: -18px; top: 13px;}
.new-item-price strong:before{ content: ''; position: absolute; font-size: 16px; line-height: 1;  left: -18px; top: 13px;}
.priceType-checkItemcon .priceline{ background: url(../img/priceline_05.gif) no-repeat right center; height: 71px; background-size: 100% 1px;}
.priceType-checkItemcon .tit { position: relative; font-size: 1.5rem; color: #39caff; margin-bottom: 5px; }
.priceType-checkItemcon .tit span{ margin-left: 3px; color: #ff5353; font-size: 0.875rem;}
.priceType-checkItemcon .titTips{ margin-left: 42px;}
.priceType-checkItemcon ul{ font-weight: normal; font-size: 1rem; color: #333; margin-bottom: 22px;}
.xihualine{    color: #3aa2eb; text-decoration: underline; text-align: center; position: relative; top:-69px;}

.box-server{ margin-bottom: 101px; padding: 88px 98px 53px; position: relative;}
.box-serverNav{ position:absolute; width: 100%; left: 0; right: 0; top: -35px; height: 80px; padding: 0 30px; border-radius: 50px; padding-top: 20px;    text-align: center;}
.box-serverNav span{ display: inline-block; cursor: pointer; width: 160px; border-radius: 30px; font-size: 1.125rem; height: 40px; line-height: 40px; text-align: center; margin: 0 80px; color: #131313;}
.box-serverNav span.cur{ color: #fff; background: #38bbff; box-shadow: 0 3px 7px 0px rgba(0,0,0,0.24) inset; }
.box-serverNav span:hover{ color: #38bbff;}
.box-serverNav span.cur:hover{ color: #fff;}
.priceTable{ margin-top: 43px; width: 100%;}
.priceTable td{ border: 1px solid #d9d9d9; line-height: 21px; padding: 13px 0 13px 33px;}
.priceTable td span.num{ color: #38bbff; border: 1px solid #38bbff; display: inline-block; line-height: 22px; height: 22px; padding: 0 5px; margin: 0 2px; border-radius:3px; min-width: 21px; text-align: center;}
.priceTable td.Cgray{ color: #afafaf;}
.priceTable td.Cgray span.num{vertical-align: middle; color: #afafaf;border: 1px solid #afafaf;}
.box-contactSub{ width: 711px; overflow: hidden; margin:  0 auto 93px;}
.box-contactSub h2{margin-bottom: 63px; font-weight: lighter; text-align: center; font-size:3rem ; line-height: 1; color: #3aa2eb;}

.forminput{ border: 1px solid #d6d6d6; width: 319px; float: left; margin: 0 18px 35px; background: #fff; position: relative; height: 44px;}
.forminput label{ position: absolute; left: 16px; height: 100%; width: 108px; color: #7b7b7b; font-size: 1.125rem; line-height: 39px;}
.forminput label span.red{ color: #ff2a2a; font-size: 1.5rem;}
.forminput input{ padding-left: 108px; font-family: "微软雅黑"; border:none; width:315px;font-size: 1.125rem; height: 100%; line-height: 100%;    vertical-align: middle;
    margin-left: 3px;     position: relative;
    background: transparent;}
.forminput input:focus{ box-shadow: none; border:none;}
.formTextarea{ font-family: "微软雅黑"; height: 99px; margin:0 18px; border: 1px solid #d6d6d6; line-height: 28px; font-size: 1.125rem; padding: 10px 16px; width: 675px; box-sizing: border-box; }
.box-contactSub .btnsty2{ border-radius: 10px; padding: 0 40px; font-size: 1.5rem; height: 42px; line-height: 42px; font-weight:lighter;text-align: center; width: auto; margin-top: 64px;}
.tab-con .item{ display: none;}
.tab-con .item.cur{ display: block;}

.imgHover{ overflow: hidden; width: 100%; }
.imgHover video{ width:100%;}
.box-imgCase .imgHover{height: 152px; }
.box-case-list .imgHover{ height: 173px;}
.box-imgCase a img,.box-case-list a img{ -webkit-transition:all .5s ease;
transition:all .5s ease;width: 100%; height: 100%;}
.box-imgCase a:hover img,.box-case-list a:hover img{ transform: scale(1.1); transform-origin:center; }



@keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

/*#header{height:93px;padding-bottom:30px;background-color:rgba(0,0,0,.3);}*/
#banner .mv-poster{display:none;}
#banner .mv-popup{display:block;}
#banner .mv-popup .close {display:none;}
#banner .media {height:660px;overflow:hidden;}
#banner video{width:100%;height:auto;}
#banner .video-content{display:block;}
#banner  .m-mvplay{display:none;}
/* 播放器弹窗*/
.box-imgCase a img{vertical-align:top;}
.full-video-wrapper{display:none; position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background:rgba(0,0,0,.5);font-size:0;text-align:center;}
.full-video-wrapper:before{
	content:'';width:0;height:100%;display:inline-block;vertical-align:middle;
}
.full-video-wrapper .video-popup{position:relative; display:inline-block;vertical-align:middle;width:94%;max-width:800px;text-align:left;}
.full-video-wrapper .video-popup .vdclose{display:block; position: absolute;right:0px;top:-40px;width:40px;height:40px; background:#fff;font-size:26px;line-height:40px;color:#333;text-align:center;}
.case-mv{position:relative;}
.m-mvplay{position:absolute;left:50%;top:50%;z-index:50; width:42px;height:42px;margin:-21px 0 0 -21px; background:#fff;border-radius:50%;
overflow:hidden;}
.m-mvplay::before{position:absolute;left:50%;top:50%;z-index:3;margin: -9px 0 0 -3px;  content:'';width:0;height:0;border:9px solid transparent;border-left-color:#ccc;}
	
	
.box-case-list .item .item-inner{    float: left;display: block;margin: 0 0 35px 34px;width: 317px;height: 260px;border: 1px solid #d3d3d3;text-align: center;}
.box-case-list .imgHover{margin-bottom: 0;}
.box-case-list .item .item-inner a{float: none;margin:0;padding:0;border:0;width:100%;height:auto;}
.box-case-list .item .item-inner a.msg{padding:8px 10px 20px;}

.box-newsinfoCon img{margin: 0 auto 2.6875rem!important;}

.box-imgCase .swiper-slide a{width:100%;    float: none;}
.box-imgCase .swiper-slide .imgHover{height:auto;}
.box-imgCase .swiper-slide .imgHover a{margin:0;}  

.header .logo{background-size:154px 58px!important; padding-left:180px!important;}












