/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body {
    font-size: 1rem;
    font-family: 'Microsoft YaHei';
    color: #5e5e5e;
    background: #fff;
}
a { color: #666; }
a:hover { color: #f60; text-decoration: none; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1200px; margin: 0 auto; }
* { scroll-behavior: smooth; }
.header { position: relative; background: #B5B5B5; width: 100%; margin-top: 1px; }
.header_left { float: left; height: 33px; margin-top: 20px }
.header_left .logo { display: inline-block; height: 33px; width: 122px; vertical-align: middle; margin-right: 45px; }
.header_left .logo a { display: block; height: 70px; width: 122px; }
.header_left .logo a img { display: block; max-width: 100%; width: 100%; }
.header_left .menu { display: inline-block; vertical-align: middle; height: 22px; }
.header_left .menu ul li { float: left; position: relative; display: inline; height: auto; }
.header_left .menu ul li .a { font-size: 16px; line-height: 22px; color: #000; font-weight: 600; padding: 0 25px; }
.header_left .menu ul li .a span:hover { border-bottom: 2px solid #000; }
.header_left .menu ul li .menu_1 { background: #fff; padding: 34px 0px; position: fixed; width: 100%; left: 0; top: 70px; z-index: 99; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1); display: none; }
.header_left .menu_1 ul li { cursor: pointer; width: 378px; border-right: 1px solid rgba(151,151,151,0.2); display: inline-block; float: left; margin-bottom: 40px; }
.header_left .menu_1 ul li .menu_left { width: 117px; margin-left: 49px; vertical-align: middle; display: inline-block; }
.header_left .menu_1 ul li .menu_left .a1 { display: block; width: 117px; }
.header_left .menu_1 ul li .menu_left .a1 img { max-width: 100%; width: 100%; display: block; }
.header_left .menu_1 ul li .menu_right { width: auto; padding-left: 14px; vertical-align: middle; display: inline-block; cursor: pointer; }
.header_left .menu_1 ul li .menu_right h5 { font-size: 16px; line-height: 18px; color: #000; font-weight: bold; margin-bottom: 12px; }
.header_left .menu_1 ul li .menu_right .a2 { display: block; line-height: 18px; }
.header_left .menu_1 ul li .menu_right .a3 { font-size: 12px; line-height: 14px; color: #5e5e5e; font-weight: 400; margin-bottom: 6px; display: block; padding: 0; cursor: pointer; }
.header_right { float: right; height: 70px; font-style:
}
.header_right ul { margin-top: 20px }
.header_right ul li { float: left; width: 100px; }
.header_right ul .shop a { font-size: 16px; line-height: 22px; color: #fff; padding: 5px 12px 5px 13px; background: #000; cursor: pointer; vertical-align: middle; display: inline-block; }
.header_right ul .cn a { font-size: 13px; line-height: normal; color: #000; font-weight: 500; vertical-align: middle; /* margin-left: 44px; */
cursor: pointer; display: block; padding: 5px 0; text-align: center; }
.header2 { display: none; }
.header2 .logo { display: inline-block; height: 33px; width: 122px; vertical-align: middle; margin-right: 45px; }
.header2 .logo { display: block; height: 33px; width: 122px; }
.header2 .logo img { display: block; max-width: 100%; width: 100%; }
.content_1 { padding: 110px 0 222px; }
.content_1 h2 { font-size: 36px; line-height: 43px; color: #000; margin-bottom: 40px; font-weight: bold; }
.content_1sx { display: none; }
.container { display: flex; width: 100%; box-sizing: border-box; height: 470px; }
.box { position: relative; flex: 1; overflow: hidden; transition: .5s; margin: 0 0.5% 0 0; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); line-height: 0; }
.box > img { width: 200%; height: calc(100%); -o-object-fit: cover; object-fit: cover; transition: .5s; position: relative; }
.box > .h31 { position: absolute; bottom: 20%; left: 10%; font-size: 50px; display: none; font-weight: bold; height: 64px; line-height: 64px; color: #fff; }
.box > .h32 { position: absolute; bottom: 20%; left: 10%; font-size: 50px; display: none; font-weight: bold; height: 64px; line-height: 64px; color: #fff; }
.box > .h33 { position: absolute; bottom: 20%; left: 10%; font-size: 50px; display: none; font-weight: bold; height: 64px; line-height: 64px; color: #fff; }
.box > .h34 { position: absolute; bottom: 20%; left: 10%; font-size: 50px; display: none; font-weight: bold; height: 64px; line-height: 64px; color: #fff; }
.box > .a1 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 16px; display: none; font-weight: 400; height: 22px; text-align: center; background: #fff; border-radius: 0; line-height: 22px; padding: 9px 12px 9px 28px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a1 span { text-align: center; font-size: 16px; margin-right: 10px; }
.box > .a1 img { width: 12px; height: 12px; }
.box > .a2 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 16px; display: none; font-weight: 400; height: 22px; text-align: center; background: #fff; border-radius: 0; line-height: 22px; padding: 9px 12px 9px 28px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a2 span { text-align: center; font-size: 16px; margin-right: 10px; }
.box > .a2 img { width: 12px; height: 12px; }
.box > .a3 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 16px; display: none; font-weight: 400; height: 22px; text-align: center; background: #fff; border-radius: 0; line-height: 22px; padding: 9px 12px 9px 28px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a3 span { text-align: center; font-size: 16px; margin-right: 10px; }
.box > .a3 img { width: 12px; height: 12px; }
.box > .a4 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 16px; display: none; font-weight: 400; height: 22px; text-align: center; background: #fff; border-radius: 0; line-height: 22px; padding: 9px 12px 9px 28px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a4 span { text-align: center; font-size: 16px; margin-right: 10px; }
.box > .a4 img { width: 12px; height: 12px; }
.box:hover { flex: 1 1 50%; }
.box:hover > img { width: 100%; height: 100%; }
.box:hover > .h31 { display: block; }
.box:hover > .a1 { display: block; }
.box:hover > .h32 { display: block; }
.box:hover > .a2 { display: block; }
.box:hover > .h33 { display: block; }
.box:hover > .a3 { display: block; }
.box:hover > .h34 { display: block; }
.box:hover > .a4 { display: block; }
.con_2 { display: none; }
.swiper-container2 { max-width: 1200px; margin: 0 auto; background-color: #fff; }
.swiper2 { height: auto; margin-bottom: 0; background-color: #B4B5B9; padding: 30px 0; }
.swiper2 .swiper-slide { width: 100%; height: auto; z-index: 1; margin-top: 0; }
.swiper2 .swiper-slide .bd_left { width: 55%; height: auto; margin-left: 0; vertical-align: middle; display: inline-block; }
.swiper2 .swiper-slide .bd_left img { max-width: 100%; width: 100%; display: block; }
.swiper2 .swiper-slide .bd_right { padding: 30px 0; margin-left: 50px; vertical-align: top; display: inline-block; }
.swiper2 .swiper-slide .bd_right h3 { font-size: 42px; line-height: 50px; text-align: left; color: #212529; }
.swiper2 .swiper-slide .bd_right span { display: block; font-size: 16px; line-height: 18px; color: #222; width: 439px; margin: 20px 0 33px; text-align: left; }
.swiper2 .swiper-slide .bd_right .xzimg { text-align: left; }
.swiper2 .swiper-slide .bd_right .xzimg a { width: 146px; height: 44px; display: inline-block; margin-right: 26px; cursor: pointer; }
.swiper2 .swiper-slide .bd_right .xzimg a img { max-width: 100%; width: 100%; display: block; }
.swiper2 .swiper-slide .bd_right font { font-size: 16px; line-height: 18px; color: #222; margin: 13px 0 0; text-align: left; display: block; }
.contact { padding: 120px 0; background-color: #B4B5B9 }
.con_3 { width: 100%; padding: 10% 0; position: relative; background: url(../images/suupport.png) center no-repeat; background-size: cover; }
.con_3 .con_3nr { }
.con_3 .con_3nr h1 { font-size: 60px; line-height: 60px; color: #fff; }
.con_3 .con_3nr span { display: block; font-size: 20px; line-height: 23px; color: #fff; margin: 20px 0 52px; }
.con_3 .con_3nr a { display: block; width: 45px; cursor: pointer; }
.con_3 .con_3nr a img { max-width: 100%; width: 100%; display: block; }
.footersx { display: none; }
.footer { background: #000; color: #fff; padding: 1px 0 186px; display: block; }
.footer_top .top1 { width: 153px; float: left; font-weight: normal; }
.footer_top .top1 h5 { margin-top: 0px; font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top1 ul li { line-height: 24px; }
.footer_top .top1 ul li a { font-size: 12px; line-height: 14px; color: #a3a4a6; margin-bottom: 16px; cursor: pointer; }
.footer_top .top2 { width: 142px; float: left; font-weight: normal; }
.footer_top .top2 h5 { margin-top: 0px; font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top2 ul li { line-height: 24px; }
.footer_top .top2 ul li a { font-size: 12px; line-height: 14px; color: #a3a4a6; margin-bottom: 16px; cursor: pointer; }
.footer_top .top3 { width: 153px; float: left; font-weight: normal; }
.footer_top .top3 h5 { margin-top: 0px; font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top3 ul li { line-height: 24px; }
.footer_top .top3 ul li a { font-size: 12px; line-height: 14px; color: #a3a4a6; margin-bottom: 16px; cursor: pointer; }
.footer_top .top4 { width: 275px; float: left; font-weight: normal; }
.footer_top .top4 h5 { margin-top: 0px; font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top4 .input { background: #000; position: relative; display: flex; }
.footer_top .top4 .input input { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; border: 1px solid #6c7073; font-size: 14px; line-height: 16px; padding: 12px 18px; height: 0px; color: #6c7073; background: #000; }
.footer_top .top4 .input span { width: 40px; height: 40px; text-align: center; background: #6c7073; cursor: pointer; line-height: 40px; font-size: 12px; }
.footer_top .top4 font { display: block; margin-top: 32px; font-size: 14px; line-height: 16px; color: #6c7073; }
.footer_top .top5 { float: right; }
.footer_top .top5 .top51 { width: auto; margin: 0; padding: 0; }
.footer_top .top5 .top51 a { float: right; display: block; width: 146px; height: 44px; margin-left: 31px; cursor: pointer; }
.footer_top .top5 .top51 a img { max-width: 100%; width: 100%; display: block; }
.footer_top .top5 h5 { margin: 84px 0 16px 31px; font-size: 15px; line-height: 16px; font-weight: bold; }
.footer_top .top5 .top52 { width: auto; margin: 0; padding: 0; }
.footer_top .top5 .top52 a { float: right; display: block; width: 146px; height: 44px; margin-left: 31px; cursor: pointer; }
.footer_top .top5 .top52 a img { max-width: 100%; width: 100%; display: block; }
.footer_bottom .hr { margin: 102px 0 25px; width: 100%; height: 1px; background: #979797; opacity: 0.5; }
.footer_bottom .footer_bottomnr { margin: 0; padding: 0; }
.footer_bottomnr ul { padding-top: 4px; float: left; }
.footer_bottomnr ul li { margin-right: 42px; font-size: 12px; line-height: 14px; color: #a3a4a6; display: inline-block; }
.footer_bottomnr ul li a { color: #a3a4a6; text-decoration: underline; }
.footer_bottomnr .ftnrr { float: right; }
.footer_bottomnr .ftnrr a { margin-left: 25px; height: 24px; line-height: 24px; font-size: 24px; }
.pro_con { margin-top: 40px; margin-bottom: 30px; }
.pro_con .biaoti { background: url(../images/parts_01.gif) no-repeat scroll 0 6px #ffffff; height: 26px; width: 370px; padding: 2px 0 0 15px; }
.pro_con .biaoti h3 { font-size: 16px; color: #777059; letter-spacing: 0.01em; line-height: 150%; font-weight: normal; }
.pro_con .pro { margin: 25px 0 15px; padding-bottom: 5px; }
.pro_con .pro .a1 { display: inline-block; width: 24%; float: left; }
.pro_con .pro .a1 img { max-width: 100%; width: 100%; display: block; }
.pro_con .pro .pro_right { margin-bottom: 10px; float: right; width: 70%; }
.pro_con .pro .pro_right dl dt { padding: 0 0 24px; font-weight: bold; }
.pro_con .pro .pro_right dl dt h4 { background: url(../images/icon_new_item.gif) no-repeat scroll 0 center; padding-left: 50px; font-size: 24px; font-weight: bold; line-height: 125%; }
.pro_con .pro .pro_right dl dt h4 a { color: #036; font-size: 24px; font-weight: bold; line-height: 125%; }
.pro_con .pro .pro_right dl dt h4 a:visited { color: #636; }
.pro_con .pro .pro_right dl .ul1 li { font-size: 16px; color: #333; width: 100%; line-height: 24px; text-align: left; }
.pro_con .pro .pro_right dl .ul1 li span { background: url(../images/yuanquan.png) no-repeat scroll 0 7px; font-size: 16px; color: #333; text-align: left; padding: 0 0 0 16px; display: block; }
.pro_con .pro .pro_right dl .ul2 { padding-top: 15px; }
.pro_con .pro .pro_right dl .ul2 li { padding-bottom: 10px; }
.pro_con .pro .pro_right dl .ul2 li a { color: #036; }
.pro_con .pro .pro_right dl .ul2 li a:visited { color: #636; }
.pro_con .pro .pro_right dl .ul2 li a span { background: url(../images/icon_arrow_red.gif) no-repeat scroll 0 4px; color: #002c91; font-size: 15px; line-height: 130%; padding: 0 0 0 18px; }
.pro_con .pro .pro_right dl .deload { background: #f5f3e9; width: 246px; height: 26px; margin-top: 5px; padding-left: 5px; color: #ccc; font-weight: bold; font-size: 14px; line-height: 200%; margin-left: 0; }
.pro_con .pro .pro_right dl .deload img { display: block; float: left; width: auto; margin-right: 5px; padding-top: 2px; }
.pro_con .pro .pro_right dl .deload a { color: #1a1919; }
.pro_con .pro .pro_right dl .deload a:visited { color: #636; }
.pro_con .pro .pro_right dl .deload a span { margin-left: 10px; }
.inside { margin: 30px auto; }
.inside .con { min-height: 400px; }



/* 自适应1280 */
@media screen and (max-width:1280px) {
.header2 { display: none; }
.wapper { width: 86%; margin: 0 auto; }
.header { position: relative; background: #fff; height: 70px; padding: 19px 0; }
.header_left { float: left; height: 33px; }
.header_left .logo { display: inline-block; height: 33px; width: 122px; vertical-align: middle; margin-right: 28px; }
.header_left .logo a { display: block; height: 33px; width: 122px; }
.header_left .logo a img { display: block; max-width: 100%; width: 100%; }
.header_left .menu { display: inline-block; vertical-align: middle; height: 22px; }
.header_left .menu ul li { float: left; position: relative; display: inline; height: 70px; }
.header_left .menu ul li .a { font-size: 14px; line-height: 20px; color: #000; font-weight: 600; padding: 0 22px; }
.header_left .menu ul li .a span:hover { border-bottom: 2px solid #000; }
.header_left .menu ul li .menu_1 { background: #fff; padding: 26px 0px; position: fixed; width: 100%; left: 0; top: 70px; z-index: 99; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1); display: none; }
.header_left .menu_1 ul { margin: 0 2% 0 2%; }
.header_left .menu_1 ul li { cursor: pointer; width: 33%; border-right: 1px solid rgba(151,151,151,0.2); display: inline-block; float: left; margin-bottom: 40px; }
.header_left .menu_1 ul li .menu_left { float: none; width: 102px; margin-left: 38px; vertical-align: middle; display: inline-block; }
.header_left .menu_1 ul li .menu_left .a1 { display: block; width: 102px; }
.header_left .menu_1 ul li .menu_left .a1 img { max-width: 100%; width: 100%; display: block; }
.header_left .menu_1 ul li .menu_right { float: none; width: auto; padding-left: 12px; vertical-align: middle; display: inline-block; cursor: pointer; }
.header_left .menu_1 ul li .menu_right h5 { margin-top: 12px; font-size: 14px; line-height: 16px; color: #000; font-weight: bold; margin-bottom: 8px; }
.header_left .menu_1 ul li .menu_right .a2 { display: block; line-height: 14px; }
.header_left .menu_1 ul li .menu_right .a3 { font-size: 12px; line-height: 14px; color: #5e5e5e; font-weight: 400; margin-bottom: 3px; display: block; padding: 0; cursor: pointer; }
.header_right { float: none;
    height: 33px;
    /*position: absolute;*/
    /* width: 60%; */
    right: 36px;
    top: 0px;}
.header_right ul{ margin-top:0;}
    .header_right ul li {
        float: left;
        width: 60px;
        margin-right: 10px !important;
        height: 27px;
		margin-top:0 !important;
    }
.header_right ul .shop a {     width: 100%; font-size: 12px; line-height: 17px; color: #fff; padding: 4px 9px 3px 10px; background: #000; cursor: pointer; vertical-align: middle; display: inline-block; }
.header_right ul .cn a {     width: 100%;  font-size: 14px; line-height: 20px; color: #000; font-weight: 500; vertical-align: middle; margin-left: 0px; cursor: pointer; display: inline-block; padding: 5px 0; }
.content_1 { padding: 100px 0 170px; }
.content_1sx { display: none; }
.content_1 h2 { font-size: 32px; line-height: 40px; color: #000; margin-bottom: 36px; font-weight: bold; }
.container { display: flex; width: 100%; box-sizing: border-box; height: 396px; }
.box { position: relative; flex: 1; overflow: hidden; transition: .5s; margin: 0 0.5% 0 0; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); line-height: 0; }
.box > img { width: 200%; height: calc(100%); -o-object-fit: cover; object-fit: cover; transition: .5s; position: relative; }
.box > .h31 { position: absolute; bottom: 20%; left: 10%; font-size: 44px; display: none; font-weight: bold; height: 60px; line-height: 60px; color: #fff; }
.box > .h32 { position: absolute; bottom: 20%; left: 10%; font-size: 44px; display: none; font-weight: bold; height: 60px; line-height: 60px; color: #fff; }
.box > .h33 { position: absolute; bottom: 20%; left: 10%; font-size: 44px; display: none; font-weight: bold; height: 60px; line-height: 60px; color: #fff; }
.box > .h34 { position: absolute; bottom: 20%; left: 10%; font-size: 44px; display: none; font-weight: bold; height: 60px; line-height: 60px; color: #fff; }
.box > .a1 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 14px; display: none; font-weight: 400; height: 20px; text-align: center; background: #fff; border-radius: 0; line-height: 20px; padding: 8px 14px 8px 26px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a1 span { text-align: center; font-size: 14px; margin-right: 10px; }
.box > .a1 img { width: 10px; height: 10px; }
.box > .a2 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 14px; display: none; font-weight: 400; height: 20px; text-align: center; background: #fff; border-radius: 0; line-height: 20px; padding: 8px 14px 8px 26px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a2 span { text-align: center; font-size: 14px; margin-right: 10px; }
.box > .a2 img { width: 10px; height: 10px; }
.box > .a3 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 14px; display: none; font-weight: 400; height: 20px; text-align: center; background: #fff; border-radius: 0; line-height: 20px; padding: 8px 14px 8px 26px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a3 span { text-align: center; font-size: 14px; margin-right: 10px; }
.box > .a3 img { width: 10px; height: 10px; }
.box > .a4 { position: absolute; bottom: 7.5%; left: 10%; margin-top: 15px; font-size: 14px; display: none; font-weight: 400; height: 20px; text-align: center; background: #fff; border-radius: 0; line-height: 20px; padding: 8px 14px 8px 26px; color: #212529; vertical-align: middle; text-decoration: none; }
.box > .a4 span { text-align: center; font-size: 14px; margin-right: 10px; }
.box > .a4 img { width: 10px; height: 10px; }
.box:hover { flex: 1 1 50%; }
.box:hover > img { width: 100%; height: 100%; }
.box:hover > .h31 { display: block; }
.box:hover > .a1 { display: block; }
.box:hover > .h32 { display: block; }
.box:hover > .a2 { display: block; }
.box:hover > .h33 { display: block; }
.box:hover > .a3 { display: block; }
.box:hover > .h34 { display: block; }
.box:hover > .a4 { display: block; }
.con_2 { display: none; }
.swiper2 { height: 465px; margin-bottom: 171px; }
.swiper2 .swiper-slide { width: 100%; height: 465px; z-index: 1; margin-top: 20px; }
.swiper2 .swiper-slide .bd_left { width: 420px; height: 465px; margin-left: 40px; vertical-align: middle; display: inline-block; }
.swiper2 .swiper-slide .bd_left img { max-width: 100%; width: 100%; display: block; }
.swiper2 .swiper-slide .bd_right { margin-left: 45px; vertical-align: middle; display: inline-block; }
.swiper2 .swiper-slide .bd_right h3 { font-size: 38px; line-height: 46px; text-align: left; color: #212529; }
.swiper2 .swiper-slide .bd_right span { display: block; font-size: 16px; line-height: 18px; color: #222; width: 337px; margin: 20px 0 37px; text-align: left; }
.swiper2 .swiper-slide .bd_right .xzimg { text-align: left; }
.swiper2 .swiper-slide .bd_right .xzimg a { width: 116.5px; height: 35px; display: inline-block; margin-right: 21px; cursor: pointer; }
.swiper2 .swiper-slide .bd_right .xzimg a img { max-width: 100%; width: 100%; display: block; }
.swiper2 .swiper-slide .bd_right font { font-size: 14px; line-height: 16px; color: #222; margin: 23px 0 0; text-align: left; display: block; }
.con_3 { width: 100%; height: 287px; position: relative; background: url(../images/suupport.png) center no-repeat; background-size: cover; }
.con_3 .con_3nr { position: absolute; left: 3%; top: 23%; }
.con_3 .con_3nr h1 { font-size: 56px; line-height: 56px; color: #fff; }
.con_3 .con_3nr span { display: block; font-size: 16px; line-height: 18px; color: #fff; margin: 24px 0 29px; }
.con_3 .con_3nr a { display: block; width: 42px; cursor: pointer; }
.con_3 .con_3nr a img { max-width: 100%; width: 100%; display: block; }
.footersx { display: none; }
.footer { background: #000; color: #fff; padding: 53px 0 93px; display: block; }
.footer_top .top1 { width: 147px; float: left; font-weight: normal; }
.footer_top .top1 h5 { margin-top: 0px; font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top1 ul li { line-height: 24px; }
.footer_top .top1 ul li a { font-size: 12px; line-height: 14px; color: #a3a4a6; margin-bottom: 16px; cursor: pointer; }
.footer_top .top2 { width: 132px; float: left; font-weight: normal; }
.footer_top .top2 h5 { margin-top: 0px; font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top2 ul li { line-height: 24px; }
.footer_top .top2 ul li a { font-size: 12px; line-height: 14px; color: #a3a4a6; margin-bottom: 16px; cursor: pointer; }
.footer_top .top3 { width: 162px; float: left; font-weight: normal; }
.footer_top .top3 h5 { margin-top: 0px; font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 27px; }
.footer_top .top3 ul li { line-height: 24px; }
.footer_top .top3 ul li a { font-size: 12px; line-height: 14px; color: #a3a4a6; margin-bottom: 16px; cursor: pointer; }
.footer_top .top4 { width: 235px; float: left; font-weight: normal; }
.footer_top .top4 h5 { margin-top: 0px; font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 13px; }
.footer_top .top4 .input { background: #000; width: 220px; position: relative; display: flex; }
.footer_top .top4 .input input { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; border: 1px solid #6c7073; font-size: 14px; line-height: 16px; padding: 12px 18px; height: 14px; color: #6c7073; background: #000; }
.footer_top .top4 .input span { width: 40px; height: 40px; text-align: center; background: #6c7073; cursor: pointer; line-height: 40px; font-size: 12px; }
.footer_top .top4 font { display: block; margin-top: 32px; font-size: 14px; line-height: 16px; color: #6c7073; }
.footer_top .top5 { float: right; }
.footer_top .top5 .top51 { width: auto; margin: 0; padding: 0; }
.footer_top .top5 .top51 a { float: right; display: block; width: 112px; height: 33.5px; margin-left: 24px; cursor: pointer; }
.footer_top .top5 .top51 a img { max-width: 100%; width: 100%; display: block; }
.footer_top .top5 h5 { margin: 68px 0 16px 31px; font-size: 15px; line-height: 17px; font-weight: bold; }
.footer_top .top5 .top52 { width: auto; margin: 0; padding: 0; }
.footer_top .top5 .top52 a { float: right; display: block; width: 112px; height: 33.5px; margin-left: 24px; cursor: pointer; }
.footer_top .top5 .top52 a img { max-width: 100%; width: 100%; display: block; }
.footer_bottom .hr { margin: 102px 0 25px; width: 100%; height: 1px; background: #979797; opacity: 0.5; }
.footer_bottom .footer_bottomnr { margin: 0; padding: 0; }
.footer_bottomnr ul { padding-top: 4px; float: left; }
.footer_bottomnr ul li { margin-right: 42px; font-size: 12px; line-height: 14px; color: #a3a4a6; display: inline-block; }
.footer_bottomnr ul li a { color: #a3a4a6; text-decoration: underline; }
.footer_bottomnr .ftnrr { float: right; }
.footer_bottomnr .ftnrr a { margin-left: 25px; height: 24px; line-height: 24px; font-size: 24px; }
.pro_con { margin-top: 10px; margin-bottom: 30px; }
.pro_con .biaoti { background: url(../images/parts_01.gif) no-repeat scroll 0 6px #ffffff; height: 26px; width: 370px; padding: 2px 0 0 15px; }
.pro_con .biaoti h3 { font-size: 16px; color: #777059; letter-spacing: 0.01em; line-height: 150%; font-weight: normal; }
.pro_con .pro { margin: 25px 0 15px; padding-bottom: 5px; }
.pro_con .pro .a1 { display: inline-block; width: 18%; float: left; }
.pro_con .pro .a1 img { max-width: 100%; width: 100%; display: block; }
.pro_con .pro .pro_right { margin-bottom: 10px; margin-left: 20px; float: left; width: 78%; }
.pro_con .pro .pro_right dl dt { padding: 0 0 24px; font-weight: bold; }
.pro_con .pro .pro_right dl dt h4 { background: url(../images/icon_new_item.gif) no-repeat scroll 0 center; padding-left: 50px; font-size: 20px; font-weight: bold; line-height: 125%; }
.pro_con .pro .pro_right dl dt h4 a { color: #036; font-size: 20px; font-weight: bold; line-height: 125%; }
.pro_con .pro .pro_right dl dt h4 a:visited { color: #636; }
.pro_con .pro .pro_right dl .ul1 li { font-size: 14px; color: #333; width: 100%; line-height: 20px; text-align: left; }
.pro_con .pro .pro_right dl .ul1 li span { background: url(../images/yuanquan.png) no-repeat scroll 0 7px; font-size: 14px; color: #333; text-align: left; padding: 0 0 0 16px; display: block; }
.pro_con .pro .pro_right dl .ul2 { padding-top: 15px; }
.pro_con .pro .pro_right dl .ul2 li { padding-bottom: 10px; }
.pro_con .pro .pro_right dl .ul2 li a { color: #036; }
.pro_con .pro .pro_right dl .ul2 li a:visited { color: #636; }
.pro_con .pro .pro_right dl .ul2 li a span { background: url(../images/icon_arrow_red.gif) no-repeat scroll 0 4px; color: #002c91; font-size: 13px; line-height: 130%; padding: 0 0 0 18px; }
.pro_con .pro .pro_right dl .deload { background: #f5f3e9; width: 220px; height: 26px; margin-top: 5px; padding-left: 5px; color: #ccc; font-weight: bold; font-size: 12px; line-height: 200%; margin-left: 0; }
.pro_con .pro .pro_right dl .deload img { display: block; float: left; width: auto; margin-right: 5px; padding-top: 2px; }
.pro_con .pro .pro_right dl .deload a { color: #1a1919; }
.pro_con .pro .pro_right dl .deload a:visited { color: #636; }
.pro_con .pro .pro_right dl .deload a span { margin-left: 10px; }
}
 @media screen and (max-width:1300px) {
.con_2 { display: none; }
.header2 { display: none; }
.wapper { width: 86%; margin: 0 auto; }
.content_1sx { display: none; }
.swiper2 { height: 347px; margin-bottom: 130px; }
.swiper2 .swiper-slide { width: 100%; height: auto; z-index: 1; margin-top: 20px; }
.swiper2 .swiper-slide .bd_left { width: 100%; height: auto; margin-left:0; vertical-align: middle; display: inline-block; }
.swiper2 .swiper-slide .bd_left img { max-width: 100%; width: 100%; display: block; }
.swiper2 .swiper-slide .bd_right { margin-left: 24px; vertical-align: middle; display: inline-block; padding:10px 0}
.swiper2 .swiper-slide .bd_right h3 { font-size: 34px; line-height: 41px; text-align: left; color: #212529; }
.swiper2 .swiper-slide .bd_right span { display: block; font-size: 14px; line-height: 16px; color: #222; width: 285px; margin: 12px 0 36px; text-align: left; }
.swiper2 .swiper-slide .bd_right .xzimg { text-align: left; }
.swiper2 .swiper-slide .bd_right .xzimg a { width: 93.3px; height: 28px; display: inline-block; margin-right: 17px; cursor: pointer; }
.swiper2 .swiper-slide .bd_right .xzimg a img { max-width: 100%; width: 100%; display: block; }
.swiper2 .swiper-slide .bd_right font { font-size: 12px; line-height: 14px; color: #222; margin: 13px 0 0; text-align: left; display: block; }
.footersx { display: none; }
.contact img{ width:90%}
.contact ul li{ width:30% !important;}
}
 @media screen and (max-width:1300px) {
.wapper { width: 92%; margin: 0 auto; }
.header { display: none; }
.header2 { display: block; position: relative; background: #fff; text-align: center; padding: 11px 0; }
.header2 .logo { display: inline-block; height: 33px; width: 122px; vertical-align: middle; margin-left: 20px; float: left; }
.header2 a { display: block; height: 27px; width: 102px; }
.header2 .logo img { display: block; max-width: 100%; width: 100%; }
.content_1 { display: none; }
.content_1sx { display: block; padding: 40px 0 80px 0; }
.content_1sx h2 { font-size: 20px; line-height: 24px; margin-bottom: 16px; color: #000; }
.content_1sx .tu { margin-bottom: 8px; width: 100%; height: 130px; display: block; }
.content_1sx .tu a { background: url(../images/1_phone.jpg) no-repeat; background-size: cover; width: 45%; height: 130px; font-size: 0; position: relative; }
.content_1sx .tu a span { font-size: 12px; line-height: 14px; color: #fff; font-weight: bold; position: absolute; bottom: 16px; left: 12px; }
.content_1sx .tu a img { font-size: 12px; line-height: 14px; position: absolute; bottom: 17px; left: 45px; }
.swiper2 { display: block; }
.swiper2 .hd ul li {
    width: 47% !important;
    display: inline-block;
    line-height: 35px;
    float: none;
    margin: 4px 2px !important;
    text-align: center;
    background-color: #9F9F9F;
}
.con_2 { padding-bottom: 66px; display: block; }
.con_2 .con_2nr1 img { max-width: 100%; width: 100%; display: block; }
.con_2 .con_2nr2 h3 { font-size: 28px; line-height: 34px; color: #000; text-align: center; margin: 20px 0 8px; }
.con_2 .con_2nr2 span { font-size: 12px; line-height: 14px; color: #222; text-align: center; width: 286px; margin: auto; display: block; }
.con_2 .con_2nr2 .xzimg { text-align: center; margin: 24px 0 10px; }
.con_2 .con_2nr2 .xzimg a { width: 94px; height: 29px; display: inline-block; margin-right: 18px; }
.con_2 .con_2nr2 .xzimg a img { max-width: 100%; width: 100%; display: block; }
.con_2 .con_2nr2 font { font-size: 12px; line-height: 14px; color: #000; text-align: center; margin-bottom: 40px; display: block; }
.con_2 .con_2nr2 .border { padding: 0 18px 0 22px; }
.con_2 .con_2nr2 .border .hengxian { background: #979797; width: 100%; height: 1px; opacity: 0.2; }
.con_3 { width: 100%; height: 170px; position: relative; background: url(../images/suupport.png) center no-repeat; background-size: cover; }
.con_3 .con_3nr { position: absolute; left: 3%; top: 23%; }
.con_3 .con_3nr h1 { font-size: 30px; line-height: 34px; color: #fff; }
.con_3 .con_3nr span { display: block; font-size: 14px; line-height: 16px; color: #fff; margin: 4px 0 18px; }
.con_3 .con_3nr a { display: block; width: 42px; cursor: pointer; }
.con_3 .con_3nr a img { max-width: 100%; width: 100%; display: block; }
.footer { display: none; }
.footersx { display: block; background: #000; }
.footersx .footer1 { padding: 18px 0 16px; border-bottom: 1px solid #979797; }
.footersx .footer1 img { display: block; width: 132px; height: 35px; margin: 0 auto; }
.footersx .footer2 { width: 92%; }
.footersx .footer2 h5 { font-size: 14px; line-height: 16px; margin-bottom: 16px; color: #fff; font-weight: normal; }
.footersx .footer2 .input { background: #000; position: relative; width: 100%; display: flex; height: 31px; }
.footersx .footer2 .input input { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; border: 1px solid #6c7073; font-size: 12px; line-height: 14px; padding: 12px 18px; color: #fff; background: #000; }
.footersx .footer2 .input span { width: 31px; height: 31px; text-align: center; background: #6c7073; cursor: pointer; line-height: 31px; font-size: 12px; }
.footersx .footer2 font { display: block; margin-top: 10px; font-size: 12px; line-height: 14px; color: #6c7073; }
.footersx .footer3 { padding: 26px 19px 40px 23px; }
.footersx .footer3 .footer31 { width: 100%; }
.footersx .footer3 .footer31 .as1 { display: inline-block; width: 45%; cursor: pointer; }
.footersx .footer3 .footer31 .as1 img { max-width: 100%; width: 100%; display: block; }
.footersx .footer3 .footer31 .as2 { float: right; display: inline-block; width: 45%; cursor: pointer; }
.footersx .footer3 .footer31 .as2 img { max-width: 100%; width: 100%; display: block; }
.footersx .footer3 h5 { margin: 24px 0 10px; font-size: 12px; line-height: 17px; color: #fff; font-weight: normal; }
.footersx .footer3 .footer31 { width: 100%; }
.footersx .footer3 .footer31 .as1 { display: inline-block; width: 45%; cursor: pointer; }
.footersx .footer3 .footer31 .as1 img { max-width: 100%; width: 100%; display: block; }
.footersx .footer3 .footer31 .as2 { float: right; display: inline-block; width: 45%; cursor: pointer; }
.footersx .footer3 .footer31 .as2 img { max-width: 100%; width: 100%; display: block; }
.footersx .tree { padding: 7px 0 14px; background: #131313; }
.footersx .tree .tree_box h3 { color: #fff; padding: 17px 20px 10px 24px; font-weight: normal; }
.footersx .tree .tree_box h3 span { color: #fff; font-size: 14px; line-height: 20px; float: left; display: inline-block; }
.footersx .tree .tree_box h3 img { font-size: 14px; line-height: 20px; float: right; display: inline-block; vertical-align: middle; }
.footersx .tree .tree_one { padding: 0 30px 0 34px; margin-top: 10px; }
.footersx .tree .tree_one li { padding: 10px 0; }
.footersx .tree .tree_one li h4 { font-weight: normal; }
.footersx .tree .tree_one li h4 a { color: #a3a4a6; line-height: 16px; font-size: 14px; }
.footersx .footer4 { text-align: center; padding: 60px 0 38px; }
.footersx .footer4 .footer41 a { margin: 0 10px; font-size: 24px; }
.footersx .footer4 .footer42 { margin-top: 54px; font-size: 12px; line-height: 14px; color: #a3a4a6; }
.footersx .footer4 .footer42 li a { color: #a3a4a6; text-decoration: underline; }
.pro_con { margin-top: 10px; margin-bottom: 30px; }
.pro_con .biaoti { background: url(../images/parts_01.gif) no-repeat scroll 0 30px #ffffff; height: 16px; width: 370px; padding: 26px 0 0 15px; }
.pro_con .biaoti h3 { font-size: 15px; color: #777059; letter-spacing: 0.01em; line-height: 150%; font-weight: normal; }
.pro_con .pro { margin: 25px 0 15px; padding-bottom: 5px; }
.pro_con .pro .a1 { display: inline-block; width: 24%; float: left; }
.pro_con .pro .a1 img { max-width: 100%; width: 100%; display: block; }
.pro_con .pro .pro_right { margin-bottom: 10px; float: right; width: 70%; }
.pro_con .pro .pro_right dl dt { padding: 0 0 24px; font-weight: bold; }
.pro_con .pro .pro_right dl dt h4 { background: url(../images/icon_new_item.gif) no-repeat scroll 0 center; padding-left: 50px; font-size: 16px; font-weight: bold; height: 44px; line-height: 22px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-y: hidden; }
.pro_con .pro .pro_right dl dt h4 a { color: #036; font-size: 16px; font-weight: bold; line-height: 125%; }
.pro_con .pro .pro_right dl dt h4 a:visited { color: #636; }
.pro_con .pro .pro_right dl .ul1 li { font-size: 12px; color: #333; width: 100%; line-height: 16px; text-align: left; }
.pro_con .pro .pro_right dl .ul1 li span { background: url(../images/yuanquan.png) no-repeat scroll 0 5px; font-size: 12px; color: #333; text-align: left; line-height: 20px; display: block; }
.pro_con .pro .pro_right dl .ul2 { padding-top: 15px; }
.pro_con .pro .pro_right dl .ul2 li { padding-bottom: 10px; }
.pro_con .pro .pro_right dl .ul2 li a { color: #036; }
.pro_con .pro .pro_right dl .ul2 li a:visited { color: #636; }
.pro_con .pro .pro_right dl .ul2 li a span { background: url(../images/icon_arrow_red.gif) no-repeat scroll 0 4px; color: #002c91; font-size: 11px; line-height: 130%; padding: 0 0 0 18px; }
.pro_con .pro .pro_right dl .deload { background: #f5f3e9; width: 220px; height: 22px; margin-top: 5px; padding-left: 5px; color: #ccc; font-weight: bold; font-size: 12px; line-height: 200%; margin-left: 0; }
.pro_con .pro .pro_right dl .deload img { display: block; float: left; width: auto; margin-right: 5px; padding-top: 2px; }
.pro_con .pro .pro_right dl .deload a { color: #1a1919; }
.pro_con .pro .pro_right dl .deload a:visited { color: #636; }
.pro_con .pro .pro_right dl .deload a span { margin-left: 10px; }
}