html,body{width: 100%; margin: 0px; padding: 0px;}
a,p{margin: 0px; padding: 0px; text-decoration: none; color:#333;}

.toper{width: 100%; min-height: 54px; background: #fff; position: fixed; top: 0px; left: 0px; z-index: 998; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap}
.toper .naver{width: 1250px; height: 54px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.toper .naver .logo{width: 120px; height: 54px; }
.toper .naver .logo img{height: 32px; margin-top: 14px;}
.toper .naver .nav{width:600px; min-height: 54px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.toper .naver .nav a{width: 100px; height: 53px; line-height: 53px; display: block; color:#222; text-align: center; font-size: 15px; overflow: hidden;}
.toper .naver .nav .active{ background: url(../image/line.png) 0px 48px no-repeat; }
.toper .naver .nav a:hover{background: url(../image/line.png) 0px 48px no-repeat; }
.toper .naver .part{width: 450px; height: 54px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center}
.toper .naver .part a{display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 85px; color: #222; margin-left: 10px; font-size: 12px; text-align: center;}
.toper .naver .part a img{width: 18px; height: 18px;margin-right: 7px;}
.toper .naver .part .contact{border: 1px solid #222; border-radius: 5px; padding: 5px 0px;}
.toper .naver .part .language{border: 1px solid #222;border-radius: 3px; height: 26px;}
.toper .naver .part .language small{margin-left: 5px}

.toper .subnavs{width: 1250px; height: auto;display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap }
.toper .subnavs .logo{width: 120px; }
.toper .subnavs .navs{width:960px;display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.toper .subnavs .navs .nv{min-width: 100px; margin-left: 0px; min-height: 50px; margin-bottom: 15px;}
.toper .subnavs .navs .nv .link{ height: 33px; line-height: 33px; display: block; overflow: hidden; text-align: center; color: #222; font-size: 14px;}
.toper .subnavs .navs .nv1{margin-left: 100px;  }
.toper .subnavs .navs .nv2{margin-left: 100px;  }


/* .toper .subnavs .navs .pros2{width: 960px;  min-height: 270px; }
.toper .subnavs .navs .pros2 .products { width: 650px; margin-left: 30px;  min-height: 270px; display: flex; flex-direction: row; justify-content:center;align-items: flex-start; flex-wrap: wrap}
.toper .subnavs .navs .pros2 .products .series{width: 150px; height: 200px;  margin-top: 30px; display: flex;flex-direction: column; justify-content: center; align-items: center;}
.toper .subnavs .navs .pros2 .products .series a{color:#fff; height: 42px; line-height: 42px; width: 100%; text-align: left; font-size: 14px;}
.toper .subnavs .navs .pros2 .products .series .act{background: url(../demo/nav_bottom.jpg) no-repeat left bottom;} */

.toper .subnavs .navs .pros2 .pts{width: 500px;  min-height: 200px; margin-top: 30px;}
.toper .subnavs .navs .pros2 .pts .pro_info{width: 100%;  height: 42px; line-height: 42px; margin-left: 20px; text-align: center; font-size: 16px; color:#fff}
.toper .subnavs .navs .pros2 .pts .pro_list{width: 100%; min-height: 100px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.toper .subnavs .navs .pros2 .pts .pro_list .pro_detail{width:400px; height: 260px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.toper .subnavs .navs .pros2 .pts .pro_list .pro_detail img{ width:160px; height:160px;}
.toper .subnavs .navs .pros2 .pts .pro_list .pro_detail .tit{line-height: 24px; text-align: center; color: #fff; font-size: 14px;  margin-top: 10px; letter-spacing: 1px;}



.toper .subnavs .navs .pros2 .products .product{width: 19%; height: 200px; background: url(../image/rline.jpg) no-repeat right center;}
.toper .subnavs .navs .pros2 .products .product .tit{line-height: 24px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-top: 10px; letter-spacing: 1px;}
.toper .subnavs .navs .pros2 .products .product .tip{line-height: 16px; color: #333; text-align: center; font-size: 12px;margin-top:0px;}
.toper .subnavs .navs .pros2 .products .product .img{width: 100%; height: 140px; margin-top: 15px; border-radius: 5px; overflow: hidden;}
.toper .subnavs .navs .pros2 .products .product .img img{width: 100%; vertical-align: top}


.toper .subnavs .navs .pros{width: 960px;  min-height: 200px; display: none; margin-bottom: 15px;}
.toper .subnavs .navs .pros .products{ width: 960px;  height: 200px; display: flex; flex-direction: row; justify-content:space-between;align-items: flex-start; flex-wrap: wrap}
.toper .subnavs .navs .pros .products .product{width: 19%; height: 200px; background: url(../image/rline.jpg) no-repeat right center;}
.toper .subnavs .navs .pros .products .product .tit{line-height: 24px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-top: 10px; letter-spacing: 1px;}
.toper .subnavs .navs .pros .products .product .tip{line-height: 16px; color: #333; text-align: center; font-size: 12px;margin-top:0px;}
.toper .subnavs .navs .pros .products .product .img{width: 100%; height: 140px; margin-top: 15px; border-radius: 5px; overflow: hidden;}
.toper .subnavs .navs .pros .products .product .img img{width: 100%; vertical-align: top}

.toper .subnavs .part{width: 90px;  display: flex; flex-direction: row; justify-content: flex-end; align-items: center; background: #ccc;}


.header{width: 100%;height: 54px; background: rgba(35,35,35,.8); position: fixed; top: 0px; left: 0px; z-index: 998; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap}
.header .naver{width: 1250px; height: 54px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.header .naver .logo{width: 120px; height: 54px; }
.header .naver .logo img{height: 32px; margin-top: 14px;}
.header .naver .nav{width:600px; min-height: 54px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.header .naver .nav a{width: 100px; height: 53; line-height: 53px; display: block; color:#fff; text-align: center; font-size: 15px;}
.header .naver .nav .active{ background: url(../image/line.png) 0px 48px no-repeat; }
.header .naver .nav a:hover{background: url(../image/line.png) 0px 48px no-repeat; }

.header .naver .part{width: 450px; height: 54px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center}
.header .naver .part a{display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 85px; color: #fff; margin-left: 10px; font-size: 13px; text-align: center;}
.header .naver .part a img{width: 18px; height: 18px;margin-right: 7px;}
.header .naver .part .language{border: 1px solid #fff;border-radius: 3px; height: 26px;}
.header .naver .part .language small{margin-left: 5px}

.header .naver .nav .sub_nav{width: 100px; min-height: 100px; }
.header .naver .nav .sub_nav1{ width: 100px;opacity: 1;}
.header .naver .nav .sub_nav1 a{height: 34px; line-height: 34px; font-size: 14px;}
.header .naver .products{ width: 960px; margin-left: 180px; height: 200px; opacity: 0; position: absolute; top: 0px; display: flex; flex-direction: row; justify-content:space-between;align-items: flex-start; flex-wrap: wrap}
.header .naver .products .product{width: 24%; height: 200px; }
.header .naver .products .product .tit{line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; margin-top: 5px; letter-spacing: 1px;}
.header .naver .products .product .tip{line-height: 16px; color: #fff; font-size: 12px;margin-top:0px;}
.header .naver .products .product .img{width: 100%; height: 140px; margin-top: 10px; border-radius: 5px; overflow: hidden;}
.header .naver .products .product .img img{width: 100%; vertical-align: top}

.slider{width: 100%; position: relative; min-height: 300px; overflow: hidden; background-size:cover;
    display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
}
.slider .mask{width: 1250px; height: 100%; z-index: 99; position: absolute;display: flex; flex-direction: column; justify-content: flex-end; align-items: center}
.slider .mask .tit{width: 280px; height: 70px; background: url(../image/product4_name.png) no-repeat; background-size:100% 100%;}
.slider .mask .tip{font-size: 42px;  color: #fff; margin-top: 50px;}
.slider .slider_btn2{width: 1250px; height: 46px; display: flex; flex-direction: row; justify-content: center; align-items: center;margin-bottom: 14%; margin-top: 50px;}
.slider .slider_btn2 a{display: block; border: 1px solid #fff; font-weight: bold; border-radius: 46px; width: 200px; float: left; margin-right: 30px; color: #fff; text-align: center; line-height: 48px;}
.slider .slider_btn2 a:hover{background: #fff;color:#111}

.slider .slider_btn{width: 1250px; height: 54px;bottom: 25%; z-index: 99; position: absolute;}
.slider .slider_btn a{display: block; border: 1px solid #fff; border-radius: 8px; width: 160px; float: left; margin-right: 30px; color: #fff; text-align: center; line-height: 48px;}
.slider .slider_btn a:hover{background: #fff;color:#111}

    

.title{width: 100%; line-height: 80px; padding: 40px 0px; font-weight: bold; font-size: 32px; color:#222; text-align: center}


.partner{width: 900px;  min-height: 180px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content:space-between; align-items: center; flex-wrap: wrap}
.partner .item{width:220px; height: 70px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 10px;}
.partner .item img{height: 70px;filter: grayscale(100%);opacity: 0.6;}
.partner .item img:hover{filter: grayscale(0%);opacity:1;}

.product_home{width: 100%; min-height: 600px; background: #515860;}
.product_home .product_content{width: 1250px; min-height: 600px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.product_home .product_content .product_img{width: 45%;margin-top: 75px;}
.product_home .product_content .product_img img{width: 100%;}
.product_home .product_content .product_intro{width: 52%;color:#fff; margin-top: 70px;}
.product_home .product_content .product_intro .name{font-size: 58px;color:#fff; line-height: 60px; letter-spacing: 1px; font-weight: bold; }
.product_home .product_content .product_intro .tip{color:#ddd; line-height: 42px; margin-top: 20px; font-size: 24px; letter-spacing: 2px;}
.product_home .product_content .product_intro img{width: 90%; margin-top: 80px}

.field{width: 1250px; min-height: 100px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.field .item{width: 31%; min-height: 100px; margin-bottom: 30px; position: relative; cursor: pointer; display: block;transform: scale(1);transition: .2s;}
.field .item:hover{transform: scale(1.1);transition: .2s;}
.field .item img{width: 100%;}
.field .item .cn{position: absolute; bottom: 80px; left: 30px; font-size: 24px; color:#fff; font-weight: bold; letter-spacing: 2px}
.field .item .more{position: absolute; bottom: 32px; left: 28px; font-size: 12px; color:#fff; border: 1px solid #fff; border-radius: 7px; padding: 0px 12px; line-height: 28px; text-align: center;}
.field .item .more:hover{background: #fff; color: #333}


.goods{width: 1250px; min-height: 500px; display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.goods .lt{width: 780px; min-height: 500px;overflow: hidden; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap}
.goods .lt .imgs{width: 100px; min-height: 500px}
.goods .lt .imgs img{width: 80px; height: 80px; padding: 2px; border: 1px solid #ccc; margin-bottom: 8px; cursor: pointer;}
.goods .lt .imgs .act{border:1px solid #333}
.goods .lt .img{ width: 550px; height: 550px; margin-left: 20px;}
.goods .lt .img img{width: 550px; height: 550px; overflow: hidden;}
.goods .rt{width: 430px; min-height: 500px;}
.goods .rt .gname{width: 100%; line-height: 50px; font-size: 28px; font-weight: bold; color: #222}
.goods .rt .price{width: 100%; line-height: 50px; font-size: 18px; color: #333;}
.goods .rt .tips{width: 100%; line-height: 34px; font-size: 14px; color: #333; display: flex; flex-direction: row; justify-items: flex-start; align-items: center}
.goods .rt .tips img{width: 26px; margin-right: 10px;}
.goods .rt .g{width: 100%; line-height: 20px; font-size: 14px; color: #666; margin-top: 26px;}
.goods .rt .ps{width: 100%; margin-top: 10px; line-height: 34px;  display: flex; flex-direction: row; justify-items: flex-start; align-items: center}
.goods .rt .ps .item{padding: 2px 20px; margin-right: 12px; border: 1px solid #ccc; color:#999; background: #eee; font-size: 14px; border-radius: 2px}
.goods .rt .ps .act{color:#333; border: 1px solid #222; background: none}
.goods .rt .btn{display: block; width: 370px; line-height: 42px; background: #222; text-align: center; color:#fff; border-radius: 2px; margin-top: 30px;}
.goods .rt .nums{width: 100%; margin-top: 10px; line-height: 34px;  display: flex; flex-direction: row; justify-items: flex-start; align-items: center}
.goods .rt .nums .add{width: 40px; height: 38px; text-align: center; margin-right: 10px; color:#333; border: 1px solid #222;font-size: 24px; border-radius: 2px}
.goods .rt .nums .mins{width: 40px; height: 38px; text-align: center; margin-right: 10px; color:#333; border: 1px solid #222;font-size: 24px; border-radius: 2px}
.goods .rt .nums .num{width: 40px; height: 36px; border: 1px solid #222; margin-right: 10px; text-align:center; -webkit-appearance: none; border-radius: 2px; outline: none; font-size: 16px;}

.gnv{width: 100%; height: 40px;}
.gnv a{padding: 15px 30px; line-height: 40px; color: #333; font-size: 16px; font-weight: bold;}
.gnv .act{padding: 15px 30px; line-height: 40px; border-bottom: 1px solid #333;color: #333; font-size: 16px;}
.container .policy .cnt{margin: 0px 80px; min-height: 300px; margin-top: 40px; margin-bottom: 30px; line-height: 30px; display: none;}
.container .policy .cnt p{line-height: 30px;}

.gif{width: 100%; min-height: 200px; margin-top: 50px; display: none;}
.gif img{width: 100%;margin:0px; padding: 0px;vertical-align:middle}

.car{width: 60px; height: 60px; position: fixed; right: 40px; bottom: 50px; background: #222; border-radius: 60px;}
.car .cl{width: 60px; height: 60px; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center}
.car .cl img{width: 36px; height: 36px;}
.car .cl .n{position: absolute; width: 20px; height: 20px; top: 0px; background: #f00; text-align: center; border-radius: 20px; color:#fff; font-size: 12px; line-height: 20px; right: 0px;}


.titles2{width: 100%; text-align: center; font-size: 2.4rem; line-height: 160px; font-weight: bold; color: #444; background: #fff; margin-top: 80px; }
.main{width: 100%; min-height: 300px; background: #fff;margin-top: 80px; overflow: hidden;}
.main .cars{width:60%; margin-left: 20%; min-height: 100px; padding-top: 20px; background: #fff; padding-bottom: 80px;}
.main .cars .grid{width: 100%; min-height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap:wrap; border-bottom: 1px solid #ddd;}
.main .cars .title{color: #666; font-size: .8rem; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd;}
.main .cars .grid .m40{width:40%;}
.main .cars .grid .m15{width:15%; text-align: right}
.main .cars .grid .items{ min-height: 100px; display: flex; flex-direction:column; justify-content: center; color: #333; font-size: .94rem; }
.main .cars .grid .items img{width:80%; margin-top: 15px; margin-bottom: 15px;}
.main .cars .grid .items .num{width:80px; height: 24px; text-align: center; outline: none}
.main .cars .grid .items a{font-size: .94rem; text-decoration: underline; font-weight: normal; margin-top: 15px;}
.main .cars .total{margin-top: 40px; width: 100%; text-align: right; color:#333}
.main .cars .total .checkout{width: 160px; margin-top: 20px; display: block; float: right;  background: #333; color: #fff; text-align: center; line-height: 36px; border-radius: 3px;}


.main .empty{margin-top: 40px; width: 100%; text-align: center; color:#333;}
.main .empty a{padding:10px 24px; background: #333; font-size:.94rem; color: #fff; text-align: center; line-height: 36px; border-radius: 3px;}


.payment{width: 100%; min-height: 600px; margin-top: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.payment .infos{width: 55%; min-height: 500px; background: #fff;border-right: 1px solid #ccc; padding-bottom: 100px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; }
.payment .infos .naver{ width: 55%; margin-right: 50px; margin-top: 50px; line-height: 20px; color:#777; font-size: .8rem}
.payment .infos .nav{ width: 55%; margin-right: 50px; margin-top: 30px; line-height: 20px; color:#333; font-size: 1.1rem}

.payment .infos .input{ width: 55%; margin-right: 50px; margin-top: 20px;  height: 40px;  }
.payment .infos .input input{border: 1px solid #ccc; border-radius: 3px; width: 99%; height: 38px; outline: none; text-indent: 10px;color:#333;}
.payment .infos .input input:focus{border:1px solid #1878b9}

.payment .infos .inputs{ width: 55%; margin-right: 50px; margin-top: 20px; height: 40px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap}
.payment .infos .inputs input{border: 1px solid #ccc; width:47%; border-radius: 3px; height: 38px; outline: none; text-indent: 10px;color:#333;}
.payment .infos .inputs input:focus{border:1px solid #1878b9}

.payment .infos .shipping{ width: 55%; margin-right: 50px; background: url(https://www.deeprobotics.cn/public/static/robot/images/cir.png) 0px no-repeat; background-size:40px 40px;   margin-bottom: 10px; font-size: .9rem; line-height:50px; border-radius: 3px; display: flex; flex-direction: row; justify-content: space-between; text-indent: 40px; align-items: center; color:#666;border:1px solid #ccc;}
.payment .infos .shipping span{margin-right: 20px;color: #333}

.payment .infos .ptype{ width: 55%; margin-right: 50px;   margin-bottom: 10px; font-size: 14px; line-height:42px; border-radius: 3px; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; color:#999;border:1px solid #ddd;}
.payment .infos .ptype img{width: 38px; height: 38px; margin-left: 15px; margin-right: 10px;}
.payment .infos .act{color:#333;border: 1px solid #1878b9;}

.payment .infos .address{ width: 55%; min-height: 68px; margin-right: 50px;  margin-top: 30px; font-size: .9rem; border: 1px solid #ccc;  border-radius: 3px; }
.payment .infos .address p{width: 94%; margin: 0px; padding: 0px; margin-left: 3%; height: 42px; overflow: hidden; line-height: 42px; font-size: .86rem; border-bottom: 1px solid #ccc;color: #666}
.payment .infos .address p:last-child{border-bottom: 0px; }
.payment .infos .address p span{margin-left: 20px;}

.payment .infos .btns{ width: 55%; margin-right: 50px; margin-top: 30px; line-height: 20px; color:#333; font-size: 1.1rem}
.payment .infos .btns a{display: block; padding: 10px 15px; background: #1878b9; color: #fff; text-align: center; line-height: 40px; width: 160px; border-radius: 5px; font-size: .89rem}
.payment .infos .btns a:hover{background: #0481d5;}

.payment .cart{width: 45%; min-height: 500px; }
.payment .cart .goods2{ width:55%; min-height: 200px; margin-top: 50px;  margin-left: 50px;}
.payment .cart .goods2 .pros{width: 100%; min-height: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.payment .cart .goods2 .pros .img{width: 18%; position: relative;}
.payment .cart .goods2 .pros .img .num{width: 22px; height: 22px; border-radius: 22px; background: rgba(0, 0, 0, .6); color: #fff; line-height: 22px; text-align: center; font-size: .7rem; top: -10px; position: absolute; right: -7px;}
.payment .cart .goods2 .pros .img img{width: 95%;border: 1px solid #ccc;}
.payment .cart .goods2 .pros .name{width:55%; font-size: .82rem; color: #333;line-height: 18px;}
.payment .cart .goods2 .pros .price{width: 18%;font-size: .86rem; text-align: right; color: #555; font-weight: bold}

.payment .cart .goods2 .tips{width: 100%; height: 90px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 20px}
.payment .cart .goods2 .tips p{margin: 0px; padding: 0px; height: 26px; line-height: 26px; color:#555; font-size: .8rem; margin-top: 12px;}
.payment .cart .goods2 .tips p span{float: right; color:#333; font-size: .9rem; font-weight: bold} 

.payment .cart .goods2 .sum{margin: 0px; padding: 0px; height: 26px; line-height: 26px; color:#555; font-size: .8rem; margin-top: 20px;}
.payment .cart .goods2 .sum span{float: right; color:#333; font-size: 1.2rem; font-weight: bold} 
.payment .cart .goods2 .sum span font{font-weight: normal; font-size: .8rem; color: #555; margin-right: 10px;}




.news{width: 100%; min-height: 300px; background: #efefef; margin-top: 40px;padding-bottom: 30px;}
.news .swipers{width: 1250px; min-height: 300px; padding-bottom:30px; margin-left: auto; margin-right: auto; }
.swiper-slide {
    text-align: center;
    font-size: 18px;
   
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev{outline: none}
.swiper-button-next{outline: none}
.swiper-pagination-bullet{outline: none}


.article_home{  height: 460px; display: block}
.article_home .img{  height: 240px; overflow: hidden;}
.article_home .img img{width: 100%}
.article_home .info{ min-height: 50px; background: #fff; padding-bottom: 30px;}
.article_home .info .cate{line-height: 35px; color:#666; font-size: 13px; text-align: left; padding: 0px 15px; width: 100%}
.article_home .info .tit{line-height: 26px; height: 52px; overflow: hidden; color:#000; font-weight: bold; font-size: 16px;padding: 0px 15px; text-align: left;  }
.article_home .info .more{margin-top: 20px; display: block; margin-left: 15px; line-height: 32px; text-align: left; color: #1890ff; font-size: 14px;}


.art{width: 1250px; min-height: 500px; margin-left: auto; margin-right: auto;  margin-top: 120px; margin-bottom: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.art .cnt{width: 68%; min-height: 500px;}
.art .cnt .cnt_title{width: 100%; font-size: 34px; line-height:46px ; font-weight: bold;}
.art .cnt .cnt_desc{width: 100%; font-size: 16px; margin-top: 20px; color: #555; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.art .cnt .cnt_content{width: 100%; margin-top: 30px; line-height: 32px;}
.art .cnt .cnt_content p{margin: 0px; padding: 0px; line-height: 32px;}
.art .cnt .cnt_content img{width: 100%;}
.art .cnt .cnt_content p img{width: 100%;}

.art .ns{width: 25%; min-height: 500px;}
.art .ns .tit{width: 100%; padding-bottom: 20px; font-size: 18px; color: #333; font-weight: bold;}
.art .ns .news_list{width: 100%; height: 300px; display: block; overflow: hidden;}
.art .ns .news_list:hover{text-decoration: underline;}

.art .ns .news_list .img{width: 100%; height: 220px; overflow: hidden;}
.art .ns .news_list .img img{width: 100%;}
.art .ns .news_list .tit{width: 100%; height:56px; line-height: 22px; overflow: hidden; font-size: 16px; color: #333; font-weight: normal;margin-top: 10px;}
.art .ns .media{width: 100%; height: 40px; display: flex; flex-direction: row; font-size: 14px; color: #333; justify-content: flex-start; align-items: center;}
.art .ns .media img{width: 20px; margin-right: 10px;}
.art .ns .media:hover{text-decoration: underline;}



.news .article{width: 1250px; min-height: 320px; padding-bottom: 50px;  background: #fff;margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.news .article .list{width: 22%; margin-top: 30px; margin-bottom: 30px; min-height: 320px;}
.news .article .list .img{width: 100%; height:190px; overflow: hidden;}
.news .article .list .img{width: 100%;}
.news .article .list .tip{width: 96%;margin-left: 2%; line-height: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.news .article .list .tip span{color:#555; font-size: 13px;}
.news .article .list .tit{width: 96%;margin-left: 2%; height: 56px; line-height: 28px; color:#222; font-weight: bold; font-size: 18px; overflow: hidden; text-align: left}
.news .article .list .desc{width: 96%;margin-left: 2%; margin-top: 15px; height: 66px; line-height: 22px; color:#777;  font-size: 13px; overflow: hidden; text-align: left}
.news .article .list .more{margin-top: 20px;  border: 1px solid #1890ff; border-radius: 32px; width: 120px; line-height: 32px; text-align: center; color: #1890ff; font-size: 14px;}


.about{width: 1250px; min-height: 320px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.about .item{width: 33.33%; height: 120px; margin-top: 40px; display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start}
.about .item .titles{font-size: 20px; font-weight: bold;color: #333; text-align: left; text-indent: 15px;}
.about .item .infos{margin: 0px; padding: 0px; margin-left: 15px;margin-top: 20px;}
.about .item .infos p{font-size: 14px; color: #555; line-height: 28px;}
.about .item .link{color:#1890ff; margin-left: 15px;margin-top: 20px;font-size: 14px;}
.about .item .qrcode{width: 120px; height: 120px; margin-top: -50px;margin-left: 15px;}

.industs{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.industs .img{width: 38%; min-height: 200px; }
.industs .img img{width: 100%;}
.industs .intro{width: 60%; min-height: 200px;}
.industs .intro .tit{line-height: 30px; text-align: center; font-size: 1.4rem;color: #333; font-weight: bold}
.industs .intro .chars{width: 100%; min-height: 100px; display: flex; margin-top: 20px; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap}
.industs .intro .chars .char{width: 50%; height:180px;  }
.industs .intro .chars .char .imgs{width: 100%; text-align: center; }
.industs .intro .chars .char .imgs img{width: 60px; height: 60px;}
.industs .intro .chars .char .tits{width: 100%; line-height: 34px; font-weight: bold; color:#333; font-size: 18px; text-align: center}
.industs .intro .chars .char .tip{margin-top: 5px; font-size: 14px; line-height: 22px; color: #333;text-align: center; width: 80%;margin-left: 10%;}
.industs .intro .cnt{width: 100%; margin-top: 20px;}
.industs .intro .cnt p{margin: 0px; padding: 0px; color:#333;text-indent: 20px; margin-bottom: 30px; font-size: 16px;}

.footer{width: 100%; min-height: 200px; background: #333333; padding-bottom: 20px;}
.footer .foot{width: 1250px; min-height: 320px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.footer .foot .naver{width: 750px;  margin-top: 70px;  min-height: 200px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.footer .foot .naver .navs{width: 150px; min-height: 200px; color:#fff; display: flex; text-indent: 15px; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.footer .foot .naver .navs p{color:#fff; text-align: center; font-size: 20px; font-weight: normal; margin-bottom: 20px;}
.footer .foot .naver .navs a{color: #fff; font-size: 14px; line-height: 32px;}

.footer .foot .media{width: 400px;min-height: 200px;margin-top: 70px;}
.footer .foot .media .links{width: 100%; min-height: 40px; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap}
.footer .foot .media .links a img{height: 20px; margin-left: 25px;}
.footer .foot .media .robot{width: 100%; min-height: 80px; text-align: right; margin-top: 20px;}
.footer .foot .media .robot img{width: 200px; margin-right: 20px;}

.footer .foot .logo{width: 100%; min-height: 50px; text-align: center; margin-top: 40px;}
.footer .foot .logo img{width: 200px;}

.footer .foot .copyright{width: 100%; min-height: 50px; text-align: center; margin-top: 40px; color:#fff; font-size: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.footer .foot .copyright p{color:#fff; margin-right: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center}
.footer .foot .copyright p img{width: 14px; height: 14px;margin-right: 7px;}


.banner{width: 100%; min-height: 200px; background-size:100% 100%; overflow: hidden;}
.banner img{width: 100%}
.banner .t{width: 1250px; height: 80px; margin-left: auto; margin-right: auto; margin-top: 360px; font-size: 36px; letter-spacing: 1px;  color:#fff;}

.container{width: 1250px; min-height: 500px; margin-left: auto; margin-right: auto;margin-bottom: 40px; overflow: hidden;}
.container .path{width: 100%; margin-top: 30px; line-height: 32px; color:#222; font-size: 13px; text-align: right}
.container .path a{color:#222}

.container .hot{width: 100%; min-height: 300px; background: #fff; margin-top: 0px;}
.container .hot .img{width: 100%; min-height: 300px; overflow: hidden; position: relative;}
.container .hot .img img{width: 100%;}
.container .hot .img .title{position: absolute; bottom: 5px; width: 100%; height: 60px; margin: 0px; padding: 0px; font-size: 20px; line-height: 60px; background: rgba(0,0,0,.6); color:#fff;}


.container .article{width:100%; min-height: 200px; margin-top: 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.container .article .list{width: 31.5%; margin-top: 30px; margin-bottom: 30px; display: block;  min-height: 400px; background: #fff; box-shadow: #eee 0px 0px 15px;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.container .article .list .img{width: 100%; height:230px; overflow: hidden;}
.container .article .list .img img{width: 100%;}
.container .article .list .info{ min-height: 50px; background: #fff; padding-bottom: 30px;}
.container .article .list .info .cate{line-height: 35px; color:#666; font-size: 13px; text-align: left; padding: 0px 15px; width: 100%}
.container .article .list .info .tit{line-height: 26px; color:#000; height: 54px; overflow: hidden; font-weight: bold; font-size: 16px;padding: 0px 15px; text-align: left;  }
.container .article .list .info .more{margin-top: 20px; display: block; margin-left: 15px; line-height: 32px; text-align: left; color: #1890ff; font-size: 14px;}
/* .container .article::after{flex:auto;content:''; width: 32%;} */

.comp{width: 100%; padding: 30px 0px; min-height: 500px;  background: #fff; overflow: hidden;}
.comp .intro{width: 1250px; min-height: 300px;margin-left: auto; margin-right: auto;}
.comp .intro p{line-height: 34px; font-size: 1.2rem; text-indent: 40px; margin-bottom: 30px;}
.comp .img{width: 1250px; margin-left: auto; margin-right: auto; margin-bottom: 50px;}
.comp .img img{width: 100%;}
.comp .cops{width: 1250px; min-height: 200px; margin-bottom: 100px;  border: 1px solid #ddd;margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: center; align-content: flex-start}
.comp .cops .cop{width: 50%; min-height: 200px;  display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.comp .cops .cop .img{width: 200px; height: 200px; margin-top: 50px;margin-bottom: 0px;}
.comp .cops .cop .img img{width: 200px; height: 200px;}
.comp .cops .cop .name{width: 80%; line-height: 80px; font-size: 24px; color:#333;font-weight: bold; text-align: center}
.comp .cops .cop .intro{width: 70%; min-height: 50px;padding-bottom: 80px; line-height: 28px; font-size: 16px; color:#666; text-align: center}

.process{width: 100%; height: 400px; margin-bottom: 50px;  background:url('../image/process.jpg') no-repeat; background-size:100% 100% }
.process .pcs{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-content: flex-start}
.process .pcs .pc{width: 13%; height: 150px;  }
.process .pcs .pc .img{width: 100%; height: 150px; }
.process .pcs .pc .name{width: 100%; font-size: 24px; font-weight: bold; text-align: center }

.process .pcs .pc .img img{width: 100%; }
.process .pcs .arr{width: 14%; height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center}
.process .pcs .arr img{width: 100%;}

.vision{width: 100%; padding-top: 30px 0px; min-height: 300px; background: #222; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.vision .tits{color:#fff;  border-bottom: 1px solid #fff;  line-height: 50px; padding: 50px 0px; font-weight: bold; font-size: 32px;}
.vision .pups{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; margin-bottom: 50px; margin-top: 80px;display: flex; flex-direction: row; justify-content: center; align-items: flex-start;}
.vision .pups .item{width: 33%;color:#fff; display: flex; flex-direction: column; justify-content: center; align-items: center}
.vision .pups .item p{font-size: 42px; font-size: 36px; font-weight: bold; color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center}
.vision .pups .item p img{width: 30px; height: 30px; margin-right: 7px;}
.vision .pups .item span{width: 60%; color:#fff; display: block; height: 24px; font-size: 16px; line-height: 24px;margin-top: 20px; text-align: center}

.parts{width: 100%; padding-top: 30px 0px; min-height: 300px; background: #535f66; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.parts .tits{color:#fff;  border-bottom: 1px solid #fff; margin-left: auto; margin-right: auto;  line-height: 50px; padding: 50px 0px; font-weight: bold; font-size: 32px;}

.parts .img{width: 1250px; margin-left: auto; margin-right: auto; margin-top: 50px; display: flex; flex-direction: row; justify-content:center; align-items: center; flex-wrap: wrap}
.parts .img .item{width: 16.6%; min-height: 30px; margin-bottom: 15px;}
.parts .img .item img{height:  100%;}


.jobs{width: 100%; min-height: 300px; background: #fff; padding-bottom: 60px; overflow: hidden;}
.jobs .job{width: 1250px; min-height: 300px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content:space-between; align-items: flex-start; flex-wrap: wrap}
.jobs .job .item{width: 23%; height: 160px; box-shadow: #ddd 0px 5px 12px; position: relative; margin-bottom: 20px; transform: scale(1);transition: .2s; display: flex; flex-direction: column; justify-content: center; align-items: center}
.jobs .job .item:hover{transform: scale(1.1);transition: .2s;}

.jobs .job .item .name{font-size: 22px; line-height: 30px; color: #333; text-align: center; height: 30px; width: 70%; overflow: hidden;}
.jobs .job .item  span{margin: 0px; padding: 0px; font-size: 14px; color: #999;margin-top: 25px;}
.jobs .more{ display: block; margin-left: auto; margin-right: auto;margin-top: 30px; width: 200px; color: #1890ff;text-align: center }
.jobs .job .item .hot{position: absolute; width: 30px; height: 44px; left: 15px; top: 15px;}

.maps{width: 100%; min-height: 300px; background: #eee; padding-bottom: 60px;}
.maps .map{width: 1250px; min-height: 300px; background: #fff; margin-left: auto; margin-right: auto}
.maps .map .img{width: 100%;}
.maps .map .img img{width: 100%;}
.maps .map .address{width: 100%; padding: 30px 0px;}
.maps .map .address p{text-align: center;  font-size: 14px;line-height: 30px;}


.intros{width: 850px; min-height: 50px; padding: 100px 0px; font-weight: bold; margin-left: auto; margin-right: auto; font-size: 1.1rem; text-align: center; line-height: 32px; color: #111;}

.comp_info{width: 80%; margin-left: 10%; min-height: 400px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.comp_info .tel{width: 45%; min-height: 200px;}
.comp_info .tel .img{height: 60px;margin-top: 60px;width: 90%;margin-left: 5%;text-align: center;}
.comp_info .tel .img img{width: 60px;}
.comp_info .tel .tit{ margin-top: 20px; font-size: 24px; font-weight: bold; color: #333;width: 90%; margin-left: 5%; text-align: center}
.comp_info .tel .tip{margin-top: 20px; line-height: 28px; color: #333;width: 90%; margin-left: 5%; text-align: center}
.comp_info .tel .tip span{color:#1890ff; font-size: 18px;}

.c_btn{width: 260px; height: 56px; font-size: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; line-height: 56px; margin-left: auto; margin-right: auto; background: #6a747e; border: 1px solid #6a747e; color: #fff; text-align: center; border-radius: 30px;}
.c_btn:hover{border: 1px solid #6a747e; background: #fff; color:#333}

.comp_info .email{width: 45%; min-height: 200px;}

.team{width: 100%; min-height: 300px;}
.team .teams{width: 1250px; min-height: 300px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-content: flex-start}
.team .teams .item{width: 30%; height: 500px; background: #fff; box-shadow: #ccc 0px 0px 15px; margin-bottom: 30px; overflow: hidden;}
.team .teams .item .img{width: 100%; height: 300px; overflow: hidden;}
.team .teams .item .img img{width: 100%;}
.team .teams .item .name{width: 90%;margin-left: 5%; margin-top: 20px; font-size: 18px;font-weight: bold}
.team .teams .item .g{width: 90%;margin-left: 5%; line-height: 20px; font-size: 14px;}
.team .teams .item .intro{width: 90%;margin-left: 5%; line-height: 20px; margin-top: 20px; line-height: 24px; font-size: 14px;color: #999}
.team .teams::after{content: '';width: 30%;}
.team .addteam{width: 180px; line-height: 36px; margin-left: auto; margin-right: auto; margin-top: 40px; text-align: center; margin-bottom: 50px; border: 1px solid #1890ff; color: #1890ff;}
 
.container .company .menu{width:125px; min-height: 200px}
.container .company .menu a{width: 125px; height: 42px; line-height: 42px; font-size: 13px; text-align: center; margin-bottom: 15px; background: #fff; display: block}
.container .company .menu .act{background: rgba(35,35,35,.8); color:#fff; border-radius: 3px;}
.container .company .content{width:1100px; min-height: 500px; background: #fff;}
.container .company .content p{margin: 40px;}

.container .tiper{width: 100%; min-height: 200px; }
.container .tiper .notes{width: 100%; line-height: 34px; text-align: center;}
.container .tiper .tips{width: 100%; min-height: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap}
.container .tiper .tips .item{width:16%; min-height: 80px; margin-top: 50px; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center}
.container .tiper .tips .item img{width: 70px; height: 53px;}
.container .tiper .tips .item span{margin-top: 20px; font-weight: bold; font-size: 18px;}

.container .support{width: 100%; margin-top: 30px; min-height: 300px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.container .support .menu{width:300px; min-height: 300px; background: #fff; overflow: hidden;}
.container .support .menu a{width: 100%; height: 52px; line-height: 52px; font-size: 14px; color: #444; text-indent: 20px; background: #fff; display: block} 
.container .support .menu a:hover{background:#fafafa}
.container .support .menu .act{background: #fafafa;border-left: 2px solid #3b3e40}
.container .support .download{width: 920px; min-height: 300px; background: #fff;padding-top: 40px;}
.container .support .download .dtitle{padding: 0px 40px; font-size: 26px; font-weight: bold; color:#333}
.container .support .download .file{padding: 40px 50px;display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start}
.container .support .download .file a{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 13px; line-height: 44px;}
.container .support .download .file a img{width: 40px; height: 40px; margin-right: 0px;}
.container .support .download .file a small{margin-left: 10px; text-decoration: underline}

.container .support .download .video{width: 90%; margin-bottom: 50px; margin-left: 5%; min-height: 200px;display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
.container .support .download .video .item{width: 31%; min-height: 200px; margin-top: 40px; overflow: hidden;}
.container .support .download .video .item .play{width: 100%;position: relative; height: 180px;background-size:100% 100%; overflow: hidden;background-size:cover; display: flex; flex-direction: column; justify-content: center; align-items: center}
.container .support .download .video .item .play .mask{width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.4)}
.container .support .download .video .item .play img{width: 60px; height: 60px; z-index: 99;}
.container .support .download .video .item .tit{width: 100%; line-height: 28px; font-size: 20px; font-weight: bold; text-align: center; margin-top: 10px;}

.subscribe{width: 100%; min-height: 300px; background: #333333;}

.container .faq{width: 1250px; min-height: 200px; padding: 40px 0px; background: #fff; margin-left: auto; margin-right: auto;}
.container .faq .item_faq{margin: 0px 50px; border-bottom: 1px solid #ccc;}
.container .faq .item_faq .question{width: 100%; cursor: pointer; height: 60px; line-height: 60px; color:#333; padding-left: 5px;  display: flex; flex-direction: row; justify-content: space-between; font-weight: bold; align-items: center; font-size: 16px;}
.container .faq .item_faq .question:hover{color:#1890ff}
.container .faq .item_faq .question span{margin-right: 5px; font-size: 24px;}
.container .faq .item_faq .question span img{width: 24px;height: 24px;}
.container .faq .item_faq .answer{display: none; padding-left: 5px; padding-bottom: 30px; font-size: 14px; color:#444; line-height: 22px;}


.container .service{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.container .service .item{width: 32%; height: 300px; background: #fff; display: flex; flex-direction: column; justify-content: flex-start; align-items: center}
.container .service .item .img{ height: 60px; margin-top: 60px;width: 90%; margin-left: 5%; text-align: center}
.container .service .item .img img{width: 60px}
.container .service .item .tit{ margin-top: 20px; font-size: 24px; font-weight: bold; color: #333;width: 90%; margin-left: 5%; text-align: center}
.container .service .item .tip{margin-top: 20px; line-height: 28px; color: #333;width: 90%; margin-left: 5%; text-align: center}
.container .service .item .tip span{color:#1890ff; font-size: 18px;}

.container .policy{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; background: #fff; overflow: hidden;}
.container .policy .nvs{margin: 0px 50px; height: 40px; margin-top: 20px;}
.container .policy .nvs a{padding: 15px 30px; line-height: 40px; color: #333; font-size: 16px; font-weight: bold;}
.container .policy .nvs .act{padding: 15px 30px; line-height: 40px; border-bottom: 1px solid #333;color: #333; font-size: 16px;}
.container .policy .cnt{margin: 0px 80px; min-height: 300px; margin-top: 40px; margin-bottom: 30px; line-height: 30px; display: none;}
.container .policy .cnt p{line-height: 30px;}

.indust{width: 100%; min-height: 300px; background: #535f66;padding-bottom: 50px;}
.indust .title{color:#fff;}
.indust .img{width: 1250px; margin-left: auto; margin-right: auto}
.indust .img img{width: 100%;}

.indust .ind1{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center}
.indust .ind1 .item{width: 49%; min-height: 100px; position: relative; cursor: pointer; display: block;transform: scale(1);transition: .2s;}
.indust .ind1 .item:hover{transform: scale(1.1);transition: .2s;}
.indust .ind1 .item img{width: 100%;}
.indust .ind1 .item .cn{position: absolute; bottom: 80px; left: 30px; font-size: 24px; color:#fff; font-weight: bold; letter-spacing: 2px}
.indust .ind1 .item .more{position: absolute; bottom: 32px; left: 28px; font-size: 12px; color:#fff; border: 1px solid #fff; border-radius: 7px; padding: 0px 12px; line-height: 28px; text-align: center;}
.indust .ind1 .item .more:hover{background: #fff; color: #333}

.indust .ind1 .item2{width: 23%; min-height: 100px; position: relative; margin-top: 15px; cursor: pointer; display: block;transform: scale(1);transition: .2s;}
.indust .ind1 .item2:hover{transform: scale(1.1);transition: .2s;}
.indust .ind1 .item2 img{width: 100%;}
.indust .ind1 .item2 .cn{position: absolute; bottom: 80px; left: 30px; font-size: 24px; color:#fff; font-weight: bold; letter-spacing: 2px}
.indust .ind1 .item2 .more{position: absolute; bottom: 32px; left: 28px; font-size: 12px; color:#fff; border: 1px solid #fff; border-radius: 7px; padding: 0px 12px; line-height: 28px; text-align: center;}
.indust .ind1 .item2 .more:hover{background: #fff; color: #333}



.indust .t{width: 1250px; line-height: 80px; font-size: 32px; letter-spacing: 2px; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 50px;}
.indust .cases{width: 1250px;min-height: 300px; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.indust .cases .cnt{width: 35%; min-height: 600px; overflow: hidden;}
.indust .cases .cnt .c1{font-size: 32px; font-weight: bold; letter-spacing: 2px; overflow: hidden;}
.indust .cases .cnt .chars{width: 100%; min-height: 60px; margin-bottom: 40px; overflow: hidden; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.indust .cases .cnt .chars .imgs{width: 40px; height: 40px;}
.indust .cases .cnt .chars .imgs img{width: 100%;}
.indust .cases .cnt .chars .infos{flex:1; min-height: 64px; margin-left: 20px;}
.indust .cases .cnt .chars .infos .t1{font-weight: bold; font-size: 16px; color:#000}
.indust .cases .cnt .chars .infos .t2{ font-size: 14px; color:#666; line-height: 18px; margin-top: 5px;}

.indust .cases .cnt .btns{width: 100%; min-height: 80px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 40px; overflow: hidden;}
.indust .cases .cnt .btns a{display: block; padding: 10px 25px; border-radius: 30px; border: 1px solid #666; margin-right: 17px; font-size: 12px;}
.indust .cases .cnt .btns a:hover{background: #444; color:#fff;}
.indust .cases .cnt .btns .btn_{display: block; padding: 10px 25px; border-radius: 40px; color:#fff; border: 1px solid #fff; margin-right: 17px;font-size: 12px;}
.indust .cases .cnt .btns .btn_:hover{background: #fff; color:#444;}

.indust .cases .pic{width: 58%; min-height: 600px;}
.indust .cases .pic .img{width: 100%; height: 400px; overflow: hidden;}
.indust .cases .pic .img img{width: 100%;}
.indust .cases .pic .p1{width: 100%; margin-top: 20px; font-size: 28px;}
.indust .cases .pic .p2{width: 100%; font-size: 16px; margin-top: 15px; line-height: 28px;  color:#111}

.indust .cases .pic .more{margin-top: 20px;margin-right: 5%; float: right;  border: 1px solid #1890ff; border-radius: 32px; width: 120px; line-height: 32px; text-align: center; color: #1890ff; font-size: 14px;}


.product_detail{width: 100%; height: 600px; position: relative; overflow: hidden;}
.product_detail .img{width: 100%; height: 600px;}
.product_detail .img img{width: 100%; height: 600px;}
.product_detail .txt{width: 100%;  padding: 20px 0px; background: rgba(0,0,0,.7); position: absolute; bottom: 0px; color: #fff}
.product_detail .txt .tit{font-size: 24px; font-weight: bold}
.product_detail .txt .tip{font-size: 15px; line-height: 30px; margin-top: 5px; color: #eee}

.core{width: 1250px; min-height: 300px; margin-left: auto; margin-right: auto; margin-top: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.core .core_nav{width: 25%; min-height: 300px; background: #fff;}
.core .core_nav .item{width: 100%; min-height: 124px; padding-top: 10px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap}
.core .core_nav .item .img{width: 38px;height: 38px; background: url(../image/tips.jpg) no-repeat; background-size:100% 100%; margin-left: 10px; }
.core .core_nav .item .intro{ flex: 1; padding: 0px 10px; margin-left: 10px; height: 124px; border-bottom: 1px solid #eee; display: flex; flex-direction: column; justify-content: center; align-items: flex-start}
.core .core_nav .item .intro .tit{font-size: 22px; color: #000; font-weight: bold}
.core .core_nav .item .intro .tip{font-size: 14px; color: #666; margin-top:10px;}


.core .core_img{width: 75%; min-height: 500px; }
.core .core_img img{width: 100%;}

.parms{width: 100%; min-height: 300px;}
.parms .parm{width: 1250px;min-height: 300px; margin: 0px auto;}
.parms .parm .col2{width: 100%; min-height: 38px; display: flex;background: #6a747e; border-bottom: 1px solid #fff; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.parms .parm .col2 .col2_1{width: 20%; min-height: 38px; font-size: 16px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center}
.parms .parm .col2 .col2_2{width: 78%; padding-left: 2%; padding-top: 10px; padding-bottom: 10px; font-size: 15px; color: #000; line-height: 20px; min-height: 38px; background: #efefef;display: flex; flex-direction: column; justify-content: center; align-items: left; }
.parms .parm .col4{width: 100%; min-height: 38px; display: flex;background: #6a747e;  border-bottom: 1px solid #fff; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.parms .parm .col4 .col2_1{width: 20%; min-height: 38px; font-size: 16px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center}
.parms .parm .col4 .col2_2{width: 28%; padding-left: 2%; padding-top: 10px; padding-bottom: 10px; font-size: 15px; color: #000; line-height: 20px; min-height: 38px; background: #efefef;display: flex; flex-direction: column; justify-content: center; align-items: left; }

.parms .parm .col5{width: 100%; min-height: 38px; display: flex;  border-bottom: 1px solid #fff; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.parms .parm .col5 .col2_1{width: 20%; background: #6a747e;padding: 10px 0px; min-height: 42px; font-size: 16px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center}
.parms .parm .col5 .col2_2{width: 20%; background: url(../image/rline2.jpg) no-repeat right center; text-align: center; padding: 10px 0px; padding-bottom: 10px; font-size: 15px; color: #000; line-height: 20px; min-height: 42px; background-color: #efefef;display: flex; flex-direction: column; justify-content: center; align-items: left; }
.parms .parm .col5 .col2_3{width: 60%; background: url(../image/rline2.jpg) no-repeat right center; text-align: center; padding: 10px 0px; padding-bottom: 10px; font-size: 15px; color: #000; line-height: 20px; min-height: 42px; background-color: #efefef;display: flex; flex-direction: column; justify-content: center; align-items: left; }


.parms .parm .col3{width: 100%; min-height: 38px; display: flex;  border-bottom: 1px solid #fff; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.parms .parm .col3 .col2_1{width: 20%; background: #6a747e;padding: 10px 0px; min-height: 42px; font-size: 16px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center}
.parms .parm .col3 .col2_2{width: 40%; background: url(../image/rline2.jpg) no-repeat right center; text-align: center; padding: 10px 0px; padding-bottom: 10px; font-size: 15px; color: #000; line-height: 20px; min-height: 42px; background-color: #efefef;display: flex; flex-direction: column; justify-content: center; align-items: left; }
.parms .parm .col3 .col2_3{width: 40%; background: url(../image/rline2.jpg) no-repeat right center; text-align: center; padding: 10px 0px; padding-bottom: 10px; font-size: 15px; color: #000; line-height: 20px; min-height: 42px; background-color: #efefef;display: flex; flex-direction: column; justify-content: center; align-items: left; }

.parms .parm .desc{margin-top: 20px; line-height: 28px; color:#333; font-size: 15px; font-weight: bold}

.container .buy{display: block; margin-left: auto; margin-right: auto; margin-top: 30px; width: 260px; line-height: 56px; border: 1px solid #ccc; color:#000; border-radius: 56px; text-align: center}
.container .buy:hover{background: #1890ff; border: 1px solid #1890ff; color: #fff}


.comment{width: 100%; min-height: 600px; background: #f5f9fa;}
.comment .cmt{width: 1250px; min-height: 600px; margin-top: 70px;margin-bottom: 70px; margin-left: auto; margin-right: auto; background: #fff; box-shadow: #ccc 0px 0px 10px;}
.comment .cmt img{width: 100%;}

.processes{width: 100%; min-height: 300px; background: #f5f9fa;}
.processes .cmt{width: 1250px; min-height: 300px; margin-bottom: 70px; margin-left: auto; margin-right: auto; background: #fff; }
.processes .cmt img{width: 100%;}

.module{width: 100%; min-height: 300px; background: #0f1821;}
.module .swipers{width: 1250px; min-height: 300px; padding-bottom:30px; margin-left: auto; margin-right: auto; }
.module_home{ width: 1050px;  height: 780px; display: block}
.module_home .img{  height: 540px; overflow: hidden;}
.module_home .img img{width: 100%}
.module_home .info{ min-height: 50px; background: #fff; padding-bottom: 30px;}
.module_home .info .cate{line-height: 70px; color:#000; font-size: 28px; text-align: left;font-weight: bold;  width: 100%; text-align: center}
.module_home .info .tit{line-height: 26px; color:#000;  font-size: 18px;padding: 0px 50px; text-align: left; margin-top: 10px; margin-bottom: 10px;}

.swiper-slide {
    text-align: center;
    font-size: 18px;   
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev{outline: none;}
.swiper-button-next{outline: none;}
.swiper-pagination-bullet{outline: none;}
:root{--swiper-theme-color:#fff!important}



.feature{width: 1250px; min-height: 200px; margin-left: auto; margin-right: auto; padding-bottom: 20px;  display: flex; flex-direction: row; justify-content: space-between; align-items: center;flex-wrap: wrap}
.feature .item{width: 23%; height: 200px;}
.feature .item .img{width: 100%; text-align: center; margin-bottom: 30px;}
.feature .item .img img{width: 60px; height: 60px;}
.feature .item .tit{width: 100%; line-height: 34px; font-weight: bold; font-size: 24px; text-align: center}
.feature .item .tip{margin-top: 20px; font-size: 14px; line-height: 22px; color: #666;text-align: center}
.feature_main{width: 100%; min-height: 400px;background: #fff;}
.feature_main .feature_intro{width: 1250px; min-height: 200px; border-top: 1px solid #eee;  padding: 50px 0px;margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;flex-wrap: wrap}
.feature_main .feature_intro .intro{width: 40%; min-height: 200px; }
.feature_main .feature_intro .intro p{font-size: 18px; line-height: 30px; color:#111; margin-bottom: 40px;text-align: justify;text-indent: 25px;}
.feature_main .feature_intro .intro .more{display: block; padding: 10px 12px; border: 1px solid #999; font-size: 15px; text-align: center; width: 180px; border-radius: 50px;}
.feature_main .feature_intro .intro .more:hover{color: #1890ff; border:1px solid #1890ff}
.feature_main .feature_intro .img{width: 55%; min-height: 200px;}
.feature_main .feature_intro .img img{width: 100%;}

.boxes{width: 1250px; min-height: 500px; padding-bottom: 50px; margin-bottom: 80px; background: #fff; margin-top: 50px; box-shadow: #eee 0px 0px 5px;overflow: hidden;}
.boxes .tit{width: 100%; line-height: 80px; text-align: center; font-size: 32px; font-weight: bold;margin-top: 30px;}
.boxes .desc{width: 100%; line-height: 24px; text-align: center; font-size: 15px; color:#444;margin-top: 0px; margin-bottom: 50px;}
.boxes .field{width: 80%; margin-left: 10%;  min-height: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap}
.boxes .field .col3-1{width: 31%; margin-bottom: 20px; height: 40px; border: 1px solid #ccc;}
.boxes .field .col3-1 input{width: 100%; margin: 0px;  height: 40px;  padding: 0px; text-indent: 20px; outline: none; border: 0px; font-size: 15px; -webkit-appearance: none; }
.boxes .field span{font-size: 14px; color: #333; margin-bottom: 0px; font-weight: bold}
.boxes .field .cols{font-size: 15px; letter-spacing: 1px;}
.boxes .field .cols span{margin-right: 15px; color: #000; font-size: 15px;}
.boxes .field .col3-3{width: 100%; margin-bottom: 20px; height: 100px; border: 1px solid #ccc;overflow: hidden;}
.boxes .field .col3-3 textarea{ margin: 0px;  height: 100px; width: 100%;  padding: 15px; font-family: Arial, Helvetica, sans-serif; outline: none; border: 0px; font-size: 15px; -webkit-appearance: none; }
.boxes .btns{width: 100%; margin-top: 20px; min-height: 26px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.boxes .btns a{display: block; padding: 10px 55px; background: #1890ff; color:#fff; text-align: center; margin-right: 15px; border-radius: 3px;}
input[type=checkbox]{width: 20px;
    height: 20px;
    margin-top: 0;
    background-color: #fff; 
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    outline: none;
}

input[type=checkbox]:checked {
    color: #fff;
    background-color: #1890ff;
    border: 1px solid #1890ff;
}
input[type=checkbox]:after {
    content: "✔";
}