@charset "utf-8";
/*------------------------------------------------------------
    样式初始化
------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #333;
}
body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif,"微软雅黑";
    overflow: hidden;
}
td, th, caption {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
img {
	max-width: 100%;
    border: none;
    display: block;
}
ol, ul, li {
    list-style: none;
}
input, textarea, select, button {
    font: 14px 微软雅黑, Helvetica, Arial, Verdana, sans-serif;
}
table {
    border-collapse: collapse;
}
html {
    overflow-y: scroll;
}
/*---------------------------------------以上为公共样式------------------------------------------------*/
.width1200{width: 1200px;margin: 0 auto;}
.width1920_w{width: 1920px;}
.width1920{width: 1920px;margin:0 calc(50% - 960px);}
.color_h{background: #F0F5F7;}


.sd_index_top_tiao{background-image: linear-gradient(to right, #0089D8 , #1AD1FF);height: 5px;}
.sd_index_top_keywords{padding: 15px 0;}
.sd_index_top_keywords ul{display: flex;justify-content: space-between;}
.sd_index_top_keywords ul li{font-size: 12px;color: #999999;display: flex;}
.sd_index_top_keywords ul li span{padding: 0 8px;}
.sd_index_top_keywords ul li span:not(:first-child){border-left: 1px solid #999;}
.sd_index_top_keywords ul li a{color: #999999;}


.sd_index_top_logo ul{display: flex;justify-content: space-between;padding: 30px 0;align-items: center;}
.sd_index_top_logo ul li.logo{width: 280px;}
.sd_index_top_logo ul li.linev{width: 15px;display: flex;flex-direction: column;align-items: center;}
.sd_index_top_logo ul li.linev span{display: block;width: 1px;height: 35px;background: #ddd;}
.sd_index_top_logo ul li.linev i{color: #ddd;margin: 3px 0;}
.sd_index_top_logo ul li.description{display: flex;align-items: center;width: 580px;border-left: 1px solid #eee;margin-right: 60px;}
.sd_index_top_logo ul li.description i{font-size: 30px;color: #999;margin: 0 1.5%;}
.sd_index_top_logo ul li.description div p{font-size: 20px;line-height: 2;font-weight: 700;}
.sd_index_top_logo ul li.description div span{line-height: 1.5;color: #333;font-size: 16px;}
.sd_index_top_logo ul li.phone{width: 200px;display: flex;align-items: center}
.sd_index_top_logo ul li.phone i{font-size: 30px;color: #004aa4;margin: 0 5%;}
.sd_index_top_logo ul li.phone div span{color: #999;line-height: 1.5;font-size: 16px;}
.sd_index_top_logo ul li.phone div p{font-size: 24px;color: #004aa4;line-height: 1.4;font-family: "Impact";}



.sd_index_nav{background-image: url('../image/navbg.png');background-repeat: no-repeat;background-size: 100% 100%;}
.sd_index_nav ul{display: flex;align-items: center;justify-content: space-between;}
.sd_index_nav ul li.selected{background-image: url('../image/nav_st.png');background-repeat: no-repeat;background-size: 100% 100%;}
.sd_index_nav ul li {line-height: 2;}
.sd_index_nav ul li a{color: #fff;display: block;padding: 10px;text-align: center;font-size: 15px;}
.sd_index_nav ul li a p{color: #b4c9dc;line-height: 2;font-size: 12px;}



.sd_index_hot_keyword{padding: 15px 0;border-bottom: 1px solid #ddd;}
.sd_index_hot_keyword ul{display: flex;align-items: center;}
.sd_index_hot_keyword li{padding: 10px 40px;}
.sd_index_hot_keyword li{line-height: 1.7;}


.sj_index_hezuo{padding: 65px 0 20px;}
.sj_index_hezuo .title{text-align: center;margin-bottom: 20px;}
.sj_index_hezuo .title h1{font-size: 32px;color: #004aa4;font-weight: 700;}
.sj_index_hezuo .title h3{font-size: 18px;color: #aaa;text-transform: uppercase;padding-top: 20px;}
.sj_index_hezuo .list{display: flex;flex-wrap: wrap;}
.sj_index_hezuo .list li{width: calc(100%/7);padding: 40px 0;display: flex;justify-content: center;align-items: center;border-right: 1px dashed #ddd;box-sizing: border-box;position: relative;}
.sj_index_hezuo .list li img{max-width: 90%;}
.sj_index_hezuo .list_two{border-top: 1px dashed #ddd;}
.sj_index_hezuo .list_one li:not(:last-child)::after{content: "";width: 8px;height: 8px;border: 1px solid #342eb5;position: absolute;bottom: -4px;right: -4px;border-radius: 50%;box-sizing: border-box;}

.sj_index_t1{margin: 60px auto;text-align: center;}
.sj_index_t1 .title h1{font-size: 32px;font-weight: 700;color: #004aa4;}
.sj_index_t1 .title h2{font-size: 20px;padding: 15px 0 8px;}
.sj_index_t1 .title h3{font-size: 12px;color: #b4c9dc;width: 355px;text-align: center;background: #004aa4;margin: 0 auto;padding: 2px 0;}

.sj_index_product{display: flex;justify-content: space-between;}
.sj_index_product .left{width: 300px;}
.sj_index_product .left .top{padding: 45px 25px 25px;background: #0060d5;color: #fff;text-align: center;}
.sj_index_product .left .top p{color: #fff;font-size: 22px;margin-bottom: 8px;font-weight: 700;}
.sj_index_product .left ul{background: #f0f0f0;padding: 25px;}
.sj_index_product .left ul li{font-size: 18px;padding: 30px 0 30px 20px;box-sizing: border-box;border-bottom: 1px dashed #ddd; font-weight: 700;line-height: 1.5;}
.sj_index_product .left .bottom{border: 3px solid #aaa;padding: 20px 0 15px;margin-top: 50px;position: relative;}
.sj_index_product .left ul li.selected{color: #0060d5;}
.sj_index_product .left .bottom div{position: absolute;display: flex;justify-content: flex-end;width: 75%;background: #000;top: -20px;right: 25px;align-items: flex-end;}
.sj_index_product .left .bottom div i{color: #ffda69;font-size: 18px;position: relative;right: -4px;}
.sj_index_product .left .bottom div span{padding: 5px 20px;color: #fff;background: #0060d5;border-top-left-radius: 20px;}
.sj_index_product .left .bottom p{text-align: center;font-size: 25px;font-family: "Impact";line-height: 1.4;}
.sj_index_product .right{width: 870px;}
.sj_index_product .right ul{border: 1px solid #ddd;display: flex;}
.sj_index_product .right ul a{width: calc(100%/3);border-right: 1px solid #ddd;box-sizing: border-box;position: relative;}
.sj_index_product .right ul a:first-child::before{content: "";width: 8px;height: 8px;border: 1px solid #342eb5;position: absolute;top: -4px;left: -4px;border-radius: 50%;box-sizing: border-box;}
.sj_index_product .right ul a:first-child::after{content: "";width: 8px;height: 8px;border: 1px solid #342eb5;position: absolute;bottom: -4px;right: -4px;border-radius: 50%;box-sizing: border-box;}

.sj_index_product .right ul a:last-child::before{content: "";width: 8px;height: 8px;border: 1px solid #342eb5;position: absolute;top: -4px;right: -4px;border-radius: 50%;box-sizing: border-box;}
.sj_index_product .right ul a:last-child::after{content: "";width: 8px;height: 8px;border: 1px solid #342eb5;position: absolute;bottom: -4px;left: -4px;border-radius: 50%;box-sizing: border-box;}

.sj_index_product .right ul a:last-child{border-right: none;}
.sj_index_product .right ul a li{padding: 30px 0;}
.sj_index_product .right ul a li div{overflow: hidden;display: flex;align-items: center;justify-content: center;}
.sj_index_product .right ul a li div img{max-width: 90%;}
.sj_index_product .right ul a li p{text-align: center;margin-top: 25px;}



.sj_index_anqun{margin-top: 150px;margin-bottom: 60px;background-image: linear-gradient(45deg, #0089D8 , #0060d5 , #004AA4 65%);}
.sj_index_anqun .width1200{display: flex;justify-content: space-between;align-items: center;height: 255px;}
.sj_index_anqun .width1200>img{width: 285px;}
.sj_index_anqun .width1200>div{border: 2px solid #fff;width: 490px;box-sizing: border-box;padding: 40px;}
.sj_index_anqun .width1200>div>span{font-size: 18px;color: #fff;}
.sj_index_anqun .width1200>div>p{font-size: 30px;color: #fff;font-weight: 700;text-align: right;margin-top: 8px;}
.sj_index_anqun .width1200>div>p span{font-size: 48px;padding-left: 30px;}
.sj_index_anqun .width1200>ul{width: 176px;}
.sj_index_anqun .width1200>ul span{color: #fff;font-size: 20px;}
.sj_index_anqun .width1200>ul li{color: #fff;font-size: 24px;font-family: "Impact";padding: 3px 0;}
.sj_index_anqun .width1200>ul div{border: 2px solid #fff;padding: 15px 0;text-align: center;color: #fff;margin-top: 15px;position: relative;font-size: 16px;}
.sj_index_anqun .width1200>ul div>p{width: 30px;background: #004AA4;height: 12px;position: absolute;left: 73px;bottom: -2px;display: flex;align-items: flex-end;justify-content: center;}
.sj_index_anqun .width1200>ul div>p span{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;display: block;}


.sj_index_comp{background: url('../image/gst.png') no-repeat;background-position: 0 0;background-size: 50% 100%;display: flex;justify-content: flex-end;}
.sj_index_comp .about{width: 50%;box-sizing: border-box;padding: 60px 30px;}
.sj_index_comp .about .about_width{width: 560px;}
.sj_index_comp .about .about_width h1{font-size: 26px;}
.sj_index_comp .about .about_width span{font-size: 14px;color: #666;text-transform: uppercase;line-height: 1.4;}
.sj_index_comp .about .about_width p{font-size: 15px;color: #333;margin: 28px 0 35px;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.sj_index_comp .about .about_width a{width: 180px;text-align: center;padding: 15px 0 0;color: #fff;background: #004AA4;display: block;}
.sj_index_comp .about .about_width a div{display: flex;justify-content: center;padding-top: 5px;}
.sj_index_comp .about .about_width a div::before{content: "";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;}



.sj_index_zizhi{margin: 90px auto;}
.sj_index_zizhi .top{display: flex;justify-content: space-between;align-items: flex-end;}
.sj_index_zizhi .top p{display: block;color: #fff;background: #004AA4;padding: 20px 40px;}
.sj_index_zizhi .top div{width: 80px;background: #363636;display: flex;align-items: center;}
.sj_index_zizhi .top div span{display: block;width: 50%;text-align: center;padding: 5px 0;}
.sj_index_zizhi .top div span:first-child{transform: rotate(180deg);}
.sj_index_zizhi .top div span i{color: #fff;font-size: 20px;}

.sj_index_zizhi ul{display: flex;margin-top: 40px;}
.sj_index_zizhi ul li{width: 24%;margin: 0 0.5%;}
.sj_index_zizhi ul li div{height: 180px;overflow: hidden;}
.sj_index_zizhi ul li div img{width: 100%;min-height: 100%;}
.sj_index_zizhi ul li p{padding: 20px 0;text-align: center;background: #E8E8E8;}


.sj_index_t2{background: #FAFAFB;padding: 65px 0 25px;}
.sj_index_t2 .title{font-size: 40px;text-align: center;}
.sj_index_t2 .discription{font-size: 20px;text-align: center;margin-top: 15px;}

.sj_index_casc .sj_index_casc_w{display: flex;align-items: center;justify-content: center;margin: 30px;}
.sj_index_casc .sj_index_casc_w .sj_index_button{width: 30px;height: 30px;border-radius: 50%;border: 2px solid #aaa;display: flex;align-items: center;justify-content: center;margin: 0 30px;position: relative;}
.sj_index_casc .sj_index_casc_w .sj_index_button:first-child{transform: rotate(180deg);}



.sj_index_casc .sj_index_casc_w .width1200{margin: 0;overflow: hidden;}

.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide{box-sizing: border-box;padding: 0 10px;}
.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide .sj_index_casc_img{height: 210px;overflow: hidden;}
.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide .sj_index_casc_img img{width: 100%;min-height: 100%;}
.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide .sj_index_casc_word{padding: 30px 35px;background: #fff;}
.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide .sj_index_casc_word h1{font-size: 16px;font-weight: 700;text-align: center;}
.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide .sj_index_casc_word span{display: block;width: 15%;height: 3px;background: #0083DD;margin: 15px auto;}
.sj_index_casc .sj_index_casc_w .swiper-casc .swiper-wrapper .swiper-slide .sj_index_casc_word p{font-size: 14px;color: #666;line-height: 1.4;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.sj_index_news{background: #fff;}
.sj_index_news .sj_index_news_flex{display: flex;justify-content: space-between;margin: 40px auto;}
.sj_index_news .sj_index_news_flex ul{width: 30%;}
.sj_index_news .sj_index_news_flex ul .title{display: flex;align-items: flex-start;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #ddd;}
.sj_index_news .sj_index_news_flex ul .title h1{font-size: 24px;font-weight: 700;}
.sj_index_news .sj_index_news_flex ul .title a{font-size: 14px;color: #aaa;}
.sj_index_news .sj_index_news_flex ul .image{margin: 25px 0;height: 270px;overflow: hidden;}
.sj_index_news .sj_index_news_flex ul .image img{min-height: 100%;}
.sj_index_news .sj_index_news_flex ul li{padding: 25px 0;border-bottom: 1px solid #ddd;}
.sj_index_news .sj_index_news_flex ul li h1{display: flex;align-items: center;font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sj_index_news .sj_index_news_flex ul li h1 i{font-size: 12px;margin-right: 10px;}
.sj_index_news .sj_index_news_flex ul li p{line-height: 1.5;text-indent: 28px;margin-top: 10px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}


.frindLink{background: #F5F5F5;padding: 22px 0;}
.frindLink .width1200{background: #fff;padding: 15px 20px;box-sizing: border-box;display: flex;}
.frindLink .width1200 .left{width: 100px;}
.frindLink .width1200 .left h1{font-size: 18px;font-weight: 700;}
.frindLink .width1200 .left a{font-size: 12px;color: #fff;background: #0083DD;display: block;padding: 5px 0 5px 5px;margin-top: 5px;}
.frindLink .width1200 .left a i{color: #fff;font-size: 12px;margin-left: 5px;}
.frindLink .width1200 .right{flex-grow: 1;margin-left: 25px;padding-left: 30px;border-left: 1px solid #ddd;}
.frindLink .width1200 .right{display: flex;flex-wrap: wrap;}
.frindLink .width1200 .right a{font-size: 14px;padding-right: 45px;}

footer.width1920{background: #191410;}
footer.width1920 .width1200{display: flex;align-items: center;justify-content: space-between;}
footer.width1920 .width1200>div{width: 300px;}
footer.width1920 .logo img{width: 80%;}
footer.width1920 ul{flex-grow: 1;padding: 55px 0 55px 30px;border-left: 1px solid #333;}
footer.width1920 ul li{color: #a8a8a8;line-height: 2;font-size: 14px;}
footer.width1920 ul li span{font-size: 22px;color: #3A88E8;font-weight: 700;}
footer.width1920 .qrcode{display: flex;align-items: center;justify-content: space-between;}
footer.width1920 .qrcode div{width: 47%;text-align: center;color: #fff;}
footer.width1920 .qrcode div img{margin-bottom: 15px;}
footer.width1920 .nav{padding: 22px 0;border-top: 1px solid #333;display: flex;justify-content: space-around;}
footer.width1920 .nav a{color: #fff;}


.public_div{display: flex;justify-content: space-between;margin: 30px auto 85px;}
.public_div>.left{width: 280px;}
.public_div>.left ul{padding-bottom: 20px;}
.public_div>.left ul h1{color: #fff;background: #004aa4;text-align: center;padding: 18px 0;font-size: 16px;font-weight: 900;}
.public_div>.left ul li{box-sizing: border-box;}
.public_div>.left ul:first-child li{font-weight: 700;background: #f0f0f0;border-bottom: 4px solid #fff;padding: 20px;font-size: 16px;}
.public_div>.left ul:last-child{border: 1px solid #ddd;}
.public_div>.left ul:last-child li{border-bottom: 1px dashed #f0f0f0;line-height: 1.5em;padding: 10px 20px;}

.public_div>.right{width: 900px;}
.public_div>.right .nav{display: flex;padding: 17px 0;border-bottom:1px solid #333;align-items: center;}
.public_div>.right .nav i{color: #7B7B7B;margin-right: -5px;}
.public_div>.right .nav li{font-size: 13px;margin: 0 5px;}
.public_div>.right .nav h1{flex-grow: 2;font-size: 20px;font-weight: 700;}

.public_div>.right .list{display: flex;flex-wrap: wrap;}
.public_div>.right .list a{display: block;width: 32%;margin: 10px calc(4%/6) 0;}
.public_div>.right .list a li div{height: 216px;overflow: hidden;}
.public_div>.right .list a li div img{min-width: 100%;min-height: 100%;}
.public_div>.right .list a li p{background: #004aa4;color: #fff;text-align: center;padding: 13px 0;}

.public_div>.right .page{display: flex;justify-content: flex-end;margin-top: 30px;}
.public_div>.right .page li{padding: 8px 12px;border: 1px solid #004aa4;color: #000;font-size: 12px;margin-left: 10px;}
.public_div>.right .page li.selected{background: #004aa4;color: #fff;}

.public_div>.right .xiangguan{box-sizing: border-box;padding: 18px;border: 1px solid #ddd;margin-top: 30px;display: flex;}
.public_div>.right .xiangguan>ul{width: 50%;}
.public_div>.right .xiangguan h1{font-size: 16px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .xiangguan li{padding: 10px 0;font-size: 15px;display: flex;align-items: center;}
.public_div>.right .xiangguan li::before{content: "";background: url("../image/tc.png");width: 8px;height: 8px;background-repeat: no-repeat;background-size: 100% 100%;display: block;margin-right: 10px;}

.public_div>.right .pruduct_details{display: flex;margin-top: 15px;justify-content: space-between;}
.public_div>.right .pruduct_details .pruduct_details_left{width: 410px;}
.public_div>.right .pruduct_details .pruduct_details_left #bigImage{width: 100%;height: 310px;overflow: hidden;}
.public_div>.right .pruduct_details .pruduct_details_left #bigImage img{min-height: 100%;}
.public_div>.right .pruduct_details .pruduct_details_left ul{display: flex;justify-content: space-between;align-items: center;margin-top: 12px;}
.public_div>.right .pruduct_details .pruduct_details_left ul .swiper-container{width: 350px;height: 73px;display: flex;justify-content: space-between;align-items: center;}
.public_div>.right .pruduct_details .pruduct_details_left ul .swiper-container .swiper-wrapper{display: flex;justify-content: space-between;align-items: center;}
.public_div>.right .pruduct_details .pruduct_details_left ul .swiper-container li{overflow: hidden;height: 73px;box-sizing: border-box;padding: 0 5px;}
.public_div>.right .pruduct_details .pruduct_details_left ul .swiper-container li img{min-height: 100%;}
.public_div>.right .pruduct_details .pruduct_details_left ul>span{width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #f5f5f5;color: #999;border: 2px solid #ddd;}
.public_div>.right .pruduct_details .pruduct_details_left ul>span:first-child{transform: rotate(180deg);}


.public_div>.right .pruduct_details .pruduct_details_right{display: flex;flex-direction: column;justify-content: space-between;width: 460px;}
.public_div>.right .pruduct_details .pruduct_details_right .title h1{font-size: 24px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .pruduct_details .pruduct_details_right .title h3{font-size: 20px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .pruduct_details .pruduct_details_right .title p{line-height: 1.8;font-weight: 700;font-size: 18px;}
.public_div>.right .pruduct_details .pruduct_details_right .title span{line-height: 1.8;font-weight: 900;font-size: 16px;}
.public_div>.right .pruduct_details .pruduct_details_right .phone p{font-size: 18px;line-height: 1.6;}


.public_div>.right .pruduct_detail_data{margin-top: 30px;font-size:16px;line-height: 1.5;}
.public_div>.right .pruduct_detail_data *{font-size:16px;line-height: 1.5;}

.public_div>.right .pruduct_detail_data p,.public_div>.right .news_details .news_details_content p{line-height: 1.5;}
.public_div>.right .pruduct_detail_data .detail{background: #f5f5f5;display: flex;margin-bottom: 22px;}
.public_div>.right .pruduct_detail_data .detail div{padding: 10px 30px;background: #004aa4;color: #fff;font-size: 18px;font-weight: 700;}


.public_div>.right .recommend{box-sizing: border-box;padding: 18px 0;margin-top: 30px;}
.public_div>.right .recommend h1{font-size: 16px;font-weight: 700;padding-bottom: 10px;}
.public_div>.right .recommend ul{display: flex;justify-content: space-between;margin-top: 10px;}
.public_div>.right .recommend ul a{width: 24%;overflow: hidden;}
.public_div>.right .recommend ul a li div{height: 170px;overflow: hidden;}
.public_div>.right .recommend ul a li p{line-height: 1.6;text-align: center;}


.public_div>.right .news_list li{}
.public_div>.right .news_list li{padding: 15px 0;font-size: 14px;display: flex;align-items: center;border-bottom: 1px dashed #000;}
.public_div>.right .news_list li p{flex-grow: 2;}
.public_div>.right .news_list li::before{content: "";background: url("../image/tc.png");width: 8px;height: 8px;background-repeat: no-repeat;background-size: 100% 100%;display: block;margin-right: 10px;}

.public_div>.right .news_details h1{font-size: 18px;font-weight: 700;text-align: center;padding: 20px 0 10px;}
.public_div>.right .news_details .news_info{text-align: center;color: #999;padding: 10px 0 30px;}
.public_div>.right .news_details h2{margin: 60px 0 -15px;font-size: 16px;font-weight: 700;}

.public_div>.right .article{margin-top: 20px;}