@charset "utf-8";
@font-face { font-family: "HelveticaNeue";src: url(?Content/fonts/HelveticaNeueMed.ttf);}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;/*color:#0066eb;*/color:inherit;}
html {outline: 0;-webkit-text-size-adjust: none;}
body {width: 100%;font-family: 'Microsoft YaHei';-webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{font-size: 16px;color:#353636;}
video:focus{outline:none;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tl{text-align: left;}
.tc{text-align:center;}
.tr{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/

 

/***************public*******************/
.fixed-top{position: fixed;top:0; z-index:111;}
.header{width: 100%; height: auto; }
.header .navbar-inverse{ border-radius:0;padding: 0px 0;  border:none;background-color: #fff;transition: all 0.2s;/*border-bottom: 1px solid #ccc;*/}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{ padding:0 0px;height: auto;margin:20px 0 0;}
.navbar-header{ }
.navbar-header .navbar-close{display: none;}
.header .navbar-brand img{ height: 60px;}  
.navbar .navbar-collapse{ position: relative; text-align: center;/* margin-right: -15px;*/padding:0;}
.navbar-collapse .navbar-nav{ text-align: center;display: inline-block;float:none; }
.navbar-nav>li{/* padding:25px 0px;*/display:inline-block;float: none;position: relative;/*padding:0 0 0 40px;*/margin-left: 40px;}
.navbar-nav>li>a{font-size: 20px;}
.navbar-inverse .navbar-nav>li>a{padding:0; line-height: 40px;padding:18px 0px; color:#666;border-bottom: 4px solid transparent;}
.navbar-inverse .navbar-nav>li:hover>a,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus{ color:#666;border-color: #0066eb;}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus{ color:#666; background-color:transparent;border-color: #0066eb;}
.navbar{margin-bottom:0;} 
.navbar-collapse .navbar-shop{width:126px;float: right;text-align: right;padding:25px 0;}
.navbar-collapse .navbar-shop li{display: inline-block;width: 30px; height: 30px;margin:0 5px;}
.navbar-collapse .navbar-shop li img{max-width: 100%;}

.header.home .navbar-inverse{height: 80px; top:0;width: 100%;z-index: 99;border-bottom: none;background-color: transparent;}
.header.home .navbar .navbar-collapse{padding:0;/*margin-right: -15px;*/}
.header.home .navbar-inverse .navbar-nav>li>a{ padding:18px 0px; color:#fff;}
.header.home .navbar-inverse .navbar-nav>li>a:hover,
.header.home .navbar-inverse .navbar-nav>li:hover>a,
.header.home .navbar-inverse .navbar-nav>.active>a,
.header.home .navbar-inverse .navbar-nav>.active>a:focus {color:#fff;border-color: transparent;  }

.header.home .navbar-brand .logo1,.header.page .navbar-brand .logo2{display: block;}
.header.home .navbar-brand .logo2,.header.page .navbar-brand .logo1{display: none;}




/*.header .navbar-inverse.notop{background-color: #000000; transition: all 0.2s;}
.navbar-inverse.notop .navbar-nav>li>a{color:#ccc;} 
.navbar-inverse.notop .navbar-nav>li>a:hover,
.navbar-inverse.notop .navbar-nav>li>a:hover, 
.navbar-inverse.notop .navbar-nav>li>a:focus{ color:#2bb7b3;}
.navbar-inverse.notop .navbar-nav>.active>a, 
.navbar-inverse.notop .navbar-nav>.active>a:hover, 
.navbar-inverse.notop .navbar-nav>.active>a:focus{background-color:transparent;color:#2bb7b3;}*/

  
.scale12{overflow: hidden;}
.scale12 img{transition: all 0.5s;}
.scale12 img:hover{transition: all 0.5s;transform: scale(1.2);}
 
.banner{position: relative; }
.banner img{max-width: 100%;} 
.neibanner{position: relative;}
.neibanner img{width: 100%; }
.neibanner video{width: 100%; height: 100%;object-fit:fill; }
  
 .video-container {position: relative;}
 .video-container .videoplay{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 33;cursor: pointer;border-radius: 50%;}
 .video-container .videoplay img{border-radius: 50%;}

.kefu{position:fixed;bottom:25%;right:15px;}
.kefu .li-item{position:relative;margin-top: 10px;border-radius: 50%;  }
.kefu .li-item i{display:block;font-style:normal;height:60px;width:60px;cursor:pointer;}
/*.kefu .li-item.qq i{background:url(?Content/images/qq-icon.png) center center / cover;}*/
.kefu .li-item.wx i{background: url(?Content/images/wx-icon.png?v=1) right center / cover;opacity: 1;}
.kefu .li-item.xcx i{background: url(?Content/images/xcx-icon.png?v=1) right center / cover;opacity: 1;border-radius:50%;background-color:#f8f8f8;}
.kefu .li-item.top i{background: url(?Content/images/top.png?v=1) center center / cover;transition: all 0.3s;}
/*.kefu .li-item:hover{border-color: #005bac;}*/
/*.kefu .li-item.qq:hover i{background: url(?Content/images/qq-hover.png) center center / cover;}*/
.kefu .li-item.wx:hover i{opacity: 0;}
.kefu .li-item.top:hover i{background: url(?Content/images/top-hover.png?v=1) center center / cover;transition: all 0.3s;}
.kefu .li-item.wx p{opacity: 0; width:60px;height:60px; position:absolute;top:0;right: 0;border-radius:5px; background: url(?Content/images/wx-hover.png) no-repeat right center / auto 60px ;transition: all 0.3s;}
.kefu .li-item.xcx p{opacity: 0; width:60px;height:60px; position:absolute;top:0;right: 0;border-radius:5px; background: url(?Content/images/xcx-hover.png) no-repeat right center / auto 60px ;transition: all 0.3s;}
/*.kefu .li-item.wx p:before{display:block;width:0;height:0;border-left:8px solid #aaa;border-top:8px solid transparent;border-bottom:8px solid transparent;content:"";position:absolute;right:-9px;top:50%;margin-top:-8px;}
.kefu .li-item.wx p:after{display:block;width:0;height:0;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;content:"";position:absolute;right:-8px;top:50%;margin-top:-8px;}*/
.kefu .li-item p span{display: block;width: 60px;font-size: 9px;color:#fff;padding:3px 8px;}
.kefu .li-item p img{width: 54px;}
.kefu .li-item:hover p{opacity: 1;width: 120px;transition: all 0.3s;cursor: pointer;}
/*.section .kefu{position: absolute;}*/

/*底部*/
.footer{ background-color: #fff;}  

.footer .foot-top{padding:30px 0; }
.footer .foot-top .foot-top-left{float: left;width: 30%;} 
.footer .foot-top .foot-top-left img{max-width: 100%;margin-bottom: 10px;}
.footer .foot-top .foot-top-left p{font-size: 18px;color:#666666; line-height: 1.75rem;} 
.footer .foot-top .foot-top-right{float: left;width: 70%;padding-left:30px;}
.footer .foot-top .nav-item{float: left;width: 18%;padding-left: 20px;}
.footer .foot-top .nav-item:first-child{width: 24%;}
.footer .foot-top .nav-item h4{font-size: 20px;font-weight: bold;color:#666;line-height: 36px;margin-bottom: 5px;}
.footer .foot-top .nav-item p{font-size: 16px;color:#666;line-height: 1.75rem;}
.footer .foot-top .ewm-item {float: left; text-align: center;width: 20%;padding-left:15px;}
.footer .foot-top .ewm-item img{max-width: 132px;width: 100%; }
.footer .foot-top .ewm-item p{letter-spacing: 4px;padding-left: 4px; }
.footer .copyright {text-align:center;padding:15px 0;color:#fff;font-weight: bold;background-color: #005bac;}
.footer .copyright a{ color:#fff;}
 
/***index***/
.index-section{background-color: #fafafa;}
.section-head{ margin-bottom: 10px;text-align: center;}
.section-head h3{font-size: 26px;font-weight: bold; color:#000000;line-height: 32px;  }
.section-head h4{font-family: "HelveticaNeue"; font-size: 22px;color:#333333; }


.index-features{ padding:60px 0;background-color: #fafafa;}
.index-features ul{padding:15px 0;}
.index-features ul li{text-align: center;}
.index-features ul li .item{max-width: 270px;margin:auto;}
.index-features ul li .icon{border-radius: 50%;background-color: #fff; margin:0 auto;/*padding:30px;*/ /*box-shadow:0 0 15px #a6cbfd;*/margin-top: 80px; margin-bottom: 80px;transition:all 0.3s;cursor: pointer;}
.index-features ul li .icon:hover{box-shadow:0 0 15px #a6cbfd; transition:all 0.3s;}
.index-features ul li .icon img{width: 100%;}  
.index-features ul li .cont{color:#999; }
.index-features ul li .cont h4{color:#333333;font-weight: bold; font-size: 18px;line-height: 30px;margin-bottom: 6px;} 
.index-features ul li .cont p{ color:#333333;text-align: left;line-height: 24px;}

.index-about{background-color: #fafafa;}
.index-about .section-video{padding:30px 0 30px 0; }
.index-about .section-video video{width: 100%; height: auto;object-fit:fill;  }


.index-partner{background:#fafafa;padding-bottom: 60px;} 
.index-partner .list{} 
.index-partner .list ul{margin:0 -10px;} 
.index-partner .list ul li{padding:10px;} 
.index-partner .list ul li img{width: 100%; } 
.index-partner .cont{text-align: right;}
.index-partner .cont .txt{padding:60px 15px;text-align: right;}
.index-partner .cont .txt h2{font-size: 54px;font-weight: bold;color:#000000; letter-spacing: 5px;margin-bottom: 10px;}
.index-partner .cont .txt p{font-size: 30px;color:#666;line-height: 40px;}
.index-partner .cont a{margin-top: 60px;display: block;}
 

/************************about**********************/ 
/*.aboutus{padding:40px 0;}
.aboutus .certlist{ }
.aboutus .certlist .imglist{padding-top: 40px;margin:0 -13px;}
.aboutus .certlist .imglist li{float: left;width: 33.33%;padding: 0 13px;}
.aboutus .certlist .imglist li p{display: block;cursor: pointer;border:1px solid #f1f1f1; transition: all 0.3s;}
.aboutus .certlist .imglist li img{max-width: 100%;}
.aboutus .certlist .indicators {text-align: center;margin-top: 20px;}
.aboutus .certlist .indicators li{width: 12px;height: 12px;border-radius: 6px;background-color: #ddd;display: inline-block;margin:0 2px;cursor: pointer;transition: all 0.3s;}
.aboutus .certlist .imglist li.active p{box-shadow: 0px 4px 9px #a6cbfd;transform:translate(0,-25px); transition: all 0.3s;}
.aboutus .certlist .indicators li.active{width: 30px;background-color: #2f8fe4;transition: all 0.3s;}*/


.aboutus{padding-top:60px; background-color: #fafafa;}
.aboutus .certlist{padding-bottom:60px; }
.aboutus .certlist .carousel-inner{}
.aboutus .certlist .carousel-inner .item{padding-top: 30px;}
.aboutus .certlist .carousel-inner .item p{float: left;width: 33.33%;padding: 0 13px;}
.aboutus .certlist .carousel-inner .item p a{display: block;cursor: pointer;border:1px solid #f1f1f1; transition: all 0.3s;}
.aboutus .certlist .carousel-inner .item p img{max-width: 100%;}
.aboutus .certlist .carousel-inner .item p a:hover{box-shadow: 0px 4px 9px #a6cbfd;transform:translate(0,-25px); transition: all 0.3s;}
.aboutus .certlist .carousel .carousel-indicators {text-align: center;margin-top: 20px;position: relative;bottom: auto;}
.aboutus .certlist .carousel .carousel-indicators li{width: 12px;height: 12px;border-radius: 6px;background-color: #ddd;display: inline-block;margin:0 2px;cursor: pointer;transition: all 0.3s;}
.aboutus .certlist .carousel .carousel-indicators li.active{width: 30px;background-color: #2f8fe4;transition: all 0.3s;}
#bdmap{height: 550px;}
#bdmap img{max-width: none;width: auto;}
.BMap_bubble_title{font-weight: bold;font-size: 18px; }
.BMap_bubble_content {line-height: 24px;}


.contact{ background-color: #fafafa;padding:60px 0 30px 0; }
.contact .content{padding:30px 0 5px 0;}
.contact .content ul{}
.contact .content ul li{}
.contact .content ul li h3{font-weight: bold;font-size: 20px; }
.contact .content ul li h4{font-family: "HelveticaNeue"; font-weight: bold;font-size: 18px;margin-bottom: 10px;line-height: 1.5em;}
.contact .content ul li p{font-family: "HelveticaNeue"; font-weight: bold;font-size: 18px;line-height: 30px;}
.contact .map{}
.contact .map img{width: 100%;}

.aboutsection{padding-top:80px;margin-top:-80px;}
.aboutsection:nth-of-type(1){padding-top:0px;margin-top:0px;}

.u-content{}
.u-content img{max-width:100%;}

/************************product**********************/
.product {
	padding: 50px 0;
	background-color: #fafafa;
}
.product .promenu{float: left;width: 220px;padding:20px 20px;background-color: #fff;}
.product .promenu .list{}
.product .promenu .list li{margin:10px 0;line-height: 24px;padding:5px 0;}
.product .promenu .list li a{font-size: 20px;display: block;}
.product .promenu .list li a i{display: none;float: right;font-size: 30px;margin-top: -4px; }
.product .promenu .list li.active a,.product .promenu .list li:hover a{font-weight: bold;}
.product .promenu .list li.active a i{display: block;}

.product .prolist{margin-left: 240px;padding-left:15px;}
.product .prolist .list{margin:0 -5px;display: none;} 
.product .prolist .list.active{display: block;}
.product .prolist .list li{padding:0 5px;margin-bottom: 10px;} 
.product .prolist .list li .box{ background-color: #fff;transform:all 0.3s; }
.product .prolist .list li .pic{ }
.product .prolist .list li .pic img{width: 100%;}
.product .prolist .list li .cont{padding:15px; }
.product .prolist .list li .cont h4{line-height: 36px;height: 36px; color:#000000;margin-bottom: 10px;font-weight: bold;font-size: 26px;}
.product .prolist .list li .cont p{line-height: 28px;height: 56px;overflow: hidden;font-size: 20px;}
.product .prolist .list li .box:hover{box-shadow:-1px 3px 5px #a6cbfd; transition:all 0.3s;}

.productshow{}
.productshow .content{text-align:center;min-height:450px;}
.productshow .content img{max-width: 100%;margin:auto;}
.productshow .content video{ width:100%;height: auto;}

/************************合作品牌**********************/ 
.partner{padding-top:40px;background-color: #fafafa;} 
.partner .list{}
.partner .list ul{margin:0 -5px;}
.partner .list ul li{padding:5px; float: left;width: 20%;} 
.partner .list ul li .pic{ cursor: pointer; }
.partner .list ul li img{width: 100%;}
.index-partner .partnerlist{height:calc(100vh - 325px);position:relative;}
.index-partner .partnerlist .container{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.cases{padding:40px 0;background-color: #fafafa;} 
.cases .list{padding-top:20px;}
.cases .list ul{margin:0 -10px;}
.cases .list ul li{float: left;padding:0 10px;width: 50%;margin-bottom: 20px;}
.cases .list ul li .box{background-color: #ffffff;}
.cases .list ul li .box:hover{box-shadow:0 0 15px #a6cbfd;}
.cases .list ul li .pic{ } 
.cases .list ul li .pic img{width: 100%;} 
.cases .list ul li .tit{padding:15px 10px;text-align: center;}
.cases .list ul li .tit p{line-height: 26px;height: 26px;font-size: 20px;font-weight: bold;color:#000000; text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

.cases .pages{margin-top:20px;}

/************************news**********************/ 
.news{padding:40px 0;background-color: #fafafa;} 
.news .list{margin-bottom: 30px;}
.news .list ul{margin:0 -10px;}
.news .list ul li.item{padding:0px 10px;float: left;width: 50%;margin-top: 20px;} 
.news .list ul li.item a{display: block;position: relative;padding:0px 0 135px 0;transition: all 0.3s;}
.news .list ul li .pic{overflow: hidden;}
.news .list ul li img{width: 100%;transition: all 0.3s;}
.news .list ul li.item .cont{padding:20px 40px;background-color: #fff;position: absolute;transition: all 0.3s;} 
.news .list ul li .cont .tit{line-height: 30px;height: 60px;overflow: hidden;font-weight: bold;font-size: 22px;color:#000000;  display:table-cell; transition: all 0.3s}
.news .list ul li .cont .txt{line-height: 25px;height: 50px;overflow: hidden;font-size: 16px;color:#000000; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .list ul li.item .cont .txt{height: 0; transition: all 0.3s;}
.news .list ul li .cont .attr{text-align: left;line-height: 25px;color:#333333;font-size: 16px;margin-top: 10px;}
.news .list ul li .cont .attr p{margin-right: 25px;display: inline-block;padding-left: 30px;} 
.news .list ul li .cont .attr p.date{background:url(?Content/images/icon-time.png) no-repeat left center;} 
.news .list ul li .cont .attr p.source{background:url(?Content/images/icon-source.png) no-repeat left center;} 
.news .list ul li .cont .attr p.browse{background:url(?Content/images/icon-browse.png) no-repeat left center;} 
.news .list ul li a:hover{box-shadow: 0 2px 5px #a6cbfd;transition: all 0.3s;}
.news .list ul li.item a:hover .cont{margin-top: -60px; transition: all 0.3s; }
.news .list ul li.item a:hover .cont .txt{height: 50px; margin-top: 10px;transition: all 0.3s;}
.news .list ul li a:hover .pic img{transition: all 0.3s;transform: scale(1.2);}
.news .list ul li.top{width: 100%;padding:0 10px;}
.news .list ul li.top a{/*box-shadow: 1px 3px 6px #a6cbfd;*/float: left;width:100%; padding:0;background:#fff url(../images/icon-yh.png) no-repeat bottom 40px right 50px;}
.news .list ul li.top .pic{width:60%;float: left;}
.news .list ul li.top .cont{position: relative;float: left;width: 40%;padding:60px 40px;}
.news .list ul li.top .cont .txt{margin-top: 30px;height: 100px;overflow: hidden;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.news .list ul li a:hover .cont .tit{color:#2f8fe4;transition: all 0.3s;}

 
/************************详情页**********************/
.newsshow{padding:40px 0;}
.newsshow .title{ text-align: center;padding-bottom: 20px;}
.newsshow .title h2{line-height: 1.75em;color:#000000;font-size: 28px;font-weight: bold; margin-bottom: 10px;}
.newsshow .title .attr{text-align: center;line-height: 25px;color:#333333;font-size: 16px;margin-top: 10px;}
.newsshow .title .attr p{margin-right: 25px;display: inline-block;padding: 0 30px;} 
.newsshow .title .attr p.date{background:url(?Content/images/icon-time.png) no-repeat left center;} 
.newsshow .title .attr p.source{background:url(?Content/images/icon-source.png) no-repeat left center;} 
.newsshow .title .attr p.browse{background:url(?Content/images/icon-browse.png) no-repeat left center;} 
.newsshow .content{ color:#666666;font-family: "Microsoft YaHei";line-height: 1.75em;}
.newsshow .content p{margin-bottom: 10px;}
.newsshow .content img{max-width: 100%;}

.caseshow{padding:40px 0;text-align: center; }
.caseshow img{max-width: 100%;}
 

/************************pages**********************/
.pages{margin:0 ;text-align: center;}
.pages a,.pages span{display: inline-block;height: 40px;padding:0 8px;margin:0 5px; line-height: 40px;color:#333;  border:1px solid #ccc; width: 40px;text-align: center; font-size: 18px;border-radius: 20px;}
.pages a i,.pages span i{font-size: 24px;}
.pages a:hover,.pages a.active{border:1px solid #2f8fe4;color:#fff;background-color: #2f8fe4;}
.pages a.none,.pages a.none:hover{border:1px solid #ccc;/*background: #ccc;*/ color:#fff;cursor: default;}
.pages small{display: inline-block;margin:0 5px;}

@media (min-width: 1921px){
	 .container{width:1600px;}
}

@media (min-width: 1200px){
	/*.index-section .contbox{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}*/
	.navbar-nav>li{margin-left: 65px;}
}
 

@media (min-width: 768px){ 
	.navbar-nav>li{letter-spacing: 3px;}
	.pc{display: block;}
	.mobile{display: none;}
	.header{height: 80px;}
	.header.home{position: fixed;z-index: 101;}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:10px 0px 0px;}
	.header .navbar-inverse.notop,.header.home .navbar-inverse:hover{background-color: #ffffff; transition: all 0.2s;position: fixed;z-index: 100;width: 100%;  }
    .header .navbar-inverse.notop .navbar-toggle .icon-bar,.header.home .navbar-inverse:hover .navbar-toggle .icon-bar{background-color: #999;}
	.header.home .navbar-inverse.notop .logo1,.header.home .navbar-inverse:hover .logo1{display: none;}
	.header.home .navbar-inverse.notop .logo2,.header.home .navbar-inverse:hover .logo2{display: block;}
	.header.home .navbar-inverse.notop .navbar-nav>li>a,.header.home .navbar-inverse:hover .navbar-nav>li>a{color:#666666;transition: all 0.2s;}
	.header.home .navbar-inverse.notop .navbar-nav>li>a:hover, 
	.header.home .navbar-inverse.notop .navbar-nav>.active>a, 
	.header.home .navbar-inverse.notop .navbar-nav>.active>a:focus{color:#666666;border-color:#0066eb;}
	
	.header.home .navbar-inverse:hover .navbar-nav>li>a:hover, 
	.header.home .navbar-inverse:hover .navbar-nav>.active>a, 
	.header.home .navbar-inverse:hover .navbar-nav>.active>a:focus{color:#666666;border-color:#0066eb;}
 	
 	.header.about .navbar-inverse{background-color: rgba(0,0,0,0.1);}

	.navbar-nav>li .subnav{position: absolute; background-color: #fff;padding:10px 0; z-index: 99;white-space: nowrap;display: none;  left:50%;transform:translate(-50%,0);border-top:none;}
	.navbar-nav>li .subnav p{ color:#666;}
	.navbar-nav>li .subnav p a{display: block;padding:8px 20px;line-height:24px;color:#666;}
	.navbar-nav>li:hover .subnav{z-index: 99;display: block; transition: all 0.5s; }
	.navbar-nav>li .subnav:before{content:"";display: block;width: 100%;height: 1px; position: absolute;top:3px;left:0;box-shadow: 0px -2px 2px #ccc;}
	 
	#bannerCarousel .carousel-inner{height: calc(100vh);}
	#bannerCarousel .carousel-inner .item a{display: block;height: calc(100vh);}
	#bannerCarousel .carousel-control{width: 25%;height: 100%;background-image:none;opacity: 0;  position: absolute; transition: opacity 0.5s; /*top:50%;margin-top: -80px;background-color: rgba(255,255,255,0.3);text-align: center;padding-top: 52px;*/}
	#bannerCarousel .carousel-control.left{left:0; background:url(?Content/images/banner-left.png) no-repeat left center; /*border-radius:0 80px 80px 0;text-align: left;padding-left: 25px;*/}
	#bannerCarousel .carousel-control.right{right: 0; background:url(?Content/images/banner-right.png) no-repeat right center; /*border-radius:80px 0 0 80px;text-align: right;padding-right: 25px;*/}
	#bannerCarousel .carousel-control:hover{opacity: 1; transition: opacity 0.5s; } 
	#bannerCarousel .carousel-indicators{bottom: 40px;left:auto;margin-left: 0;width: auto;position: absolute;z-index: 100;max-height: 120px;overflow: hidden;}
	#bannerCarousel .carousel-indicators li{border:none;display: block;width: auto;height: 24px;background-color: transparent;text-indent: 10px;text-align: left;color:#f5f5f5;font-size: 14px;line-height: 24px;position: relative;}
	#bannerCarousel .carousel-indicators li.active{background-color: transparent;font-weight: bold;font-size: 15px;color:#fff;}
	#bannerCarousel .carousel-indicators li.active:before{position: absolute;content:"";width: 1px;height: 14px; border-right: 2px solid #fff;left:0;top:5px; display: block;}
 
	.index-section{height: calc(100vh);padding-top:80px;margin:0;position: relative;} 
	.index-features .container{padding:40px 15px;}
	.index-about .container{padding:50px 15px;}
	.index-partner{padding-top:80px;padding-bottom: 0;position: relative;}
	.index-partner .partnerlist{padding:50px 0;background-color: #fafafa;}
	.index-partner .footer{position: absolute;width: 100%;bottom:0;}

	.banner{position: relative;height: calc(100vh);}
	.neibanner video{max-height: calc(100vh - 80px);}
	.neibanner.aboutbanner video{height: 100vh;max-height:100vh;display:block;}
	/*.aboutus{padding:120px 0 60px 0;margin-top: -60px; }
	.contact{padding:100px 0 0 0;margin-top: -100px; }
	.navbar-nav>li .subnav{width: 100%;border:none;padding:0;height: 0;display: block;transition: height 0.3s; }
	.navbar-nav>li .subnav p{border-top:1px solid #ccc;padding:5px 0;}
	.navbar-nav>li .subnav.open{ height: auto;transition: height 0.3s;display: block;}*/
     .index-section .contbox{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:30px 15px; }
     .index-section .section-box{width:100%;height: calc(100vh - 80px);position:relative;}

	
}
@media (min-height:1200px) {
    
    /*.index-partner .partnerlist{height:calc(100vh - 346px);position:relative;}
    .index-partner .partnerlist .container{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}*/
    .index-partner .list ul{margin:0 -20px;}
    .index-partner .list ul li{padding:20px;} 
    .index-partner .cont .txt{padding:120px 15px;}
    .index-partner .cont a{margin-top:100px;}
    .partner .list ul{margin:0 -20px;}
    .partner .list ul li{padding:20px;}

} 

/*@media (max-height:1050px){ 
	.index-partner .footer .foot-top{padding:20px 0;}
	.index-partner .cont .txt{padding:40px 15px;}
	.index-partner .cont a{margin-top: 40px;}
}*/
@media (min-height: 800px){ 
    
    
}
@media (max-height: 900px){ 
	 .index-about .section-video video{max-height: 500px;}
     .index-features ul li .icon{margin:50px auto;}
    
}
@media (max-height: 800px){ 
    .index-partner .contbox{padding:30px 15px;}  
    .index-features ul li .icon{margin:10px auto;}
    .index-about .section-video{padding:10px 0;}
	.index-about .section-video video{max-height: 450px;}
      
} 

@media (max-height: 760px){ 
	 
    
}
  

@media (max-width: 1200px){ 
	 .navbar-nav>li{/*padding:0 15px;*/margin-left: 30px;}
	 .navbar-nav>li>a{font-size: 18px;}
	 .header .navbar-brand img{height: auto;max-width: 320px;}
	 .footer .foot-top .foot-top-left p{font-size: 16px;}


}
@media (max-width: 991px){  
	.header{height: 70px;}
    .header.home .navbar-inverse{height: 70px;}
    .header .navbar-brand img{height:50px;}
	.header .navbar-inverse{height: 70px;position: fixed;width: 100%;z-index: 99;}
	.header.opennav{background-color: #ffffff;}
	.navbar-inverse .navbar-collapse{border-color:#ccc;}
    .header .notop .navbar-toggle .icon-bar{background-color: #666;}
	.navbar-inverse .navbar-toggle{background-color:transparent;border:none;padding:0 6px;margin-top:12px;}
	.navbar-toggle .icon-bar{width: 40px;height: 4px;border-radius: 2px; margin:8px 0;}
	.header.page .navbar-toggle .icon-bar{background-color: #666;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}
	.navbar-inverse .navbar-close{width: 60px;height: 55px;background: url(?Content/images/nav-close.png) center center no-repeat;border:none;float: right;margin-right: 15px;margin-top:8px;background-size: 40px;}
	.navbar .navbar-collapse{position: fixed; width: 100%;height: calc(100vh - 70px); background-color: #ffffff;left: 0;top:70px;margin:0;padding:0; transition: all 0.3s;z-index: 99;}
	.home .header .navbar .navbar-collapse{margin-top: 0;}
	.header.opennav .navbar .navbar-collapse{display: block; transition: all 0.3s; }
	.navbar-collapse .navbar-nav{width: 100%;margin:0;padding:0 15px;}
	.navbar-inverse .navbar-nav>li{float:none;width: 100%;border-bottom: 1px solid #ccc;line-height: 40px;padding:0;text-align: left;margin-left: 0;}
	.navbar-inverse .navbar-nav>li>a{padding:10px 15px;}
	.navbar-inverse .navbar-nav>li>a{border-bottom: none;}
	.navbar-inverse .navbar-nav>li i{display: block;width:60px;height:60px;position: absolute;right: 0px;top:0px;cursor:pointer; background:url(?Content/images/icon-nav-right.png) center center no-repeat; }
 	.navbar-nav>li .subnav{position:relative;width:100%;display:none;}
     .navbar-nav>li:hover .subnav{display:none;}
    .navbar-nav>li .subnav.open{display:block;}
    
 	
 	.product .promenu{padding:20px 0px;width: 180px;}
 	.product .prolist{margin-left: 200px;}
 	.footer .foot-top .foot-top-left{width:100%;margin-bottom: 30px;text-align: center;}
 	.footer .foot-top .foot-top-right{width: 100%;}

 	.news .list ul li.top .pic{width: 50%;}
 	.news .list ul li.top .cont{width: 50%;padding:20px 0 20px 25px;}
 	.news .list ul li.top .cont .txt{margin-top: 15px;}
 	.news .list ul li.item .cont{padding:15px;}
 	.news .list ul li .cont .tit{font-size: 18px;display: block;}
 	.news .list ul li .cont .attr p{margin-right: 10px;font-size: 14px;}
 	.contact .content ul li h3{font-size: 24px;}
 	.contact .content ul li h4{font-size: 22px;}
 	.contact .content ul li p{font-size: 14px;line-height:24px;}
}
@media (max-width: 767px){ 
	.header.home{position: fixed;width: 100%;z-index: 99;}
	.header{height: 60px;} 
	.header .navbar-inverse,.header.home .navbar-inverse{height: 60px;} 
	.pc{display: none;}
	.mobile{display: block;}
	.navbar-inverse .navbar-toggle{ padding:0 5px;margin: 11px 8px;}
	.navbar>.container .navbar-brand{padding-left: 15px;margin-top: 6px;}
	.header .navbar-brand img{max-width: 250px;height:45px;}
	.navbar-toggle .icon-bar{width:30px;margin:6px 0;height: 4px;}
	.navbar-inverse .navbar-close{width: 40px;height: 40px;background-size: 28px; margin: 9px 8px; }
	.header.opennav .navbar-inverse .logo1{display: none;}
	.header.opennav .navbar-inverse .logo2{display: block;}
    .navbar .navbar-collapse{position: fixed; width: 100%;height: calc(100vh - 60px); background-color: #ffffff;left: 0;top:60px;margin:0;padding:0; transition: all 0.3s;z-index: 99;}

	.header.home .navbar-inverse .navbar-nav>li>a{padding:15px 15px;line-height: 30px;}
	.navbar-inverse .navbar-nav>li i{background-size: 12px;}
	.header.opennav .navbar-inverse .navbar-nav>li>a,
	.header.opennav .navbar-inverse .navbar-nav>li>a:hover, 
	.header.opennav .navbar-inverse .navbar-nav>li:hover>a, 
	.header.opennav .navbar-inverse .navbar-nav>.active>a, 
	.header.opennav .navbar-inverse .navbar-nav>.active>a:focus{color:#666;}
	/*.navbar-nav>li .subnav{top:61px;}*/
    .navbar-nav>li .subnav{position: fixed;z-index: 121;top:61px;width: 100%;height: 100%;padding:0 15px; background-color: #fff; left: -100%;transition: all 0.3s;}
 	.header.opennav .navbar-nav>li .subnav.open{left:0;transition: all 0.3s;}
 	.navbar-nav>li .subnav p{border-bottom: 1px solid #ccc;}
 	.navbar-nav>li .subnav p a{padding:15px 15px;display: block;line-height: 30px;}
 	.navbar-nav>li .subnav p a i{display: block;width:20px;height:60px;position: absolute;left: 25px;top:0px;cursor:pointer; background:url(?Content/images/icon-nav-right.png) center center no-repeat;transform: rotate(180deg);background-size: 12px;}
	.navbar-nav>li .subnav p a.fanhui{padding-left:40px;}

	.navbar-inverse .navbar-nav>li{}

	.banner-video .video-container{position: fixed;z-index: 88;top:60px;}
	.video-container .videoplay img{width: 50px;}  
	.index-section{padding-top:30px;padding-bottom: 0;background-color:#fafafa;}
	/*.index-about{padding-top:0;}*/
	.index-about{padding:0;z-index: 1;}
	.index-about video{display: block;width: 100%;height: 100%;object-fit: fill;z-index: 1;}

	.index-partner .list ul li{padding:10px;} 

	.news .list ul li.top a{background:#fff url(../m/images/icon-yh.png) no-repeat bottom 40px right 50px;}

    .index-features .container{padding:30px 15px 0 15px;}
	
	#mobileCarousel .carousel-indicators{display: table-cell;vertical-align: bottom;width: 100%;left:0;margin-left:0;}
	#mobileCarousel .carousel-indicators li{border:none; width: 32px;height: 2px;background-color: #fff;border-radius: 0;position: relative;margin:0 5px;}
	#mobileCarousel .carousel-indicators li.active{height: 3px;width: 28px;}
	#mobileCarousel .carousel-indicators li.active:before,
	#mobileCarousel .carousel-indicators li.active:after{content:"";display: block;position: absolute;width:0px;height:0px;border:3px solid transparent;border-bottom:3px solid #fff;top:-3px;}
	#mobileCarousel .carousel-indicators li.active:before{left:-3px;}
	#mobileCarousel .carousel-indicators li.active:after{right: -3px;}

	.index-features ul{padding-bottom: 0;}
	.index-features ul li .icon{margin-top: 0;margin-bottom:20px;}
	.index-features ul li{margin-bottom: 20px;}
	.index-partner .cont{padding-bottom: 30px;}
	.index-partner .cont .txt{text-align: center;padding:30px 15px;}
	.index-partner .cont .txt h2{font-size:36px;}
	.index-partner .cont .txt p{font-size: 20px;display: inline;}
	.index-partner .cont a{float: none;text-align: center;margin-top:0;}
	.index-partner .cont a img{width: 160px;}

    .aboutus{padding:30px 0;}

	.footer .foot-top{padding:25px 0;}
	.footer .mobile .lxfs{font-size: 18px; line-height: 30px;padding-bottom: 10px;}
	.footer .mobile .footnav{border-bottom: 1px solid #ccc;border-top:1px solid #ccc;padding:10px 0;}
	.footer .mobile .footnav p{float: left;width: 25%;line-height: 30px;}
	.footer .mobile .pic{padding:20px 0;}
	.footer .mobile .pic .logo{width: 60%;float: left;padding-top:10px;}
	.footer .mobile .pic img{max-width: 100%;}
	.footer .mobile .ewm{width: 20%;float: left;}
	.footer .mobile .ewm p{width: 45px;height: 45px;float: right;position: relative;background:url(?Content/images/wechat.png) center center / 100% auto no-repeat;color:#333;}
	.footer .mobile .ewm p span{display:none;width: 140px;height: 140px;position: absolute;right: 0;bottom: 100%;color:#333;}
	.footer .mobile .ewm p:hover{background:url(?Content/images/wechat1.png) center center / 100% auto no-repeat;}
	.footer .mobile .ewm p:hover span{display: block; background-color: #fff;}
    .footer .mobile .ewm.xcx p{background:url(?Content/images/applets.png) center center / 100% auto no-repeat;}
    .footer .mobile .ewm.xcx:hover p{background:url(?Content/images/applets1.png) center center / 100% auto no-repeat;}
	.footer .copyright{font-weight:normal;font-size: 14px;text-align: left;padding:10px 0;}
 

	/****product****/
	.product{padding:30px 0;}
	.product .promenu{float: none;width: 200px;margin:auto; padding:0;position: relative;}
	.product .promenu .title{text-align: center;color:#000;font-size: 18px;font-weight: bold;line-height: 30px;padding:10px 0;background-color: #fafafa;}
	.product .promenu .title i{display:inline-block;float: none;margin-left: 15px;font-size: 30px;height: 24px; vertical-align: top;}
	.product .promenu .list {display: none; background-color:#fff;padding:5px 0; position: absolute;width: 100%;z-index: 99;}
	.product .promenu .list li{text-align: center;margin:0; padding:0px;}
	.product .promenu .list li.active{display: none;}
	.product .promenu .list li a{padding:10px 15px;}
	.product .prolist{margin-left: 0;padding:0;padding-top:20px;}
	.product .prolist .list{margin:0;display: none;}
	.product .prolist .list.active{display:block;}
	.product .prolist .list li{margin-bottom: 20px;padding:0;float: none;} 
	.product .prolist .list li .cont{border-top:2px solid transparent;}
	.product .prolist .list li .cont h4{font-size: 24px; }
	.product .prolist .list li .cont p{font-size: 18px;}
	.product .prolist .list li .box:hover{box-shadow:0 2px 3px #a6cbfd; }
	.product .prolist .list li .box:hover .cont{border-top:2px solid #70a9f4;}


	/****about****/ 
	.aboutus .certlist .carousel-inner .item{padding:0 15px;}
	.aboutus .certlist .carousel .carousel-indicators{width: 100%;left:0;margin-left: 0;}
	.contact .content{padding:15px 0 10px 0;text-align: center;}
	.contact .content ul li h3{display: inline-block;font-size: 18px;}
	.contact .content ul li p{display: inline-block;margin-left: 10px;font-size: 18px;}
	.contact .content .address{display: none;}

    .news .list{margin-bottom:20px;}

    .section-head{margin-bottom: 0px;}
	.partner .list ul li{width: 33.33%;}
	.cases .list{padding-bottom: 0;}
	.cases .list ul{margin:0 ;}
	.cases .list ul li{padding:0px;margin-top: 10px;margin-bottom:0;float: none;width: 100%;}
	.cases .list ul li .box:hover{box-shadow: 0 2px 1px #a6cbfd;}
	.cases .list ul li .tit{padding:5px 0;}
	.cases .list ul li .tit p{font-size: 16px;}
	.caseshow{padding:30px 0;}
	
	/*********news*********/
	.news .list ul{margin:0 -5px;}
	.news .list ul li{width: 100%;margin-bottom: 15px;}
	.news .list ul li .cont .tit{font-size: 16px;font-weight: normal;line-height:24px;font-weight: normal;height: 48px;color:#000; }
	.news .list ul li .cont .txt{color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
	.news .list ul li.top .pic{float: none;width: 100%;}
	.news .list ul li.top .cont{margin:0;width: 100%;padding:20px;}  
	.news .list ul li.top .cont .txt{height: 75px;margin-top:10px;}
	.news .list ul li.top .cont .tit{font-size: 18px;line-height: 26px;}
	.news .list ul li.item{width: 100%;float: none;}
	.news .list ul li.item .cont{ padding:15px 10px;position: relative;}
	.news .list ul li.item .cont .tit{height: 48px;font-size: 16px;}
	.news .list ul li.item a{padding:0;}
	.news .list ul li.item a:hover{box-shadow: 0 2px 1px #a6cbfd;}
	.news .list ul li.item .cont .attr p{font-size: 12px;}
	.news .list ul li.item{padding:0 5px;}

	.newsshow .title h2{font-size: 18px;text-align:left;}
	.newsshow .title .attr p{padding:0 0px 0 30px;margin-right:10px;}


	.pages a,.pages span{width: 30px;height: 30px;line-height:30px;font-size: 14px; }
    .pages a i, .pages span i{}

	#bdmap{height: 240px;}
	.BMap_bubble_title{font-size: 14px;}
	.BMap_bubble_content{font-size: 12px;line-height: 18px;}

	.contact{padding-bottom: 20px;}

}