/*基础设置*/
html,body{height: 100%;background: linear-gradient(135deg, #fdfdfe 0%, #f4f5f9 100%);background-size: cover;background-attachment: fixed;background-color: #f1f5f8\9;}
body{color:#333;}
a{text-decoration:none;color:#333}
a:hover{color:#327bdf}

/*风格统一设定*/
.q-bg-style {background: #f8fbff;}
a.q-bg-style, a.q-bg-style:hover,button.q-bg-style:hover {color: #fff;}
a.q-bg-style, button.q-bg-style {border: 0;}
.q-bg-style-dark {background: #222B45;}
.q-bg-style-light {background: #E4EFF8;}
.q-text-style {color: #58688F;}
.q-text-style-dark {color: #222B45;}
.q-text-style-light {color: #E4EFF8;}
.q-border-style {border: solid 1px #58688F;}
.q-border-style-dark {border: solid 1px #222B45;}
.q-border-style-light {border: solid 1px #e0f2f1;}
.q-btn-group a:hover{background: #0085e5;}
.q-btn-group-2 a:hover{background: #f0f6fb;}
.q-box-shadow{box-shadow: 0 0 12px #0000001a;}
.q-yellow{color: #ff9900;}
.cursor-auto{cursor: Auto;}

/*头部*/
.header{background: #fff;}
.top-text{margin: 0 0 0 2%;}
.logo img{width: 40px;height: auto;}
.logo b{line-height: 48px;height: 48px;}
.navBj,.btn,i.hr,.product-introduce::after,.product-introduce::before{background: linear-gradient(135deg, #549bf3 0%, #2657b7 100%);background: #2657b7\9;}
.navBj{height: 50px;}
.q-nav li a{color: #fff;height: 50px;line-height: 50px;font-size: 18px;margin: 0 10px 0 0;padding: 0 15px;}
.q-nav li a:hover{color: #fff;}
.q-nav li a i{display: inline-block;transition:transform 0.3s;}
.q-nav li:hover i{ transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.q-nav ul{width: 200px;margin: -2px 0 0 -35px;text-align: left;box-shadow: 0 10px 12px #0000001a;border-radius: 0 0 2px 2px;padding:2px 0 0;}
.q-nav ul li{background:#fff;}
.q-nav ul li a{height: 46px;line-height: 46px;border-bottom: solid 1px #e7edf0;margin: 0 10px;color: #333;}
.q-nav ul li a:hover{color: #327bdf;}
.q-nav ul li:last-child a{border-bottom: none;}

.q-nav li i{color: #cae9ff;}
.search input{height: 32px;line-height: 32px;margin:9px 0 0;background: #327bdf;border-color: #327bdf;font-size: 14px;color: #ebfbff;}
.search input::placeholder{color: #a3c9ff;}


.slideBox,.slideBox .bd li,.slideBox .q-content{height: 500px;}
.slideBox{overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden; position:absolute; right:5px; bottom:16px; z-index:1;width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;}
.slideBox .hd ul li {display: inline-block;width: 20px;margin: 0 6px;}
.slideBox .hd ul li i{ margin-right:2px;  width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer;display: inline-block;border-radius: 2px;transition: width 0.5s;margin: 0 auto;box-shadow: 0px 2px 12px #0000001a;}
.slideBox .hd ul li.on i{ background:rgb(5, 119, 232); color:#fff;width: 20px;transition: all 0.6s;border-radius: 4px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li{background-repeat:no-repeat;
background-position:top center;background-size: 110%;}
.slideBox .tltle{
    margin: 100px 0 0;
    transform: translateY(100px);
    opacity: 0;
    transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1), 
                opacity 600ms cubic-bezier(0.22, 1, 0.36, 1);width: 50%;
}
.slideBox .tltle p{position: relative;}
.slideBox .on .tltle{transform: translateY(0);opacity: 1;}
.slideBox .tltle span{position: absolute;right: -50px;top: -20px;background: #fba31e;color: #fff;font-size: 12px;padding:0 6px;border-radius: 6px 2px 6px 2px;font-weight: normal;line-height: 20px;}
.slideBox .bd a:hover{color: #000;}
.btn{padding:10px 12px;color: #fff;width:150px;display: inline-block;text-align: center;border-radius:2px;transition: transform 0.3s ease;}
.btn:hover{color: #fff !important;transform: scale(1.05);
}
.btn-2{background:#ff9900;}


.index-a1{height: 380px;background:url(../images/index_a1.jpg) no-repeat center center;background-size:contain;}
i.hr{width:70px;height: 5px;border-radius: 2px;display: inline-block;vertical-align: top;}
.gradient-text {
display: inline-block;margin: 0 6px 0 0;
background-image: linear-gradient(to right, #bedbff, #85b6ff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.index-list-box{width: 100%;}
.index-list-box li{border-radius: 3px;overflow: hidden;transition: transform 0.3s ease;border-color: #9abae8;width: 30%\9;margin: 0 1.5% 50px\9;}
.index-list-box li:hover,.product-list li:hover{transform: scale(1.03);transition: transform 0.3s ease;}
.index-list-box .on{background: linear-gradient(135deg, #fdfeff  0%, #e4f1ff 100%);background: #eef5ff\9;}
.index-list-box .btn-2{position: absolute;left: 50%;margin: 0 0 0 -75px;bottom: 16px;}
.services{height: 410px;background:url(../images/Services.jpg) no-repeat center center;background-size: 100%;}
.services li{width: 20%;\0}
.services i{color: #0c79ff;font-size:46px;}
.services i,.services li:hover .q-font-bold{transition: color 0.8s ease;}
.services li:hover i,.services li:hover .q-font-bold{color: #ff9900;}

#services ul{margin: 50px auto 0;}
#services ul li{border: solid 1px #4d85d7;border-radius: 4px;position: relative;padding-bottom: 30px;}
#services ul li p{padding:0 16px;}
#services ul li i{display: inline-block;background: #0c79ff;color: #fff;font-size: 42px;width:90px;height:90px;line-height:90px;border-radius: 100%;position: absolute;left: 50%;top: -45px;margin: 0 0 0 -45px;transition: all 0.3s;}
#services ul li div{padding-top: 70px;}
#services ul li:hover i{background: #ff9900;transition: all 0.3s;}

.slide-title{transform:translateY(100px);opacity:0.1;transition:transform 600ms cubic-bezier(0.22,1,0.36,1),opacity 600ms cubic-bezier(0.22,1,0.36,1);}
.slide-title.visible{transform:translateY(0);opacity:1;}

.index-technical ul{margin: 0 1.5%\9;}
.Cooperative{background:url(../images/Cooperative.png) no-repeat center -50px;background-size: 100%;text-align: center;}
.Cooperative .q-flex p{ border-radius: 4px; background: #fff;border: solid 1px #c7d6dc;overflow: hidden;height: 54px;overflow: hidden;align-content: center;}
.Cooperative li img{width: 85%;max-height:54px;}

/*左侧*/
#q-left{width: 23%;}
.q-left-nav{margin:-115px 0 0;border-radius: 4px;overflow: hidden;z-index: 777;position: relative;}
.q-left-nav-bg{background:url(../images/left-nav.png) no-repeat center top;background-size: 100%;height:95px;}
.q-left-nav .co{border: solid 1px #e3eaf2;padding: 10px 0 0;}
.q-left-nav .co a{ display: block;border-bottom: solid 1px #e3eaf2;position: relative;height: 48px;line-height: 48px;padding: 0 16px;transition: all 0.3s;}
.q-left-nav .co a i{position: absolute;top: 0;right: 16px;color: #aab7ce;}
.q-left-nav .co a:hover,.q-left-nav .co  .on{border-bottom: solid 1px #f90;color: #f90;transition: all 0.3s;}

/*右侧*/
#q-right{width:75%;}
.product-slide,.product-list-top {height: 380px;}
.product-slide{background:url(../images/product.jpg) no-repeat center top;background-size: 120%;}
.product-slide>div{padding: 138px 0 0;}
.q-mobile{background: #ff9900;margin:10px 0 0;}
.q-mobile-qr{width: 120px;height: 120px;position: absolute;right: -6px;top:46px;display:none;border: solid 1px #ff9900;overflow: hidden;border-radius: 4px;}
.q-mobile-qr img{width: 100%;}
.product-list li a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.product-list li{transition: transform 0.3s ease;}
.product-list .co{border: solid 1px #dee5ee;height: 100%;background-color: #fff;}
.product-title{border-bottom: solid 1px #d5eaff;}
.product-introduce::after{content:'';width: 40px;height: 4px;position: absolute;left: 18px;bottom: 0;display: inline-block;border-radius: 2px 2px 0 0;}
.product-introduce::before{content:'';position: absolute;left: 0;bottom: 0;display: inline-block;width: 100%;height: 1px;}
.product-content img{max-width: 100% !important;}

.related-products::after{border-radius: 2px;}
.related-products::before,.news-introduce::after{display:none;}

/*新闻*/
.q-news{margin-top: -200px;position: relative;z-index: 200;}
.news-slide{background-image: url(../images/news.jpg);}
.news-nav{background: #0084ff;border-radius: 4px 4px 0 0;padding: 0 10px;}
.news-nav a{color: #fff;padding:12px 12px;margin: 0 10px;display: inline-block;}
.news-nav a:hover,.news-nav .on{color: #ffee9c;}

.corporate-slide{background-image: url(../images/corporate.jpg);}
.corporate-ico{background: #f7fbff;border: solid 1px #edf3f8;}
.corporate-ico i{display: inline-block;width: 60px;height: 60px;line-height: 60px;background: #518aef;color: #fff;border-radius: 100%;font-size: 28px !important;}
.corporate-ico .q-font-bold{color: #f90;}
.pagination{border: solid 1px #dde3eb;border-radius: 4px;display: inline-block;background: #fff;margin-top: 26px;margin-bottom: 26px;}
.pagination{word-spacing: -1em;}
.pagination li{display: inline-block;position: relative;word-spacing: 0;}
.pagination li a,.pagination li span{line-height: 40px;width: 40px;display: block;color: #8192a3;}
.pagination li::after{content:'';width:1px;background-color:#dde3eb;height:100%;position:absolute;top:0;right:0;}
.pagination li:last-child::after{display: none;}
.pagination .disabled span{color: #ccc;}
.pagination .active span,.pagination li a:hover{background: #3585e0;color: #fff;}

#video{height: 270px;}
.video-co img{max-width: 100%;height: auto;}
.enterprise li img{height: 220px;}

/*底部*/
.footer{background: #292c3b;color: #fff;}
.footer .footer-logo{width: 50px;border: solid 1px #36455b;}
.footer b{color: #0a85f8;}
.footer .Contacts{border-top: solid 1px #353749;border-bottom: solid 1px #353749;}
.footer span a{color: #7e7f8b;}
.footer .qrcode{width: 90px;height: 90px;}

@media only screen and (max-width:1460px) {
    .slideBox .bd li,.product-slide{background-size: 140%;}
    
}

@media only screen and (max-width:1200px) {
    body{width: 1200px;}
    .q-content{width:1100px;padding-right:20px;padding-left: 20px;}
    .q-nav li a{padding: 0 10px;}
    .product-slide, .product-list-top{height: 356px;}
}
/*IE8/9/10*/
@media screen\0 {
    .slide-title{transform: translateY(0);opacity:1;}
    .services li,.index-list-box li,.index-technical li,.Cooperative li{margin: 16px;}
    .product-list li{width: 30%;margin: 0 1% 18px;}
    .news-list li{width: 23%;}
} 

/*IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .slide-title{transform: translateY(0);opacity:1;}
    .gradient-text{background-image: none;color: #85b6ff;}
}