/*滚动条样式*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f8f8f8}
::-webkit-scrollbar-thumb{background:#000000;height:60px}
::-webkit-scrollbar-thumb:window-inactive{background:#000000}
::-webkit-scrollbar-thumb:vertical:hover{background:#000000}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"微软雅黑";transition: all 0.5s;min-width:320px; background:#f5f5f5;}
html,body{height:100%;}
em,i{font-style:normal}
input,textarea,img,button,select{outline: none;color:#333;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,dl{margin:0}
ul{margin:0;padding:0;}
ul,li{list-style: none;}
a{display: block;color:#333;}
a:focus,a:hover{text-decoration:none;}
img{display: block;}
textarea{resize: none;}
.Animation{-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s}
.img{overflow:hidden;margin:0 auto;position:relative}
.img img{display:block;width:100%;transition:all .5s}
.fl{float:left;}
.fr{float:right;}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.overflowY{overflow-y:hidden;}
.section{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.indexPaddingTop{padding-top:60px;}
.section .container{position: relative;z-index: 2;}
@media (max-width:767px){
	.section .container{width:100%;}
	.container1{width:240px; margin:0 auto;}

}
@media (min-width:768px){
	.indexPaddingTop{padding-top:74px}
	.container1{width:720px; margin:0 auto;}
}
@media (min-width:992px){
	.indexPaddingTop{padding-top:80px}
	.container1{width:960px; margin:0 auto;}
}
@media (min-width:1200px){
	.indexPaddingTop{padding-top:90px}
	.container{width:1070px}
	.container1{width:1200px; margin:0 auto;}
}

@media (min-width:1024px){
	.container1{width:720px; margin:0 auto;}
}
@media (min-width: 1450px) {
	.indexPaddingTop{padding-top:100px}
	.container{width:1230px}
	.container1{width:1200px;margin:0 auto;}
}
@media (min-width: 1650px) {
	.container{width:1430px}
	.container1{width:1200px;margin:0 auto;}
}
@media (min-width: 1750px) {
	.container{width:1530px}
	.container1{width:1200px;margin:0 auto;}
}

/*横屏*/
@media (max-width:767px) and (orientation:landscape){
	.indexPaddingTop{padding-top:0}
	.index_body .header{display: none;}
}
/*导航*/
/* .header{position: absolute;width:100%;left:0;top:0;z-index:1030} */
.navbar-default{background-color:transparent;border:none;border-radius:0;margin-bottom:0;box-shadow:0 0 0 rgba(0,0,0,0);transition:all 0.5s;}
.navbar-brand{position: relative;height:auto;padding-top:10px;padding-bottom:10px;padding-right:0;}
.navbar-brand img{height:54px;transition: all 0.5s;}
.navbar-brand .logo2{display: none;}
.navbar-default .navbar-toggle{border:0;margin-top:14px;margin-bottom:14px;margin-right:6px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;transition:all .5s}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar-default .menu_close .icon-bar:nth-child(1){transform:rotate(45deg);position:relative;top:6px}
.navbar-default .menu_close .icon-bar:nth-child(2){display:none}
.navbar-default .menu_close .icon-bar:nth-child(3){transform:rotate(-45deg)}
.navbar-default:before{position: absolute;width:100%;height:60px;left:0;top:-150%;background:#fff;transition:all .5s;}
.navbar-default .container{position: relative;}
.navbar-default .navbar-nav>li>a{color:#ccc;border-radius:0;line-height:20px;transition:all .3s;}
.navbar-default .navbar-nav>li>a>span{display: block;text-align: center;text-transform: uppercase;}
.navbar-default .navbar-nav>li>a>.n-ch{font-size:14px;}
.navbar-default .navbar-nav>li>a>.n-en{margin-top:4px;font-size:14px;opacity: 0;}
.navbar-default .nav>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent;}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{color:#fff;background-color:transparent}
.navbar-default .navbar-nav>li>a:hover>.n-en,
.navbar-default .navbar-nav>.active>a>.n-en{opacity: 1;}
.navbar-collapse::-webkit-scrollbar{width:2px;height:2px}
.header .navbar-fixed-bottom .navbar-collapse,
.header .navbar-fixed-top .navbar-collapse{max-height:450px}
.headerEffect .navbar-default:before{top:0%;box-shadow:0 0 12px rgba(0,0,0,.3);}
.headerEffect .navbar-default .navbar-nav>li>a{color:#000;}
.headerEffect .navbar-default .nav>li>a:hover,
.headerEffect .navbar-default .navbar-nav>.active>a,
.headerEffect .navbar-default .navbar-nav>.active>a:focus,
.headerEffect .navbar-default .navbar-nav>.active>a:hover,
.headerEffect .navbar-default .navbar-nav>.open>a,
.headerEffect .navbar-default .navbar-nav>.open>a:hover,
.headerEffect .navbar-default .nav>li>a:hover,
.headerEffect .navbar-default .navbar-nav>.open>a:hover,
.headerEffect .navbar-default .navbar-nav>.open>a:focus{color:#000;background-color:transparent}
.headerEffect .navbar-default .nav>li>a:focus{color:#000;background-color:transparent}
.headerEffect .navbar-tel,
.headerEffect .navbar-tel:hover{color:#000;}
.headerEffect .navbar-brand .logo1{display: none;}
.headerEffect .navbar-brand .logo2{display: block;}
.headerEffect .navbar-default .navbar-toggle .icon-bar{background:#000;}
@media (max-width:767px){
    .navbar-brand img{height:40px;transition: all 0.5s;}
	.navbar-default .navbar-nav>li>a>.n-en{display: none;}
	.navbar-default .navbar-toggle{margin-top:14px;margin-right:8px;}
	.navbar-default .navbar-nav>li{margin-bottom:5px;}
	.navbar-default .navbar-nav>li>a{font-size:14px;padding:10px 15px;border-radius: 5px;color:#fff;}
	.navbar-default .navbar-nav>li>a:before{content:'';position: absolute;width:100%;height:1px;background:rgba(0,0,0,0.1);left:0;bottom:0;}
	.navbar-collapse.collapse.in{overflow-y:auto!important;display: block!important;}
	.header .navbar-default .container{max-height:100%;}
	.header .navbar-fixed-bottom .navbar-collapse, .header .navbar-fixed-top .navbar-collapse{max-height:80%;}
	.navbar-default .nav>li>a:hover,
	.navbar-default .nav>li>a:focus,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus{color:#fff;background-color:transparent}
	.headerEffect .navbar-default{background:#fff;}
	.headerEffect .navbar-tel{background:url(dianhua2.png) no-repeat center;background-size:32px auto;}
	.navbar-default:before{opacity: 0;top:0%;box-shadow:0 0 12px rgba(0,0,0,.3);}
	.headerEffect .navbar-default:before{opacity: 1;}
	.bg .navbar-default{background:#fff;box-shadow:0 0 12px rgba(0,0,0,.3);}
	.bg .navbar-tel{background:url(dianhua2.png) no-repeat center;background-size:32px auto;}
	.bg .navbar-default:before{opacity: 1;}
	.bg .navbar-default .navbar-nav>li>a{color:#000;}
	.bg .navbar-default .nav>li>a:hover,
	.bg .navbar-default .navbar-nav>.active>a,
	.bg .navbar-default .navbar-nav>.active>a:focus,
	.bg .navbar-default .navbar-nav>.active>a:hover,
	.bg .navbar-default .navbar-nav>.open>a,
	.bg .navbar-default .navbar-nav>.open>a:hover,
	.bg .navbar-default .nav>li>a:hover,
	.bg .navbar-default .navbar-nav>.open>a:hover,
	.bg .navbar-default .navbar-nav>.open>a:focus{color:#000;background-color:transparent}
	.bg .navbar-default .nav>li>a:focus{color:#000;background-color:transparent}
	.bg .navbar-tel,
	.bg .navbar-tel:hover{color:#000;}
	.bg .navbar-brand .logo1{display: none;}
	.bg .navbar-brand .logo2{display: block;}
	.bg .navbar-default .navbar-toggle .icon-bar{background:#000;}
}
@media (min-width:768px){
	.navbar-default:before{height:74px;}
    .navbar-brand img{height:40px;transition: all 0.5s;}
	.navbar-collapse{float:right;}
	.navbar-brand{padding-top:15px;padding-bottom:17px;}
	.navbar-default .navbar-nav>li{padding:0;}
	.navbar-default .navbar-nav>li>a{padding:22px 5px;}
	.navbar-default .navbar-nav>li>a>.n-en{font-size:20px;}
	.navbar-default .navbar-nav>li>a>.n-ch{font-size:12px;}
	.navbar-default .navbar-nav>li>a>.n-en{font-size:12px;}
	.indexHeader .navbar-default .navbar-nav>li>a{padding:22px 5px;}
	.indexHeader .navbar-default .navbar-nav>li>a>.n-en{display: none;}
}
@media (max-width:766px){
.navbar-brand img{height:30px;transition: all 0.5s; margin-top:5px;}
}
@media (min-width:800px){
	.navbar-default:before{height:80px;}
    .navbar-brand img{height:50px;transition: all 0.5s;}
	.navbar-collapse{float:right;}
	.navbar-brand{padding-top:15px;;}
	.navbar-default .navbar-nav>li{padding:0;}
	.navbar-default .navbar-nav>li>a{padding:22px 5px;}
	.navbar-default .navbar-nav>li>a>.n-en{font-size:20px;}
	.navbar-default .navbar-nav>li>a>.n-ch{font-size:12px;}
	.navbar-default .navbar-nav>li>a>.n-en{font-size:12px;}
	.indexHeader .navbar-default .navbar-nav>li>a{padding:30px 5px;}
	.indexHeader .navbar-default .navbar-nav>li>a>.n-en{display: none;}
}
@media (min-width:992px){
	.navbar-brand{padding-top:12px;}
	.navbar-default .navbar-nav>li>a{padding:23px 10px;}
	.navbar-default .navbar-nav>li>a>.n-ch{font-size:14px;}
	.navbar-default .navbar-nav>li>a>.n-en{font-size:14px;}
	.navbar-tel{padding-top:23px;padding-left:10px;display: block;}
	.navbar-default:before{height:80px;}
	.navbar-brand img{height:54px;transition: all 0.5s;}
	.indexHeader .navbar-default .navbar-nav>li>a{padding:30px 10px;}
}
@media (min-width:1200px){
	.navbar-brand{padding-top:12px;}
	.navbar-default:before{height:80px;}
	.navbar-default .navbar-nav>li>a{padding:28px 15px;}
	.navbar-tel{padding-top:28px;padding-left:15px;}
	.navbar-brand img{height:54px;transition: all 0.5s;}
	.indexHeader .navbar-default .navbar-nav>li>a{padding:30px 15px;}
}
@media (min-width:1450px){
	.navbar-brand{padding-top:12px;}
	.navbar-default .navbar-nav>li>a{padding:35px 15px;}
	.navbar-default:before{height:80px;}
	.navbar-brand img{height:54px;transition: all 0.5s;}
	.indexHeader .navbar-default .navbar-nav>li>a{padding:30px 15px;}
}
/*banner*/
.swiper-button-prev,.swiper-button-next{outline: none;transition: all 0.3s;}
.swiper-pagination-bullet{background-color:transparent;border:1px solid #fff;opacity: 1;-webkit-transition:all .5s;transition:all .5s}
.swiper-pagination-bullet-active{background-color:#fff;}

.banner .swiper-container{width:100%;}
.banner img[onclick]{cursor: pointer;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide>img{width:100%;}
.banner_text{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index: 2;}
.banner_text img{width:auto;max-width:100%;-webkit-transform:translateY(100%);transform:translateY(100%)max-height:80vh;margin:0 auto}
/* .banner1 .banner_text img{-webkit-transform:translateY(100%);transform:translateY(100%)}
.banner2 .banner_text img{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.banner3 .banner_text img{-webkit-transform:translateX(100%);transform:translateX(100%)}
.banner4 .banner_text img{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.banner5 .banner_text img{-webkit-transform:scale(0);transform:scale(0)} */
.banner .swiper-slide-active .banner_text img{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:.5s;transition-delay:.5s}
.banner .swiper-button-black{width:30px;height:30px;margin-top:-24px;background-color:rgba(255,255,255,0.3);border-radius: 50%;opacity: 0;background-size:auto 18px;transition: all 0.5s;}
.banner .swiper-button-black:hover{background-color:rgba(255,255,255,0.8);}
.banner .swiper-button-prev{left:2.5vw;}
.banner .swiper-button-next{right:2.5vw;}
.banner:hover .swiper-button-black{opacity: 1;}
@media (max-width:767px){
	.PC_img{display:none}
	.swiper-pagination-bullet{width:5px;height:5px;margin:0 5px!important;}
	.banner .swiper-pagination{bottom:25px;}
}
@media (min-width:768px){
	.min_img{display:none}
	.banner .swiper-pagination{bottom:45px;}
}
@media (min-width:992px){
	.swiper-pagination-bullet{width:10px;height:10px;margin:0 10px!important;}
	.banner .swiper-pagination{bottom:65px;}
}
@media (min-width:1200px){
	.banner .swiper-pagination{bottom:80px;}

}
.indexItem{width:100%;overflow:hidden;position:relative;}
.indexItem>.inBg{position: absolute;width:100%;height:100%;left:50%;top:50%;transform: translate(-50%,-50%) scale(1);z-index: -1;transition: all 6s;}

@media (max-width:768px){
.indexItem{width:100%;overflow:hidden;position:relative;}
.indexItem>.inBg{position: absolute;width:101%;height:100%;left:50%;top:50%;transform: translate(-50%,-50%) scale(1);z-index: -1;transition: all 6s; }
}

.textColor,
.textColor a,
.textColor .index_title .h2,
.textColor .index_title .p,
.textColor .index_title em{color:#fff;}
.index_more{margin-top:30px}
.index_more a{display:block;max-width:100px;text-align:center;line-height:20px;padding:10px;margin:0 auto;background-color:#0368AD;color:#fff}
.index_more a:hover{text-shadow: 1px 1px 1px rgba(0,0,0,0.9);}

.index_title{text-align:center;margin-bottom:50px;color:#2e2e2e;}
.index_title a{display:block;color:#2e2e2e;}
.index_title em{font-size:24px;display: block;}
.index_title .p{font-size:14px;max-width:910px;line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:50px; padding-right:50px;}
@media (max-width:991px){
	.index_title .p br{display:none}
}
@media (min-width:768px){
	.indexItem{padding:0px 0;}
	.index_title{margin-bottom:50px;}
	.swiper-container{margin-bottom:50px;}
	.index_title em{font-size:18px;}
	.index_title .p{font-size:12px; width:100%;line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:20px; padding-right:20px;}	
}
@media (min-width:992px){
	.indexItem{padding:0px 0;}
	.index_title{margin-bottom:50px;}
	.index_title em{font-size:20px;}
	.index_title .p{font-size:14px; width:100%;line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:20px; padding-right:20px;}
}
@media (min-width:1024px){
	.indexItem{padding:0px 0;}
	.index_title{margin-bottom:50px;}
	.index_title em{font-size:22px;}
	.index_title .p{font-size:14px; width:100%;line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:20px; padding-right:20px;}
}
@media (max-width:680px){ 
    .index_title{margin-bottom:30px;}.indexItem{padding:30px 0;}
	.index_title em{font-size:16px; }
	.index_title .p{font-size:12px; width:100%;line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:10px; padding-right:10px;}
}
@media (max-width:500px){ 
    .index_title{margin-bottom:30px;}.indexItem{padding:30px 0;}
	.index_title em{font-size:16px; }
	.index_title .p{font-size:12px; width:100%;line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:10px; padding-right:10px;}
}
@media (min-width:1200px){
	.indexItem{padding:0px 0;}
	.index_title{margin-bottom:50px;}
	.index_title em{font-size:24px;}
	.index_title .p{font-size:14px; max-width:910px; line-height:2; text-align:center;margin-top:20px;color:#333;margin-left:auto;margin-right:auto; padding-left:20px; padding-right:20px;}
}
@media (min-width:1450px){
	.indexItem{padding:0px 0;}
	.index_title{margin-bottom:50px;}
	.index_title em{font-size:24px;}
}
@media (min-width:1650px){
	.indexItem{padding:0px 0;}
	.index_title{margin-bottom:50px;}
	.index_title em{font-size:24px;}
}
.shortcut{width:240px;height:550px;margin:0 auto;position:relative;z-index:101;overflow:hidden;}
.shortcut a{display:block;width:240px;height:550px;position:relative;overflow:hidden;float:left;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;top:0px;}
.shortcut a img{position:absolute;left:0px;top:0px;}
.shortcut a .imgH{left:-240px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.shortcut a:hover{text-decoration:none;}
.shortcut a:hover .imgH{display:block;left:0px;}

.indexAbout_list{margin-left:-5px;margin-right:-5px; margin-top:10px;}
.indexAbout_list .column{padding:0 5px;margin-bottom:10px;}
.indexAbout_list a{position: relative;}

.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:35%;}
.indexAbout_list .inner{width:100%;color:#fff;max-height:20px;text-align:center; font-size:15px;}

.indexAbout_list .img>img{height:299px;}


@media (max-width:1920px){
	.indexItem01 .container{width:92%;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:42%;}
.indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:15px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}

@media (max-width:1360px){
	.indexAbout_list .inner{width:80%;}
	.indexAbout_list .img>img{height:270px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:45%;}
	.indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:15px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}

@media (max-width:1280px){
	.indexAbout_list .inner{width:80%;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:45%;}
		.indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:15px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}

@media (max-width:1024px){
.indexAbout_list .img>img{height:280px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:46%;}
   	.indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:15px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}
@media (max-width:800px){
.indexAbout_list .img>img{height:258px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:52%;}
   .indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:15px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}
@media (max-width:768px){
.indexAbout_list .img>img{height:200px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:40%;}
   .indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:15px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}

@media (max-width:700px){
.indexAbout_list .img>img{height:200px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:44%;}
   .indexAbout_list .inner{width:100%;color:#fff;max-height:40px;text-align:center; font-size:12px; background:rgba(0,0,0,0.4); height:40px; line-height:40px;}
}
@media (max-width:500px){
	.indexItem01 .container{width:92%;}
	.indexAbout_list .img>img{height:200px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:36%;}
.indexAbout_list .inner{width:100%;color:#fff;max-height:50px;text-align:center; font-size:12px; background:rgba(0,0,0,0.4); height:50px; line-height:50px;}
}

@media (max-width:380px){
	.indexItem01 .container{width:92%;}
	.indexAbout_list .img>img{height:200px;}
	.indexAbout_list .text{position: absolute;width:100%;height:100%;left:0;top:0; padding-top:40%;}
.indexAbout_list .inner{width:100%;color:#fff;max-height:20px;text-align:center; font-size:12px; background:rgba(0,0,0,0); height:20px; line-height:20px; padding-left:20px; padding-right:20px;}
}
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:500px;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:50px;}
.why_list  .tu img{padding:8px;max-width:225px;margin:0 auto; margin-top:220px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:140px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}

@media (max-width:991px){
.why_list .column02{display: none;}
}
@media (min-width:768px){
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:400px;}
.why_list .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:20px;}
.why_list .tu img{padding:8px;max-width:180px;margin:0 auto; margin-top:180px; float:left;}
.why_list .text_list{font-size:12px;margin-bottom:130px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}
@media (min-width:992px){
.why_list .column02{max-width:30%;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:0px;}
.why_list  .tu img{padding:8px;max-width:200px;margin:0 auto; margin-top:190px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:200px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}

@media (min-width:1024px){
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:500px;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:50px;}
.why_list  .tu img{padding:8px;max-width:225px;margin:0 auto; margin-top:220px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:140px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}


@media (min-width:1280px){
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:500px;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:50px;}
.why_list  .tu img{padding:8px;max-width:225px;margin:0 auto; margin-top:220px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:140px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}

@media (min-width:1450px){
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:500px;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:50px;}
.why_list  .tu img{padding:8px;max-width:225px;margin:0 auto; margin-top:220px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:140px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}
@media (min-width:1650px){
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:500px;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:50px;}
.why_list  .tu img{padding:8px;max-width:225px;margin:0 auto; margin-top:220px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:140px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}
@media (min-width:1750px){
.why_list{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap; height:500px;}
.why_list  .img{padding:8px;max-width:172px;margin:0 auto; float:right;margin-top:50px;}
.why_list  .tu img{padding:8px;max-width:225px;margin:0 auto; margin-top:220px; float:left;}
.why_list .text_list{font-size:14px;margin-bottom:140px;display: flex;align-items: center; color:#FFFFFF; line-height:25px;}
}

@media (max-width:680px){
.why_list{ height:500px;}
.why_list .text_list{font-size:12px;display: flex;align-items: center; color:#FFFFFF; line-height:20px; }
.why_list  .img{padding:0px;max-width:172px;margin:0 auto;float: none;margin-top:-20px; }
.why_list  .tu img{display:none;}
}

.promotion_list{margin-left:-20px;margin-right:-20px;justify-content: center;flex-flow: row wrap;}
.promotion_list:before,
.promotion_list:after{display: none;}
.promotion_list li{padding:0 20px;margin-bottom:20px;text-align: center;font-size:16px;}
.promotion_list .img{border:1px dashed #fff;border-radius: 50%;padding:5px;margin-bottom:15px;}
.promotion_list .img>img{border-radius: 50%;}
.promotion_list a:hover .img>img{transform: scale(1.3);}
@media (max-width:767px){
	.promotion_list .img{max-width:112px;margin:0 auto 15px;}
}
@media (min-width:768px){
	.promotion_list{display: flex;}
	.promotion_list li{max-width:140px;}
	.indexItem04.indexItem{padding:60px 0 115px;}
}
@media (min-width:992px){
	.indexItem04.indexItem{padding:80px 0 150px;}
}
@media (min-width:1200px){
	.indexItem04.indexItem{padding:90px 0 160px;}
}
@media (min-width:1450px){
	.indexItem04.indexItem{padding:115px 0 180px;}
}


.spolicy_swiper{ padding-bottom:30px;}
.spolicy_swiper .swiper-pagination{bottom:0;}
.spolicy_swiper .swiper-container{padding-bottom:60px;}
.spolicy_list .swiper-slide:nth-child(2n) .inner:before{background:#023E44;}
.spolicy_list  { margin:0 auto;}
@media (max-width:767px){
	.spolicy_swiper{padding-bottom:0px;}

}
@media (min-width:768px){
	.spolicy_swiper{padding-bottom:0px;}
	.spolicy_swiper .swiper-container{padding-bottom:0;}
	.spolicy_swiper .swiper-pagination{display: none;}
}
@media (min-width:992px){
	
	.spolicy_list .inner>em{font-size:50px;}
	.spolicy_list .inner>h5{font-size:24px;}
}
@media (min-width:1200px){
	.spolicy_list a{height:550px;}
	.spolicy_list .line{margin:30px auto;}
	.spolicy_list .inner>p{margin:25px 0 45px;}
}
@media (min-width:1450px){
	.spolicy_list a{height:550px;}
	.spolicy_list .inner>em{font-size:60px;}
}

.page_bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}
.inside_banner{position:relative;overflow:hidden}
.inside_banner img{width:100%}

.submenu{text-align:center;margin-bottom:20px;margin-left:-10px;margin-right:-10px;}
.submenu>li{float:none;display:inline-block;padding:0 10px;margin-bottom:5px;}
.submenu>li>a{padding:0}
.submenu>li>a:after{content:"";display:block;width:0;height:2px;background:#0368AD;margin:5px 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.submenu>li.active>a:after,.submenu>li>a:hover:after{width:100%}
.submenu>li.active>a,.submenu>li>a:focus,.submenu>li>a:hover{color:#0368AD;background-color:transparent}

.location_main{padding:10px 0;overflow:hidden;background-color:#ededed;color:#848585}
.location a,.location b{display:inline-block;font-weight:400;color:#848585;line-height:20px;text-transform:capitalize}
.location a:hover{color:#0368AD}

.wrapper{width:100%;overflow:hidden;position:relative;}
.padding_main{width:100%;overflow:hidden;position:relative;padding:35px 0;}
.inside_main{width:100%;overflow:hidden;position:relative;padding:35px 0 60px;}
.inside_main .container{position:relative}
.inside_title{margin-bottom:30px;text-align:center;overflow: hidden;}
.inside_title h2{font-size:20px;margin:0}
.inside_title span{display:block;text-transform:uppercase;margin-top:6px}

.InfoContent{line-height:2.2;position:relative;overflow:hidden;color:#333}
.InfoContent p{margin:0}
.InfoContent img{display: inline-block;max-width:100%;height:auto!important;}
.InfoContent video{display: block;width:1000px;height:auto;max-width:100%;margin:0 auto;}
.InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;}
.InfoContent li p{display: inline-block;margin-bottom:0;}
.InfoTitle{margin-bottom:15px;border-bottom:1px #dad9d9 solid;padding-bottom:15px;text-align:center}
.InfoTitle .h4{font-size:18px;margin:0;line-height:1.4;text-transform:uppercase}
.InfoTitle .date{font-size:12px;color:#666;margin-top:10px}

.goBack{text-align:center;margin-top:30px;}
.goBack a{display:inline-block;color:#666;line-height:20px;border:1px solid #aeaeae;padding:10px 30px;text-transform:uppercase;border-radius: 5px;}
.goBack a:hover{border-color:#0368AD;background:#0368AD;color:#ffffff;}

.pager{margin:30px 0 0}
.pager li>a,.pager li>span{border:1px #bfbfbf solid;color:#666;border-radius:0;margin:0 5px;text-transform:uppercase}
.pager li>span{color:#999}
.pager li>a{color:#0368AD;border-color:#0368AD;}
.pager li>a:hover{color:#fff;background-color:#0368AD}

.info_previous_next_wrap{border-top:1px #dad9d9 solid;padding-top:16px;margin-top:40px;font-size:14px;color:#666}
.info_previous_next_wrap b{font-weight:400;text-transform:uppercase}
.info_previous_next_wrap a{color:#666;text-decoration:none;display: inline;}
.info_previous_next_wrap a:hover{color:#0368AD}
.info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (max-width:767px){
	.info_previous_next_wrap{font-size:12px;margin-top:30px}
	
	.submenu{text-align:left}
	.submenu>li>a{font-size:16px}
	.submenu>li>a:after{margin:0 0 5px}
}
@media (max-width:479px){
}
@media (min-width:768px){
	.submenu{margin-left:-15px;margin-right:-15px;margin-bottom:25px;}
	.submenu>li{padding:0 15px;}
	.submenu>li>a{font-size:18px}
	
	.padding_main{padding:40px 0;}
	.inside_main{padding:40px 0 60px}
	.inside_title{margin-bottom:35px}
	.inside_title h2{font-size:22px}
	
	.InfoTitle{margin-bottom:30px}
	.InfoTitle .h4{font-size:22px}
	.pager li>a,.pager li>span{padding:8px 20px;margin:0 20px}
	.info_Next,.info_Previous{width:45%;}
	.info_Previous{float:left;}
	.info_Next{float:right;text-align:right;}
}
@media (min-width:992px){
	.inside_title{margin-bottom:40px}
	.inside_title h2{font-size:24px}
	
	.padding_main{padding:50px 0;}
	.inside_main{padding:50px 0 80px}
	
	.InfoTitle .h4{font-size:24px}
}
@media (min-width:1200px){
	.submenu{margin-left:-25px;margin-right:-25px;margin-bottom:35px;}
	.submenu>li{padding:0 25px;}
	.submenu>li>a{font-size:22px}
	.inside_title{margin-bottom:45px}
	
	.padding_main{padding:55px 0;}
	.inside_main{padding:55px 0 80px}
	
	/* .InfoContent,.info_previous_next_wrap,.goBack a{font-size:16px;} */
	.pager li>a,.pager li>span{padding:10px 25px;margin:0 25px}
}
@media (min-width:1450px){
	.padding_main{padding:65px 0;}
	.inside_main{padding:65px 0 100px}
	.pager li>a,.pager li>span{padding:12px 35px;margin:0 30px}
}



.honor_list{padding-top:10px;}
.honor_list .swiper-slide{cursor: pointer;}
.honor_list h4{font-size:16px;text-align: center;margin-top:15px;}
.honor_list .swiper-slide:hover .img{box-shadow: 0 0 12px rgba(0,0,0,.3);}
.honor_list.swiper-container-free-mode>.swiper-wrapper{
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	margin: 0 auto;
}

@media (max-width:767px) and (orientation:portrait){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1650px){}


.pro_list{margin-left:-10px;margin-right:-10px;overflow: hidden;display: flex;align-items: stretch;flex-flow: row wrap;}
.pro_list a{position: relative;}
.pro_list .column{padding:0 10px;margin-bottom:20px;}
.pro_list:before,
.pro_list:after{display: none;}
.pro_list .column:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.pro_list .text{position: absolute;width:100%;color:#fff;padding:3%;left:0;bottom:0;background:rgba(0,0,0,0.5);transition: all 0.5s;}
.pro_list .text h5,
.pro_list .text em{font-size:14px;line-height:1.4;text-transform: capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.pro_list .text em{display: block;font-family: arial;}
.pro_list a:hover .text{height:100%;background:rgba(0,0,0,0.7);padding:10%;}
.pro_list a:hover h5,
.pro_list a:hover em{font-size:16px;}
@media (max-width:479px){
	.pro_list .column{width:100%;}
}
@media (min-width:768px){
	.pro_list{margin-left:-10px;margin-right:-10px;}
	.pro_list .column{padding:0 10px;}
	.pro_list a:hover h5,
	.pro_list a:hover em{font-size:18px;}
}
@media (min-width:992px){
	.pro_list{margin-left:-15px;margin-right:-15px;}
	.pro_list .column{padding:0 15px;margin-bottom:30px;}
}
@media (min-width:1200px){
	.pro_list a:hover h5,
	.pro_list a:hover em{font-size:20px;}
}


.case_list2{margin-left:-7px;margin-right:-7px;}
.case_list2 a{position: relative;}
.case_list2 .column{padding:0 7px;margin-bottom:15px;}
.case_list2 .text{position: absolute;width:100%;color:#fff;padding:10px;left:0;bottom:0;background:rgba(0,0,0,0.5);transition: all 0.5s;}
.case_list2 .h5{font-size:16px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.case_list2 a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.case_list2 a:hover .text{background:rgba(3,104,173,0.6);}
@media (max-width:479px){
	.case_list2 .column{width:100%;}
}
@media (min-width:768px){
	.case_list2{margin-left:-10px;margin-right:-10px;}
	.case_list2 .column{padding:0 10px;margin-bottom:20px;}
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	.case_list2{margin-left:-15px;margin-right:-15px;}
	.case_list2 .column{padding:0 15px;margin-bottom:30px;}
	.case_list2 .text{padding:15px;}
	.case_list2 .h5{font-size:18px;}
}


.news_list{margin-top:-25px;}
.news_list a{padding:25px 0;border-bottom:1px solid #efefef;}
.news_list .text{width:100%;overflow:hidden;margin-top:20px;}
.news_list .h5{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news_list .h5:after{content:"";width:34.11765%;height:1px;background-color:#0368AD;display:block;margin-top:10px}
.news_list .p{color:#666;height:48px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:15px 0 0}
.news_list em{-webkit-transition:all .5s;transition:all .5s}
.news_list .other{display: flex;justify-content: space-between;flex-flow: row wrap;margin-top:15px;}
.news_list a:hover .h5,
.news_list a:hover em{color:#0368AD}
.news_list a:hover .img>img{transform:scale(1.1);}
@media (max-width:479px){
	.news_list .img{width:100%;margin-bottom:20px}
}
@media (min-width:768px){
	.news_list a{display: flex;}
	.news_list .img{width:180px;flex: 0 0 auto;}
	.news_list .text{margin-top:0;padding-left:15px;}
}
@media (min-width:1200px){

}
@media (min-width:1450px){
	.news_list{margin-left:-20px;margin-right:-20px;}
	.news_list .column{padding:0 20px;}
}

.service_main{position: static;transform: none;max-width:100%;}
.service_main .index_title{text-align: center;margin-bottom:30px;}
.service_main .index_title em:after{margin-left:auto;margin-right:auto;}
.service_main .indexForm{max-width:750px;margin:0 auto;}
.service_main .indexForm .btn-default{margin-top:35px;}
@media (min-width:768px){
	.service_main .index_title{margin-bottom:35px;}
	
}
@media (min-width:992px){
	.service_main .index_title{margin-bottom:45px;}
	.service_main .indexForm .form-group{margin-bottom:25px;}
	.service_main .indexForm .btn-default{margin-top:45px;}
}
@media (min-width:1200px){
	.service_main .indexForm .btn-default{height:60px;font-size:22px;}
}

.contact_title{font-size:18px;padding-bottom:15px;border-bottom:1px solid #0368AD;color:#0368AD;margin-bottom:15px;}
.contact_item{line-height:2;padding:15px 0;border-bottom: 1px solid #EFEFEF;max-width:470px;}
.contact_ewm{text-align: center;}
.contact_ewm>img{max-width:100%;margin:0 auto 8px;}
.map{position: relative;width:100%;height:350px;overflow: hidden;}
.map:after{content: '';position: absolute;width:100%;height:100%;z-index: 2;left:0;top:0;background:rgba(0,0,0,0.1);transition: all 0.5s;opacity: 1;visibility: visible;}
.map:hover:after{opacity: 0;visibility: hidden;top:100%;}
.map #dituContent{width:100%;height:100%;border:1px #ddd solid}
.BMap_bubble_title{font-weight: 700;color:#0368AD;}
.anchorBL{display: none;}
@media (max-width:767px){
	.contact_ewm{padding-top:20px;}
}
@media (max-width:479px){

}
@media (min-width:768px){
	.map{height:450px}
	.contact_title{margin-bottom:20px;}
	.contact_ewm{float:right;max-width:192px;}
	.contact_item:last-child{border-bottom:none}
}
@media (min-width:992px){
	.contact_title{margin-bottom:25px;}
}
@media (min-width:1200px){
	.contact_title{margin-bottom:30px;}
}
@media (min-width:1200px){
	.map{height:550px}
}

.fadeIn {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.fadeInUp {
	opacity: 0;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.fadeInDown {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.fadeInLeft {
	opacity: 0;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.fadeInRight {
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: all .8s;
	transition: all .8s;
}
.zoomIn {
	opacity: 0;
	-webkit-transform: scale3d(.3,.3,.3);
	transform: scale3d(.3,.3,.3);
	-webkit-transition: all .8s;
	transition: all .8s;
}
.animated {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

/* join */

.join_tit h4 { margin-top:-50px; margin-bottom:30px;
  font-size: 24px;
  color: #2e2e2e;
  text-align: center;
}
.join1 { }
.join1_list {}
.join1_list li {
  width: calc(20% - 12px);
  margin-right: 15px;
  float: left;
  height: 250px;
  cursor: pointer;
  background-color: #f5f5f5;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding:30px 30px;
}
.join1_list li:hover {
  box-shadow: 0px 8px 16px rgba(200, 200, 200, 0.25);
}
.join1_list li:last-child {
  margin-right: 0;
}
.join1_list li img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  margin: auto;
}
.join1_list li:hover img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.join1_list li h4 {
  font-size: 20px;
  color: #444444;
  margin-top: 28px;
  text-align: center;
}
.join1_list li h6 {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  text-align: center;
  margin-top: 20px;
}
.container4 {
  margin: auto;
  min-height: 1px;
  width: 80%;
  max-width: 1200px;
}
@media (max-width: 1024px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;
  font-size: 22px;
  color: #2e2e2e;
  text-align: center;
}
}
@media (max-width: 767px) {
.container4 {width: 100%; margin:0 auto;}
.join_tit h4 { margin-top:-100px; margin-bottom:30px;font-size:16px;color: #2e2e2e;text-align: center;}
.join1_list li {
  width:45%;
  float: left;
  height: 200px;
  cursor: pointer;
  background-color: #f5f5f5;
  padding:10px 10px;
}
  .join1_list li h6 {
  font-size: 12px;
  line-height:20px;
  color: #999999;
  text-align: center;
  margin-top: 10px;
}
.join1_list li h4 {
  font-size:14px;
  color: #444444;
  margin-top: 28px;
  text-align: center;
}
}

@media (min-width: 768px) {
.container4 {width: 100%; margin:0 auto;}
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size: 18px;color: #2e2e2e;text-align: center;}
.join1_list li {
  width: calc(25% - 12px);
  margin-right: 15px;
  float: left;
  height: 250px;
  cursor: pointer;
  background-color: #f5f5f5;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding:30px 10px;
}
}
@media (min-width: 800px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size:20px;color: #2e2e2e;text-align: center;}
}
@media (min-width: 1024px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size:22px;color: #2e2e2e;text-align: center;}
}
@media (min-width: 1280px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size:24px;color: #2e2e2e;text-align: center;}
}
@media (min-width: 1450px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size:24px;color: #2e2e2e;text-align: center;}
}
@media (min-width: 1650px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size:24px;color: #2e2e2e;text-align: center;}
}
@media (min-width: 1960px) {
.join_tit h4 { margin-top:-50px; margin-bottom:30px;font-size:24px;color: #2e2e2e;text-align: center;}
}


.join2 {  }
.join2_list {}
.join2_list li {
  width:20%;
  margin-right:8px; margin-left:8px;
  float: left;
}
.join2_list li:last-child {
  margin-right: 0;
}
.join2_list li img {
  display: block;
  margin:0 auto;
}
.join_tit2 img { width:418px; height:95px; margin-top:50px; margin-bottom:50px;}
.container5 {
  margin:0 auto;
  min-height: 1px;
  width: 100%; padding-left:2%;
  max-width: 1200px; padding-bottom:50px;
}

@media (max-width:1280px) {
.container5 {width: 100%; margin:0 auto;}
.join_tit2 img { width:418px; margin-top:50px; margin-bottom:50px;}
.join2_list li img { width:150px;}
.join2_list li {
  width:28%; margin-bottom:20px;
  float: left;
  cursor: pointer;
}
}
@media (max-width: 767px) {
.container5 {width: 100%; margin:0 auto;}
.join_tit2 img { width:380px;  margin-top:50px; margin-bottom:50px;}
.join2_list li img { width:130px;}
.join2_list li {
  width:28%; margin-bottom:20px;
  float: left;
  cursor: pointer;
}
}
@media (max-width: 500px) {

.join_tit2 img { width:80%; height:auto; margin-top:0px; margin-bottom:30px;}
.join2_list li img { width:100%;}
.join2_list li {
  width:15%; margin-bottom:20px;
  float: left;
  cursor: pointer;
}
}

@media (min-width: 768px) {
.container5 {width: 100%; margin:0 auto;}
.join_tit2 img { width:418px; height:95px; margin-top:50px; margin-bottom:50px;}
.join2_list li img { width:150px;}
.join2_list li {
  width:18%;
  margin-right:8px; margin-left:5px;
  float: left;
  cursor: pointer; margin-bottom:30px;
}
}


.container9 {width:90%; margin:0 auto;}
.fl{float:left}
.fr{float:right}
.sycont{overflow:hidden;padding-bottom:50px;}
.sycont .z{width:25%;padding-top:3.5%;}
.sycont .z p{font-size:14px;color:#9f9f9f;display:block;line-height:2}
.sycont .c{width:50%; padding-top:0.45%;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block; text-align:center; line-height:43px;}
.sycont .c p{font-size:14px;color:#9f9f9f;display:block;line-height:2;text-align:center; line-height:28px;}
.sycont .c p.lxx img{text-align:center; margin:0 auto;}
.sycont .y{width:25%;padding-top:0.8%; float:right;}
.join_tit3 img { margin:0 auto; padding-top:30px;}

@media (max-width: 1920px) {
.sycont{overflow:hidden;padding-bottom:50px;}
.container9 {width:100%; margin-left:5%;}
.join_tit3 img { margin:0 auto; padding-top:30px;}
.sycont .z{width:22.5%;padding-top:3.5%;}
.sycont .z p{font-size:14px;color:#9f9f9f;display:block;line-height:2}
.sycont .z p a{display: inline;color:#9f9f9f;line-height:2}
.sycont .z p a:hover {color: #ffffff;}
.sycont .c{width:45%; padding-top:0.5%;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block; text-align:center;line-height:43px;}
.sycont .c p{font-size:14px;color:#9f9f9f;display:block;line-height:2;text-align:center;line-height:28px;}
.sycont .y{width:25%;padding-top:0.8%; float:right;}
.sycont .flink a{display: inline;color: #9f9f9f;}
.sycont .flink a:hover{color: #ffffff;}
  
}
@media (max-width: 1440px) {
.sycont{overflow:hidden;padding-bottom:50px;}
.join_tit3 img { margin:0 auto; padding-top:30px;}
.sycont .z{width:20%;padding-top:3.5%;}
.sycont .z p{font-size:14px;color:#9f9f9f;display:block;line-height:2}
.sycont .c{width:50%; padding-top:0.5%;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block; text-align:center;line-height:43px;}
.sycont .c p{font-size:14px;color:#9f9f9f;display:block;line-height:2;text-align:center;line-height:28px;}
.sycont .y{width:25%;padding-top:0.8%; float:left;}
  
}
@media (max-width: 1280px) {
.sycont{overflow:hidden;padding-bottom:50px;}
.join_tit3 img { margin:0 auto; padding-top:30px;}
.sycont .z{width:20%;padding-top:3.5%;}
.sycont .z p{font-size:14px;color:#9f9f9f;display:block;line-height:2}
.sycont .c{width:50%; padding-top:0.5%;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block; text-align:center;line-height:43px;}
.sycont .c p{font-size:14px;color:#9f9f9f;display:block;line-height:2;text-align:center;line-height:28px;}
.sycont .y{width:25%;padding-top:0.8%; float:left;}
  
}


@media (max-width:1024px) {
.container9 {width:98%; margin:0 auto;}
.sycont{overflow:hidden; padding-bottom:10px;}
.sycont .z{width:25%;padding-top:6%;}
.sycont .z p{font-size:14px;color:#9f9f9f;display:block;line-height:2}
.sycont .c{width:48%;padding-top:1%;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block; text-align:center;line-height:40px;}
.sycont .c p{font-size:14px;color:#9f9f9f;display:block;line-height:2;text-align:center;line-height:25px;}
.sycont .c p.lxx img{text-align:center; margin:0 auto;}
.sycont .y{width:25%;padding-top:5%; float:right;}
.sycont .y img{max-width:90%;}
  
}

@media (max-width: 800px) {
.sycont{overflow:hidden;padding-bottom:10px; margin-left:-1px;}
.join_tit3 img { width:90%; margin:0 auto; padding-top:30px;}
.sycont .z{width:100%;padding-top:2%;}
.sycont .z p{font-size:13px;color:#9f9f9f;display:block;line-height:2;text-align:center;}
.sycont .c{width:100%; padding-top:2%;text-align:center;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block; text-align:center;}
.sycont .c p{font-size:13px;color:#9f9f9f;display:block;line-height:2;text-align:center;}
.sycont .c p.lxx img{text-align:center; margin:0 auto; width:80px; height:40px;}
.sycont .y{width:100%;padding-top:2%;float: none;}
.sycont .y img{max-width:90%; margin:0 auto;}

}

@media (max-width: 760px) {
.sycont{overflow:hidden;padding-bottom:10px;}
.join_tit3 img { width:100%; text-align:center; margin-top:-40px;}
.sycont .z{width:100%;padding-top:2%;}
.sycont .z p{font-size:12px;color:#9f9f9f;display:block;line-height:2;text-align:center;}
.sycont .c{width:100%; padding-top:2%;text-align:center;}
.sycont .c span{font-size:22px; font-family:"微软雅黑";color:#ffffff;display:block;text-align:center;}
.sycont .c p{font-size:12px;color:#9f9f9f;display:block;line-height:2;text-align:center;}
.sycont .c p.lxx img{text-align:center; margin:0 auto;width:80px; height:40px;}
.sycont .y{width:100%;padding-top:2%;float:none;}
.sycont .y img{max-width:90%; margin:0 auto;}

}

.Detail-conten {  }
.containere { margin: 0 auto; width: 1200px; padding-top:50px; }
.aboutus-company {  }
.aboutus-advantage { position: relative; }
.adv-list { position: absolute; left: 0; top: 0; color: #fff; width: 100%; padding-top:150px; padding-left:40px; }
.aboutus-advantage .ttt img{ width:285px; height:48px;}
.adv-list h3 { font-size:20px; margin-bottom: 10px; line-height:28px; }
.adv-list p{font-size:15px;color:#ffffff;display:block;line-height:2;text-align:left;}

@media (max-width: 1600px) {.containere { width: 1200px;margin:0 auto; }.fixed { right: 0; }}
@media (max-width: 1360px) {.containere { width: 980px;margin:0 auto; }}
@media (max-width: 1025px) {.containere {  width: 100%;margin:0 auto; }}
@media (max-width: 1024px) {
.adv-list {padding-top:150px; padding-left:40px;}
.adv-list h3 { font-size:20px; margin-bottom: 10px; line-height:28px; }
.adv-list p{font-size:15px;color:#ffffff;display:block;line-height:2;text-align:left;}
}
@media (max-width: 800px) {
.adv-list h3 { font-size: 20px; margin-bottom: 10px;}.containere { padding-top:30px; }
}
@media (max-width: 767px) {
.aboutus-advantage img{ height:200px;}

.adv-list {padding-top:40px; padding-left:40px;}.containere { padding-top:0px; }
.adv-list h3 { font-size:16px; margin-bottom: 6px; line-height:20px; }
.adv-list p{font-size:14px;color:#ffffff;display:block;line-height:2;text-align:left;}
}

/* 必要布局样式css */
.info-container {width: 1212px; margin: 0 auto; }
.info-container-list { margin-top:15px;}
.info-listItem {width:50%; padding-right:0.5%; padding-left:0.5%; float: left;}
.info-listItem-list dt {position: relative;  overflow: hidden;}
.info-listItem-list dt a img {width:100%; transition: all .4s;}

.info-listItem-list dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom:15px;
    font-size: 15px;
    line-height: 1.5;
    overflow: hidden;
    transition: all .2s;
	text-align:center;
}

.info-listItem-list dt a:hover img {
    transform: scale(1.05);
}



.titleBox .title{float:left;}
.titleBox .title .H4{float:left; font-size:22px; color:#161616; line-height: 32px;}
@media screen and (max-width:767px){
.titleBox .title .H4{float:left; font-size:18px; color:#161616; line-height: 32px;}
}

.index6{padding:60px 0 80px 0; }
.index6Tab .hd{text-align: right; font-size:0;}
.index6Tab .hd li{display:inline-block; font-size:14px; color:#262626; line-height: 32px; margin-left:40px; width:110px; border-radius: 30px; text-align: center; cursor: pointer;}
.index6Tab .hd li:first-child{margin:0;}
.index6Tab .hd li.on{background-color:#424041; color:#fff;}
.index6Tab .bd{padding-top:23px;}
.index6Tab .bdList .list{width:49.34%; margin: 30px 1.32% 0 0; border-radius: 8px; background-color:#f7f7f7; float:left; box-shadow: 0 0 20px rgba(0,0,0,0.05); padding:0px 30px 20px 20px; position: relative;}
.index6Tab .bdList .list:nth-child(2n){margin-right:0;}
.index6Tab .bdList .list .pic{width:200px; float:left; overflow: hidden;}
.index6Tab .bdList .list .pic img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.index6Tab .bdList .list .text{margin-left:235px;}
.index6Tab .bdList .list .text .H4{font-size:18px; color:#333333; margin: 25px 0 13px 0;}
.index6Tab .bdList .list .text .p{font-size:14px; color:#333333; line-height: 24px; height: 48px; opacity: 0.66;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index6Tab .bdList .list .text .time{font-size:14px; color:#333333; opacity: 0.6; text-align: right; margin-top:8px;}
.index6Tab .bdList .list .ico{width:28px; height: 28px; position: absolute; bottom:25px; right:30px; opacity: 0; line-height: 0;}
@media screen and (min-width:992px){
	.index6Tab .bdList .list:hover{background-color:#a3a3a3;}
.index6Tab .bdList .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.index6Tab .bdList .list:hover .H4{color:#fff;}
.index6Tab .bdList .list:hover .p{color:#fff;}
.index6Tab .bdList .list:hover .time{color:#fff; opacity: 1; text-align: left;}
.index6Tab .bdList .list:hover .ico{opacity:1;}
}

@media screen and (max-width:1199px){
	.index6Tab .hd li{margin-left:0; font-size:14px;}
	.index6Tab .bdList .list{padding:10px;}
	.index6Tab .bdList .list .text .H4{font-size:16px; margin: 0 0 5px 0;}
	.index6Tab .bdList .list .text{margin-left:210px;}
}
@media screen and (max-width:801px){
	.index6{padding:30px 0;}
	.index6Tab { clear: both; padding-top:25px;}
	.index6Tab .hd{text-align:center;}
	.index6Tab .hd li{width:25%; border-radius: 4px;}
	.index6Tab .bd{padding-top:10px;}
	.index6Tab .bdList .list{width:100%; margin: 10px 0 0 0;}
	.index6Tab .bdList .list .pic{width:130px;}
	.index6Tab .bdList .list .text{margin-left:140px;}
	.index6Tab .bdList .list .text .H4{font-size:14px; margin: 0 0 5px 0;}
	.index6Tab .bdList .list .text .time{font-size:12px; margin: 4px 0 0 0; text-align: left;}
	.index6Tab .bdList .list .text .p{font-size:12px; color:#333333; line-height: 20px; height:40px; opacity: 0.66;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
}
@media screen and (max-width:700px){
	.index6{padding:30px 0;}
	.index6Tab { clear: both; padding-top:25px;}
	.index6Tab .hd{text-align:center;}
	.index6Tab .hd li{width:25%; border-radius: 4px;}
	.index6Tab .bd{padding-top:10px;}
	.index6Tab .bdList .list{width:100%; margin: 10px 0 0 0;}
	.index6Tab .bdList .list .pic{width:130px;}
	.index6Tab .bdList .list .text{margin-left:140px;}
	.index6Tab .bdList .list .text .H4{font-size:14px; margin: 0 0 5px 0;line-height:20px;}
	.index6Tab .bdList .list .text .time{font-size:12px; margin: 4px 0 0 0; text-align: left; }
	.index6Tab .bdList .list .text .p{display:none;}
}
/*右漂浮*/
.f_r_box{position:fixed; top:245px; right:3px; z-index: 99;}
.f_r{padding:10px 0; border-radius: 12px 0 0 12px; background-color:rgba(48,48,48,0.8); width:55px; }
.fEwm{width:0; height: 84px; position: absolute; top:50%; margin-top:-42px; right:57px;background-color:rgba(193,45,53,0.8); border-radius: 6px; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.fEwm .span{width:87px; height: 84px; padding:5px; display: block; box-sizing: border-box;}
.f_r li{cursor:pointer; position: relative;}

.frNum{position:absolute; top:0; right:-250px;height: 100%;background-color:rgba(193,45,53,0.8);width:177px; overflow: hidden; border-radius: 8px 0 0 8px;
		-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
	.frNum .frNumIco{float:left; width:55px;}
	.frNum .p{font-size:14px; color:#fff; line-height: 16px; margin-top:8px;}
.frNum2 .p{line-height:55px; margin: 0;}
@media screen and (min-width:992px){
	.f_r li:hover .frNum{right:0}
	.f_r li:hover{background-color:rgba(193,45,53,0.8)}
	.f_r li:hover .fEwm{width:87px;}
	.f_r li:hover .imgNone{opacity:0;}
	.f_r_box .c_close{display:none;}
}
.f_r_box .c_close{width:26px; height: 26px; position: absolute; bottom:-50px; left:50%; margin-left:-13px; z-index: 999;  border-radius: 50%; cursor: pointer;}
@media screen and (max-width:991px){
	.f_r li .frNum{display:none;}
	.f_r_box{bottom:100px; right:0px; top:auto;}
	.f_r li.hover{background-color:rgba(193,45,53,0.8)}
	.fEwm{right:40px;}
	.f_r li.hover .fEwm{width:87px;}
	.f_r{width:40px; padding:10px 0;}
	.f_r_box .c_close{bottom:-30px;}
	.frNum .frNumIco{width:40px;}
	.frNum .p{font-size:12px;  margin-top:3px;}
}	


.fuwuneirong{ width:240px; float: left;}
.product-grid .product-image{
	overflow: hidden;
	position: relative;
	display:block;
}
.product-grid .product-image:before{
	content: "";
	background: rgba(0,0,0,0.02);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.product-grid .product-image img{
	width: 100%;
	height: auto;
}
.product-grid .pic-1{
	opacity: 1;
	transform: rotateY(0);
	transition: all 0.5s ease-out 0s;
}
.product-grid:hover .pic-1{
	opacity: 0;
	transform: rotateY(-90deg);
}
.product-grid .pic-2{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: rotateY(-90deg);
	transition: all 0.5s ease-out 0s;
}
.product-grid:hover .pic-2{
	opacity: 1;
	transform: rotateY(0deg);
}




@media only screen and (max-width:990px){
	.product-grid{ margin-bottom: 30px; }
}




/* 必要布局样式css */
.lanrenzhijia {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.lanrenzhijia li {
	display: inline;
	float: left;
	height: 175px;
	width: 310px;
	margin-left: 5px;
	position: relative;
}
.lanrenzhijia .img {
	display: block;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	Opacity:0.5;
	Filter:alpha(opacity=50);
	outline:none;
}
.lanrenzhijia .img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.lanrenzhijia .title {
	display: block;
	height: 30px;
	width: 100%;
	position: absolute;
	background:rgba(000, 000, 000, 0.7)!important;
	background:transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7B000000, endColorstr=#7B000000);
	zoom: 1;
	outline:none;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	bottom: 0px;
	text-align: center;
}


.index_case{display:block;width:240px; margin:0 auto;}
.index_case a{display:block; width:240px; float:left; position:relative;}
.index_case a img{display:block; width:240px; height:550px;}
.index_case a img.zz{position:absolute; left:0px; top:0px;  width:240px; height:550px;display:none;}