@charset "utf-8";
/*通用样式*/
p{
    margin: 12px 0;
}
.main-content{margin:16px 0 16px 0;}
.left-menu-bar{background:url(images/line_6.png) right repeat-y;}
.left-menu-bar ul{padding:15px 0 015px 34px;}
.left-menu-bar ul a{display:block; height:24px; line-height:24px; font-size:14px; font-weight:bold; background:url(images/menu_arrow_1.png) left center no-repeat; padding-left:10px; color:#000;}
.left-menu-bar ul a.current{color:#10628a;}
.left-menu-bar ul a:hover{color:#f08200;text-decoration:none;}
.left-menu-bar ul a.current:hover{text-decoration:none;color:#f08200;}
.left-menu-bar .open{background:url(images/menu_arrow_2.png) left center no-repeat;}
.left-menu-bar .child{padding-left:30px;}
.left-menu-bar .child2{padding-left:30px;}
.left-menu-bar .child2 a{font-weight:normal; font-size:12px;}

.bread-crumb{height:40px; line-height:40px; border-bottom:1px #1d1e19 solid; position:relative; font-size:14px; padding-left:10px; font-weight:bold; color:#707474;}
.bread-crumb a{color:#000; padding:0 8px;}
.bread-crumb a:hover{color:#f08200;}
.bread-crumb .line{height:9px; background-color:#c30912; position:absolute; bottom:-4px; left:0px; width:650px;}
.banner{height:284px; background-repeat:no-repeat; background-position:left; background-color:#000;}
.banner2{height:170px; background-repeat:no-repeat; background-position:left; background-color:#e3e8ee;}
.banner3{height:285px; background-repeat:no-repeat; background-position:left; background-color:#000;}

/*文章列表样式1*/
.article-box-1{margin:13px;background-color:#f1f1ee; padding:20px;}
.article-box-1 .logo{padding-bottom:10px;}
.article-box-1 .c1{line-height:25px; padding-left:20px;}
.article-box-1 p{padding-top:0; margin-top:0; text-align:justify;}
.article-box-2{border-bottom:1px #fff dashed; margin:13px;}
.article-box-2 .thumb{display:block; width:169px; height:121px; border:1px #2896cb solid;}
.article-box-2 .thumb img{display:block; width:169px; height:121px; }


.article-box-2 .info{padding-left:20px;}
.article-box-2 .info .t{font-size:12px; float:left; color:#000; font-weight:bold;}
.article-box-2 .info .date{float:right;font-size:14px;color:#c30912; font-weight:bold;}
.article-box-2 .info .intro{padding-top:10px; line-height:20px;}
.article-box-2 .info .intro .more{display:block; width:118px; height:30px; background:url(images/more_1.png) no-repeat; float:right; margin-top:15px;}
.article-box-2 td{padding-bottom:15px;}
.article-box-3{border:1px #fff dashed; margin:100px 0;}
.article-box-3 .a-t li{width:50%; float:left;}
.article-box-3 .a-t li dt{float:left; width:134px;}
.article-box-3 .a-t li dd{float:left;}
.article-box-3 .a-t li .box{margin:10px;}
.article-box-3 .a-t li .t{font-size:14px; font-weight:bold; float:left}
.article-box-3 .a-t li span{float:right; font-size:14px; font-weight:bold; color:#10628a;}
.article-box-3 .article{border-top:1px #fff dashed; padding:10px;}
.article-box-3 .article li{width:33%; float:left; height:35px; line-height:35px;}
.article-box-3 .article li a{padding-left:10px;}
.article-box-4{padding-top:10px; padding-left: 20px;}
.article-box-4 ul li{width:50%;padding-top:20px;overflow: hidden; float:left}
.article-box-4 ul li .box {padding-right: 20px;}
.article-box-4 .thumb{width:148px; height:110px; overflow:hidden; border:1px #2896cb solid; display:block;}
.article-box-4 .thumb img{display:block; width:148px; height:110px; }
.article-box-4 .c{padding-left:20px;}
.article-box-4 .t9{width:148px;}
.article-box-4 .t{display: block; color:#10628a; font-size:14px; font-weight:bold; border-bottom:1px #64add1 dashed; line-height:40px; height: 40px; overflow:hidden;}
.article-box-4 .t span{padding:0 20px; padding-left:10px; background:url(images/dot_1.png) left center no-repeat;}
.article-box-4 .i{display: block; line-height:20px; padding-top:10px;width:100%;height:60px;overflow:hidden;}
.article-box-5{padding-top:10px; }
.article-box-5 ul li{width:50%; padding:1%; float:left;}
.article-box-5 ul li a{display:block; border:1px #fff solid; padding:10px;color:#000; text-decoration:none;overflow: hidden;}
.article-box-5 ul li a:hover{text-decoration:none;}
.article-box-5 .c{padding-left:20px;}
.article-box-5 .t{font-size:14px; display: block; height: 25px; overflow: hidden; font-weight:bold; padding-bottom:10px;}
.article-box-5 .i{line-height:20px;display:block;overflow:hidden;height:60px;}
.article-box-5 ul li table{position: relative;}
.article-box-5 .d{position:absolute; bottom:0px}
.article-box-5 .thumb{border:1px #fff solid;}
.article-box-5 a:hover *{text-decoration:none; color:#2896cb;}
.article-box-5 a:hover{border:1px #2896cb solid;}
.article-box-5 a:hover .thumb{border:1px #2896cb solid;}

.content{padding:15px; line-height:20px; color:#333; }
.t1{font-size:18px; padding:5px 0; border-bottom:5px #2896cb solid;}

.title-bar{border-bottom:1px #f8f8f8 dashed;}
.title-bar h1{font-size:14px;}
.title-bar span{color:#9b9a9a; float:left;}
.title-bar .back{width:87px; height:23px; line-height:23px; float:right; display:block; font-size:14px; font-weight:bold; background:url(images/back_btn.png) no-repeat; text-align:center;}

.contact{width:709px; height:241px; background:url(images/line_7.png) left no-repeat; border:1px #fff dashed;}
.contact table{margin:20px 0 0 40px;}
.contact td{line-height:22px;}

.contact-form{padding-left:20px; padding-bottom:50px;}
.contact-form .t{font-size:14px; color:#10628a; font-weight:bold; border-bottom:1px #000 solid; line-height:40px;}
.contact-form table{margin:20px 0 0 5px;}
.contact-form .red{color:#F00;}
.contact-form td{color:#000; padding-top:10px;}
.contact-form .text{border:1px #838282 solid; padding:5px; background:none;}
.contact-form .input1{width:264px; margin-right:30px;}
.contact-form .input2{width:464px;}
.contact-form .textarea{width:780px; height:178px;border:1px #838282 solid; padding:5px; background:none;}
.contact-form .btn{width:146px; height:36px; border:0; background:url(images/submit_btn.png) no-repeat; color:#fff; font-weight:bold; font-size:14px;}

.link-1 li{float:left; padding:4px;}
.list-1 li{float:left; padding:10px 20px;}
.list-1 li a{width:204px; height:230px; display:block; border:1px #a0a0a0 solid; padding:4px;}
.list-1 li a img{border:1px #a0a0a0 solid;width:100% !important;height:auto !important;object-fit:cover;aspect-ratio:4 / 3;}
.list-1 li a .tt1{border-bottom:1px #a0a0a0 dashed; padding:5px 0; font-size:14px;line-height: 28px;text-align: center;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.list-1 li a .tt2{padding:5px 0;text-align: center;line-height: 28px;}

.list-1 li a:hover{border:1px #2896cb solid;color:#2896cb; text-decoration:none;}
.list-1 li a:hover .tt1{border-bottom:1px #2896cb dashed;}
.list-1 li a:hover img{border:1px #2896cb solid;}

.list-2{padding:50px; padding-top:0;}
.list-2 li{padding:0 24px; float:left; border-right:1px #fff dashed;}
.list-2 li .t{line-height:40px; text-align:center; font-weight:bold;}
.list-2 li .thumb{border:3px #2896cb solid; display:block; width:152px; height:125px;}

.list-3{padding:50px; padding-top:0;}
.list-3 li{padding:10px; float:left;}
.list-3 li .thumb{border:1px #2896cb solid; display:block; width:152px; height:125px;}

/*幻灯片*/
.product-title{font-size:18px; text-align:center; padding:0; margin:40px 0;}
.product-slide{width:600px; height:300px; margin:20px auto; background:#c30912 ; padding:3px;}
.product-slide .big{float:left;width:402px; height:294px;}
.product-slide .big td{width:400px; height:294px; overflow:hidden;}
.product-slide .big td img:hover{
    transition: .3s;
    transform: scale(1.2);
}
.product-slide .big table{
    width: 100%;
}
.product-slide .big td img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-slide .small{float:right;}
.product-slide .small .small-list{width:155px; height:261px; overflow:hidden;}
.product-slide .small ul li{text-align:center; width:155px; height:81px; overflow:hidden; padding:3px 0;}
.product-slide .small ul li img{width:137px; height:81px;}
.product-slide .prev, .product-slide .next{height:20px; display:block;}
.product-slide .prev{background:url(images/slide_prev_btn.png) center no-repeat;filter: hue-rotate(160deg);}
.product-slide .next{background:url(images/slide_next_btn.png) center no-repeat;filter: hue-rotate(160deg);}

/*分页按钮*/
.pageer{text-align:center; padding:20px;margin-top:50px;margin-bottom:50px;}
.pageer ul{display:inline-block}
.pageer li{float:left; padding-right:5px;}
/*.pageer a{display:inline-block;*display:inline;*zoom:1; width:35px; height:34px; line-height:34px; font-size:14px; font-weight:bold; background:url(images/page_btn.png) no-repeat;color:#403f3f;}*/
/*.pageer a:hover{color:#f08200; text-decoration:none;}*/
/*.pageer a.change{background:none;}*/
/*.pageer a.next{background:url(images/page_btn_next.png) no-repeat;}*/
/*.pageer a.next:hover{color:#403f3f;}*/
.pageer span{font-size:18px; padding-left:20px;color:#403f3f; line-height:34px;}
.pageer .text{display:inline-block;*display:inline;*zoom:1; width:51px; height:34px; background:url(images/page_text.png) no-repeat;}
.pageer .text input{background:none; border:0; width:51px; height:34px; text-align:center; font-size:14px; font-weight:bold;}
.pageer .go{width:35px; height:34px; line-height:34px; font-size:14px; font-weight:bold; background:url(images/page_btn.png) no-repeat;color:#403f3f;border:0;}
.content-b{padding-top:20px;}

/*视频*/
.video-index {padding:15px}
.video-index .list li{float:left; padding:4px;}
.video-index .list li{float:left; padding:10px 12px;}
.video-index .list li a{width:230px; height:230px;display:block; border:1px #a0a0a0 solid; padding:4px;}
.video-index .list li a img{border:1px #a0a0a0 solid;}
.video-index .list li a .tt1{border-bottom:1px #a0a0a0 dashed; padding:5px 0; font-size:14px;line-height: 28px;text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.video-index .list li a .tt2{text-align: center;}
.video-index .list li a .tt2 dl{text-align:center;line-height:40px;overflow:auto}
.video-index .list li a .tt2 dl dt{width:50%;float:left}
.video-index .list li a .tt2 dl dd{float:right;width:50%}

.video-detail{text-align: center}
.video-detail .video-container{border:1px #2e2e2e solid;padding:12px;display:inline-block;margin: 0 auto;}
.video-detail .video-container .video-player{width:824px;height:461px;overflow:hidden}
.video-detail .video-container .info-bar{overflow:auto}
.video-detail .video-container .info-bar .left{width:680px;float:left;text-align: left}
.video-detail .video-container .info-bar .left h1{font-size:18px;line-height:23px}
.video-detail .video-container .info-bar .left .mark{margin-bottom:8px;color:#2e2e2e}
.video-detail .video-container .info-bar .right{float:right;width:125px}
.video-detail .video-container .info-bar .right span{display:block;padding:20px;font-size:14px;text-align:left}
.video-detail .video-list{border-top:1px #535353 dotted;margin-top:70px;padding:0;padding-top:40px}
.video-detail .video-list li{width:33.33%;padding-bottom:0}

.tflex{display: flex;display: -webkit-flex;}
.tflexat{align-items: center;-webkit-align-items: center;}
.tflexjt{justify-content: space-between;-webkit-justify-content: space-between;}
.tflex1{flex: 1;-webkit-flex:1;}
.tflexbt{justify-content: space-between;-webkit-justify-content: space-between;}
.tflexwp{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.font14{font-size: 14px;}
.font18{font-size: 18px;}
.max2 {overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.max1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fontBold{font-weight: bold;}
.tCenter{text-align: center;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.teamList{overflow: hidden;padding: 35px;margin: auto;}
.teamDL{width: 101.5%;}
.teamDL dd .imgs img{display: block;width: 100%;}
.teamDL dd .bot{background: #e5e5e5;text-align: center;}
.teamDL dd .bot a{display: inline-block;vertical-align: top;padding: 4px;}
.teamDL dd{width: 18.5%;border: 1px solid #535353;margin-bottom: 1.5%;margin-right: 1.5%;box-sizing: border-box;}
.teamDL dd .txt{padding: 10px;background: #dcdcdc;}
.teamDL dd .msg {padding-left: 30px;margin-top: 5px;}
.teamDL dd .msg p{padding: 5px 0;padding-left: 25px;margin: 0;}
.teamDL dd .tit{text-align: center;color: #000;}

@media only screen and (max-width: 1600px) {
    .teamDL dd{width: 23.5%;}
}

@media only screen and (max-width: 960px) {
    .main-content{margin: 0;}
    .clearMenu{position: fixed;left: 0; transition:left .5s; top: 50%;margin-top: -15px;z-index: 50;content: ''; width: 30px;height: 30px;border-radius: 0 5px 5px 0;background:rgba(0,0,0,.5) url(images/menu.png) no-repeat center;background-size: cover;}
    .clearMenu.on{left: 250px;background:rgba(0,0,0,.5) url(images/menu2.png) no-repeat center;background-size: cover;}
    .bread-crumb{padding-left: 5px;border: 0;height: auto;line-height: 1.5;padding: 10px 5px;}
    .bread-crumb .line{max-width: 60%; height: 4px;bottom: -2px;}
    .main-content>table,.main-content>table>tbody,.main-content>table>tbody>tr,.main-content>table>tbody>tr>td{display: block;}
    .banner,.banner2,.banner3{height: 3rem;background-size: cover;}
    .article-box-1{padding: 10px;margin: 10px;}
    .article-box-1 table,.article-box-1 tbody,.article-box-1 table tr,.article-box-1 table td{display: block;width: 100%;box-sizing: border-box;}
    .article-box-1 .logo{text-align: center;}
    .article-box-1 .logo img{max-width: 70%;height: auto !important;}
    .article-box-1 table img{margin-bottom: 10px;}
    .article-box-1 .c1{line-height: 22px;padding: 0;}
    .main-content .left-menu-bar{width: 100%;transition:left .5s;background: transparent;left:-250px; position: fixed;top: 0;bottom: 0;overflow-y: auto;width: 250px;background: #fff;z-index: 50;}
    .main-content .left-menu-bar.on{left: 0;}
    .left-menu-bar ul{padding: 10px;}
    .left-menu-bar ul a{display: block;margin-right: 10px;padding-left: 7px;}
    .left-menu-bar .child{padding-left: 10px; }
    .ke-zeroborder,.ke-zeroborder tbody,.ke-zeroborder tr,.ke-zeroborder td {display: block;}
    .faq-zeroborder td:nth-child(1){display: none;}
    .ke-zeroborder td:nth-child(2){padding: 0 !important;}
    .ke-zeroborder td img{display: block;margin: 5px auto;}
    .ke-zeroborder .t1{line-height: 1.8;padding: 0;border-width: 3px;}
    .new-product-style table,.new-product-style tbody,.new-product-style table tr,.new-product-style table td{display: block;width: 100%;box-sizing: border-box;}
    .new-product-style .info{padding-right: 0 !important;}
    .new-product-style .logo{padding: 0 !important;margin-bottom: 5px;}
    .new-product-style{padding: 0px !important}
    .new-product-style-title{padding: 10px 0 !important;}
    .list-1{display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;justify-content: space-between;-webkit-justify-content: space-between;}
    .list-1::after{width: 32.33%;content: '';}
    .list-1 li{padding: 0;width: 32.33%;margin-bottom: 10px;text-align: center;}
    .list-1 li a{width: auto;height: auto;}
    .list-1 li a img{height: auto !important;}
    .list-1 li a .tt1,.list-1 li a .tt2{line-height: 1.5;}
    .content{padding: 10px;}

    .product-slide{width: auto;display: -webkit-flex;display: flex;height: auto;margin: 0;}
    .product-slide .big{flex: 1;height: auto;margin-right: 5px;}
    .product-slide .small{width: 45px;}
    .product-slide .small .small-list{width: auto;height: auto;}
    .product-slide .big img{width: 100% !important; height: auto !important;}
    .product-slide .big table,.product-slide .big table tbody,.product-slide .big tr,.product-slide .big table td{display: block;width: 100%;height: auto;}
    .product-slide .small ul li{width: auto;height: auto;}
    .product-slide .small ul li img{width: auto;height: auto;}
    .product-title{margin: 10px 0;}

    .MsoNormalTable{width: 100% !important;table-layout: fixed;}
    .MsoNormalTable td{width: auto !important;word-wrap: break-word;}
    .content blockquote{margin: 0 !important;}
    .content .one{width: 23% !important;height: auto !important;margin: 0 1% !important;}
  
    .brand-list{width: 102%;}
    .link-1{overflow: hidden;display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;}
    .link-1 li{width: 23%;margin-right: 2%;padding: 0 !important;text-align: center;}

    .teamDL dd .msg{padding: 0;}
    .teamDL dd .bot{display: flex;}
    .teamDL dd .bot a{padding: 4px 0;flex: 1;}
    .teamDL dd{width: 31.83%;}
    .teamList{padding: 10px;}
    .pageer{margin: 0;padding: 15px 10px;}

    .article-box-2{margin: 0;width: 100%;border: 0;}
    .article-box-3 .a-t li{float: none;width: auto;}
    .article-box-3 td{padding-right: 0 !important;}
    .article-box-3 .article li{height: auto; width: 50%;}
    .article-box-3{margin: 10px 0;}
    .article-box-5 .t{height: auto;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0;margin-bottom: 6px;}
    .video-index .list {display: flex;flex-wrap: wrap;display: -webkit-flex;flex-wrap: -webkit-wrap;justify-content: space-between;-webkit-justify-content: space-between;}
    .video-index .list::after{width: 32.33%;}
    .video-index .list li{padding: 0;width: 32.33%;margin-bottom: 10px;}
    .video-index .list li a{width: auto;height: auto;text-align: center;}
    .video-index .list li a img{width: 100% !important;height: auto !important;}
    .containerMap{width: auto !important;height: 5rem !important;}
    .contact{width: auto;height: auto;background: transparent;padding: 10px;}
    .contact table{margin: 0;}
    .contact-form{padding:0 10px 20px 10px;}
    .contact-form .t{line-height: 1.6;}

    .contact-form table,.contact-form tbody{display: block;}
    .contact-form tr{display: flex;}
    .contact-form td{width: 50%;}
    .contact-form .input1{width: 97%;margin: 0;box-sizing: border-box;}
    .contact-form .input2{width: 100%;margin: 0;box-sizing: border-box;}
    .contact-form .textarea{width: 8.6rem;}
    .contact-form .img-captcha{position: absolute;margin-left: 5px;}
}

@media only screen and (max-width: 640px) {
    .content .one{width: 48% !important;}
    .list-1 li{width: 49%;}
    .link-1 li{width: 31.33%;}
    .teamDL dd{width: 48.5%;font-size: 12px;}
    .article-box-2,.article-box-2 tbody,.article-box-2 tr,.article-box-2 td{display: block;width: auto;}
    .article-box-2 .thumb{width: auto;height: auto;}
    .article-box-2 .thumb img{width: 100%;height: auto;}
    .article-box-2 .info{padding: 0;}
    .article-box-2 .info .intro .more{float: none;margin: 10px 0;}
    .article-box-3 .a-t li span{float: none;}
    .article-box-3 .article li{width: 100%;}
    .article-box-2 .info .t{float: none;}
    .article-box-2 .info .date{float: none;display: block;}
    .article-box-5 ul li{width: auto;float: none;}
    .video-index .list li{width: 49%;}
    
}