html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span,p {
    padding: 0;
    margin: 0;       
}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
 input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}
.banner{overflow: hidden;}
.banner .swiper-slide img{width: 100%;display: block;}
textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{width:1330px;margin:0 auto;}
.main2{width: 1300px;margin:0 auto;}

.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}

.overflow{overflow: hidden;}
.myhidden{display:none;}
.flex_{display: flex;display: -webkit-flex;display: -ms-flex;}
.flex_space-between{display: flex;justify-content:space-between;}
.flex_end{display: flex;justify-content:flex-end;}
.flex_justify-content{display: flex;justify-content:center;}
.flex_justify-content-around{display: flex;justify-content:space-around;}
.flex_align-items{display: flex;align-items:center;}
.flex_wrap{ flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text_center{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.acenter{text-align: center;}
.flex_align_end{display: flex;align-items:flex-end;}



.line1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line6{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}


.head1{border-bottom:1px solid #44546b;width: 100%;height: 38px;line-height: 38px;color:#fff;font-size: 12px;}

.navlist li{text-align: center;position: relative;height: 120px;text-transform: uppercase;}
.navlist li a{display: block;color: #222222;display: block;}
.navlist li span{font-size: 16px;font-weight: bold;}
.navlist li p{font-size:12px;color: #788fb1;margin-top:3px;text-transform: uppercase;}
.head2{width: 1200px;margin:0 auto;}
.logo{margin-top:25px}

.navlist li i{-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}
.navlist li i {height:4px;background:#0063bc;position: absolute;bottom: 0;left: 0;width: 0;}
.navlist li:hover i{width: 100%}

.banner .swiper-pagination{bottom:30px}
.banner .swiper-pagination-bullet{width: 13px;height: 13px;background: #fff;border-radius:10px;opacity: 0.5;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff;opacity: 1}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}

.section1{background: url('../images/sec1.jpg') no-repeat center;width: 100%;padding: 125px 0 83px}
.sec1_left{width: 608px;}
.sec1_tit p{font-size:30px;color: #0063bc;font-weight: bold;text-transform: uppercase;}
.sec1_tit span{font-size: 15px;color: #a1a1a1;text-transform: uppercase;font-family: Arial}
.sec1_nr{font-size: 15px;color: #000000;line-height: 35px;margin-top: 15px}
.sec1_more{display: block;margin-top: 20px;font-size: 14px;color: #747474}
.sec1_list{margin-top: 40px}
.sec1_list li{float: left;text-align: center;margin-right: 24px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);border-radius: 25px;overflow:hidden;}
.sec1_list li a{width: 120px;height:120px;font-size: 16px;padding-top: 75px;display: block;color: #5c5c5c;font-weight: bold;}
.sec1_list li:nth-child(1) a{background: #fff url('../images/icon1.png') no-repeat center top 25px;}
.sec1_list li:nth-child(2) a{background: #fff url('../images/icon2.png') no-repeat center top 24px;}
.sec1_list li:nth-child(3) a{background: #fff url('../images/icon3.png') no-repeat center top 24px;}
.sec1_list li:nth-child(4) a{background: #fff url('../images/icon4.png') no-repeat center top 26px;}

.sec1_list li:nth-child(1):hover a{background: #0063bc url('../images/icon11.png') no-repeat center top 25px;}
.sec1_list li:nth-child(2):hover a{background: #0063bc url('../images/icon22.png') no-repeat center top 24px;}
.sec1_list li:nth-child(3):hover a{background: #0063bc url('../images/icon33.png') no-repeat center top 24px;}
.sec1_list li:nth-child(4):hover a{background: #0063bc url('../images/icon44.png') no-repeat center top 26px;}

.sec1_list li:hover a{color: #fff;}
.sec1_right{background:url('../images/sec1_r.jpg') no-repeat top 28px right;padding:0 60px 60px 0}
.sec1_pic{width: 627px}

.sec1_bot{width: 1300px;margin:90px auto 0;}
.sec1_bot li{background: url('../images/l.jpg') no-repeat center right;height: 80px;width: 33.3%;text-align: center;}
.sec1_bot li p{font-size: 35px;color: #1b1b1b;font-weight: bold;font-family: Arial;letter-spacing: -2px;line-height:1;}
.sec1_bot li span{display: block;font-size: 16px;color: #5e5e5e;margin-top: 5px}
.sec1_bot li:last-child{background: transparent;}

.danye .sec1_bot li{text-align: left;width: auto;padding-right:80px;}
.danye .sec1_bot li:nth-child(1){padding-left: 0}
.danye .sec1_bot li:last-child{padding-right: 0}

/*.sec1_bot li:nth-child(1){padding:8px 60px 0 60px;}
.sec1_bot li:nth-child(2){padding:8px 60px;}
.sec1_bot li:nth-child(3){padding:8px 60px;}
.sec1_bot li:nth-child(4){padding:8px 50px;}
.sec1_bot li:nth-child(5){padding-left:50px;border:0px;background: transparent;}*/

.sec1_bot li.jia p{position: relative;display: inline-block;background: url('../images/jia.png') no-repeat top right;padding-right: 18px}

.section2{width: 100%;background: #eeeeee;padding: 50px 0 90px}
.sec2_tit{text-align: center;}
.sec2_tit p{color: #0063bc;font-size: 30px;font-weight: bold;line-height: 1;text-transform: uppercase;}
.sec2_tit span{display: block;font-size: 16px;color: #bbbbbb;text-transform: uppercase;margin-top:10px;}
.sec2_list li{float: left;width: 318px;height: 330px;background: #fff;margin-right: 17px;padding: 9px}
.sec2_list li:nth-child(4){margin-right: 0}
.sec2_list{margin-top: 35px}
/*.sec2_pic img{display: block;width: 300px;height: 190px}*/
.sec2_bt{font-size: 18px;font-weight: bold;color: #000000;text-align: center;margin:15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec2_jian{font-size: 13px;color: #6a6a6a;line-height: 23px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 260px;margin:0 auto;}

.sec2_list li .pic{position:relative;width:100%;height:0;padding-top:63%;}
.sec2_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec2_list li img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}


.section3{width: 100%;background:#f9fbfc url('../images/sec3.jpg') no-repeat top left;padding-top: 60px;padding-bottom: 20px}
.sec3_tit p{font-size: 30px;font-weight: bold;color: #fff;line-height: 1;text-transform: uppercase;}
.sec3_tit span{display: block;font-size: 16px;color:rgba(255,255,255,0.8);text-transform: uppercase;margin-top:8px;}
.sec3_tit{position:relative;}
.sec3_more{position: absolute;bottom: 0;right: 0;font-size: 13px;color: #a3a3a3;padding-right:30px;background: url('../images/jian.png') no-repeat center right;line-height: 2;}
.sec3_list{margin-top: 30px;background: #ffffff;padding: 40px 15px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.sec3_list li{float: left;background: #fff;margin:0 12px;width: 299px;}
.sec3_list li .pic{border: 1px solid #e0e0e0;}
.sec3_list li .pic{position:relative;width:100%;height:0;padding-top:100%;}
.sec3_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec3_list li img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}




.sec3_bt{text-align: center;font-size: 15px;color: #1e1e1e;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 50px;line-height: 50px;}

.section4{width: 100%;background: url('../images/sec4.jpg') no-repeat center bottom;padding: 105px 0 80px}
.sec4_tit p{font-size: 30px;font-weight: bold;color: #0063bc;line-height: 1;text-transform: uppercase;}
.sec4_tit span{display: block;font-size: 16px;color: #828282;text-transform: uppercase;margin-top:8px;}
.sec4_list li{float: left;padding:16px 16px 45px;background: #fff;margin-right:20.5px;width: 317px}
.sec4_list li:nth-child(4n){margin-right: 0}
.sec4_list{margin-top: 25px}

.sec4_list li a{display: block;}
.sec4_bt{font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:20px 0 15px;}
.sec4_jian{font-size: 13px;color: #808080;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;height: 45px}
.sec4_date{font-size: 15px;color: #646262;margin-top: 25px}


.sec4_list li .pic{position:relative;width:100%;height:0;padding-top:53%;}
.sec4_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec4_list li img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}



.section5{width: 100%;background: #eeeeee;padding: 70px 0 50px}
.sec5_list{margin-top: 30px}
.sec5_tit{font-size: 25.09px;color: #0063bc;font-weight: bold;text-transform: uppercase;}
.sec5_tit span{font-size: 16px;color: #949494;text-transform: uppercase;font-weight: normal;}

.sec4_tit{position: relative;}
.sec4_type{position: absolute;bottom: 0;right: 0}
.sec4_type a{font-size: 16px;color: #858585;display: inline-block;padding: 0 20px 0 10px;background: url('../images/xx.png') no-repeat center right;}
.sec4_type a:last-child{background: transparent;}
.sec4_type a:hover{color: #0063bc;text-decoration: underline;}

.bot1{background:url('../images/bot.jpg') no-repeat center bottom;background-size: cover}
.bot1_left{width: 863px;float: left;}
.bot1_left li{width:100%;margin-bottom:15px;padding: 0 8px}
.bot1_left li p{font-size: 15px;font-weight: bold;color: #222222;margin-bottom: 10px}
.bot1_left li p a{color: #222222}
.bot1_left .link a{color: #6f7987;margin-bottom: 15px;display: inline-block;}
.bot1_left .link{color: #6f7987;font-size: 12px;line-height: 15px;}

.bot1_left li.bot1_left_li3{border-bottom: 1px solid #324665;padding-bottom: 5px}
.bot1_left li.bot1_left_li4{padding-top: 10px}
.bot1_right{float: right;width: 400px;}
.bot1_ct{font-size: 20px;color: #222222;margin: 20px 0}
.bot1_contact li{font-size: 13px;color: #222222;padding-left: 25px;margin-bottom: 13px;line-height: 20px;}

.bot1_contact li.phone{background:url('../images/phone.png') no-repeat center left;}
.bot1_contact li.email{background:url('../images/email.png') no-repeat center left;}
.bot1_contact li.addr{background:url('../images/addr.png') no-repeat center left;}
.bot_code{width: 278px;padding-top: 20px}
.bot_code .code{width: 122px;text-align: center;font-size: 13px;color: #a3a3a3}
.code_t{margin-top: 10px}

.bot2{width: 100%;background: #0063bc;padding: 20px 0;font-size: 12px;color: #fff}
.bot2 a{color:#fff}
.bot1 .main{position:relative;padding: 64px 0 70px}
.totop{display: block;width: 94px;height: 83px;background: url('../images/top.jpg') no-repeat center;position: fixed;bottom:20%;right:0;;}
.search{display: block;background: url('../images/search.png') no-repeat center;width: 22px;height: 38px;margin-right: 8px}

.head1 .main{position:relative;width: 1200px;margin:0 auto;}

.sec1_more:hover{color: #0063bc}

.sec2_list li:hover .sec2_bt{color: #0063bc}
.sec2_list li{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.sec2_list li:hover{transform:translateY(-10px);}


.sec3_list li:hover .sec3_bt{color: #0063bc}

.sec4_list li{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.sec4_list li:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.sec4_list li:hover .sec4_bt{color: #0063bc}

.bot1_left li p a:hover{color: #0063bc}
.bot1_left .link a:hover{color: #0063bc}

.sec3_more:hover{color: #0063bc}

.topinfo{width: 100%;background: #ececec;height: 85px;line-height: 85px;}
.type li{float: left;margin-right:16px;text-align: center;background: transparent;}
.type li a{font-size: 15px;color: #000000;display: block;width: 100%;position: relative;}
.type li a:after{width: 0px;transition: all 0.5s;height: 1px;background:#0063bc;position: absolute;bottom:0;left: 0;display: block;content: '';}
.type li:hover a:after,.type li.active a:after{width: 100%;}
.type li:hover a,.type li.active a{color: #0063bc;}
.nail{font-size: 13px;color: #606060;background:url('../images/nail.png') no-repeat center left;padding-left:23px;}
.nail a{color: #606060 }
.nail span{color: #001b44}
.danye_left{width: 787px;margin-left:15px;}


.danye{padding:90px 0 100px;font-size: 15px;color: #000000;line-height: 35px;}
.news_list{padding-top: 60px}
.news_list li{width: 100%;background: #fff;padding: 25px;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);margin-bottom: 30px}

.grey{background: #f9fbfc}
.news_left{width: 260px}
.news_list li .pic{position:relative;width:100%;height:0;padding-top:75%;}
.news_list li .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.news_list li .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;object-position:top center}


.news_m{width: 810px;margin-left:27px;margin-right: 65px}
.news_r{width: 76px;}
.news_tit{font-size: 18px;color: #001b44;margin-bottom:25px;}
.news_jian{font-size: 14px;color: #686868;line-height: 26px;}
.news_date{margin-top:10px;color: #6b6b6b;margin-left:5px;}
.news_date .year{font-size: 14px;}
.time{font-size: 20px;}
.news_more{display: block;width: 75px;height:30px;line-height:30px;text-align: center;background:#0063bc;text-align: center;font-size: 12px;color: #fff;text-transform: uppercase;border-radius: 30px;margin-top: 10px}

.news_list li:hover{background: #0063bc}
.news_list li:hover .news_tit{color: #fff;}
.news_list li:hover .news_jian{color: #e5e9ef}
.news_list li:hover .news_date{color: #fff}
.news_list li:hover .news_more{background: #fff;color: #0063bc}
.page{padding:45px 0 60px;text-align: center;font-size: 0;}
.page a{display: inline-block;padding:0 14px;height: 40px;border:1px solid #d2d2d2;text-align: center;line-height: 40px;font-size: 18px;color: #898989;margin: 0 3px 5px 3px}
.page a.select{background: #0063bc;color: #fff;border:1px solid #0063bc;}
.page a.pre_page{margin-right:8px}
.ns{padding-top: 75px}
.ns_tit{text-align: center;font-size: 30px;color: #001b44;margin-bottom:30px}
.ns_info{text-align: center;font-size: 14px;color: #6b6b6b;margin-bottom: 45px}
.ns_nr{font-size: 15px;color: #686868;line-height: 2;padding-bottom: 60px;border-bottom: 1px solid #d6d6d6}
.fenye{padding: 55px 50px 120px}
.fenye li{margin-bottom: 15px;font-size: 15px;color: #9b9b9b}
.fenye li a{color: #383838}
.fenye li:hover a{color: #0063bc;text-decoration: underline;}

.case_list{padding-top: 65px}
.case_list li{width: 595px;height: 193px;margin-bottom: 35px;padding: 10px;}
.case_list li a{display: block;}
.case_list li .case_left{width: 246px;float: left;}
.case_list li .case_r{width: 295px;float: right;padding-top: 25px}
.case_list li .case_left img{width:246px;height: 173px}
.case_tit{font-size: 18px;color: #0063bc;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_jian{font-size: 14px;color: #686868;line-height:24px;}

.case_list li:hover .case_tit{color: #0063bc}
.case_list li:hover{box-shadow:0px 0px 20px rgba(0,0,0,0.2)}

.prod_list li{width: 300px;border:1px solid #e0e0e0;text-align: center;float: left;margin-bottom: 30px;margin-right: 43px;}
.prod_list li a{display: block;}
.prod_list li .tit{height:68px;line-height:68px;width: 100%;text-align: center;color: #1e1e1e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.prod_list{padding-top:70px;}
.prod_list li:nth-child(4n){margin-right: 0}
.prod_list li:hover .tit{color: #0063bc}

.prod_list li:hover p{color: #0063bc}
.ps_top{margin-top: 75px;margin-bottom: 45px}
.ps_left{width: 558px;position: relative;text-align: center;}
.ps_left img{display: block;max-height: 395px;margin:0 auto;border:1px solid #e0e0e0;}
.ps_right{width: 670px;padding-top:35px}
.ps_tit{font-size: 30px;color: #001b44;margin-bottom: 15px}
.ps_right ul{width: 490px;color: #303030;font-size: 14px;line-height:38px;}
.ps_xq{font-size: 16px;color: #303030;padding-left: 15px;padding-bottom: 15px;border-bottom: 1px solid #d6d6d6}
.ps_nr{padding: 50px 0 65px;border-bottom: 1px solid #d6d6d6;line-height: 2;font-size: 14px;}


.fenye2{padding: 55px 0 120px}
.fenye2 li{margin-bottom: 15px;font-size: 15px;color: #9b9b9b;width: 48%}
.fenye2 li a{color: #383838}
.fenye2 li:hover a{color: #0063bc;text-decoration: underline;}
.fenye2 li.right{text-align: right;}

.about1{padding:70px 0 90px;}
.about1_tit{text-align: center;font-size: 30px;font-weight: bold;color: #001b44}
.about1_tit span{display: block;font-size: 20px;color: #0063bc;font-weight: normal;margin-top:5px}
.about1_nr{width: 1200px;margin:0 auto;padding-top: 80px}
.about1_left{width: 550px;font-size: 15px;color: #747474;line-height: 32px;padding-top: 25px}
.about2_right{width: 550px;}

.about2{padding: 80px 0 110px;width: 100%;background: url('../images/about2.jpg') no-repeat center top;}
.about2_nr{margin-top:45px;text-align: center;}

.about3{width: 100%;background: #f9fbfc;padding:65px 0 10px;}
.about3_tit{text-align: center;font-size: 30px;font-weight: bold;color: #0063bc;margin-bottom:90px}
.sort_list li{width: 225px;height: 220px;background: #0063bc;color: #fff;border-radius: 20px;position: relative;margin-bottom: 105px;margin-right:100px}
.sort_list li i{position: absolute;width: 70px;height: 70px;display: block;background: #fff;top:-35px;left: 77px;font-size: 40px;color: #0063bc;font-weight: bold;border-radius: 50%;text-align: center;line-height: 70px;font-style: normal;transform:rotate(5deg);-webkit-transform:rotate(5deg);}
.sort_tit{font-size: 26px;font-weight: bold;text-align: center;padding-top: 60px;margin-bottom: 20px}
.sort_nr{width: 180px;margin:0 auto;font-size:15px;line-height: 28px;}
.sort_list{background: url('../images/lc1.png') no-repeat top 100px left 132px;width: 1200px;margin:0 auto;}

.sort_list li.sort_li4{margin-right:0px}
.sort_list li.sort_li5{margin-right:0px}

.cooperation{padding:85px 0 105px}
.cooperation .about1_tit{text-align: center;font-size: 30px;font-weight: bold;color: #001b44}
.cooperation .about1_tit span{display: block;font-size:18px;color: #535353;font-weight: normal;margin-top:10px}
.link_list{width:1202px;margin:40px auto 0;}
.link_list li{float: left;width:240px;border:2px solid #f2f2f2;border-left: 0;}
.link_list li a{height: 128px;width: 100%}
.link_list{border-left:2px solid #f2f2f2 }

.about4{width: 100%;background: #e7e7e7 url('../images/about4.jpg') no-repeat center bottom;padding: 80px 0 10px;}
.about4 .about3_tit{color: #001330;}
.about4 .sort_list li{background: #515151;}
.about4 .sort_list li i{color: #0b59cf;}
.about4 .sort_tit{font-size: 26px;font-weight: bold;text-align: center;padding-top: 60px;margin-bottom: 20px}
.about4 .sort_nr{width: 180px;margin:0 auto;font-size:15px;line-height: 28px;}
.about4 .sort_list{background: url('../images/lc1.png') no-repeat top 100px left 132px;width: 1200px;margin:0 auto;}

.search_list{overflow: hidden;}
.search_list li{transition:all 0.5s;-webkit-transition:all 0.5s;}
.search_list li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.search_list{padding:40px 0 70px}
.search_list li{
    position: relative;
    display: block;
    font-size: 16px;
    color: #2b2b2b;
    height: 89px;
    line-height: 87px;
    border: 1px solid #dbdbdb;
    padding: 0 30px 0 120px;
    background: url(../images/icon-rj.png) 37px center no-repeat #f8f8f8;
   border-radius: 0 0 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
   width: 98%;margin:22px auto 0;
}

.search_list li a{color: #2b2b2b;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 150px);float: left;}
.search_list li:hover{border:1px solid #0063bc;background-image: url(../images/icon-rj-on.png);}
.search_list li:hover a{color: #0063bc; }
.search_list li a::before {
    content: '';
    position: absolute;
    left: 93px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dbdbdb;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.search_list li:hover a::before{background-color: #0063bc;}
.about1_list{padding: 90px 0;width: 1150px;margin:0 auto;}
.about1_list li{display:block;width: 245px;height: 115px;margin:0 20px 45px;background: #dedede;text-align: center;font-size: 20px;color: #000;line-height: 38px;padding-top: 25px;float: left;}
.about1_list li.a1_1{background: url('../images/a1.jpg') no-repeat center left;}
.about1_list li.a1_2{background: url('../images/a2.jpg') no-repeat center left;}
.about1_list li.a1_3{background: url('../images/a3.jpg') no-repeat center left;}
.about1_list li.a1_4{background: url('../images/a4.jpg') no-repeat center left;}
/*.about1_list li.a1_5{background: url('../images/a5.jpg') no-repeat center left;margin-left: 135px}*/
.about1_list li.a1_5{background: url('../images/a5.jpg') no-repeat center left;}
.about1_list li.a1_6{background: url('../images/a6.jpg') no-repeat center left;}
.about1_list li.a1_7{background: url('../images/a7.jpg') no-repeat center left;}
.about1_list li a{display: block;color: #000;padding: 0 30px}

.about1_list li.a1_2 p{width: 130px;margin:0 auto;}
.about1_list li.a1_3 p{width: 160px;margin:0 auto;}
.about1_list li.a1_4 p{width: 130px;margin:0 auto;}
.about1_list li.a1_7 p{padding-top:15px}

.contact{width: 800px;margin:0 auto;}

header{background:#eeeeee;width:100%}
.head_main{width: 1720px;margin:0 auto;max-width: 90%;height: 120px}
.logo{margin-top:0;}
header .navlist{width: 750px}
header .navlist li{position: relative;}
header .navlist li:after{content: '';width:0px;height: 5px;background:#0063bc;border-radius: 5px;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);transition: all 0.5s}
header .navlist li:hover:after{width: 30px}
header .navlist li.active span{color: #0063bc}
header .navlist li:hover span{color: #0063bc}

.search_form{width: 295px;height: 40px;line-height: 40px;border-radius: 20px;background:#fff;}
.ss_bd{width:175px;height:40px;border:0;line-height: 40px;border-radius: 20px;padding-left:8px;float: left;background: transparent;color: #000;display: block;outline: none;}
.ss_btn{display: block;vertical-align: middle;width:25px;height:40px;background: url('../images/search2.png') no-repeat center;border:0px;}
header .tel{text-align: right;}
header .tel span{font-size: 16px;font-weight: bold;color: #222222;display: inline-block;background:url('../images/tel.png') no-repeat center left;padding-left:26px;}
header .tel p{font-size: 20px;font-weight: bold;color: #0063bc}

.lan{width: 80px;height: 30px;line-height: 28px;background:#fff;border-radius: 15px;text-align: center;font-size: 16px;}
.lan a.active{background:#0063bc;color: #fff;border-radius: 15px;}
.lan a{width: 40px;color: #999999;}

.navlist li{position: relative;}
.navlist li .two{width: 180px;position: absolute;top:110%;left:50%;transform:translateX(-50%);z-index: 1000;background:rgba(0,99,188,0.8);border-radius: 15px;transition: all 0.2s;visibility:hidden;opacity: 0;}
.navlist li .two dd a{padding:15px 9px;font-size: 14px;color: #fff}
.navlist li .two dd:hover>a{background:#fff;color: #222222}
header .navlist>li:hover .two{visibility: visible;opacity:1;top:100%;}

.navlist li .two dd:nth-child(1)>a{border-top-left-radius: 15px;border-top-right-radius: 15px}
.navlist li .two dd:last-child>a{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px}

.scale img{transition: all 0.5s linear;}
.scale .pic{overflow: hidden;}
.scale:hover img{transform:scale(1.05);}

 
.sec5_list .swiper-slide .pic{width:100%;background:#fff;}
.sec5_list .swiper-slide img{max-width: 100%;max-height: 100%}

.pre_page,.next_page{width: 42px}
.pre_page{background:url('../images/prev.png') no-repeat center;}
.next_page{background:url('../images/next.png') no-repeat center;}



.link_list li img{max-width: 100%;max-height: 100%}
.sec5_list .swiper-slide a{background:#fff;height: 84px}
.link_list li{border-top: 0}
.link_list{border-top: 2px solid #f2f2f2;}

.prod_type_top li{width: 650px;position: relative;border:1px solid #e9e9e9;}
.prod_type_top li  .pic{position:relative;width:100%;height:0;padding-top:42%;}
.prod_type_top li  .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_type_top li  .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.prod_type_top li .tit{font-size: 30px;font-weight: bold;color: #fff;position: absolute;top:80px;right: 30px;}
.scale img{transition: all 0.5s linear;}
.scale:hover img{transform:scale(1.05);}
.scale .pic{overflow: hidden;}

.prod_type{padding:30px 0 45px;}
.prod_type_top{margin-bottom: 30px}

.prod_type_bot li{border:1px solid #e9e9e9;width: 249px}
.prod_type_bot li .tit{font-size: 18px;font-weight: bold;color: #1e1e1e;text-align: center;line-height: 58px;}
.prod_type_bot li  .pic{position:relative;width:100%;height:0;padding-top:70%;}
.prod_type_bot li  .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_type_bot li  .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.prod_type_bot li:hover .tit{color: #0063bc}

.pro_type li a{display: block;padding:0 28px;font-size: 15px;color: #000000}
.pro_type li.active>a,.pro_type li:hover>a{background:#0063bc;color: #fff}
.pro_type li{position: relative;}
.pro_type li .two{width:940px;position: absolute;top:100%;left: 0;display: none}
.pro_type li .two dd{line-height: 50px;}
.pro_type li .two dd a{padding:0 14px;background:#0063bc;color: #fff}
.pro_type li .two dd:hover a,.pro_type li .two dd.active a{background:#26aae2;}


.prod_list li  .pic{position:relative;width:100%;height:0;padding-top:100%;}
.prod_list li  .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.prod_list li  .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.elements{margin-bottom:100px;}
.element_top{width: 80rem;height:32rem;margin:0 auto;display: flex;justify-content: space-between;}
.element_bottom{width:80rem;height: 10rem;margin:2rem auto 0;}
.column{width:4rem;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;margin:0 0.2rem;}
.line{width: 100%;height: 4rem;margin:0.4rem auto 0;display: flex;justify-content:flex-end;}
.base_element{width: 4rem;height: 4rem;background:#fff;border:1px solid #0063bc;border-radius: 10px;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #0063bc;font-size: 13px;margin:0.1rem auto;cursor: pointer;}
.base_element p{margin-top:5px;}
.column_element{margin-top:0.4rem;}
.line_element{width:4rem;height: 4rem;margin-left: 0.46rem;margin-right: 0;}

.column_3{padding-bottom: 9rem}
.opacity{opacity: 0.3;cursor: default;}

.view{border-radius: 12px!important;}
.tws{padding:45px 80px;}
.tws .tit{font-size: 36px;font-weight: bold;color: #222222}
.tws .des{font-size: 18px;color: #222222;margin:7px 0;}
.tws_list{margin:25px 0;}
.tws_list a{margin-bottom:15px;padding: 15px;display: flex;align-items: center;justify-content: center;min-width:60px;min-height:60px;background-color: #fff;border: 1px solid #cccccc;margin-right:10px;font-size: 20px;color: #222222;border-radius: 10px;}
.tws_list a:hover,.tws_list a.active{background:#0063bc;border:1px solid #0063bc;color: #fff}
.tws_btn{width: 200px;height: 60px;line-height: 60px;border-radius: 35px;background:#0063bc;font-size: 20px;font-weight: bold;color: #fff;text-align: center;display: block;}
.tws_btn:hover{color: #fff}

.brand_list li{width:209px;margin-right:15px;float: left;border:1px solid #eeeeee;text-align: center; margin-bottom:15px}
.brand_list li a{background:#fff;height: 84px}
.brand_list li:nth-child(6n){margin-right:0px;}
.brand_list {padding: 70px 0}

header .navlist li .two dd{position: relative;}
header .navlist li .three{width: 180px;position: absolute;left:110%;top:0%;z-index: 1000;background:rgba(0,99,188,0.8);border-radius: 15px;overflow:hidden;transition: all 0.2s;visibility:hidden;opacity: 0;}
header .navlist li .three  a{padding:15px 9px;font-size: 14px;color: #fff}
header .navlist li .three  a:hover{background:#fff;color: #222222}
header .navlist li .two dd:hover .three{visibility: visible;opacity:1;left:100%;}

.search_type{width:85px;display: block;border:0px;line-height:40px;height:40px;position: relative;cursor: pointer;}
.typename{background:#0063bc url("../images/jian2.png") no-repeat right 10px center;color: #fff;padding-left: 12px;border-radius: 20px;cursor: pointer;}
.search_type ul{width: 100%;background:#fff;border-radius: 8px;z-index: 1000;position: absolute;top:45px;left: 0;visibility: hidden;opacity: 0;transition: all 0.2s;}
.search_type li{height: 30px;line-height: 30px;border-bottom: 1px solid #eeeeee;text-align: center;cursor: pointer;color: #222222}
.search_type li:last-child{border:0;}
.search_type ul.active {top: 50px;visibility: visible;opacity: 1;}
.search_type ul li.active{color: #0063bc}

.wu{font-size: 20px;font-weight: bold;padding: 70px 100px;text-align: center;}

header.fixed,.topinfo.fixed{
    position: fixed;   
    left: 0;
    top: 0;
    display: block;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 1000;
}
@-ms-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
	-moz-transform: translate3d(0, -10%, 0);
	-ms-transform: translate3d(0, -10%, 0);
	-o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10% 0);
	-moz-transform: translate3d(0, -10%, 0);
	-ms-transform: translate3d(0, -10%, 0);
	-o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
	-moz-transform: translate3d(0, -10%, 0);
	-ms-transform: translate3d(0, -10%, 0);
	-o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
	-moz-transform: translate3d(0, -10%, 0);
	-ms-transform: translate3d(0, -10%, 0);
	-o-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*@media (max-width: 1800px){
	header .navlist{width:650px}
}
@media (max-width: 1600px) {
	.head_main{max-width: 98%}
	header .navlist{width: 570px}
  .navlist li span{font-size: 15px}
  header .tel p{font-size: 18px}
  .search_form{width: 260px}
  .ss_bd{width: 140px;font-size: 13px}

}*/

.danye,.prod_list,.news_list,.ns_nr{min-height: 400px}
.index_elements{padding: 70px 0;margin-bottom: 0}
header .main{width: 1200px;margin:0 auto;}
.header1{background:#f6f9fa;padding: 15px 0}
header .navlist{width: 855px;}
header .tel{margin-right: 15px}
header .search_form{margin-right: 15px;width: 300px}
.ss_bd{width: 180px}