.title{height:75px;margin:60px 0 40px;font-size:0;line-height:0;overflow:hidden;}
.title-live{background:url(../img/title-live.png) no-repeat center;}
.title-about{background:url(../img/title-about.png) no-repeat center;}
.title-business{background:url(../img/title-business.png) no-repeat center;}
.title-partner{background:url(../img/title-partner.png) no-repeat center;}
.title-environment{margin-top:100px;background:url(../img/title-environment.png) no-repeat center;}
.title-font{text-align:center;margin:100px auto 60px;letter-spacing: 15px}
.title-font>span{display:block;margin-top:10px;font-size:13px;color:#999;text-transform: uppercase;letter-spacing: 5px;}
ul{list-style:none;}
.main{padding:30px 0 0;background-color:#fff;}
.listpar{width:1140px;}
.tuiJpar_l{float:left;}
.tuiJpar_r{width:100%;}
.tuiJpar .indexAhoItem{width:31%;}
.tuiJpar .indexAhoItem img{margin-left:0;width:100%;}

.topbar{background-color:#f2f2f2;border-bottom:1px solid #e5e5e5;}
.topbar .container{max-width:1200px;margin:auto;display:flex;line-height:32px;justify-content:space-between;}
.topbar .wel{flex:1;}
.topbar .tel{padding-left:35px;background:url(../img/tel.png) no-repeat 0 50%;}
.top-login>a{color:#fff;font-size:14px;}
.top-login>a:hover{color:#fff;}
.header{position:relative;z-index:10;background-color:#9669FE;border-bottom: solid 4px #9669FE;}
.top{max-width: 1180px; margin:auto; display:flex;align-items:center;justify-content:space-between;}
.header .nav{padding-top:25px; padding-bottom:20px; text-align: center;}
.header .nav a{display:inline-block; font-size: 15px; margin-right: 20px; margin-left: 20px; line-height:50px;color:#fff;}
.header .nav a:hover{text-decoration:underline;color:#fff;}
.header .nav span{color:#e5e5e5;}
.header .nav .act{font-weight: bold; color: #333;}
.bg_header{background-color:#9669FE;display: none;}
.bg_header_img{height:160px;background:url(../img/bg_head.jpg) no-repeat 50% 0;}
.footer{border-top: solid 4px #9669FE; background-color:#fff; text-align:center;color:#666;}
.footer a{color:#666;}
.footer .copyright{margin:0; padding:30px 0 20px;}
.video-index{width:1140px;margin:auto;}
.slider{margin-top:-100px;position:relative;}
.banner{height:400px;background:url(../img/banner-page.jpg) no-repeat 50% 50%;}
.video{max-width:1000px; margin:auto; padding-bottom:30px;}
.video-list{width:100%; overflow:hidden; padding:0;}
.video-list li{float:left; width:30%; margin-right:3.3%; margin-bottom:3.33%;border-width:0;}
.video-list-title{padding:10px 0 5px; text-align:center;}
.img-box{position:relative;cursor:pointer;height:170px;overflow:hidden;}
.img-box img{width:100%;}
.img-box:hover .icon-play{position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;background:url(../img/play.png) no-repeat center rgba(0,0,0,.5);}
.modal-dialog{width:730px;}
.modal-body{padding:4px 4px 0;}
.about{padding:50px 0 50px;background:url(../img/introduction-bg.jpg) no-repeat center;}
.about .title-about{margin-top:0;}
.about-text{max-width:1000px;padding-bottom:40px;margin:auto;color:#fff;font-size:16px;line-height:2;border-bottom:1px solid #ccc;}
.about-job>h4{margin:60px 0 0;text-align:center;color:#fff;font-weight:600;}
.about-job ul{width: 1320px;margin: 0 auto;overflow:hidden;}
.about-job ul li{width: 20%;float: left;}
.about-job .job-img{width: 100%;height: 136px;padding-top:40px;}
.about-job .job-img img{display: block;margin: 0 auto;transition:All 0.4s ease-in-out;}
.about-job .job-img img:hover{transform:translate(0,-15px);}
.about-job ul li h5{font-size: 20px;font-weight: normal;color: #dedede;text-align: center;padding-top: 22px;}
.about-job ul li h6{font-size: 14px;color: #dedede;font-weight: normal;text-align: center;padding-top: 15px;}
.business{padding-bottom:100px;}
.business .title-business{margin-bottom:80px;}
.business-text>h4{padding-bottom:30px;margin-bottom:25px;font-size: 28px;  color: #F152B6;  font-weight: normal;  margin-top: 100px;border-bottom:1px solid #ccc;}
.business-text>p{font-size: 16px;  line-height:1.875;}
/*partner-start*/
.partner{width: 100%;height: 900px;background: url(../img/partner-bg.jpg) no-repeat center;}
.partner-top{padding: 20px 0;}
.partner .title2{width: 1250px;height: 24px;margin: 0 auto;}
.partner .title2 li{float: left;margin: 0px 5px;}
.partner .typy-1 .line-1{width: 527px;height: 1px;background-color: #fff;margin-top: 12px;}
.partner .typy-2 .line-1{width: 508px;height: 1px;background-color: #fff;margin-top: 12px;}
.partner .line-2{width: 4px;height: 24px;background-color: #fff;}
.partner .text{font-size: 22px;color: #FFFFFF;line-height:24px;}
.partner .pt{clear: both;width: 1245px;height: 110px;margin: 50px auto;position: relative;}
.partner .pt li{width: 17.5%;height: 100%;background-color: #fff;float: left;margin: 0 15px;}
.partner .pt li img{display: block;margin: 0 auto;}
.partner .pt .main_img .show{height:110px; width:211.05px; background: rgba(0, 0, 0, 0.8); opacity: 0;filter:alpha(opacity=0); position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: ease-in;}
.partner .pt .main_img .show p{text-align: center; font-size: 18px; color: #FFFFFF;line-height: 110px; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease;}
.partner .pt .main_img:hover .show{opacity: 1;filter:alpha(opacity=100);}
.partner .hb{clear: both;width: 1245px;height: 142px;margin: 50px auto;position: relative;}
.partner .hb li{width: 23%;height: 100%;background-color: #fff;float: left;margin: 0 12px;}
.partner .hb li img{display: block;margin: 0 auto;}
.partner .hb .main_img .show{background: rgba(0, 0, 0, 0.8); height:142px; width:277.38px; opacity: 0;filter:alpha(opacity=0); position: absolute; top: 0; transition-delay: 0s; transition-duration: 0.3s; transition-property: opacity; transition-timing-function: ease-in;}
.partner .hb .main_img .show p{text-align: center; font-size: 20px; color: #FFFFFF;line-height: 142px; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease;}
.partner .hb .main_img:hover .show{opacity: 1;filter:alpha(opacity=100);}
/*partner-end*/
/* .pagebg{padding:50px 0;background:url(../img/main-bg.jpg) repeat-y center;border-top:1px solid #e5e5e5;} */
body{background-color:#f2f2f2;}
.pagebg{position:relative;width:1140px;margin:40px auto 40px;padding:50px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.15);}
.pagebg .container{width:100%;}
.pagebg h3,.pagebg h4,.pagebg h5,.pagebg h6{margin-bottom:10px;}
.pagebg h3{font-weight:600;font-size:18px;margin-top:30px;}
.pagebg h4{font-weight:600;font-size:18px;margin-top:30px;}
.pagebg h5{font-weight:600;font-size:16px;margin-top:20px;}
.pagebg h6{font-weight:600;font-size:14px;margin-top:10px;}

.about_home{padding:100px 0 200px;background:url(../img/about.jpg) no-repeat 50% 100%;}
.aboutus-text{max-width:1140px;margin:auto;}
.aboutus-text>h3{font-weight:600;font-size: 18px;margin-top:40px;margin-bottom:20px;}
.aboutus-text>p{font-size: 16px;margin-bottom:20px;}
.environment .col-sm-3{padding-top:15px;padding-bottom:15px;overflow:hidden;}
.environment img{max-width:100%;}
.environment img:hover{transform: scale(1.2);transition-duration: .3s;}
.environment-wrap{padding-bottom:80px;}
/*contact-map-start*/
.contact-map{max-width:1200px;margin:auto;margin-top:100px;position:relative;}
.contact-map h2{font-weight:600;font-size:18px;margin-top:30px;}
.contact-map #map{height:600px;font-size:16px}
.contact-map .main{width:565px;height:250px;background-color:#000;opacity:.7;margin-top:170px;left:2%;float:left;position:absolute;z-index:888}.contact-map .main .main-box{padding-top:30px}.contact-map .main .box{width:502px;height:25px;margin:30px auto}.contact-map .main .box img{float:left}.contact-map .main .box .text{color:#fff;font-size:16px;line-height:16px}
/*contact-map-end*/

.login{padding:100px 0;/*background:url(../img/partner-bg.jpg) no-repeat center;*/}
.login h1{margin-top:0;height:60px;font-size:24px;line-height:60px;color:#9669FE;text-align:center;background:url(../img/login-title-bg.png) no-repeat center;background-size:cover;}
.login-box{max-width:400px;margin:auto;padding:50px;background-color:#fff;border-radius:5px;}
