@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:SourceHanSansCN-Regular;src:url(//:) format("no404"),url(/font/SourceHanSansCN-Regular.woff) format("woff"),url(/font/SourceHanSansCN-Regular.ttf) format("truetype")}
img,object{max-width:100%}
body{color:#fff;font-size:14px;font-family:Arial,Helvetica,sans-serif;line-height:22px; }
*{-moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{float:left;list-style:none}
a{color:#fff;}
a:active, a:focus { outline:none;}
a:focus{outline:0}
a:focus, a:hover{text-decoration:none!important;color:#e60012!important;}
.clear{clear:both;}
/*LOGO部分*/
.xian{width:100%;height: 5px;background: url(/images/xian1.png);}
.top_logo{max-width: 1200px;overflow: hidden;margin:0 auto;}
.logo{width:35%;float:left; margin-top: 15px}
.phone_box{width:65%;float:right;}
.call{height:40px;width:630px;float:right;background: url(/images/xian2.png);margin-top: -5px}
.call .callbox{width:70%;margin:0 auto;}
.call a{font-size: 14px;margin-top: 5px;color:#fff;display: inline-block;padding: 5px 10px;}
.call a img{margin-right: 3px}
.phone{float:right;width:55%;color:#e60012;font-size: 36px;margin-top:20px;}
.phone img {
    margin-top: -6px;
}
.phone span{margin-left: 5px;margin-top: 5px}
/*导航*/
.top_navbox{width:100%;background: #009fe3;margin-top: 20px}
.top_nav{max-width: 1200px;overflow: hidden;margin:0 auto;}
.top_nav ul{width:60%;float:left;margin-bottom: 0;}
.top_nav ul li{width:20%;float:left;text-align: center;}
.top_nav ul li:hover{background: #e60012;}
.top_nav ul li.dq{background: #e60012;}
.top_nav ul li a{color:#fff;font-family:SourceHanSansCN-Regular;display:inline-block;width:100%;height:100%;padding: 17px 30px;     font-size: 18px;}
.top_nav ul li a:hover{    color: #fff!important;}
.top_nav .search{width:30%;float:right;margin-top:14px}
.top_nav .search input.search_text{border:1px solid #fff;background: none;padding: 4px 10px;float:right;}
.top_nav .search input::-webkit-input-placeholder{color:#fff;}
.top_nav .search input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;}
.top_nav .search input::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#fff;}
.top_nav .search input::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#fff;}
.top_nav .search button.search_button{background: none;background: url(/images/search.png)center no-repeat;float:right;padding: 5px 20px;border:0;width:30px;height:30px;}

/*主体*/
.content{width:100%;overflow: hidden;margin-top: 60px}
.hot_products{max-width: 1200px;margin:0 auto;overflow: hidden;margin-bottom: 40px}
.hot1{padding: 10px 15px;float:left;width:31.3333%;margin-right: 3%;border:1px solid #e6e6e6;margin-bottom:20px;box-shadow: 0px 1px 1px #e6e6e6;}
.hot1:nth-child(3n){margin-right: 0}
.left_img{width:40%;float:left;border:1px solid #e6e6e6;padding: 4px;box-sizing: border-box;}
.left_img img{width:100%;}
.right_txt{width:55%;float:right;font-family:SourceHanSansCN-Regular;}
.right_txt a{font-size: 18px;color:#333;}
.right_txt p{font-size: 13px;color:#333;margin-top: 10px}
.success{max-width: 1200px;margin:0 auto;overflow: hidden;margin-bottom: 40px;border:1px solid #e6e6e6;padding: 20px 10px;    box-shadow: 1px 1px 1px #e6e6e6;}
.success_txt{font-size: 18px;font-family:SourceHanSansCN-Regular;color:#333;border-bottom: 1px solid #e6e6e6;padding-bottom: 5px;    font-weight: bold;}
.swiper-container1{padding: 0 3%;    margin-top: 15px;}
.swiper-pagination1 {text-align: center;}
.swiper-container1 .swiper-pagination-bullet{background: none;border:1px solid #009fe3;opacity: 1}
.swiper-container1 .swiper-pagination-bullet-active { background: #009fe3;}
.swiper-pagination {text-align: center;}
.swiper-container .swiper-pagination-bullet{background: #fff;opacity: 1}
.swiper-container .swiper-pagination-bullet-active { background: #e60012;border: 0}

/*底部*/
.footer_top{width:100%;background:url(/images/footer_top_bg.jpg) no-repeat;    overflow: hidden;}
.lanmu{width:1200px;margin:0 auto;overflow: hidden;padding: 0 1%;}
.footer_top .lanmu_left{width:60%;float:left;}
.footer_top .lanmu_left a{padding: 15px 0;width:17%;float:left;text-align:left;color:#fff;}
.footer_top .lanmu_left a:first-child{width:12%;}
.footer_top .lanmu_right{width:30%;float:right;line-height: 50px;
    text-align: right;}
.footer_top .lanmu_right a{margin-left:15%;}
.footer_content{width:100%;background:url(/images/footer_bg.jpg) no-repeat;    overflow: hidden;}
.contact{    max-width: 1200px;margin:0 auto;overflow: hidden;padding: 60px 1%}
.contact_logo{width:25%;float:left;}
.contact_txt{width:33.333%;float:left;padding-left: 10%;}
.contact_txt p{color:#fff;font-family:SourceHanSansCN-Regular;}
.ewm{width:10%;float:right;color:#fff;text-align: center;}
.ewm img{margin-bottom:10px}

/*左侧piaofu*/
.piaofu{width:150px;position: fixed;right:2%;z-index: 999;top: 30%;    text-align: center;
}
.list{overflow: hidden;    background: #3fc3f4;border:1px solid #00a9e8;border-radius: 15px 15px 0 0;margin-top: 10px}
.list span{padding: 16px 5px;color:#fff;background: linear-gradient(to bottom, #31c1f6, #01aae8);display: block;text-align: center;font-weight: bold;
    font-size: 26px;
}
.list a{display: block;width:100%;color:#fff;padding: 10px 15px;font-weight: bold;}
.list a img{margin-right: 5px;
    float: left;}

.xuanfu{    background: rgba(0,0,0,.8);position: fixed;top: 0;z-index: 9999;display: none}
.xunfubiao {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;background: #fff;padding: 20px;
}
.biaotitle {
    font-size: 24px;
    color: #00a6e8;
    font-weight: bold;
    text-transform: Capitalize;
}
.biaotitle span {
        cursor: pointer;
    float: right;
    color: #fff;
    display: block;
    background: rgba(0,0,0,.5);
    width: 40px;
    text-align: center;
    margin-top: -20px;
    margin-right: -20px;
}
.xunfubiao input,.xunfubiao textarea{       width: 87%;
    margin: 3% 7%;
    border: 0;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 20px;
    float: left;
}
.xunfubiao .xuanfutijiao{    width: 25%;
    height: 44px;
    background: #00a6e8;
    color: #fff;
    font-size: 16px;
    border: 0;
    margin: 0px 0 7px 32px;
    padding: 0;}
/*回到顶部*/
#top{padding: 5px;background: #009fe3;color:#fff;position: fixed;top: 70%;left:5%;border-radius: 5px;cursor: pointer;z-index: 999;display: none}

/*案例*/
.anli_box{width:100%;margin:0 auto;overflow: hidden;max-width: 1200px;margin-bottom: 100px;padding: 0 1%;}
.content h2{font-size: 30px;color:#00a6e8;font-weight: bold;    text-transform: Capitalize;}
.mbx{    color: #4c4c4c;    float: left;font-weight: bold;
    width: 100%;font-family:SourceHanSansCN-Regular;
    font-size: 24px;text-align: left;padding-bottom:20px;border-bottom: 1px solid #808080;    overflow: hidden;}
.mbx span{float:right;font-size: 14px;color:#00a7e8;    line-height: 40px;}
.mbx span:before{content:"";display: inline-block;width:5px;height:5px;background: #00a7e8;transform: rotate(45deg);    position: relative;top: -2px;right: 6px;}
.mbx span a{color:#1a1a1a;}
.mbx span a:last-child{color:#00a6e8;}
.anli_list{width:100%;overflow: hidden;margin-top:30px;    padding-top: 30px;}
.anli_list .list1{width:29%;margin-right: 5%;background: #eee;margin-bottom:60px;float:left;}
.anli_list .list1:nth-child(3n){margin-right: 0}
.anli_list .list1 a img{width:100%;}
.anli_list .list1 a:last-child{text-align: center;padding: 18px 0;color:#4c4c4c;display: block;text-align: center;}
.page{overflow: hidden;margin-bottom: 120px}
.page>p{width:20%;    float: left;
    display: block;
    margin-top: 20px;}
.page ul li{width:20px;height: 20px;background: #f2f2f2;margin-right: 10px}
.page ul li:hover{background: #00a7e8;}

.page ul li a{color:#666;text-align: center;width:100%;display: block;height: 100%}
.page ul li:hover a{color:#fff!important;}
.page ul li.thisclass{background: #00a7e8;}
.page ul li.thisclass a{color:#fff;}

.footer_content1{background: #333}
.contact_txt1{padding-left: 0;width:50%;}
.contact_txt1>img{width:50%;margin-bottom:20px}
.ewm1{width:15%;margin-top: 60px;}
.contact1{padding: 60px 0 30px 0}
.footer_bottom{background: #1a1a1a}
.footer_bottom .lanmu_left a:first-child{width:20%;}
.footer_bottom .lanmu_right a{width:20px;height:20px;border-radius: 50%;background: #808080;display: inline-block;position: relative;margin-left: 3%}
.footer_bottom .lanmu_right a img{position: absolute;left: 0;right: 0;top: 0;bottom:0;margin: auto;}
.footer_bottom .lanmu_right a:hover{background: #00a1e9}

/*案例内页*/
.anli_details{width:100%;margin:0 auto;overflow: hidden;max-width: 1200px;border:1px solid #e6e6e6;padding: 30px;margin-bottom: 120px}

.mbx1 span{float:left;}
.anli_details_title{text-align: center;font-size: 14px;color:#333333;padding: 25px 0;
    overflow: hidden;
    width: 100%;}
.anli_details_title span{display: block;font-size: 24px;margin-bottom:20px;margin-top: 50px}
.anli_details>p{line-height: 30px;margin-bottom: 20px}
.fanye{width:100%;}
.fanye a{font-size: 14px;color:#333;}
.fanye a:hover{color:#00a7e8!important;}
.fanye a:first-child{float:left}
.fanye a:last-child{float:right}

/*常见问题*/
.wenti_box{width:100%;overflow: hidden;color: #808080;font-size: 16px;padding: 20px 0;border-bottom: 1px solid #e6e6e6;}
.wenti_box p a{color:#333333;font-size: 18px;    font-weight: bold;}
.wenti_box p a:hover{color:#00a7e8!important;font-weight: bold;}

/*联系方式*/
.map{margin-bottom:70px;}
.map ul li{width:100%;float:left;margin: 15px 0;}
.map ul li img{float:left;margin-right: 20px}
.map ul li span{width:80%;float:left;}
.map ul{width:100%;margin: 0px }
.map ul li p{text-transform: uppercase;font-weight: bold;color:#333;}
.map ul li p span{margin-right:10px;}
.ewm_box{overflow: hidden;width:100%;}
.ewm_box p{float:left;margin-right:20px}
.ewm_box p span{display: block;text-align: center;}
.biaodan input{width:47%;margin-right: 3%;border:0;background: #f5f5f5;padding: 10px;margin-bottom:20px;float: left;}
.biaodan textarea {width:100%;border:0;background: #f5f5f5;height:93px;    padding: 10px;}
.biaodan button{width:240px;height:70px;background: #00a6e8;color:#fff;font-size: 20px;border:0;margin: 40px 0 120px 0}
.biaodan{width:48%;float:left;    margin-top: 30px;}
#map{width:50%;float:right;    margin-top: 30px;}
/*服务范围*/
.left_list{width:20%;float:left;margin-right: 5%;}
.fuwu_title h2{width:100%;font-weight: bold;font-size: 30px;color:#00a6e8;    margin-bottom: 0;}
.left_list ul{width:100%;}
.left_list ul span.title{font-size: 24px;color:#1a1a1a;font-family:SourceHanSansCN-Regular;    margin: 15px 0 30px 0;
    display: block;}
.left_list ul li{width:100%;}
.left_list ul li a{width:100%;padding: 10px 20px;background: linear-gradient(to bottom, #00acea, #0095dc);display: block;width:100%;color:#fff;padding-left:40px;    font-size: 16px;font-weight: bold; }
.left_list ul li.dq a{color:#fff!important;background:#e60012;font-size: 18px; }
.left_list ul li a:hover{color:#fff!important;background:#e60012;font-size: 18px; }
.left_list ul li a span{float:right;}
.right_box{width:70%;float:right;padding-top: 20px;}
.fuwu_zhengwen{width:100%;overflow: hidden;}
.fuwu_zhengwen_title{font-size:24px;color:#333;text-align: center;width:100%;margin:40px 0;font-weight: bold;}
.fuwu_zhengwen_list{padding: 30px;border:1px solid #e6e6e6;}
.jieshao{width:100%;overflow: hidden;}
.jieshao_left_img{width:30%;float:left;border:1px solid #e6e6e6;padding: 5px;margin-left: 20px}
.jieshao_right_txt{width:65%;float:right;overflow: hidden;}
.jieshao_right_txt span{font-size: 18px;color:#333333;font-family:SourceHanSansCN-Regular;display: block;width:100%;text-align: center;margin-bottom:20px;}
.jieshao_right_txt p{line-height: 24px}
.jieshao_list{width:100%;overflow: hidden;margin-top: 15px;}
.jieshao_list a{display: block;width:100%;border-bottom: 1px solid #e6e6e6;    overflow: hidden;    padding: 10px;
     margin-left: 20px;}
.jieshao_list a:hover{background:#00a6e8;}
.jieshao_list a:hover span{color:#fff;}
.jieshao_list a:hover p{color:#fff;}
.jieshao_list a span{font-size: 14px;color:#333;}
.jieshao_list a span:first-child{float:left;font-size: 12px;    display: inline-block;
    margin-top: 4px;}
.jieshao_list a span:last-child{float:right;margin-right: 2%;}
.jieshao_list a p{margin-left: 20%;width:50%;float: left;color:#333;
     margin-bottom: 0;}

/*服务范围内页*/
.fenye{width:100%;overflow: hidden;}
.fenye span{display: inline-block;font-size: 14px;color:#333;}

.fenye span:first-child{float:left;}
.fenye span:last-child{float:right;}
.fenye a{color:#333;}
.fenye a:hover{color:#00a6e8!important;}