/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */

/*
@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
.yyly-b a.active dl h3{animation: indalRun 1s ease both .6s;}
.yyly-b a.active dl p{animation: indalRun 1s ease both .7s;}
.yyly-b a.active dl h5{animation: indalRun 1s ease both .8s;}*/

@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    50%,100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;/*animation: fangda 5s ease-in-out infinite alternate;*/}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}
.banner-s{position:absolute;width: 322px;height: 168px;border-radius:15px;padding: 10px;z-index:3;right: 10px;top: 10px;background:#fff;}
.banner-s h3{font-size: 16px;line-height: 24px;color:#333333;margin-bottom:10px;}
.banner-s p{color:#7c7c7c;line-height:20px;margin-bottom: 15px;font-size: 12px;}
.banner-s input{width:256px;height: 34px;background:#f4f4f4;border-radius:3px;color:#333333;font-size:15px;margin-right:10px;padding-left:17px;}
.banner-s input::placeholder{color:#333;}
.banner-s button{width:66px;height: 34px;background:#ffb86c;font-size:15px;color:#fff;cursor:pointer;border-radius:5px;}
.banner-s button:hover{}
.banner .swiper-pagination-bullet{background:none;opacity:1;position: relative;width: 30px;height: 30px;border-radius: 50%;cursor: pointer;margin: 3px 0;}
.banner .swiper-pagination-bullet:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background: #fff;border-radius: 50%;margin: -3px 0 0 -3px;}
.banner .swiper-pagination-bullet .l{position: absolute;width: 15px;height: 30px;top: 0;left: 0;overflow: hidden;border-radius: 15px 0 0 15px;}
.banner .swiper-pagination-bullet .l:after{content: " ";display: block;position: absolute;left: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;box-sizing: border-box;border: 2px solid #f00;border-color: transparent #f00 #f00 transparent;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet .r{position: absolute;width: 15px;height: 30px;top: 0;right: 0;overflow: hidden;border-radius: 0 15px 15px 0;}
.banner .swiper-pagination-bullet .r:after{content: " ";display: block;position: absolute;right: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;box-sizing: border-box;border: 2px solid #f00;border-color: #f00 transparent transparent #f00;transform: rotate(-45deg);}
.banner .swiper-pagination-bullet-active .line{width: 30px;height: 30px;border: 2px solid #f00;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;}
/* .banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 22s linear 1 forwards;-moz-animation: circle_right 22s linear 1 forwards;-o-animation: circle_right 22s linear 1 forwards;animation: circle_right 22s linear 1 forwards;} */
/* .banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 21.9s 11s linear 1 forwards;-moz-animation: circle_right 21.9s 11s linear 1 forwards;-o-animation: circle_right circle_right 21.9s 11s linear 1 forwards;animation: circle_right 21.9s 11s linear 1 forwards;} */
/* .banner .swiper-pagination-bullet-active .l:after{-webkit-animation: circle_right 5s linear 1 forwards;-moz-animation: circle_right 5s linear 1 forwards;-o-animation: circle_right 5s linear 1 forwards;animation: circle_right 5s linear 1 forwards;} */
/* .banner .swiper-pagination-bullet-active .r:after{-webkit-animation: circle_right 4.9s 2.5s linear 1 forwards;-moz-animation: circle_right 4.9s 2.5s linear 1 forwards;-o-animation: circle_right 4.9s 2.5s linear 1 forwards;animation: circle_right 4.9s 2.5s linear 1 forwards;} */
/* .banner .swiper-pagination-bullet-active:last-child .l:after{ -webkit-animation: circle_right 6s linear 1 forwards; -moz-animation: circle_right 6s linear 1 forwards; -o-animation: circle_right 6s linear 1 forwards; animation: circle_right 6s linear 1 forwards; } */
/* .banner .swiper-pagination-bullet-active:last-child .r:after{ -webkit-animation: circle_right 5.9s 3s linear 1 forwards; -moz-animation: circle_right 5.9s 3s linear 1 forwards; -o-animation: circle_right circle_right 5.9s 3s linear 1 forwards; animation: circle_right 5.9s 3s linear 1 forwards; } */
.banner .swiper-pagination-bullet-active:after{background-color: #f00;}
.banner .swiper-button-next{right:5%;width: 50px;height: 50px;border-radius: 50px;background: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;}
.banner .swiper-button-next:after{content:'next'!important;color: #fff;font-size: 16px;}
.banner .swiper-button-prev{left: 5%;width: 50px;height: 50px;border-radius: 50px;background: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;}
.banner .swiper-button-prev:after{content:'prev'!important;color: #fff;font-size: 16px;}

.hzhb{margin: 15px auto;}
.hzhb a{display:block;text-align:center;}
.hzhb a img{max-width:80%;}
.hzhb a:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.wmys{text-align:center;background:#fffaf5;}
.wmys .swiper-slide{}
.wmys .swiper-slide dl{padding: 30px 45px;}
.wmys .swiper-slide dl h4{height: 90px;}
.wmys .swiper-slide dl h3{font-size:22px;margin-bottom: 15px;}
.wmys .swiper-slide dl p{color:#7c7c7c;font-size:15px;line-height:24px;}
.wmys .swiper-slide dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.wmys .swiper-slide:nth-child(1) dl{background:#6ab0cf;}
.wmys .swiper-slide:nth-child(3) dl{background:#ffb86c;}
.wmys .swiper-slide:nth-child(5) dl{background:#8cc9c6;}
.wmys .swiper-slide:nth-child(1) dl *,.wmys .swiper-slide:nth-child(3) dl *,.wmys .swiper-slide:nth-child(5) dl *{color:#fff;}

.wmys2{margin:100px auto 20px auto;}
.wmys2-t{color:#434343;font-size:42px;margin-bottom:80px;text-align:center;}
.wmys2-b{position:relative;padding:0 20px;}
.wmys2-b dl{position:relative;margin-bottom:150px;}
.wmys2-b dl a{width:136px;height:136px;border-radius:136px;background:#fbf8f5;}
.wmys2-b dl a img{display:block;margin:0 auto;}
.wmys2-b dl a .img2{display:none;}
.wmys2-b dl a h5{}
.wmys2-b dl p{text-align:center;font-size:18px;color:#434343;line-height:22px;}
.wmys2-b i{width:33px;height:32px;background:url(../images/wmys2-tb11.png);margin:0 40px 150px 40px;}
.wmys2-b i:nth-child(10){transform: rotate(90deg);position:absolute;right: 71.5px;top:227px;margin:0;}
.wmys2-b i:nth-child(n+11){transform: rotate(180deg);}
.wmys2-b i:last-child{display:none;}
.wmys2-b dl:hover a{background:#ffb86c;}
.wmys2-b dl:hover a .img1{display:none;}
.wmys2-b dl:hover a .img2{display:block;}

.oem{background:#f7f1eb;padding:95px 0;}
.oem-b{}
.oem-l{width:610px;}
.oem-l h3{color:#494949;font-size:32px;line-height:42px;margin-bottom:35px;}
.oem-l .div1{line-height:22px;font-size:15px;color:#494949;margin-bottom:60px;}
.oem-l a{width:172px;height:48px;border-radius:5px;background:#fff;color:#333333;text-transform:uppercase;}
.oem-l a:hover{background:#ffb86c;color:#fff;}
.oem-r{width:523px;position:relative;}
.oem-r dl{position:relative;z-index:3;}
.oem-r dl img{display:block;}
.oem-r dl dt{position:absolute;left:0;top:0;width:100%;height:100%;}
.oem-r dl dt p{position:relative;}
.oem-r dl dt p img{position:relative;z-index:3;display:block;}
.oem-r dl dt p::before, .oem-r dl dt p::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #ffb86c;content: '';top:0;left:0}
.oem-r dl dt p::before{animation: scale 2s infinite; }
.oem-r dl dt p::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.oem-r i{position:absolute;width:100%;height:392px;border:15px solid #fff;right:-50px;top:50px;}

.cpzx{margin:90px auto 120px auto;}
.cpzx-t{margin-bottom:45px;text-align:center;}
.cpzx-t h3{width:700px;color:#434343;font-size:42px;line-height:45px;margin-bottom:20px;}
.cpzx-t p{width:668px;color:#7c7c7c;font-size:15px;line-height:28px;}
.cpzx-b{margin-bottom:20px;}
.cpzx-b a{display:block;width:calc((100% - 40px) / 3);margin-right:20px;margin-bottom:55px;}
.cpzx-b a:nth-child(3n){margin-right:0;}
.cpzx-b a h4{overflow:hidden;margin-bottom:18px;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a h3{font-size:24px;color:#333333;margin-bottom:18px;}
.cpzx-b a h5{width: 152px;height:35px;background:#8f8f8f;border-radius:5px;color:#fff;text-transform:uppercase;}
.cpzx-b a:hover{}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h5{background: #434343;}
.cpzx-c{width:187px;height:47px;border-radius:7px;color:#000;text-transform:uppercase;border:1px solid #000;}
.cpzx-c:hover{background:#ffb86c;border-color:#ffb86c;color:#fff;}

.gcsl{background:#f7f1eb;padding:95px 0;}
.gcsl .wmys2-t{margin-bottom:50px;text-transform: capitalize;}
.gcsl-b{width:100%;padding:0 55px;position:relative;margin-bottom:60px;}
.gcsl-b a{display:block;background:#fff;padding:20px 20px 25px 20px;text-align:center;color:#434343;font-size:20px;}
.gcsl-b a h4{overflow:hidden;margin-bottom:24px;}
.gcsl-b a h4 img{display:block;width:100%}
.gcsl-b a p{transition:all 0s;}
.gcsl-b a:hover{color:#ffb86c;}
.gcsl-b a:hover img{transform:scale(1.1);}
.gcsl .swiper-scrollbar {
    z-index: 50;
    height: 5px;
    background:#e6ddd4;height:2px;
    opacity:1!important;
}
.swiper-scrollbar-drag{background:#434343;height:4px;border-radius:4px;top:-1px;}

.gywm{}
.gywm-l{width:53.33333333333333%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:41.14583333333333%;}
.gywm-r h3{color:#434343;font-size:42px;margin-bottom:50px;}
.gywm-r dl{margin-bottom:50px;}
.gywm-r dl:last-child{margin-bottom:0!important;}
.gywm-r dl h4{color:#434343;text-transform:uppercase;font-size:20px;margin-bottom:18px;}
.gywm-r dl p{position:relative;font-size:16px;line-height:22px;color:#7c7c7c;padding-left:25px;}
.gywm-r dl p i{display:block;width:6px;height:6px;border-radius:6px;background:#434343;position:absolute;left:0;top:8px;}

.rmcp{background:#f7f1eb;padding:95px 0;overflow:hidden;}
.rmcp-t{margin-bottom:60px;text-align:center;width:871px;}
.rmcp-t h3{margin-bottom:23px;color:#434343;font-size:42px;}
.rmcp-t p{color:#434343;line-height:28px;font-size:15px;}
.rmcp-b{width:110%;margin-left:-5%;position:relative;margin-bottom:60px;}
.rmcp-b a{display:block;background:#fff;padding:40px 40px 60px 40px;color:#434343;font-size:20px;}
.rmcp-b a h4{overflow:hidden;margin-bottom:24px;position:relative;}
.rmcp-b a h4 img{display:block;width:100%}
.rmcp-b a h4 i{z-index:3;position:absolute;left:0;bottom:0;width:100%;height:0;background:url(../images/fdj.png)no-repeat center rgba(0, 0, 0, 0.3);}
.rmcp-b a p{transition:all 0s;}
.rmcp-b a:hover{color:#ffb86c;}
.rmcp-b a:hover img{transform:scale(1.1);}
.rmcp-b a:hover i{height:100%;}
.rmcp .swiper-scrollbar {z-index: 50;height: 5px;background:#e6ddd4;height:2px;opacity:1!important;}

.shfw{margin:90px auto;}
.shfw-t{text-align:center;margin-bottom:50px;width:871px;}
.shfw-t h3{color:#434343;font-size:42px;line-height:45px;margin-bottom:35px;}
.shfw-t p{color:#7c7c7c;font-size:15px;}
.shfw-b{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);background:#fff;}
.shfw-l{width:50%;padding:0 60px}
.shfw-l h3{color:#434343;font-size:32px;margin-bottom:20px;}
.shfw-l h5{color:#7c7c7c;font-size:15px;margin-bottom:65px;}
.shfw-l dl{width:50%;border-bottom:1px solid #eee;margin-bottom:17px;}
.shfw-l dl:nth-child(2),.shfw-l dl:nth-child(4){padding-left:13px;}
.shfw-l dl:nth-child(3){/* margin-bottom:25px; */}
.shfw-l dl:nth-child(5){width:100%;}
.shfw-l dl:nth-child(5){margin-bottom:58px;}
.shfw-l dl dt{width:30px;}
.shfw-l dl dt img{}
.shfw-l dl input{width:calc(100% - 45px);height:57px;color:#7c7c7c;}
.shfw-l dl i{color:#e70315;font-size:22px;}
.shfw-l dl input::placeholder,.shfw-l dl textarea::placeholder{color:#7c7c7c;}
.shfw-l dl textarea{width:calc(100% - 35px);height:100px;color:#7c7c7c;}
.shfw-l button{width:100%;height:53px;background:#ffb86c;cursor:pointer;border-radius:5px;color:#fff;text-transform:uppercase;transition:all 0.5s;}
.shfw-l button:hover{opacity:0.8;}
.shfw-r{width:50%;overflow:hidden;}
.shfw-r img{display:block;width:100%}
.shfw-r:hover img{transform:scale(1.1);}

.xwzx{background:#f7f7f7;padding:100px 0;}
.xwzx-b{margin-bottom:55px;}
.xwzx-l{width:589px;}
.xwzx-l a{display:none;overflow:hidden;}
.xwzx-l a:nth-child(1){display:block;}
.xwzx-l a img{display:block;width:100%;}
.xwzx-l a:hover img{transform:scale(1.1);}
.xwzx-r{width:590px;padding-right:40px;position:relative;z-index:3;}
.xwzx-r a{display:block;position:relative;padding:34.5px 0}
.xwzx-r a h3{position:relative;z-index:3;color:#434343;font-size:22px;margin-bottom:10px;}
.xwzx-r a p{position:relative;z-index:3;color:#7c7c7c;font-size:15px;line-height:22px;}
.xwzx-r a i{display:block;width:100%;right:0;top:0;height:100%;position:absolute;}
.xwzx-r a.active{}
.xwzx-r a.active i{width:665px;background:#fff;}
.xwzx-c{width:187px;height:47px;border-radius:5px;background:#fff;text-transform:uppercase;color:#000;}
.xwzx-c:hover{background:#ffd38d;color:#fff;}

.tc{
    position: fixed;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    z-index: 1000000000000;
    width: 500px;
    height: 240px;
    left: 20px;
    top: calc(50%  - 120px);
    padding: 60px 40px 40px 40px;
}
.tc-s{}
.tc-s p{}
.tc-s p a{
    color: #ffb86c;
}
.tc-s p a:hover{}
.tc-s h5{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

@media(min-width:1200px){
    .wmys2-b dl p{position:absolute;left: 50%;top: 160px; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);width:240px;}
}
@media(max-width:1600px){
    .gywm-r{padding-right:20px;}
    .gywm-r h3{margin-bottom:30px;font-size:30px;}
    .gywm-r dl{margin-bottom:30px;}
    .gywm-r dl h4{margin-bottom:10px;}
}
@media(max-width:1500px){
    .gywm-r h3{margin-bottom:20px;font-size:30px;}
    .gywm-r dl{margin-bottom:20px;}
    .gywm-r dl h4{margin-bottom:10px;}
    .gywm-r dl br{display:none;}
}
@media screen and (max-width:1200px){
    .wmys .swiper-slide dl h4{height:90px;}
    .wmys2-b{align-items:flex-start;}
    .wmys2-b dl{width:50%;}
    .wmys2-b dl a{width:100px;height:100px;}
    .wmys2-b dl p br{display:none;}
    .cpzx-c,.oem-l a{width:150px;height:40px;}
    .shfw-l dl input{height:50px;}
    .shfw-l dl textarea{height:80px;}
    .shfw-l button{height:40px;}
    .tc{display:none;}
}