@import url(yzui.css);

.header .top{height: 100px;background: #fff;}
.header .top .logo{height: 100px;line-height: 100px;}
.header .top .logo img{vertical-align: middle;}
.header .phone{margin-top: 18px;}
.header .phone p:nth-child(1){font-size: 18px;color: #333333;font-weight: bold;}
.header .phone p:nth-child(2){margin-top: 4px;padding-left: 38px;background: url('../images/phone.png') no-repeat left center;font-size: 30px;color: #307fe1;}
.header .nav{width: 100%;height: 60px;background-color: #307fe1;}
.header .nav li{float: left;text-align: center;margin-left: 19px;margin-top: 8px;width: 184px;height: 44px;border-radius: 4px;}
.header .nav li a{display:inline-block;width:100%;color: #fff;font-size: 16px;line-height: 44px;}
.header .nav li:hover,.header .nav li.active{background-color: #073c79;box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
.header .nav ul{margin-left: -19px;}

.i-banner{position: relative;}
.i-banner .swiper-slide{position:relative;}
.i-banner .swiper-slide img.img1{width:100%;}
.i-banner .swiper-slide img.img2{position:absolute;top:0px;left:0px;width:100%;}
.banner-next{
    right: 40px;
    left: auto;
    position: absolute;
    background: url('../images/i-a-02.png') no-repeat center center;
    top: 50%;
    margin-top: -17px;
    width: 20px;
    height: 34px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-prev{
    left: 40px;
    right: auto;
    position: absolute;
    background: url('../images/i-a-01.png') no-repeat center center;
    top: 50%;
    margin-top: -17px;
    width: 20px;
    height: 34px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-pagination{bottom: 40px !important;}
.banner-pagination .swiper-pagination-bullet{background-color: #fff;margin: 0 5px !important;width: 50px;height: 4px;opacity: 0.5 !important;border-radius: 0 !important;}
.banner-pagination .swiper-pagination-bullet-active{opacity: 1 !important;}

.title{text-align: center;}
.title p:nth-child(1){font-size: 30px;color: #333333;}
.title p:nth-child(2){font-size: 12px;margin-top: 4px;color: #666666;}
.title p:nth-child(3){margin-top: 13px;width: 210px;height: 1px;background-color: #cccccc;position: relative;}
.title p:nth-child(3) i{display: inline-block;position: absolute;left: 50%;top: 0;margin-left: -35px;width: 70px;height: 1px;background-color: #307fe1;}

.advantage{padding: 77px 0;}
.advantage .con{margin-top: 65px;}
.advantage li{float: left;text-align: center;width: 20%;}
.advantage li .img{transition: all .5s;position: relative;top: 0;}
.advantage li .tex{font-size: 18px;color: #666666;margin-top: 24px;}
.advantage li:hover .tex{color: #307fe1;}
.advantage li:hover .img{top: -15px;}

.product-center{padding: 77px 0 80px;}
.product-center .con{margin-top: 60px;}
.product-center li{float: left;width: 294px;background-color: #fff;margin-left: 8px;text-align: center;}
.product-center ul{margin-left: -8px;}
.product-center li .img{overflow: hidden;}
.product-center li .img img{transition: all .5s;}
.product-center li:hover .img img{transform: scale(1.1);}
.product-center li .tex{height: 95px;line-height: 95px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 20px;color: #333333;}
.product-center .title p:nth-child(1){color: #fff;}
.product-center .title p:nth-child(2){color: #fff;}
.product-center li:hover .tex{color: #307fe1;}

.more{text-align: center;margin-top: 60px;}
.more a{display: inline-block;text-align: center;color: #fff;font-size: 18px;line-height: 55px;width: 185px;height: 55px;background-image: linear-gradient(90deg, #139db2 0%, #307fe1 100%);border-radius: 6px;}

.about-us{padding: 77px 0 80px;}
.about-us .con{margin-top: 60px;}
.about-us .tex{width: 560px;}
.about-us .tex .t-01 p:nth-child(1){overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;font-size: 34px;color: #333333;}
.about-us .tex .t-01 p:nth-child(2){margin: 21px 0 40px;font-size: 24px;color: #333333;}
.about-us .tex .t-01 p:nth-child(3){font-size: 16px;line-height: 32px;color: #666666;}
.about-us .tex .more{text-align: left;}
.about-us .img{width: 600px;}
.about-us .img li{float: left;width: 200px;position: relative;overflow: hidden;}
.about-us .img li img{transition: all .5s;}
.about-us .img li:hover img{transform: scale(1.1);}
.about-us .img li a{color: #fff;display: block;width: 100%;height: 100%;}
.about-us .img li .tex{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 20px 18px 0 20px;}
.about-us .img li .tex p:nth-child(1){font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 20px;}
.about-us .img li .tex p:nth-child(2){margin:18px 0 18px;width: 30px;height: 4px;background-color: #ffffff;}
.about-us .img li .tex p:nth-child(3){height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size: 16px;line-height: 24px;color: #ffffff;}
.about-us .img li:nth-child(4){margin-left: 200px;}
.about-us .img li:nth-child(2) .tex,.about-us .img li:nth-child(5) .tex{display:none;}

.cooperative-partner{background-color: #f2f6f7;padding: 77px 0 80px;}
.cooperative-partner li{float: left;width: 150px;margin-left: 112px;margin-top:60px;}
.cooperative-partner ul{margin-left: -112px;}
.cooperative-partner li:nth-child(1),
.cooperative-partner li:nth-child(2),
.cooperative-partner li:nth-child(3),
.cooperative-partner li:nth-child(4){margin-top: 60px;}

.footer{background-color: #3c5676;}
.footer .top{padding: 78px 0 58px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .top .t-01 li{float: left;margin-left: 52px;}
.footer .top .t-01 ul{margin-left: -52px;}
.footer .top .t-01 li .t-01 a{display: block;width: 100%;font-weight: bold;font-size: 18px;color: #ffffff;}
.footer .top .t-01 li .t-01 i{margin-top: 14px;display: block;height: 2px;background-color: #307fe1;}
.footer .top .t-01 li dl a{font-size: 16px;color: #cccccc;}
.footer .top .t-01 li dl dd:hover a{color: #fff;}
.footer .top .t-01 li dl dd{margin-top: 15px;}
.footer .top .t-01 li dl dd:nth-child(1){margin-top: 18px;}
.footer .top .t-02{width: 302px;margin-left: 60px;}
.footer .top .t-02 p:nth-child(1){font-size: 26px;color: #ffffff;}
.footer .top .t-02 p:nth-child(2){margin: 5px 0 15px;color: #cccccc;}
.footer .top .t-02 p:nth-child(3){font-weight: bold;font-size: 30px;letter-spacing: 2px;color: #307fe1;}
.footer .top .t-02 p:nth-child(4){margin-top: 7px;font-size: 16px;line-height: 24px;color: #cccccc;}
.footer .top .code{text-align: center;font-size: 16px;color: #999999;}
.footer .top .code p{margin-top: 8px;}
.footer .bot{text-align: center;padding: 20px 0;font-size: 16px;color: #999999;}
.footer .bot a{color:#999;}
.footer .bot a:hover{color:#307fe1;}

.banner{position: relative;}
.banner .tex{position: absolute;width: 100%;left: 0;top: 50%;margin-top: -60px;}
.banner .tex .con{color: #fff;}
.banner .tex .con p:nth-child(1){font-size: 50px;}
.banner .tex .con p:nth-child(2){margin-top: 10px;font-size: 16px;}
.banner .tex .con p:nth-child(3){margin:19px 0 0;width: 60px;height: 4px;background-color: #307fe1;}

.main{padding: 60px 0 80px;}
.main .p-nav{width: 285px;border: 1px solid #cccccc;}
.main .p-nav .t-01{padding-top: 37px;color: #fff;height: 134px;background:url('../images/n-bg.png') no-repeat center center;text-align: center;}
.main .p-nav .t-01 p:nth-child(1){font-size: 24px;}
.main .p-nav .t-01 p:nth-child(2){font-size: 16px;margin-top: 5px;}
.main .p-nav .t-02{padding: 10px 29px 0;}
.main .p-nav .t-02 li{border-bottom: 1px solid #dddddd;padding: 17px 0 17px 0px;}
.main .p-nav .t-02 li>a{transition: all .5s;font-size: 18px;color: #333333;display: block;width: 100%;padding: 0px 0 0px 10px;}
.main .p-nav .t-02 li>a i{position: relative;top: -9px;display: inline-block;border-radius: 100%;width: 4px;height: 4px;background-color: #000000;}
.main .p-nav .t-02 li>a span{margin-left: 18px;display: inline-block;width: 165px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .p-nav .t-02 li:hover>a,.main .p-nav .t-02 li.active>a{padding:0px 0 0px 20px;}
.main .p-nav .t-02 li:hover>a i,.main .p-nav .t-02 li.active>a i{background-color: #307fe1;}
.main .p-nav .t-02 li:hover>a,.main .p-nav .t-02 li.active>a{color: #307fe1;}
.main .p-nav .t-02 li .sjnav{display:none;padding-left:20px;}
.main .p-nav .t-02 li .sjnav p a{display:inline-block;width:100%;padding:5px 5px 5px 27px;margin-top:10px;font-size:16px;color:#555;}
.main .p-nav .t-02 li .sjnav p a{color:#555;}
.main .p-nav .t-02 li .sjnav p:hover a{color: #307fe1;}
.main .p-nav .t-03{margin-top: 40px;}
.main .p-right{width: 875px;}
.main .p-right .t-01{text-align: center;padding-bottom: 29px;border-bottom: 1px solid #ccc;font-size: 30px;color: #333333;}
.main .product .list li{margin-left: 10px;margin-top: 10px;float: left;text-align: center;width: 285px;background-color: #ffffff;border: solid 1px #cccccc;}
.main .product .list ul{margin-left: -10px;}
.main .product .list li .img{overflow: hidden;}
.main .product .list li .img img{transition: all .5s;}
.main .product .list li:hover .img img{transform: scale(1.1);}
.main .product .list li .tex{padding: 40px 5px;font-size: 20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .product .list{padding-top: 10px;}
.main .product .list li:hover .tex{color: #307fe1;}
.page{text-align: center;font-size: 0;margin-top: 40px;}
.page a,.page span{margin: 0 5px;display: inline-block;font-size: 12px;color: #666666;text-align: center;line-height: 30px;width: 30px;height: 30px;border-radius: 4px;border: solid 1px #cccccc;}
.page a:nth-child(1),
.page a:last-child{width: 50px;}
.page a:hover,.page span.current{color: #fff;background-color: #307fe1;border: 1px solid #307fe1;}

.product-detail .t-02{margin-top: 40px;}
.product-detail .t-02 .img{width: 400px;background-color: #ffffff;border: solid 1px #cccccc;}
.product-detail .t-02 .tex{width: 425px;}
.product-detail .t-02 .tex .i-01{padding: 25px 0 18px;border-bottom: 1px solid #cccccc;position: relative;font-weight: bold;font-size: 24px;color: #333333;}
.product-detail .t-02 .tex .i-01 p:nth-child(2){position: absolute;left: 0;bottom: -1px;width: 60px;height: 3px;background-color: #307fe1;}
.product-detail .t-02 .tex .i-02 p{font-size: 18px;color: #333;margin-top: 13px;}
.product-detail .t-02 .tex .i-02 p i{font-style: normal;font-weight: bold;font-size: 16px;}
.product-detail .t-02 .tex .i-02 p:nth-child(1){font-size: 16px;margin-top: 40px;}
.product-detail .t-02 .tex .i-02 p a{color: #333;}
.product-detail .t-03{margin-top: 37px;}
.product-detail .t-03 .i-01{font-size: 16px;color: #333;font-weight: bold;position: relative;padding-bottom: 18px;border-bottom: 1px solid #cccccc;}
.product-detail .t-03 .i-01 p:nth-child(2){position: absolute;bottom: -1px;left: 0;width: 60px;height: 3px;background-color: #307fe1;}
.product-detail .t-03 .i-02{margin-top: 40px;font-weight: bold;font-size: 16px;color: #333333;}
.product-detail .t-03 .i-02 table{border-spacing:0;}
/*.product-detail .t-03 .i-02 table{border-spacing:0;border-top:1px solid #000;border-left:1px solid #000;}
.product-detail .t-03 .i-02 table td{border-bottom:1px solid #000;border-right:1px solid #000;}*/
.product-detail .t-03 .i-02 ul{width: 100%;border: 1px solid #999999;}
.product-detail .t-03 .i-02 li{height: 58px;border-bottom: 1px solid #999;}
.product-detail .t-03 .i-02 li:last-child{border-bottom: 0 solid #999;}
.product-detail .t-03 .i-02 li .o-01{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 260px;height: 58px;line-height: 58px;padding: 0 38px;}
.product-detail .t-03 .i-02 li .o-02{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 36px;height: 58px;line-height: 58px;border-left: 1px solid #999;width: 610px;}
.product-detail .t-03 .i-02 li:nth-child(3) .o-01{line-height: 20px;padding-top: 10px;}

.technical-support .t-01{border-bottom: 0 solid #000 !important;font-size: 30px;color: #333333;}
.technical-support .list{padding-bottom: 20px;}
.technical-support .list .i-01{height: 50px;line-height: 50px;background-color: #307fe1;}
.technical-support .list .i-01 li{float: left;color: #fff;font-weight: bold;text-align: center;}
.technical-support .list .i-01 li:nth-child(1){text-align: left;}
.technical-support .list .i-01 li:nth-child(1){width: 365px;padding-left: 22px;}
.technical-support .list .i-01 li:nth-child(2){width: 90px;}
.technical-support .list .i-01 li:nth-child(3){width: 80px;margin-left: 120px;margin-right: 125px;}
.technical-support .list .i-01 li:nth-child(4){width: 50px;}
.technical-support .list .i-02 li dd{float: left;text-align: center;font-size: 16px;color: #666;height: 50px;line-height: 50px;}
.technical-support .list .i-02 li dd:nth-child(1){text-align: left;}
.technical-support .list .i-02 li dd:nth-child(1){width: 365px;padding-left: 22px;}
.technical-support .list .i-02 li dd:nth-child(2){width: 90px;}
.technical-support .list .i-02 li dd:nth-child(3){width: 80px;margin-left: 120px;margin-right: 125px;}
.technical-support .list .i-02 li dd:nth-child(4){width: 50px;}
.technical-support .list .i-02 li dd img{vertical-align: middle;}
.technical-support .list .i-02 li:nth-child(even){background-color: #f9f9f9;}

.after-sale-service .con .i-01{margin-top: 37px;text-indent: 30px;font-size: 16px;line-height: 32px;color: #333333;}
.after-sale-service .con .i-02 li{margin-top: 30px;}
.after-sale-service .con .i-02 li:nth-child(1){margin-top: 35px;}
.after-sale-service .con .i-02 li .img{overflow: hidden;width: 405px;border-radius: 10px;}
.after-sale-service .con .i-02 li .img img{transition: all .5s;}
.after-sale-service .con .i-02 li:hover .img img{transform: scale(1.1);}
.after-sale-service .con .i-02 li .tex{width: 450px;padding-top: 27px;}
.after-sale-service .con .i-02 li:nth-child(odd) .img{float: left;}
.after-sale-service .con .i-02 li:nth-child(odd) .tex{float: right;}
.after-sale-service .con .i-02 li:nth-child(even) .img{float: right;}
.after-sale-service .con .i-02 li:nth-child(even) .tex{float: left;}
.after-sale-service .con .i-02 li .tex p:nth-child(1){overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 24px;color: #333333;}
.after-sale-service .con .i-02 li .tex p:nth-child(2){margin:23px 0 21px;width: 60px;height: 3px;background-color: #307fe1;}
.after-sale-service .con .i-02 li .tex p:nth-child(3){text-indent: 30px;font-size: 16px;line-height: 32px;color: #666666;}

.news .list{padding-top: 20px;}
.news .list li{padding: 20px 0;border-bottom: 1px dashed #cccccc;}
.news .list li .img{width: 250px;overflow: hidden;margin-left: 20px;}
.news .list li .img img{transition: all .5s;}
.news .list li:hover .img img{transform: scale(1.1);}
.news .list li .tex{width: 575px;padding-top: 15px;}
.news .list li .tex p:nth-child(1){font-size: 14px;color: #999999;}
.news .list li .tex p:nth-child(2){overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 20px;color: #333333;margin: 13px 0;}
.news .list li .tex p:nth-child(3){height: 64px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size: 16px;line-height: 32px;color: #666666;}
.news .list li:hover .tex p:nth-child(2){color: #307fe1;}

.news-detail .top{text-align: center;padding-bottom: 39px;border-bottom: 1px solid #ccc;}
.news-detail .top p:nth-child(1){font-size: 30px;color: #333333;}
.news-detail .top p:nth-child(2){font-size: 16px;color: #999999;margin-top: 22px;}
.news-detail .con{border-bottom: 1px solid #ccc;padding: 35px 0;font-size: 18px;line-height: 32px;color: #666666;}
.news-detail .con img{max-width: 100%;}
.n-page{padding-bottom: 20px;}
.n-page a{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;color: #999999;}
.n-page a:hover{color: #307fe1;}
.n-page a:nth-child(1){margin: 27px 0 16px;}

.contact-us .con{padding-bottom: 20px;}
.contact-us .con .i-01{margin-top: 40px;}
.contact-us .con .i-01 li{float: left;width: 25%;position: relative;text-align: center;}
.contact-us .con .i-01 li i{position: absolute;right: 0;top: 26px;display: inline-block;width: 1px;height: 90px;background-color: #cccccc;}
.contact-us .con .i-01 li .tex p:nth-child(1){margin: 28px 0 12px;font-size: 16px;color: #111111;}
.contact-us .con .i-01 li .tex p:nth-child(2){font-size: 14px;line-height: 28px;color: #666666;}
.contact-us .con .i-01 li:last-child i{display: none;}
.contact-us .con .map{width: 100%;height: 420px;margin-top: 40px;}

.c-title{text-align: center;font-weight: bold;font-size: 30px;color: #333333;}

.company-profile{padding: 50px 0;}
.company-profile .con{margin-top: 38px;}
.company-profile .t-01 .img{width: 570px;overflow: hidden;}
.company-profile .t-01 .img img{transition: all .5s;}
.company-profile .t-01 .img:hover img{transform: scale(1.1);}
.company-profile .t-01 .tex{width: 570px;padding-top: 35px;}
.company-profile .t-01 .tex .i-01{font-weight: bold;font-size: 24px;color: #111111;}
.company-profile .t-01 .tex .i-02{margin-top: 30px;font-size: 16px;line-height: 32px;color: #666666;}
.company-profile .t-01 .tex .i-02 p{text-indent: 30px;}
.company-profile .t-02{text-indent: 30px;margin-top: 25px;font-size: 16px;line-height: 32px;color: #666666;}

.our-positioning{text-align: center;color: #fff;padding: 55px 0;}
.our-positioning p:nth-child(1){font-size: 30px;font-weight: bold;}
.our-positioning p:nth-child(2){margin-top: 22px;font-size: 16px;line-height: 32px;color: #ffffff;}

.cultural-concept{padding: 55px 0 60px;}
.cultural-concept .con{padding-top: 20px;}
.cultural-concept .con li{transition: all .3s;margin-top: 15px;margin-left: 15px;float: left;width: 390px;height: 220px;background-color: #ffffff;border: solid 1px #cccccc;}
.cultural-concept .con ul{margin-left: -15px;}
.cultural-concept .con li .img{border-radius: 100%;text-align: center;line-height:59px;width: 60px;height: 60px;border: solid 1px #cccccc;}
.cultural-concept .con li .img img{vertical-align: middle;}
.cultural-concept .con li .img img:nth-child(2){display: none;}
.cultural-concept .con li .tex{width: 240px;padding-top: 7px;}
.cultural-concept .con li .tex p:nth-child(1){font-weight: bold;font-size: 24px;color: #333333;}
.cultural-concept .con li .tex p:nth-child(2){height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 96px;margin-top: 22px;font-size: 16px;line-height: 32px;color: #666666;}
.cultural-concept .con li a{display: block;width: 100%;height: 100%;padding: 30px 27px 0 30px;}
.cultural-concept .con li:hover{border: 1px solid #307fe1;transform: scale(1.1);background-color: #307fe1;}
.cultural-concept .con li:hover .img img:nth-child(2){display: inline-block;}
.cultural-concept .con li:hover .img img:nth-child(1){display: none;}
.cultural-concept .con li:hover .img{border: 1px solid #fff;}
.cultural-concept .con li:hover .tex p:nth-child(1){color: #fff;}
.cultural-concept .con li:hover .tex p:nth-child(2){color: #fff;}

.p-advantage{padding: 55px 0 100px;}
.p-advantage .con{margin-top: 60px;}


.pages{width:100%;display:inline-block;margin-top:30px;font-size:16px;color:#666;line-height:28px;}