@charset "utf-8";
/*font*/
@font-face {
  font-family:'iconfont', 'PingFangSC-Light'; 
  src: url('../fonts/font_520338_6z35szs7ttny7gb9.eot');
  src: url('../fonts/font_520338_6z35szs7ttny7gb9.eot') format('embedded-opentype'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.woff') format('woff'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.ttf') format('truetype'),
  url('../fonts/PingFangSC-Light.ttf') format('truetype'),
  url('../fonts/font_520338_6z35szs7ttny7gb9.svg#iconfont') format('svg');
}
.iconfont{ color: inherit; font-family: 'iconfont'; font-size: inherit;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}
/* CSS Document */
body{overflow-x: hidden;overflow-y: auto;}
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{font-weight:400;margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,h6,i,input,select,textarea{font:400 13px/26px "Helvetica Neue","Microsoft YaHei",Helvetica,STHeiTi,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#434343;}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#434343}
a:hover{text-decoration:none}
.trans{-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-ms-transition: all .5s;}
img{vertical-align:top;border:0;max-width:100%;}
button,input,textarea{font-size:100%;vertical-align:middle;outline:0;border-radius:0;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
a,div{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html{font-size:100px}




.about_300 {
    padding: 50px 0 50px 0;
    overflow: hidden;
	background:#eff2fb;
}
.about_300 .b-tit {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.about_300 .b-tit h1 {
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}
.about_300 .b-tit h2 {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
}
.about_300 .b-tit h3 {
    color: #fff;
    width: 40px;
    height: 32px;
    display: block;
    position: relative;
    margin: 5px auto 0 auto;
}
.about_300 .usbox {
    width: 1200px;
    margin: 20px auto 0 auto;
    position: relative;
    overflow: hidden;
}
.about_300 .usbox .us_sp {
    width: 1038px;
    height: 585px;
	margin:0 auto;    
    overflow: hidden;
}
.about_300 .usbox .us_dw {
    width: 600px;
    height: 340px;
    line-height: 30px;
    padding: 30px 30px 40px 40px;
    font-size: 16px;
    float: left;
    overflow: hidden;
    background-color: rgba(255,255,255,0.9);
}
.about_300 .usbox .us_dw p {
    color: #333333;
    line-height: 2em;
    margin: 0 0 30px 0;
}
.about_300 .usbox .us_dw a {
    width: 130px;
    height: 45px;
    border: 1px solid #999;
    display: block;
    line-height: 45px;
    text-align: center;
    border-radius: 3px;
    font-family: "Times New Roman",Georgia,sans-serif;
    text-transform: uppercase;
    color: #333333;
    position: relative;
}
.about_300 .usbox .us_dw a:hover {
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}



@media screen and (min-width:360px){html{font-size:112.5px}}
@media screen and (min-width:375px){html{font-size:117.19px}}
@media screen and (min-width:414px){html{font-size:129.38px}}
@media screen and (min-width:480px){html{font-size:150px}}
@media screen and (min-width:640px){html{font-size:200px}}

.likke{ width:80%; margin:0 auto; font-size:16px; line-height:34px;}
.news_next {
    border-top: 1px dotted #ccc;
    padding: 2em 0 1em 0;
    margin-top: 50px;
    text-align: left;
    color: #999;
    float: left;
    width: 100%;
}
.proinfoy{ background:#f7f9fc}
.rebang{ background:#f7f9fc;}
.topbanner{ width:100%; margin:0 auto}
.topbanner img{ width:100%;}
.home-introduction{transform:translateY(50px);position:relative;z-index:10; width:100%; float:left}
.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap; margin-bottom:150px;}
.home-introduction .introduction .item{width:32.1%;display:flex;align-items:center;box-sizing:border-box;padding:4% 1.5%;background-color:#FFF;border:1px solid #f0f0f0;border-radius:var(--border);transform:translateY(0);transition:all .3s linear}
.home-introduction .introduction .item .left{width:70px;height:70px;border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;background-color:#f8f9f8;color:#000;transition:all .3s linear}
.home-introduction .introduction .item .left em{font-size:32px;transform:rotateY(0);transition:all .3s linear}
.home-introduction .introduction .item .right{flex:1}
.home-introduction .introduction .item .right .title{color:var(--fontcolor);text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:20px}
.home-introduction .introduction .item .right .text{color:var(--summarycolor);font-size:14px;margin-bottom:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-introduction .introduction .item:hover{transform:translateY(10px)}
.home-introduction .introduction .item:hover .left em{transform:rotateY(360deg)}
.home-introduction .introduction .item:hover .left{background-color:#d6d6d6;color:#FFF}
.icon-keji:before {
	
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home-introduction .introduction .item .left em {
    font-size: 32px;
    transform: rotateY(0);
    transition: all .3s linear;
}
.contactno{ width: 100%;
    float: left;
    font-size: 25px;
    font-family: "Times New Roman", Times, serif;}
.contactno span{ font-size:24px;font-weight:normal; color:#333; margin-left:50px; font-family:"微软雅黑"}
.contactno span b{ font-family:"Times New Roman", Times, serif; font-size:24px;}
    /* news */
    .news_234 {
        width: 100%;
        padding: 0px 0;
    }
    
    .news_234 .container {
        margin-left: auto;
        margin-right: auto;
        width: 1360px;
    }
    .news_234 .news-top {
        width: 100%;
    }

    .news_234 .news-top h3 {
        float: left;
        font-size: 28px;
        color: #333333;
        font-weight: normal;
    }

    .news_234 .news-top h3 a {
        color: #333333;
        text-decoration: none;
    }

    .news_234 .news-top p {
        font-size: 12px;
        color: #cccccc;
        float: right;
        margin-top: 10px;
    }

    .news_234 .mainCon {
        width: 100%;
        position: relative;
        margin: 60px auto 0;
    }

    .news_234 .mainCon .conBox {
    }

    .news_234 .mainCon .conBox ul {
      
        left: 0;
        top: 0;
        width: 103%;
    }

    .news_234 .mainCon .conBox li {
        float: left;
        width: 370px;
		margin-bottom: 30px;
        height: 440px;
        padding: 29px 29px 0;
        background: #fff;
        margin-right: 30px;
        border: 1px solid #ebebeb;
        position: relative;
    }

    .news_234 .mainCon .conBox li .news-pic {
        display: block;
        width: 370px;
        height: 230px;
        overflow: hidden;
    }

    .news_234 .mainCon .conBox li .news-pic img {
        display: block;
        width: 370px;
        height: auto;
        transition: all 1s ease-out;
    }

    .news_234 .mainCon .conBox li h3 {
        font-size: 15px;
        color: #333333;
        margin: 28px 0 18px 0;
        font-weight: normal;
        padding: 0 8px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news_234 .mainCon .conBox li p {
        line-height: 20px;
        color: #666666;
        font-size: 13px;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 122px;
    }

    .news_234 .mainCon .conBox li a.more {
        display: block;
        font-size: 12px;
        color: #999999;
        left: 38px;
        bottom: 32px;
        position: absolute;
    }

    .news_234 .mainCon .conBox li a.more:hover {
        color: #abcd03;
        font-weight: bold;
    }

    .news_234 .mainCon .conBox li a.news-smallTitle {
        display: block;
        font-size: 12px;
        color: #999999;
        right: 38px;
        bottom: 32px;
        position: absolute;
    }

    .news_234 .mainCon .conBox li a.news-smallTitle:hover {
        color: #abcd03;
        font-weight: bold;
    }

    .news_234 .mainCon .conBox li:hover .news-pic img {
        transform: scale(1.1);
    }

    .news_234 .mainCon .conBox li:hover {
        background: #e8f4fd;transition: all 1s ease-out;
    }

    .news_234 .mainCon .conBox li:hover h3 {
        color: #005bac;
    }

    .news_234 .mainCon .conBox li:hover p {
        color: #005bac;
    }

    .news_234 .mainCon .conBox li:hover a.more {
        color: #005bac;
    }






.w376 {
    width: 100%;
	
    margin: 50px auto;
    padding: 35px 0 55px;
    min-height: 300px;
}
.w376 .list {
    padding-bottom: 30px;
	 width:100%; float:left;
	 margin:0 auto;
}
.w376 .item {
    height: 158px;
	width:46%; margin-right:3%; float:left;
	background:#fff;
    transition: all .5s;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    margin-bottom: 20px;
}
.w376 .item a {
    padding: 26px;
    display: block;
}
.w376 .item img {
    width: 168px;
    height: 126px;
    display: block;
    margin-right: 30px;
}
.w376 .item h3 {
    font-size: 20px;
    padding: 00px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #000;
}
.w376 .item .txt {
    color: #999;
    line-height: 24px;
    width: 640px;
    height: 48px;
    overflow: hidden;
}
.w376 .item .time {
    width: 130px;
    padding: 20px 0 20px 45px;
    border-left: 1px solid #eee;
    font-family: arial;
    font-size: 18px;
    color: #999;
    text-align: center;
}
.w376 .item .time .day {
    font-size: 30px;
    line-height: 45px;
    display: block;
}
.w376 .item:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    margin-left: 15px;
}
.w376 .item:hover h3 {
    color: #005bac;
}
.w376 .item:hover .time .day span {
    background: #6d6d6d;
}
.w376 .item:hover .time .day strong {
    background: #ff0000;
    color: #fff;
}
.w376 .pages {
    padding: 30px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}
.w376 .pages a {
    color: #666;
    padding: 0 15px;
    margin: 0 3px;
    background: #fff;
    border: 1px solid #edebeb;
}
.w376 .pages * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}
.w376 .pages a:hover, .w376 .pages .active a {
    display: inline-block;
    color: #fff;
    background: #3fb150;
    border-color: #3fb150;
}




.wpblank{ width:1430px; margin:0 auto}

.blank01{ width:100%; margin-top:40px; float:left}
.ds01{ width:772px; float:left}
.dsms01{
	width: 558px; 
	height:431px;
    float: right;
	font-size:16px;
	line-height:32px;
    padding: 50px;
    background: #f3f3f3;}
.dsms01 h2{ font-size:24px; color:#000; margin-top:40px;}
.dsms01 h3{ font-size:22px; color:#000; line-height:40px; margin-bottom:30px;}


.blank02{ width:100%; margin-top:40px; float:left}
.ds02{ width:666px; float:right}
.dsms02{width: 674px;
    height: 514px;
    float: left;
	font-size:16px;
	line-height:32px;
    padding: 45px;
    background: #f3f3f3;}
.dsms02 h2{ font-size:24px; color:#000; margin-top:10px;}
.dsms02 h3{ font-size:22px; color:#000; line-height:40px; margin-bottom:20px;}



.blank03{ width:100%; margin-top:40px;  background: url(../images/dsb.jpg) top center no-repeat; float:left}
.ds03{ width:666px; float:left}
.dsms03{width: 656px;
    float: right;
	font-size:16px;
	line-height:32px;
    padding: 50px;
   }

.f235_main .w235 {
    width: 1360px;
    margin: 0 auto;
}
.f235_main .indexTit {
    text-align: center;
    width: 100%;
    height: 80px;
    background: url("{eyou:global name='web_cmspath' /}/skin/zujianku/images/line235.png") no-repeat center center;
    background-size: 60px 189px;
}
.f235_main .indexTit .tit {
    padding-top: 50px;
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: #333;
    line-height: 20px;
}
.f235_main .indexTit .subtit {
    font-size: 16px;
    color: #666;
    line-height: 18px;
    font-weight: normal;
    padding-top: 12px;
}
.f235_main .more {
    width: 150px;
    height: 40px;
    color: #666;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
}
.f235_main .more:hover {
    border: 1px solid #c9974c;
    background: #c9974c;
    color: #fff;
    text-indent: 10px;
}
.f235_main {
    background: #fff;
}
.f235_main .f235 {
    padding-top: 20px;
    padding-bottom: 50px;
}
.f235_main .f235 .cont {
    margin-top: 40px;
    margin-bottom: 40px;
}
.f235_main .news235 {
    width: 404px;
    overflow: hidden;
    position: relative;
}
.f235_main .news235 .hd {
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: 10;
}
.f235_main .news235 .hd ul {
    overflow: hidden;
    zoom: 1;
}
.f235_main .news235 .hd li {
    margin-right: 6px;
    width: 12px;
    height: 12px;
    font-size: 0;
    text-indent: -9999px;
    background: #fff;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    float: left;
    transition: all .5s;
}
.f235_main .news235 .hd li.on {
    background: #c9974c;
}
.f235_main .news235 .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
    width:450px;
    height: 595px;
    overflow: hidden;
}
.f235_main .news235 .bd li img {
    display: block;
    width: 404px;
    height:595px;
}
.f235_main .news235 .bd li .txt {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 70px;
    background: url("{eyou:global name='web_cmspath' /}/skin/zujianku/images/bg235.png") repeat center center;
}
.f235_main .news235 .bd li .txt .tit {
    display: block;
    font-size: 18px;
    line-height: 70px;
    color: #fff;
    text-indent: 20px;
}
.f235_main .news235 .bd li p {
    padding: 0;
    color: #666;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
}
.f235_main .news235 .bd li .time {
    font-size: 16px;
    padding-right: 30px;
    padding-top: 28px;
}
.f235_main .textlist {
    width: 880px;
}
.f235_main .textlist .item {
    position: relative;
    border-bottom: 1px dashed #d7d7d7;
    transition: all .5s;
	margin-bottom: 15px;
}
.f235_main .textlist .item a {
    display: block;
    padding: 19px 0px;
}
.f235_main .textlist .item:first-child a {
    padding-top: 0px;
}
.f235_main .textlist .item h3 {
    color: #333;
    font-size: 18px;
    transition: all .5s;
	padding-top:15px;
}
.f235_main .textlist .item p {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}
.f235_main .textlist .item .time {
    display: block;
    width: 73px;
	 padding-top: 10px;
    height: 73px;
    border-right: 1px solid #ddd;
    line-height: 25px;
    margin-right: 30px;
    padding-right: 20px;
    text-align: center;
    color: #666;
}
.f235_main .textlist .item .time b {
    color: #666;
    display: block;
    font-size: 38px;
    line-height: 48px;
}
.f235_main .textlist .item:hover {
    transform: translate3d(0, -2px, 0);
}
.f235_main .textlist .item:hover h3 {
    color: #41a3e1;
}







.productmain{ width:100%; text-align:center; height:460px;}
.indexabout{ background:url(../images/abb.jpg) top center no-repeat; height:516px;}
.ey-lang a{color:#000;text-decoration:none;outline:none}
.ey-lang a:focus,a:hover{text-decoration:none;outline:none}
.ey-lang .fr{float:right}
.ey-lang .ey-cl:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.ey-lang img{vertical-align:middle}
.ey-lang .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.ey-lang .container{padding:0}
.ey-lang .ey-top{width:100%;height:30px;line-height:30px;color:#333; width: 200px; float: right;}
.ey-top .langu{position:relative;width: 150px;padding:0 14px 0 10px;cursor:pointer;transition:all .3s}
.ey-top .langu img{margin-top:-3px}
.ey-top .langu span{padding:0 4px; font-size:16px;}
.ey-top .language span{padding:0 5px}
.ey-top .langu:after{position:absolute;content:"";top:50%;right:0;margin-top:-8px;border:6px solid #ddd;border-color:transparent transparent #ddd transparent}
.ey-top .langu:hover span{color:#626262;transition:all .3s; font-size:16px;}
.ey-top .langu:hover:after{margin-top:-2px;border:6px solid #9ab14d;border-color:#333 transparent transparent transparent;transition:all .3s}
.langu .languagebox{display:none;position:absolute;width: 165px; left: 57%;transform:translateX(-50%);top:30px;text-align:center;z-index:10}
.langu .language{width:100%;margin-top:6px;border:1px solid #e6e6e6;background-color:#fff}
.langu .language a{display:block;padding:6px 0;color:#808080}
.langu .language a:hover{color:#333;background-color:#f5f5f5;transition:all .3s}
.ey-top .langu:hover .languagebox{display:block;transition:all .3s}
@media (max-width:767px){.ey-lang .container{padding:0 10px}
}





.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.youshiindex{ padding-top: 30px; width:100%; margin:0 auto; background:url(../images/ysbg.jpg) center center no-repeat; background-size: cover;background-attachment: fixed; }
.headbland{ height:90px; width:100%; display:block;}
.protit{ width:1360px; margin:20px auto 0px; display:block; height:50px;}
.protit-left{ width:50%; float:left; font-size:25px; font-family:"Times New Roman", Times, serif;}
.protit-left a{ font-size:14px; font-weight:normal; font-family:"微软雅黑"; margin-left:30px; margin-right:00px;}
.protit-right{ width:50%; float:right}
.newinfo{ position:relative; margin-top:-540px;}
.wpnewinfo{width:1360px;margin:0 auto;}
.wp{width:1360px;max-width:1360px;margin:0 auto}
.wpp{position: relative;width:1366px;max-width:1366px;margin:0 auto;}
.wp1{width: 1230px;max-width: 1230px;margin:0 auto;}
.wp2{width:1208px;max-width:1208px;margin:0 auto}
.wp3{width:1360px;max-width:1360px;margin:0 auto}
.wp4{width:1000px;max-width:1208px;margin:0 auto}

.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.checkBrowser{font-size:14px;line-height:40px;position:fixed;z-index:99999;top:0;left:50%;width:700px;height:40px;margin-left:-360px;padding:0 10px;color:#FFF;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#E6212A}
.checkBrowser a{font-size:16px;line-height:20px;position:absolute;top:10px;right:5px;display:block;width:20px;height:20px;cursor:pointer;text-align:center;color:#333;border-radius:50%;background-color:#FFF}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
.paged{padding-top:30px;text-align:center}
.paged .current,.paged .p_info,.paged a{border-radius:.02rem;display:inline-block;zoom:1;margin:5px 3px;padding:.075rem .11rem;font-size:16px;text-align:center;background:#FFF;color:#666}
.paged .current,.paged a:hover{background:#c7ad8e;color:#FFF}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes flip{0%{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:rotateY(170deg);transform:rotateY(170deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:rotateY(190deg);transform:rotateY(190deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip{0%{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:rotateY(170deg);transform:rotateY(170deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:rotateY(190deg);transform:rotateY(190deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}
30%{-webkit-transform:scaleX(1.25) scaleY(.75);transform:scaleX(1.25) scaleY(.75)}
40%{-webkit-transform:scaleX(.75) scaleY(1.25);transform:scaleX(.75) scaleY(1.25)}
60%{-webkit-transform:scaleX(1.15) scaleY(.85);transform:scaleX(1.15) scaleY(.85)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
.xy-top{position: relative;font-size: 12px;color: #666;line-height: 35px;height: 35px;background: #f9f9f9;z-index: 222;}
.xy-top .search{float: right;width: 220px;background: #e3e3e3;}
.xy-top .search .stxt{float: left;display: block;width: 180px;line-height: 35px;text-indent: 10px;color: #999;border: 0;background: none;}
.xy-top .search .sbtn{float: right;width: 40px;height: 35px;border: 0;cursor: pointer;background: url(../images/so.png) center no-repeat;}
@media (max-width: 767px){.xy-top{display: none;}}
.header{background:rgba(0,0,0,0.7);width:100%;height: 88px;position: fixed;z-index:111;}
.header h1{padding: 0;}
.header h1 a{display:inline-block;}
.header h1 a img{width: 100%;height: 100%; margin-top:20px;}
.header .nav{text-align:right}
.header .nav li{position: relative;display:inline-block;vertical-align:top;}
.header .nav li:before{position: absolute;left: 50%;width: 0;bottom: 0;height: 1px;background: #fff;content: '';transition: .5s;-webkit-transition: .5s;}
.header .nav li a{text-align:center;box-sizing:border-box;display:block;position:relative;height:100%;line-height: 88px;font-size:14px;color: #fff;margin: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .nav li .subnav{    background: #fff;
    height: 300px;
    left: -1240px;
    /* overflow: hidden; */
    position: absolute;
    top: 100%;
    width: 1920px;
    z-index: 0;
	box-shadow: 0px 2px 20px rgba(0,0,0,0.05);}
.subnavnei{ width:1360px; margin:0 auto;}
.subnavlogo{ width:600px; float:left; margin-top:50px;}
.sbnavlist{ width:700px; float:right;margin-top: 100px;}
.header .nav .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, -10px, 0);-moz-transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0);}
.header .nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.header .nav li .subnav a{color: #666;display: block;font-size: 20px;line-height: 40px;height: 40px;width: 25%; float:left;margin-right: 30px;}
.header .nav li .subnav a:hover{color: #005faf;}
.header .nav li.cur a, .header .nav li:hover a{color: #fff;}
.header .nav li:hover:before,.header .nav li.cur:before{ width: 100%;left: 0;}
.header .nav li:hover .subnav a{color: #666;}
.header .nav li.hover .subnav a:hover,.header .nav li:hover .subnav a:hover{color: #999;}
.header .nav .search-btn{position:relative}
.header .nav .search-btn .search{display:none;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.header .nav .search-btn .search input{width:150px;height:35px;padding-left:10px;padding-right:50px;border-radius:20px;border:1px solid #EFEFEF;background:#FFF;font-size:14px}
.header .nav .search-btn .search button{position:absolute;right:10px;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:25px;height:26px;background-color:transparent;background-image:url("../images/search.png");background-size:100% 100%;border:0;cursor:pointer}
.header .language{position: relative;float: right;padding-top: 37px;margin-left: 30px;}
.header .language>a{display: block;color: #666;padding-left: 25px;background: url(../images/yu.png) left center no-repeat;}
.header .language a i{display: inline-block;width: 14px;height: 8px;margin-left: 5px;background: url(../images/xia.png) center no-repeat;}
.header .language dl{position: absolute;left: 0;right: 0;top: 100%;padding-top: 10px;background: #fff;box-shadow: 0 5px 15px -4px rgb(0 0 0 / 30%);filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.header .language dl dd{}
.header .language dl dd a{display: block;font-size: 14px;color: #888;line-height: 30px;text-align: center;}
.header .language dl dd a:hover{color: #005faf;background: #eee;}
.header .language:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav-btn{display:none;width:.18rem;height:.16rem;background-size:cover;background-image:url("../images/nav-btn.png");position:absolute;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:.175rem;}
.iphone-nav{display:none;position:fixed;left:0;top:0;width:2.09rem;height:100%;background: #fff;z-index:66666666666;}
.iphone-nav a{display:block;padding-left:.44rem;color: #333;font-size:.12rem;height:.39rem;line-height:.39rem;border-bottom: 1px solid #ddd;}
.iphone-nav a img{max-width:100%;vertical-align:middle;height:.12rem}
.bg{display:none;position:fixed;width:100%;height:100%;background: rgba(0,0,0,.8);z-index:100;left:0;top:0;}
.search-btn-1{position:absolute;right:.5rem;top:50%;display:none;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.search-btn-1 a{display:block;width:.18rem;height:.18rem;background-image:url("../images/sosuo.png");background-size:100% 100%}
.search-1{display:none;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.search-1 input{width:1rem;height:.25rem;padding-left:10px;padding-right:50px;border-radius:20px;border:1px solid #EFEFEF;background:#FFF;font-size:14px}
.search-1 button{position:absolute;right:10px;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);width:.225rem;height:.225rem;background-color:transparent;background-image:url("../images/search.png");background-size:100% 100%;border:0;cursor:pointer}
@media (min-width:1366px){.ey-lang .container{width:160px; border-bottom:2px solid #ddd; padding-right:10px;}
}
@media (max-width:1366px){
.wp {
    width: 1300px;
    max-width: 1300px;
    margin: 0 auto;
}
.f235_main .f235 .cont {
    width: 80%;
    margin: 40px auto;
}
.f235_main .textlist {
    width: 600px;
}
.f235_main .indexTit {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    height: 80px;
    background-size: 60px 189px;
}
.protit {
    width: 1300px;
    margin: 20px auto 0px;
    display: block;
    height: 50px;
}
.wp3 {
    width: 1300px;
    max-width: 1300px;
    margin: 0 auto;
}
.ny_pro_list {
    width: 23.0%  !important;
    float: left;
    margin: 15px 10px;
    background-color: #fff;
    /* box-shadow: 0px 2px 7px rgba(0,95,175,0.1); */
}
.news_234 .mainCon .conBox li {
    float: left;
    width: 350px;
    margin-bottom: 30px;
    height: 440px;
    padding: 29px 29px 0;
    background: #fff;
    margin-right: 30px;
    border: 1px solid #ebebeb;
    position: relative;
}

}
@media screen and (max-width:1360px){
.search-btn-1{display:block}
.wp{width:96%; padding:0 2%}
.wp1{width:96%; padding:0 2%}
.wp2{width:96%; padding:0 2%}
.wp3{width:96%; padding:0 2%}
.header{height: .6rem;position:relative;}
.header .nav{display:none}
.header .header-fd{height:.495rem}
.header h1{left: .05rem;float:none;position:absolute;top:50%;padding: .14rem 0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform: translate(0,-50%);}
.header h1 a{width: 1.2rem;}
.iphone-nav{display:block;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translate3d(-2.09rem,0,0);transform:translate3d(-2.09rem,0,0)}
.iphone-nav-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);box-shadow: 0.1rem 0 1rem rgb(0 0 0 / 50%);}
.nav-btn{display:block}}
@media screen and (max-width:1360px){.wp1200{width:100%}}
.banner{width:100%;height:auto;margin: 0 auto;overflow:hidden;position:relative;}
.banner .shadow{position:absolute;top:0;left:0;width:100%;height:10px;z-index:11111;background:#849093;opacity:.5}
.banner .img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner .img .swiper-container{width:100%;height:100%}
.banner .img .swiper-container .swiper-slide{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner .img a{display:block;height:100%;text-align: center;}
.banner .img a img{width: 100%;}
.banner .img .swiper-button-prev,.banner .img .swiper-button-next{width: 50px;height:90px;background-color: rgba(0,0,0,.5);margin:0;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);transition: all .5s;}
.banner .img .swiper-button-prev{left:50px}
.banner .img .swiper-button-next{right:50px}
.banner .img .swiper-pagination .swiper-pagination-bullet{width:.065rem;height:.065rem;background:#FFF;margin:.04rem;opacity:1;transition: all .5s;}
.banner .img .swiper-pagination .swiper-pagination-bullet-active{background: #005faf;}
.banner .img .swiper-button-next,.banner .img .swiper-button-prev{opacity: 0;}
.banner .img:hover .swiper-button-next,.banner .img:hover .swiper-button-prev{opacity: 1;}
.banner .small-img{display: none;width: 100%;height: 100%;}
.banner .small-img .swiper-container{width:100%;height:100%}
.banner .small-img .swiper-container .swiper-slide{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner .small-img .swiper-button-prev{left:10px;width:.25rem;height:.25rem}
.banner .small-img .swiper-button-next{right:10px;width:.25rem;height:.25rem}
.banner .small-img a{display:block;height:100%}
.banner .small-img a img{width: 100%;}
.banner .small-img .swiper-pagination .swiper-pagination-bullet{width:.065rem;height:.065rem;background:#FFF;margin:.04rem;opacity:1}
.banner .small-img .swiper-pagination .swiper-pagination-bullet-active{background: #005faf;}
@media (max-width: 768px){.banner .img{display: none;}
.banner .small-img{display: block;}}
.exclusive .list .swiper-slide div:before{-webkit-transition:all .5s ease;transition:all .5s ease}
.exclusive .list .swiper-slide div:after{-webkit-transition:all .5s ease;transition:all .5s ease}
.banner .img .swiper-button-prev{z-index:99999}
.banner .img .swiper-button-next{z-index:99999}
.header-top{height:30px;line-height:30px}
.header-top a{margin-right:10px}
.header-top a:hover{color:#c7ad8e}
@media screen and (max-width:1360px){.header-top{padding-right:10px;padding-left:10px}}
@media screen and (max-width:640px){.header-top{display:none}}
/*首页标题*/
.icase{padding-bottom: 0%; margin-bottom:50px;}
.publicTit{text-align: center;padding: 2% 0 2% 0;position: relative; margin-top:30px;}
.publicTit h2{color: #000;font-size: 40px;line-height: 40px; font-weight: normal; background: url(../images/line1.png) center 30px no-repeat;}
.publicTit .wenzi{color: #666;font-size: 30px; font-weight: lighter;line-height: 50px; margin-top:10px; font-family: 'PingFangSC-Light', sans-serif; }
.publicTit .wenzi a{color: #999;}
.publicTit .wenzi i{display: inline-block;vertical-align: sub;margin: 0 6px;width: 18px;height: 13px;background: url(../images/tit.png) no-repeat center;}
.publicTit .wenzi span .y{display: none;}
@media only screen and (max-width:1400px ){
.publicTit h2{font-size: 30px;}
}
@media only screen and (max-width:1360px ){
.publicTit h2{font-size: 28px;}
}
@media only screen and (max-width:960px ){
.publicTit h2{font-size: 26px;}
}
@media only screen and (max-width:640px ){
.publicTit h2{font-size: 22px;}
.publicTit .wenzi{font-size: 17px;}
.publicTit .wenzi i{width: 10px;height: 15px;margin: 0 3px;}
.publicTit .wenzi span{display: block;}
.publicTit .wenzi span .y{display: inline-block;}
}
@media only screen and (max-width:480px ){
.publicTit h2{font-size: 24px;}
.publicTit .wenzi {
    color: #666;
    font-size: 16px;
    font-weight: lighter;
    line-height: 20px;
    margin-top: 0px;
    font-family: 'PingFangSC-Light', sans-serif;
}
.publicTit .wenzi i{height: 18px;}
}
/*产品中心*/
.productFour{padding: 2% 0 0;
    margin: 50px auto  0px;
    width: 1060px;
    height: 300px;}
.productFour .dd{overflow: hidden;float: left;width: 23.875%;margin-right: 1.5%;text-align: center;position: relative;}
.productFour .dd:last-child{margin-right: 0;}
.productFour .dd .ddItem{height: 100px;color: #fff;text-align: center;background: #fff;background: rgba(0,0,0,0);z-index: 2;transition: .8s;-webkit-transition: .8s;}
.centerCot{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.productFour .dd .ddItem .more{display: inline-block;background: #000;color: #fff;padding: 0 40px;line-height: 30px;transition: all .5s;}
.productFour .dd .ddItem h6{color: #333;font-size:22px;line-height: 1.6;padding:80px 0 0;}
.productFour .dd .ddItem h2 {
    color: #333;
    font-size: 16px;
    line-height: 1.6;
    padding: 0px 0 20px;
}
.productFour .dd >a{display: block;width: 100%; overflow: hidden;}
.productFour .dd >a img{left: 0;top: 0;min-height: 100%;display: block;margin: 0 auto;}
@media only screen and (min-width:1360px ) {
.productFour .dd >a:hover .ddItem{color: #333;}
.productFour .dd .blockImg{transition:1s;-webkit-transition: 1s;}
.productFour .dd>a:hover .blockImg{transform: scale(1.05);-webkit-transform: scale(1.05);}
.productFour .dd .ddItem .more:hover{padding: 0 35px;}
}
@media only screen and (max-width:1400px ) {
.productFour .dd .ddItem h6{font-size: 22px;}
}
@media only screen and (max-width:1360px ) {
.productFour .dd .ddItem h6{font-size: 20px;}
}
@media only screen and (max-width:480px ) {
.productFour .dd .ddItem h6{font-size: 17px;}
}
@media only screen and (max-width:767px ) {
.productFour .dd{width: 47%;margin: 0;margin-left: 2%;}
.productFour .dd:nth-child(1), .productFour .dd:nth-child(2){margin-bottom: 2%;}
.productFour .dd .ddItem{ padding-top: 0;}
}
/*关于我们*/
.in_about{ width:1360px; margin: 0 auto;padding: 40px 0px;height:450px;overflow:hidden;}
.in_about_l{float: left;width: 100%;height: 100%;}
.in_about_l .publicTit{text-align: center;padding-top: 0;}
.in_about_l img{width: 25%;}
.in_about_l .txt{color: #333;font-size: 18px;line-height: 32px; width:75%;text-align: center;height: 100%;padding-right: 1%;overflow: auto; margin:0 auto;}
.in_about_l span{left: 0;bottom: 0;display:block;}
.in_about_l span a{width:220px;color: #fff; margin:40px auto;font-size:16px;text-align:center;line-height:30px;display:block;background: #000000;box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.3); }
.in_about_r{position: relative;float: right;width: 47%;}
.in_about_r a img{width:100%; height:auto; overflow:hidden}
@media only screen and (max-width:1400px ) {
.in_about{padding: 3% 0%;}
.in_about .wpp{ width: 96%;}
.in_about_l,.in_about_r{width: 100%;}
.in_about_l .txt{font-size: 15px;line-height: 25px;height: 50%;}
}
@media only screen and (max-width:1360px ) {
.in_about_l .txt{font-size: 12px;line-height: 19px;height: 48%;}
.in_about_l span{margin-top: 1.8%;}
.in_about_l span a{width: 120px;line-height: 35px;}
}
@media only screen and (max-width:960px ) {
.footer_dl1 {
    width: 100%;
    display: none;
    border-bottom: 1px dotted #666;
    padding: 15px 0;
}
.footer_dl3 {
    width: 100%;
    display: none;
}
.protit-left {
    width: 100%;
	padding-left:20px;
    float: left;
    font-size: 25px;
    font-family: "Times New Roman", Times, serif;
}
.ey-top .langu {
    position: relative;
    width: 150px;
    padding: 0 22px 0 0px;
    cursor: pointer;
    transition: all .3s;
}
.headbland {
    height: 100px;
    width: 100%;
    display: block;
    display: none;
}
.protit {
    width: 100%;
    margin: 20px auto 0px;
    display: block;
    height: 70px;
}
.contactno span {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    width: 100%;
    float: left;
    margin-bottom:00px;
    margin-left: 00px;
    font-family: "微软雅黑";
}
.w376 .item {
    height: 158px;
    width: 100%;
    margin-right: 3%;
    float: left;
    background: #fff;
    transition: all .5s;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    margin-bottom: 20px;
}
.contactno {
    width: 100%;
    margin-top: 30px;
    float: left;
    font-size: 25px;
    font-family: "Times New Roman", Times, serif;
}
.home-introduction .introduction .item {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    box-sizing: border-box;
    padding: 4% 1.5%;
    background-color: #FFF;
    border: 1px solid #f0f0f0;
    border-radius: var(--border);
    transform: translateY(0);
    transition: all .3s linear;
}
.home-introduction .introduction {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.ey-lang .ey-top {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #333;
    width: 200px;
    float: left;
}
.protit-right {
    width: 100%;
    float: left;
}
.wpblank {
    width: 100%;
    margin: 0 auto;
}
.dsms01 {
    width: 100%;
    height: 431px;
    float: left;
    font-size: 16px;
    line-height: 32px;
    padding: 30px;
    background: #f3f3f3;
}
.ds03 {
    width: 100%;
    float: left;
}
.blank03 {
    width: 100%;
    margin-top: 40px;
    background: url(../images/dsb.jpg) top center no-repeat;
    background-size: cover;
    float: left;
}
.dsms03 {
    width: 90%;
    float: left;
    font-size: 16px;
    line-height: 32px;
    padding: 20px;
}
.news_234 .mainCon {
    width: 100%;
    position: relative;
    margin: 20px auto 0;
}
.news_234 .mainCon .conBox li .news-pic img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 1s ease-out;
}
.news_234 .container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.news_234 .mainCon .conBox li .news-pic {
    display: block;
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.news_234 .mainCon .conBox li {
    float: left;
    width: 82%;
    margin-bottom: 30px;
    height: 440px;
    padding: 29px 29px 0;
    background: #fff;
    margin-right: 30px;
    border: 1px solid #ebebeb;
    position: relative;
}
.f235_main .news235 .bd li img {
    display: block;
    width: 100%;
    height: 595px;
}
.f235_main .indexTit .tit {
    padding-top: 20px;
    display: block;
    font-size: 24px;
    font-weight: normal;
    color: #333;
    line-height: 20px;
}
.f235_main .indexTit {
    text-align: center;
    width: 100%;
    margin-bottom: 00px;
    height: 20px;
    background-size: 60px 189px;
}
.f235_main .f235 .cont {
    width: 94%;
    margin: 40px auto;
}
.productmain {
    width: 100%;
    text-align: center;
    height: 130px;
}
.indexabout {
    background: url(../images/abb.jpg) top center no-repeat;
    height: 450px;
}
	.f235_main .news235 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.f235_main .textlist {
    width: 100%;
    margin-top: 30px;
}
.f235_main .w235 {
    width: 100%;
    margin: 0 auto;
}
.productFour {
    padding: 2% 0 0;
    margin: 50px auto 0px;
    width: 100%;
    height: 300px;
}
.in_about{padding: 0% 0%; width:100%;}
.application {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    margin: 0 auto;
}
.in_about_l,.in_about_r{position: relative;width: 100%;float: none;}
.in_about_l .publicTit{text-align: center;}
.in_about_l img{display: block;width: 50%;margin: auto;}
.in_about_l .txt{font-size: 14px;line-height: 24px;margin-top: 5%;padding: 0;height: auto; width:96%;}
.in_about_l span{position: relative;margin: 5% 0;}
.in_about_l span a{width: 80%;font-size: 16px;line-height: 40px; margin:0 auto}
}
/*工程案例*/
.application{ position: relative; overflow: hidden; width:1360px; margin:0 auto;}
.application .swiper-slide{ position: relative;}
.application .swiper-slide .xq{display: block;width: 100%;position: relative;overflow: hidden;}
.application .swiper-slide .xq img{width: 100%;left: 0;top: 0;display: block;}

.application .swiper-slide .xq blockImg{
transform: scale(1.05);
    -webkit-transform: scale(1.05);
}	
	
	
.appBtn{z-index: 5; position: absolute; top: 50%;margin-top: -25px;background: #000; background: rgba(0,0,0,.3); border-radius: 50%;}
.appBtn{width: 48px;line-height: 48px;height: 48px;text-align: center;color: #fff;font-size: 30px;text-decoration: none;}
.appBtn i{font-size: inherit;line-height: inherit;font-size: 15px; line-height: 45px;}
.appLeft{ left: 0%;}
.appRight{ right: 0%;}
.application .swiper-slide .name{    -webkit-opacity: 0;z-index: 2; left: 0;right: 0;top: 50%; margin-top: -20px;text-align: center;color: #fff; font-size: 17px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 40px;}
.application .swiper-slide:before{content: '';z-index: 1; left: 30%; right: 30%; top: 42%; bottom: 42%; transition:.6s;-webkit-transition: .6s; left: 0;  top:0; right: 0; bottom: 0; opacity:0; -webkit-opacity:0}
.opacityTxt{color: #fff;z-index: 3;  opacity: 1;-webkit-opacity: 1; left: 0;right: 0;text-align: center;top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 100%;}
.opacityTxt .cell h5{color: #333;font-size: 24px;padding: 1% 0 2% 0;transform: translate(0,5px);-webkit-transform: translate(0,5px);}
.opacityTxt .link a{background: #000;display: inline-block; font-size:16px; line-height:30px;line-height: 30px;color: #fff;margin: 1px 5px;padding: 0 40px;}
.application .swiper-slide .name span{ display:inline-block; border:2px solid #fff; padding:0 20px; border-radius:24px; min-width:5em; background:rgba(0,0,0,.5)}
@media only screen and (min-width:1360px ) {
.opacityTxt{margin-top: 30px;transition:.5s;-webkit-transition: .5s;}
.opacityTxt .cell h5,.opacityTxt .link{transition:1s;-webkit-transition: 1s;}
.opacityTxt .link a:hover{padding: 0 35px;}
.application .swiper-slide:hover .name{ opacity: 0;-webkit-opacity: 0;}
.application .swiper-slide:hover .opacityTxt{ opacity: 1;-webkit-opacity: 1;}
.application .swiper-slide:hover .link{ transform: translate(0,0);-webkit-transform: translate(0,0);}
.application .swiper-slide:hover .cell h5{transform: scale(1) translate(0,0);-webkit-transform: scale(1) translate(0,0);}
.application .swiper-slide:hover:before{border-radius: 0;border: 0; left: 0;right: 0;top: 0; bottom: 0;}
.opacityTxt .link a:hover i{background-position: 0 -12px;}
.appBtn:hover{background: #333;}
}
@media only screen and (max-width:1360px ) {
.opacityTxt{width: auto; opacity: 1;-webkit-opacity: 1; top:auto; display: block; height: auto; bottom: 5px; left: 5px;right: 5px;}
.opacityTxt .cell{display: none;}
}
@media only screen and (max-width:960px ) {
.appBtn{ width: 30px;height: 30px; line-height: 30px; font-size: 16px; margin-top: -15px;}	
}
@media only screen and (max-width:640px ) {
.pagination{ bottom: 0;}
.opacityTxt .link{ display:none}
}
@media only screen and (max-width:480px ) {
.application .swiper-slide .name{ font-size: 15px; font-weight: normal;}
}
/*新闻动态*/
.newsCenter{padding-top: 0%;padding-bottom: 5%;}
.newsDL{ padding: 0 2.5%;}
.newsDL dd{ float: left; width: 23%; margin:0% 1% 2% 1%; position: relative;}
.newsDL dd .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.newsDL dd .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.newsDL dd .txt{ padding:13px 18px 18px 18px;}
.newsDL dd .txt span{display: block;color: #ccc;font-size: 12px;}
.newsDL dd .txt p{color: #888;line-height: 1.8;text-align: justify;height: 46px;overflow: hidden;margin-top: 5px;}
.newsDL dd h6{font-size: 16px;font-weight: bold;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsDL dd a{ display: block; position: relative;}
.newsDL dd a:hover{box-shadow: 0 0 25px -5px #ccc;}
.newsDL dd a:hover h6{color: #005faf;}
@media only screen and (max-width:767px ) {
.newsDL dd{ width: 48%;}
.newsDL{ padding: 0 1%;}
.newsDL dd a{box-shadow: 0 0 25px -5px #ccc;}
.newsDL dd .txt{ padding: 7px 13px 13px 13px;}
}
/*合作伙伴*/
.in_hezuo{padding: 50px 0;background: #f9f9f9;}

.in_hezuo .wp{position: relative;}
.in_hezuo .swiper-slide{width: 173px;cursor: pointer;}
.in_hezuo .swiper-slide .img{display: block;width: 100%;padding-top: 50.2%;position: relative;overflow: hidden;}
.in_hezuo .swiper-slide .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.in_hezuo .swiper-pagination{position: relative;margin-top: 20px;display: none;}
.in_hezuo .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 3px;}
.in_hezuo .swiper-pagination .swiper-pagination-bullet-active{background: #005faf;}
.in_hezuo .swiper-button-prev, .in_hezuo .swiper-button-next{opacity: .5;}
.in_hezuo .swiper-button-prev{left: -40px;}
.in_hezuo .swiper-button-next{right: -40px;}
@media screen and (max-width: 1400px){
.in_hezuo{padding: 30px 0;}
.in_hezuo .swiper-button-prev, .in_hezuo .swiper-button-next{display: none;}
.in_hezuo .swiper-pagination{display: block;}
}
/*footer*/
.footer_na_bg{width:100%; height:auto; overflow:hidden; background-color:#222; padding:50px 0}
.footer_na dl{float:left}
.footer_na dl dt a{font-size:20px; color:#fff; display:block;}
.footcontact{ margin-top:30px;}
.footer_dl0{ float:left; width:400px;}
.footer_dl1 dt a{margin-bottom:30px}
.footer_dl2 dt a{margin-bottom:30px}
.footer_na dl dd{color:#d3d3d3}
.footer_na dl dd a{color:#d3d3d3}
.footer_dl1{width:150px; padding-top:10px;}
.footer_dl2{width:300px}
.footer_dl3{width: 170px; float: right !important; }
.footer_na dl dd a span{display:block;font-size: 30px;font-family:Arial, Helvetica, sans-serif;color: #fff;margin-bottom:20px;}
.footer_dl3 dd{float:left;width: 132px;margin-left:18px;}
.footer_dl3 dd p{text-align:center; margin-top:10px}
.footer_bg{width:100%;background-color: #222;height:auto;overflow:hidden;padding:20px 0;border-top: 1px solid #383838;}
.footer{text-align:center; color:#fff}
.footer a{color:#fff}
@media screen and (max-width: 1199px){.footer_dl1{width:12%;}
.footer_dl2{width:25%}
.footer_dl3{width:25%}
.footer_dl3 dd{width:48%; margin-left:2%}
.footer_dl3 dd a img{width:100%; height:auto; overflow:hidden}}
@media screen and (max-width: 991px){.footer_na dl dt a{font-size:18px;}.footer_dl1{width:11.5%;}
.footer_dl2{width:27%}
.footer_dl3{width:26%}
.about_300 {
    padding: 20px 0 20px 0;
    overflow: hidden;
    background: #eff2fb;
}
.about_300 .usbox {
    width: 100%;
    margin: 20px auto 0 auto;
    position: relative;
    overflow: hidden;
}
.about_300 .usbox .us_sp {
    width: 100%;
    height: 235px;
    margin: 0 auto;
    overflow: hidden;
}
.wp4 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.owl-wrapper{ width:100% !important}
.footer_na dl dd a span{font-size:30px;}}
@media screen and (max-width: 768px){.footer_dl1{width:100%; border-bottom:1px dotted #666; padding:15px 0}.footer_dl1 dd{float:left; margin-right:3%}.footer_dl1 dt a{margin-bottom:10px}.footer_dl2{width:60%; margin-top:30px}
.footer_dl3{width:40%; margin-top:30px}
.footer_na dl dd a span{font-size:36px;}
.footer_na dl dt a{font-size:20px;}
.footer_dl2 dt a{margin-bottom:20px}}
@media screen and (max-width: 480px){.footer_dl2{width:100%; border-bottom:1px dotted #666; padding:15px 0}
.footer_dl3{width:100%;}
.footer_bg{padding: 5% 0 22% 0;}.footer_bg .footer span{display: inline-block;}}
.f_kslj{display: none;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #005faf;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #005faf;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{color: #fff;font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #005faf;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #005faf;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #005faf;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
@media screen and (max-width: 640px){.f_kslj{width: 100%;background: #212121;padding: .8em 0;display: block;position: fixed;bottom: 0;height: auto;overflow: hidden;z-index: 99999;box-shadow: 0 2px 20px rgb(0 0 0 / 30%);}
.f_kslj ul li{width: 25%; float: left; list-style: none; text-align: center;}
.f_kslj ul li a{color: #fff;text-align: center;line-height: 1.8em;}
.f_kslj ul li a i{display: block;color:#fff; font-size: 18px;}
.toolbar{display: none;}
.header h1 a img {
    width: 100%;
    height: 100%;
    margin-top: 00px;
}

}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{display:none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url("../images/grabbing.png") 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:20px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url("../images/i_pro_left.png") no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url("../images/i_pro_left_on.png") no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{background:url("../images/i_pro_right.png") no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url("../images/i_pro_right_on.png") no-repeat;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url("../images/i_bg3.png") no-repeat;transition: all .5s;}
.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{background:url("../images/i_bg4.png") no-repeat;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/