@charset "utf-8";

/* CSS Document */


@media screen and (max-width:1000px)
{



.nav-btnbox {position:absolute;z-index:999999999999999999;right:8px;top:50%; transform:translate(0,-50%); width:25px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; }
.nav-btnbox .icon-bar {display: block; height: 3px;border-radius: 10px;overflow: hidden;background-color:#666;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;
-ms-transition: all .3s ease; margin:0 auto;}

.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
.menu-open .nav-btnbox .icon-bar{ background-color:#c30d23;}
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);}	
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);}




.menu-open .wapnav{visibility:visible;opacity:1;}
.menu-open .wapnav>ul>li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp; display:block}

.menu-open .wapnav>ul>li:nth-child(1){animation-delay:0s;}
.menu-open .wapnav>ul>li:nth-child(2){animation-delay:0.1s;}
.menu-open .wapnav>ul>li:nth-child(3){animation-delay:0.2s;}
.menu-open .wapnav>ul>li:nth-child(4){animation-delay:0.3s;}
.menu-open .wapnav>ul>li:nth-child(5){animation-delay:0.4s;}
.menu-open .wapnav>ul>li:nth-child(6){animation-delay:0.5s;}




@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}




.pd2{ padding-top:4%; padding-bottom:4%}
.pd3{ padding-top:5%; padding-bottom:5%}
.pd4{ padding-top:6%; padding-bottom:6%}
.pd5{ padding-top:7%; padding-bottom:7%}

.mm2{ margin-top:4%; margin-bottom:4%}
.mm3{ margin-top:5%; margin-bottom:5%}
.mm4{ margin-top:6%; margin-bottom:6%}
.mm5{ margin-top:7%; margin-bottom:7%}

.pt3{ padding-top:5%;}
.pp3{ padding-bottom:5%;}

.mt2{ margin-top:4%;}
.mt3{ margin-top:5%;}
.mt4{ margin-top:6%;}
.mt5{ margin-top:7%;}

.mb2{ margin-bottom:4%;}
.mb3{ margin-bottom:5%;}
.mb4{ margin-bottom:6%;}
.mb5{ margin-bottom:7%;}

.ml2{ margin-left:4%}
.ml3{ margin-left:5%}
.mr2{ margin-right:6%}
.mr3{ margin-right:7%}


.jituanbox ul{ display:block; overflow:hidden}
.jituanbox li{ width:100%; float:left; margin:10px 0px;}
.topnav{ position:relative; height:55px; line-height:55px;}

.logonone{ display:block; max-width:64%}
.logoshow{ display:none}
.nav{ display:none}
.topnav.ding{ height:50px; line-height:50px;}

.fanganbox{ position:relative; padding-bottom:30px;}

.fanganbox .swiper-pagination{ bottom:0px; width:100%}

