@CHARSET "UTF-8";
/*base style for css file*/
/*@font-face{font-family:'STSongti';src:url('../fonts/STSongti.ttf');}
@font-face{font-family:'STSongti2';src:url('../fonts/STSongti2.ttf');}*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure, figcaption, article, aside, footer, header, section, footer, nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: "微软雅黑", Arial;


}

table, caption, tbody, tfoot, thead, tr, th, td {
    /*border-collapse:collapse;8*/
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: "微软雅黑", Arial;

}

ul, ol {
    list-style: none;
}
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #fff; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #fff; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #fff; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #fff; 
} */

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/*remember to define focus styles!*/
:focus {
    outline: 0;
}

/*remember to highlight inserts somehow!*/
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/*tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #414141;
}

a:hover {
    text-decoration: none;
}

/*公用部分*/
body {
    font-size: 14px;
    background: #fff;
    color: #333;
}

/*页面宽度*/
.comWidth {
    width: 1120px;
    margin: 0 auto;
}

/*右浮动*/
.fr {
    float: right;
}

/*左浮动*/
.fl {
    float: left;
}

/*清除浮动*/
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}

/*清除浮动*/
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '.';
}

.clearfix {
    zoom: 1;
}


/**********************************************************************************************/
.w12{max-width:1200px;margin:auto;}











