html,body{width: 100%;min-width: 1200px !important;}
.common{width: 1200px;margin: 0 auto;}
.back_top{position: fixed;bottom:70px;right:12px;display: none;}
.back_top a{transition: all .5s ease-in; }
.banner{width: 100%;height: 520px;}
.bus-banner{background: url(../images/bin_header.png) no-repeat center center;background-size: cover;}
.abo-banner{background: url(../images/about_banner.png) no-repeat center center;background-size: cover;}
.news-banner{background: url(../images/news_banner.png) no-repeat center center;background-size: cover;}
/*=====header======*/
#header{width: 100%;min-width: 1200px;height: 90px;background: rgba(0,0,0,0.6);position: absolute;top: 0;z-index: 8;}
#header .common{overflow: hidden;}
#header .common h1{ width:280px; float:left;padding: 0 10px;margin-top: 9px;}
#header .common ul{ width:900px; height:90px; float:right;}
#header .common ul li{width: 150px; float:left;height:90px; line-height: 88px; text-align: center; font-size: 20px; cursor: pointer;}
#header .common ul li a{color: #FFFFFF;}
#header .common ul li:hover a,
#header .common ul li.on a{color: #6199d1;}
/*======banner========*/
#banner,#business,#about,#partner,#news,#investor,#employ,#investor,#footer{width: 100%;}
#banner .swiper-container .swiper-slide{height: 763px;width: 100%;}
#banner .swiper-slide-1{background: url(../images/banner.png) no-repeat center center;background-size: cover;}
#banner .swiper-slide-2{background: url(../images/banner2.png) no-repeat center center;background-size: cover;}
#banner .swiper-slide-3{background: url(../images/banner3.png) no-repeat center center;background-size: cover;}
#banner .swiper-button-prev,
#banner .swiper-button-next{width: 78px;height: 78px; background:url(../images/left_btn.png) no-repeat center center;top: 360px;padding:6px;}
#banner .swiper-button-prev{left: 182px;}
#banner .swiper-button-next{background:url(../images/rigth_btn.png) no-repeat center center;right: 182px;}
#banner .swiper-pagination-bullet{width: 20px;height: 20px;background: url(../images/banner_icon.png) no-repeat center center;opacity: 1;margin-right: 20px;}
#banner .swiper-pagination-bullet-active{background: url(../images/banner_icon_focus.png) no-repeat center center;}
#banner .swiper-pagination{bottom: 50px;}
/*=======business============*/
#business{overflow: hidden;margin-top: -1px;}
#business .common{overflow: hidden;margin-top: -2px;background: url(../images/business.png) no-repeat top right;}
#business .common .left, #business-video .left{width: 760px;float: left;padding: 57px 20px;text-align: center;}
#business .common .left h3, #business-video .left h3{font-size: 40px;font-weight: normal;text-align: center;line-height: 1.8;color: #000000;}
#business .common .left p, #business-video .left p{font-size: 20px;text-align: left;line-height: 1.8;text-indent: 2em;color: #666;margin-top: 60px;margin-bottom: 80px;}
#business .common .left label{overflow: hidden;}
#business-video .common{overflow: hidden;}
#business-video .left{ float: right; padding: 48px 24px 30px;}
#business-video .right{ float: left; }
#business-video .left p{ margin: 60px 0 ; }
/*#business .common .right{width: 400px;height: 100%;padding-left: 400px;}*/
/*#business .common .right img{width: 100%;}*/
/*==========about============*/
#about{background:url(../images/about.png) no-repeat center center;background-size: cover;margin-top: -1px;}
#about .common{width: 1160px; padding: 80px 20px;}
#about .common h3,#employ h4{font-size: 40px;font-weight: normal;text-align: center;line-height: 1.5;color: #FFFFFF;}
#about .common p{font-size: 20px;text-align: left;line-height: 2;text-indent: 2em;color: #666;margin-top:60px;color: #fff;}
/*==========partner===============*/
#partner{padding-bottom: 20px;}
.common .title{overflow: hidden;margin: 46px 0;line-height:72px;}
.common .title img{width: 400px; float: left;margin-top: 26px;}
.common .title h3,.common .title h3 a{width: 400px;float:left;font-size: 40px;font-weight: normal;text-align: center;line-height: 1.8;outline: none;}
.common .title h3 a{color: #000000;}
/*=======news========*/
#news .common ul{overflow: hidden;margin-bottom: 36px;}
#news .common ul li a{display: block;width: 100%;overflow: hidden;}
#news .common .content,#news .common .container_img{width: 600px;float: left;height:200px;background-color: #d8d8d8;}
#news .common ul li a:hover .content{background-color: #6199d1;}
#news .common .content{position: relative;display: table;}
#news .common ul li a .triangle{display: block; width: 37px;height: 64px;background: url(../images/triangle.png) no-repeat center center;position: absolute;top: 68px;left:600px;}
#news .common ul li a .triangle.second{left:-36px;background:url(../images/triangle_change.png) no-repeat center center;}
#news .common ul li a:hover .content .triangle{background:url(../images/triangle_hover.png) no-repeat center center;}
#news .common ul li a:hover .content .triangle.second{background:url(../images/triangle_change_focus.png) no-repeat center center;}
#news .common .content h5{display: table-cell;vertical-align: middle;text-align: center; color:#666;font-size: 22px;line-height: 2;font-weight: normal;}
#news .common ul li a:hover .content h5{color: #fff;}
/*=======employ==========*/
#employ{background:url(../images/employ.png) no-repeat;background-size: cover;padding-bottom: 40px;}
#employ .common h4{padding: 30px 0;}
#employ .common h4,#about .common h3{color: #fff;}
#employ .common ul{overflow: hidden;}
#employ .common ul li{width: 240px;float: left;text-align: center;color: #fff;font-size: 18px;margin-top: 30px;}
#employ .common ul li i.icon{display:block;width:70px;height: 70px;margin: 0 auto 30px;}
#employ .common ul li i.icon img{height: 70px;}
/*========investor========*/
#investor .common ul{overflow: hidden;margin-bottom: 30px;}
#investor .common ul li{margin: 40px 0;text-align: center;}
#investor .common ul li:first-child{margin: 0;}
#investor .common ul li a{font-size: 22px;color: #176ce1;line-height: 1.5;}
#investor .common ul li a:hover{color: #6199d1;}
/*=========footer==========*/
#footer{background-color: #5d5d5d;}
#footer .common{overflow: hidden;width: 1200px;padding: 40px 0;}
#footer .common ul{overflow: hidden;}
#footer .common ul li{width: 200px;height: 60px;list-style: none;float: left;text-align: center;font-size: 18px;display: table; }
#footer .common ul li a{color:#fff;display: table-cell; vertical-align: middle;}
#footer .common p{font-size: 18px;color: #fff;text-align: center;margin-top: 26px;}
#footer .common p .domain:before{content: "\0040";}
/*================
========招聘====================*/
#employ_page{background-color: #fff;margin-top: 90px;}
#employ_page .common{padding: 40px 20px 20px 20px;width: 1160px;}
#employ_page .em_ul{overflow: hidden;}
#employ_page .em_ul>li{width: 560px;float: left;margin-bottom: 40px;height: 564px;border-bottom: #F5F5F5 solid 1px;}
#employ_page .em_ul li .icon_em{width:80px;}
#employ_page .em_ul>li:nth-child(2n+1){margin-right: 10px;}
#employ_page .em_ul>li:nth-child(2n){margin-left: 10px;}
#employ_page .em_ul li i{display: block;width: 60px;height: 60px;background: url(../images/icon_em_g.png) no-repeat center center;background-size: cover;margin-bottom: 8px;}
#employ_page .em_ul li em{font-size: 18px;}
#employ_page .em_ul li h5{color: #666;margin:40px 0 20px;font-size: 15px;font-weight: normal;}
#employ_page .em_ul li ul{overflow: hidden;}
#employ_page .em_ul li ul li{line-height: 2;color: #666;font-size: 14px;}
#employ_page .em_ul li i.android{background:url(../images/icon_ios_g.png) no-repeat center center;}
#employ_page .em_ul li i.bd{background:url(../images/icon_bd.png) no-repeat center center;}
#employ_page .em_ul li i.php{background:url(../images/icon_php.png) no-repeat center center;}
/*================
========关于我们====================*/
#about_page  img{height: 520px;}
#about_page .common{padding: 40px 0;}
#about_page .common h4{font-size: 28px;font-weight: normal;margin-bottom: 40px;}
#about_page .common p{font-size: 16px;color: #666;text-indent: 2em;line-height: 2.8;padding: 0 20px;}
#about_page .common img{width: 100%;margin: 30px 0;}
#about_page .common .intro{position: relative;height: 800px;margin-top: 40px;text-align: center;}
#about_page .common .intro h5{font-weight: normal;font-size: 20px;background: #dc5305;color: #fff;width: 300px;margin:40px 450px;padding: 12px 0;}
#about_page .common .intro ul{overflow: hidden;}
#about_page .common .intro ul li{width: 240px;height: 670px; float: left;position: relative;}
#about_page .common .intro ul li span{width: 100%;height: 0;line-height:670px;color: #fff;font-size: 28px;position: absolute;bottom: 0;left: 0;}
#about_page .common .intro ul li.num_1{background: url(../images/main_5.png) no-repeat center center;}
#about_page .common .intro ul li.num_1 span{background: rgba(0,0,0,.5);}
#about_page .common .intro ul li.num_2{background: url(../images/main_2.png) no-repeat center center;}
#about_page .common .intro ul li.num_2 span{background: rgba(0,0,0,.5);}
#about_page .common .intro ul li.num_3{background: url(../images/main_3.png) no-repeat center center;}
#about_page .common .intro ul li.num_3 span{background: rgba(0,0,0,.5);}
#about_page .common .intro ul li.num_4{background: url(../images/main_4.png) no-repeat center center;}
#about_page .common .intro ul li.num_4 span{background: rgba(0,0,0,.5);}
#about_page .common .intro ul li.num_5{background: url(../images/main_1.png) no-repeat center center;}
#about_page .common .intro ul li.num_5 span{background: rgba(0,0,0,.5);}
/*================
========新闻====================*/
#news_page .hover_btn{display: inline-block;width:90px;height:90px;position: fixed;bottom: 45%;}
#news_page .hover_btn.btn_r{background: url(../images/rigth_btn.png) no-repeat center center;right: 30px;}
#news_page .hover_btn.btn_l{background: url(../images/left_btn.png) no-repeat center center;left: 30px;}
#news_page img{height: 520px;}
#news_page .common{border-top: #979797 dashed 1px;padding: 40px 20px 0 20px;margin-bottom: 60px;width: 1160px;}
#news_page .common h3{font-size: 22px;font-weight: normal;color: #666;margin-bottom: 20px;}
#news_page .common label{font-size: 14px;}
#news_page .common label em{color: #868686;}
#news_page .common label a{color: #6187e9;}
#news_page .common p{font-size: 18px;line-height: 2;text-indent: 2em;}
#news_page .common h5{font-size: 18px;font-weight: normal;line-height: 2;}
#news_page .common ul{}
#news_page .common li{text-indent:2em;font-size: 18px;line-height:2;}
#news_page .common .img_box{margin: 30px auto;text-align: center;}
#news_page .common .img_box img{height: 100%;}
#news_page .common .img_box em{color: #999;}
#news_page .content{padding: 30px 0;}
/*================
========公司业务====================*/
#business_page .common{padding: 60px 0;}
#business_page .common img{height: 352px;}
#business_page .ku_bg{background: url(../images/ku_bg.png) no-repeat center center;background-size: cover;height: 500px;}
#business_page .ku_bg .content{padding:0 ;width: 1200px;margin: 0 auto;height: 520px;}
a:hover h3,a:hover h4,#footer .common ul li a:hover{color: #6199d1 !important;}