.fanganbox .swiper-pagination-bullet{ width:10px; height:10px; text-align:center; line-height:18px; color:#ac9878;  background:#fff; opacity:1; margin:0px 5px;}
.fanganbox .swiper-pagination-bullet-active{ background:#c30d23; color:#fff}


.mainbox1334{ padding-left:10px; padding-right:10px;}
.mainbox1200{ padding-left:10px; padding-right:10px;}
.shuzibox ul{ display:block; overflow:hidden}
.shuzibox li{ width:50%; float:left; margin:10px 0px;}
.shuzibox li b{ font-size:36px;}
.shuzibox li p{ font-size:14px;}

.sytit h2{ font-size:24px;}

.syprobox>ul{ display:block}
.syprobox li{ width:100%; margin:10px 0px;}


.synewsbox{ display:block}
.synewsleft{ width:100%}
.synewsright{ width:100%}

.dibulogo{ display:none}

.footernav ul{ display:block;}
.footernav li>p{ background:url(../images/bico02.png) no-repeat right center; font-size:14px;border-bottom: 1px solid #515151; padding-bottom:10px}
.footernav li.cur>p{background:url(../images/bico01.png) no-repeat right center;}
.footernav li:last-child>p{ border:none}
.footnavdown{ display:none; padding-bottom:10px;}


.syprobox li a>p{ font-size:18px;}


.nynavbtn ul{ display:block; overflow:hidden}
.nynavbtn li{ width:50%; float:left; border-bottom:1px solid #eee}
.nynavbtn li a{ padding:0px; display:block; text-align:center}

.sytit.xiao h2{ font-size:22px;}


.newsbox ul {width: calc(100% + 10px);margin-left: -10px;}
.newsbox li {width:calc(50% - 10px);margin-left: 10px;margin-bottom:20px;}

.caseshowix li {width:calc(100% - 10px);margin-left: 10px;margin-bottom:20px;}


a.cpmlbtn{ font-size:14px; width:14px;}
a.jianmorehuise, .jianmorehuise {height: 33px;line-height: 33px;padding: 0px 38px 0px 15px;}

.jianmore{ height:34px; display:inline-block; line-height:34px; padding: 0px 38px 0px 15px; background-size:15px auto; }
.jianmore:hover{background-size:15px auto;}

a.jianmore:hover{background-size:15px auto}

a.jianmorehuise,.jianmorehuise{ height:34px;line-height:33px; padding: 0px 38px 0px 15px; background-size:15px auto;}
a.jianmorehuise:hover,.jianmorehuise:hover{background-size:15px auto}

a.jianmorehongse{ height:34px;line-height:34px; padding: 0px 38px 0px 15px; background-size:15px auto; }
a.jianmorehongse:hover{background-size:15px auto}


a.jianmorehongsexiao{ height:34px;line-height:34px; padding:0px 38px 0px 15px; background-size:15px auto;}
a.jianmorehongsexiao:hover{ background-size:15px auto}

a.jianmorehongseno{ height:34px;line-height:34px; padding: 0px 38px 0px 15px; background-size:15px auto;}
a.jianmorehongseno:hover{background-size:15px auto}





.newsbox li p{ font-size:15px;}

.jigdiixs p{ font-size:18px;}


.contactboxs{ display:block}
.contactleft{ width:100%}
.contactright img{ display:inline-block}
.tousuboxs li{ display:block}
.tousuboxs li p { width:100%; margin-bottom:20px}
.tousuboxs li input[type="text"]{ height:40px;width: calc(100% - 60px);}
.tousuboxs li textarea {width: calc(100% - 86px);border: 1px solid #cdcdcd;height:100px;}

.xiasousu input[type="text"] {width: calc(100% - 60px);}

.xiazairight{ width:100%; margin-bottom:20px;}
.xiazaileft{ width:100%;}
.xiazairight li{ line-height:45px}


.gongyingboxs{ display:block}

.gongyingleft{ width:100%}

.gongyingright{ width:100%; margin-top:20px;}

.gongyingleft>h2{ font-size:20px;}
.liuyanxa>h2{ font-size:20px;}

.tousuboxs li{ font-size:14px;}
.gongdinav li a img{ max-height:25px;}
.gongdinav li a{ font-size:16px;}

.nyhezi{ display:block}
.nyleftbox{ width:100%}
.ggwe{ display:none}
.nyrightbox{ width:100%; margin-top:20px;}
.pd20 {padding-left:10px;padding-right:10px;}

.gongsbiaoge ul{ width:100%}
.gongsbiaoge{ display:block}
.gongsbiaoge li p input[type="text"] {width: calc(100% - 10px);}
.gongsbiaoge li p textarea {width: calc(100% - 20px);}
.gosnglogo{ margin-left:100px;}

.delubiaoti h2 {font-size: 24px;}
.honorbox ul {width: calc(100% + 10px);margin-left: -10px;}
.honorbox li {width: calc(50% - 10px);margin-left:10px;margin-bottom: 10px;}

.honorpic {height: 250px;}


.jiansubx{ padding:0px 10px;}

.cahx01{ height:50px; width:80px;}
.cahx02{height:50px; width:calc(100% - 195px);}
.cahx03{height:50px; width:80px;}


.fenxlink{ display:block; text-align:center}
.sharebtnx{ margin-top:10px; width:90px; height:34px; line-height:34px;}

.huodongpics{ width:100%}
.huodongbox li a{ display:block}
.jxhuodoxtxt{ width:100%; margin-top:10px;}

.fanhuibtn {width: 128px;height: 36px;line-height: 36px;}
.yewuyuanboxs{ display:block}
.yewuyuanboxs ul{ width:100%; margin-bottom:20px;}
.yewuyuanboxs li span{ width:auto}

.jobdowntxt th{ width:75px;}
.nyproboxs ul {width: calc(100% + 10px);margin-left: -10px;}
.nyproboxs li {width: calc(50% - 10px);margin-left:10px;}


.prolisttit ul{ display:block; overflow:hidden}
.prolisttit li{ float:left; margin-right:10px; margin-bottom:10px;}

.proshowbox{ display:block}
.proshowboxleft{ width:100%}

.proshowboxright{ margin-top:20px;}
.proxiangtit{ border:none}
.proxiangtit ul{ display:block; overflow:hidden}
.proxiangtit li{ width:50%; float:left; margin:0px; text-align:center;    border-bottom: 1px solid #d7d7d7;}


.wentiboxas li{width: calc(100% - 60px); line-height:60px; font-size:14px;}
.solutionbox li{width: calc(100% - 30px); margin-bottom:20px;}
.jiaotesetxt p { font-size:16px;}

.wentishow{ display:block}

.wentishowleft{ width:100%}
.wentishowright{ width:100%}
.tousuboxs li select {width: calc(100% - 40px);}



.gerensoux input[type="button"]{ height:50px;}

.gerensoux input[type="text"]{ height:48px; width:calc(100% - 100px)}
.chanpttij{ font-size:20px;}
.chanpjiansuobox{ display:block; padding:10px 20px;}
.chanpjiansuobox ul{ width:100%}
.gongdinav ul{ display:block; overflow:hidden}
.gongdinav li{ width:50%; float:left; min-height:67px;}

.wihdxa{ display:block}
.wihdxa p{ margin-bottom:20px;}

.videolist li {width: calc(100% - 20px);}

.yewusyx{ margin-left:100px;}

.prodaohang li:hover{ border:none}

.prodaohang>h2{ padding-left:15px;}
.prodaohang li>a{ padding-left:15px;}
.prodaohang.cur{ left:0px;}
.prodaohang li{ position:relative; height:auto}
.prodaohang li.cur>a{ color:#fff;background:url(../images/youj03.png) no-repeat 89% center #c30d23;background-size:6px auto;}
.prodaohang.proteshu li:after{ content:""; width:100%; height:100%;position:absolute; left:0px; top:0px; z-index:999; height:50px;}
.promuludown{ position:relative; left:0px; top:0; width:auto; border:none; border-bottom:1px solid #ccc;padding:10px 25px;}
.promuludown span{ width:100%; display:block; float:none; text-align:left; padding:6px 0px;}


.promulu ul{ max-height:calc(100vh - 35px); overflow-y:scroll;-webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-x:hidden}


.kaiguan{ position:absolute; width:30px; height:60px; background:url(../images/bjian01.png) no-repeat center center #c30d23; top:0px; left:100%; top:50%; margin-top:-30px; border-bottom-right-radius:10px; border-top-right-radius:10px;}

}












@media screen and (max-width:768px)



{

body{ overflow-x:hidden}	
.keufbax{ padding:10px;}
.keufbax li {width: calc(49% - 20px);padding: 15px 10px;}


.nybannerbox{ width:200%; margin-left:-50%}


.joblist li>p span:nth-child(3){ display:none}
.joblist li>p span:nth-child(4){ display:none}

.newxsaix>ul{ display:block}

.dianhux{ font-size:12px; margin:0px 5px;}
.dianhux b {font-size: 16px;}
.zxgm{ font-size:14px; padding:0px 10px;}

}