.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.paddingtb-40{padding: 40px 0;}
.paddinglr-5{padding: 0 5px;}
.paddinglr-10{padding: 0 10px;}
.margint-20{margin-top: 20px;}
.margint-40{margin-top: 40px;}
.title{font-size: 24px;font-weight: bold;line-height: 1.8;color: #444;}
.content-text{font-size: 16px;line-height: 1.8;color: #666;}
.text-p p{margin: 0;}
.text-p p strong{display: block;color: #555;margin: 6px 0;}
.bg-1{background: #f5f5f5;}

@media (max-width: 1440px){
    .title{font-size: 20px;}
}
@media(max-width: 996px){
    .title{font-size: 18px;}
    .content-text{font-size: 14px;}
    .paddinglr-5{padding: 0 10px;}
    .paddinglr-10{padding: 0 5px;}
}


.about_flex{display: flex;justify-content: left;align-items: center;}
.about_flex .about_left{width: 50%;}
.about_flex .about_right{width: 50%;padding: 20px 30px;}

ul.three li{width: 33.3%;float: left;padding-left: 60px;position: relative;}
ul.three li h4{font-size: 20px;line-height: 32px;font-weight: bold;color: #b61922;}
ul.three li h4 span{font-size: 32px;line-height: 32px;}
ul.three li h5{font-size: 14px;color: #888;}
ul.three li img{display: block;height: 50px;position: absolute;top: 50%;left: 0;margin-top: -25px;}
.title span{font-size: 16px;font-weight: normal;color: #005aa0;}

ul.aboutus_ul{margin: 0 -10px;font-size: 0;}
ul.aboutus_ul li{width: 16.66%;padding: 0 10px;display: inline-block;vertical-align: top;}
ul.aboutus_ul li h3{font-size: 32px;font-weight: bold;color: #005aa0;}
ul.aboutus_ul li h4{margin-top: 10px;font-size: 14px;line-height: 1.6;color: #666;}

.case_list a{display: block;margin: 10px 0;position: relative;overflow: hidden;}
.case_list a .case_text{width: 100%;font-size: 18px;color: #fff;padding: 8px 15px;background: rgba(0,0,0,.7);position: absolute;left: 0;bottom: 0;}
.case_list a:hover .case_text{background: #005aa0;}
.case_list a i{width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: url(../images/video.png) no-repeat;background-size: 100% 100%;opacity: .6;}

.desc_bg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 1000;}
.desc_bg .desc_img{width: 76%;max-width: 1230px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.desc_bg .desc_img_1{max-width: 900px;}
.desc_bg .desc_img .close{display: block;width: 30px;height: 30px;background: url(../../images/close.png) no-repeat;background-size: 100% 100%;opacity: 1;right: 0;top: 0;cursor: pointer;z-index: 99;}
.desc_bg .desc_img .prev,.desc_bg .desc_img .next{width: 50px;height: 45px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);cursor: pointer;}
.desc_bg .desc_img .prev{left: 0;background: url(../../images/prev.png) no-repeat;background-size: 100% 100%;}
.desc_bg .desc_img .next{right: 0;background: url(../../images/next.png) no-repeat;background-size: 100% 100%;}
.desc_box{width: 100%;bottom: 0;left: 0;font-size: 18px;padding: 10px;color: #fff;background: rgba(0,0,0,.8);}

.con_flex{width: 100%;display: flex;align-items: top;}
.menu_left{width: 220px;}
.index_nav .mobile{font-size: 24px;padding: 15px;background: #005aa0;color: #fff;}
.index_nav h3{display: none;font-size: 20px;padding: 10px;text-align: center;background: #005aa0;color: #fff;}
.index_nav ul.phone li a{display: block;font-size: 16px;border-top: 1px solid #f3f3f3;padding: 15px;background: #f3f3f3;color: #333;}
.index_nav ul.phone li.active a,.index_nav ul.phone li a:hover{background: #005aa0;color: #fff;}
.content_right{width: calc(100% - 220px);margin-left: 25px;min-height: 40px;}
.honor_list a{display: block;margin: 10px 0;overflow: hidden;}
.honor_list a img{padding: 10px;background: url(../../images/honor_bg.png) no-repeat;background-size: 100% 100%;}
.honor_list a h4{margin-top: 10px;font-size: 16px;color: #333;}

@media(max-width: 1230px){
    .about_flex .about_right{padding: 20px;}
    ul.three li h4{font-size: 18px;}
    ul.three li h4 span{font-size: 26px;}
}
@media(max-width: 996px){
    .about_flex{height: auto;display: block;}
    .about_flex .about_left{width: 100%;height: auto;}
    .about_flex .about_right{width: 100%;padding: 15px;}
    .about_flex .about_right .left_text{max-height: inherit;padding-right: 0;}
    ul.three li{padding: 0 0 10px;}
    ul.three li h4{font-size: 18px;}
    ul.three li h4 span{font-size: 24px;}
    ul.three li img{display: none;}

    ul.aboutus_ul{margin: 0;}
    ul.aboutus_ul li{width: 100%;padding: 10px 0;}
    ul.aboutus_ul li h3{font-size: 32px;}
    .case_list a .case_text{font-size: 16px;}

    .con_flex,.index_nav h3{display: block;}
    .content_right{width: 100%;margin: 40px 0 0;}
    .index_nav .mobile,.index_nav ul.phone{display: none;width: 100%;}
    .index_nav ul.phone li a{padding: 6px 20px;}
    .honor_list a img{padding: 4px;}
    .honor_list a h4{font-size: 14px;}

    .menu_left,.desc_bg .desc_img{width: 100%;}
    .desc_bg .desc_img .close{width: 24px;height: 24px;}
    .desc_bg .desc_img .prev,.desc_bg .desc_img .next{width: 40px;height: 36px;}
    .desc_box{font-size: 14px;padding: 5px;}
}


.column_bj{text-align: center;height: 50px;line-height: 50px;background: #f5f5f5;}
ul.nav_ul li{display: inline-block;vertical-align: top;}
ul.nav_ul li a{display: block;padding: 0 20px;font-size: 16px;color: #555;}
ul.nav_ul li.active a,ul.nav_ul li a:hover{background: #005aa0;color: #fff;}

.row-tb10{margin-top: -10px;margin-bottom: -10px;}
.pro_img a{display: block;padding: 15px;background: #f5f5f5;overflow: hidden;border-radius: 5px;margin: 10px 0;}
.pro_img a h5{margin: 15px 0;font-size: 18px;color: #333;}
.pro_img a h6{font-size: 14px;color: #555;}
.pro_img a:hover{background: #fff;transform: translateY(-8px);-webkit-transform: translateY(-8px);box-shadow: rgb(39 4 49/22%) 0px 3px 18px 2px;-webkit-box-shadow: rgb(39 4 49/22%) 0px 3px 18px 2px;}
.pro_img a:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);}
.pro_img a:hover h5{color: #005aa0;}

.details_left{width: 46%;}
.MagicZoomPup{background: #000;}
.MagicZoomBigImageCont{background: #fff;}
#tsImgS img,.MagicZoomBigImageCont{border: 1px solid #efefef;}
#tsShopContainer li,#tsShopContainer img{vertical-align: top;}
#tsShopContainer{width: 100%;margin: 0 auto;position: relative;}
#tsShopContainer #tsPicContainer{width: 100%;margin-top: 15px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL,#tsShopContainer #tsPicContainer #tsImgSArrR{position: absolute;top: 50%;transform: translateY(-50%);cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrL{left: 0;}
#tsShopContainer #tsPicContainer #tsImgSArrR{right: 0;}
#tsShopContainer #tsPicContainer #tsImgSArrL i,#tsShopContainer #tsPicContainer #tsImgSArrR i{display: block;font-size: 30px;font-weight: bold;color: #888;}
#tsShopContainer #tsPicContainer #tsImgSArrR i{transform: rotate(-180deg);}
#tsShopContainer #tsPicContainer #tsImgSArrL:hover i,#tsShopContainer #tsPicContainer #tsImgSArrR:hover i{color: #005aa0;}
#tsShopContainer #tsPicContainer #tsImgSCon{width: 88% !important;margin-left: 6%;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width: 100%;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width: 120px;padding: 0 4px;float: left;cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding: 2px;border: 1px solid  #e4e4e4;display:block;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border-color: #005aa0;}
.details_right{width: 54%;padding-left: 40px;}
.pro_title{border-bottom: 1px solid #005aa0;}
.pro_title span{display: inline-block;font-size: 18px;padding: 6px 20px;color: #fff;background: #005aa0;}
.prev_next a{font-size: 16px;line-height: 2;color: #666;}
.prev_next a:hover{color: #005aa0;text-decoration: underline;}

@media(max-width: 996px){
    .column_bj{text-align: left;height: 40px;line-height: 40px;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
    .column_bj .container{padding: 0;}
    ul.nav_ul li a{padding: 0 15px;font-size: 14px;line-height: 40px;}

    .pro_img a h5{font-size: 16px;}
    .pro_img a h6{font-size: 12px;}
    .details_left,.MagicZoom{width: 100% !important;}
    .MagicZoomBigImageCont{display: none !important;}
    #tsShopContainer #tsPicContainer #tsImgSArrL i,#tsShopContainer #tsPicContainer #tsImgSArrR i{font-size: 22px;}
    #tsShopContainer #tsPicContainer #tsImgSCon li{width: 80px;}
    .details_right{width: 100%;padding: 30px 0 0;}
}


#dituContent{width: 100%;height: 300px;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}
h2.text{font-size: 22px;font-weight: bold;}
input.input,textarea.textarea{width: 100%;height: 40px;border: 1px solid #efefef;padding: 0 10px;margin-bottom: 20px;}
textarea.textarea{height: 120px;padding: 10px;resize: none;}
input.input:focus,textarea.textarea:focus{border-color: #f00;}
.validate_code{padding-right: 120px;position: relative;}
.validate_code img#login_code{height: 40px;cursor: pointer;position: absolute;top: 0;right: 0;}
button.button{width: 140px;height: 40px;line-height: 40px;text-align: center;background: #005aa0;color: #fff;}
button.button:hover{background: #0d2f60;}

.joinus_text main h1 span{color: #ff9c00;}
#faq{border-bottom: 1px solid #ececec;}
.faq_content .faq_title{font-size: 20px;font-weight: bold;padding: 15px;border-top: 1px solid #ececec;color: #333;cursor: pointer;position: relative;}
.faq_content.open{background: #fcfcfc;}
.faq_text{display: none;padding: 15px;}
.open .faq_text{display: block;}
.open .faq_title{background: #f5f5f5;color: #005aa0;}
.faq_content .faq_title:hover{color: #005aa0;}

@media(max-width: 996px){
    #dituContent{height: 240px;margin-top: 20px;}
    h2.text{font-size: 16px;}
    .faq_content .faq_title{font-size: 18px;padding: 10px;}
    .faq_content .faq_title:after{right: 10px;}
    .faq_content .faq_title:before{right: 18px;}
    .faq_text{padding: 10px;}
}


ul.nav-ul{margin-bottom: 60px;display: flex;justify-content: center;}
ul.nav-ul li{margin: 0 15px;}
ul.nav-ul li a{width: 145px;line-height: 40px;text-align: center;display: block;font-size: 16px;color: #666;border: 1px solid #ccc;background: #fff;border-radius: 5px;}
ul.nav-ul li.active a,ul.nav-ul li a:hover{background: #005aa0;border-color: #005aa0;color: #fff;}

.news-list{padding: 40px;margin-top: 40px;background: #fff;border: 1px solid #eee;border-radius: 5px;}
.news-list .news-left{width: calc(100% - 320px);padding-right: 40px;}
.news-list .news-left h4 a{font-size: 18px;line-height: 1.5;font-weight: bold;color: #333;}
.news-list .news-left h6{margin: 20px 0;font-size: 14px;color: #666;}
.news-list .news-left h5{font-size: 14px;color: #555;-webkit-line-clamp: 2;line-height: 1.8;height: 3.6em;}
a.view-more{margin-top: 30px;width: 120px;line-height: 36px;display: inline-block;text-align: center;font-size: 14px;color: #888;border: 1px solid #efefef;border-radius: 5px;}
.news-list .news-img{width: 320px;}
.box-news-img{height: 200px;border-radius: 5px;}

.news-list:hover{box-shadow: 2px 5px 15px rgba(0,0,0,.12);}
.news-list .news-left h4 a:hover{color: #005aa0;}
.news-list .news-img a:hover img{transform: scale(1.06);}
a.view-more:hover{background: #005aa0;border-color: #005aa0;color: #fff;}
.time span{display: inline-block;vertical-align: top;font-size: 15px;margin: 0 5px;color: #999;}
.prev-next a{font-size: 15px;line-height: 2;color: #888;}
.prev-next a:hover{text-decoration: underline;}

@media(max-width: 996px){
    .news-list{padding: 15px;margin-top: 20px;}
    .news-list .news-left{width: 100%;padding: 0 0 20px;}
    .news-list .news-left h4 a{font-size: 16px;}
    .news-list .news-left h6{margin: 10px 0;}
    a.view-more{margin-top: 15px;width: 100px;line-height: 30px;}
    .news-list .news-img{width: 100%;}
    .box-news-img{height: 180px;}
    
    ul.nav-ul{margin-bottom: 0;}
    ul.nav-ul li{margin: 0 5px;}
    ul.nav-ul li a{font-size: 14px;width: 130px;line-height: 35px;}
}