@charset "utf-8";
/*!
 * Copyright 2017 haosoyun.com. All rights reserved.
 *    __  __     __  __     __   __       
 *   /\ \_\ \   /\ \/\ \   /\ "-.\ \  
 *   \ \____ \  \ \ \_\ \  \ \ \-.  \    
 *    \/\_____\  \ \_____\  \ \_\\"\_\    
 *     \/_____/   \/_____/   \/_/ \/_/  
 * 
 * CSS Document */

.width{width: 1200px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
/*.btn{opacity:.9;}
.btn:hover{opacity:1;}*/
.hf_banner { min-width:1200px; }
.hf_banner {width: 100%;overflow: hidden;text-align:center;clear:both;position: relative;}
.hf_banner li a{display:block;width:1000px;margin:0 auto; cursor:pointer;}
.hf_banner ul li {float: left;width: 100%;}
.hf_banner .dots {position:  absolute; left: 0;bottom: 10px;width: 100%;text-align: center;}
.hf_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.hf_banner .dots li.active {background: #fff;opacity: 1;width: 24px;}
.hf_banner .arrow{display: block;width: 50px;height: 50px;position: absolute;top:50%;}
.hf_banner .prev{background: url(/statics/images/prev.png) left top no-repeat;left: -50px;-webkit-transition:left 300ms; transition:left 300ms;}
.hf_banner .prev:hover{background: url(/statics/images/prev_on.png) left top no-repeat;}
.hf_banner .next{background: url(/statics/images/next.png) left top no-repeat;right: -50px;-webkit-transition:right 300ms; transition:right 300ms;}
.hf_banner .next:hover{background: url(/statics/images/next_on.png) left top no-repeat;}
.hf_banner:hover .prev{left: 120px;}
.hf_banner:hover .next{right: 120px;}

.banner{ height: 500px; background-image: url(/statics/banner/banner.jpg); background-position: center top; }
.banner a{display: block;height: 500px;}
.info_1{border-bottom: 1px solid #EBEBEB;line-height: 40px;font-size: 14px;height: 40px;overflow: hidden; min-width:1200px;}
.info_1 .swiper_container{background: url(horn.png) 10px center no-repeat;padding-left: 45px;height: 40px;width: 450px!important;}
.info_1 .fl p{width: 350px!important;}
.info_1 .fl a{font-size: 14px;}
.info_1 .fl .more{float: right;color: #2087ed;line-height: 40px;}
.info_1 .fl .more:hover{text-decoration: underline;}
.info_1 .fr{font-size: 14px;}
.info_1 .fr b{color: #F74730;font-size: 16px;font-weight: normal;}
.info_1 .fr a{display: inline-block;background: #F74730;text-align: center;color: #FFFFFF;font-size: 12px;width: 98px;line-height: 26px;border-radius: 13px;}

.btn{text-decoration: none!important;}
.content .swiper_container{width: 100%;overflow: hidden;}
.content .title{font-size: 32px;color: #343434;text-align: center;padding-top: 65px;line-height: 32px; min-width:1200px;}
.content .title .width{position: relative;height: 32px;top: -20px;}
.content .title p{font-size: 16px;color: #5C5C5C;margin-top: 10px;}
.content .title p span{color: #F33205;font-size: 20px;}
.content .title a.more{float: right;font-size: 14px;color: #8D8D8D;}
.content .title a.more:hover{text-decoration: underline;}

.content .floor_1 { min-width:1200px;}
.content .floor_1 .nav{text-align: center;padding-top: 25px;}
.content .floor_1 .nav a.swiper-pagination-bullet{display: inline-block;width: 130px;line-height: 38px;text-align: center;font-size: 16px;margin: 0 8px;position: relative;height: 38px;background: none;opacity:1;}
.content .floor_1 .nav a:hover,.content .floor_1 .nav a.swiper-pagination-bullet-active{color: #FFFFFF;background: #2087ed;border-radius: 19px;}
.content .floor_1 .nav a:hover em,.content .floor_1 .nav .swiper-pagination-bullet-active em{display: block;width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #2087ed;position: absolute;top: 40px;left: 56px;}
.content .floor_1 ul{height: 480px;overflow: hidden;margin-top: 45px;}
.content .floor_1 ul li{width: 22%;height: 438px;border: 1px solid #E5E5E5;float: left;border-right: 0;color: #8D8D8D;margin-top: 20px;box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;z-index: 10;position: relative;}
.content .floor_1 ul li:last-child{border-right: 1px solid #E5E5E5;}
.content .floor_1 ul li p{text-align: center;height: 55px;background: #F3F3F3;padding-top: 120px;font-size: 16px;position: relative;}
.content .floor_1 ul li p img{display: block;position: absolute;left: 22px;top: 62px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.content .floor_1 ul li p .img2{z-index: 0;opacity: 0;}
.content .floor_1 ul li em{display: block;font-size: 18px;color: #2087ed;padding-left: 23px;}
.content .floor_1 ul li div{transition:all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;position: absolute;z-index: 3;opacity: 1;width: 100%;text-align: center;font-size: 14px;line-height: 34px;color: #8D8D8D;left: 0;top: 230px;}
.content .floor_1 ul li span{display: block;line-height: 28px;transition:all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;z-index: 0;opacity: 0;position: absolute;left: 55px;top: 228px;width: 408px;}
.content .floor_1 ul li span b{font-size: 24px;color: #2087ed;display: block;padding-bottom: 15px;}
.content .floor_1 ul li span em{color: #8D8D8D;font-size: 10px!important;display: inline-block;padding:0 6px 0 0;}
.content .floor_1 ul li .btn{display: block;width: 80px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;border-radius: 3px;border: 1px solid #BFBFBF;margin-top: 18px;}
.content .floor_1 ul li .btn:hover{border: 1px solid #2087ed;background: #2087ed;color: #FFFFFF;}
.content .floor_1 ul li.on p,.content .floor_1 ul li:hover p{background-color: #2087ed;background-position: center 55px;background-repeat: no-repeat;color: #FFFFFF;}
.content .floor_1 ul li.on,.content .floor_1 ul li:hover{height: 478px;width: 34%;border: 1px solid #2087ed;margin-top: 0;box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);z-index: 100;}
.content .floor_1 ul li.on div,.content .floor_1 ul li:hover div{z-index: 0;opacity: 0;}
.content .floor_1 ul li.on span,.content .floor_1 ul li:hover span{z-index: 3;opacity: 1;}
.content .floor_1 ul li.on p img,.content .floor_1 ul li:hover p img{left: 94px;}
.content .floor_1 ul li.on p .img1,.content .floor_1 ul li:hover p .img1{z-index: 0;opacity: 0;}
.content .floor_1 ul li.on p .img2,.content .floor_1 ul li:hover p .img2{z-index: 3;opacity: 1;}


.solution .solution-slide h3{font-weight:400}
.solution .solution-slide h3{font-weight:400}
.zq-main-head{text-align:center}
.zq-main-head h1{ font-weight: 400; font-size: 32px; }
.zq-main-head p{ font-weight: 400; font-size: 16px; }
.main-wrap{width:1200px;margin:0 auto;position:relative}@media screen and (min-width:1500px){
.main-wrap{width:1200px}}
.zq-icon{display:inline-block;background:url(http://s.300.cn/v2.0/home/images/new300-sprite-icon.png) no-repeat}
.icon60x55{width:60px;height:55px}
.solution-icon1{background-position:3px -50px}
.solution-icon2{background-position:-60px -50px}
.solution-icon3{background-position:-120px -50px}
.solution-icon4{background-position:-180px -50px}
.solution-icon5{background-position:-240px -50px}
.mt30{ margin-top: 10px; background-color: #111111; }

.solution .solution-slide-body .slide-content .slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;cursor:pointer}
.solution .solution-slide-body .slide-content .slide-item .item-bg{width:100%;height:100%}.solution .solution-slide-body .slide-content .slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0}.solution .solution-slide-body .slide-content .slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.6;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item .mask .bg.other-bg{opacity:.82;filter:alpha(opacity=82);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(82))}.solution .solution-slide-body .slide-content .slide-item .mask .content{position:absolute;left:0;right:0;top:100px;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:1500px){.solution .solution-slide-body .slide-content .slide-item .mask .content{top:130px}}.solution .solution-slide-body .slide-content .slide-item .mask .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item .mask .content .line-panel .item-line{width:50px;height:1px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-img-panel{position:relative;width:25%;height:54px;display:inline-block}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img,.solution .solution-slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-title{color:#fff;font-size:18px;line-height:24px;margin:0;padding:0;margin-top:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-desc{font-size:14px;color:#fff;text-align:center;margin-top:20px;margin-bottom:0;padding:0 23px;line-height:24px;height:52px}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-link{display:inline-block;border:1px solid #fff;width:140px;height:36px;line-height:36px;border-radius:18px;font-size:14px;color:#fff;text-decoration:none;margin-top:32px}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-link:hover{color:#2087ed;background:#fff}.solution .solution-slide-body .slide-content .slide-item .mask .content .item-desc,.solution .solution-slide-body .slide-content .slide-item .mask .content .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}.solution .solution-slide-body .slide-content .slide-item:hover .bg{background:#2087ed}.solution .solution-slide-body .slide-content .slide-item:hover .bg,.solution .solution-slide-body .slide-content .slide-item:hover .bg.other-bg{opacity:.9;filter:alpha(opacity=90);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(90))}.solution .solution-slide-body .slide-content .slide-item:hover .content{top:13%}.solution .solution-slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}.solution .solution-slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}.solution .solution-slide-body .slide-content .slide-item:hover .content .line-panel{margin-top:10px}.solution .solution-slide-body .slide-content .slide-item:hover .content .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}.solution .solution-slide-body .slide-content .slide-item:hover .content .item-title{margin-top:12px}.solution .solution-slide-body .slide-content .slide-item:hover .content .item-desc,.solution .solution-slide-body .slide-content .slide-item:hover .content .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))};