@charset "utf-8";
/* CSS Document */
div { box-sizing: border-box;}
.header-left a.sb-back { width: 50px; line-height: 52px; text-align: center; background: none;}
.header-left a.sb-back i { font-size: 26px; color: #444;}
/*banner*/
.main-pic { width: 100%; padding-bottom: .5rem; color: #fff; text-align: center; background: #179cff;}
.main-pic .title { padding: 1rem 0 .5rem; font-size: 1rem;}
.main-pic p { padding-bottom: 15px; font-size: .7rem;}
.main-pic img { width: 80%;}

/*模块*/
.container-wrap { position: relative; width: 100%; padding: 1.6rem .5rem;}
.container .title { padding: 0 0 1.2rem; font-size: 1.6rem; color: #333; text-align: center;}
.container .title h3 { display: inline-block; font-size: 1.1rem; line-height: 30px;}
.container .title p { font-size: 16px; line-height: 2; text-align: center; color: #555;}
.container .btn-box { padding-top: 30px; text-align: center;}
.container .btn { display: inline-block; padding: 12px 50px; font-size: 16px; color: #ff8f0a; border: 1px solid #ff8f0a; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.container .btn:hover { color: #fff; background: #ff0101;}
.container .btn-red { color: #fff; background: #ff8f0a; border: 1px solid #ff8f0a;}
.container-wrap .particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; filter: alpha(opacity=50);}

/***************公司简介****************/
/*介绍*/
.about-szy p { font-size: .7rem; line-height: 1.2rem; color: #666; text-align: center; letter-spacing: 0;}

/*视频*/
.video-wrap { padding-bottom: 0;}
.video-list { padding: .8rem 0 1.6rem;}
.video-list .swiper-slide li { float: left; width: 33.3%; padding: 0 .5rem; font-size: 12px; text-align: center; box-sizing: border-box;}
.video-list .swiper-slide li img { width: 100%;}
.video-list .swiper-slide li p { padding: .2rem 0; line-height: .8rem;}
    
/*主营业务*/
.product-wrap1 { padding: 0; background: #f8f9fd;}
.product-wrap1 img, .product-wrap2 img { display: block; width: 90%; margin: 0 auto;}
.product-wrap2 { background: #fff;}
.product-wrap2 ul { position: relative; height: 500px; margin-top: 30px; background: url(../images/company/product2-2.png) no-repeat center center;}
.product-wrap3 { overflow: hidden; background: #f8f9fd;}
.product-wrap3 img { display: block; width: 90%; margin: 0 auto;}

/*我们的优势*/
.advantage-wrap { background: #f8f9fd;}
.advantage-list { overflow: hidden;}
.advantage-list li { position: relative; padding: 2% 2% 5% 7rem; box-sizing: border-box;}
.advantage-list li .iconfont { position: absolute; left: 1.2rem; display: block; width: 4.2rem; height: 4.2rem; font-size: 2.1rem; line-height: 4.3rem; text-align: center; border-radius: 50%;}
.advantage-list li.advantage1 .iconfont { color: #ff5476; background: #fde9ee;}
.advantage-list li.advantage2 .iconfont { color: #f6a53c; background: #fdf0e2;}
.advantage-list li.advantage3 .iconfont { color: #42c3ba; background: #d9f6f6;}
.advantage-list li.advantage4 .iconfont { color: #3badec; background: #bbe4fa;}
.advantage-list li.advantage5 .iconfont { color: #6966d0; background: #e9e8fd;}
.advantage-list li h3 { padding: .4rem 0 .6rem; font-size: 1.1rem; font-weight: 300; color: #51adf8; text-align: left;}
.advantage-list li.advantage1 h3 { color: #ff5476;}
.advantage-list li.advantage2 h3 { color: #f6a53c;}
.advantage-list li.advantage3 h3 { color: #42c3ba;}
.advantage-list li.advantage4 h3 { color: #3badec;}
.advantage-list li.advantage5 h3 { color: #6966d0;}
.advantage-list li p { font-size: .7rem; color: #666; text-align: left;}

/*团队*/
.team-wrap { padding-bottom: 0; background: url(../images/company/bg1.jpg) no-repeat; background-size: cover;}
.team-wrap .team-img { width: 1064px; margin: 0 auto;}
.team { position: relative; padding-bottom: 2rem; overflow: hidden;}
.team .flex-control-nav { display: none;}
.team .flex-viewport { width: 1064px; margin: 0 auto;}
.team .flex-direction-nav a { position: absolute; top: 50%; display: block; width: 28px; height: 60px; text-indent: -99px; overflow: hidden; background: url(../images/company/arrow-btn.png) no-repeat; opacity: .5; filter: alpha(opacity = 50);}
.team .flex-direction-nav a:hover { opacity: 1; filter: alpha(opacity = 100);}
.team .flex-direction-nav .flex-next { right: 0; background-position: -28px 0;}

/*荣誉资质*/
.aptitude-list { overflow: hidden;}
.aptitude-list li { float: left; width: 33.3%; cursor: pointer; margin-bottom: 20px;}
.aptitude-list li img { display: block; width: 80%; margin: 0 auto;}
.layui-layer-content img { width: 100% !important;}

/*发展历程*/
.history-wrap { padding-bottom: .5rem; background: #eee;}
.history-box { width: 100%; margin: 0 auto;}
.history-inner { height: 420px; padding-right: 30px;}
.history-box .history-list { position: relative; padding: 0 0 0 0;}
.history-box .history-list li { float: left;}
.history-box .history-list li a { position: relative; float: left; width: 46%; height: 100%; margin: 0 2%; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.history-box .history-list li a:hover:after { width: 100%;}
.history-box .history-list li img { display: block; width: 100%;}
.history-box .history-list li h4 { padding: .5rem .5rem .3rem; font-size: .9rem; font-weight: 300; line-height: 1.4rem; color: #666;}
.history-box .history-list li h4 span { font-size: .7rem;}
.history-box .history-list li p { height: 2.4rem; padding: 0 .5rem; font-size: .6rem; line-height: 1.2rem; overflow: hidden;}
.history-box .history-list li .detail { display: block; height: 1.1rem; padding: .3rem .5rem;}
.history-box .history-list li .detail .iconfont { margin-right: .3rem; font-size: 1rem; color: #999; vertical-align: middle;}
.history-box .history-list li a:hover { color: #666;}
.history-box .history-list li.history2017 a:hover .detail, .history-box .history-list li.history2017 a:hover .detail .iconfont { color: #bb47ff;}
.history-box .history-list li.history2016 a:hover .detail, .history-box .history-list li.history2016 a:hover .detail .iconfont { color: #479aff;}
.history-box .history-list li.history2015 a:hover .detail, .history-box .history-list li.history2015 a:hover .detail .iconfont { color: #ff7648;}
.history { position: relative; padding-bottom: 2rem;}
.history .flex-viewport { width: 915px; margin: 0 auto;}
.history .flex-control-nav { display: none;}
.history .flex-direction-nav a { position: absolute; top: 50%; display: block; width: 28px; height: 45px; margin-top: -20px; text-indent: -99px; overflow: hidden; background: url(../images/company/arrow-btn.png) no-repeat;}
.history .flex-direction-nav a.flex-prev { left: 0; background-position: 0 0;}
.history .flex-direction-nav a.flex-next { right: 0; background-position: -28px 0;}

/*企业文化*/
.culture-box ul { padding-top: 30px; overflow: hidden;}
.culture-box li { position: relative; padding: 3% 3% 1rem; text-align: center; box-sizing: border-box;}
.culture-box .icon { display: block; width: 4.5rem; height: 4.5rem; margin: 0 auto; line-height: 4.8rem; color: #fff; text-align: center; vertical-align: middle; border-radius: 50%; opacity: .7; filter: alpha(opacity = 70);}
.culture-box .icon .iconfont { font-size: 3rem;}
.culture-box .culture1 .icon { background: #feb822;}
.culture-box .culture2 .icon { background: #33e190;}
.culture-box .culture3 .icon { background: #ff5d5d;}
.culture-box .culture4 .icon { background: #009afe;}
.culture-box .culture5 .icon { background: #ff6600;}
.culture-box .culture6 .icon { background: #7899e5;}
.culture-box h3 { padding: .7rem 0 .5rem; font-size: 18px; font-weight: 300; color: #333;}
.culture-box p { font-size: 13px; line-height: 24px; color: #666;}

/*联系我们*/
#allmap { height: 8rem;}
.contact { position: relative; z-index: 9;}
.contact-info { padding: 1rem; background: #fff; border-top: 1rem solid #eee;}
.contact-info .contact-title { padding: 0 0 10px; margin-bottom: .6rem; font-size: 24px; font-weight: 300; color: #333; border-bottom: 1px solid #eee;}
.contact-info .contact-title span { padding-left: 5px; font: 16px/1.8 Arial; color: #666;}
.contact-detail { font-size: 16px; color: #444;}
.contact-detail h3 { padding-bottom: 5px; font-size: 20px; font-weight: 300; color: #444;}
.contact-detail h4 { padding-top: 20px; padding-bottom: 8px; font-weight: 300; color: #444;}
.contact-detail p { font-size: 13px; line-height: 2; color: #444; overflow: hidden;}
.contact-detail p i { display: inline-block; width: 30px; font-size: 18px;}
.contact-detail .bottom { padding: 10px 0 0; margin-top: 10px; border-top: 1px solid #eee;}

/*百度地图*/
.anchorBL { display: none !important;}
.BMap_Marker img { height: 100%;}