@font-face {
     /*字体名称*/
  font-family: 'Roboto-Light';   /*字体名称*/
  src: url('../fonts/ROBOTO-LIGHT-10.TTF');       /*字体源文件*/
}

html,body{font-size: 20px;color: #333;font-family: 'Roboto-Light';}
body,a,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,tr,th,td{margin:0;padding:0;-webkit-text-size-adjust:none;list-style: none;word-wrap:break-word;}
a{text-decoration : none;color: #333;-webkit-tap-highlight-color: transparent; outline: none;}
.clear{clear:both;}
input,textarea,button{outline:none}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}

.main{width: 60rem;margin: 0 auto;}

.header{height: 5.5rem;}
header{height: 5.5rem;position: fixed;z-index: 2;background-color: #fff;top: 0px;left: 0px;right: 0px;}
header>.main{background-color: #fff;height: 5.5rem;}
header .logo{height:100%;float: left;}
header .nav{display: flex;float: right;}
header .nav .nav_li{padding: 0rem 2rem;font-size: 1rem;line-height: 5.5rem;height: 5.5rem;}
header .nav .nav_li:last-child{padding-right: 0rem;}
header .nav a{color: #33333380;}
header .nav .choice a{color: #333;}
header .nav .nav_bottom{position: absolute;left: 0rem;right: 0rem;z-index: -1;background-color: #fff;top: -20rem;transition: top 0.5s;height: 15rem;}
header .nav .nav_bottom .swiper-slide{text-align: center;}
header .nav .nav_bottom .swiper-slide img{height: 9.5rem;margin: 2rem auto 0rem;}
header .nav .nav_bottom .swiper-slide .p1{line-height: 2rem;height: 2rem;position: relative;top: -2rem;}
header .swiper-button-next:after,header .swiper-button-prev:after{font-size: 1.2rem;}
header .nav .nav_bottom_1{top: 5rem;}

.banner img{width: 100%;}
.banner .swiper-pagination{bottom: 1.5rem;}
.banner .swiper-pagination-bullet{width: 0.75rem;height: 0.75rem;background-color: #0696dc;opacity: .5;margin: 0 0.35rem!important;}
.banner .swiper-pagination-bullet-active{background-color: #0696dc;opacity: 1;}

.index_1{overflow: hidden;}
.index_1 .index_1_text{width: 22.2rem;float: left;}
.index_1 .index_1_text .index_1_text_1{height: 36.7rem; display: table-cell;vertical-align: middle;}
.index_1 .index_1_text .title{font-size: 2.5rem;line-height: 3rem;}
.index_1 .index_1_text .content{font-size: 0.75rem;line-height: 1.3rem;margin-top: 2rem;}
.index_1 .index_1_text .more{font-size: 0.8rem;width: 6rem;height: 2rem;line-height: 2rem;background-color: #999999;border-radius: 2.5rem;color: #fff;text-align: center;margin-top: 2rem;transition: all 0.5s;}
.index_1 .index_1_text .more:hover{background-color: #00adea;}
.index_1 .index_1_img{width: 34.5rem;float: right;margin:1.1rem 0;}
.index_1 .index_1_img img{float: left;width: 16.7rem;height: 16.7rem;}
.index_1 .index_1_img img:first-child,.index_1 .index_1_img img:nth-child(3){margin-right: 1.1rem;}
.index_1 .index_1_img img:first-child,.index_1 .index_1_img img:nth-child(2){margin-bottom: 1.1rem;}

.index_2{background-color: #f3f3f3;padding: 0.5rem;}
.index_2 .title{font-size: 2.5rem;line-height: 6rem;}
.index_2 .hr{width: 10rem;height: 0.1rem;background-color: #202020;}
.index_2 .content{padding: 2.5rem 3rem 2rem;overflow: hidden;}
.index_2 .content .list{float: left;width: 17.4rem;height: 14.6rem;margin-right: 0.8rem;margin-bottom: 0.8rem;position: relative;overflow: hidden;}
.index_2 .content .list:nth-child(3n+3){margin-right: 0rem;}
.index_2 .content .list img{width: 100%;height: 100%;transition: all 0.5s;}
.index_2 .content .list:hover img{transform: scale(1.1);}
.index_2 .content .list .text{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);color: #fff;opacity: 0;transition: opacity 1s;}
.index_2 .content .list .txt{display: table-cell;vertical-align: middle;width: 17.4rem;height: 14.6rem;}
.index_2 .content .list .p1{font-size: 2rem;max-width: 11.5rem;text-align: center;margin: 0 auto;line-height: 3rem;}
.index_2 .content .list .p2{font-size: 0.6rem;max-width: 11.5rem;text-transform: uppercase;text-align: center;margin: 0 auto;line-height: 1rem;}
.index_2 .content .list:hover .text{opacity: 1;}

.index_2 .content .list:nth-child(1){background-color: #ececec;}
.index_2 .content .list:nth-child(2){background-color: #ffbea7;}
.index_2 .content .list:nth-child(3){background-color: #ececec;}
.index_2 .content .list:nth-child(4){background-color: #ffd1a7;}
.index_2 .content .list:nth-child(5){background-color: #b0edff;}
.index_2 .content .list:nth-child(6){background-color: #ffd0d4;}

.index_3{overflow: hidden;background-image: url(../images/index_3_bj.jpg);background-size: 100% 100%;}
.index_3 .index_3_text{width: 22rem;float: left;}
.index_3 .index_3_text .index_3_text_1{height: 40rem; display: table-cell;vertical-align: middle;}
.index_3 .index_3_text .title{font-size: 2.5rem;line-height: 3rem;}
.index_3 .index_3_text .content{font-size: 0.75rem;line-height: 1.3rem;margin-top: 2rem;}
.index_3 .index_3_text .more{font-size: 0.8rem;width: 6rem;height: 2rem;line-height: 2rem;background-color: #999999;border-radius: 2.5rem;color: #fff;text-align: center;margin-top: 2rem;transition: all 0.5s;}
.index_3 .index_3_text .more:hover{background-color: #00adea;}
.index_3 .index_3_img{width: 33rem;float: right;position: relative;padding-top: 3rem;}
.index_3 .index_3_img .img_1{width: 18rem;height: 24.5rem;box-shadow: 0.25rem 0.25rem 0.5rem #ababab;}
.index_3 .index_3_img .img_2{width: 18rem;height: 24.5rem;position: absolute;top: 12.5rem;left: 14rem;box-shadow: 0.25rem 0.25rem 0.5rem #ababab;}

.index_4{padding: 3.5rem 0 2.3rem;}
.index_4 .hr{width: 5rem;height: 0.1rem;background-color: #202020;float: left;margin-top: 1.5rem;margin-right: 1rem;}
.index_4 .title{font-size: 2.5rem;text-transform:uppercase;float: left;}
.index_4 .content{overflow: hidden;margin-top: 2.5rem;}
.index_4 .content .list{width: 50%;float: left;}
.index_4 .content .list img{width: 100%;height: 17.85rem;}
.index_4 .content .list:first-child{background-color: #ababab;}
.index_4 .content .list:last-child{background-color: #999999;}
.index_4 .content .list .text{padding: 1rem;}
.index_4 .content .list .text .lorem{font-size: 1.45rem;color: #fff;height: 2rem;}
.index_4 .content .list .text .ipsum{font-size: 0.75rem;color: #fff;line-height: 1rem;height: 3rem;}

footer{background-image: linear-gradient(#319bdf, #5fc0fe);color: #fff;padding: 1.5rem 0 0;overflow: hidden;}
footer a{color: #fff;}
footer .list{float: left;}
footer .list:first-child{width: 15rem;}
footer .list:first-child .p1{font-size: 0.75rem;line-height: 1.2rem;margin-top: 0.3rem;}
footer .list:first-child b{text-transform: uppercase;}
footer .contact{font-size: 1.5rem;text-transform: uppercase;line-height: 3rem;}
footer .hr{width: 5rem;height: 0.1rem;background-color: #fff;margin-bottom: 1rem;}

footer .list:nth-child(2){font-size: 1.5rem;width: 17rem;text-align: right;}
footer a{display: inherit;margin-bottom: 1rem;text-transform: uppercase;line-height: 1.3rem;}
footer .list:nth-child(2) a:first-child{padding-top: 0.5rem;}

footer .list:last-child{width: 20rem;float: right;}
footer .list:last-child input{width: 100%;line-height:1.5rem;background-color: rgba(0,0,0,0);border: none; border-bottom: 0.1rem #fff solid;font-size: 0.75rem;text-transform: capitalize;color: #fff;font-family: 'Muller';font-weight: 600;margin-bottom: 0.5rem;}
footer .list:last-child textarea{width: 100%;height: 4rem; background-color: rgba(0,0,0,0);border: none; border-bottom: 0.1rem #fff solid;font-size: 0.75rem;text-transform: capitalize;padding-top: 0.3rem;color: #fff;font-family: 'Muller';font-weight: 600;margin-bottom: 0.5rem;}
footer input::-webkit-input-placeholder,footer textarea::-webkit-input-placeholder{color:#fff;}
footer input::-moz-placeholder,footer textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;}
footer input:-moz-placeholder,footer textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#fff;}
footer input:-ms-input-placeholder,footer textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#fff;}
footer button{width: 100%;color: #fff;background-color: #1ea6ff;border: none;border-radius: 0.2rem;line-height: 2rem;height: 2rem;text-transform: capitalize;}
footer .verification{position: relative;}
footer .codeimg{position: absolute;right: 0px;}

.products_1 .swiper-button-next,.products_1 .swiper-button-prev{color: #ccc;transform: scale(0.8);}

footer .main{overflow: hidden;}
footer .he{width: 100%; height: 0.1rem;background-color: #fff;clear:both;margin-top: 2rem;}
footer .suniver{line-height: 4.5rem;font-size: 1rem;text-transform: uppercase;}
footer .suniver .right{display: flex;float: right;margin-top: 1rem;}
footer .suniver .right img{margin: 0.6rem;}


.product_1{background-color: #fafafa;padding: 2.5rem;overflow: hidden;}
.product_1 .list{float: left;margin-right: 1rem;background-color: #fff;width: 19.3rem;margin-bottom: 1rem;}
.product_1 .list:nth-child(3n+3){margin-right: 0rem;}
.product_1 .list .list_img{width: 80%;height: 12.5rem;padding: 5% 10%;}
.product_1 .list .list_img img{width: 100%;transition: all 0.5s;}
.product_1 .list:hover .list_img img{transform: scale(1.1);}
.product_1 .list .text{padding: 1rem;}
.product_1 .list .text .p1{font-size: 0.9rem;color: #cc3333;border-bottom: 1px #cc3333 solid;}
.product_1 .list .text .p2{font-size: 0.9rem;color: #999999;margin-top: 0.3rem;}
.product_1 .list .text .p3{font-size: 1.4rem;letter-spacing: 0.02rem;text-align: center;overflow: hidden;}

.products_1{overflow: hidden;padding: 3rem 0rem 5rem;}
.products_1 .products_1_img{width: 21rem;text-align: center;float: left;}
.products_1 .swiper-container{padding-bottom: 2.5rem;}
.products_1 .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;}
.products_1 .swiper-pagination-bullet-active{background-color: #000;}
.products_1 .swiper-pagination{bottom: 0.5rem;}
.products_1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0rem 0.4rem;}
.products_1 .products_1_content{width: 32rem;float: right;}
.products_1 .products_1_content .p1{font-size: 1.2rem;text-transform: uppercase;margin-top: 2rem;white-space: nowrap;color: #000;margin-bottom: 1rem;}
.products_1 .products_1_content .p2{font-size: 1rem;margin-bottom: 1.5rem;}
.products_1 .products_1_content .content{font-size: 0.75rem;line-height: 1.4rem;}


.productlist_1{background-color: #fafafa;padding: 2.5rem;overflow: hidden;}
.productlist_1 .list{float: left;margin-right: 1rem;background-color: #fff;width: 19.3rem;margin-bottom: 1rem;height: 25rem;}
.productlist_1 .list:nth-child(3n+3){margin-right: 0rem;}
.productlist_1 .list .list_img{width: 100%;height: 16rem;overflow: hidden;}
.productlist_1 .list .list_img img{width: 100%;height: 100%;transition: all 0.5s;}
.productlist_1 .list:hover .list_img img{transform: scale(1.1);}
.productlist_1 .list .text{padding: 1rem 1.5rem 1.5rem;}
.productlist_1 .list .text .p1{font-size: 0.9rem;color: #cc3333;border-bottom: 1px #cc3333 solid;}
.productlist_1 .list .text .p2{font-size: 0.9rem;color: #999999;margin-top: 0.3rem;}
.productlist_1 .list .text .p3{font-size: 1.13rem;margin-top: 0.5rem;letter-spacing: 0.02rem;line-height: 1.7rem;overflow: hidden;}


.products_2{overflow: hidden;padding-bottom: 2.2rem;}
.products_2 .products_2_left{width: 100%;}
.products_2 .products_2_left .title{font-size: 2.5rem;}
.products_2 .products_2_left table{width: 100%;border-collapse: collapse;border-spacing: 0;margin-top: 2.5rem;}
.products_2 .products_2_left table td{font-size: 0.8rem;padding:0.5rem 1rem;line-height: 1.4rem;border: 1px #ccc solid;}

.products_2 .products_2_right{width: 100%;padding-top: 3rem;}
.products_2 .products_2_right .title{font-size: 2.5rem;}
.products_2 .products_2_right .content{overflow: hidden;padding: 0.5rem;margin-top: 2rem;}
.products_2 .products_2_right .content .list{float: left;width: 7.3rem;height: 14.5rem;}
.products_2 .products_2_right .content .list img{width: 100%;height: 100%;height: 8.5rem;box-shadow: 0px 0px 5px #e2e2e2;border-radius: 0.2rem;margin-bottom: 0.5rem;}
.products_2 .list:first-child,.products_2 .list:nth-child(2){margin-right: 1rem;}
.products_2 .products_2_right .content .list .p1{font-size: 0.7rem;font-weight: bold;}
.products_2 .products_2_right .content .list .p2{font-size: 0.6rem;height: 3.4rem;}

.products_3{padding-bottom: 1rem;}
.products_3 .title{font-size: 2.5rem;text-transform: uppercase;line-height: 7.5rem;}
.products_3 .content{overflow: hidden;}
.products_3 .content .list{float: left;width: 24rem;margin-bottom: 1.6rem;}
.products_3 .content .list:nth-child(even){float: right;width: 31rem;}
.products_3 .content .list .name{font-size: 0.9rem;text-transform: uppercase;border-bottom: 1px #333 solid;line-height: 2.25rem;}
.products_3 .content .list .txt{font-size: 0.45rem;height: 2rem;line-height:0.7rem;overflow: hidden;text-align: center;margin-top: 0.4rem;}
.products_3 .content .list .list_img{width: 4rem;float: left;margin-top: 1rem;margin-right: 1.4rem;}
.products_3 .content .list .list_img:last-child{margin-right: 0px;}
.products_3 .content .list .list_img .img{height: 4rem;border-radius: 50%;overflow: hidden;border: 1px #333 solid;}
.products_3 .content .list .list_img .img img{width: 4.1rem;height: 4.1rem;position: relative;top: -0.05rem;left: -0.05rem;}
.products_3 img{width: 100%!important;height: 100%!important;}

.about_1 .scroll{font-size: 0.75rem;color: #ccc;width: 50rem;margin: 2rem auto 0rem;}
.about_1 .name{font-size: 2.5rem;margin: 3rem auto 0rem;}
.about_1 .content{font-size: 1rem;margin: 2rem auto 3rem;letter-spacing: 0.01rem;line-height: 1.7rem;}

.about_2{overflow: hidden;margin-top: 4rem;}
.about_2 .list{width: 100%;overflow: hidden;height: 20rem;margin: 1.2rem 0rem;}
.about_2 .list:nth-child(odd) img{float: left;width: 45%;}
.about_2 .list:nth-child(odd) .text{float: left;width: 55%;}
.about_2 .list:nth-child(odd) .txt{display: table-cell;vertical-align: middle;height: 18rem;padding-left: 7rem;}
.about_2 .list:nth-child(odd) .txt .name{font-size: 2rem;}
.about_2 .list:nth-child(odd) .txt .contetn{font-size: 1rem;margin-top: 2rem;line-height: 1.5rem;}
.about_2 .list:nth-child(even){float: right;}
.about_2 .list:nth-child(even) img{float: right;width: 45%;}
.about_2 .list:nth-child(even) .text{float: left;width: 55%;}
.about_2 .list:nth-child(even) .txt{display: table-cell;vertical-align: middle;height: 18rem;padding-right: 7rem;}
.about_2 .list:nth-child(even) .txt .name{font-size: 2rem;}
.about_2 .list:nth-child(even) .txt .contetn{font-size: 1rem;margin-top: 2rem;line-height: 1.5rem;}

.about_3{overflow: hidden;background-size: 100% 100%;padding-bottom: 3rem;}
.about_3 .title{font-size: 2.5rem;line-height: 7rem;}
.about_3 .list{width: 20rem;height: 16rem;float: left;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}

.about_4{overflow: hidden;margin: 2rem auto;}
.about_4 .about_4_left{width: 18rem;height: 38rem;background-color: #313131;color: #fff;font-size: 2rem;float: left;}
.about_4 .about_4_left .p1{height: 40rem;writing-mode: vertical-lr;margin: 0 auto;padding-top: 10rem;}
.about_4 .about_4_right{width: calc(100% - 19rem);float: right;}
.about_4 .about_4_right .swiper-container{margin-top: 1.3rem;}
.about_4 .about_4_right p{font-size: 1.5rem;text-align: center;line-height: 3.5rem;}
.about_4 .about_4_right img{width: 100%;height: 100%;}

.news_1{background-color: #f6f6f6;overflow: hidden;padding: 3rem 0rem;}
.news_1 .list{float: left;width: 19.3rem;margin-right: 1rem;margin-bottom: 1.5rem;}
.news_1 .list:nth-child(3n+3){margin-right: 0rem;}
.news_1 .list .list_img{width: 100%;height: 12rem;overflow: hidden;}
.news_1 .list .list_img img{width: 100%;height: 100%;transition:0.5s;}
.news_1 .list .list_content{padding: 0.5rem;background-color: #fff;transition:0.3s;}
.news_1 .list .list_content .title{line-height: 2rem;height: 2rem;overflow: hidden;transition:0.3s;}
.news_1 .list .list_content .text{line-height: 1rem;height: 2rem;overflow: hidden;font-size: 0.7rem;color: #999;transition:0.3s;}
.news_1 .list .list_content .time{line-height: 1rem;overflow: hidden;font-size: 0.7rem;color: #999;padding-top: 1.5rem;transition:0.3s;}
.news_1 .list:hover .list_img img{transform: scale(1.1);}
.news_1 .list:hover .list_content{background-color: #026eb4;background-image: linear-gradient(to right, #75c4ec, #2e9de6);}
.news_1 .list:hover .list_content .title{color: #fff;}
.news_1 .list:hover .list_content .text{color: #fff;}
.news_1 .list:hover .list_content .time{color: #fff;}

.news_b{padding: 3rem 0rem 5rem;}
.news_b .title{font-size: 1.5rem;text-align: center;}
.news_b .time{font-size: 0.9rem;text-align: center;margin-top: 1rem;}
.news_b .content{padding: 2rem 0rem;}



.products_4{padding-bottom: 4rem;}
.products_4 .title{font-size: 2.5rem;text-transform: uppercase;line-height: 7.5rem;text-transform: uppercase;}
.products_4 .content{display: flex;justify-content: space-between;}
.products_4 .content .list{width: 11rem;text-align: center;}
.products_4 .content .list .list_img{width: 11rem;height: 9.5rem;overflow: hidden;}
.products_4 .content .list img{width: 100%;height: 100%;transition: all 0.5s;}
.products_4 .content .list .p1{color: #202020;font-size: 0.9rem;margin-top: 0.5rem;}
.products_4 .content .list .p2{color: #202020;font-size: 1rem;margin-top: 0.2rem;line-height: 2rem;height: 2rem;overflow: hidden;}
.products_4 .content .list .p3{color: #202020;font-size: 0.75rem;background-color: #999999;line-height: 1.5rem;width: 5rem;color: #fff;border-radius: 50px;margin: 1rem auto 0rem;transition: all 0.5s;}
.products_4 .content .list:hover img{transform: scale(1.1);}
.products_4 .content .list:hover .p3{background-color: #00a8e6;}






.about_4{padding-bottom: 4.5rem;}
.about_4 .title{text-align: center;font-size: 2rem;margin: 3rem auto 0rem;text-transform: uppercase;border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 5px 0px 10px;
    width: 16rem;}
.about_4 .hr{width: 3.5rem;height: 0.05rem;background-color: #d2271f;margin: 1rem auto 3rem;}
.about_4 .main{width: 62rem;}
.about_4 .swiper-container{padding: 2rem 0rem;}
.about_4 .swiper-slide .img{width: calc(100% - 2rem);padding: 1rem;}
.about_4 .swiper-slide .img img{width: 100%;box-shadow: 0rem 0rem 0.5rem #adadad;}
.about_4 .swiper-slide{transition: all 0.3s ease;}
.about_4 .swiper-slide:hover{transform: scale(1.1);}












@media screen and (max-width: 1600px) {
html,body{font-size: 18px;}
}

@media screen and (max-width: 1300px) {
html,body{font-size: 16px;}
}