/*滚动条样式*/

::-webkit-scrollbar{width:8px;height:8px}

::-webkit-scrollbar-track{background:#f8f8f8}

::-webkit-scrollbar-thumb{background:#4387e4;height:60px}

::-webkit-scrollbar-thumb:window-inactive{background:#4387e4}

::-webkit-scrollbar-thumb:vertical:hover{background:#4387e4}



body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"微软雅黑";transition: all 0.5s;min-width:320px;}

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%;}

}

@media (min-width:768px){

	.indexPaddingTop{padding-top:80px}

}

@media (min-width:992px){



}

@media (min-width:1200px){

	.indexPaddingTop{padding-top:90px}

}

@media (min-width: 1450px) {

	.indexPaddingTop{padding-top:100px}

	.container{width:1230px}

}

@media (min-width: 1650px) {

	.container{width:1530px}

}

/*横屏*/

@media (max-width:767px) and (orientation:landscape){

	.indexPaddingTop{padding-top:0}

	.index_body .header{display: none;}

}



/*foot*/

.gotop{width:40px;height:40px;background:url(../images/gotop1.png) no-repeat center;background-size:contain;position:fixed;right:-40px;bottom:50px;z-index:1;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}

.gotop.on{right:5px}

.gotop:hover{background-image:url(../images/gotop1.png)}



.footer{position: relative;width:100%;left:0;bottom:0;background:url(../images/footBg.jpg) no-repeat center;background-size:cover;color:#e5e5e5;z-index:7;}

.footer a{color:#e5e5e5;}

.footer a:hover{color:#fff;}

.f_top{padding:25px 0;}

.f_text{margin-bottom:25px;}

.f_text h5{font-size:18px;margin-bottom:15px;}

.f_text .InfoContent{line-height:28px;color:#e5e5e5;}

.footer h6{font-size:16px;margin-bottom:15px;color:#fff;}

.f_form h6{margin-bottom:15px;}

.f_form .form-group{margin-bottom:10px;}

.f_form .form-control{height:36px;background:transparent;border-radius: 0;border-color:rgba(255,255,255,0.2);border-top:none;border-left:none;border-right:none;font-size:14px;padding:6px 0;color:#fff;}

.f_form .form-control:focus{box-shadow: 0 0 0 rgba(0,0,0,0);}

.f_form textarea.form-control{height:80px;}

.f_form .btn{display: block;margin-top:20px;width:120px;height:36px;background:transparent;border-radius: 0;font-size:14px;border-color:rgba(255,255,255,0.2);color:#fff;}

.f_form .btn:hover{background:#4a82c6;color:#fff;border-color:#4a82c6;}

.f_form input::-moz-placeholder,.f_form textarea::-moz-placeholder { color: #e5e5e5; }

.f_form input:-ms-input-placeholder,.f_form  textarea:-ms-input-placeholder { color: #e5e5e5; }

.f_form input::-webkit-input-placeholder,.f_form  textarea::-webkit-input-placeholder { color: #e5e5e5; }



.f_middle{padding:25px 0 5px;border-top:1px solid rgba(255,255,255,0.2);}

.f_middle .row{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}

.f_middle .row:before,

.f_middle .row:after{display: none;}

.f_nav{overflow: hidden;margin-bottom:10px}

.f_nav a{float:left;margin-right:20px;color:#fff;margin-bottom:10px;}

.f_nav a:hover{color:#4a82c6;}

.f_nav:last-child{margin-bottom:0;}

.f_ewms{display: flex;justify-content: flex-start;flex-flow: row wrap;margin-top:20px;}

.f_ewms img{max-width:120px;}

.f_ewm{justify-content: center;align-items: center;flex-flow: row wrap;margin-right:20px;margin-bottom:20px;}

.f_ewm:last-child{margin-right:0;}

.f_ewm p{line-height: 1;}

.copyRight{padding:15px 0;line-height:20px;text-align:center;color:#d6d6d6;border-top:1px solid rgba(255,255,255,0.2);}

.copyRight a{display: block;color:#d6d6d6;}

.support{text-transform: uppercase;padding-left:5px;}



/*横屏*/

@media (max-width:767px) and (orientation:landscape){

	.index_body .f_top{display: none;}

	.index_body .f_middle{padding:25px 0 10px;}

}

@media (max-width:767px){

	.f_ewm p{text-align: center;margin-bottom:10px;}

	.copyRight{padding:12px 0;font-size:12px;}

	

	

	.index_body .f_ewms,.index_body .f_form,.sideBar{display: none;}

	.index_body .f_text{margin-bottom:0;}

}

@media (min-width:768px){

	.f_top{padding: 30px 0;}

	.f_text h5{font-size:20px;margin-bottom:20px;}

	.f_form h6{margin-bottom:20px;}

	.f_form .form-group{margin-bottom:15px;}

	.f_middle{padding:30px 0 10px;}

	.f_nav a{margin-right:30px;margin-bottom:12px;}

	.f_ewm{margin-right:30px;display: flex;}

	.f_ewm p{width:18px;margin-right:10px;}

	.copyRight a{display:inline;}

	

}

@media (min-width:992px){

	

	.footer h6{font-size:18px;}

	.f_top{padding: 35px 0;}

	.f_text{margin-bottom:0;}

	.f_text h5{font-size:22px;margin-bottom:25px;}

	.f_text .InfoContent{line-height:36px;}

	.f_form h6{margin-bottom:25px;}

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

	.f_form .form-control{height:46px;}

	.f_nav{margin-bottom:15px;}

	

}

@media (min-width:1200px){

	.footer{line-height:36px;}

	.footer h6{font-size:20px;}

	.f_text h5{font-size:24px;margin-bottom:30px;}

	.f_form h6{margin-bottom:30px;}

	.f_middle{padding:30px 0 15px;}

	.f_ewms{justify-content: flex-end;margin-top:0;}

	.copyRight{padding:20px 0;}

}

@media (min-width:1450px){

	.f_top{padding:40px 0;}

	.f_text h5,.f_form h6{margin-bottom:35px;}

	.f_middle{padding:40px 0 28px;}

	.f_ewms img{max-width:130px;}

}

@media (min-width:1650px){

	.f_ewms img{max-width:140px;}

	.f_ewm{margin-right:45px;}

}

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

	.index_body .f_middle{display: none;}

}

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

	.index_body .f_middle{display: none;}

}



/*侧栏*/

.sideBar{position: fixed;width:76px;padding:0 6px;border-radius: 10px;border:1px solid #ccc;right:-38px;top:50%;transform: translateY(-50%);background:#f0f0f0;z-index: 99;transition: all 0.5s;}

.sideBar:hover{right:0;}

.sideBar li{position: relative;width:100%;height:80px;border-bottom:1px solid #dadada;text-align: center;cursor: pointer;padding-top:10px;}

.sideBar li:last-child{border-bottom:none;}

.sideBar .icon{position: relative;width:30px;height:30px;margin:0 auto 10px;}

.sideBar .icon>img{position: absolute;width:100%;height:100%;left:0;top:0;transition: all 0.3s;}

.sideBar .icon>.hover{visibility: hidden;opacity: 0;}

.sideBar li>p{color:#666;font-weight: lighter;transition: all 0.3s;}

.sidebox{position: absolute;padding:15px;width:174px;top:50%;transform: translateY(-50%);left:-195px;border-radius: 5px;border:1px solid #ccc;background:#f0f0f0;transition: all 0.5s;visibility: hidden;opacity: 0;}

.sidebox:after,.sidebox:before{content: '';position: absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #f0f0f0;top:50%;margin-top:-8px;right:-7px;}

.sidebox:before{border-left-color:#ccc;right:-8px;}

.sidebox h2{font-size:18px;margin-bottom:5px;}

.sidebox p{word-break: break-all;}

.sideBar li:hover .icon + p{color:#4387e4;}

.sideBar li:hover .icon>.hover{visibility: visible;opacity: 1;}

.sideBar li:hover .icon>.default{visibility: hidden;opacity: 0;}

.sideBar li:hover .sidebox{visibility: visible;opacity: 1;left:-190px;}



@media (min-width:768px){

	.sideBar:hover{right:10px;}

}

@media (min-width:1200px){

	.sideBar{width:80px;right:-40px;}

	.sideBar:hover{right:20px;}

	.sideBar li{height:100px;padding-top:18px;}

	.sideBar .icon{margin-bottom:14px;}

	.sideBar li:hover .sidebox{left:-205px;}

	.sidebox{padding:20px 15px;}

}



/*导航*/

.navbar-default{background-color:rgba(0,0,0,0.7);transition:all .5s;border:none;border-radius:0;margin-bottom:0;/* box-shadow:0 0 12px rgba(0,0,0,.3); */}

.navbar-brand{position: relative;height:auto;padding-top:10px;padding-bottom:10px;padding-right:0;}

.navbar-brand img{height:40px;transition: all 0.5s;}

.navbar-default .navbar-toggle{border:0;margin-top:14px;margin-bottom:14px;margin-right:6px;}

.navbar-default .navbar-toggle .icon-bar{background-color:#4387e4;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 .navbar-nav>li>a{color:#fff;border-radius:0;line-height:20px;transition:all .5s;}

.navbar-default .navbar-nav>li>a>span{display: block;}

.navbar-default .navbar-nav>li>a>.n-en{font-family: arial;font-weight: 700;display: none;text-transform: uppercase;}

.navbar-default .navbar-nav>.active>a>.n-en,

.navbar-default .navbar-nav>li:hover>a>.n-en{display: block;}

.navbar-default .navbar-nav>.active>a>.n-ch,

.navbar-default .navbar-nav>li:hover>a>.n-ch{display: none;}

/* .navbar-default .navbar-nav>.active>a>.n-en{display: block;}

.navbar-default .navbar-nav>.active>a>.n-ch{display: none;}

.navbar-default .navbar-nav>li:hover>a>.n-ch{color:#4387e4;} */

.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-collapse::-webkit-scrollbar{width:2px;height:2px}

.header .navbar-fixed-bottom .navbar-collapse,

.header .navbar-fixed-top .navbar-collapse{max-height:450px}



.index_body .navbar-default{background-color:rgba(0,0,0,0);}

.index_body .bgfff .navbar-default{background-color:rgba(0,0,0,0.7);}

.index_body .bgBlack .navbar-default{background:#1a1a1a;}



.hot-tel p{width:100%;height:36px;line-height:36px; color:#fff;}



/* 二级导航 */

.navbar-default .navbar-nav>li>.dropdown-pc{display: none;}

.navbar-default .navbar-nav>li>.dropdown-min{display: block;}

.navbar-default .dropdown-menu{border:none;left:50%;right:auto;background:#1a1a1a;top:100%;padding:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-radius:0;box-shadow:0 0 0 rgba(0,0,0,0)}

.navbar-default .dropdown-menu a{color:#fff;line-height:20px;font-size:13px;padding:12px 10px;text-align:center;border-bottom:1px solid #333;-webkit-transition:all .5s;transition:all .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.navbar-default .dropdown-menu li:last-child a{border-bottom:none;}

.navbar-default .dropdown-menu a:hover{color:#4387e4;background: transparent;}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#4387e4;background:transparent}

@media (max-width:991px){

	.navbar-default .navbar-collapse{border-top-color:transparent}

	.navbar-collapse.collapse{border-top-color:transparent;display: none!important;}

	.navbar-header{float:none;}

	.navbar-default .navbar-toggle{display: block;margin-right:0;margin-top:24px;}

	.navbar-nav>li{float:none;}

	.navbar-nav{float:none!important;margin:10px 0;}

	.bg .navbar-default{background:#1a1a1a;height:100vh;}

	.index_body .bgfff.bg .navbar-default{background-color:#fff;}

	.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-nav .hot-tel{padding:10px 15px;}

	.hot-tel p{}

	

	

	.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 .dropdown-menu{position: static;width:100%;margin:0;float:none;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);background:none;padding:0;-webkit-transform: translateX(0);transform: translateX(0);}

	.navbar-default .dropdown-menu li{padding:0 15px;}

	.navbar-default .dropdown-menu a{position: relative;font-size:13px;padding:8px 15px;border-bottom:1px dashed rgba(255,255,255,0.4);text-align:left;}

	.navbar-default .navbar-nav .dropdown-menu>li>a{line-height:25px;}

	.navbar-default .dropdown-menu li:last-child a{border-bottom:1px dashed rgba(255,255,255,0.4);}

	.navbar-default .dropdown-menu a:hover,

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#4387e4;background:none;}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}

}

@media (max-width:767px){

	.navbar-brand img{height:40px;}

	.navbar-default .navbar-toggle{margin-top:14px;margin-right:8px;}

	.navbar-default .dropdown-menu a{padding:5px 15px 5px 25px;}

}

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

	.navbar-brand{padding-top:15px;padding-bottom:15px;}

	.navbar-brand img{height:50px;}

}

@media (min-width:992px){

	.navbar-header{float:left;}

	.navbar-brand{padding-top:15px;padding-bottom:15px;}

	.navbar-brand img{height:50px;}

	.navbar-right{margin-right:0;}

	.navbar-default .navbar-nav>li{position: relative;padding:18px 5px;}

	.navbar-default .navbar-nav>li:after{content: '';position: absolute;width:10px;height:17px;background:url(../images/line.png) no-repeat center;right:0;top:50%;margin-top:-8px;display: none;}

	.navbar-default .navbar-nav>li:last-child:after,

	.navbar-default .navbar-nav>li:nth-last-of-type(2):after{display: none;}

	.navbar-default .navbar-nav>li>a{padding:12px 8px;}

	.navbar-default .navbar-nav>.hot-tel{padding:22px 0 22px 5px;}

	.hot-tel p{width:220px;}

	

	.header:hover .navbar-default{background-color:#1a1a1a;}

	

	.navbar-default .dropdown-menu{min-width:120px;}

	.navbar-default .navbar-nav>li>.dropdown-pc{display: block;}

	.navbar-default .navbar-nav>li>.dropdown-min{display: none;}

}

@media (min-width:1200px){

	.navbar-brand{padding-top:12px;padding-bottom:12px;}

	.navbar-brand img{height:66px;}

	.navbar-default .navbar-nav>li{font-size:15px;padding:23px 17px 23px 7px;}

	.navbar-default .navbar-nav>li:after{display: block;}

	.navbar-default .navbar-nav>.hot-tel{padding:27px 0;}

	

	.hot-tel p{width:220px;}

	.navbar-default .dropdown-menu a{font-size:15px;}

}

@media (min-width:1450px){

	.navbar-brand{padding-top:17px;padding-bottom:17px;}

	.navbar-default .navbar-nav>li{padding:28px 17px 23px 7px;}

	.navbar-default .navbar-nav>li>a{padding:12px 15px;}

	.navbar-default .navbar-nav>.hot-tel{padding:32px 0;}

}

@media (min-width:1650px){

	.navbar-default .navbar-nav>li{font-size:16px;}

	.navbar-default .navbar-nav>li>a{padding:12px 25px;}

	

	.navbar-default .dropdown-menu a{font-size:16px;}

}

/*横屏*/

@media (max-width:767px) and (orientation:landscape){

	.index_body .header{display:none}

	.section{padding-top:0;}

}



/*第一屏*/

.banner{padding-top:0!important}

.banner .swiper-container{width:100%;height:100%}

.banner img[onclick]{cursor: pointer;}

.slide_img{width:100%;height:100%;}

.banner_text{position:absolute;left:0;right:0;top:50%;z-index:9;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.banner_text img{width:auto;max-width:100%;-webkit-transform:scale(0);transform:scale(0);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}

.swiper-button{width:auto;height:40px;margin-top:-20px;display: flex;align-items: center;color:#fff;background:none;opacity: 0.8;}

.swiper-button span{padding:0 10px;font-family: arial;display: none;color:#fff;}

.swiper-button .icon>img{height:14px;}

.swiper-button-prev,.swiper-button-next{outline: none;transition: all 0.3s;}

.swiper-button-prev.swiper-button{left:5.5vw;flex-flow: row-reverse;}

.swiper-button-next.swiper-button{right:5.5vw;}

.swiper-button:hover{opacity: 1;}



.swiper-pagination-bullet{/* width:24px;height:4px;border-radius: 2px;margin:0 5px!important; */background:#fff;opacity: 1;-webkit-transition:all .5s;transition:all .5s}

.swiper-pagination-bullet-active{background-color:#4387e4}



.downTip{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:30px;z-index:10;width:30px;height:30px;background:url(../images/downTip.png) no-repeat center;background-size:contain;-webkit-animation:downTip 1s linear infinite alternate;animation:downTip 1s linear infinite alternate}

@-webkit-keyframes downTip{

	from{bottom:30px;opacity:.9}

	to{bottom:20px;opacity:1}

}

@keyframes downTip{

	from{bottom:30px;opacity:.9}

	to{bottom:20px;opacity:1}

}





.videoDiv{position:absolute;width:100%;height:100%;cursor: pointer;top:0;left:0;z-index: 10;}

.videoDiv .player{position: absolute;top:0;left:0;z-index: 3;width:100%;height:100%;background:rgba(0,0,0,0.2);}

.videoBtn{position: absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;cursor: pointer;}

.playBtn{background:url(../images/play.png) no-repeat center;background-size:64px auto;}

.pauseBtn{background:url(../images/pause.png) no-repeat center;background-size:64px auto;}



.video_mark{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);left:0;top:0;z-index:1100;display:none;}

.modal_content{position:absolute;width:94%;background:rgba(255,255,255,1);border-radius:5px;top:50%;left:3%;padding:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.video_mark .close{position:absolute;width:30px;height:30px;background:url(../images/close2.png) no-repeat center;background-size:100% 100%;right:50%;top:15%;margin-right:-15px;cursor:pointer;opacity: 1;}

.modal_content .inner{width:100%;overflow:hidden;}

.modal_content .modal_video{width:100%;height:auto;background:#000;display:block;}





#videoContainer{position:absolute;height:100%;width:100%;top:0;left:0;}

#videoContainer:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 2; display: block; }

#background_video{position:absolute;height:100%;width:auto;min-width:100%;top:0;left:50%;object-fit:fill;background:#000;transform: translateX(-50%);}





@media (max-width:767px){

	.swiper-button{display: none;}

}

@media (min-width:768px){

	/* .swiper-pagination-bullet{margin:0 10px!important;} */

	.banner .swiper-pagination{display: none;}

	

	.modal_content{width:94%;left:3%;}

	.video_mark .close{width:45px;height:45px;right:5%;top:5%;margin-right:0;}

	

}

@media (min-width:992px){

	.modal_content{width:90%;left:5%;}

	.video_mark .close{width:45px;height:45px;right:5%;top:5%;}

}

@media (min-width:1200px){

	.swiper-button span{display: block;font-size:16px;}

	

	.modal_content{width:70%;left:15%;}

	.video_mark .close{width:51px;height:51px;top:50px;right:50px;}

}



#fp-nav.left{left:8px}

#fp-nav ul li{width:10px;height:10px;margin:15px 0}

#fp-nav ul li a span{width:10px;height:10px;margin:-5px 0 0 -5px;background-color:transparent;border:1px #fff solid;-webkit-transition:all .5s;transition:all .5s}

#fp-nav.section1-fp-nav ul li a span{border-color:#fff}

#fp-nav ul li a span:after{content:"";width:4px;height:4px;background-color:#fff;border-radius:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

#fp-nav ul li .fp-tooltip{color:#ddd;font-weight:lighter;top:50%;margin-top:-10px;margin-right:10px}

#fp-nav ul li .fp-tooltip.right{right:100%}

#fp-nav ul li a.active span:after,

#fp-nav ul li:hover a span:after{background:#4387e4;}

#fp-nav ul li a.active span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span{width:10px;height:10px;margin:-5px 0 0 -5px;border-color:#4387e4;}

#fp-nav ul li:hover .fp-tooltip,

#fp-nav ul li a.active .fp-tooltip{color:#4387e4;}



#fp-nav.black ul li a span{border-color:#000;}

#fp-nav.black ul li a span:after{background:#000;}

#fp-nav.black ul li a.active span:after,

#fp-nav.black ul li:hover a span:after{background:#4387e4;}

#fp-nav.black ul li a.active span,#fp-nav.black ul li:hover a span,#fp-nav.black ul li:hover a.active span{width:10px;height:10px;margin:-5px 0 0 -5px;border-color:#4387e4;}

#fp-nav.black ul li:hover .fp-tooltip,

#fp-nav.black ul li a.active .fp-tooltip{color:#4387e4;}



@media (max-width:767px){

	.PC_img{display:none}

	#fp-nav.left{display: none;}

}

@media (min-width:768px){

	.min_img{display:none}

	

	#fp-nav.left{left:1.5vw;}

	#fp-nav ul li{margin:25px 0;}

	

}

@media (min-width:992px){

	.downTip{width:40px;height:40px}

}

@media (min-width:1200px){

	#fp-nav.left{left:2.5vw;}

}



.index_title{text-align:center;font-weight: lighter;margin-bottom:30px;}

.section .index_title{-webkit-transform:scale(0);transform:scale(0)}

.section.active .index_title{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:.5s;transition-delay:.5s}

.index_title a{display:block;}

.index_title .it_out{position: relative;display: inline-block;}

.index_title .it_out:before,

.index_title .it_out:after{content:'';position: absolute;display: block;top:50%;width:40px;height:1px;background:#a4a4a4;}

.index_title .it_out:before{left:-30px;}

.index_title .it_out:after{right:-30px;}

.index_title .it_tit{display: flex;justify-content: center;align-items: center;flex-direction: row;}

.index_title .it_tit:before,

.index_title .it_tit:after{content:'';display: block;width:25px;height:35px;border:1px solid #a4a4a4;}

.index_title .it_tit:before{border-right:none;margin-right:12px;}

.index_title .it_tit:after{border-left:none;margin-left:12px;}

.index_title em{display: block;font-family: arial;text-transform: uppercase;}

.index_title h2{font-size:20px;line-height: 1;margin-top:6px;}

.index_title h2 span{color:#4387e4;}

.index_title p{color:#666;line-height: 1;margin-top:12px;}

.index_title.white h2,

.index_title.white p,

.index_title.white em{color:#fff;}

.index_more{margin-top:30px}

/* .index_more{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);margin-top:30px}

.active .index_more{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:1s;transition-delay:1s} */

.index_more a{display:block;max-width:100px;text-align:center;line-height:20px;padding:10px;margin:0 auto;background-color:#4387e4;color:#fff}

.index_more a:hover{text-shadow: 1px 1px 1px rgba(0,0,0,0.9);}

@media (max-width:767px){

	

}

@media (max-width:360px){

	.index_title .it_tit:before, .index_title .it_tit:after,.index_title .it_out:before,.index_title .it_out:after{display: none;}

}

/*横屏*/

@media (max-width: 767px) and (orientation: landscape) {

	.index_title{margin-bottom:25px;}

}

@media (min-width:768px){

	.index_title{margin-bottom:35px;}

	.index_title h2{font-size:22px;margin-top:8px}

}

@media (min-width:992px){

	.index_title{margin-bottom:40px;}

	.index_title h2{font-size:26px;}

	.index_title .it_tit:before,

	.index_title .it_tit:after{width:35px;height:45px;}

	.index_title .it_out:before,

	.index_title .it_out:after{width:50px;}

	.index_title .it_out:before{left:-40px;}

	.index_title .it_out:after{right:-40px;}

}

@media (min-width:1200px){

	.index_title{margin-bottom:45px;}

	.index_title h2{font-size:30px;}

	.index_title em,

	.index_title p{font-size:16px;}

	.index_title p{margin-top:18px;}

}

@media (min-width:1450px){

	.index_title{margin-bottom:50px;}

	.index_title h2{font-size:32px;}

}

@media (min-width:1650px){

	.index_title h2{font-size:36px;}

}

@media (min-width: 1200px) and (max-height:650px){

	.index_title{margin-bottom:40px;}

}



/*第二屏*/

.indexPainting{position: relative;}

.indexPainting .swiper-pagination{bottom:0;}

.indexPainting .swiper-container{position: relative;padding-bottom:30px;}

.indexPainting .swiper-container:after{content: '';position: absolute;width:2px;height:100%;background:#fff;top:0;right:0;z-index: 2;}

.indexPainting a{position: relative;height:350px;text-align: center;padding:15px;display: flex;justify-content: center;flex-direction: column;transition: all 0.5s;}

.indexPainting .before{position: absolute;width:100%;height:100%;left:0;top:0;opacity: 0;transition: all 0.5s;padding:5px;}

.indexPainting .kuang{width:100%;height:100%;border:1px solid #fff;}

.indexPainting .inner{position: relative;width:100%;z-index: 2;}

.indexPainting .inner>em{display: block;font-size:30px;font-weight: bold;line-height:1;transition: all 0.5s;font-family: DIN;}

.indexPainting .line{width:26px;height:1px;background:transparent;margin:15px auto;transition: all 0.5s;}

.indexPainting .inner>h5{font-size:20px;transition: all 0.5s;}

.indexPainting .inner>p{font-size:12px;color:#666;text-transform: uppercase;margin-top:8px;margin-bottom:20px;transition: all 0.5s;}

.indexPainting .inner>.p{color:#666;font-weight: 700;line-height:24px;height:72px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition: all 0.5s;margin-bottom:20px;}

.indexPainting .moreHref{width:98px;height:46px;line-height:46px;border:1px solid #aeaeae;color:#666;text-align: center;text-transform: uppercase;margin:0 auto;transition: all 0.5s;}

.indexPainting a:hover .before{opacity: 1;}

.indexPainting a:hover .line{background:#fff;}

.indexPainting a:hover .moreHref{color:#fff;border-color:#4387e4;background:#4387e4;}

.indexPainting a:hover .inner>em,

.indexPainting a:hover .inner>h5,

.indexPainting a:hover .inner>p,

.indexPainting a:hover .inner>.p{color:#fff;}

.indexPainting a:hover .inner>.p{height:0;margin-bottom:0;}



.indexPainting .swiper-pagination-bullet{background:#ccc;}

.indexPainting .swiper-pagination-bullet-active{background-color:#4387e4}





.indexPainting,.in3_main,.indexPartner{transform: translateY(100%);}

.active .indexPainting,.active .in3_main,.active .indexPartner{transform: none;opacity: 1;}

@media (max-width:767px){

	.indexPainting .swiper-container:after{background:transparent;}

}

/*竖屏*/

@media (max-width: 767px) and (orientation: portrait) {



}

/*横屏*/

@media (max-width: 767px) and (orientation: landscape) {

	.indexPainting .inner>.p{display: none;}

	.indexPainting a{height:210px}

}

@media (min-width:768px){

	.indexPainting .swiper-container{padding-bottom:40px;}

	.indexPainting a{height:390px;border-right:1px solid #aeaeae;}

	.indexPainting .inner>em{font-size:34px;}

	.indexPainting .line{margin:20px auto;}

	.indexPainting .inner>h5{font-size:22px;}

	.indexPainting .inner>p,.indexPainting .inner>.p{margin-bottom:30px;}

}

@media (min-width:992px){

	.indexPainting a{padding-left:20px;padding-right:20px;}

}

@media (min-width:1200px){

	.indexPainting .swiper-container{padding-bottom:0;}

	.indexPainting a{height:410px;padding-left:25px;padding-right:25px;}

	.indexPainting .inner>em{font-size:38px;}

	.indexPainting .line{margin:15px auto 25px;}

	.indexPainting .inner>h5{font-size:24px;}

}

@media (min-width:1450px){

	.indexPainting a{height:430px;padding-left:30px;padding-right:30px;}

}

@media (min-width:1650px){

	.indexPainting a{height:480px;}

	.indexPainting .inner>em{font-size:42px;}

}

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

	.indexPainting a{height:350px;}

}

	

/*第三屏*/

.in3_main .swiper-pagination{position:absolute;width:100%;bottom:0;left:0;text-align:center;}

.in3_main .swiper-pagination span{display:inline-block;width:10px;height:auto;padding:5px 0;margin:0 40px;text-align:center;cursor:pointer;border-radius:0;opacity:1;font-size:12px;font-weight:700;color:#a3a3a3;background:none;font-family:'Arial';border-bottom:1px solid #a3a3a3;transition: all 0.3s;}

.in3_main .swiper-pagination .swiper-pagination-bullet-active{color:#4387e4;background:none;border-bottom-color:#4387e4;}

.in3_main .swiper-slide{overflow: hidden;display: flex;align-items: stretch;flex-flow: row wrap;}

.in3_main .swiper-container{padding-bottom:40px;}

.in3-swiper-buttons{position: absolute;width:120px;height:36px;right:50%;bottom:80px;background:#f5f5f5;z-index: 10;}

.in3-swiper-buttons>div{position: static;float:left;margin:0;width:50%;height:100%;background-size:14px auto!important;}

.in3-swiper-buttons>div:first-child:after{content: '';position: absolute;width:1px;height:80%;left:50%;top:10%;background:#737373;}

.swiper-pagination2{font-size:20px;margin-top:15px;}

.in3_left{float:left;width:50%;}

.in3_left .img,

.in3_left .img>div{height:100%}

.in3_left .img>img{display: none;}

.in3_right{position: relative;float:left;width:50%;padding-left:25px;padding-top:10px;}

.in3_right h5{font-size:20px;margin-bottom:5px;font-family: arial;font-weight: lighter;text-transform: uppercase;}

.in3_tit{position: relative;}

.in3_tit:after{content: '';position: absolute;width:30px;height:30px;background:url(../images/jia.png) no-repeat center;background-size:100% 100%;right:0;top:-10px;}

.in3_tit h5:last-child{margin-bottom:0;}

.in3_right .p{margin:15px 0;color:#666;line-height:24px;height:72px;overflow: hidden;}

.in3_right .more{width:140px;height:44px;line-height:44px;text-align: center;border:1px solid #aeaeae;font-family: arial;text-transform: uppercase;transition: all 0.5s;}

.in3_right .more:hover{color:#fff;border-color:#4387e4;background:#4387e4;}



@media (max-width: 767px) {

	.in3_left .img{max-height:160px;}

	.in3_left .img>div{display: none;}

	.in3_left .img>img{display: block;}

	.in3_left,.in3_right{width:100%;padding:0;}

	.in3_right{margin-top:20px;}

	.in3-swiper-buttons,.swiper-pagination2,.in3_tit:after{display: none;}

}

/*竖屏*/

@media (max-width: 767px) and (orientation: portrait) {

	

}

/*横屏*/

@media (max-width: 767px) and (orientation: landscape) {

	.in3_left{display: none;}

	.in3_right .p{height:48px;}

}

@media (min-width: 768px) {	

	.in3_right h5{font-size:22px;margin-bottom:10px;}

	.in3_right .p{margin:20px 0;height:72px;}

	.in3_right .more{width:140px;height:50px;line-height:50px;font-size:16px;}

	.in3_main .swiper-container{padding-bottom:50px;}



}

@media (min-width: 992px) {

	.in3_left{width:60%;}

	.in3_right{width:40%;padding-left:30px;padding-top:30px;}

	.in3_right h5{font-size:24px;margin-bottom:15px;}

	.in3_right .p{margin:30px 0;}

	.swiper-pagination2{font-size:24px;margin-top:20px;}

	.in3-swiper-buttons{width:180px;height:50px;right:40%;}

	

}

@media (min-width: 1200px) {

	.in3_main .swiper-container{padding-bottom:60px;}

	.in3_right h5{font-size:26px;}

	.in3_right .more{width:150px;height:58px;line-height:58px;}

	.swiper-pagination2{font-size:26px;}

}

@media (min-width: 1450px) {

	.in3_left{width:70%;}

	.in3_right{width:30%;padding-left:50px;padding-top:50px;}

	.in3_right h5{font-size:28px;}

	.in3_right .p{margin:40px 0;}

	.swiper-pagination2{font-size:30px;margin-top:40px;}

	.in3-swiper-buttons{width:220px;height:46px;right:30%;bottom:130px;}

	.in3_right .more{width:168px;height:64px;line-height:64px;}

}

@media (min-width: 1650px) {

	.in3_right h5{font-size:30px;}

}

@media (min-width: 1200px) and (max-height:650px){

	.in3_right .p{margin:20px 0;}

	.in3_main .swiper-container{padding-bottom:40px;}

	.in3_right{padding-top:10px;}

}



/*第四屏*/

.indexPartner{margin:-4px -4px 0;}

.indexPartner .column{padding:4px;}

@media (max-width: 767px) {



}

@media (max-width: 479px) {

	.indexPartner .column{width:33.333%;}

	.indexPartner .column:nth-child(n+19){display: none;}

}

/*横屏*/

@media (max-width: 767px) and (orientation: landscape) {

	.indexPartner .column:nth-child(n+9){display: none;}

}

@media (min-width: 768px) {



}

@media (min-width: 992px) {



}

@media (min-width: 1200px) {



}

@media (min-width: 1400px) {



}

@media (min-width: 1200px) and (max-height:650px){

	.indexPartner .column:nth-child(n+19){display: none;}

}



/*第五屏*/

.in5_left,.in5_right{position: absolute;width:50%;height:100%;top:0;}

.in5_left{left:0;}

.in5_right{right:0;}

.in5_right{display: flex;justify-content: center;flex-direction: column;}

.in5_right .inner{width:100%;}

.in5_text{position: relative;padding:0;}

.in5_text:before{content: '';position: absolute;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:30px solid #fff;top:50%;margin-top:-30px;left:-30px}

.info-ch{line-height:26px;}

.in5_ul{margin:35px -3px 0;}

.in5_ul li{padding:3px;}

.in5_ul a{position: relative;}

.in5_ul .img>img{min-height:100px;}

.in5_ul .mask{position: absolute;width:100%;height:100%;padding:10px;left:0;top:0;display: flex;justify-content: center;flex-direction: column;text-align: center;color:#fff;background:transparent;transition: all 0.5s;}

.in5_ul .inner>img{width:40px;margin:0 auto 10px;}

.in5_ul h5{font-size:14px;}

.in5_ul a:hover .mask{background:rgba(0,0,0,0.5);}



.in5_text{transform: translateY(100%);}

.active .in5_text{transform: none;opacity: 1;}

@media (max-width: 767px) {

	.in5_left,.in5_text:before,.info-en{display: none;}

	

}

/*横屏*/

@media (max-width: 767px) and (orientation: landscape) {

	.in5_ul {margin-top:20px;}

	.in5_ul .img>img{height:100px;}

}

@media (min-width: 768px) {

	.in5_text{padding-left:25px;}

	.in5_ul .inner>img{margin-bottom:15px;}

	.info-ch{margin-bottom:20px;margin-top:-10px}

	.info-en{display: none;}

	

	.in5_left{transform: translateX(-100%);}

	.in5_text,.in5_right{transform: translateX(100%);}

	.active .in5_text,.active .in5_left,.active .in5_right{transform: none;opacity: 1;}

}

@media (min-width: 992px) {

	.in5_text{padding-left:35px;}

	.info-en{display: block;}

	.in5_text:before{border-width:40px;margin-top:-40px;left:-40px}

}

@media (min-width: 1200px) {

	.in5_ul{margin-top:30px;}

	.in5_text{padding-left:45px;}

	.info-ch{font-size:16px;line-height:30px;}



}

@media (min-width: 1450px) {

	.in5_ul{margin-top:45px;}

	.info-ch{margin-bottom:30px;}

	.in5_text:before{border-width:50px;margin-top:-50px;left:-50px}

}

@media (min-width: 992px) and (max-height:650px){

	.info-en{display: none;}

}







/*第六屏*/

.indexNews .p{color:#666;margin-top:10px;line-height:20px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.indexNews h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}

.indexNews_left h2{font-weight: 700;font-size:18px;margin-top:10px;}

.indexNews_left .p{font-size:16px;line-height:24px;height:48px;}

.indexNews_left em{display: block;width:140px;height:46px;line-height: 46px;margin-top:25px;font-size:16px;text-align: center;border:1px solid #aeaeae;transition: all 0.5s;}

.indexNews_left .img{height:250px;}

.indexNews_left .img>div{width:100%;height:100%;transition: all 0.5s;}

.indexNewsNav{overflow: hidden;margin-bottom:30px;}

.indexNewsNav li{float: left;width:50%;text-align: center;}

.indexNewsNav a{font-size:16px;border:1px solid #000;line-height:20px;padding:12px 15px;transition: all 0.5s;}

.indexNewsNav a:hover{color:#333;}

.indexNewsNav .active a{background:#000;color:#fff;}

.indexNewsList a{padding:20px 0;border-bottom:1px dashed #b5b5b5;}

.indexNewsList a:first-child{border-top:1px dashed #b5b5b5;}

.indexNewsList .tit{position: relative;padding-right:105px;}

.indexNewsList .tit h2{line-height:20px;}

.indexNewsList .tit span{position: absolute;color:#666;top:0;right:0;line-height:20px;}

.indexNews a:hover h2{color:#4387e4;}

.indexNews a:hover em{color:#fff;border-color:#4387e4;background:#4387e4;}

.indexNews a:hover .img>div{transform: scale(1.1);}





.section6.active .index_title{-webkit-transform:scale(0);transform:scale(0);opacity: 0;}

.section6.act .index_title{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}

.indexNews_right{transform: translateY(100%);}

.act .indexNews_right{transform: none;opacity: 1;}



/*第七屏*/

.section.fp-auto-height{display: block;}



@media (max-width: 767px) {

	.indexNews_left{display: none;}

}

/*横屏*/

@media (max-width: 767px) and (orientation: landscape) {

	.indexNewsNav,.indexNewsList a:nth-child(n+3){display: none;}

}

@media (min-width: 768px) {

	.indexNews .p{margin-top:15px;}

	.indexNews_left h2{font-size:18px;margin-top:15px;}

	

	.indexNewsNav a{padding:15px;}

	.indexNews_left{transform: translateX(-100%);}

	.indexNews_right{transform: translateX(100%);}

	.act .indexNews_left,.act .indexNews_right{transform: none;opacity: 1;}

}

@media (min-width: 992px) {

	.indexNews h2{font-size:18px;}

	.indexNews{margin-left:-20px;margin-right:20px;}

	.indexNews .column{padding-left:20px;padding-right:20px;}

	.indexNewsList a{padding:25px 0;}

	.indexNews_left em{width:160px;}

	.indexNews_left .img{height:300px;}

}

@media (min-width: 1200px) {

	.indexNewsNav a{padding:18px 15px;}

}

@media (min-width: 1450px) {

	.indexNews{margin-left:-35px;margin-right:35px;}

	.indexNews .column{padding-left:35px;padding-right:35px;}

	.indexNews_left em{width:180px;}

	.indexNews_left h2{font-size:20px;}

	.indexNewsNav a{padding:22px 15px;}

}



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

	.indexNewsList a{padding:20px 0;}

	.indexNews .p{margin-top:10px;}

	.indexNews_left .img{height:250px;}

}

@media (min-width: 1200px) and (max-height:650px){

	.indexNewsList a{padding:25px 0;}

	.indexNewsList a:nth-child(n+3){display: none;}

	.indexNews_left .img{height:200px;}

	.indexNews .p{margin-top:15px;}

	.indexNewsNav a{padding:18px 15px;}

}







/*内页*/

.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_main{width:100%;position:absolute;left:0;bottom:0;z-index:1}

.submenu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:-5px;margin-left:-5px;margin-right:-5px;margin-bottom:25px}

.submenu:after,.submenu:before{display:none}

.submenu li{padding:0 5px;margin:5px 0;}

.submenu li a{background-color:transparent;border:1px solid #aeaeae;color:#333;text-align:center;line-height:20px;text-transform:uppercase;padding:8px 12px;min-width:70px;transition: all 0.5s;}

.submenu li a:hover,.submenu li.active a{background-color:#4387e4;color:#fff;border-color:#4387e4;}



.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:#4387e4}



.wrapper{width:100%;overflow:hidden;position:relative;min-height:95vh;}

.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:#666}

.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 em{font-size:14px;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}

.goBack a:hover{border-color:#4387e4;background:#4387e4;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:#4387e4;border-color:#4387e4;}

.pager li>a:hover{color:#fff;background-color:#4387e4}



.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:#4387e4}

.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}

}

@media (min-width:768px){

	.submenu{margin-left:-10px;margin-right:-10px;margin-bottom:30px}

	.submenu li{padding:0 10px}

	.submenu li a{font-size:16px;padding:12px 20px}

	

	.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}

	.InfoTitle em{font-size:16px;}

	.pager li>a,.pager li>span{padding:8px 20px;margin:0 20px}

}

@media (min-width:992px){

	.submenu{margin-bottom:35px;}

	.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}

	.InfoTitle em{font-size:18px;}

}

@media (min-width:1200px){

	.submenu{margin-bottom:40px;}

	.inside_title{margin-bottom:45px}

	

	.padding_main{padding:55px 0;}

	.inside_main{padding:55px 0 80px}

	

	.pager li>a,.pager li>span{padding:10px 25px;margin:0 25px}

}

@media (min-width:1450px){

	.pager li>a,.pager li>span{padding:12px 35px;margin:0 30px}

}

@media (min-width:1650px){



}



/*关于我们*/

.honorList{margin-left:-5px;margin-right:-5px;}

.honorList .column{padding:0 5px;margin-bottom:20px;}





/*项目服务*/

.product_list .inside_title{text-align: left;display: flex;align-items: center;flex-flow: row wrap;margin-bottom:0;}

.product_list .inside_title h2{float:left;margin-right:15px;}

.product_list .inside_title span{float:left;margin-top:0;}

.product_list a{color:#333;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}

.product_list .column:nth-child(odd) a{flex-direction:row-reverse}

.product_list a .img{width:50%;max-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}

.product_list a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.product_list a .text{width:50%;padding:10px 15px}

.product_list a .p{line-height:30px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 0}

.product_list a em{display:block;border:1px solid #aeaeae;padding:6px 10px;font-weight:700;color:#666;line-height:24px;max-width:140px;text-align:center;margin-top:15px;transition: all 0.5s;}

.product_list a:hover em{background-color:#4387e4;border-color:#4387e4;color:#fff;}

.img_viewport{position:relative;padding:0 30px;margin-bottom:15px}

.img_viewport .swiper-slide img{display:block;width:100%}

.img_viewport .swiper-button-next,.img_viewport .swiper-button-prev{opacity:.5;width:18px;height:29px;margin-top:-15px;background-size:contain;outline:0}

.img_viewport .swiper-button-prev{left:0}

.img_viewport .swiper-button-next{right:0}

.details_box .InfoTitle{text-align:left;border-bottom:0;padding-bottom:0;margin-bottom:10px}

@media (max-width:767px) and (orientation:portrait){

	/*项目服务*/

	.product_list .column{margin-bottom:20px}

	.product_list a .img,.product_list a .text{width:100%}

	.product_list a .text{padding:0;margin-top:18px}

	.product_list a .img{max-height:100vh;}

}

@media (min-width:768px){

	/*关于我们*/

	.honorList{margin-left:-10px;margin-right:-10px;}

	.honorList .column{padding:0 10px;}

	

	/*项目服务*/

	.product_list a .img{max-height:250px}

	.product_list a .text{padding:20px 40px;}

	.product_list a .p{height:120px;-webkit-line-clamp:4;margin-top:20px}

	.product_list a em{margin-top:30px}

	.details_box{padding:0 30px}

}

@media (min-width:992px){

	/*关于我们*/

	.honorList .column{margin-bottom:30px;}

}

@media (min-width:1200px){

	/*关于我们*/

	.col-lg-h{width:20%;}

	

	/*项目服务*/

	.product_list a .img{max-height:336px}

	.product_list a .text{padding:30px 40px;}

	.product_list a em{font-size:16px;padding:10px}

	.img_viewport{padding:0 50px;margin-bottom:30px}

	.details_box{padding:0 50px}

}

@media (min-width:1450px){

	/*关于我们*/

	.honorList{margin-left:-15px;margin-right:-15px;}

	.honorList .column{padding:0 15px;}

}





/*案例展示*/

.case_body .sideBar{display: none;}

.case_list{margin-left:-10px;margin-right:-10px;overflow: hidden;display: flex;align-items: stretch;flex-flow: row wrap;}

.case_list a{position: relative;}

.case_list .column{padding:0 10px;margin-bottom:20px;}

.case_list:before,

.case_list:after{display: none;}

.case_list .column:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.case_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;}

.case_list .text h5,

.case_list .text em{font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}

.case_list .text em{display: block;font-family: arial;}

.case_list a:hover .text{height:100%;background:rgba(0,0,0,0.7);padding:10%;}

.case_list a:hover h5,

.case_list a:hover em{font-size:16px;}



.case-swiper{position: relative;width:100%;height:100vh;overflow: hidden;}

.case-swiper .swiper-container{height:100%}

.case-swiper .swiper-pagination{bottom:20px;}

.case-swiper .swiper-pagination-bullet{margin:0 6px!important;}

.case-swiper .swiper-button-white{width:40px;height:40px;margin-top:-20px;opacity:1;}

.case-swiper .swiper-button-prev{background:rgba(0,0,0,0.6) url(../images/left.png) no-repeat center;background-size:30px auto}

.case-swiper .swiper-button-next{background:rgba(0,0,0,0.6) url(../images/right.png) no-repeat center;background-size:30px auto;}

.caseDetails{position: absolute;top:0;right:0;width:460px;height:100%;background:rgba(0,0,0,0.6);z-index: 2;transition: all 1s;}

.caseDetails.guan{right:-460px;}

.caseDetails .outerBox{position: relative;padding:30px 30px 100px;color:#fff;width:100%;height:100%;}

.caseDetails .innerBox{height:100%;overflow: auto;}

.caseDetails .InfoContent{color:#fff;}

.caseDetails .innerBox::-webkit-scrollbar{width:4px;height:4px}

.caseDetails .InfoTitle{margin-bottom:0;border-bottom:none;text-align: left;}

.caseDetails .goBack{position: absolute;width:100%;left:0;bottom:26px;margin:0;}

.caseDetails .goBack>a{display: block;width:48px;height:48px;margin:0 auto;border:none;padding:0;border-radius: 50%;}

.caseDetails .goBack>a>img{width:100%;height:100%;}

.caseDetails .goBack>a:hover{background:transparent;}

.rightArrow{position: absolute;width:25px;height:50px;background:url(../images/arrowL.jpg) no-repeat center;backgraound-size:100% 100%;left:-25px;top:50%;margin-top:-25px;transition: all 0.5s;}

.rightArrow>a{width:100%;height:100%;}

.guan .rightArrow{background:url(../images/arrowR.jpg) no-repeat center;backgraound-size:100% 100%;}



/*新闻中心*/

.news_list{margin-left:-5px;margin-right:-5px;}

.news_list .column{padding:0 5px;margin-bottom:20px;}

.news_list a{color:#333;border:1px #eee solid;background-color:#f9f9f9;padding:10px;display:flex;flex-flow: row wrap;}

.news_list .img{width:100%;}

.news_list .text{width:100%;overflow:hidden;padding:15px 0 5px;}

.news_list .date{display:block;color:#999;text-transform:uppercase;margin-top:10px}

.news_list em{display:block;color:#666;text-align:center;text-transform:uppercase;padding:8px;max-width:150px;margin-top:15px;border:1px solid #aeaeae;transition: all 0.5s;}

.news_list h2{font-size:16px;text-transform:uppercase;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition: all 0.5s;}

.news_list .p{color:#666;line-height:24px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 0}

.news_list a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.news_list a:hover em{background-color:#4387e4;border-color:#4387e4;color:#fff}

.news_list a:hover h2{color:#4387e4;}



@media (max-width:767px){

	.case-swiper{height:auto;}

	.case-swiper .swiper-container{height:100vh;}

	.case-swiper .swiper-button-white{width:30px;height:30px;margin-top:-15px;background-size:18px auto!important;}

	.caseDetails{position: static;width:100%;padding-top:0;}

	.caseDetails .outerBox{padding:30px 15px 100px}

	.caseDetails .InfoTitle{text-align: center;}

	.rightArrow{display: none;}

	.case-swiper .swiper-pagination{bottom:10px;}

	.case-swiper .swiper-pagination-bullet{margin:0 4px!important;}

	

}

@media (max-width:479px){

	.case_list .column{width:100%;}

}

@media (min-width:768px){

	/*案例*/

	.case_list{margin-left:-10px;margin-right:-10px;}

	.case_list .column{padding:0 10px;}

	.case_list a:hover h5,

	.case_list a:hover em{font-size:18px;}

	.case-swiper .swiper-button-white{margin:0;top:auto;bottom:25%;}

	.case-swiper .swiper-button-prev{left:25px;}

	.case-swiper .swiper-button-next{left:85px;}

	

	/*新闻*/

	.news_list a{padding:15px}

	.news_list .img{width:40%;}

	.news_list .text{width:60%;padding:0 0 0 30px;}

	.news_list h2{font-size:18px}

	.news_list em{padding:10px;margin-top:20px;}



}

@media (min-width:992px){

	/*案例*/

	.case_list{margin-left:-15px;margin-right:-15px;}

	.case_list .column{padding:0 15px;margin-bottom:30px;}

	

	/*新闻*/

	.news_list .p{height: 72px;-webkit-line-clamp: 3;margin-top: 15px;}

	.news_list em{margin-top:30px;max-width:170px;}

	.news_list h2{font-size:20px}

}

@media (min-width:1200px){

	/*案例*/

	.case_list a:hover h5,

	.case_list a:hover em{font-size:20px;}

	.case-swiper .swiper-button-white{width:50px;height:50px;}

	.case-swiper .swiper-button-prev{left:25px;}

	.case-swiper .swiper-button-next{left:95px;}

	

	/*新闻*/

	.news_list a{padding:20px}

	.news_list .img{width:35%;}

	.news_list .text{width:65%;padding:0 0 0 40px;}

	.news_list h2{font-size: 22px;}

}

@media (min-width:1450px){

	.news_list a{padding:25px}

	.news_list .img{width:30%;}

	.news_list .text{width:70%;}

	.news_list h2{font-size: 24px;}

}

@media (min-width:1650px){

	.news_list em{margin-top:40px;}

}

/*竖屏*/

@media (max-width:767px) and (orientation:portrait){





}



/*联系*/

.contact_list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:-15px;}

.contact_list:after,.contact_list:before{display:none}

.contact_list .column{margin:15px 0}

.contact_list a{height:100%;padding:20px 10px;display:block;color:#333;text-align:center;word-break:break-all;background-color:#fff;-webkit-transition:all .5s;transition:all .5s}

.contact_list a .img{max-width:140px;margin-bottom:5px}

.contact_list a .icon{width:50px;height:50px;overflow:hidden;margin:5px auto 20px;position:relative}

.contact_list a .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s}

.contact_list a .icon .iconHover,.contact_list a:hover .icon .iconDefault{-webkit-transform:scale(0);transform:scale(0)}

.contact_list a:hover .icon .iconHover{-webkit-transform:none;transform:none}

.contact_list a p{margin:0;line-height:1.6}

.form_main{max-width:1200px;margin:0 auto;}

.message_form{margin-top:-5px;}

.message_form textarea{resize: none;}

.message_form .column{margin:5px 0}

.message_form .form-control{height:40px;color:#333;background-color:#FAFAFA;border-color:#ddd;border-radius:0;box-shadow:none}

.message_form .error input{border-color:#4387e4}

.message_form .success input,.message_form .tip input{border-color:#999}

.message_form .error .valid_message{position:absolute;width:100%;left:0;font-size:12px;color:#4387e4;display:none}

.message_form textarea.form-control{height:auto}

.message_form .btn{display:block;border-color:#ccc;background-color:transparent;color:#333;font-size:14px;width:100%;height:40px;margin:20px auto 0;outline:0!important}

.message_form .btn:hover{background-color:#4387e4;border-color:#4387e4;color:#fff}



.mapRow{margin:0;}

.mapRow .column{padding:0;}

.map_contact{width:100%;height:100%;background:#262626;color:#fff;padding:25px 15px;margin-bottom:20px;display: flex;justify-content: center;align-items: center;flex-direction: column;}

.map_contact .InfoContent{color:#fff;line-height: 1.6;}

.map_contact .InfoContent p{margin-bottom:15px;}

.map_contact .InfoContent p:last-child{margin-bottom:0;}



.map{height:260px;border:1px solid #ddd;}

.map #dituContent{width:100%;height:100%}

.BMap_bubble_title{color:#4387e4;font-weight: 700;}

/* .anchorBL{display: none;} */

@media (max-width:767px){

	/*联系我们*/

	.contact_list{margin-left:-10px;margin-right:-10px}

	.contact_list .column{width:100%;padding:0 10px}

	.contact_list a{box-shadow:0 0 10px rgba(0,0,0,.2)}

	.aboutItem .form_main{margin-top:0;}

}

@media (min-width:768px){

	/*联系我们*/

	.contact_list a{padding:20px 15px}

	.contact_list a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}

	.contact_list a .icon{width:70px;height:70px;margin-top:15px;margin-bottom:35px}

	.contact_list a p{font-size:16px}

	.map_contact{margin-bottom:0;}

	.mapRow{display: flex;}

	.map{height:400px;}

}

@media (min-width:992px){

	.message_form .form-control{height:50px;}

	.message_form .btn{height:50px;font-size:16px;}

	

	/*联系我们*/

	.contact_list a{padding:30px 15px}

	.contact_list a .icon{margin-bottom:45px;}

	

	.map_contact{padding:60px 30px;}

	

}

@media (min-width:1200px){

	/*联系我们*/

	.contact_list a{padding:40px 15px}

	.contact_list a .icon{margin-bottom:60px;}

	.contact_list .column{width:20%;margin:0;}

	

	.map_contact .InfoContent{font-size:16px;}

	.map_contact .InfoContent p{margin-bottom:20px;}

}

@media (min-width:1450px){

	/*联系我们*/

	.map{height:500px}

}



/*横屏*/

@media (max-width:767px) and (orientation:landscape){

	/*联系我们*/

	.contact_list .column{width:50%}

	.contact_list .column:nth-child(3){width:100%}

}



/*招贤纳士*/

.job_list .panel{margin-bottom:30px;border:0;border-radius:0;box-shadow:none}

.job_list .panel-heading{position:relative;padding:0;border-bottom:0;border-radius:0}

.job_list .panel-heading>a{position:relative;z-index:1;display:block;display:flex;overflow:hidden;padding:10px;background-color:#333;color:#fff;flex-direction:row;justify-content:space-between;align-items:center}

.job_list .active .panel-heading>a{background-color:#4387e4;color:#fff}

.job_list .panel-heading>a:after{display:block;margin-left:15px;width:16px;height:10px;background:url(../images/i1.png) no-repeat center;background-size:contain;content:"";-webkit-transition:all .5s;transition:all .5s;flex:0 0 auto}

.job_list .active .panel-heading>a:after{background-image:url(../images/i1h.png);-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.job_list .panel-heading a h2{margin:0;font-weight:700;font-size:16px;line-height:20px}

.job_requirement ul{overflow:hidden;margin:0;padding:0;width:100%;list-style:none}

.job_requirement ul li{display:flex;margin-top:10px;flex-direction:column;justify-content:flex-end}

.job_requirement ul li span{display:block;padding:10px 0;border-bottom:1px #bbb solid;line-height:20px}

.job_list .panel-body{position:relative;margin-top:30px;padding-top:20px;padding-bottom:30px;background-color:#f1f1f1}

.job_list .panel-body:before{position:absolute;top:-12px;left:30px;width:0;height:0;border-right:13px solid transparent;border-bottom:13px solid #f1f1f1;border-left:13px solid transparent;content:""}

.job_description .column{margin-bottom:10px}

.job_description .inner>h2{position:relative;margin:0;padding-left:15px;font-size:16px}

.job_description .inner>h2:before{position:absolute;top:1px;left:0;display:inline-block;width:4px;height:16px;background-color:#4387e4;content:""}

.job_description .inner .InfoContent{margin-top:10px;}

.apply_btn{margin-top:20px;text-align:center}

.apply_btn a{display:block;padding:10px;border:1px solid #bbb;color:#333;text-decoration:none;line-height:20px}

.apply_btn a:hover{background-color:#4387e4;border-color:#4387e4;color:#fff;}



@media (min-width:768px){

	.job_requirement{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}

	.job_requirement ul{display:flex;flex-direction:row;flex-wrap:wrap}

	.job_requirement ul li{float:left;display:flex;margin-top:10px;padding-right:10%;width:50%;flex-direction:column;justify-content:flex-end}

	.apply_btn{width:120px;flex:0 0 auto}

	.job_list .panel-body{padding:30px 30px 40px}

	.job_description .inner .InfoContent{padding-left:40px}

}













/*动画*/

@-webkit-keyframes fadeIn {

	0% {

		opacity: 0

	}

	100% {

		opacity: 1

	}

}

@keyframes fadeIn {

	0% {

		opacity: 0

	}

	100% {

		opacity: 1

	}

}

.fadeIn {

	-webkit-animation: fadeIn 1s;

	animation: fadeIn 1s;

}



@-webkit-keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, -100%, 0);

		transform: translate3d(0, -100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}

@keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, -100%, 0);

		-ms-transform: translate3d(0, -100%, 0);

		transform: translate3d(0, -100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none

	}

}

.fadeInDown {

	-webkit-animation: fadeInDown 1s;

	animation: fadeInDown 1s;

}



@-webkit-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, 100%, 0);

		transform: translate3d(0, 100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}

@keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(0, 100%, 0);

		-ms-transform: translate3d(0, 100%, 0);

		transform: translate3d(0, 100%, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none

	}

}

.fadeInUp {

	-webkit-animation: fadeInUp 1s;

	animation: fadeInUp 1s;

}



@-webkit-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}

@keyframes fadeInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(-100%, 0, 0);

		-ms-transform: translate3d(-100%, 0, 0);

		transform: translate3d(-100%, 0, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none

	}

}

.fadeInLeft {

	-webkit-animation: fadeInLeft 1s;

	animation: fadeInLeft 1s;

}



@-webkit-keyframes fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0)

	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}

@keyframes fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		-ms-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0)



	}

	100% {

		opacity: 1;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none

	}

}

.fadeInRight {

	-webkit-animation: fadeInRight 1s;

	animation: fadeInRight 1s;

}



@-webkit-keyframes zoomIn {

	0% {

		opacity: 0;

		-webkit-transform: scale3d(.3, .3, .3);

		transform: scale3d(.3, .3, .3)

	}

	50% {

		opacity: 1

	}

}

@keyframes zoomIn {

	0% {

		opacity: 0;

		-webkit-transform: scale3d(.3, .3, .3);

		-ms-transform: scale3d(.3, .3, .3);

		transform: scale3d(.3, .3, .3)

	}

	50% {

		opacity: 1

	}

}

.zoomIn {

    -webkit-animation: zoomIn 1s;

    animation: zoomIn 1s

}



@-webkit-keyframes kenburnsUp {

	0% {

		-webkit-transform: scale(1.5) translate(0, 10%);

		transform: scale(1.5) translate(0, 10%)

	}

	100% {

		-webkit-transform: scale(1) translate(0, 0);

		transform: scale(1) translate(0, 0)

	}

}

@keyframes kenburnsUp {

	0% {

		-webkit-transform: scale(1.5) translate(0, 10%);

		transform: scale(1.5) translate(0, 10%)

	}

	100% {

		-webkit-transform: scale(1) translate(0, 0);

		transform: scale(1) translate(0, 0)

	}

}



@-webkit-keyframes kenburnsDown {

	0% {

		-webkit-transform: scale(1.5) translate(0, -10%);

		transform: scale(1.5) translate(0, -10%)

	}

	100% {

		-webkit-transform: scale(1) translate(0, 0);

		transform: scale(1) translate(0, 0)

	}

}

@keyframes kenburnsDown {

	0% {

		-webkit-transform: scale(1.5) translate(0, -10%);

		transform: scale(1.5) translate(0, -10%)

	}

	100% {

		-webkit-transform: scale(1) translate(0, 0);

		transform: scale(1) translate(0, 0)

	}

}