body{font-family:'Microsoft Yahei',"寰蒋闆呴粦","STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;-webkit-font-smoothing:antialiased; font-size:14px;font-smoothing:antialiased;text-rendering:optimizeLegibility; overflow-x:hidden; background-color: #FFFFFF;color:#333;padding-bottom: 80px;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;max-width: 750px;margin: 0 auto}
img{max-width: 100%;max-height: 100%;}
ul{list-style: none}
/*鑻辨枃瀛椾綋*/
.en{font-family:'Microsoft Yahei',"STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}
.mcolor{color:#1788d0!important}
.c333{color: #333}

.container{padding: 0 15px;max-width: 750px;}
.header{padding:15px 0 5px;display: flex;justify-content:space-between}
.header .logo{max-width:33% }
.header .ttel{align-self: center;}

.menu{overflow-x:auto;margin-bottom: 2px;white-space: nowrap;width: auto;height: 50px;line-height: 50px;clear: both;display: flex;}
.menu .nav{text-align: center;float: left;padding: 0 10px}
.menu .nav.active a{border-bottom:3px solid #1788d0;color: #1788d0} 
.menu a{color: #666;font-size: 16px;line-height: 40px;height: 40px;display: inline-block}

.swiper-container {
      width: 100%;
      height: 100%;
    }
.banners .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

/*涓婚〉瀵艰埅*/
.i_nav{flex-wrap:wrap;}
.i_nav .inav{width: 25%;text-align:center;background-color: #1788d0;height: 60px;line-height: 60px;border-bottom: 1px solid #c0c0c0;position: relative}
.i_nav .inav:after{content: ' ';position: absolute;height: 60px;width: 1px;background-color:#c0c0c0;right: 0}
.i_nav .inav:nth-child(4n):after{width: 0}
.i_nav .inav img{max-width: 60%}
.i_nav .inav span{display: block;color: #333;font-size: 14px}
.i_nav .inav a{color: #ffffff;}

.i_nav2{flex-wrap:wrap;justify-content: space-around;margin-top: 15px;}
.i_nav2 .inav{width: 23%;text-align:center;background-color: #1788d0;height: 40px;line-height: 40px;position: relative;border-radius: 25px;margin-bottom: 10px}
.i_nav2 .inav a{color: #ffffff; font-size: 12px}
.i_nav2 .inav.cur{background-color: #ff5028}

      /*浜у搧鍒楄〃*/
.product-list{padding: 10px 5px 0;clear: both;overflow: hidden;position: relative}
.product-list h1{height: 60px;text-overflow: ellipsis;overflow: hidden;text-align: left}
.product-list ul{display: block;clear: both;position: relative}
.product-list li{width: 50%;float: left;overflow: hidden;text-align: center;}
.product-list li a{text-align: center}
.product-list li a img{margin: 0 auto}
.product-list p{color:#1788d0;height: 24px;overflow: hidden;white-space: nowrap}

/*搴曢儴鍏叡*/
footer{border-top: 24px solid #f9f8f7;padding: 15px 10px}
footer .fqrcode{max-width: 40%;text-align: center;font-weight: bold}
footer .fdesc{margin-top: 20px;}
footer .fdesc p{margin-bottom: 5px;color: #666666}
footer .fdesc p.fsmall,footer .fdesc p.fsmall a{font-size: 14px;color: #666}

#hui-footer{background-color:#1788d0;padding: 8px 0}   
#hui-footer a{width:25%;}
#hui-footer a img{max-width: 30%}
#hui-footer a .hui-footer-text{color: #fff}

.kefu{position: fixed;bottom: 80px;width: 60px;right: 10px;z-index: 999}

.hui-header{background-color: #1f2025}
.hui-header h1{padding-left: 0}
.gapline{height: 44px;clear: both;width: 100%}

/*鍏虫敞*/
.banner_gz{background-color: #f2f2f2;padding: 30px 0;text-align: center}
.banner_gz img{max-width: 80%;margin: 0 auto}

.article{padding: 10px}
.title{font-size: 22px;font-weight: bold;padding: 20px 20px 5px;text-align: center}
.title span{display: block;width: 40px;height: 2px;background-color: #1788d0;margin: 10px auto}
.title2{font-size: 22px;padding: 20px 20px 10px;text-align: center}
.article .content{line-height: 28px}

.con_guanzhu img{max-width:40%}

/*瀛愭爮鐩垎绫?/
.catnav{justify-content: space-around;justify-content: center;text-align: center}
.catnav a{padding: 20px 40px;}
.catnav span{display: block;font-size: 16px;margin-top: 5px}
.catnav span.catnav_1{color: #ffcd42}
.catnav span.catnav_2{color: #6ed2ff}
.catnav a img{max-width: 65%}

/*鍏充簬鎴戜滑*/
.about_video{width: 100%;position: relative;text-align: center;padding: 15px 0;clear: both;min-height: 200px}
.about_video video{max-width: 100%;display: none}
/*min-height: 300px;  */
.about_video .iconplay{position: absolute;z-index: 99;top: 40%;width: 100%}
.about_video .iconplay span{width: 50px;height: 50px;background: url(../img/icon_video_play.png) center center no-repeat;background-size: contain;display: block;margin: 0 auto}
.about_ftitle{text-align: center;line-height: 26px;font-size: 13px}

.about1{padding:5px 10px 30px}
.about_culture{border-bottom: 24px solid #f9f8f7;border-top: 1px solid #eeeeee}
.about_history{border-bottom: 24px solid #f9f8f7;}
.about_top{text-align: center;padding: 15px 20px;background-color: #1788d0;font-size: 16px;color:#fff;display: inline-block;margin: 15px auto;clear: both;overflow: hidden}
.aboutcc{line-height: 28px}
.aboutcc p{text-indent: 30px;margin-bottom: 20px}
.about_m{padding-bottom: 0}
.culture_slide{margin-top: 30px!important}

.cswiper-button-next{background: url(../img/arrow_right.png) no-repeat center center!important;background-size: contain!important;width: 30px!important;height: 30px!important;border-radius: 50%!important}
.cswiper-button-prev{background: url(../img/arrow_left.png) no-repeat center center!important;background-size: contain!important;width: 30px!important;height: 30px!important;border-radius: 50%!important}

/*鑱旂郴鎴戜滑*/
.catnav_c{}
.catnav_c span.catnav_1{color: #ed9754}
.catnav_c span.catnav_2{color: #5263ff}

.contact_con{color: #666;border-top: 1px solid #f0f0f0;padding: 25px 10px;margin-top: 15px}
.contact_con .contact_title{font-size: 22px;text-align: center;color: #666}
.contact_con .contact_title span{display: block;font-size: 16px;color: #666}
.contact_con .contact_map{padding: 20px 0}
.contact_con .contact_map iframe{width: 100%;height: 300px}
.contact_form{padding: 15px 40px}
.contact_form .hui-form-items{border: 1px solid #dedede;margin-bottom: 10px;border-radius: 5px;padding: 10px}
.contact_form .hui-form-textarea{width: 100%!important;}
.contact_form .hui-form-textarea textarea{background-color: #fff}
.contact_form .hui-button{background-color: #1788d0!important;color: #fff;width: 100%;margin-top: 20px;height: 50px;line-height: 50px;font-size: 16px}

.jm_con{padding-left: 0;padding-right: 0;padding-bottom: 0}
.jm_secc{margin-top: 20px;}
.jm_sec{padding: 15px 15px;background-color: #f5f5f5;display: flex;justify-content: center;align-items: center}
.jm_sec2{background-color: #fff}
.jm_sec img{width: 60px;height: 60px;float: left}
.jm_sec .jm_sect{white-space: nowrap;font-size: 16px;padding: 0 20px}
.jm_sec .jm_secd{font-size: 12px}
.jm_kh{text-align: center;font-size: 20px;padding: 20px 10px 20px}

.jm_desc{padding-top: 35px; background-color: #f8f9fa;padding-bottom: 30px}
/* background: url(../img/jiameng_bg.jpg) no-repeat bottom center #f9fafb;background-size: cover;*/
.jmdes{background-color: #fff;padding: 15px 30px;margin:0 auto;width: 70%;clear: both;overflow: hidden}
.jmdes h2{font-size: 18px;padding: 10px 0}
.jm_descc{line-height: 28px;}
.jm_descc p{margin-bottom: 10px;}

.jm_form{padding:10px 0 30px;background-color: #f8f9fa;clear: both;overflow: hidden}
.jm_form .hui-form{padding: 15px 30px;background-color:#fff;margin:0 auto;width: 70%;}
.jm_form .hui-button{background-color: #1788d0!important;color: #fff;width: 100%;margin-top: 20px;height: 50px;line-height: 50px;font-size: 16px}

/*鏂伴椈*/
.news_nav{border-bottom: 1px solid #dedede} 
.news_nav span.catnav_1{color: #ff5129}
.news_nav span.catnav_2{color: #ff8800}

.news-list{padding: 10px}
.news-list h1{color:#121212;font-size: 14px}
.news-list li{border-bottom: 1px solid #eeeeee;padding-bottom: 15px}
.news-list .hui-media-list-img{width: 30%}
.news-list .hui-media-content{width: 67%}

.news-more{text-align: center;padding: 20px;color: #1788d0;font-size: 20px}
.news-more img{max-width: 14px; display: inline-block}

.pcontent{padding: 20px 10px;clear: both;overflow: hidden}
.pcontent .atitle{font-size: 20px;padding: 10px;text-align: center;margin-bottom: 10px}
.pcontent .attrs{font-size: 14px;text-align: center}
.pcontent .pcon{line-height: 26px;padding: 20px 10px;}
.pcontent .pconnt{padding-left:10px;padding-right: 10px;}
.prenext div{margin-bottom: 8px}
.share{float: right;padding: 20px 20px;clear: both;overflow: hidden;display: flex;justify-content: center;align-items: center}
.share .fxd{float: left;align-self: center}
.share .bds_weixin{background: url(../img/share_weixin.png) no-repeat center center!important;background-size: contain!important;}
.share .bds_sqq{background: url(../img/share_qq.png) no-repeat center center!important;background-size: contain!important;}
.share .bds_tsina{background: url(../img/share_weibo.png) no-repeat center center!important;background-size: contain!important;}
.share .bds_qzone{background: url(../img/share_qzone.png) no-repeat center center!important;background-size: contain!important;}

.rec{border-top:24px solid #f9f8f7;}
.rechead{border-bottom: 1px solid #eeeeee;font-size: 20px;line-height: 50px;height: 50px;padding: 0 10px}
.rechead a{display: block;float: right;font-size: 16px;color: #1788d0}
.rec .news-list li:last-child{border-bottom: none}


/*浜у搧*/
.ipronav .cur span{font-weight: bold}
.pdetail{padding: 10px 0}
.psec1{padding: 10px;}
.psec1 .psec1_title{font-size: 20px;text-align: center;margin-bottom: 15px}
.psec2{background-color:#7cb0ac;padding: 25px 10px 0}
.psec2 .psec2_title{font-size: 20px;text-align: center;color: #002a27}
.psec2 .psec2_title span{display: block;width: 40px;height: 2px;background-color: #1788d0;margin: 10px auto}
.psec2 .psec2_con{text-align: center;color: #002a27}
.psec2 .psec2_img{}
.psec2 .psec2_img img{vertical-align:bottom}
.psec333{background-color: #d3cabf;padding: 40px 0 0 10px;clear: both;overflow: hidden}
.psec333 .psec333_title{color: #442d00;font-size: 20px;}
.psec333 .psec333_title span{display: block;width: 60px;height: 2px;background-color: #1788d0;margin-top: 10px}
.psec333 .psec333_con{color: #442d00;margin-top: 10px}
.psec333 .psec333_img{max-width: 80%;margin-top: -30px;float: right;margin-right: -40px}
.psec3331{padding-top: 40px;background-color: #f6edee}
.psec333 .psec3331_img{width: 50%;float: left}
.psec333 .psec3331_title{font-size: 22px;color: #4a0008}
.psec333 .psec3331_con{color: #4a0008;margin-top: 10px}
.psec333 .psec333r{width: 50%;float: left}
.psec333 .psec3331b{font-size: 80px;color: #1788d0;margin: 20px 0;height: 80px;line-height: 80px}
.psec3{background-color: #f3ede1;padding: 50px 0 0 10px;clear: both;overflow: hidden}
.psec3 .psec3_title{color: #442d00;font-size: 20px;}
.psec3 .psec3_title span{display: block;width: 60px;height: 2px;background-color: #1788d0;margin-top: 10px}
.psec3 .psec3_con{color: #442d00;margin-top: 10px}
.psec3 .psec3_img{max-width: 80%;margin-top: -50px;float: right;margin-right: -40px}
.psec31{padding-top: 40px;background-color: #f6edee}
.psec3 .psec31_img{width: 50%;float: left}
.psec3 .psec31_title{font-size: 22px;color: #4a0008}
.psec3 .psec31_con{color: #4a0008;margin-top: 10px}
.psec3 .psec3r{width: 50%;float: left}
.psec3 .psec31b{font-size: 80px;color: #1788d0;margin: 20px 0;height: 80px;line-height: 80px}

.ptitle{font-size: 22px;text-align:center}
.ptitle span{display: block;width: 70px;height: 2px;background-color: #1788d0;margin: 20px auto}

.psec4{padding: 50px 20px 10px;border-bottom: 1px solid #eeeeee;}
.psec4 .pdesc{padding: 0 10px;text-align: center}
.psec4 .pimg{margin: 20px auto 0}

.psec5{padding: 50px 10px 10px;border-bottom: none;}
.psec5 .pdesc{padding: 0 20px}

.psec6{padding: 30px 0px;border-bottom: none}
.pdescs{border-bottom: 1px solid #dedede;justify-content: center;align-items: center}
.pdescs1{border-top: 1px solid #dedede;margin-top: 30px}
.pdescs .pdl{text-align: center;width: 30%;float: left;height: 100%;font-weight: bold}
.pdescs .pdr{width: 69%;float: left;height: 100%;border-left: 1px solid #dedede;padding: 10px;}
.pdescs .pdr img{max-width: 80%}
.pdescs .pdr .pdrh{border-bottom: 1px solid #dedede;clear: both;overflow: hidden}
.pdescs .pdr .pdrh span{display: block;float: left;width: 30%;padding: 5px 1%;}
.pdescs .pdr .pdrh:last-child{border-bottom: none;}

.pdetail .prenext{padding: 0 10px}
.recpro{border-top: 24px solid #f9f8f7;padding: 20px 10px}
.recprotitle{text-align: center;font-size: 22px;}
.recprotitle span{display: block;width: 40px;height: 2px;background-color: #1788d0;margin: 10px auto}

/*瀹氬埗*/
.diytitle{font-size: 22px;text-align: center}
.diytitle span{display: block;font-size: 18px;color: #666;}

.diy1{padding: 30px 10px;}
.diyc{margin-top: 20px}
.diycc{box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);clear: both;overflow: hidden;display: flex;justify-content: center;align-items: center;height: 120px;margin-bottom: 15px}
.diycc .diy1img{width: 30%;float: left;text-align: center;display: flex;align-items: center;background-color: #f5f5f5;height: 100%;justify-content: center;}
.diycc .diy1con{width: 66%;float: left;padding: 15px 2%}
.diycc .diy1img img{max-width: 70%;vertical-align: middle}
.diycc .diy11{font-size: 16px;}
.diycc .diy12{font-size: 14px;color: #666}
.diycc .diy13{font-size: 12px;margin-top: 10px}
.diycc .diy1b{border-bottom:3px solid #1788d0;}
.diycc .diy2b{border-bottom:3px solid #0077d7;}
.diycc .diy3b{border-bottom:3px solid #00acbb;}
.diycc .diy4b{border-bottom:3px solid #d83b01;}

/*.diy2{padding: 40px 0;background: url(../img/youshi_bg.jpg) no-repeat center center;background-size: cover;clear: both;overflow: hidden}*/
/*.diy2 .diytitle,.diy2 .diytitle span{color: #fff}*/
/*.diy2con{margin-top: 30px;;clear: both;overflow: hidden}*/
/*.diy2con ul{display: block;clear: both;overflow: hidden}*/
/*.diy2con ul li{width: 50%;float: left;box-sizing: border-box;text-align: center;padding: 0 10px;margin-bottom: 20px}*/
/*.diy2con ul li .diy2cc{background-color:#fff;}*/
/*.diy2con ul li .diy2cc p{padding: 15px 10px;font-size: 12px}*/
/*.diy2con ul li img{max-width: 50%}*/
/*.diy2top{height: 50px;line-height: 50px;text-align: center;background: url(../img/youshi_1.jpg) no-repeat center center;background-size: cover;font-size: 16px;margin-bottom: 15px}*/
/*.diy22 .diy2top{background: url(../img/youshi_2.jpg) no-repeat center center;}*/
/*.diy23 .diy2top{background: url(../img/youshi_3.jpg) no-repeat center center;}*/
/*.diy24 .diy2top{background: url(../img/youshi_4.jpg) no-repeat center center;}*/

.diy3{padding: 30px 0;}
.diy3c{margin-top: 20px;}
.diy3sec{clear: both;overflow: hidden;display: flex;justify-content: center;align-items: center}
.diy3sec .diy3title{font-size: 20px;text-align: right;}
.diy3sec .diy3title img{max-width: 14px;margin-left: 8px}
.diy3sec .diy3sl,.diy3sec .diy3sr{width: 50%;float: left}
.diy3sec p{font-size: 12px;padding: 10px}
.diy3sec .diy3sl .diy3title{margin-right: 10px}
.diy3sec .diy3sr .diy3title{margin-left: 10px;text-align: left;}
.diy3sec .diy3sr .diy3title img{max-width: 16px;margin-right: 8px;margin-left: 0}

.diy4{padding: 10px}
.diy4c{margin-top: 10px;padding: 0 20px}

.diy5{clear: both;overflow: hidden;margin-bottom: 30px}
.diy5c{margin-top: 20px}
.diy5c a{display: block;float: left;width: 33%;text-align: center;margin-top: 10px}
.diy5c a img{max-width: 80%;box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);}

/*鍞悗*/
.servicenav a{padding: 20px;}
.servicenav span.catnav_1{color: #e98150}
.servicenav span.catnav_2{color: #5183e2}
.servicenav span.catnav_3{color: #6fcccf}
.servie1{padding: 30px 0px}
.servie1 .service{margin-top: 15px;}

/*瑙嗛*/
.video-list{padding: 30px;border-top: 24px solid #f9f8f7;}
.video-list p{color: #666}
.video-list li{box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);padding: 0 0 8px;margin-bottom: 20px}
.video-list li .vimg{display: flex;justify-content: center;align-items: center}
.video-list li span.icon_video{width: 60px;height: 60px;background: url(../img/icon_video_play.png) center center no-repeat;background-size: contain;display: block;margin: 0 auto;position: absolute}
.video-list video{width: 100%;max-height:400px; }

.banner{
      height: 180px;
      background-size: contain!important;
}

.page{width:90%;clear: both; margin: 0 auto;}
.pagination{width:100%;line-height:50px;text-align:center;border-top:none;margin:10px 0 10px 10px;}
.pagination li{ display: inline-block}
.pagination a{padding:6px 10px!important;color:#666!important;margin:0 6px;border:1px solid #E2E2E2;background:#fff;border-radius:3px;}
.pagination a:hover{background:#E2E2E2;color:#555;border-radius:3px}
.pagination span{padding:6px 10px;color:#666;margin:0 6px;border:1px solid #E2E2E2;background:#E2E2E2;color:#555;border-radius:3px}
.pagination font{color:#000}

.see-more{
      display: block;
      margin: 10px auto 5px;
      width: 160px;
      text-align: center;
      background-color:#1788d0 ;
      color: #ffffff;
      height: 40px;
      line-height: 40px;
      border-radius: 20px;
}

.line{height: 10px; background-color: #f9f8f7; width: 100%;clear: both}