@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0; font-family: "Microsoft YaHei";}
body{font-size: 18px;color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img{-webkit-touch-callout: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}

.index-banner {
    position:static;
    width:100%;
    height:100vh;
    overflow:hidden;
}
.index-banner .swiper-container{position: relative;
    width: 100%;
    height: 100%;}
.yg_about p:first-child{ margin-bottom:1%;}
#codebox{background:#fff;color:#000;width: 100%;/* height:100px;*/height: 120px;/* line-height:30px; */font-size:14px;}
#codebox dl{ margin-bottom:10px;}
#codebox dl dt,#codebox dl dd{display:inline-block;width: 78%;font-size: 18px;margin-bottom:  2%;}
#codebox dl dd input{border: 1px solid #f4f4f4;width: 100%;height: 36px;line-height:30px;background:  #f4f4f4;border-radius: 8px;}
#codebox .con{ line-height:24px;}
#codebox .Btn {padding: 10px 10px;background: #069238;cursor: pointer;color: #fff;font-size: 16px;font-family: "黑体";width: 20%;margin-left: 2%;}
#fancybox-close{position: absolute;top: 0;right: 0;font-size: 35px;color: #000;display: block;/* width: 24px; */height: 50px;cursor:pointer;z-index: 9999;margin-right: 30px;margin-top: 20px;}
/*#fancybox-outer {width: 482px !important;height: 309px !important;}
#fancybox-content {width: 482px !important;height: 309px !important;}
#fancybox-content>div {width: 480px !important;height: 309px !important;}*/
.ProductBox .News_info table {
    color: #fff;
}

.TechBox{margin-bottom: 30px;}
.TechBox ul li{background: url(../images/li_xu.png) repeat-x bottom;width: 1200px; height: 55px;/*line-height: 55px;*/}
.TechBox ul li span{/* width: 1015px; */color: #333333;font-size: 16px;background: url(../images/dian_03.png) no-repeat left 25px;padding-left: 20px;float: left;display: inline-block;line-height: 55px;}
.download{float: right;border: 1px solid #ddecf0;background: #f8fdff;display: inline-block;width: 70px;height: 29px;text-align: center;line-height: 29px;border-radius: 10px;font-size: 12px;}
.download:hover{color: #fff;background: #069a42;}
.TechBox ul li i{display: inline-block;text-align: center;float: right;padding: 10px;}

/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;}
.container{max-width: 80%;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}
@font-face {
	font-family: 'Lato';
	src: url('../font/Lato.eot');
	src: url('../font/Lato.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato.woff') format('woff'),
		 url('../font/Lato.ttf') format('truetype'),
		 url('../font/Lato.svg#Lato') format('svg');
	font-style: normal;
	font-weight: normal;
}

.execute-before{ line-height:180%;}
.execute-before img{}


/****************************** Icon Sprite ******************************/
header .show-nav,
nav .item li.qrcode a:before,
nav .item h3:after,
footer .media .weibo a,
footer .dropdown .item span:after,
footer .to-top,
.index-recommend ul li a:after,
.index-video .list a:before,
.index-video .vjs-big-play-button,
.index-news .list .btn-switch,
.index-application .list a h3:before,
.index-application .rect .btn-switch a,
.index-recommend .btn-switch,
.group .profile .picture .tb-thumb a:after,
.group .founder .picture .tb-thumb a:after,
.group .popup .box .close,
.group .picture .arrow a,
.group .history .year a,
.group .history .desc .switch a,
.news ul li > a:before,
.newspaper .popup .box .close,
.newspaper .popup .box .switch,
.news-detail .attr a,
.video li .text span:before,
.contact .msg .form h3:before,
.video .popup .box .title .close{background: none;background-image: url(../img/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
header .nav a,
header .nav a:after,
.index-recommend ul li .bottom,
.index-recommend ul li img.grayscale,
.index-video .video-js,
.index-video .video-js video,
.index-video .video-js video + div,
.index-video .video-js .vjs-big-play-button,
.index-video .more,
.index-video .list a,
.index-video .list a:before,
.index-video .list a:after,
.index-news .list .box,
.index-news .list .box span,
.index-news .list .box h3 a,
.index-news .list .box .more,
.index-news > .more,
.index-application .list a,
.group .profile .picture .tb-thumb a,
.group .founder .picture .tb-thumb a,
.group .history .year ul li{-webkit-transition: all .3s;transition: all .3s;}

.concept3{
	background: url(../img/c1.jpg) bottom center no-repeat;
	background-size: 100%;
	width: 100%;
	height: 200px;
	padding-top: 40px;
	position: relative;
}
.js_logo{width:100%;background:#f9f9f9;text-align:  center;padding: 5% 0;}
.tqm{width: 90%;padding:  5%;}
.tqm img{margin-right:2%;padding-top: 2%;}
.con p{width: 100%;float:  left;font-size: 18px;}
.con h1{width: 100%;font-size: 18px;float:  left;margin-bottom: 5%;}

/****************************** Common Part ******************************/
header{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;padding: 0 5%;background: #fcfcfc;box-shadow: 0 1px 5px rgba(100, 100, 100, .3);}
header .logo{float: left;margin-top: 20px;width: 173px;}
header .show-nav{float: right;width: 30px;height: 30px;margin: 26px 0 0 30px;background-position: -435px -15px;}
header .nav{float: right;margin: 30px 0 25px;}
header .nav > a{position: relative;float: left;line-height: 25px;margin-left: 30px;font-size: 16px;font-family: "SimHei";color: #333;letter-spacing: 1px;;}
header .nav > a:last-child{cursor: default;}
header .nav > a:after{content: "";position: absolute;top: 48px;left: 0;width: 0;border-bottom: 2px solid #ec1b23;}
header .nav > a:hover{color: #ec1b23;}
header .nav > a.active:after,
header .nav > a:hover:after{width: 100%;}
header .nav .more{position: relative;float: left;margin-left: 30px;}
header .nav .more span{line-height: 25px;cursor: default;font-size: 16px;font-family: "SimHei";color: #333;letter-spacing: 1px;}
header .nav .more .subnav{position: absolute;top: 100%;left: 50%;display: none;width: 100px;margin-left: -50px;}
header .nav .more .subnav a{display: block;line-height: 44px;background: #fff;font-size: 14px;color: #ec1b23;text-align: center;}
header .nav .more .subnav a:after{content: "";display: block;width: 55px;margin: 0 auto;border-bottom: 1px solid #dedede;}
header .nav .more .subnav a:hover{background: #ec1b23;color: #fff;}
header .nav .more .subnav a:hover:after{border-color: #ec1b23;}
header + .header-placeholder{height: 80px;}


/* 内页菜单 */
.inner_menu {width:100%;height:auto;background-color: rgba(0, 0, 0, 0.61);position:absolute;bottom:0;left:0;overflow:hidden;}
.inner_menu:after {content:""; display:block; width:7.075rem; height:2.775rem; background:url(../images/xiangyun3.png) no-repeat; background-size:100%; position:absolute; top:-1.5rem; right:-2.5rem;}
.inner_menu_lits li {width:auto;/* min-width:10%; */display:  inline-table;/* float:left; */text-align:center;position:relative;z-index:10;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.inner_menu_lits li:hover {background-color:#069238;}
.inner_menu_lits a {display:block;padding: 10px 25px;font-size:16px;color:#fff;line-height:1.75rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 .type_on {background-color: #069238;}
.wrap {margin:0 auto;text-align:  center;}

nav{position: fixed;top: 80px;left: 0;z-index: 100;display: none;width: 100%;height: calc(100vh - 80px);background: rgba(0, 0, 0, .6);}
nav .top{margin-top: 30px;overflow: hidden;}
nav .top .close{float: right;width: 3.85vw;height: 3.85vw;background: url(../img/icon-close.png) no-repeat 0 / contain;}
nav .wrapper{width: 100%;margin-top: 30px;padding: 1.56vw 0 8.45vw;background: #fff;}
nav .item{float: left;width: 16.66%;}
nav .item h3{line-height: 32px;margin: 0 15%;margin-bottom: 12px;font-weight: bold;font-size: 20px;color: #333;}
nav .item li{margin: 0 15%;border-bottom: 1px solid #dedede;}
nav .item li a{line-height: 42px;font-size: 14px;color: #666;}
nav .item li a:hover{color: #ec1b23;}
nav .item li.qrcode{position: relative;margin-top: 15px;border: none;}
nav .item li.qrcode a{line-height: 32px;}
nav .item li.qrcode a:before{content: "";display: inline-block;width: 32px;height: 32px;margin-right: 8px;vertical-align: bottom;background-position: -14px -74px;}
nav .item li.qrcode a:hover:before{background-position-y: -134px;}
nav .item li.qrcode img{position: absolute;top: 48px;left: 0;display: none;width: 100%;padding: 10px;border: 1px solid #dedede;background: #fff;z-index: 10;}
nav .item li.qrcode img.right{top: 0;left: 100%;}
nav .item li.qrcode a:hover + img{display: block;}

footer{position: relative;padding-top: 3%;background: #f1f1f1;}
footer .category{float: left;width: 85%;}
footer .category dl{float: left;/* padding-left: 10px; */width: 16%;}
footer .category dl:last-child{width: 20%;}

footer .category dl dt{line-height: 22px;font-size: 16px;color: #585757;font-weight:  bold;}
footer .category dl dd{font-size: 16px;color: #656565;line-height: 30px;}
footer .category dl dt:after{content: "";display: block;width: 15px;margin: 15px 0 7px;}
footer .category dl dd a{line-height: 22px;font-size: 14px;color: #666;}
footer .category dl dd a:hover{color: #069238;}
footer .logo{float: left;width: 22.5%;margin-left: 12px;}
footer .media{float: right;width: 15%;}
footer .media .weibo{float: left;margin-top: 30px;}
footer .media .weibo a{float: left;width: 25px;height: 25px;margin: 0 10px;background-position: -77px -77px;}
footer .media .weibo a:hover{background-position-y: -137px;}
footer .media .weibo span{display: block;line-height: 18px;margin-top: 15px;font-size: 14px;text-align: center;color: #777777;}
footer .media .wechat{float: right;margin-left: 8%;}
footer .media .wechat img{display: block;width: 150px;height: 148px;}
footer .media .wechat span{display: block;line-height: 16px;margin-top: 2px;font-size: 16px;text-align: center;color: #575656;font-weight:  bold;}
footer .dropdown{position: relative;z-index: 1;height: 22px;margin-top: 0;}
footer .dropdown .item{position: relative;float: right;width: 150px;margin-left: 50px;}
footer .dropdown .item span{position: relative;display: block;line-height: 20px;border: 1px solid #333;cursor: default;text-indent: 12px;color: #666;}
footer .dropdown .item span:after{content: "";position: absolute;top: 0;right: 0;width: 18px;height: 20px;background-color: #d6000f;background-position: -21px -20px;}
footer .dropdown .item .box{position: absolute;top: 20px;left: 0;width: 130px;height: 0;overflow: hidden;background: #1b1b1b;background: #FFFFFF;border-right: 1px solid #333;border-left: 1px solid #333;cursor: pointer;}
footer .dropdown .item .box.active{border-bottom: 1px solid #333;}
footer .dropdown .item .box a{display: block;line-height: 20px;border-bottom: 1px solid #ccc;color: #666;text-indent: 12px;color: #666;}
footer .dropdown .item .box a:hover{background: #d6000f;color: #fff;}
footer .copyright{margin-top: 45px;border-top: 1px solid #333;background:  #2c2c2c;}
footer .copyright p,
footer .copyright p a{line-height: 40px;font-size: 14px;color: #666;text-transform: capitalize;color: #e1e1e1;}
footer .to-top{position: fixed;bottom: 10px;right: 1%;width: 50px;height: 50px;line-height: 65px;background-color: #069238;background-position: -67px -13px;border-radius: 5px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}


/****************************** Page Component ******************************/
.banner{position: relative;overflow: hidden;}
.banner img{position: relative;/* left: 50%; *//* display: block; *//* margin-left: -960px; */float:  left;width:  100%;}
.banner .title{position: absolute;position: absolute;top: 150px;width: 100%;color: #fff;}
.banner .title span{display: block;line-height: 40px;font-size: 30px;text-align: center;}
.banner .title span.en{line-height: 20px;margin-top: 20px;font-size: 18px;text-transform: uppercase;}

.link-tab ul{display: inline-block;border: 1px solid #ddd;}
.link-tab ul:after{content: "";display: block;clear: both;}
.link-tab ul li{position: relative;float: left;width: 145px;margin-left: 1px;text-align: center;}
.link-tab ul li:before{content: "";position: absolute;top: 19px;left: -1px;height: 18px;border-right: 1px solid #ddd;}
.link-tab ul li:first-child{margin: 0;}
.link-tab ul li:first-child:before{content: none;}
.link-tab ul li a{display: block;line-height: 56px;font-size: 16px;color: #666;}
.link-tab ul li:hover,
.link-tab ul li.active{background: #e93e3c;}
.link-tab ul li.active:before{content: none;}
.link-tab ul li:hover a,
.link-tab ul li.active a{color: #fff;}



/****************************** Index ******************************/
.banner-index{max-height: 850px;overflow: hidden;}
.banner-index img{display: block;max-width: 100%;-webkit-transition: all 3s;transition: all 3s;}
.banner-index:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner-index .tb-btn{bottom: 25px;}
.banner-index .tb-btn a{width: 12px;height: 12px;margin: 0 6px;background: none;border: 2px solid #fff;}
.banner-index .tb-btn a.active{background: #fff;}
.banner-index .tb-arrow{left: 5.5%;width: 89%;}
.banner-index .tb-arrow a{width: 35px;height: 76px;}
.banner-index .tb-arrow a.prev{background-position: -131px -199px;}
.banner-index .tb-arrow a.next{background-position: -191px -199px;}
.banner-index .desc{position: absolute;bottom: 60px;left: 5.5%;width: 89%;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.banner-index .desc .item{position: relative;bottom: -1px;left: 50%;display: none;line-height: 20px;padding: 0 15px 20px;border-bottom: 1px solid #fff;font-size: 16px;color: #fff;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-index .desc .item:first-child{display: inline-block;}

section[class^="index"]{position: relative;/* margin-top: 10px; */margin-bottom: 80px;}
.index-section-title{margin-bottom: 40px;text-align: center;}
.index-section-title span{display: block;font-size: 24px;color: #333;/* letter-spacing: 1px; */}
.index-section-title span.en{margin-top: 25px;/* font-family: "Lato"; *//* text-transform: uppercase; */font-size: 18px !important;}
.index-section-title span.en em{display: inline-block;margin: 0 20px;color: #ec1b23;}


.index-news .wrapper{padding-top: 6.5vw;background: url(../img/bg-index-news.jpg) no-repeat center top;margin-bottom: 5%;}
.index-news .list{position: relative;width: 80%;margin: 0 auto;padding: 3.7vw 3.1vw 2vw 3.1vw;background: #fff;box-shadow: 1px 2px 10px rgba(100, 100, 100, .2), -1px 2px 10px rgba(100, 100, 100, .2);}
.index-news .list .box{float: left;width: 23.33%;margin: 0 5%;padding-bottom: 2%;cursor: default;text-align:left;}
.index-news .list .box:hover{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
.index-news .list .box span{display: block;line-height: 30px;font-size: 30px;color: #333;}
.index-news .list .box h3 a{display: inline-block;line-height: 50px;max-width: 100%;overflow: hidden;font-size: 18px;color: #069238;white-space: nowrap;text-overflow: ellipsis;font-weight:  600;}
.index-news .list .box span:hover,
.index-news .list .box h3 a:hover{color: #069238;}
.index-news .list .box p{display: -webkit-box;height: 72px;line-height: 24px;overflow: hidden;font-size: 14px;color: #545454;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-news .list .box .more{display: block;width: 100px;line-height: 28px;margin-top: 10%;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;font-size: 14px;}
.index-news .list .box .more:hover{background: #069238;color: #fff;}
.index-news .list .btn-switch{position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;}
.index-news .list .btn-switch.prev{left: -24px;background-color: #333;background-position: -126px -6px;}
.index-news .list .btn-switch.next{right: -24px;background-color: #069238;background-position: -186px -6px;}
.index-news .list .pagination{display: none;}
.index-news > .more{font-size: 14px;position: absolute;bottom: 30px;left: 50%;width: 100px;line-height: 28px;margin-left: -50px;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-news > .more:hover{background: #069238;}
.adress{ width:60%; margin:0 auto;} 
section[class^="index"]{position: relative;/* margin-top: 10px; */margin-bottom: 0px;margin-top:0;}
section[class^="index-recommend"]{position: relative;/* margin-top: 10px; */margin-bottom: 0px;margin-bottom:6%;}
.index-section-title{margin-bottom: 40px;text-align: center;}
.index-section-title span{display: block;font-size: 30px !important;color: #333;/* letter-spacing: 1px; */}
.index-section-title span.en{margin-top: 25px;/* font-family: "Lato"; *//* text-transform: uppercase; */}
.index-section-title span.en em{display: inline-block;margin: 0 20px;color: #ec1b23;}

.index-recommend ul li{position: relative;float: left;width: calc((100% - 30.6px) / 4);margin-right: 10px !important;overflow: hidden;}
.index-recommend ul li:last-child{margin-right: 0;}
.index-recommend ul li img{display: block;width: 100%;-webkit-transition: all 3s;transition: all 3s;}
.index-recommend ul li img.grayscale{position: absolute;top: 0;left: 0;width: 100%;}
.index-recommend ul li .bottom{position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;background: rgba(0, 0, 0, .5);-webkit-transform: translateY(100%);transform: translateY(100%);}
.index-recommend ul li:hover img.grayscale{opacity: 0;}
.index-recommend ul li:hover .bottom{-webkit-transform: none;transform: none;}
.index-recommend ul li h3{float: left;width: 70%;/* padding: 0 30px; */color: #fff;line-height: 24px;margin-top: 5%;font-size: 16px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-recommend ul li .text p{display: -webkit-box;height: 48px;line-height: 24px;margin-top: 10px;overflow: hidden;font-size: 14px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-recommend ul li a{float: left;width: 30%;height: 100%;padding-top: 5%;background: #069a3f;font-style: italic;color: #fff;text-align: center;font-size: 16px;}
.index-recommend ul li a:after{content: "";display: block;width: 48px;height: 6px;margin: 5px auto 0;background-position: -305px -27px;}
.index-recommend .btn-switch{display: none;}


 .s_nav { margin-top: 15px; }
.pagination {clear:both;padding-left: 0;text-align:center;border-radius: 4px;display: block;}
.pagination .current {background-color: #069238;color:#fff;}
 .pagination > li { display: inline; }
 .pagination > li > a, .pagination > li > span {margin: 0 2px; position: relative; /*float: left;*/ padding: 6px 12px; line-height: 1.428571429; text-decoration: none; background-color: #454545; /* border: 1px solid #dddddd; */ }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-right: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; color:#fff; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; color:#fff;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #454545; color:#fff; }
.pagination > li > a, .pagination > li > span {  color:#fff; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/****************************** 新闻中心 ******************************/
.news{margin-top: 100px;margin-bottom: 100px;padding: 0 20px;}
.news ul li{margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px dotted #bbb;}
.news ul li .title{overflow: hidden;}
.news ul li .title a{float: left;line-height: 20px;font-size: 16px;color: #333;}
.news ul li .title a:hover{color: #ea1a22;}
.news ul li .title span{float: right;line-height: 20px;font-size: 14px;}
.news ul li p{display: -webkit-box;height: 40px;line-height: 20px;margin-top: 5px;overflow: hidden;font-size: 14px;color: #999;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news ul li > a{display: inline-block;width: 70px;line-height: 24px;margin-top: 10px;border: 1px solid #bbb;border-radius: 12px;text-align: center;}
.news ul li > a:before{content: "";display: inline-block;width: 5px;height: 9px;margin-right: 2px;vertical-align: 0;background-position: -208px -386px;}
.news ul li > a:hover{background: #ea1a22;border-color: #ea1a22;color: #fff;}
.news ul li > a:hover:before{background-position: -28px -447px;}
.news .pagination{margin-top: 30px;text-align: right;}
.news .pagination .center{display: inline-block;overflow: hidden;}
.news .pagination a{float: left;width: 24px;line-height: 20px;margin: 0 5px;background: #f9f9f9;cursor: pointer;color: #333;text-align: center;}
.news .pagination a.prev,
.news .pagination a.next{width: 70px;}
.news .pagination a:hover,
.news .pagination a.active{background: #e91e26;color: #fff;}

.news-detail{max-width: 800px;margin-top: 100px;margin-bottom: 100px;}
.news-detail h1{line-height: 30px;font-size: 20px;color: #333;text-align: center;}
.news-detail .attr{line-height: 30px;margin: 20px 0;border-bottom: 1px dotted #ccc;color: #999;/*text-align: center;*/overflow: hidden;}
.news-detail .attr em{display: inline-block;width: 20px;}
.news-detail .attr a{width: 20px;height: 20px;margin: 8px 0 8px 8px;}
.news-detail .attr a.bds_tsina{background-position:-20px -499px;}
.news-detail .attr a.bds_weixin{background-position:-80px -499px;}
.news-detail .attr a.bds_qzone{background-position:-140px -499px;}
.news-detail .attr a:hover{opacity: 1;background-position-y: -559px;}


















.news-detail .upload img{width: auto !important;height: auto !important;}
.news-detail .upload p{line-height: 26px;margin-top: 10px;font-size: 14px;}
.news-detail .jump{position: relative;margin-top: 50px;padding-top: 20px;border-top: 1px dotted #ccc;}
.news-detail .jump span{display: block;line-height: 30px;font-size: 14px;}
.news-detail .jump span a{font-size: 14px;color: #333;}
.news-detail .jump span a[href]:hover{color: #ea1a22;}
.news-detail .jump .back{display: none;position: absolute;top: 20px;right: 0;line-height: 30px;font-size: 14px;}


/****************************** 视频中心 ******************************/
.video{margin-top: 100px;margin-bottom: 70px;overflow: hidden;}
.video li{float: left;width: 25%;margin-bottom: 30px;padding: 0 10px;}
.video li .box{position: relative;padding: 5px;border: 1px solid #e6e6e6;cursor: pointer;}
.video li img{float: left;width: 57%;}
.video li .text{float: right;width: 39%;color: #999;}
.video li .text h3{line-height: 18px;margin-top: 8px;}
.video li .text span{display: block;line-height: 16px;margin-top: 12px;}
.video li .text span:before{content: "";display: inline-block;width: 12px;height: 12px;margin-right: 5px;vertical-align: -1px;background-position: -324px -384px;}
.video li:hover .box{background: #ea1a22;}
.video li:hover .text{color: #fff;}
.video li:hover .text span:before{background-position: -384px -384px;}

.video .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.video .popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.video .popup .box{width: 770px;max-width: 100%;position: absolute;top: 50%;left: 50%;width: 90%;max-width: 620px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .3);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video .popup .box .title{background: #da151c;overflow: hidden;padding: 0 20px;}
.video .popup .box .title span{float: left;line-height: 54px;font-size: 16px;color: #fff;}
.video .popup .box .title .close{background-position:-77px -437px;float: right;width: 30px;height: 30px;margin-top: 12px;}
.video .popup .box .player{height: 300px;}

.newspaper{max-width: 880px;margin-top: 70px;margin-bottom: 100px;}
.newspaper .search{overflow: hidden;padding: 0 28px;}
.newspaper .search .item{float: left;margin-right: 5%;width: 30%;}
.newspaper .search .item label{display: block;line-height: 30px;font-size: 14px;color: #333;text-indent: 5px;}
.newspaper .search .item select{display: block;border: 1px solid #ccc;font-size: 14px;height: 35px;line-height: 35px;color: #aaa;width: 100%;}
.newspaper .search button{float: left;width: 15%;line-height: 35px;font-size: 16px;color: #fff;background: #ec1b23;text-align: center;margin-top: 30px;cursor: pointer;}
.newspaper > ul{overflow: hidden;margin-top: 50px;}
.newspaper > ul li{float: left;width: 25%;margin-bottom: 48px;padding: 0 28px;cursor: pointer;}
.newspaper > ul li a:hover{border-color: #e6e6e6;}
.newspaper > ul li a{display: block;padding: 10px;border: 1px solid #f5f5f5;}
.newspaper > ul li img{width: 100%;border: 1px solid #ddd;}
.newspaper > ul li span{display: block;line-height: 36px;font-size: 14px;text-align: center;}
.newspaper .pagination{text-align: center;}
.newspaper .pagination .center{display: inline-block;overflow: hidden;}
.newspaper .pagination a{float: left;width: 26px;line-height: 24px;margin: 0 2px;border: 1px solid transparent;border-radius: 50%;cursor: pointer;text-align: center;}
.newspaper .pagination a:hover,
.newspaper .pagination a.active{border-color: #ea1a22;color: #ea1a22;}
.newspaper .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.newspaper .popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.newspaper .popup .box{position: absolute;top: 50%;left: 50%;width: 80%;padding: 10px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-height: 80%;max-width: 690px;}

.newspaper .popup .box img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;border: 1px solid #ccc;}
.newspaper .popup .box .close{position: absolute;top: 0;right: -70px;width: 50px;height: 50px;background-position: -545px -365px;}
.newspaper .popup .box .switch{position: absolute;width: 40px;height: 82px;top: 50%;margin-top: -35px;}
.newspaper .popup .box .switch.prev{left: -100px;background-position:-280px -199px;}
.newspaper .popup .box .switch.next{right: -100px;background-position:-400px -199px;}
.newspaper .popup .box .swiper-container{height: 100%;}
.newspaper .popup .box .swiper-slide{max-height: calc(80vh - 20px);overflow: hidden;}
.newspaper .popup .box .mCSB_container{margin: 0;}

.newspaper .popup .box .mCSB_draggerRail{background-color: transparent;}
.newspaper .popup .box .mCSB_draggerContainer{right: -9px;}


/****************************** 联系我们 ******************************/

.contact{overflow: hidden;}
.contact .section{margin-top: 100px;padding-bottom: 100px;overflow: hidden;border-bottom: 1px dashed #e6e6e6;}

.contact h2{line-height: 20px;font-weight: bold;font-size: 18px;color: #333;}
.contact .info .text{float: left;width: 380px;}
.contact .info .text p{line-height: 28px;margin-top: 28px;font-size: 16px;}
.contact .info .map{float: right;width: calc(100% - 420px);height: 274px;border: 1px solid #e6e6e6;}

.contact .msg .form{margin-top: 20px;}
.contact .msg .form h3{line-height: 30px;margin-top: 24px;font-size: 14px;color: #333;}
.contact .msg .form h3:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 6px;vertical-align: middle;background-position: -263px -382px;;}
.contact .msg .form ul{padding: 16px 0 6px;overflow: hidden;border: 1px solid #ddd;}
.contact .msg .form li{float: left;width: 50%;margin-bottom: 10px;}
.contact .msg .form li label{float: left;width: 13%;line-height: 35px;font-size: 14px;color: #333;text-align: center;}
.contact .msg .form li input{float: left;width: 77%;height: 35px;line-height: 33px;background: #eee;border: 1px solid #ddd;font-size: 14px;color: #333;text-indent: 10px;}
.contact .msg .form li em{float: left;line-height: 35px;margin-left: 10px;font-size: 18px;color: #ea1a22;}
.contact .msg .form textarea{width: 100%;height: 170px;line-height: 30px;padding: 10px;border: 1px solid #ddd;font-size: 14px;color: #333;}
.contact .msg .form a{display: block;width: 120px;line-height: 40px;margin: 30px auto 0;background: #ea1a22;border-radius: 10px;font-size: 16px;color: #fff;text-align: center;}
.contact .media{padding-bottom: 50px;border: none;}
.contact .media dl{float: left;width: 50%;margin-top: 40px;padding-bottom: 45px;border-bottom: 1px dashed #e6e6e6;}
.contact .media dl dt{line-height: 30px;font-size: 16px;color: #333;}
.contact .media dl dd{float: left;width: 18.3%;max-width: 110px;margin: 6px 5% 0 0;}
.contact .media dl dd:last-child{margin-right: 0;}
.contact .media dl dd img{display: block;width: 100%;}
.contact .media dl dd span{display: block;line-height: 20px;margin-top: 16px;font-size: 14px;color: #333;text-align: center;}
.contact .media dl:last-child{padding: 0;border: none;}


.BMap_cpyCtrl,
.anchorBL{display: none;}
.BMapLabel[style*="display: inline"]{width: 125px !important;background: #fff !important;border: none !important;font: bold 14px/40px "SimHei" !important;color: #333 !important;text-align: center !important;}
.BMapLabel:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top: 6px solid #fff;}
.concept1{
	width: 100%;
	padding: 30px 0 0px;
	background-color: #fff;
}
.concept1 .warp .title{
	margin-bottom: 2%;
}
.concept1 .warp .title h2,.concept2 .warp h2{
	display: block;
	font-size: 36px;
	text-align: center;
	line-height:66px;
	color: #222;
	margin-bottom:30px;
}
.concept1 .warp .title h3{
	display: block;
	font-size: 18px;
	color: #666666;
	line-height: 35px;
}
.concept1 .warp .list{
	width: 100%;
	float: left;
	position: relative;
}
.concept1 .warp .list li{

	float: left;
	position: relative;
	width: 25%;
	padding:25px 70px 0 0;
}
.concept1 .warp .list li:nth-child(2){
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
}
.concept1 .warp .list li:nth-child(3){
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}
.concept1 .warp .list li:nth-child(4){
	animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
}
.concept1 .warp .list li i{
	display: block;
	width: 43px;
	height: 1px;
	background-color: #cccccc;
	position: absolute;
	top: 0;
	left: 0;
}
.concept1 .warp .list li h2{
	display: block;
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 30px;
	color: #333333;
}
.concept1 .warp .list li p{
	font-size: 16px;
	color: 666666;
	line-height: 28px;

}
.concept1 .warp,.concept2 .warp{
	position: relative;
	width: 60%;
	margin: 0 auto;
	overflow: hidden;
	line-height:  180%;
}





table {
    border-spacing: 0;
    border-collapse: collapse;
}
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}
input, select {
    vertical-align: middle;
}


.yg_about img{width: 60%;}




button {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    display: inline-block;
    padding: 6px 12px;
    margin: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;


    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fix {zoom: 1;}
.fix:after{ content: ''; height: 0; width: 0; clear: both; display:block; overflow: hidden;}
.fl{float:left;}
.fr{float: right;}
.jy-password{border: 1px #999 solid !important;}

/*********公共按钮样式**********/
.ui-header{text-align: center;background:#d6a41f;color:#fff;position:relative;height:89px;line-height: 89px;}
.ui-header h1{font-size:36px;font-weight: normal;}
.ui-header .left{position:absolute;left: 32px;display: inline-block;top: 24px;}
.ui-header .right{position:absolute;right: 32px;display: inline-block;top: 31px;}
.icon-back{width: 25px;height: 40px;background-image: url(../img/icon-back.png);background-position: center;display: block;background-repeat: no-repeat;background-size: contain;}
.header-tab{font-size:36px;}
.icon-add{width: 26px;height: 26px;background-image: url(../img/icon-add.png);background-position: center;background-repeat: no-repeat;display: block;background-size: contain;}
.head-tab-left{background: #e8c56b;padding: 5px 15px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.head-tab-right{background: #e8c56b;padding: 5px 15px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.header-tab .active{color: #363636;background: #fff;;}
.header-tab span{cursor: pointer;}
.ui-row{margin-top: 24px;background:#fff;}
.ui-base-cont li{padding:20px 30px;border-bottom: 2px solid #e9e9e9;}
.ui-base-cont{background:#fff;}
.icon-box{position: relative;display: inline-block;}
.icon-select{background-image: url(../img/icon-select.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.icon-cal-minus{background-image: url(../img/icon-cal-minus.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.icon-cal-add{background-image: url(../img/icon-cal-add.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.icon-select,.icon-cal-minus,.icon-cal-add{width:42px;height: 42px;display: block;}
.icon-arrow-right{width: 26px;height: 38px;background-image: url(../img/icon-arrow-right.png);background-position: center;background-repeat: no-repeat;display: block;background-size: contain;}
.btn-checkbox{position: relative;display: inline-block;}
.btn-checkbox input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;opacity: 0;cursor: pointer;}
.btn-checkbox label:after{content: '';position: absolute;width: 50px;height: 50px;border-radius: 100%;left: 4px;top: -5px;z-index: 2;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-checkbox label{width: 90px;height: 50px;background: #e0e0e0;position: relative;display: inline-block;border-radius: 46px;-webkit-transition: 0.4s;transition: 0.4s;}
.btn-checkbox input:checked + label:after{left: 40px;}
.btn-checkbox label:after{top: 4px;width: 42px;height: 42px;}
.btn-checkbox input:checked + label:after{left: 58px;}
.btn-checkbox label{width: 104px;}
.btn-checkbox input:checked + label{background: #d6a41f;}
.mob{ display:none !important;}
.mo1{
    display: block !important;
}

.index-banner {
    position:static;
    width:100%;
    height:100vh;
    overflow:hidden;
}
.index-banner .en {
}
.index-banner .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.index-banner .carousel-inner{
    position: absolute;
    top: -60px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 60px;
    overflow: hidden;
    /*cursor: -webkit-grab!important;*/
    /*cursor: grab!important;*/
}



.qnjj{width: 100%;margin:  0 auto;float:  left;}
.left_img{width: 50%;float:left;} 
.left_nr{width: 46%;float:right;padding: 6% 2%;}
.left_img img{width:100%;float: left;} 

@media (max-width:991px){
			.concept3{
	height: 150px;
}

    .index-banner {height:calc(100vh - 0px);margin-top:0px;}
    .index-data .wrap {  padding:0 4.5%;  }
    .index-data .index-data-list { width:auto; padding:7.5% 0;  }
    .index-data .item {width:50%;height:160px;}
    .index-data .item-inner {height:160px;}
    .index-data .item:nth-child(2n+1) .item-inner {border-right:1px solid #62707c;}

    .index-data .item:nth-child(2n) .item-inner {border-right:0;}
    .index-data .item:nth-child(4) .item-inner {border-bottom:1px solid #62707c;}
    .index-data .text-wrap .number-wrap {font-size:60px;}
    .index-data .text-wrap .number-wrap .icon {margin-left:-10px;font-size:50px;vertical-align:5px;}
    .index-data .text-wrap {font-size:14px;}
    .inner-main-container {padding-top:60px;}
    .fullwindow-banner {height:100vh;}
    .normal-inner-banner {height:25rem;overflow:hidden;}
    .inner-main-container .fullwindow-banner img {height:100%;}
    .normal-inner-banner img {width:auto;max-width:none;min-height:0;margin-left:-50%;}
    .fullwindow-banner-inner {width:91%;margin-top:0;margin-left:-45.5%;}
    .fullwindow-banner-inner li,
    .fullwindow-banner-inner li:nth-child(2), .fullwindow-banner-inner li:nth-child(5){width:50%;}
    .fullwindow-banner-inner li:first-child, .fullwindow-banner-inner li:nth-child(2n+1) {border-left:0;}
    .fullwindow-banner-inner li:nth-child(3) {border-top:1px solid rgba(255,255,255,.15);}
    .fullwindow-banner-inner li:nth-child(4) {border-left:1px solid rgba(255,255,255,.15);}
    .inner-main-container .fullwindow-banner .each-item img {width:auto;height:53px;}
    .inner-title,
    .about-wrap-three .each-item .inner-title,
    .ourwork-pc-title .title{font-size:32px;}

    .index-news .each-item {width:100%;margin-left:0;}
    .index-news .each-item:first-child {display:none;}
    .normal-inner-banner .normal-banner-inner {top:40%;}
}
@media (max-width:767px){

.concept3 {
    height: 150px;
}
    .index-banner .carousel-item .video video {display:none;}
    .index-banner .carousel-item .fullscreen-image {padding-top:60px;}
    .index-customer-list li {}
    .index-customer-list li img {max-width:100%;}
    .normal-inner-banner.left-text-banner .normal-banner-inner {padding-top:25px;}
	.adress {
    width: 80%;
    margin: 0 auto;
}
} 
.page-header-fullscreen-trame {
    position:absolute;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .index-banner .carousel-inner{
        position: absolute;
        top: 0;
        padding-top: 0;}
.mo1{

    display: none
}
.mob{ display:block;}
}

.index-banner .carousel-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 10;
    opacity:0;
    /* transition: .6s opacity cubic-bezier(.19,1,.22,1); */
    cursor: move;
    /* touch-action: pan-y; */
    user-select: none;
}
.index-banner .carousel-item .video-inner {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 8;
    width: 2560px;
    margin-left: -1280px;
    background-color: #fff;
    text-align: center;
}
.index-banner .carousel-item .video video {
    position:relative;
    display: inline-block;
    vertical-align: baseline;
}
.index-banner .carousel-item.carousel-item-prev {
    transform-origin:center right;
    transform: translateX(-100%);
}
.index-banner .carousel-item.carousel-item-next {
    transform-origin:center right;
    transform: translateX(100%);
}
.index-banner .carousel-item:active {
    cursor: -webkit-grab!important;
    cursor: grab!important;
}
.index-banner .carousel-item.active {
    z-index: 15;
    opacity:1;
    transform-origin:center right;
}
.static .carousel-item {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    cursor: default !important
}

.static.is-mobile .carousel-item {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 0
}
.index-banner .carousel-item-inner {
    position: absolute;
    width: 100%;
    height: 100%;
}
.carousel-item-image-wrapper {
    position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.carousel-item-image-wrapper:before {
    z-index: 20
}

.carousel-item-image-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;

    bottom: 0;
    left: 0;
    opacity: .2;
    z-index: 8;
}

@media (min-width: 768px) {
    .carousel-item-image-wrapper:after {
        content: none
    }
}

.carousel-item-image {
    position: relative;
    height: 100%;

    width: 100%;
    overflow: hidden
}

.carousel-item-image:before {
    opacity: .2;
    z-index: 20
}
.banner-background {
    position:absolute;
    left:0;
    top:0;
    width:100%;}
.carousel-item-image img {
    position:relative;
    width: 100%;
    height:100%;
    max-width: none;
    z-index: 10
}
.index-banner .swiper-inner-text-wrap {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
}
.carousel-item1 .page-header-fullscreen-text {
}
.carousel-item .page-header-fullscreen-text{
}
.index-banner .swiper-inner-text {
    position:absolute;
    top: 40%;
    /* left:12%; */
    right:12%;
    width:auto;
    color:#fff;
    line-height:1.3;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.index-banner .carousel-item2 .swiper-inner-text {
   text-align:left;
}
.index-banner .carousel-item2 .cansual-title {
    font-size:48px;
    color:#fff;
}
.index-banner .cansual-line {
    width:0;
    height:3px;
    margin:25px 0 20px;
    background:#fff;
}
.index-banner .cansual-des {
    font-size:18px;
    color:#fff;
    line-height:1.8;
}
.index-banner .carousel-item3 .cansual-des {width:50%;margin-bottom:25px;}
.index-banner .carousel-item2 .cansual-des {
    text-align:left;
    font-size: 50px;
}
.index-banner .carousel-item .cansual-title {
    margin-bottom:10px;
    font-size:48px;
    color:#fff;
    text-align:left;
}
.index-banner .carousel-item3 .cansual-item-title .en-word {
    display:block;
    padding-bottom:15px;
    font-family:'AkzidenzGrotesk-BoldCondAlt';
    font-size:84px;
    color:#fff;
    line-height:.9;
}
.index-banner .carousel-item4 .swiper-inner-text {
    padding-left:50%;
    text-align:left;
}

.index-banner .carousel-item4 .cansual-item-title {
    font-size:48px;
    color:#fff;
}
.index-banner .carousel-item3 .cansual-des {
    margin-bottom:35px;
}
.index-banner .cansual-item-title {
    position:relative;
    margin-bottom:15px;
    line-height: 100px;
}
.index-banner .cansual-item-title .small-title {
    display:block;

    margin-bottom:-10px;
    font-size:20px;
}
.index-banner .cansual-item-title .number {
    font: 50px/1 "微软雅黑";
}
.index-banner .carousel-item3 .cansual-item-title .number {
    padding-bottom:15px;
    font:normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';
}
.index-banner .cansual-item-title .number .add-icon {
    font-size:60px;
    line-height:180px;
    vertical-align:40px;
}
.carousel-item-subtitle-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 32px;
    height: 1px;
    margin-left: -16px;
    background-color: rgba(255, 255, 255, .55);
    content: ''
}
.index-banner .cansual-item-title .small-title,
.index-banner .cansual-item-title .number,
.index-banner .cansual-sub-title,
.index-banner .carousel-item .cansual-des,
.index-banner .carousel-item .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {
    display:block;
    opacity: 0;
    transform: translate3d(0, 150%, 0);
    transition:all 1s;
    transition-delay:.2s;
    overflow:hidden;
}
.index-banner .carousel-item2 .cansual-des {
    transform: translate3d(150%, 0, 0);
}
.index-banner .carousel-item3 .cansual-des,
.index-banner .carousel-item3 .cansual-line,
.index-banner .carousel-item3 .cansual-title,
.index-banner .carousel-item3 .radiu-button {
    text-align:left;
    transform: translate3d(0, -150%, 0);
}
.index-banner .carousel-item .cansual-line {transition-delay:.2s;}
.index-banner .carousel-item3 .cansual-des {transition-delay:.4s;}
.index-banner .active .cansual-item-title .small-title,
.index-banner .active .cansual-item-title .number,
.index-banner .active .cansual-sub-title,
.index-banner .carousel-item.active .cansual-des,
.index-banner .carousel-item3.active .cansual-title,
.index-banner .carousel-item.active .cansual-line,
.index-banner .carousel-item3.active .radiu-button{
    opacity: 1;
    transform: none;
}
.index-banner .carousel-item2 .cansual-title{
    opacity:0;
    transform: matrix(1, 0, 0, 1, 0, -80);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -80);
    -moz-transform: matrix(1, 0, 0, 1, 0, -80);
    transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
    -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
    -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;}
.index-banner .carousel-item2.active .cansual-title {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
}
.index-banner .carousel-item .cansual-line {
   width:45px;
}
.index-banner .carousel-item3 .radiu-button {color:#fff;text-align:center;border:1px solid #fff;background:transparent;}
.index-banner .carousel-item3 .radiu-button:hover {color:#333;background:#fff;}

@media (min-width: 768px) {
    .carousel-item-subtitle-line {
        width: 599px;
        margin-left: -300px
    }

}

@media (min-width: 1200px) {
    .carousel-item-subtitle-line {
        width: 799px;
        margin-left: -400px
    }

	.adress {
    width: 80%;
    margin: 0 auto;
}
}

.carousel-item-subtitle-line-timer {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    height: 100%;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.active .carousel-item-subtitle-line-timer {
    animation:linewidth 19s;
    -moz-animation:linewidth 19s;
    -webkit-animation:linewidth 19s;
    -o-animation:linewidth 19s;
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
@media screen and (max-width: 320px){.ui-header{height: 50px;line-height: 50px;}
	.mo1{
    display: none!important;
}
.mob{display: block!important;}

.ui-header h1{font-size: 18px;}
.icon-back{width: 14px;height: 23px;}
.ui-header .left{top: 14px;left: 14px;}
.ui-header .right{top: 17px;right: 14px;}
.header-tab{font-size: 16px;}
.icon-add{width: 18px;height: 18px;}
.ui-base-cont li{padding: 14px 14px;border-bottom: 1px solid #e9e9e9;}
.ui-row{margin-top: 10px;}
.icon-select, .icon-cal-minus, .icon-cal-add{width: 18px;height: 18px;}
.icon-arrow-right{width: 16px;height: 18px;}
.btn-checkbox label{width:42px;height: 21px;}
.btn-checkbox label:after{top: 1px;left:1px;width: 18px;height: 18px;}
.btn-checkbox input:checked + label:after{left: 23px;}}
@media screen and (max-width: 375px){.ui-header{height: 50px;line-height: 50px;}
	.mo1{
    display: none!important;
}
.mob{display: block!important;}

.ui-header h1{font-size: 18px;}
.icon-back{width: 14px;height: 23px;}
.ui-header .left{top: 14px;left: 14px;}
.ui-header .right{top: 17px;right: 14px;}
.header-tab{font-size: 16px;}
.icon-add{width: 18px;height: 18px;}
.ui-base-cont li{padding: 14px 14px;border-bottom: 1px solid #e9e9e9;}
.ui-row{margin-top: 10px;}
.icon-select, .icon-cal-minus, .icon-cal-add{width: 20px;height: 20px;}
.icon-arrow-right{width: 16px;height: 18px;}
.btn-checkbox label{width: 46px;height: 24px;}
.btn-checkbox label:after{top: 2px;left: 2px;width: 19px;height: 19px;}
.btn-checkbox input:checked + label:after{left: 25px;}}
@media screen and (max-width: 414px){.ui-header{height: 50px;line-height: 50px;}
.ui-header h1{font-size: 18px;}
.icon-back{width: 14px;height: 23px;}
.ui-header .left{top: 14px;left: 14px;}
.ui-header .right{top: 17px;right: 14px;}
.header-tab{font-size: 16px;}
.icon-add{width: 18px;height: 18px;}
.ui-base-cont li{padding: 14px 14px;border-bottom: 1px solid #e9e9e9;}
.ui-row{margin-top: 10px;}
.icon-select, .icon-cal-minus, .icon-cal-add{width: 23px;height: 23px;}
.icon-arrow-right{width: 17px;height: 22px;}
.btn-checkbox label{width: 50px;height: 26px;}
.btn-checkbox label:after{top: 2px;left: 2px;width: 22px;height: 22px;}
.btn-checkbox input:checked + label:after{left: 25px;}}
/***************公共弹窗部分开始***************/
/**公共蒙版**/
.window-masking{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 99;display: none;}

.success,.window-container{width: 50%;background: #fff;position: fixed;top: 30%;left: 50%;margin-left: -28%;z-index: 100;border-radius: 4px;overflow: hidden;display: none;}
.success .window-content,.window-container .window-content{padding: 20px 5%;border-bottom: 1px solid #bdbdbd;}
.success p,.window-container .window-content p{font-size: 14px;color:#676767;line-height: 24px;text-align: center;}
.window-btn a{display: block;height: 40px;width: 49%;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;color:#363636;display: none;}
.window-btn a.cancel-button{border-right: 1px solid #bdbdbd;}
.window-btn a.confirm-button{color: #069238;}
.window-container h2{text-align: center;font-size: 16px;font-weight: bold;color:#363636;padding-top: 22px;display: none;}
.window-btn .ack-button{display: none;height: 40px;width: 100%;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;color:#d6a41f;;}
.window-btn .ack-button:active{background: #d6a41f;color:#fff;}
.jy-password{width: 90%;height: 34px;display:block;margin: 20px auto 0;padding: 0 6px;}
/**加载中蒙版**/
.loading{width: 100%;height: 100%;background: rgba(138,138,138,0.5);position: fixed;top:0;left:0;bottom:0;right:0;z-index: 99;display: none;}
.loading img{display: block;width: 150px;height: 150px;position: fixed;top:50%;left: 50%;margin-left: -75px;margin-top: -75px;}
/***********媒体查询设置弹窗宽度************/
@media only screen and (min-width: 568px) and (max-width: 1024px) {

	.mo1{
    display: none!important;
}
.mob{display: block!important;}

	.success,.window-container{width:100%;left: 50%;margin-left:-250px;max-width: 500px;top:20%;}
	.concept1 p {
    width: 100% !important;
}
}
/***************公共弹窗部分结束***************/
/*底部滑出弹窗公共样式*/
.bottom-popup{width: 96%;left: 2%;position: fixed;z-index: 100;display: none;}
.popup-top,.popup-btn{border-radius: 8px;background: #fff;margin-bottom: 10px;}
.popup-btn,.popup-title{font-size: 32px;font-weight: bold;text-align: center;line-height: 98px;margin-bottom: 0;}
.popup-title{line-height: 116px;}
.popup-fenx-ul{display: flex;justify-content: space-around;}
.popup-fenx-ul li{width: 116px;margin-bottom: 44px;text-align: center;font-size: 28px;}
.popup-fenx-ul li img{width: 116px;margin-bottom: 20px;}
.popup-ul li,.list-title{height: 99px;border-bottom: 1px solid #eee;text-align: center;line-height: 99px;font-size: 32px;font-weight: bold;}
.popup-ul li:last-child{border-bottom: none;}
.popup-ul li.active{color: #ff4900;}			
.list-title{font-weight: normal;}

/*按钮样式*/
.btn{border-radius: 6px;font-size: 28px;line-height: 80px;background: #d6a41f;color: #fff;margin: 0 30px;text-align: center;}			
.btn-email{background: #fff;border: 1px solid #D6A41F; color: #D6A41F;}
.btn-email-over{border: 1px solid #676767;color: #676767;}
.btn-login{box-shadow: 0 3px #ac7e02;cursor:pointer;}
.btn-login:active{background: #b98c14;}

@media only screen and (max-width: 414px){
	.bottom-popup{width: 96%;left: 2%;}
	.popup-fenx-ul li,.popup-fenx-ul li img{width: 66px;margin-bottom: 10px;}
	.popup-fenx-ul li{font-size: 16px;margin-bottom: 24px;}


	.popup-btn,.popup-title{font-size: 18px;line-height: 54px;}
	.popup-title{line-height: 64px;}
	.popup-ul li,.list-title{font-size: 18px;line-height: 54px;height: 54px;}
	.btn{font-size: 18px;line-height: 44px;}
}
@media only screen and (max-width: 320px){
	.bottom-popup{width: 94%;left: 3%;}
	.popup-fenx-ul li,.popup-fenx-ul li img{width: 50px;margin-bottom: 8px;}
	.popup-fenx-ul li{font-size: 12px;margin-bottom: 20px;}
	.popup-btn,.popup-title{font-size: 14px;line-height: 42px;}
	.popup-title{line-height: 50px;}
	.popup-ul li,.list-title{font-size: 14px;line-height: 42px;height: 42px;}


	.btn{font-size: 14px;line-height: 34px;}
}


 




.concept2{
	/*background: url(../img/status-img1.jpg) center no-repeat;*/
	height: 650px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	position: relative;
}
.concept2 .sta-bg,.concept3 .sta-bg,.mation2 .sta-bg{

	width: 100%;
	position: absolute;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
}
.concept2 .sta-bg .bg-img,.concept3 .sta-bg .bg-img,.mation2 .sta-bg .bg-img{
	display: block;
}
.concept2 .warp{
	position: relative;
	z-index: 5;
	padding-top: 260px;
}
.concept2 .warp h2{
	color: #fff;
	font-size: 36px;
}
.concept2 .warp .details{
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	font-family:  initial;
}

.concept3 .warp{
	width: 73%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.concept3 .warp li{
	float: left;
	/*height:590px;*/
	width: 25%;
	position: relative;
}
.concept3 .warp li:nth-child(2){
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
}
.concept3 .warp li:nth-child(3){
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}
.concept3 .warp li:nth-child(4){
	animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
}
.concept3 .warp li i{
	display: block;
	height: 100%;
	width: 1px;
	/* background-color: #73c598; */
	position: absolute;
	left: 0;
	top: 0;
}
.concept3 .warp li em{
	display: block;
	height: 100%;
	width: 1px;
	background-color: #354b9a;
	position: absolute;
	right: 0;
	top: 0;
}
.concept3 .warp li .box{
	padding: 0px 0px 00px;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	/* height:490px; */
	/* width: 240px; */
	text-align:  center;
}

.concept3 .warp li h2{

display: block;

font-size: 28px;

line-height: 35px;

color: #069840;
}
.concept3 .warp li p{
	font-size: 20px;
	line-height: 38px;

	color: #000000;
}
.concept3 .warp li .spn1{
	font-size: 16px;
	line-height: 38px;
	color: #fff;

	font-weight: bold;
}
.concept3 .warp li .spn2{
	font-size: 18px;
	line-height: 38px;
	color: #fff;
	font-weight: bold;
}
.concept4{
	background-color: #fafafa;
	padding:90px 0 140px;
	overflow:  hidden;
	width:  100%;
}
.concept4 .warp{
	width: 73%;
	margin: 0 auto;
}
.concept4 .warp .title{
	width: 100%;
	margin-bottom: 30px;
}
.concept4 .warp .title h2{
	display: block;
	/*font-size: 44px;*/
	line-height:66px;
	color: #222;
	font-size: 44px;
}
.concept4 .warp .list{
	width: 100%;
	margin: 0 auto;
}
.concept4 .warp .list ul{
	width: 1216px;
}
.concept4 .warp .list li{
	float: left;
	width: 22%;
	margin-right: 15px;
}
.concept4 .warp .list li img{ width:100%;}

.concept4 .warp .list li h2{
	display: block;
	font-size: 28px;
	line-height: 35px;
	color: #333;
	padding-bottom: 25px;
	position: relative;
	margin-bottom: 23px;
}
.concept4 .warp .list li h2 i{
	display: block;
	width: 75px;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	bottom: 0;
	left: 0;
}
.concept4 .warp .list li .details,.concept4 .warp .list li .details p{
	font-size: 16px;
	line-height: 30px;
	color:#666666;
}

.concept4 p{font-size:18px;margin:5% 0%;line-height:  180%;}

.tu{ width:100%;}

/*修改过后的样式 szp 2015年9月4日*/
.slide_point{

height:98px;
}
.slide_point span{
	width: 200px;	/*失去焦点的图片宽度*/
	height:250px;	/*失去焦点的图片高度*/
	margin:0px;
}
.slide_cont{
	margin-top:188px;
	height:380px;
	/*height:auto;*/
}
.slide_point .cur_point,  .slide_point span:hover{
	height:280px;	/*获得焦点的图片高度*/
	width:210px;	/*获得焦点的图片宽度*/
	cursor:pointer;
	/* border:6px solid #CCCCCC; */
	transform:translate3d(0,13px,0);
	-ms-transform:translate3d(0,13px,0);
	-moz-transform:translate3d(0,13px,0);
	-webkit-transform:translate3d(0,13px,0);
	-o-transform:translate3d(0,13px,0);
}
.slide_cont ul li img{
	margin-top:4px;
	margin-left:0px;
	width:836px;	/*图片宽度*/
	height:320px;	/*图片高度*/
}
.slide_cont ul li{
	height:324px;
	margin-bottom:0px;
}
.slide_point{
	width: 100%;
	margin-top: 200px;


	margin:  0 auto;
}
.s_map area{/*除去map中area 的边框*/
	outline:none;
}
.point1 h3{position:absolute;top: 200px;line-height: 30px;text-align:  center;margin:  0 auto;width: 200px;}
.point1 h3 t{display: block;margin:  0 auto;width:  100%;}
.point1 t img{
    width:  35px;
    height:  35px;
}
.cur_point t img{}
.cur_point img{
    width:  210px;
    height:  310px;
}
.point1 img{}
.cur_point h3{position:absolute;top:220px;text-align:center;width:100%;}

.pd{ display:none;}
.swiper-container2{width: 85%;margin:  0 auto;position: relative;overflow: hidden;z-index: 1;}

.firstRow{border: 1px #000 solid;width:  100%;}
td{border: 1px #000 solid;}
.tds{width: 73%;text-align:  center;margin:  0 auto;}
.tds p{float:left;margin-bottom: 4%;margin-right: 4%;}


.TechBox{margin-bottom: 30px;}
.TechBox ul li{background: url(../img/li_xu.png) repeat-x bottom;width: 100%;height: 55px;/*line-height: 55px;*/}
.TechBox ul li span{color: #333333;font-size: 16px;background: url(../img/dian_03.png) no-repeat left 25px;padding-left: 20px;float: left;display: inline-block;line-height: 55px;}
.TechBox ul li .open-window-2btn{float: right;border: 1px solid #ddecf0;background: #f8fdff;display: inline-block;width: 90px;height: 29px;text-align: center;line-height: 29px;border-radius: 10px;margin-top: 10px;font-size:  16px;}
.TechBox ul li .open-window-2btn:hover{color: #fff;background: #069744;}
.TechBox ul li i{display: inline-block;text-align: center;float: right;padding: 10px;}
.Content{margin: 0 auto;max-width: 60%;}


/****************************** CSS3 Media ******************************/
@media (max-width: 1200px){
	.concept3 {
    height: 140px;
}
	header .nav a{margin-left: 28px;}
	nav .container{padding: 0 3%;}
	.container{padding: 0 20px;}
	.index-application .rect{left: 16.66%;width: 16.66%;}
	.index-application .rect strong{font-size: 30px;}
}
@media (max-width: 1600px){
	.concept3 {
    height: 170px;
}
}

@media (max-width: 1024px){
	
	nav .item dt{margin: 0 10%;font-size: 18px;}
	nav .item li{margin: 0 10%;}
	nav .item li a{font-size: 13px;}
	.index-application .rect{left: 20%;width: 20%;}
	.index-application .rect span{font-size: 16px;}
	.index-application .rect strong{font-size: 26px;}
	.video li{width: 33.33%;}
	.video li .text span{margin-top: 15px;}
}

@media (max-width: 800px){
	.inner_menu_lits a{ font-size:16px;}
		.concept1 .warp .title h2, .concept2 .warp h2{ font-size:30px;}

	video::-webkit-media-controls{display: none !important;}

	[animation-name]{visibility: visible !important;-webkit-animation: none;animation: none;}
	.mh{display: none !important;}
	.ms{display: block !important;/* margin-bottom: -100px; */position: absolute;}
	.container{padding: 0 3%;}
	.banner img{left: 0;margin: 0;height: 120px;}

	nav{top: 0;height: 100%;background: #181516;}
	nav .container{left: 0;width: 100%;padding: 0;}
	nav .top{position: relative;margin: 0;background: #181516;border-bottom: 1px solid #333;}
	nav .top .logo{position: absolute;top: 50%;left: 0;float: left;width: 35%;max-width: 173px;margin-left: 3%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	nav .top .close{width: 60px;height: 60px;background: #ec1b23 url(../img/icon.png) no-repeat 0 -360px;}
	nav .wrapper{margin: 0;padding: 0;background: #181516;}
	nav .item{float: none;width: 100%;}
	nav .item h3{position: relative;line-height: 60px;margin: 0;padding: 0 5%;border-bottom: 1px solid #333;font-weight: bold;font-size: 20px;color: #fff;letter-spacing: 1px;}
	nav .item h3:after{content: "";position: absolute;top: 22px;right: 5%;width: 16px;height: 16px;background-position: -82px -382px;}
	nav .item h3.only:after{content: none;}
	nav .item h3 a{display: block;color: #fff;}
	nav .item.active h3:after{background-position: -142px -382px;}
	nav .item ul{position: relative;display: none;padding: 5px 0;background: #000;border-bottom: 1px solid #333;}
	nav .item li{margin: 0;border: none;}
	nav .item li a{display: block;line-height: 40px;padding: 0 10%;font-size: 16px;color: #666;}
	nav .item li a:hover{color: #666;}
	nav .item li a:active{color: #ec1b23;}

	nav .item li.qrcode{position: static;margin: 0;}
	nav .item li.qrcode a{display: none;}
	nav .item li.qrcode img{position: absolute;top: 50%;right: 3%;left: auto;display: block;width: auto;max-width: 100px;max-height: 90%;padding: 5px;background: #fff;border: none;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	nav .item li.qrcode img.right{top: 50%;left: auto;}

	header{height: 60px;padding: 0 3%;}
	header .logo{position: relative;top: 50%;margin: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}


	header .show-nav{position: relative;top: 50%;margin: 0;background-position: -495px -15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	header .nav,
	header .more{display: none;}
	header + .header-placeholder{height: 60px;}
	footer{padding-top: 0px;}
	footer .category,
	footer .media,
	footer .dropdown{display: none;}

	footer .logo{display: block;float: none;width: 42.18%;margin: 0 auto;}
	footer .copyright{margin-top: 30px;padding: 5px 0;text-align: center;}
	footer .copyright p,

	footer .copyright p a{float: none;line-height: 28px;}
	footer .copyright em{display: block;}
	footer .to-top{bottom: 10px;}


	.banner .title{top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
	.banner .title span{line-height: 30px;font-size: 24px;}
	.banner .title span.en{margin-top: 10px;font-size: 16px;}

	.link-tab ul{display: block;}
	.link-tab ul li{width: calc(33.33% - 1px);}
	.link-tab ul li:nth-child(3n+1):before{content: none;}
	.link-tab ul li:hover{background: none;}
	.link-tab ul li:hover a{color: #666;}


	section[class^="index"]{/* margin-top: 5%; */}
	.index-section-title{text-align: center;/* padding-top: 5%; */position: relative;/* margin-top: -120px; */margin-bottom: 6%;}

	.index-section-title span.en{margin-top: 2%;font-size: 12px !important;}
	.index-section-title span.en em{margin: 0 10px;}

	.index-recommend .btn-switch{position: absolute;top: 50%;z-index: 1;display: block;width: 45px;height: 45px;margin-top: -30px;}
	.index-recommend .btn-switch.prev{left: 0;background-color: #06963e;background-position: -126px -6px;}
	.index-recommend .btn-switch.next{right: 0;background-color: #000;background-position: -186px -6px;}
	.index-recommend ul li{width: 100%;margin: 0;}
	.index-recommend ul li .bottom{-webkit-transform: none;transform: none;}

	.index-video{padding-bottom: 50px;}
	.index-video .wrapper{padding-bottom: 56.25vw;}
	.index-video .video-js{width: 100% !important;height: 56.25vw !important;top: 120px;}
	.index-video .video-js video{-webkit-transform: none;transform: none;}
	.index-video .video-js video + div{display: none;}
	.index-video .vjs-big-play-button{-webkit-transform: scale(.6);transform: scale(.6);}

	.index-video .list{position: relative;width: 100%;}
	.index-video .list:after{content: "";display: block;clear: both;}
	.index-video .list a{float: left;width: 33.33%;height: 120px;line-height: 30px;padding: 20px 15px;text-align: center;border: none !important;}
	.index-video .list a:before{display: none;top: auto;bottom: 5px;left: 50%;width: 18px;height: 24px;margin: 0 0 0 -9px;background-position: -561px -18px;}
	.index-video .list a:after{content: none;}
	.index-video .list a:nth-child(2){border-left: 1px solid #fff !important;border-right: 1px solid #fff !important;}
	.index-video .more{position: absolute;bottom: 0;left: 50%;margin: 0 0 0 -50px;}

	.index-news .wrapper{padding: 0 0 50px 0;background: none;box-shadow: 0 1px 5px rgba(100, 100, 100, .3);}
	.index-news .list{width: 90%;padding: 0 3% 40px;box-shadow: none;}
	.index-news .list .box{float: none;width: 90%;margin-top: 10px;/* padding-bottom: 80px; */}
	.index-news .list .box:hover{border-bottom-color: #ddd;-webkit-transform: none;transform: none;}

	.index-news .list .box span{line-height: 24px;font-size: 24px;}
	.index-news .list .box h3{line-height: 36px;overflow: hidden;font-size: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;}

	.index-news .list .box .more{display: none;}
	.index-news .list .btn-switch{display: none;}
	.index-news .list .pagination{position: absolute;bottom: 10px;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.index-news .list .pagination span{width: 12px;height: 12px;margin: 0 6px;background: #888;}
	.index-news .list .pagination span[class*="active"]{background: none;border: 2px solid #0a9641;}
	.index-news .more{position: absolute;bottom: 15px;left: 50%;margin: 0 0 0 -50px;}

	.index-application .wrapper{height: auto;padding: 0 3% 50px;background-position: center;background-size: cover;}
	.index-application .rect{position: relative;top: -30px;left: 0;width: 95%;height: auto;margin: 0 auto -30px;}
	.index-application .rect .box{margin-left: 6.6%;}
	.index-application .rect span{margin-top: 30px;}
	.index-application .rect strong{margin-top: 10px;font-size: 26px;}
	.index-application .rect p{display: none;}
	.index-application .rect .btn-switch{position: absolute;top: 30px;right: 3%;bottom: auto;left: auto;}
	.index-application .rect .btn-switch a{width: 60px;height: 60px;margin: 0 7px;border-width: 1px;}
	.index-application .rect .btn-switch a.prev{background-position: -120px 0;}
	.index-application .rect .btn-switch a.next{background-position: -180px 0;}
	.index-application .list .swiper-container{padding: 0;}
	.index-application .list{top: 20px;-webkit-transform: none;transform: none;}
	.index-application .list a:hover{top: 0;}

	.group .link-tab{margin: 0 3%;padding-top: 60px;}
	.group .link-tab ul li:nth-child(4){margin-left: 16.66%;}
	.group .link-tab ul li:nth-child(4):before{content: none;}
	.group .section-title{margin-top: 60px;}
	.group .container{margin-top: 60px;margin-bottom: 60px;}
	.group .profile .picture{float: none;max-width: 100%;margin: 0 auto 20px;}


	.group .founder .left{float: none;width: 479px;max-width: 100%;margin: 0 auto 20px;padding: 0;border: none;}

	.group .culture-idea div[class^="section"]{margin-bottom: 28px;padding-bottom: 30px;}
	.group .culture-songs .section-title{margin-top: 30px;}
	.group .culture-idea .section-1{width: 100%;}
	.group .culture-idea .section-1 ul li:nth-child(even){padding-left: 15%;}
	.group .culture-idea .bottom{margin-bottom: 28px;}
	.group .culture-idea .bottom em{display: block !important;}
	.group .culture-songs ul{display: block;}
	.group .culture-songs ul li{width: 50%;}
	.group .culture-songs ul li span{font-size: 16px;}
	.group .culture-songs ul li a{font-size: 13px;}


	.group .history .year{left: 10px;}
	.group .history .desc p{font-size: 14px;}
	.group .honor .figure{width: 27.25%;height: calc(94vw * .2725 / (327 / 682));background-size: 100%;}
	.group .honor .text{width: 72.75%;height: calc(94vw * .2725 / (327 / 682));}
	.group .popup .box{height: 60%;width: 100%;max-width: 100%;}
	.group .popup .box .close{top: -55px;right: 5px;}
	.group .honor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px;}
	.group .honor .mCSB_scrollTools .mCSB_draggerRail{width: 4px;}

	.industry{margin-top: 60px;margin-bottom: 60px;}
	.industry .link-tab li.qrcode .box{position: fixed;height: calc(100% - 60px);background: rgba(0, 0, 0, .5);bottom: auto;top: 60px;z-index: 10;}
	.industry .link-tab li.qrcode .box img{position: relative;top: 50%;left: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;}
	.industry .link-tab li.qrcode:hover .box{display: none;}

	.news{margin-top: 60px;margin-bottom: 60px;}

	.news-detail{margin-top: 60px;margin-bottom: 60px;}
	.news-detail .jump{margin-top: 32px;padding-top: 15px;}
	.news-detail .attr{line-height: 24px;margin: 15px 0;}
	.news-detail .attr .fl{width: 100%;text-align: center;}
	.news-detail .attr .fr{display: none;}

	.video{margin-top: 60px;margin-bottom: 40px;}
	.video li{width: 50%;margin-bottom: 20px;padding: 0 20px;}
	.video .popup .box{width: 100%;max-width: 100%;}

	.newspaper{margin-top: 50px;margin-bottom: 50px;}
	.newspaper .search{padding: 0 18px;}
	.newspaper > ul li{margin-bottom: 32px;padding: 0 18px;}
	.newspaper > ul li a{padding: 6px;}
	.newspaper .popup .box{width: 100%;max-width: 100%;height: 60%;}
	.newspaper .popup .box .close{top: -70px;right: 10px;}
	.newspaper .popup .box .switch{top: calc(100% + 20px);margin: 0;-webkit-transform: scale(.8);transform: scale(.8);}
	.newspaper .popup .box .switch.prev{left: 3%;}
	.newspaper .popup .box .switch.next{right: 3%;}

	.contact .section{margin-top: 60px;padding-bottom: 60px;}
	.contact .info .text{float: none;width: 100%;margin-bottom: 20px;}
	.contact .info .text p{margin-top: 18px;}
	.contact .info .map{float: none;width: 100%;}
	.contact .msg .form h3{margin-top: 16px;}

	.contact .msg .form textarea{height: 120px;line-height: 24px;}
	.contact .media dl{width: 100%;margin-top: 28px;padding-bottom: 30px;}
}


/****************************** 分页 ******************************/
.page1{clear:both; text-align:center;font-size:12px; margin-top:25px; font-family: "Microsoft YaHei";}
.page1 span a{ color:#333333;padding:5px 10px; text-decoration:none;background:#f8f8f8;}
.page1 span a:hover{ color:#999; background:#ed1c24; color:#fff;}
.page1 span{margin:2px;}

.page1 span.current a{background:#ed1c24;color:#fff;}


/****************************** CSS3 Animation ******************************/
[animation-name]{
	visibility: hidden;
	-webkit-animation-duration: 1s;
	/* animation-duration: 1s; */
	/* -webkit-animation-fill-mode: both; */
	/* animation-fill-mode: both; */
}

@-webkit-keyframes fadeInLeft100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
	}


	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInLeft100 {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRight100 {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}


	to {




		opacity: 1;
		transform: none;
	}


}

@-webkit-keyframes fadeInUp100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp100 {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInDown100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);

	}



	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInDown100 {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.yg_about p{line-height: 220%;}

.yg-state p{line-height: 30px; width:820px;}
.yg_about{overflow:hidden;/* padding: 100px 200px; */}
.yg_about h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.yg_about a{font-size: 16px;padding: 0 8px;line-height: 32px;margin-top: 1%;color: #07934a;}
.yg_about a:hover{ color:#069a43}
.yg_about p{font-size: 18px;color: #585858;}
.yg_about .about-cont{width: 100%;/* max-width: 1000px; */margin: 50px auto 0 auto;}
.yg_about .about-cont .tran{float:left; text-align:center; width:25%;}
.xian_r{border-right: 1px solid #dadada;}
.yg_about .about-cont .t1 {font-size: 25px;color: #000;line-height: 50px;}
.yg_about .about-cont .t1 span {font-size: 65px;color: #09b65e;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.yg_about .about-cont .t2 {font-size: 18px;color: #373737;}
.yg-state p{line-height: 30px; width:820px;}

.yg_about{padding-bottom: 4%;overflow:hidden;/* margin: 0 8%; */margin-top: 5%;}
.yg_about h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.yg_about p{margin: 0 15%;}
.yg_about .about-cont{width: 80%;/* max-width: 1000px; */margin: 80px auto 0 auto;}
.yg_about .about-cont .tran{float:left;text-align:center;width: 25%;margin:  0 auto;}
.yg_about .about-cont .t1 {font-size: 25px;color: #000;line-height: 50px;}
.yg_about .about-cont .t2 {font-size: 24px;color: #585858;}
.slide{width: 75%;height: 224px;margin:0 auto;margin-top: 170px;}
.slide_cont{ width:100%;height:524px;overflow:hidden;}
.slide_cont ul li{ float:left;height:524px;}
.slide_cont ul li img{ display:block;width:1000px;height:310px;margin:0 auto;margin-top:156px;}
.slide_point{}
.slide_point span{display:inline-block;/* width: 13%; */text-align:center;height: 250px;color:#FFF;font-size:17px;font-weight:bold;line-height:54px;cursor:pointer;}
.slide_point .cur_point,  .slide_point span:hover{ height:64px;cursor:pointer;}

@media (max-width: 1800px){
footer .category dl {

float: left;

/* padding-left: 10px; */

/* margin-right: 6%; */
}	
footer .category {
    float: left;
    width: 80%;
}
.slide_point {
    width:100%;
    margin-top: 200px;
	margin:0 auto;
	
}

.slide {
    width: 90%;
    height: 324px;
    margin: 0 auto;
    margin-left:  5%;
}

.index-news .list .box .more {
    margin-top: 10%;
}
}
@media (min-width: 1400px) and (max-width:1799px) {
	.adress {
    width: 80%;
    margin: 0 auto;
}
.slide_point span{display:inline-block;width: 13%;text-align:center;height: 200px;color:#FFF;font-size:17px;font-weight:bold;line-height:54px;cursor:pointer;}
	footer .media .wechat img {
    display: block;
    width: 150px;
    height: 150px;
    padding: 2px;
}
		footer .category dl {
    float: left;
    /* padding-left: 10px; */
    /* margin-right: 3%; */
}
footer .category {

    float: left;
    width: 80%;
}
.slide {
    width: 95%;
    height: 224px;
    margin-top: 150px;
}

.yg_about{overflow:hidden;width: 100%;/* margin:  0 auto; */=: leftpadding-top: 80px}

	footer .category dl {
    float: left;
    /* padding-left: 10px; 
    margin-right: 1%;*/
}
	
}
@media (min-width:900px) and (max-width:1399px) {
	.adress {
    width: 80%;
    margin: 0 auto;
}
	.concept1 .warp, .concept2 .warp{ width:100%;}
	nav{/* margin-top: 1%; */}
		.slide { display:block;}
.slide_point span{display:inline-block; width: 13%;text-align:center;height:54px;color:#FFF;font-size:17px;font-weight:bold;line-height:54px;cursor:pointer;}
	.yg_about{padding: 100px 0px;padding-bottom: 100px; overflow:hidden; }
.yg_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}

.yg_about p{margin:  0 5%;}
.yg_about .about-cont{width: 100%;max-width: 1000px; margin: 50px auto 0 auto;}
.yg_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.yg_about .about-cont .t1 {font-size: 20px;color: #000;line-height: 50px;}
.yg_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}
.yg-state p{color:#6c6c6c;}


.yg_about{padding: 50px 0px;padding-bottom: 10px;overflow:hidden;}
.yg_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}
.yg_about p{}
.yg_about .about-cont{width: 100%;max-width: 1000px;margin: 0px auto 0 auto;}

.yg_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.yg_about .about-cont .t1 {font-size: 20px;color: #000;line-height: 50px;}
.yg_about .about-cont .t1 span {font-size: 36px;color: #069238;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.yg_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}

	.slide {
    width: 96%;


    height: 254px;
    margin: 0 auto;
    margin-left: 2%;
    margin-top: 200px;
}
	footer .category dl {
    float: left;
    /* padding-left: 10px; */
}
	footer .media .wechat img {

display: block;

width: 150px;

height: 148px;

padding: 2px;
}
	footer .category {
    float: left;
    width: 80%;
}
	yg_about p {
    line-height: 45px;

    margin-left: 10%;
}
	.concept4 .warp .list li {
    float: left;
    width: 50%;
    margin-right: 15px;
}
	.concept3 .warp li h2{
	font-size: 22px;
}
.concept3 .warp li:first-child {
    float: left;
    /* height: 590px; */
    width: 31%;
    position: relative;
}
.concept3 .warp li {
    float: left;
    /* height: 590px; */
    width: 23%;
    position: relative;
}

	.concept3 .warp li .box {
    /* padding: 60px 30px 0; */
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    /* height: 490px; */
    /* width: 240px; */
}
.concept3 .warp li p {
    font-size: 17px;
    line-height: 38px;
    color: #000000;
}
	.concept3 .warp{
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;

}
	.concept1 .warp, .concept2 .warp {
    position: relative;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.concept1{
	width: 100%;
	padding: 30px 0 30px;
	background-color: #fff;
}.yg-state p{line-height: 30px;}

.yg_about{/* padding: 100px; */padding-bottom: 100px;overflow:hidden;}
.yg_about h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.yg_about p{}
.yg_about .about-cont{width: 100%;max-width: 1000px;margin: 100px auto 0 auto;}
.yg_about .about-cont .tran{float:left; text-align:center; width:25%;}
.yg_about .about-cont .t1 {font-size: 25px;color: #000;line-height: 50px;}
.yg_about .about-cont .t1 span {font-size: 60px;color: #069a42;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.yg_about .about-cont .t2 {font-size: 16px;color: #6f6f6f;}
}

@media (min-width:768px) and (max-width:899px) {

	.index-application .list a h3 {line-height: 40px;}

	.yg_about{padding: 100px 0px;padding-bottom: 100px; overflow:hidden; }
.yg_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}

.yg_about p{line-height: 30px;}
.yg_about .about-cont{width: 100%;max-width: 1000px; margin: 50px auto 0 auto;}
.yg_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.yg_about .about-cont .t1 {font-size: 20px;color: #000;line-height: 50px;}
.yg_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}
.yg-state p{color:#6c6c6c;}


.yg_about{/* padding: 50px 0px; */padding-bottom: 10px;overflow:hidden;margin:  0 2%;}
.yg_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}
.yg_about p{line-height: 30px;margin: 0 2%;}
.yg_about .about-cont{width: 100%;max-width: 1000px;margin: 0px auto 0 auto;}

.yg_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.yg_about .about-cont .t1 {font-size: 25px;color: #000;line-height: 50px;}
.yg_about .about-cont .t1 span {font-size: 36px;color: #069238;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.yg_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}

	
}

.swiper-slide t img{width: 34px;display: block;margin: 0 auto;height: 35px;}
@media (max-width: 768px) {
	
		.concept3 {
    height: 200px;
}
	.concept3 .warp li {
    width: 50%;
    height: 100px;
}
	.index-section-title span {
    display: block;
    font-size: 24px !important;
    color: #333;
    /* letter-spacing: 1px; */
}
	.pd{ display:block;}
	.pd ul{}
.pd li{width: 98%;}
.pd a{ width:50%;}
.pd li img{ width:100%;}
	.swiper-wrapper{ width:100%;}



	.index-application .list a {
    position: relative;
    top: 0;
    float: left;
    overflow: hidden;
    width: 33% !important;
    height: 220px;
}
.pd t img{width:35px;margin-left: 10% !important;}
	.swiper-container1{ display:block;}

	.slide{ display:none;}
	.yg_about p {
    line-height: 25px;
    text-align: center;
    font-size: 16px;
}
	.slide{ display:none;}
	.concept4 .warp .list li {
    float: left;
    width: 10%;
    margin-right: 15px;
}



	.concept3 .warp li h2{
	display: block;
	font-size: 18px;
	line-height: 20px;
	color: #069840;
	margin-bottom: 2%;
	margin-top: 2%;
}
		.concept3 .warp li .box {
    padding: 0px 30px 30px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    /* height: 490px; */
    /* width: 240px; */
}
.concept3 .warp li p {
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}
	.concept3 .warp{
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
	.concept1 .warp, .concept2 .warp {
    position: relative;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.concept1{
	width: 100%;
	padding: 20px 0 0px;
	background-color: #fff;
}.yg-state p{color:#6c6c6c;}

.yg_about{padding: 100px 0px;padding-bottom: 100px; overflow:hidden; }
.yg_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}

.yg_about p{line-height: 30px;text-align: center;margin: 0 5%;}
.yg_about .about-cont{width: 100%;max-width: 1000px; margin: 50px auto 0 auto;}
.yg_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.yg_about .about-cont .t1 {font-size: 20px;color: #000;line-height: 50px;}
.yg_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}
.yg-state p{color:#6c6c6c;}

.service {
    width: 92!important;
    height: 50%;
    padding: 3em 0;
}
.yg_about{padding: 5% 0;padding-bottom: 10px;overflow:hidden;}
.yg_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}
.yg_about .about-cont{width: 100%;max-width: 1000px;margin: 0px auto 0 auto;}

.yg_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.yg_about .about-cont .t1 {font-size: 20px;color: #000;line-height: 50px;}
.yg_about .about-cont .t1 span {font-size: 36px;color: #069238;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.yg_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}
}



.w96{
	max-width: 96%;
	padding: 0 4%;

	margin: 0 auto;
}
.h_contact{margin: 5% 0 0 0;overflow: hidden;}
.h_contact .tit{
    font-size: 50px;
    height:55px;
    line-height: 55px;
    color: #000;
    font-weight: bold;
    }
.h_contact .con{
    font-size: 18px;
    color: #333333;
    margin: 1% 0 7% 0;
    } .swiper-container1 {
      width: 100%;
      height: 650px;
      padding-bottom: 70px!important;
    }
	.h_contact ul{ /* padding-left:82px; */}
.h_contact li{ float:left; width: 25%; color:#333;  }
.h_contact li img{ border:#d0d0d0 1px solid; border-radius:50%;}

.h_contact h3{ font-size:18px; font-weight:bold; color:#666; margin:15px 0 7px; }
.mapimage{ padding-top:45px;}
.adress{max-width: 73%;display:block;margin:0 auto;}
.h_jiameng{ margin: 5% 0;overflow: hidden;}
.h_jiameng .tit{
    font-size: 50px;
    height:55px;
    color: #000;
    line-height: 55px;

    font-weight: bold;
    }
.h_jiameng .tit1{
    font-size: 30px;
    height:55px;
    line-height: 55px;
    color: #000;
    font-weight: bold;
    }
.h_jiameng .con{
    font-size: 18px;
    color: #333333;
    margin: 1% 0 2% 0;
    } 
			.h_jiameng .more{ width: 90px;text-align: left;padding: 10px 20px 10px 10px;}	


	
	.h_jiameng .write{ width:80%; margin:0 auto; background:url(../img/jiameng.png) top no-repeat; background-size:contain; padding:160px 0; }
	.h_jiameng .write .text1, .h_jiameng .write .text2 {
    width: 45%;
}
.h_jiameng .write .text3 {


    width: 92%;

    margin: % 0;
}



.h_jiameng .write input {
    margin-right: 1%;
    background-color: rgba(255, 255, 255, 0.53);
    padding: 20px 0;
    color: #6e6e6e;
    border: #bfbfc1 1px solid;
    padding-left: 1%;
    font-size: 14px;
    margin-bottom: 1%;
}

.h_jiameng .write .submit {
    background-color: #040404;
    color: #fff;
    width: 30%;
    font-size: 18px;
    text-align: center;
    padding-left: 0;
    cursor: pointer;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: 50px;
    line-height: 46px;
    border: 2px solid #040404;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

	
	
	.swiper-container1 {
      width: 100%;
      height: 650px;
      padding-bottom: 70px!important;
    }
	.h_jiameng .list{ overflow: hidden;}
	.h_jiameng .list .aimg{ width: 50%; max-height: 450px; min-height: 450px;background:#000; float:left;}
	.h_jiameng .list .adesc{ width: 40%; padding: 60px 5% 50px 5%;max-height: 400px; min-height: 200px; float:left;}
	.h_jiameng .list .adesc .title{ /* float:left; */ width:100%;margin-bottom: 50px;}
	.h_jiameng .list .adesc .title h1{ font-size:40px;height: 60px;}

	.h_jiameng .list .adesc .title span{ font-size:20px; color:#cacaca;margin-top: -10px;}
	.h_jiameng .list .adesc .miaos{ /* float:left; */ width:100%;text-align: left;font-size: 16px;/* color: #000; */}
 
	.swiper-slide img{/* position: relative; *//* float: left; */}.swiper-slide p{/* float:left; *//* width: 100%; *//* position: absolute; *//* z-index: 999; */}
.recruit .row{margin-left: -18px;margin-right: -18px;margin-top: 2%;}
.recruit .col-xs-12{margin-top: .2rem; margin-bottom: .16rem; padding-left: 18px; padding-right: 18px;}
.recruit-item{padding: 3vw;background: #fcfcfc;}
.recruit-bd h3{margin-top: 4vw; margin-bottom: 2vw;}

.recruit-bd h3 span{display: inline-block;padding: 0 .27rem;background: #079a3c;color: #fff;font-size: 20px;line-height: 34px;}
.recruit-bd p{font-size: 16px; line-height: 30px; color: #2f2f2f;}
.recruit .map{height: 6.08rem;}
.mapbox{margin-bottom: 4.5vw; margin-top: .2rem;}
.mapbox .infor{right: 0; top: 0; bottom: 0;}
.mapbox .box{margin-left: 18px; padding: 0 9vw 0 2.8vw; height: 100%; background: rgba(1,1,1,.7); color: #fff; font-size: 16px; line-height: 25px; }
.mapbox .box .weui-cell{padding: 2.5vw 0; border-top: 1px solid #464e57;}
.mapbox .box .weui-cell:first-child{border-top: 0;}
.mapbox .box .weui-cell__hd{width: 27%; line-height: 1.6; font-size: 1.88vw;}
.mapbox .box .weui-cell__bd{padding-top: 1vw;}

.mapbox .box .weui-cell .ff-lum{line-height: 1.2}
@media (max-width: 991px){
.recruit-item{height: auto !important;}
.recruit .map{height: 3.6rem;}
.mapbox .infor{position: static; width: 100%;}
.mapbox .box{margin-left: 0;}
.mapbox .box .weui-cell__hd{font-size: 3vw;}
.mapbox .box .weui-cell .ff-lum{font-size: 4vw;}
}
@media (max-width: 639px){
	.h_jiameng .write{padding:0px 0;}
.h_jiameng .write {
    width: 100%;
}
	.yg_about img{ width:100%;}

	.concept1 p {
    width: 100% !important;
}
	.h_contact .tit {
    font-size: 30px;


    height: 40px;
    line-height: 40px;
    color: #000;
    font-weight: bold;
}
	.h_contact ul{ /* padding-left:82px; */}
.h_contact li{float:left;width: 50%;color:#333;}
.h_contact li img{ border:#d0d0d0 1px solid; border-radius:50%;}
.h_contact h3{ font-size:18px; font-weight:bold; color:#666; margin: 5px 0 0px;}
.h_contact p{ margin:0px 0px 30px 0px; padding:0px; }
	footer .category dl {
    margin-right: 5%;
}
.mapbox .box .weui-cell__hd{font-size: 4.8vw;}
.mapbox .box .weui-cell .ff-lum{font-size: 7vw;}
.recruit-bd h3 span{font-size: 18px;}

}
.f36 {
    font-size: 36px;
}	
.recruit p{font-size: 18px;text-align: left;padding: 3% 0%;color: #000;line-height: 180%;}
.h_jiameng p{font-size: 18px;text-align:center;}	

.tscp_box{
    /* padding: 58px 0 86px; */
}
.tscp_box .tscp_con{
    width: 100%;
    margin:0 auto;
}
@media only screen and (max-width: 1400px) {
    .tscp_con {


        width: 84%;
    }

}
@media only screen and (max-width: 1200px) {
    .tscp_con {
        width: 94%;
    }
}
@media only screen and (max-width: 1080px) {
    .tscp_con {
        width: 98%;
    }
		.adress h1{ width:100% !important;}
	.adress{ width:80%;}

}
.tscp_box .tscp_con .options-box{
    float: left;

    width:24%;
}
.tscp_box .tscp_con .options-box h3{
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 16px;
	cursor: pointer;
	background-image: url(../images/jiantou.png);
	background-repeat: no-repeat;
	background-position-x: 310px;
	background-position-y: center;
	padding: 10px;
	background-color: #069a3f;
}
.tscp_box .tscp_con .options-box h3.tit{
	margin-top: 35px;
}
.tscp_box .tscp_con .content-box{
    margin:  0 auto;
    max-width: 1100px;
}
.tscp_box .tscp_con .options-box li+li{
    margin-top: 20px;
}
.tscp_box .tscp_con .options-box li{
    padding: 0 20px 0 35px;
    background-color: #ffffff;
    font-size: 17px;
    color: #333333;
    position: relative;
    line-height: 66px;
    cursor: pointer;
}
@media only screen and (max-width: 1200px) {
    .tscp_box .tscp_con .options-box li{
        padding-left: 20px;
    }
}
.tscp_box .tscp_con .options-box li i{
    position: absolute;
    width:0;
    height:0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #069644;
    right:-10px;
    top:50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%);    /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%);
    display: none;
}
.tscp_box .tscp_con .options-box li.cur{
    background-color: #079d3d;
    color: #ffffff;
}
.tscp_box .tscp_con .options-box li.cur i{
    display: block;
}

.tscp_box .tscp_con .content-box{

}

.tscp_box .tscp_con .item-container{
    background-color: #ffffff;
    padding: 5px 50px 60px;
    display: none;
}

@media only screen and (max-width: 1080px) {
.left_img{ width:100%;} 
.left_nr{width:100%;margin-bottom:  2%;padding: 6% 0;} 
.tscp_box .tscp_con .item-container{
        padding: 30px 30px 45px;
    }
}
.tscp_box .tscp_con .item-container .crosshead{
    font-size: 20px;
    font-weight: bold;


    color: #1A449C;
    border-bottom: 1px solid #F0F0F0;
}
.tscp_box .tscp_con .item-container .t{
	margin-top: 20px;
}
.tscp_box .tscp_con .item-container .t p{
	color: #666666;
	font-size: 16px;
	line-height: 32px;

}
.tscp_box .tscp_con .item-container .crosshead span{
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 2px solid #1A449C;
}
.execute-before img{width: 48%;margin-left: 1%;}

.cur a{color: #000;}
@media (min-width:768px) and (max-width:899px) {
	.concept1 .warp, .concept2 .warp {
    width: 90%;
}
	.concept3 .warp li h2 {
    font-size: 20px;
}

	.concept3 .warp {
    width:100%;
}

	.concept3 {
    height: 200px;
}
	.concept3 .warp li {
    width: 50%;
    height: 100px;
}
		.left_img{ width:100%;} 
	.concept1 p {
    width: 100% !important;
}
	.adress p{font-size: 18px !important;}
.swiper-container2{width: 90%;position: relative;overflow: hidden;z-index: 1;}	
}
@media (max-width: 480px){
	#solution{width:100%;}
	.yg_about img{ width:100%;}

		.inner_menu_lits a{font-size: 14px;padding: 8px 5px;}
	.index-section-title{ padding-top:5%;}
	.index-news .list .box{ margin-top:5%;}
	.left_nr{ width:100%;} 
	.left_img{ width:100%;} 
.TechBox ul li .download{ font-size:14px;}
    .index-service {padding:35px 0;}
    .index-banner .cansual-item-title .small-title,
    .index-banner .cansual-sub-title span{font-size:14px;}
    .index-banner .cansual-item-title .number {font-size: 20px;line-height:1;}
    .index-title {padding-bottom:25px;}
    .index-title .big-title .big {font-size:18px;}
    .index-banner .cansual-item-title .number .add-icon {vertical-align:15px; }
    .index-banner .carousel-item3 .cansual-des {width:auto;}
    .index-banner .cansual-des {font-size:1.1rem;}
    .index-banner .cansual-line {height:1px;margin:1rem 0 1.25rem;}
    .index-banner .carousel-item2 .cansual-des {font-size:1.45rem;}
    .index-banner .carousel-item .cansual-title {font-size:2rem;}
    .index-banner .carousel-item-image .lg-hidden {width:100%;height:100%;}
    .page-header-bar {height:60px;line-height:60px;}

    .carousel-controls {width:250px;height:60px;}
    .carousel-controls .count {    font: bold 14px/60px 'Gotham-Book';}
    .carousel-controls .swiper-button-line {top:20px;left:25px;}
    .carousel-controls .swiper-button-next:hover .swiper-button-line {left:25px;}
    .carousel-controls .swiper-button:after {display:none;}
    .carousel-controls .carousel-control {width:59px;height:59px;}
    .carousel-controls .carousel-line {top:17.5px;height:25px;}
    .carousel-scroll-btn,.carousel-scroll-btn .carousel-scroll-btn-icon {top:12.5px;width:35px;height:35px;}

    .index-customer .wrap {padding:50px 4.5%;}
    .index-service-scroll-wrap .swiper-slide-text-wrap {float:none;width:70%;}
    .index-service .work-buttons {right:1.5rem;bottom:2rem;}
    .index-service .work-buttons .count {margin-bottom:45px;}
    .index-service .work-buttons .count i {height:90px;}
    .index-service .work-buttons .prev:before {  background: url(../images/left-icon6.png) no-repeat center center;  background-size:10px 20px;  }
    .index-service .work-buttons .next:before {  background: url(../images/right-icon6.png) no-repeat center center;  background-size:10px 20px;  }
    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-title {font-size:20px;}
    .index-service-scroll-wrap .swiper-slide-text-wrap .slide-descrition span {padding:3px 0;}
    .index-data .text-wrap .number-wrap {  font-size: 54px;  }
    .index-news {padding:50px 0;}
    .index-news .each-item .item2 .item-inner {padding:25px 25px 20px;}
    .index-news .each-item .item2 .title, .index-news .each-item .item3 .title {margin-bottom:10px;font-size:16px;}
    .normal-more-wrap1 {padding-top:30px;}
	.adress p{font-size: 18px !important;}
	.tds p{ margin-left:5%;}
	.tds{ width:100%; margin-left:0px !important;}
	.adress h1{ width:100% !important;}
	.adress{ width:80%;}
	.concept1 p{ width:100% !important;}
	td{
    width: 62.5%;
    float:  left;
}
	.f36{ font-size:20px;}
	.recruit p{ font-size:14px;}
	.container{ max-width:96%; margin-left:2%; padding:0px;}
	.concept2 .warp{ padding-top:2%;}
	.concept2{background-size:100%;height: 120px;}
	.concept3 .warp li{width: 50%;height: 90px;}
	.concept2 .warp .details{font-size:14px;line-height: 12px;margin-top: 10%;}
	
	.concept1 .warp .title h2, .concept2 .warp h2 {
    font-size: 20px;
    margin-bottom: 2%;
}
	.yg_about a {
    font-size: 14px;
    padding: 0 2px;
    line-height: 32px;
    margin-top: 1%;
    text-align:  center;
}
		
			.options-box{ display:none;}
	.tscp_box .tscp_con .content-box {
    float: left;
    width: 100%;
}
.tscp_box .tscp_con {
    width: 98%;
    margin: 0 auto;
}
.content-box{ font-size:14px;} 
.tscp_box {
    padding: 1% 0 0%;
}
		.swiper-slide .text_bj1,.swiper-slide .text_bj2,.swiper-slide .text_bj3,.swiper-slide .text_bj4,.swiper-slide .text_bj5,.swiper-slide .text_bj6,.swiper-slide .text_bj7,.swiper-slide .text_bj8{ line-height:40px; height:40%!important;} 

	.swiper-container2 {
    width: 100%;
    margin: 0 auto;
}
	.pd{ display:block;}
.pd ul{}
.pd li{width: 98%;}
.pd a{ width:50%;}

.pd li img{ width:100%;}
	.swiper-wrapper{ width:100%;}
	.index-application .list a {
    position: relative;
    top: 0;
    float: left;
    overflow: hidden;
    width: 50% !important;
    height:  200px;

}
.pd t img{width:35px;margin-left: 10% !important;}
	.swiper-container1{ display:block;}
	.slide{ display:none;}
	.yg_about p {
    font-size: 16px;
}
.yg_about {

	.tscp_box .tscp_con .options-box {
    float: left;
    width: 100%;
}
	.concept4 .warp .title h2 {
    display: block;
    /* font-size: 44px; */
    line-height: 66px;
    color: #222;
    font-size: 30px;
}

	.concept4 .warp .list li {
    float: left;
    width: 5%;
    margin-right: 15px;
}
	.concept2 .warp {
    position: relative;
    z-index: 5;
    padding-top: 15%;
}

	.concept2 {
    /* background: url(../img/status-img1.jpg) center no-repeat; */
    max-height: 200px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    position: relative;
}
	.concept3 .warp li {
    float: left;
    width: 100%;
    position: relative;
}
	.concept2 .warp .details {
    font-size: 20px;
    line-height: 36px;
    color: #fff;
}
	.concept1 .warp .title {
    margin-bottom:30px;
}
	.concept1 .warp .title h2, .concept2 .warp h2 {
    display: block;
    font-size: 20px;
    line-height: 20px;
    color: #222;
    margin-bottom: 10px;
}
	.concept1 {
    width: 100%;
    padding: 40px 0 105px;
    background-color: #fff;
}
	header .logo{width: 40%;}
	nav .top .close{width: 50px;height: 50px;background-position: -5px -365px;}
	nav .item h3{line-height: 50px;font-size: 16px;letter-spacing: .5px;}

	nav .item h3:after{top: 17px;}
	footer{padding-top: 16px;}
	footer .copyright p,
	footer .copyright p a{line-height: 20px;font-size: 12px;}
	footer .to-top{top: 30px;width: 40px;height: 40px;line-height: 55px;background-position: -70px -18px;font-weight: normal;letter-spacing: 0;}

	.banner .title span{line-height: 24px;font-size: 18px;}
	.banner .title span.en{margin-top: 6px;font-size: 12px;}

	.link-tab ul li:before{top: 11px;}
	.link-tab ul li a{line-height: 40px;font-size: 14px;}

	.banner-index ol li{padding-bottom: 10px;font-size: 14px;}

	section[class^="index"]{margin-top: 30px;}
	.index-section-title{margin-bottom: 20px;margin-top: -10px;}
	.index-section-title span{font-size: 18px !important;color: #000;}
	.index-section-title span.en{margin-top: 12px;height:  20px;overflow:  hidden;}
	.index-video .list a{line-height: 24px;font-size: 14px;}

	.index-recommend ul li .bottom{height: 80px;}
	.index-recommend ul li .text h3{margin-top: 8px;font-size: 16px;}
	.index-recommend ul li .text p{height: 40px;line-height: 20px;margin-top: 5px;font-size: 12px;}
	.index-recommend ul li a{padding-top: 27px;}

	.index-video .more{font-size: 12px;width: 80px;margin: 0 0 0 -40px;line-height: 24px;border-right: 12%;}

	.index-news .list .box p{height: 60px;line-height: 20px;font-size: 12px;}
	.index-news .list .box span{line-height: 20px;font-size: 20px;}
	.index-news .list .box h3{font-size: 14px;}
	.index-news > .more{font-size: 12px;width: 80px;margin: 0 0 0 -40px;line-height: 24px;border-right: 12%;}

	.index-application .list a h3{font-size: 18px;line-height: 40px;}

	.index-application .rect{top: -20px;margin-bottom: -20px;}

	.group .link-tab{padding-top: 30px;}
	.group .container{margin-top: 30px;margin-bottom: 30px;}
	.group .section-title{margin-top: 30px;}
	.group .section-title:before{height: 40px;}
	.group .section-title span{line-height: 30px;font-size: 20px;}
	.group .section-title span.en{line-height: 20px;font-size: 14px;}

	.group .picture .arrow{position: absolute;left: 0;display: block !important;width: 100%;top: 50%;}
	.group .picture .arrow a{position: absolute;top: -20px;width: 40px;height: 40px;}
	.group .picture .arrow a.prev{left: 0;background-color: rgba(236, 27, 35, .8);background-position: -130px -10px;}




	.group .picture .arrow a.next{right: 0;background-color: rgba(0, 0, 0, .8);background-position: -190px -10px;}

	.group .profile .picture{padding: 0;}
	.group .profile .picture .arrow{margin-top: -20px;}
	.group .profile p{line-height: 26px;margin-bottom: 6px;}
	.group .founder .picture{padding: 0;}
	.group .founder .picture .arrow{top: 50%;}

	.group .culture-idea .bottom{margin-bottom: 15px;}
	.group .culture-idea .bottom{font-size: 16px;line-height: 26px;}

	.group .history .year{display: none;}
	.group .history .desc{height: auto;width: 100%;}
	.group .history .desc .switch{display: block;margin-top: 20px;overflow: hidden;position: relative;z-index: 1;}
	.group .history .desc .switch a{width: 40px;height: 40px;position: relative;}
	.group .history .desc .switch a.prev{float: left;background-color: rgba(236, 27, 35, .8);background-position: -130px -10px;}
	.group .history .desc .switch a.next{float: right;background-color: rgba(0, 0, 0, .8);background-position: -190px -10px;}
	.group .history .desc .switch span{position: absolute;top: 0;left: 0;width: 100%;line-height: 40px;font-size: 30px;color: #000;text-align: center;}

	.industry{margin-top: 30px;margin-bottom: 30px;}

	.news{margin-top: 30px;margin-bottom: 30px;}
	.news ul li .title a{font-size: 14px;}
	.news ul li .title span,
	.news ul li p{font-size: 12px;}
	.news ul li > a{line-height: 20px;border-radius: 10px;font-size: 12px;}

	.news-detail{margin-top: 30px;margin-bottom: 30px;}
	.news-detail .attr{line-height: 20px;margin: 10px 0;}
	.news-detail .jump{margin-top: 16px;padding-top: 8px;}
	.news-detail .upload p,
	.news-detail .jump span,
	.news-detail .jump span a{font-size: 13px;}
	.news-detail .jump{margin-top: 16px;padding-top: 8px;}
	.news-detail .jump .back{top: 8px;font-size: 13px;}

	.video{margin-top: 30px;margin-bottom: 20px;}
	.video li{width: 100%;margin-bottom: 10px;padding: 0;}

	.newspaper{margin-top: 25px;margin-bottom: 25px;}
	.newspaper .search{padding: 0;}
	.newspaper .search .item{width: 100%;margin-bottom: 15px;}
	.newspaper .search .item label{float: left;width: 28%;line-height: 35px;}
	.newspaper .search .item select{float: left;width: 72%;}
	.newspaper .search button{width: 30%;margin: 0 0 0 28%;}
	.newspaper > ul li{width: 50%;margin-bottom: 16px;padding: 0 10px;}
	.newspaper > ul li a{padding: 3px;}

	.contact .section{margin-top: 30px;padding-bottom: 30px;}
	.contact h2{font-size: 16px;}
	.contact .info .text{margin-bottom: 15px;}
	.contact .info .text p{line-height: 24px;margin-top: 12px;font-size: 14px;}
	.contact .info .map{height: 94vw;}

	.contact .msg{margin-top: 15px;}
	.contact .msg .form h3{margin-top: 10px;}
	.contact .msg .form ul{padding: 10px 0 0 0;}
	.contact .msg .form ul li{width: 100%;}
	.contact .msg .form textarea{height: 100px;padding: 5px;}
	.contact .msg .form a{width: 100px;line-height: 30px;margin-top: 20px;border-radius: 5px;font-size: 14px;}

	.contact .media dl{width: 100%;margin-top: 12px;padding-bottom: 15px;}
	.contact .media dl dt{font-size: 14px;}
	.contact .media dl dd{width: 28.5%;}
	.contact .media dl dd span{font-size: 12px;}
	.tscp_box .tscp_con .content-box {
    float: right;
    width: 100%;
}
.execute-before img{ width:100%;}
.f36 {
    font-size: 24px;
}
.h_jiameng{ margin: 5% 0;width: 100%;overflow: hidden;}
.h_jiameng .tit{
    font-size: 30px;
    height:40px;
    color: #000;
    line-height: 40px;
    font-weight: bold;
    }
.h_jiameng .tit1{
    font-size: 30px;
    height:40px;
    line-height: 40px;
    color: #000;
    font-weight: bold;
    }
.h_jiameng .con{
    font-size: 16px;
    color: #333333;

    margin: 1% 0 7% 0;
    } 
			.h_jiameng .more{ width: 90px;text-align: left;padding: 10px 20px 10px 10px;}	



	
	.h_jiameng .write{width: 100%;margin:0 auto;background:url(../imgs/jiameng.png) top no-repeat;background-size:contain;padding: 20px 0;/* height: 250px; */}
	.h_jiameng .write .text1, .h_jiameng .write .text2 {
    width: 45%;
}
.h_jiameng .write .text3 {
    width: 92%; margin:2% 0;
}
.h_jiameng .write input {
    margin-right: 1%;
    background-color: rgba(255, 255, 255, 0.53);
    padding: 20px 0;
    color: #6e6e6e;
    border: #bfbfc1 1px solid;

    padding-left: 1%;
    font-size: 14px;
}

.h_jiameng .write .submit {
    background-color: #040404;
    color: #fff;
    width: 94%;
    font-size: 20px;
    text-align: center;
    padding-left: 0;
    cursor: pointer;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: 50px;
    line-height: 46px;
    border: 2px solid #040404;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;

    transition: all .3s;
}



	
	.index-news .list .box{ border-bottom:none;}
	.swiper-container1 {

      width: 100%;
      height: auto;
      padding-bottom: 20px!important;
    }
	.h_jiameng .list{ overflow: hidden;}
	.h_jiameng .list .aimg{ width: 100%; max-height: 450px; background-size: contain!important;min-height: 300px;background:#000; float:left;}
	.h_jiameng .list .adesc{  width: 98%;      padding: 10px 0% 10px 2%;max-height: 400px; min-height: 200px; float:left;}
	.h_jiameng .list .adesc .title{ /* float:left; */ width:100%;margin-bottom: 5%;}
	.h_jiameng .list .adesc .title h1{ font-size: 30px;height: 60px;}
	.h_jiameng .list .adesc .title span{ font-size:20px; color:#cacaca;margin-top: -10px;}
	.h_jiameng .list .adesc .miaos{ /* float:left; */ width:100%;text-align: left;font-size: 16px;/* color: #000; */}
	.swiper-slide .text_bj1,.swiper-slide .text_bj2,.swiper-slide .text_bj3,.swiper-slide .text_bj4,.swiper-slide .text_bj5,.swiper-slide .text_bj6,.swiper-slide .text_bj7,.swiper-slide .text_bj8{ line-height:40px; height:40%!important;} 

	.swiper-slide img{/* width: 90%; */position: relative;height: auto;}.swiper-slide p{float:left;width: 100%;/* bottom: -40px; */position: absolute;z-index: 999;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* background: #000; *//* Center slide text vertically */
      /* display: -webkit-box; */
      display: -ms-flexbox;
      /* display: 
      
      -webkit-flex; */
      /* display: flex; */
      /* -webkit-box-pack: center; */
      -ms-flex-pack: center;
      /* -webkit-justify-content: center; */
      /* justify-content: center; */
      /* -webkit-box-align: center; */
      -ms-flex-align: center;
      /* -webkit-align-items: center; */
      /* align-items: center; */
    }
	.h_contact li{ float:left; width: 50%; color:#333;  }
.h_contact li img{ border:#d0d0d0 1px solid; border-radius:50%;}
.h_contact h3{ font-size:18px; font-weight:bold; color:#666; margin: 5px 0 0px;}
.h_contact p{ margin:0px 0px 30px 0px; padding:0px; }
.h_contact .tit{
    font-size: 30px;
    height:40px;
    line-height: 40px;
    color: #000;
    font-weight: bold;
    }
.h_contact .con{
    font-size: 16px;
    color: #333333;
    margin: 1% 0 7% 0;
    } .swiper-container1 {
      width: 100%;
      /* height: 650px; */
      padding-bottom: 70px!important;
      float:  left;
    }
	.index-news .list .box {
    float: none;
    width: 90%;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
	
}
.swiper-slide t{
    width:  100%;
    margin:  0 auto;
}
@media (max-width:1300px) {
.concept3 .warp li{ padding:0px;}
.concept3 {
    height: 160px;
}
 }