.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;}
.flex{display: flex;justify-content: left;align-items: center;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.margin-t60{margin-top: 60px;}
.margin-t20{margin-top: 20px;}
.margin-t40{margin-top: 40px;}
.padding-tb60{padding: 60px 0;}
.padding-lr10{padding: 0 10px;}
.padding-lr5{padding: 0 5px;}
.title{font-size: 24px;font-weight: bold;line-height: 1.8;color: #0335da;}
.content-text{font-size: 16px;line-height: 2;color: #888;}
.text-p p{margin: 0;}
.bg-1{background: #fafafa;}

@media(max-width: 996px){
    .flex{display: block;}
    .margin-t60{margin-top: 40px;}
    .padding-tb60{padding: 40px 0;}
    .padding-lr10{padding: 0 5px;}
    .padding-lr5{padding: 0 10px;}
    .title{font-size: 20px;}
    .content-text{font-size: 14px;}
}

/*首页样式*/
.about_img{width: 23%;height: 260px;border: 5px solid #eee;}
.about_text{width: 45%;}
.right_text{height: 260px;overflow-y: auto;padding-right: 10px;}
.right_text::-webkit-scrollbar{width: 3px;background-color: #e6e6e6;}
.right_text::-webkit-scrollbar-thumb{background-color: #0335da;}
.about_title{width: 10%;padding-left: 2%;}
.about_title .us_t{width: 50px;font-size: 28px;font-weight: bold;padding-right: 106px;position: relative;color: #0335da;}
.about_title .us_t span{font-size: 14px;font-weight: normal;display: block;transform: rotate(90deg);white-space: nowrap;position: absolute;top: 62px;right: 0;}
.about_right{width: 19%;height: 260px;padding: 70px 10px 10px;border: 3px solid #0335da;}
.about_tel{height: 100%;}
.about_right .about_tel a.link{width: 100%;height: 50px;line-height: 50px;font-size: 20px;background: #0335da;color: #fff;position: absolute;bottom: 0;left: 0;}
.about_right .about_tel a.link:hover{background: #072790;}

.play_bg{padding: 40px 0;background: #0335da;}
.play_left{width: 230px;}
.play_left .play_title{font-size: 28px;font-weight: bold;color: #fff;}
.play_left .play_title span{padding: 0 20px;}
.play_left h5{font-size: 16px;color: #fff;line-height: 2;}
.flex .bt_title{color: #fff;}
ul.play_right{margin-left: 100px;}
ul.play_right li{display: inline-block;vertical-align: top;}
ul.play_right li a{display: block;margin-right: 20px;font-size: 16px;height: 36px;line-height: 36px;color: #fff;padding: 0 20px;}
ul.play_right li a:hover{color: #0335da;background: #fff;}

.index_news .news_left{width: 40%;padding: 0 20px 0 60px;position: relative;}
.index_news .news_right{width: 40%;padding: 0 60px 0 20px;position: relative;}
.index_news .news_title{width: 40px;height: 271px;border: 2px solid #0335da;padding: 70px 5px;text-align: center;font-size: 22px;color: #0335da;}
.index_news .news_left .news_title{position: absolute;top: 0;left: 0;}
.index_news .news_right .news_title{position: absolute;top: 0;right: 0;}
.index_news .news_list:last-child{margin-bottom: 0;}
.index_news .new_t{width: 20%;position: absolute;top: 0;left: 40%;}
.index_news .new_t .img_over{width: 100%;padding: 20px 10px 0;}
.index_news .new_t .img_over .img_h{width: 100%;height: 178px;border: 5px solid #eee;}

@media(max-width: 996px){
    .about_img{width: 100%;height: auto;border: 5px solid #eee;}
    .about_text{width: 100%;margin-top: 30px;}
    .right_text,.about_title{width: 100%;height: auto;padding: 0;}
    .about_title .us_t{width: 100%;font-size: 22px;padding: 30px 0 0;text-align: center;}
    .about_title .us_t span,.index_news .news_left .news_title,.index_news .news_right .news_title{transform: none;position: static;}
    .about_right,.play_left,.index_news .news_title,.index_news .new_t .img_over{display: none;}
    .play_bg{padding: 20px 0;}
    ul.play_right{margin-left: 0;}
    ul.play_right li a{margin: 2px;height: 30px;line-height: 30px;font-size: 14px;padding: 0 15px;}
    .index_news .news_left,.index_news .news_right{width: 100%;padding: 20px 0 0;}
    .index_news .new_t{width: 100%;position: static;margin-bottom: 30px;}
}

/*产品展示*/
.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: #0335da;}
#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: #0335da;}
.details_right{width: 54%;padding-left: 40px;}

@media(max-width: 996px){
    .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;}
}

/*联系我们*/
.bt_title img,.bt_title span{display: inline-block;vertical-align: middle;}
.bt_title span{padding: 0 10px;font-size: 14px;color: #0335da;}
.bt_title span b{font-size: 30px;}
#dituContent{width: 100%;height: 360px;}
.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;} 

.message_left{width: 40%;}
.message_left label{font-size: 16px;font-weight: normal;color: #0335da;}
.message_left label span{color: #f00;}
input.input,textarea.textarea{width: 100%;height: 40px;margin-bottom: 15px;font-size: 16px;border: 1px solid #0335da;padding: 0 5px;}
textarea.textarea{height: 80px;padding: 5px;resize: none;}
button.button{width: 100%;height: 40px;font-size: 16px;background: #0335da;color: #fff;}
button.button:hover{background: #072790;}
.message_right{width: 40%;margin-left: 20%;}
.message_title{font-size: 28px;color: #0335da;margin: 30px 0;padding: 30px 0;border-bottom: 2px solid #0335da;border-top: 2px solid #0335da;}

.pro_img a{width: 100%;display: inline-block;margin-bottom: 20px;cursor: pointer;}
.pro_img a .modal-open{border: 1px solid #efefef;}
.pro_img a h5{font-size: 16px;margin-top: 10px;color: #0335da;}
.pro_img a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.desc_bg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 1000;}
.desc_bg .desc_img{width: 80%;max-width: 1200px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.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: 16px;padding: 10px;color: #fff;background: rgba(3,53,218,.6);}

.news_list{width: 100%;display: inline-block;border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;margin-bottom: 20px;}
.news_list h4 a{font-size: 22px;font-weight: bold;color: #0335da;}
.news_list h5{margin: 10px 0;font-size: 14px;color: #5a5a5a;}
.news_list h6{font-size: 14px;color: #7b7b7b;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
.news_list h4 a:hover{color: #072790;}
.dh_nav ul.nav_ul,.dh_nav ul.nav_ul li,.dh_nav .box-form{display: inline-block;vertical-align: middle;}
.dh_nav ul.nav_ul li a{display: block;margin: 5px 15px 5px 0;font-size: 16px;height: 36px;line-height: 36px;border: 1px solid #0335da;color: #0335da;padding: 0 20px;}
.dh_nav ul.nav_ul li.active a,.dh_nav ul.nav_ul li a:hover{color: #fff;background: #0335da;}
.box-form-1,.box-form-1 .box-input{width: 100%;max-width: 600px;}
.time{margin-top: 10px;font-size: 16px;line-height: 2;color: #5a5a5a;}
.prev_next a{font-size: 16px;line-height: 2;color: #7b7b7b;}
.prev_next a:hover{color: #0335da;text-decoration: underline;}

@media(max-width: 996px){
    .bt_title span b{font-size: 22px;}
    .bt_title img{height: 50px;}
    #dituContent{margin-top: 40px;height: 240px;}
    .message_left,.desc_bg .desc_img{width: 100%;}
    .message_right,.dh_nav .box-form{width: 100%;margin: 30px 0 0;}
    .message_title{font-size: 22px;margin: 20px 0;padding: 10px 0;}

    .pro_img a{margin-bottom: 10px;}
    .pro_img a h5,.time,.prev_next a{font-size: 14px;}
    .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;}
    .dh_nav .box-form .box-input{width: 100%;}
    .dh_nav ul.nav_ul li a{margin: 2px;height: 30px;line-height: 30px;font-size: 14px;padding: 0 15px;}
}