/*  */
.cpbg { padding-bottom: 33px; margin-top: -31px; }
.cp { }
.cp ul li span a { display: block; width: 100%; height: 40px; color: #fff; font-size: 15px; line-height: 40px; }
.cp ul li { float: left; padding: 0; width: 290px; margin: 12px 5px 52PX; position: relative; padding: 8px 0; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.cp ul li>a {display: block;float: left;width: 271px;left: 9px;height: 365px;padding-left: 0px !important;position: relative;overflow: hidden;}
.cp ul li>span { display: block; width: 100%; position: absolute; bottom: -50px; overflow: hidden; height: 40px; line-height: 40px; background: #c4a275; text-align: center; }
.cp ul li>span>a { position: absolute; z-index: 3; }
.cp ul li:hover>span>a { color: #fff; }
.cp ul li>span:before { content: ''; transition: ease-in-out 0.4s all; background: #fe0137; position: absolute; left: -200%; bottom: 0; width: 200%; height: 200%; z-index: 2; top: -200%; border-radius: 50%; opacity: 0; }
.cp ul li:hover>span:before { left: -50%; top: -50%; opacity: 1; }
.ceshigo { width: 100%; background: rgba(0, 0, 0, 0.4); height: 100%; position: absolute; bottom: 0; left: -100%; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; }
.ceshigo a { display: block; color: #fff; font-size: 16px; font-weight: bold; padding-top: 30%; }
.ceshigo p { height: 25px; line-height: 25px; border-radius: 10px; border: 1px solid #fff; -webkit-transition: all 0.3s 0.3s; transition: all 0.3s 0.3s; margin: 15px auto; display: block; font-size: 14px; color: #fff; font-weight: 100; width: 100px; text-align: center; position: relative; bottom: -180px; margin-top: 120px; }
.cp ul li:hover .ceshigo { left: 0; }
.cp ul li:hover .ceshigo p { left: 0; bottom: -72px; }
.cp ul li>a> img {height: 100%;display: block;margin: 0 auto;}
.beta5 { display: block; position: absolute; transition: 0.5s all ease-in-out; }
.beta5 { width: 60px; height: 60px; border-radius: 50%; background: #fe0137 url(../images/20180611104228_1655111252.png) no-repeat center; left: 103px; top: 91px; transform: scale(0); }
.cp ul li:hover .beta5 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transform: scale(1); transform: scale(1); }
/*  */
.tuibg { background: #00a098; padding: 29px 0 21px; }
.tui { }
.tui h4 { text-align: center; font-size: 45px; color: white; height: 85px; line-height: 60px; }
.tui ul { padding: 0px 0; }
.tui ul li { width: 100%; float: left; height: 489px; margin-bottom: 21px; padding: 18px; }
.tui ul li a { width: 720px; height: 100%; display: block; overflow: hidden; float: left; }
.tui ul li:nth-child(1) { background: #ffffff; }
.tui ul li:nth-child(2) { background: #ffffff; }
.tui ul li:nth-child(2) a { float: right }
.tui ul li img { margin: 0 auto; display: block; width: 100%; }
.tui ul li section { width: 283px; height: 436px; float: left; margin-top: 34px; font-size: 15px; line-height: 32px; padding-left: 116px; }
.tui ul li section h3 { font-size: 42px; color: #00a098; height: 72px; line-height: 52px; }
.tui ul li section h5 { background: #00a098; color: white; height: 38px; line-height: 38px; font-size: 17px; font-weight: 200; text-align: left; padding-left: 22px; }
.tui ul li section h6 { font-size: 16px; height: 42px; line-height: 42px; font-weight: 200; }
.tui ul li section p { font-weight: 500; font-size: 16px; color: #00a098; }
.tui ul li section span { margin-top: 30px; width: 226px; height: 122px; background: url(../images/jiabg.jpg) no-repeat; display: block; font-size: 58px; color: red; font-weight: bold; text-indent: 52px; line-height: 58px; }
/*  */
.ystbg { width: 100%; height: 227px; background: url(../images/ysbg.jpg) center no-repeat; padding-top: 1px; margin-top: 2px; }
.yst { width: 231px; height: 122px; margin: 0 auto; margin-top: 88px; color: white; text-align: center; }
.yst h2 { line-height: 27px; margin-bottom: 14px; }
.yst h6 { font-size: 22px; }
/*  */
.ysbg { padding-top: 22px; background: url(../images/ys1bg.jpg) no-repeat }
.ys { }
.ys ul li { width: 228px; height: 172px; float: left; margin-right: 12px; padding-top: 281px; }
.ys ul li:hover { transition: all 0.8s linear; transform: rotateY(360deg); -webkit-box-shadow: 1px 1px 20px #222; -moz-box-shadow: 1px 1px 20px #222; box-shadow: 1px 1px 20px #222; }
.ys ul li:nth-child(1) { background: url(../images/c1.png) no-repeat; }
.ys ul li:nth-child(2) { background: url(../images/c2.png) no-repeat; }
.ys ul li:nth-child(3) { background: url(../images/c3.png) no-repeat; }
.ys ul li:nth-child(4) { background: url(../images/c4.png) no-repeat; }
.ys ul li:nth-child(5) { background: url(../images/c5.png) no-repeat; }
.ys ul li h5 { font-size: 23px; color: #fe0137; text-align: center; font-weight: bold; }
.ys ul li span { font-size: 23px; color: #fe0137; text-align: center; font-weight: bold; display: block; }
.ys ul li p { font-size: 12px; color: #333; text-align: center; line-height: 22px; margin-top: 40px; }
/*  */
.casebg { height: 666px; background: #ffffff; padding: 33px 0; }
.case { }
.tit1 {font-size: 18px;text-align: center;color: #333333;margin: 0 auto;background: url(../images/tit1.png) no-repeat bottom;margin-bottom: 12px;}
.tit1 h3 { height: 65px; line-height: 65px; display: block; font-size: 35px; font-weight: bold; }
.tit1 span { color: #fe0137; }
.tit1 p { }
/*  */
.casebg { }
.case { }
.cleft { width: 920px; float: left; /* height: 500px; */
padding-bottom: 10px; }
.cleft ul li,.cright ul li { border: 1px solid red; float: left; overflow: hidden; position: relative; }
.cleft ul li img,.cright ul li img { width: 100%; }
.cleft p,.cright p { text-align: center; display: block; position: absolute; top: 0; left: 0; width: 100%; line-height: 327px; color: #fff; text-indent: 10em; background: #666; background: rgba(0,0,0,0.45); opacity: 0; filter: alpha(opacity=0); transition: 0.3s ease all; }
.cleft ul li:hover p,.cright ul li:hover p { opacity: 1; filter: alpha(opacity=100); text-indent: 0em; font-size: 18px; }
.xian { display: block; position: absolute; background: #ffffff; z-index: 111; transition: 0.5s ease all; }
.xian1 {width: 0px;height: 2px;bottom: 8px;left: 8px;}
.xian2 {width: 0px;height: 2px;top: 8px;right: 8px;}
.xian3 {height: 0px; width: 2px;bottom: 8px;left: 8px;}
.xian4 {height: 0px; width: 2px;top: 8px;right: 8px;}
/*  */
.cleft ul li:hover .xian1 { width: 478px; height: 2px;  }
.cleft ul li:hover .xian2 {width: 478px;height: 2px;}
.cleft ul li:hover .xian3{height: 377px;  width: 2px;}
.cleft ul li:hover .xian4{height: 377px;  width: 2px;}
/*  */
.clefta { width: 448px; height: 327px; margin-right: 10px; margin-top: 10px; }
.cleftb { width: 448px; height: 327px; margin-right: 10px; margin-top: 10px; }
.cleftc { width: 598px; height: 301px; margin-right: 10px; margin-top: 12px; }
.cleftd { width: 292px; height: 301px; margin-right: 10px; margin-top: 12px; }
.cright { width: 278px; float: right; }
 
/*  */
.crighta { width: 278px; height: 205px; margin-bottom: 13px; margin-top: 10px; }
.crightb { width: 278px; height: 205px; margin-bottom: 13px; }
.crightc { width: 278px; height: 205px; margin-bottom: 13px; }
/*  */
.cright ul li:hover .xian1 { width: 478px; height: 2px;  }
.cright ul li:hover .xian2 {width: 478px;height: 2px;}
.cright ul li:hover .xian3{height: 377px;  width: 2px;}
.cright ul li:hover .xian4{height: 377px;  width: 2px;}
.cright p{line-height: 211px;}
/*  */
/*  */
.aboutbg{/* height: 539px; */padding: 22px 0 0;background: #f6f6f6;}
.about{
    padding-top: 21px;
}
.apic{width: 600px;text-align: center;height: 27px;margin: 0 auto;}
.about1{
    width: 430px;
    height: 400px;
    float: left;
}
.about1 img{}
.about2{
    width: 720px;
    float: right;
    height: auto;
    padding-top: 12px;
    font-size: 14px;
    color: #616161;
    line-height: 35px;
    }
    .about2 span{font-size: 18px;
        color: #fe0137;}
    .about2 font a{    font-size: 14px;
        color: #fe0137;}
        .about2 .tel{
            font-size: 16px;
            color: #333333;
            margin-left: 11px;
            margin-top: 7px;
            width: 636px;
            /* border: 1px solid red; */
            background: url(../images/tel.jpg) no-repeat 1px 1px #f6f6f6;
            height: 64px;
            padding-top: 27px;
            }
        .about2 .tel font{
            font-size: 30px;
            color: #fe0137;
            margin-left: 140px;
            }

/*  */
/*  */
.anli2 {/* height: 310px; */margin: 0 auto;text-align: center;overflow: hidden;margin-top: 5px;margin-bottom: 12px;}
.icon {width: 3300px;overflow: hidden;animation: move 32s linear infinite normal;animation-fill-mode: forwards;}
.icon:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
.icon li {float: left;list-style: none;overflow: hidden;width: 250px;margin-right: 6px;background: white;border: 1px solid #e6e2e2;}
.icon li:hover{ -webkit-box-shadow: 0 0 18px 0px #FF8690;  box-shadow: 0 0 18px 0px #FF8690; border: 1px solid #FF8690;  transition: all .3s;}
.icon li div {width: 232px;height: 316px;display: block;overflow: hidden;/* border: 1px solid #e6e2e2; */margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}
.icon img { display: block; height: 100%; margin: 0 auto; }
.icon h3 {text-align: center;font-size: 16px;font-weight: 200;color: #000;display: block;margin-top: 14px;height: 33px;line-height: 22px;}
.icon h3 a { color: #ff6600; }
.pause { position: relative; height: 60px; display: inline-block; margin: 20px auto; text-align: center; }
.pause:before { position: absolute; content: ""; display: inline-block; width: 100px; height: 60px; left: 0px; line-height: 60px; font-size: 20px; color: #fff; margin: 0 20px; background: orange; border: none; border-radius: 20px; outline: none; }
@keyframes move {  0% {
transform:translateX(0px);
}
 100% {
transform:translateX(-1200px);
}
}
.anli2 input { display: none; }
.anli2 input:checked ~ .con { animation-play-state: paused; -webkit-animation-play-state: paused; }
.anli2 input:checked ~ .pause:before { content: ""; }
/**/
/*  */
.pro6 ul li {width: 200px;float: left;margin: 5px 4px;padding: 8px;text-align: center;border: 8px solid #84e29c;background: white;position: relative;transition: all 1s ease-out;}
.pro6 ul li div {width: 100%;height: 345px;overflow: hidden;}
.pro6 ul li img {
    height: 100%;
}
.pro6 ul li span {width: 92%;position: absolute;bottom: 17px;left: 9px;background: #ff660096;height: 30px;line-height: 30px;transition: all 1s ease-out;}
.pro6 ul li span a { color: white }
.pro6 ul li:hover {background: #84e29c;}
.pro6 ul li:hover span { background: #222; }
/*  */
.tt3 {width: 100%;height: 42px;line-height: 42px;margin-bottom: 4px;border: 1px solid #f39111;margin-top: 8px;}
.tt3 span {width: 1051px;font-size: 16px;color: #0e0000;/* background: #f4f4f4; */text-indent: 20px;height: 100%;display: block;float: left;}
.tt3 a { color: #fff; display: block; float: left; width: 149px; height: 100%; text-align: center; background: #ff6600; font-size: 14px; }
/*  */
.a1ssss{width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 12px;
    border: 1px solid #dad2d2;
    margin-top: 8px;}

    /*  */
    .news { }
.newst { text-align: center; margin-bottom: 36px; }
.newst a { font-size: 36px; font-weight: bold; color: #ef8f31; padding-bottom: 5px; }
.newst span { color: #f48212; }
.newst p { font-size: 15px; margin-top: 12px; }
/*  */

.news1 {width: 390px;height: 330px;float: left;margin-right: 10px;}
.news1 ul li i { width: 6px; height: 20px; background: #ff6600; line-height: 44px; margin-right: 12px; display: block; float: left; margin-left: 0px; margin-top: 12px; }
.news1 ul li { width: 100%; height: 44px; border-bottom: 1px dashed #ddd; font-size: 13px; line-height: 44px; }
.news1 ul li a { color: #333; }
/*  */
.ta6 { width: 100%; height: 50px; line-height: 50px; margin-bottom: 12px; }
.ta6 span {width: 282px;font-size: 16px;color: #0e0000;background: #f4f4f4;/* background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); */text-indent: 20px;height: 100%;display: block;float: left;}
.ta6 a { color: #fff; display: block; float: left; width: 93px; height: 100%; text-align: center; background: #ff6600; font-size: 14px; }
.news2 {width: 375px;float: right;padding-bottom: 12px;}
/*  */
.txtMarquee-top { overflow: hidden; position: relative; border: 1px solid #ccc; font-size: 14px; }
.txtMarquee-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.txtMarquee-top .hd .prev, .txtMarquee-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 -100px no-repeat; }
.txtMarquee-top .hd .next { background-position: 0 -140px; }
.txtMarquee-top .hd .prevStop { background-position: -60px -100px; }
.txtMarquee-top .hd .nextStop { background-position: -60px -140px; }
.txtMarquee-top .bd { padding: 6px 15px 15px 15px; }
.txtMarquee-top .infoList li { height: 25px; line-height: 25px; height: 135px !important; border-bottom: 1px dashed #ccc; margin-bottom: 10px; }
.txtMarquee-top .infoList li a { color: red; background: url(../images/wen.png) no-repeat left; height: 22px; line-height: 22px; overflow: hidden; padding-left: 40px; font-size: 1rem; color: #272626; }
.txtMarquee-top .infoList li a:hover { color: #e8ab41; }
.txtMarquee-top .infoList li p { background: url(../images/da.png) no-repeat left top; margin-top: 12px; color: #757575; line-height: 28px; overflow: hidden; padding-left: 40px; font-size: 0.875rem; }
.txtMarquee-top .infoList li .date { float: right; color: #999; }
/*  */
.more { display: block; width: 172px; height: 52px; line-height: 52px; text-align: center; font-size: 21px; color: #0e0000; background: #f4f4f4; margin-top: 25px; border-radius: 12px; box-shadow: 4px 3px 21px #f31c1c; transition: all 0.3s; margin: 26px auto; }
.more:hover { background: yellow; transform: translateY(-10px); color: black }
/*  */
.picScroll-left1 {/* overflow: hidden; */position: relative;/* border: 1px solid #ccc; */}
.picScroll-left1 .hd {/* background: #f4f4f4; */}
.picScroll-left1 .hd .prev, .picScroll-left1 .hd .next {display: bloc