/* 没有media的是全局通用样式，有media的只在描述范围内有效 */
/* reset */
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img{ margin:0; padding:0;border:none;}
body{ background: #fff;font-family: "Microsoft YaHei","微软雅黑",arial;font-size: 12px;color: #333333;font-weight: normal; }
textarea,input{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;font-size: 12px;padding: 0;margin: 0;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus,textarea:focus{	outline: none;}
ol,ul,li{ list-style: none;}
h1,h2,h3,h4,h5,h6{ font-size:12px;color: #333333;font-weight:normal; }
a,a:link,a:visited,a:focus,a:active,a:hover{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
i, cite, em, var, address, dfn {
    font-style: normal;
}

/* float设置 */
.fl{float: left;}
.fr{float: right;}

/* 字体 */
@font-face{
    font-family:BureauEagleBook;
    src:url('/html/template/default/font/BureauEagleBook.ttf');
}
@font-face{
    font-family:AdobeHeiti;
    src:url('/html/template/default/font/AdobeHeitiStd-Regular.otf');
}

/* 清除浮动 */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}

/* 宽度设定 */
.wrapper{width: 100%;overflow: hidden;}
.wfix{width: 1200px;margin: 0 auto;position: relative;}


/* header */
header{transition:.4s all linear;-webkit-transition:.4s all linear;-moz-transition:.4s all linear;}
header.abso {
    position: absolute;
    width: 100%;
    height: 60px;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

header.fixed {
    position: fixed;
    height: 50px;
    background: rgba(37, 224, 218, 0.6);
    box-shadow: 0 -6px 6px 7px #c8c8c8
}

header.fixed .top-sub-menu {
    top: 50px
}

header.fixed nav.nav-top>ul>li {
    height: 100%;
    line-height: 50px;
    transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}
.header-in {
    z-index: 100;
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.header-in .icon-sousuo {
    color: #2160b1;
    font-weight: 700;
}
.header-in .header-r-in{height: 100%;}
.header-in .nav-top{height: 100%;}
.header-in .nav-top ul{height: 100%;}
header .headtil{float: left;margin-top: 10px;}
header .headtil h2{font-size: 18px;font-weight:bold;}

.logo {
    width: 100%;
    display: block;
    position: relative;
    z-index: 999999;
    padding: 5px;
}
.logo img{width: 100%;}

.moible_hy {
    display: none
}

.m-close {
    display: none
}

.header-r {
    float: right;
    position: relative;
    z-index: 10;
    height: 100%;
}

nav.nav-top {

}

nav.nav-top>ul>li {
    position: relative;
    float: left;
    padding: 0 12px;
    line-height: 60px;
    width: 95px;
    height: 100%;
    font-size: 16px;
    text-align: center
}



.top-sub-menu {
    position: absolute;
    top: 60px;
    left: 0;
    width: 180px;
    background-color: rgba(255, 255, 255, 0.5);
    border-top: 2px solid #717274;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease
}

nav.nav-top>ul>li a {
    color: #fff;
    display: block
}

nav.nav-top>ul>li a i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    display: inline-block;
    transform-origin: center;
    transition: ease .4s;
    font-size: 12px;
    margin-left: 5px
}

nav.nav-top>ul>li a i:after {
    content: '\e620';
    font-family: iconfont;
    position: relative;
    left: -3px;
    color: #c8c8c8
}

nav.nav-top>ul>li:nth-child(1) {
    margin-left: 0
}

nav.nav-top>ul>li a:hover,
nav.nav-top>ul>li.cur a {
    color: #fff;
}
nav.nav-top>ul>li:hover,
nav.nav-top>ul>li.cur{
    background-color:#25e0d9;
}

nav.nav-top>ul>li:hover .top-sub-menu {
    opacity: 1;
    visibility: visible
}

.top-sub-menu>a {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 22px;
    display: block;
    padding: 12px 25px !important;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .26)
}

.top-sub-menu>a:hover {
    color: #fff !important;
    background: #25e0d9
}



/* 标题 */
.title{text-align: center;padding: 40px 0;}
.title h2{text-transform:uppercase;font-size: 30px;line-height: 50px;font-family:'BureauEagleBook';}
.title p{font-size: 18px;}

.title2{text-align:left;padding: 40px 6%;}
.title2 .txt{float: left;}
.title2 .morebt2{float: right;line-height: 70px;}
.title2 .morebt2 a{color: #999999;font-size: 20px;}
.title2 .morebt2 span{font-family: 'AdobeHeiti';color: #999;font-size: 20px;}
.title2 h2{text-transform:uppercase;font-size: 30px;line-height: 50px;font-family:'BureauEagleBook';}
.title2 p{font-size: 18px;color: #999999;}

/* 按钮 */
.morebt{text-align: center;padding: 40px 0;}
.morebt a{display: block;width:200px;margin: 0 auto; line-height: 40px; background: #fff;border: #ddd 1px solid;text-transform: uppercase;transition:.4s all linear;-webkit-transition:.4s all linear;-moz-transition:.4s all linear;}
.morebt span{color: #ddd;}
.morebt span.h{color: #fff;}
.morebt a:hover{background: #25e0d9;border: #fff 1px solid;}


/* footer */
footer{ background-color: #000;}
footer .box{width: 90%; margin: 0 auto; position: relative;padding: 40px 0;}
footer .box .lbox{width: 80%;float: left;}
footer .box .rbox{width: 20%;float: right;}
footer .box .rbox .rbox-in{width: 100px;margin: 0 auto;}
footer .box .rbox .rbox-in img{width: 100%;}
footer .box .rbox .rbox-in p{color: #fff;font-size: 14px;text-align: center;margin-top: 10px;letter-spacing: 2px;}
footer .box .lbox table{width: 100%;}
footer .box td{width: 30%; color: #fff;font-size: 14px;}
footer .box a{ color:#fff;}
footer .footer-bq{ border-top:1px solid #ccc; margin-top:25px; padding-top:15px;color: #fff;font-size: 14px;line-height: 25px;}
footer .footer-bq span:nth-child(2){margin-left: 27%;}



/* banner */
.banner{width: 100%;height:auto;overflow: hidden;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container img{width: 100%;height:100%; display:block;}
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner .swiper-button-prev{background-image: url('/html/template/default/images/banlc.png');left: 5%;}
.banner .swiper-button-next{background-image: url('/html/template/default/images/banrc.png');right: 5%;}
.banner .swiper-pagination{width:100%;position: absolute;  padding: 0;margin: 0;bottom:10%;}
.banner .swiper-pagination span{display: inline-block;padding: 0;margin: 0;margin: 0 25px;opacity: 1;}
.banner .swiper-pagination-bullet{width:10px;height:10px;background: #fff; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.banner .swiper-pagination-bullet-active{background: #25e0d9;border-radius:25%;width: 20px;}
/* inbanner */
.inbanner{width: 100%;height: auto;overflow: hidden;}
.inbanner .pcpt{display: block;width: 100%;height: 100%;}
.inbanner .mbpt{display: none;width: 100%;height: 100%;}



/* 内页栏目 */
.page_nav{margin:0 auto;}
.page_menu{ width:100%; height:auto;text-align:center;}
.page_menu a{font-size:16px;display:inline-block;height:55px;line-height:55px;margin:30px 16px 20px;color:#5e5e5e;text-decoration:none;position:relative;}
.page_menu ul{display:inline-block; margin:0 auto; text-align:center;}
.page_menu ul li{display:inline-block;-webkit-transition:.2s ease-in-out .2s;-moz-transition:.2s ease-in-out .2s;transition:.2s ease-in-out .2s;}
.page_menu ul li.on a,.page_menu ul li:hover a{color:#25e0d9; z-index:2;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.mbx{position: relative;font-size: 14px; line-height: 40px;height: 40px;padding: 0 5%; border-bottom:1px solid #e5e5e5;}
.mbx .m_home{background: url('/html/template/default/images/house.jpg') no-repeat left;padding-left:20px;}
.mbx a:hover{color:#25e0d9;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}

/* 数字 */
.product-number-info {position: relative;}
.product-number-info .product-number-inner {width:100%;margin: 0 auto;}
.product-number-info ul{height:100%;}
.product-number-info li {float: left; width:25%;height: 100%;color: #97989a;text-align: center;background: #fff;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.product-number-info li .umb_box{padding: 15% 0;position: relative; top: 0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.product-number-info li .umb_box img{margin: 10px auto;display: block;}
.product-number-info li b {font-weight: bold;font-size: 58px;line-height: 1;display: inline-block;position: relative;height:60px;line-height:60px;}
.product-number-info li p {font-size: 20px;color:#97989a;height:50px;line-height:50px;position: absolute;width: 100%;top: 100%;opacity: 0;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;}
.product-number-info li b i {font-style: normal;font-family: "impact22" , "Microsoft Yahei";}
.product-number-info li b sup {height:40px;line-height:40px;font-size: 25px;font-weight:700}
.product-number-info li:hover{background:#25e0d9; }
.product-number-info li:hover .umb_box{top: -35px;}
.product-number-info li:hover p {top:70%;opacity: 1;}

/* 优发国际简介 */
.about{width: 100%;position: relative;overflow: hidden;background: url('/html/template/default/images/about_bg.jpg')no-repeat;background-size: 100% 100%; height: 725px;}
.about .aboutrbox{background:rgba(153, 153, 153, 0.6);width: 65%;height: 88%; position: absolute;right: 0;padding-left: 3%;margin-top: 1%;}
.about .aboutrbox h2{font-size: 140px;color: #fff;font-weight: bold;margin-top: 2%;}
.about .aboutrbox .aboutxt{background:#25e0d9; padding: 3%;position: absolute;margin-top: 2%;}
.about .aboutrbox .aboutxt h2{color: #fff;letter-spacing: 3px;font-size: 35px;font-weight: 500;}
.about .aboutrbox .aboutxt p{color: #fff;font-size: 18px;line-height: 25px;}
.about .aboutrbox .aboutxt .aboutmain p{margin-top:5%;font-size: 16px;}
.about .aboutrbox .aboutxt .aboutmain p:nth-child(1) b{font-size: 23px;color: yellow;}
.about .aboutrbox .aboutxt .aboutmain p:nth-child(2) b{font-size: 18px;}
.about .aboutlbox{width: 23%;height: 86%;margin-top: 4%;  position: absolute;left: 1%;background:rgba(153, 153, 153, 0.6);}
.about .aboutlbox .about_more_box{background: rgba(238, 238, 238, 0.8);padding: 10% 5% 10% 10%;}
.about .aboutlbox .about_more_box a{background: #fff;border-radius: 25px;padding: 0 2%;font-size: 14px;color: #666;}
.about .aboutlbox .about_more_box img{float: right;}
.about .aboutlbox .about_l_pt{padding-left: 7%;}
.about .aboutlbox .about_l_pt img{width: 100%;}
@media only screen and (max-width: 1680px){
    .about{height: 700px;}
}
@media only screen and (max-width: 1440px){
    .about{height: 680px;}
}


/* 产品 */
.product1{background-color: #f9f9f9;padding-left: 5px;}
.product1 .proboxb{float: left;width: 50.15%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product1 .proboxb:nth-child(2){float: left;width: 49.85%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product1 .proboxb:nth-child(2) .proboxs:nth-child(1) .prolist .protxt{padding: 45% 20%;}

.product1 .proboxb:nth-child(1) .proboxs{float:  left;width: 65.85%;height: 100%;margin-right:1%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product1 .proboxb:nth-child(1) .proboxs:nth-child(2){width:32.15%;} 

.product1 .proboxb:nth-child(2) .proboxs{float:  left;width: 65.7%;height: 100%;margin-right:1%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product1 .proboxb:nth-child(2) .proboxs:nth-child(2){width:32.3%;} 

.product1 .proboxs{float:  left;width: 66%;height: 100%;margin-right:1%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product1 .proboxs:nth-child(2){width:32%;} 

.product1 .prolist {width: 100%;height: 100%; margin-bottom: 8px;position: relative;}
.product1 .prolist a {opacity: 0;width:100%;height: 100%;position: absolute;top: 0; overflow: hidden; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product1 .prolist .protxt{padding:19% 20%; background: rgba(37, 224, 218,0.95);font-family:'Cambria';}
.product1 .proboxs:nth-child(2) .prolist .protxt{padding: 41% 20%;}
.product1 .prolist .protxt h2{text-align: center;font-size: 18px;color: #fff;margin-bottom: 7%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product1 .prolist .protxt p{font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.product1 .prolist a:hover{opacity: 1;}
.product1 .prolist img{width: 100%;height: 100%;display: block;}

.product2{background-color: #f9f9f9;padding-left: 5px;}
.product2 .proboxb{float: left;width: 33.08%;margin-right: .36%; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product2 .proboxb:nth-child(2){width: 32.84%;}

.product2 .proboxb:nth-child(2) .proboxs:nth-child(1) .prolist .protxt{padding: 45% 20%;}
.product2 .proboxb:nth-child(3){margin-right: 0;}
.product2 .proboxs{float:  left;width: 100%;height: 100%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product2 .prolist {width: 100%;height: 100%; margin-bottom: 8px;position: relative;}
.product2 .prolist a {opacity: 0;width:100%;height: 100%;position: absolute;top: 0; overflow: hidden; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product2 .prolist .protxt{padding:19% 20%; background: rgba(37, 224, 218,0.95);}
.product2 .prolist .protxt h2{text-align: center;font-size: 18px;color: #fff;margin-bottom: 7%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product2 .prolist .protxt p{font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.product2 .prolist a:hover{opacity: 1;}
.product2 .prolist img{width: 100%;height: 100%;display: block;}

.product3{background-color: #f9f9f9;padding-left: 5px;}
.product3 .proboxb{float: left;width: 49.93%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product3 .proboxb:nth-child(2){width: 50.07%;}

.product3 .proboxb:nth-child(1) .proboxs:nth-child(1) .prolist .protxt{padding: 45% 20%;}
.product3 .proboxb:nth-child(2) .proboxs:nth-child(2) .prolist .protxt{padding: 95% 20%;}

.product3 .proboxb:nth-child(1) .proboxs{float:  left;width: 65.65%;height: 100%;margin-right:1%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product3 .proboxb:nth-child(1) .proboxs:nth-child(2){width:32.35%;} 

.product3 .proboxb:nth-child(2) .proboxs{float:  left;width: 66%;height: 100%;margin-right:1%;transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product3 .proboxb:nth-child(2) .proboxs:nth-child(2){width:32%;} 

.product3 .prolist {width: 100%;height: 100%; margin-bottom: 8px;position: relative;}
.product3 .prolist a {opacity: 0;width:100%;height: 100%;position: absolute;top: 0; overflow: hidden; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.product3 .prolist .protxt{padding:19% 20%; background: rgba(37, 224, 218,0.95);}
.product3 .proboxb:nth-child(1) .proboxs:nth-child(2) .prolist .protxt{padding: 41% 20%;}
.product3 .prolist .protxt h2{text-align: center;font-size: 18px;color: #fff;margin-bottom: 7%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product3 .prolist .protxt p{font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.product3 .prolist a:hover{opacity: 1;}
.product3 .prolist img{width: 100%;height: 100%;display: block;}



/* 新闻 */
.news{background-color: #f9f9f9;border-top: #ddd 1px solid;}
.news .newsbox{overflow: hidden;}
.news .newsbox-in{position: relative;}
.news .newspt{display: block;width: 100%;max-height: 480px;cursor: pointer;transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}
.news .newstxt{width: 100%;height: 100%; position: absolute;background: #fff;top: 0;transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}
.news .newstxt-in{padding:0 10%;position: absolute;top: 35%;transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}
.news .newstxt-in h2{font-size: 22px;color: #232323;line-height: 40px;font-family: 'AdobeHeiti';margin-bottom: 10px; border-bottom: solid 1px #bdbdbd;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .newstxt-in p{font-size: 18px;color: #939393; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news .pttime{position: absolute;font-family:'BureauEagleBook';color: #999;z-index: 99; background-color: #fff;right:0;font-size: 25px;padding: 1%;transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}
.news .newsbox:hover .newspt{transform: scale(1.1);}
.news .newsbox:hover .pttime{font-size: 20px;}
.news .newsbox:hover .newstxt{opacity: 0;}
.news .newsbox:hover .newstxt-in{top:100%;}
.news .swiper-container{margin: 0 6%;padding-bottom: 5%;overflow: hidden;}
.news .swiper-pagination{width:100%;position: absolute;  padding: 0;margin: 0;bottom:4%;}
.news .swiper-pagination span{display: inline-block; padding: 0;margin: 0;margin: 0 25px;opacity: 1;}
.news .swiper-pagination-bullet{width:30px;height:30px;background: none;position: relative; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.news .swiper-pagination-bullet::before{content: "";position: absolute;width: 6px;height: 6px;background: #999;border-radius: 50%;left: 50%;top: 50%;margin-top: -3px;margin-left: -3px;transition: ease .6s;}
.news .swiper-pagination-bullet::after{content: '';position: absolute;width: 14px;height: 14px;border-radius: 50%;border: 2px solid #999;left: 50%;top: 50%;margin-left: -9px;margin-top: -9px;transition: ease .6s;transform: scale(0);}
.news .swiper-pagination-bullet-active:after{transform: scale(1);}

/* 合作伙伴 */
.partner{background-color: #f9f9f9;border-top: #ddd 1px solid;padding-bottom: 5%;}
.partner .plist{float: left;width: 100%;}
.partner .plist a{display: block;overflow: hidden;margin-bottom: 5%;}
.partner .plist img{width: 100%;cursor: pointer;transition:1s all linear;-webkit-transition:1s all linear;-moz-transition:1s all linear;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.partner .plist img:hover{transform: scale(1.1);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:;}
.partner .partnerbox{margin: 0 8%;}
.partner .swiper-container{padding: 0 3%;padding-bottom: 5%;}
.partner .swiper-button-prev{background-image: url('/html/template/default/images/plc.png');left: 0;top: 40%;z-index: 11;height: 30px;}
.partner .swiper-button-next{background-image: url('/html/template/default/images/prc.png');right: 0;top: 40%;z-index: 11;height: 30px;}
.partner .swiper-pagination{width:94%;position: absolute;  padding: 0;margin: 0;bottom:1%;}
.partner .swiper-pagination span{display: inline-block; padding: 0;margin: 0;margin: 0 25px;opacity: 1;}
.partner .swiper-pagination-bullet{width:30px;height:30px;background: none;position: relative; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.partner .swiper-pagination-bullet::before{content: "";position: absolute;width: 6px;height: 6px;background: #999;border-radius: 50%;left: 50%;top: 50%;margin-top: -3px;margin-left: -3px;transition: ease .6s;}
.partner .swiper-pagination-bullet::after{content: '';position: absolute;width: 14px;height: 14px;border-radius: 50%;border: 2px solid #999;left: 50%;top: 50%;margin-left: -9px;margin-top: -9px;transition: ease .6s;transform: scale(0);}
.partner .swiper-pagination-bullet-active:after{transform: scale(1);}


/* 服务 */
.service{padding: 40px 0;}
.service .serlist{position: relative;margin-bottom: 5%;}
.service .serlist .sermain p:nth-child(4){text-indent: 80px;}
.service .serlist:nth-child(5) .sermain p:nth-child(2) , .service .serlist:nth-child(5) .sermain p:nth-child(4){text-indent: 95px;}
.service .serlist:nth-child(1) .sermain p:nth-child(4){text-indent: 0px;}
.serpt{float: left;width: 55%;}
.sertxt{float: left;width: 45%;}
.sertxt .sertxt-in{padding:0 10%;}
.sertile{position: absolute;top: 15%;}
.sertile h2{font-size: 35px; margin-bottom:20px;}
.sertile p{font-size: 20px;text-transform: uppercase;}
.sermain {position: absolute;bottom: 30%;}
.sermain p{font-size: 16px;line-height: 30px;}
.sermore{position: absolute;bottom: 0;font-size: 16px;text-transform: uppercase;}
.sermore a{background: url('/html/template/default/images/click.png') no-repeat right;padding-right: 25px;}
.serpt2 {position: absolute;right: 0;width:10%;max-width: 140px;}
.serpt2 img{width: 100%;}


/* 产品列表 */
.caselist1{background: #f9f9f9;padding: 1% 0 3% 0;}
.caselist1 .casebox  .caslist {width: 19.2%; float:left;overflow: hidden;margin-bottom:1%; margin-right:1%;}
.caselist1 .casebox  .caslist:nth-child(5n) { margin-right:0;}
/*
.caselist1 .casebox{height: 85rem;position: relative;}
.caselist1 .casebox  .caslist {width: 19.61%; height: 25%;position: absolute;overflow: hidden;top:0; margin-bottom:1%; padding-bottom:1%;}
.caselist1 .casebox  .caslist:nth-child(2) {left: 20.11%;top:0}
.caselist1 .casebox  .caslist:nth-child(3) {width: 39.67%;height: 51%;left: 40.22%;}
.caselist1 .casebox  .caslist:nth-child(4) {left: 80.44%;}
.caselist1 .casebox  .caslist:nth-child(5) {top: 23.26%;}
.caselist1 .casebox  .caslist:nth-child(6) {top: 23.26%;left: 20.11%}
.caselist1 .casebox  .caslist:nth-child(7) {top: 23.26%;left: 80.44%;}
.caselist1 .casebox  .caslist:nth-child(8) {top: 46.52%;}
.caselist1 .casebox  .caslist:nth-child(9) {top: 46.52%;left: 60.33%}
.caselist1 .casebox  .caslist:nth-child(10) {width: 39.67%;height: 51%;top: 46.52%;left:20.11%}
.caselist1 .casebox  .caslist:nth-child(11) {top: 46.52%;left: 80.44%;}
.caselist1 .casebox  .caslist:nth-child(12) {top: 69.78%;}
.caselist1 .casebox  .caslist:nth-child(13) {top: 69.78%;left: 60.33%;}
.caselist1 .casebox  .caslist:nth-child(14) {top: 69.78%;left: 80.44%;}*/

.caselist1 .casebox .caslist a {opacity: 0;width:100%;height: 100%;position: absolute;top:0; overflow: hidden; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.caselist1 .casebox .caslist .castxt{height: 100%;  background: rgba(37, 224, 218,0.8);font-family:'Cambria';}
.caselist1 .casebox .caslist .castxt .castxt-in{padding:41% 20%;}
.caselist1 .casebox .caslist .castxt h2{text-align: center;font-size: 18px;color: #fff;margin-bottom: 7%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.caselist1 .casebox .caslist .castxt p{font-size: 16px;color: #fff;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.caselist1 .casebox .caslist a:hover{opacity: 1;}
.caselist1 .casebox .caslist img{width: 100%; display: block;}
/*
.caselist1 .casebox .caslist img{min-width: 450px; display: block;}
.caselist1 .casebox .caslist:nth-child(3) img{min-width: 760px;}
.caselist1 .casebox .caslist:nth-child(10) img{min-width: 760px;} */
@media only screen and (max-width: 1440px){
    /*.caselist1 .casebox{height: 1100px;}
    .caselist1 .casebox .caslist img{min-width: 250px; display: block;}
    .caselist1 .casebox .casboxb:nth-child(3) .caslist img{width: 100%; display: block;} */
}

.caselist2{background: #f9f9f9;padding: 1% 0;}
.caselist2 .casebox{height: 680px;position: relative;}
.caselist2 .casebox  .caslist {width: 20%;height: 50%; position: absolute;overflow: hidden;}
.caselist2 .casebox  .caslist:nth-child(2) {left: 61%}
.caselist2 .casebox  .caslist:nth-child(3) {width: 40%;height: 101%;left:20.5%;}
.caselist2 .casebox  .caslist:nth-child(4) {left: 81.5%;}
.caselist2 .casebox  .caslist:nth-child(5) {bottom: -1%;}
.caselist2 .casebox  .caslist:nth-child(6) {bottom: -1%;left: 61%}
.caselist2 .casebox  .caslist:nth-child(7) {bottom: -1%;left: 81.5%;}
.caselist2 .casebox .caslist a {opacity: 0;width:100%;height: 100%;position: absolute;overflow: hidden; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.caselist2 .casebox .caslist .castxt{height: 100%;  background: rgba(37, 224, 218,0.8);font-family:'Cambria';}
.caselist2 .casebox .caslist .castxt .castxt-in{padding:43% 20%;}
.caselist2 .casebox .caslist .castxt h2{text-align: center;font-size: 18px;color: #fff;margin-bottom: 7%;}
.caselist2 .casebox .caslist .castxt p{font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.caselist2 .casebox .caslist a:hover{opacity: 1;}
.caselist2 .casebox .caslist img{min-width: 450px; display: block;}
.caselist2 .casebox .caslist:nth-child(3) img{min-width: 760px;} 
@media only screen and (max-width: 1440px){
    .caselist2 .casebox{height: 550px;}
    .caselist2 .casebox .caslist img{min-width: 250px; display: block;}
    .caselist2 .casebox .casboxb:nth-child(3) .caslist img{min-width: 650px;} 
}

/* 产品详情 */
.pro_t_pt{width: 100%;}
.pro_t_pt img{width: 100%;}
.pro_m_txt{position: relative;background: #f4f4f4;padding: 5% 5%;}
.pro_m_txt h2{font-size: 40px;margin-left: 20%;margin-bottom: 5%;}
.pro_m_txt .pro_m_title{position: relative;}
.pro_m_txt .pro_m_main{margin-left: 20%;font-size: 20px;line-height: 40px;}
.pro_m_txt .pro_m_back{position: absolute;top: 20%;}
.pro_m_pt img{width: 100%;}


/* 新闻列表 */
.newslist{padding: 40px 5%;}
.newslistbox{width: 24%;float: left;margin-right: 1.3%;margin-bottom: 5%;animation-delay: 0s;}
.newslistbox:nth-child(4n){margin-right: 0%;}
.newslistbox .newspt{width: 100%;overflow: hidden;position: relative;}
.newslistbox .newspt img{width: 100%;cursor: pointer;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;}
.newslistbox:hover img{transform: scale(1.1);}
.newslistbox .newspt .newst{ position: absolute;font-family:'BureauEagleBook';color: #999;padding: 1%;z-index: 999;background: rgba(255, 255, 255, 0.9);right: 0;font-size:20px;;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;}
.newslistbox .newstxt h2{font-size: 16px;line-height: 40px;margin-bottom:10px; border-bottom: 1px solid #dbdbdb;color: #232323;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newslistbox .newstxt p{font-size: 14px;color: #939393;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


/* 简介内页 */
.about_in{padding:40px 5%;}
.about_in .about_tile{text-align:center;margin-top:16px;margin-bottom:7px;font-size: 30px;color: #464646;}
.about_in .about_tile2{text-align:center;font-size:18px;color:#333;font-weight: bold;}
.about_in .about_main{padding: 40px 0;}
.about_in .about_main p{font-size: 16px;line-height: 30px;}
.about_in .about_main span{display: block;font-size: 16px;line-height: 30px;}
.about_in .about_main span:nth-child(3){padding-right: 0;}
.about_in .about_main span:nth-child(5){padding-right: 0;}
.aboutpt1 .ptbox{width:100%;height: 400px; background: url('/html/template/default/images/201602251116508134.jpg')no-repeat center;background-attachment: fixed;}
.about_in .aboutpt1 .ptbox img{width: 100%;}
.about_in .aboutpt1 .txtbox{width: 50%;float: left;}
.about_in .aboutpt1 .txtbox .about_logo{width: 50%;margin: 0 auto;padding-top: 20%;}
.about_in .aboutpt1 .txtbox .about_logo img{width: 100%;}


.honor{background-color: #f9f9f9;}
.honor .honorbox{overflow: hidden;}
.honor .honorbox-in{position: relative;}
.honor .honorptbox{overflow: hidden;}
.honor .honorpt{display: block;width: 100%;max-height: 480px;cursor: pointer;transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;}
.honor  .honortxt h2{font-size: 16px;color: #232323;line-height: 40px;font-family: 'AdobeHeiti';text-align: center;}
.honor .honorbox:hover .honorpt{transform: scale(1.1);}
.honor .swiper-container{margin: 0 8%;padding-bottom: 5%;overflow: hidden;}
.honor .swiper-pagination{width:100%;position: absolute;  padding: 0;margin: 0;bottom:8%;}
.honor .swiper-pagination span{display: inline-block; padding: 0;margin: 0;margin: 0 25px;opacity: 1;}
.honor .swiper-pagination-bullet{width:30px;height:30px;background: none;position: relative; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.honor .swiper-pagination-bullet::before{content: "";position: absolute;width: 6px;height: 6px;background: #999;border-radius: 50%;left: 50%;top: 50%;margin-top: -3px;margin-left: -3px;transition: ease .6s;}
.honor .swiper-pagination-bullet::after{content: '';position: absolute;width: 14px;height: 14px;border-radius: 50%;border: 2px solid #999;left: 50%;top: 50%;margin-left: -9px;margin-top: -9px;transition: ease .6s;transform: scale(0);}
.honor .swiper-pagination-bullet-active:after{transform: scale(1);}

/* 企业文化 */

.wenhua{padding: 40px 5%;}
.wenhua .wenhuatxt{margin-bottom: 20px;}
.wenhua .wenhuatxt h2{text-align: center;font-size: 30px;color: #464646;font-weight: bold;margin-bottom: 10px;}
.wenhua .wenhuatxt p{font-size: 16px;line-height: 30px;}
.wenhua .wenhuapt img{width: 100%;}


/* 联系 */
.contact{padding: 40px 5%;}
.contact .conmain{border-top: #f4f4f4 1px solid;border-bottom: #f4f4f4 1px solid;padding: 1% 0;margin-bottom: 2%;}
.contact .contile{font-size: 30px;text-align: center;color: #464646;font-weight: bold;margin-bottom: 20px;}
.contact .conlist{width: 30%;float:left;font-size: 16px;line-height: 26px;}
.joinIForm {margin-bottom:25px;  position: relative; }
.joinIForm .jtxt {border:0px none; background-color:#f4f4f4; width:28%; padding:20px 2%; margin:0px 2% 0px 0px; float:left; display:block; height:20px; line-height:20px; }
.joinIForm .jtxt2 {border:none; background-color:#f4f4f4; width:96%; padding:20px 2%; margin:10px 0px; float:left; display:block; line-height:20px; height:130px;}
.joinIForm .jbtn{height:45px; line-height:45px; text-align:center; color:#333; background-color:#eee; width:198px; border:none;display: block;margin: 0 auto;}
.joinIForm .jbtn:hover {background-color:#25e0d9; cursor:pointer; color:#fff;}
input.jtxt:focus {background-color:#dcdada; }
textarea.jtxt2:focus {background-color:#dcdada; }
.trans3 {-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.map{height: 550px;width: 100%;}

/* 招聘信息 */
.join_t{ margin-top:5%; margin-bottom:4%; overflow:hidden; text-align:center; font-weight:normal; color:#000000;}
.join_bg{ background:#25e0d9;padding:4%; background-size:cover;}
.join_bg .title h2{font-size: 30px;color: #fff;text-align: center;font-weight: bold;}
.join_bg .title p{font-size: 20px;margin: 20px 0;text-align: center;}
.join_ul{ overflow:hidden;}
.join_ul ul li{ float:left; background:#fff;overflow:hidden; margin-bottom:2%; margin-right:2%; width:49%; transition:all 0.3s; }
.join_ul ul li:nth-child(2n+0){ margin-right:0;}
.join_ul ul li .txts2{ color:#666666;overflow:hidden; width:80%; margin:0 auto; padding-top:5%; padding-bottom:7%;}
.join_ul ul li .txts2 .h3{font-size: 24px; font-weight:normal; overflow:hidden;height:66px; line-height:66px; margin-bottom:5%; color:#000;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis; position:relative;}
.join_ul ul li .txts2 .h3:after{ position:absolute; content:""; bottom:0; left:0; width:20px; height:2px; background:#cccccc;}
.join_ul ul li .txts2 .p{font-size: 16px; line-height:30px; height:60px; overflow:hidden; color:#666666;}
.join_ul ul li:hover .txts2 .h3{ color:#25e0d9;}


/* 案例 */
.casePage{
    padding: 0 5%;
padding-bottom: 80px;
}
.casePage .caseList{
padding: 30px 0;
}
.casePage .caseList:after{content:"";height:0;display:block;clear:both}
.casePage .caseList li{
width: 24%;
float: left;
margin-right: 1.3%;
margin-bottom: 2%;
}
.casePage .caseList li:nth-child(4n){margin-right: 0;}
.casePage .caseList li .pic{
width: 100%;
overflow: hidden;
position: relative;
}
.casePage .caseList li .pic img{
width: 100%;
}
.casePage .caseList li .filter{
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 5;
background: url('/html/template/default/images/caseBox_filter.png');
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
opacity: 0;
filter: alpha(opacity=0);
}
.casePage .caseList li .icon{
width: 56px;
height: 56px;
background: url('/html/template/default/images/caseBox_icon.png') no-repeat center;
position: absolute;
top: 0%;
left: 50%;
margin-left: -28px;
margin-top: -62px;
z-index: 8;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
opacity: 0;
}
.casePage .caseList li .txt{
width: 100%;
text-align: center;
line-height: 24px;
font-size: 18px;
color: #fff;
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
z-index: 8;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
opacity: 0;
}
.casePage .caseList li .text{
width: 100%;
line-height: 60px;
text-align: center;
font-size: 18px;
color: #666666;
background: #f5f5f5;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
word-break:break-all;
transition: 0.4s;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
}
.casePage .caseList li a:hover .filter{
opacity: 1;
filter: alpha(opacity=100);
}
.casePage .caseList li a:hover .txt,
.casePage .caseList li a:hover .icon{
top: 50%;
opacity: 1;
}
.casePage .caseList li a:hover .text{
color: #fff;
background: #25e0d9;
}