.topbg{background:url(../images/index1.png)no-repeat center;background-size: cover;padding-bottom: 5px;}
.top{display: flex;flex-wrap: wrap;justify-content: space-between;}
.top p{line-height:26px;padding-top: 5px;}
.top .p1{font-size:14px;color:#fff;}
.top .p2{font-size:14px;color:#4b4b4b;}
.top .p3 a{font-size:14px;color:#4b4b4b;}

.logo{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 20px auto;}
.logo p{font-size:18px;color:#666;display: flex;line-height: 36px;}
.logo p span{font-size:30px;color:#666;font-family: impact;/* display: inline-block; */line-height: 36px;}

.nav{background:#1e50ae;}
.nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nav ul li{width:120px;line-height:40px;}
.nav ul li a{font-size:16px;color:#fff;display: block;text-align:center;}
.nav ul li:hover{background:#13439d;}
.nav ul li.on{background:#13439d;}


.banner img{display: block;width: 100%;}
.banner .swiper-pagination{font-size: 0;bottom: 40px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullet{width: 45px;height: 1px;opacity: 1;background: #fff;border-radius: 0;}
.banner .swiper-pagination-bullet-active{height: 5px;background:#fff;opacity: 1;position: relative;top:2px}

.idx_tit{text-align: center;padding: 25px 0 20px;}
.idx_tit .p1{font-size: 36px;color: #353535;}
.idx_tit .p2{font-size: 16px;color: #666;text-transform: uppercase;line-height: 21px}
.white .p1{color: #fff}
.white .p2{color: #fff}

.index1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index1_l{width: 45.5%;}
.index1_l video{width: 100%;}
.index1_r{width: 52.5%;font-size: 14px;color: #666;line-height: 1.8;}

.picMarquee-left{  overflow:hidden; position:relative;   }
.picMarquee-left .hd{ overflow:hidden;  height:0; background:#f4f4f4;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{padding: 0;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{margin: 0 5px;float:left;_display:inline;overflow:hidden;text-align:center;}
.picMarquee-left .bd ul li .img{ text-align:center; }
.picMarquee-left .bd ul li .img img{ width:230px; display:block; }
.picMarquee-left .bd ul li .tit{ line-height:24px; font-size:13px; background:rgba(0,0,0,.5);color:#fff; }

.index3bg{background: url(../images/index2.jpg)no-repeat center;background-size: cover;margin-top: 20px}
.index3_ul{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.index3_ul li{width: 138px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px; background: #00a0e9;box-shadow: 0px 4px 12px rgba(0,160,233,0.5);}
.index3_ul li:hover{background: #0098dd;}
.index3_ul li a{display: block;color: #fff;font-size: 16px;}

.index3{background: #fff;}
.index3_list{display: flex;flex-wrap: wrap;margin-top: 30px;}

.index3_list li{width: 21.66%;border: 1px solid #dedede;box-sizing: border-box;padding: 1.25%;margin: 10px 20px;}
.index3_list li .img img{display: block;width: 100%;}
.index3_list li .tit{font-size: 14px;color: #666;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 20px 0 5px;}


.index4bg{background: url(../images/index3.jpg)no-repeat top center;}
.index4{display: flex;flex-wrap: wrap; margin-top: 105px;}
.index4 dl{width: 38%;margin-left: 9%;}
.index4 dl dt{font-size:24px;color:#1f87e8;font-weight: bold;}
.index4 dl dt span{color:#e81f33}
.index4 dl dd{font-size: 14px;line-height: 26px;color: #121212;padding-left: 20px;}
.index4 dl dd p{margin: 10px 0;}
.index4 dl dd p span{color:#1f87e8;}
.index4 dl dd p img{max-width: 100%;display: block;}
.index4 dl:first-child{margin-top: 7%;}
.index4 dl:nth-child(3){margin-top: 7%;}

.index5bg{margin-bottom: 40px;}
.picMarquee-left2{  overflow:hidden; position:relative;   }
.picMarquee-left2 .hd{ overflow:hidden;  height:0; background:#f4f4f4;  }
.picMarquee-left2 .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left2 .hd .next{ background-position:0 -50px;  }
.picMarquee-left2 .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left2 .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left2 .bd{padding: 0;}
.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left2 .bd ul li{margin: 0 15px;float:left;_display:inline;overflow:hidden;text-align:center;position: relative;}
.picMarquee-left2 .bd ul li .img{ text-align:center; }
.picMarquee-left2 .bd ul li .img img{ width:230px; display:block; }
.picMarquee-left2 .bd ul li .tit{ line-height:24px; font-size:13px; background:rgba(0,0,0,.5);color:#fff; position: absolute;left: 0;bottom: 0;width: 100%;}


.index6{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index6_l{width: 49.5%;border: 1px solid #ebebeb;}
.index6_l h1{font-size: 15px;color: #212121;font-weight: normal;background: url(../images/index4.png)no-repeat center left 5px #fafafa;line-height: 46px;padding-left: 35px}
.index6_top{padding: 25px;display: flex;flex-wrap: wrap;}
.index6_top .img{width: 180px;margin-right: 40px;}
.index6_top .img img{width: 100%;display: block;}
.index6_top .nr{width: 300px;}
.index6_top .nr .tit{font-size: 20px;color: #353535;}
.index6_top .nr .js{font-size: 14px;color: #333;line-height: 23px;margin: 25px 0;}
.index6_top .nr .ckxx{font-size: 12px;color: #fff;line-height: 40px;width: 160px;display: block;background: #e9e9e9;text-align: center;}

.index6_ppjs{margin: 0 25px;border-left: 1px solid #dadada;}
.index6_ppjs li{padding-left: 25px;margin-bottom: 35px;position: relative;}
.index6_ppjs li:before{content: '';width: 12px;height: 12px;background: #bababa;border-radius: 50%;border: 3px solid #f4f4f4;display: block;position: absolute;left: -9px;top: 3px;}
.index6_ppjs li .tit{font-size: 14px;color: #666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index6_ppjs li .js{font-size: 14px;color: gray;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px 0;}
.index6_ppjs li .pp{width: 66px;line-height: 20px;text-align: center;border-radius: 10px;border: 1px solid #dadada;}
.index6_ppjs li .pp a{font-size: 12px;display: block;}

.index6_r{width: 48.2%;border: 1px solid #ebebeb;}
.index6_r h1{font-size: 15px;color: #212121;font-weight: normal;background: url(../images/index4.png)no-repeat center left 5px #fafafa;line-height: 46px;padding-left: 35px}
.index6_news{margin: 0 25px;}
.index6_news li{border-bottom: 1px dashed #e5e5e5;line-height: 46px;background: url(../images/index7.gif)no-repeat left center;padding-left: 15px;}
.index6_news li a{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index6_news li a p{font-size: 14px;color: #666;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index6_news li a span{font-size: 14px;color: #666;}
.index6_news li:hover a p{color: #009fe9;}
.index6_news li:hover a span{color: #009fe9;}


footer{background: #0f5393;padding: 20px 0;margin-top: 30px}
.foot{display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot_l{width: 66%;}
.foot .ewm{width: 120px;}
.foot .ewm img{width: 100%;display: block;}
.foot_ul{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 14px;color: #fff;line-height: 22px;}
.foot_ul a{font-size: 14px;color: #fff;}
.foot_ul li:nth-child(2){margin-top: 22px;}
.foot .gszy{margin-top: 30px;font-size: 14px;color: #dedede;}


.main{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;}
.main_l{width: 220px;}
.main_l h1{font-size: 24px;line-height: 89px;text-align: center;background: url(../images/about.png)no-repeat center;color: #fff;font-weight: normal;}
.s_navList{background: #023257;padding: 15px 0 15px 25px;}
.s_navList li a{display: block;line-height: 50px;font-size: 15px;color: #fff;}


.main_news{border: 1px solid #ebebeb;margin-top: 30px;}
.main_news h2{font-size: 15px;color: #212121;font-weight: normal;background: url(../images/index4.png)no-repeat center left 5px #fafafa;line-height: 46px;padding-left: 35px}
.main_news_ul{margin: 10px 0;}
.main_news_ul li{line-height: 46px;border-bottom: 1px dashed #e5e5e5;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/about2.gif)no-repeat left 10px center;padding-left: 25px;}
.main_news_ul li:last-child{border-bottom: 0;}

.main_r{border: 1px solid #ebebeb;width: 80%;}
.main_r h1{font-size: 15px;color: #212121;font-weight: normal;background: url(../images/index4.png)no-repeat center left 5px #fafafa;line-height: 46px;padding-left: 35px}

.main_show{font-size: 14px;line-height: 2;color: #333;padding: 20px;}
.main_show img{max-width: 100%;height: auto;}

.product_list{padding: 30px 30px 0;display: flex;flex-wrap: wrap;}
.product_list dl{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.product_list dl:nth-child(3n){margin-right: 0;}
.product_list dl dt{border: 1px solid #dedede;overflow: hidden;}
.product_list dl dt img{width: 100%;display: block;}
.product_list dl dd a{font-size: 14px;color: #666;display: block;text-align: center;line-height: 24px;padding-top: 15px;}

.pages{display: flex;flex-wrap: wrap;justify-content: center;margin: 30px 0;}
.pages li{margin: 2px;/* padding: 8px 14px; */border: 1px #cccccc solid;font-size: 16px;width: 40px;height: 40px;/* display: flex; *//* justify-content: center; *//* align-items: center; */}
.pages li a{color: #666;display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;}
.pages li.active{background: #0865a3;border: 1px solid #0865a3;color: #fff;}
.pages li.active a{color: #fff;}
.pages li.sxy a{font-family: 宋体;font-weight: bold;}


.news_list{}
.news_list dl{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; border-bottom: 1px dashed #e5e5e5;padding: 35px 10px 25px;}
.news_list dl dt{background: #f2f2f2;width: 84px;height: 84px;font-size: 25px;text-align: center;line-height: 1;font-family: arial;}
.news_list dl dt a{display: block;margin-top: 20px;color: #666;}
.news_list dl dt span{font-size: 14px;text-align: center;line-height: 1;display: block;}
.news_list dl dd{width: 90%;}
.news_list dl dd .tit{font-size: 15px;color: #4b4b4b;line-height: 24px;}
.news_list dl dd .js{font-size: 14px;color: gray;line-height: 24px;margin-top: 4px;}

.news_show{border: 1px solid #dedede;margin-top: 30px;box-sizing: border-box;padding: 15px;}
.news_show .title{font-size: 25px;color: #333;font-weight: normal;}
.news_show .time{font-size: 13px;color: #adadad;font-weight: normal;padding: 30px 0 20px;border-bottom: 1px solid #f0efef;margin-bottom: 20px;}
.show_content{font-size: 14px;color: #676767;line-height: 1.8;}
.show_content .img{text-align: center;}
.show_content img{max-width: 100%;height: auto;}

.sxfy{display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px dashed #f0efef;padding: 20px 0;margin-top: 20px;}
.sxfy_l{width: 70%;font-size: 14px;color: #676767;line-height: 1.8;}
.sxfy_l a{font-size: 14px;color: #676767;line-height: 1.8;}
.sxfy_r{}

.brand_list{padding: 20px 15px 0;display: flex;flex-wrap: wrap;}
.brand_list dl{width: 32%;margin-right: 2%;margin-bottom: 2%;position: relative;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);}
.brand_list dl:nth-child(3n){margin-right: 0;}
.brand_list dl dt{overflow: hidden;padding-bottom: 30px}
.brand_list dl dt img{width: 100%;display: block;}
.brand_list dl dd{background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent);padding: 12px 15px;box-sizing: border-box; width: 100%;position: absolute;bottom: 30px;left: 0;}
.brand_list dl dd a{font-size: 16px;color: #fff;display: block;line-height: 24px;padding-top: 15px;}


.solution{border: 1px solid #dedede;margin-top: 30px;}
.solution .title{border-bottom: 1px solid #eaeaea;line-height: 46px;}
.solution .title span{border-bottom: 1px solid #009fe9;line-height: 46px;color: #009fe9;font-size: 16px;display: inline-block;padding: 0 10px;position: relative;top: 1px;}

.solution_list{display: flex;flex-wrap: wrap;margin-top: 2.5%;}
.solution_list li{width: 30%;margin-left: 2.5%;position: relative;margin-bottom:2.5%;}
.solution_list li .img img{width: 100%;display: block;}
.solution_list li .tit{font-size: 13px;color: #fff;text-align:center;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);width:100%;line-height: 22px;}

.message{border: 1px solid #dedede;margin-top: 30px;}
.message .title{border-bottom: 1px solid #eaeaea;line-height: 46px;}
.message .title span{border-bottom: 1px solid #009fe9;line-height: 46px;color: #009fe9;font-size: 16px;display: inline-block;padding: 0 10px;position: relative;top: 1px;}
.message_con{padding: 30px;}
.message_con p{font-size: 14px;color: #666;line-height: 30px;margin: 0px 0 15px;}
.message_dl{display: flex;flex-wrap: wrap;}
.message_dl dl{width: 31.6%;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.message_dl dl dt{width: 60px;text-align: center;font-size: 14px;color: #666;line-height: 34px;}
.message_dl dl dd{width: calc(100% - 60px);}
.message_dl dl dd input{width: 73.5%;font-size: 14px;color: #666;line-height: 34px;border: 1px solid #dadada;box-sizing: border-box;padding: 0 10px;}
.message_dl dl dd textarea{width: 53.75%;height: 86px;font-size: 14px;color: #666;line-height: 34px;border: 1px solid #dadada;box-sizing: border-box;padding: 0 10px;}
.message_dl dl:nth-child(4){width: 100%;}
.message_dl dl:nth-child(5) input{background: #f54f4f;color: #fff;line-height: 44px;border: 1px solid #f54f4f;border-radius:3px;}

.contact{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact_l{}
.contact_r{width: 42%;}
.contact_r img{width: 100%;display: block;}



.product_show{border: 1px solid #dedede;margin-top: 30px;}
.product_show .title{border-bottom: 1px solid #eaeaea;line-height: 46px;}
.product_show .title span{border-bottom: 1px solid #009fe9;line-height: 46px;color: #009fe9;font-size: 16px;display: inline-block;padding: 0 10px;position: relative;top: 1px;}
.product_content{padding: 30px;}

.product_content dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_content dl dt{width: 44%;}
.product_content dl dt img{width: 100%;display: block;}
.product_content dl dd{width: 50%}
.product_content dl dd .p1{font-size: 20px;color: #585858;}
.product_content dl dd .p2{font-size: 14px;color: #666;margin: 20px 0;}
.product_content dl dd .p2 span{font-size: 40px;color: #00a0e9;}
.product_content dl dd .p3 a{display: block;width: 160px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #00a0e9;border-radius: 5px;font-size: 16px;color: #00a0e9;}
.social-share{margin: 20px 0;}

.product_show .title2{border: 1px solid #eaeaea;line-height: 46px;}
.product_show .title2 span{border-top: 5px solid #009fe9;line-height: 46px;color: #009fe9;font-size: 16px;display: inline-block;width: 160px;text-align: center;border-right: 1px solid #eaeaea; position: relative;top: 0px;}

.pro_con{font-size: 14px;color: #666;line-height: 1.8;margin-top: 20px;}
.pro_con img{max-width: 100%;height: auto;}