@charset "utf-8";
/*============================ 初始化样式 ============================*/
@font-face {font-family: 'iconfont';
    src: url('https://qn.cdcxhl.com/font/iconfont.eot');
    src: url('https://qn.cdcxhl.com/font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('https://qn.cdcxhl.com/font/iconfont.woff') format('woff'),
    url('https://qn.cdcxhl.com/font/iconfont.ttf') format('truetype'),
    url('https://qn.cdcxhl.com/font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*{margin:0; padding:0;}
body{font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333;}
li{list-style:none;}
a{color:#333;text-decoration:none; }
a:focus{outline:none;}
.clear{clear:both;}
.text_overflow { white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.fl{float: left}
.fr{float: right}
.container{padding-right: 0;padding-left: 0;}
input,textarea,button{appearance: none;border: none;background: none;outline: none;}
/*.text-left{text-align: left}
.text-center{text-align: center}
.text-right{text-align: right}*/

/*========================================= 手机导航 =====================================*/
.menu-button {float: right;width: 25px;margin-top: 2%;display: none}
.menu-button i{display: inline-block;width: 100%;height: 3px;background-color: #333;margin: 7% 0}

.top_fd {width:100%; height: 100%;position:fixed; top:0; left:0; z-index:9999; display:none;}
.maskbg {background:#333; position:absolute; left:0; top:0; opacity:0.3; height:100%; width:100%;}
.mask-close{cursor:pointer; color:#fff; font-size:22px; position:absolute; top:4px; right:13px;z-index: 1}
.top_fd ul{overflow:hidden; background:#333; position:relative; top:0;overflow-y: auto;width: 100%;height: 100%}
.top_fd ul li{width:100%;border-bottom:1px solid #fff;overflow: hidden}
.top_fd ul li a{color:#fff; height:40px; line-height:40px; font-size:14px; padding-left:30px;float: left}
.submenu-toggle{cursor:pointer;line-height:40px;color:#fff; display:inline-block; float:right; font-size:28px; padding-right:20px;}
.top_fd ul li .sub-menu {background:#fff; overflow:hidden;display: none;width: 100%}
.top_fd ul li .sub-menu a{display:block; height:35px; line-height:35px; padding-left:40px;color: #1f1d1c;width: 100%}

/*========================================= banner =====================================*/
.banner{width:100%;overflow:hidden;position: relative}
.banner ul li{}
.banner ul li img{max-width: 100%;display: none}
.banner .pagination{position: absolute;bottom: 5px;left: 0;width: 100%;text-align: center;z-index: 999}
.banner .pagination span{width: 12px;height: 12px;display: inline-block; border-radius: 100%; background: #fff;}
.banner .pagination span.swiper-pagination-bullet-active{background: #2a6fab;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px!important;}

.banner2 {position: relative;top: 0;left: 0;width: 100%;height: 100vh;background-color: transparent;z-index: 1}
.banner2 .banner_item {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%;opacity: 1;background-color: transparent;z-index: 1;overflow: hidden}
.banner2 .banner_item div {position: absolute;top: 0;left: 0;width: calc(100vw + 100px);height: 100%;background-color: transparent;z-index: 1;-webkit-transform: translateX(0);transform: translateX(0);transition: all 9s linear;overflow: hidden}
.banner2 .banner_item div.active {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 1;}

/*========================================= 手机端底部 =====================================*/
.footline{height: 55px;overflow: hidden;display: none}
.footfix{overflow: hidden;padding: 5px 0;position: fixed;left: 0;bottom: 0;width: 100%;display: none;z-index: 9999}
.footfix ul li{width: 33.3%;float: left;text-align: center;}
.footfix ul li i{display: block}
.footfix ul li i img{width: 25px}
.footfix ul li a{color: #fff;}

/*========================================= 关于我们 =====================================*/
.slider{height: 150px;overflow: hidden;display:flex;align-items: center ;}
.slider p{font-size: 28px;color: #fff;text-transform: uppercase;}
.location{border-bottom: 1px solid #ccc;line-height: 65px}
.location i{color: #666;margin-right: 10px}
.local a:hover{text-decoration: underline}
.nytitle{text-align: center;margin-top: 40px}
.nytitle h2{font-size: 26px;font-weight: normal}
.nytitle p{font-size: 16px;color: #666;margin-top: 10px}

.about{line-height: 2;margin-top: 40px;overflow: hidden}
.navs_menu{display: none}
.navs ul li{float: left;margin-left: 50px}

.gylist{}

/*========================================= 资质荣誉 =====================================*/


/*========================================= 公司团队 =====================================*/


/*========================================= 产品中心 =====================================*/
.product{margin-top: 20px;overflow: hidden}
.product ul{display: flex;flex-wrap: wrap;align-items: flex-end}
.product ul li{margin-top: 20px}
.product ul li dd{border: 1px solid #dcdcdc;overflow: hidden;text-align: center}
.product ul li dd img{transition: all 0.5s ease;display: inline-block}
.product ul li p{text-align: center;margin-top: 12px}
.product ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}

/*========================================= 成功案例 =====================================*/
.case{margin-top: 25px;overflow: hidden}
.case ul li a{display: block;border-bottom: 1px dashed #cccccc;padding: 15px 0;overflow: hidden}
.case ul li dd{padding-left: 0}
.case ul li dl{padding-right: 0}
.case ul li dl h3{font-size: 16px;margin: 20px 0}
.case ul li dl p{color: #666;line-height: 1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;-webkit-line-clamp:3;}

/*========================================= 新闻中心 =====================================*/
/*样式一*/
.news{margin-top: 25px}
.news ul li a{display: block;border-bottom: 1px dashed #cccccc;padding: 15px 0;overflow: hidden}
.news ul li dd{background: #f9f9f9;text-align: center;width: 110px;height: 100px;margin-right: 12px;padding-top: 15px;color: #666}
.news ul li dd b{font-size: 30px}
.news ul li dl h3{font-size: 16px;margin: 13px 0}
.news ul li dl p{color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.8}

/*样式二*/
.news2{}
.news2 ul li{margin-top: 20px;}
.news2 ul li a{display: block;overflow: hidden;background: #FAFAFC}
.news2 ul li dd{padding-left: 0}
.news2 ul li dl{margin-top: 20px}
.news2 ul li dl h3{font-size: 16px;margin-bottom: 10px}
.news2 ul li dl p{color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 1.8}
.news2 ul li dt{margin-top: 20px;padding-left: 8%}
.news2 ul li dt b{display: block;font-size: 18px;border-bottom: 1px solid #888EB3;padding-bottom: 5px;margin-bottom: 10px;color: #000}
.news2 ul li dt p{font-size: 12px;color: #666}
.news2 ul li dt span{display: inline-block;width: 75px;line-height: 23px;border-radius: 15px;border: 1px solid #B6BBD4;text-align: center;margin-top: 10px;}
.news2 ul li:hover dt span{color: #fff}
.news2 ul li:hover a{background: #fff;box-shadow: 0px 1px 0.64rem 1px rgba(136, 142, 179, 0.2);}
.news2 ul li:hover dt b{border-bottom: 1px dashed #888EB3;}

/*========================================= 联系我们 =====================================*/
/*样式一*/
.contactA{margin-top: 40px;}
.contactA .contactAa{display: flex;align-items: center;flex-wrap: wrap}
.map{border: 4px solid #fff;}
#map{height: 350px}
.contactAr{padding-left: 5%}
.contactAr ul li{padding: 10px 0}
.contactAr ul li i{font-size: 24px;vertical-align: middle;margin-right: 10px}

.contactB{margin-top: 15px;}
.contactB ul li{width: 48.5%;float: left;margin-top: 25px}
.contactB ul li label{font-weight: normal}
.contactB ul li input{border: 1px solid #dedede;width: 100%;line-height: 38px;border-radius: 5px;text-indent: 15px}
.contactB ul li:nth-child(2n){float: right}
.contactB .btn{width: 30%;line-height: 40px;height: 40px;border-radius: 3px;text-align: center;margin: 0 auto;margin-top: 30px;}
.contactB .btn a{color: #fff;display: block}

/*样式二*/
.contactA2{margin-top: 40px;}
.contactA2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 12px;border-top: solid 1px #eeeeee;padding: 20px 0 40px;}
.contactA2 ul li{display:flex;margin-top: 20px}
.contactA2 ul li i{font-size: 26px;display: inline-block;margin-right: 18px;vertical-align: middle;}
.contactA2 ul li h3{font-size: 20px;font-weight: normal;}
.contactA2 ul li p{font-size: 16px;margin-top: 15px}
.contactA2 ul li span{font-size: 12px;color: #888;display: inline-block;margin-top: 15px}
.contactA2 ul li dl img{width: 100px;height: 100px}

/*样式三*/
.contactA3{margin-top: 20px;padding-bottom: 40px}
.contactA3 ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.contactA3 ul li{margin-top: 20px}
.contactA3 ul li dl{border: 1px solid #ECF0F7;text-align: center;padding: 40px 20px;min-height: 257px}
.contactA3 ul li dl dd{width: 56px;height: 56px;border: 1px solid #ECF0F7;border-radius: 100%;display: inline-block;line-height: 56px;margin-bottom: 20px}
.contactA3 ul li dl dd i{font-size: 30px}
.contactA3 ul li dl h3{font-size: 20px;line-height: 2}
.contactA3 ul li dl p{font-size: 16px;line-height: 2;margin-top: 15px}
.contactA3 ul li dl span{display: block}
.contactA3 ul li dl:hover{transition: all 0.5s;color: #fff;}
.contactA3 ul li dl:hover dd{background: #F7D548;border-color: #F7D548}
.contactA3 ul li dl img{width: 100px;height: 100px}

/*样式四*/
.contactA4{margin-top: 20px;padding-bottom: 40px}
.contactA4 .nytitle{margin-top: 0;}
.contactA4 .nytitle h2{font-size: 18px;font-weight: bold}
.contactA4l{text-align: center;margin-top: 20px}
.contactA4l ul{margin-top: 20px}
.contactA4l ul li{font-size: 16px;line-height: 1.8;margin-top: 10px}
.contactA4l ul li img{border: 10px solid #eee;width: 140px;}
.contactA4r{border-left: solid 1px #dedede;margin-top: 20px}
.contactA4r ul{width: 70%;margin: 0 auto;margin-top: 25px}
.contactA4r ul li{display: flex;background: #e3e3e3;margin-top: 10px;line-height: 40px;border-radius: 5px;padding-left: 15px}
.contactA4r ul li input{line-height: 40px;border-radius: 5px;text-indent: 15px;color: #999}
.contactA4r .btn{width: 100%;line-height: 40px;height: 40px;border-radius: 5px;text-align: center;margin-top: 10px}
.contactA4r .btn a{color: #fff;display: block}

/*样式五*/
.contactA5{margin-top: 20px;padding-bottom: 40px;}
.contactA5 ul li{text-align: center;margin-top: 20px}
.contactA5 ul li i{display: inline-block;width: 96px;height: 96px;border: 1px solid #dedede;border-radius: 100%;font-size: 44px;line-height: 96px;}
.contactA5 ul li p{font-size: 20px;margin: 26px 0 5px;}
.contactA5 ul li span{font-size: 16px;color: #666}
.contactA5 ul li:last-child p{font-size: 16px}
.contactA5 ul li:hover i{color: #fff;transform: rotateY(180deg);transition: all 0.5s;}

.contactB5{margin-top: 20px;}
.contactB5 ul{overflow: hidden}
.contactB5 ul li{margin-top: 20px}
.contactB5 ul li input{width: 100%;border: 1px solid #e9e9e9;line-height: 44px;text-indent: 10px}
.contactB5 ul li textarea{width:100%;min-height: 200px;border: 1px solid #e9e9e9;text-indent: 10px;line-height: 44px;}
.contactB5 .btn{width: 30%;line-height: 44px;text-align: center;margin: 0 auto;margin-top: 20px}
.contactB5 .btn a{color: #fff;display: block}

/*样式六*/
.contactA6{overflow: hidden}
.contactA6l ul{margin-top: 20px}
.contactA6l ul li{font-size: 18px;line-height: 30px;margin-top: 10px}
.contactA6l ul li img{width: 100px;height: 100px}
.contactA6r ul li{margin-top: 20px}
.contactA6r ul li input{width: 100%;border: 1px solid #e9e9e9;line-height: 44px;text-indent: 10px}
.contactA6r ul li textarea{width:100%;min-height: 100px;border: 1px solid #e9e9e9;text-indent: 10px;line-height: 44px;}
.contactA6r .btn{width: 30%;line-height: 44px;text-align: center;margin-top: 20px;border-radius: 5px}
.contactA6r .btn a{color: #fff;display: block}

/*样式七*/
.contactA7{overflow: hidden;margin-top: 20px}
.contactA7l{margin-top: 20px}
.contactA7l .nytitle{margin-top: 0}
.contactA7l .nytitle h2{font-size: 22px}
.contactA7l ul{margin-top: 15px}
.contactA7l ul li{border-bottom:1px solid #DDDDDD;line-height: 2;font-size: 16px;display: flex;align-items: center;flex-wrap:wrap;padding: 20px 0}
.contactA7l ul li i{display: inline-block;width: 45px;height: 45px;line-height: 45px;border-radius: 100%;font-size: 24px;
    border: 1px solid #fff;margin-right: 20px;text-align: center}
.contactA7l ul li span{display: inline-block;width: 80%}
.contactA7r{margin-top: 20px}
.contactA7r #map{border: 1px solid #ccc;height: 500px}

/*样式八*/
.contactA8{margin-top: 40px}
.contactA8l{padding: 0}
.contactA8l #map{height: 500px}
.contactA8r{padding: 20px;color: #fff;min-height: 500px}
.contactA8r .nytitle{margin-top: 0}
.contactA8r .nytitle h2{color: #fff}
.contactA8r ul{border-top: dashed 1px #fff;border-bottom: dashed 1px #fff;padding: 50px 0;margin: 20px 0;line-height: 2;font-size: 16px}
.contactA8r h3{font-size: 20px;color: #fff;font-weight: normal}

/*样式九*/
.contactA9{margin-top: 20px;padding-bottom: 40px}
.contactA9l{margin-top: 20px}
.contactA9l ul li{border-bottom: solid 1px #ccc;display: flex;align-items: center;font-size: 16px;padding: 20px 0}
.contactA9l ul li i{display: inline-block;margin-right: 20px}
.contactA9r{margin-top: 20px}
.contactA9r ul{background: linear-gradient(to right, #0D77DB 0%,#6DB0F2 100%);padding: 20px}
.contactA9r ul li{margin-bottom: 20px;}
.contactA9r ul li input{width: 100%;line-height: 34px;text-indent: 10px;background: #fff;border-radius: 5px;}
.contactA9r ul li textarea{width:100%;min-height: 100px;text-indent: 10px;line-height: 34px;background: #fff;border-radius: 5px;}
.contactA9r .btn{width: 30%;line-height: 36px;background: #fff;text-align: center;margin:0 auto;border-radius: 5px}
.contactA9r .btn a{display: block;color: #0D77DB}

/*========================================= 详情页面 =====================================*/
.content{margin-top: 40px}
.con{background: rgb(249, 249, 249);padding: 30px 40px}
.con h1{text-align: center;font-weight: normal;;font-size: 28px;margin: 0}
.coninfo{text-align: center;border-bottom: 1px solid #e5e5e5;padding: 20px 0;color: #999}
.cont{line-height: 2;margin: 30px 0;min-height: 200px}
.cont img{max-width: 100%}

/*========================================= 上下篇 =====================================*/
.wengzhengfanye {overflow: hidden;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB { color:#333; line-height:2;}
.wengzhengfanye a:hover { text-decoration:underline;}

/*========================================= 媒体查询 =====================================*/
@media screen and (min-width: 1024px) {
    .container{
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .banner .pagination{bottom: 0;margin: 10px 0}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px!important;}

    .banner2{height: 30vh;}

    .case ul li dl h3{margin: 5px 0;font-size: 14px}
    .news ul li dd{width: 80px;height: 80px;padding-top: 12px;margin-right: 5px}
    .news ul li dd b{font-size: 24px}
    .news ul li dl h3{margin: 8px 0;font-size: 14px}
    .contactAr{padding-left: 0}
    .contactB ul li{width: 100%}
    .nytitle{padding: 0 12px}
    .nytitle h2{font-size: 20px}
    .nytitle p{font-size: 14px}

    .location{line-height: 45px;position: relative}
    .location .navs{position: absolute;top: 46px;left: 0;z-index: 1;background: #fff;width: 100%;border-bottom: 1px solid #ccc;display: none}
    .location .navs ul li{width: 100%;margin-left: 38px;line-height: 40px}
    .case ul li dl p{-webkit-line-clamp: 2;}

    .con{padding: 20px}
    .con h1{font-size: 20px}
    .cont{margin: 20px 0}

    .contactA2 ul li h3{font-size: 16px}
    .contactA2 ul li p{font-size: 12px}
    .contactA2 ul li:last-child{display: none}

    .contactA3 ul li dl{padding: 20px 12px;min-height: 249px}
    .contactA3 ul li dl h3{font-size: 16px}

    .contactA4r{border: none}
    .contactA4r ul{width: 100%}

    .contactA5 ul li i{width: 60px;height: 60px;line-height: 60px;font-size: 24px}
    .contactA5 ul li p{font-size: 16px;margin: 15px 0 5px}
    .contactB5 ul li input{line-height: 40px}
    .contactB5 .btn{line-height: 40px}

    .contactA6 .nytitle{padding: 0}
    .contactA6l ul li{font-size: 14px}

    .contactA7l .nytitle{padding: 0}
    .contactA7l .nytitle h2{font-size: 18px}
    .contactA7l ul li{padding: 12px 0}

    .contactA8l #map{height: 300px}
    .contactA8r .nytitle{padding: 0}
    .contactA8r{min-height: initial}
    .contactA8r h3{font-size: 18px}
    .contactA8r ul{padding: 35px 0}

    .contactA9l ul li{padding: 15px 0}

    .news2 ul li dl{margin-top: 10px}
    .news2 ul li dl h3{font-size: 14px;margin-bottom: 5px}
    .news2 ul li dl p{font-size: 12px}
    .news2 ul li dt{display: none}
}