@charset "utf-8";

/* CSS Document */







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

{

.mainbox{ padding-left:20px; padding-right:20px;}

.syabbox{ padding-left:20px; padding-right:20px;}

.syableft h2{ font-size:20px;}





}

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

{



.nav li{ font-size:14px;}



}



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



{





body{ overflow-x:hidden}



	

.pd3{ padding-top:6%; padding-bottom:6%}

.pd4{ padding-top:7%; padding-bottom:7%}

.pd2{ padding-top:5%; padding-bottom:5%}

.mt2{ margin-top:5%}

.mt3{ margin-top:6%}

.mt4{ margin-top:7%}

.mt5{ margin-top:8%}



.proxuanze .swiper-slide p{ font-size:14px;}
.newstxt p{ font-size:14px;}
.newstxt{ padding:12px;}
.syableft{ font-family:Arial,Microsoft Yahei,Helvetica Neue,Helvetica,Tahoma,sans-serif;}

.syableft h2{ font-size:14px;}

.syableft p{ font-size:14px; line-height: 20px; }	

.fudong{ display:none}	

.top{ padding:10px;}

.logo{ width:35%}

.sousu{ margin-right:50px;}

.searchkuang{ width:90%; z-index:999999}



.nav li.cur>a{ color:#Fff}



.nav{ position: fixed;top:0;right:0;z-index:999999;float:inherit;width:100%;height:100vh;background:#d13139; text-align:center;opacity:0;visibility: hidden;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow-y:scroll;-webkit-overflow-scrolling:touch; }



.nav ul{ width:90%; display:block; text-align:center}

.nav li a{ color:#fff}

.nav li{line-height:60px;border-bottom:1px solid rgba(255,255,255,0.5); width:100%; margin:0px}

.nav li>a{ font-size:14px; display:block}

.nav li:hover>a{ color:#Fff}





.nav li:nth-child(3):before,.nav li:nth-child(4):before{ content:""; height:50px;  width:100%; position:absolute; left:0px; top:0px; bottom:auto; z-index:9}



.nav li:hover .navdown{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:all}





.navdown{ background:none; border-top:2px solid #fff; position:relative; opacity:1; display:none; top:0px;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px); width:100%; left:0px; padding:10px 0px;}

.nav li:nth-child(4) .navdown{width:100%; left:0px;}



.nav-btnbox {position:absolute;z-index:999999;right:8px;top:14px; width:25px; height:30px;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: #000;-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:#fff;}

.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 .nav-btnbox{ position:fixed}



.menu-open .nav{visibility:visible;opacity:1;}





.menu-open .icon-bar{ background:#FFF}

.menu-open .nav ul{padding: 0;}

.menu-open .nav 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 .nav li:nth-child(1){animation-delay:0s;}

.menu-open .nav li:nth-child(2){animation-delay:0.1s;}

.menu-open .nav li:nth-child(3){animation-delay:0.2s;}

.menu-open .nav li:nth-child(4){animation-delay:0.3s;}

.menu-open .nav li:nth-child(5){animation-delay:0.4s;}

.menu-open .nav li:nth-child(6){animation-delay:0.5s;}

.menu-open .nav li:nth-child(7){animation-delay:0.6s;}















@-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)}



}









.mainbox{ padding-left:10px; padding-right:10px;}



.banner .swiper-button-next, .banner .swiper-button-prev{ display:none}



.banner .swiper-pagination-bullet{ width:8px; height:8px;}



.syabbox{ display:block; padding-left:10px; padding-right:10px;}



.syableft{ width:100%}

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





.maintit{ font-size:16px;}



.proqie{ overflow-x:scroll;-webkit-overflow-scrolling: touch;}

.proqie ul{ width:165%}

.proqie li{ width:33%;margin-bottom:10px; font-size:14px;}



.proxuanze{  position:relative}

.proxuanze .swiper-pagination{ bottom:60px; width:100%}

.proxuanze .swiper-pagination-bullet{ width:8px; height:8px; background-color:#888;opacity:1; margin:0px 5px;}

.proxuanze .swiper-pagination-bullet-active{ background-color:#d13139;}





.proxuanze .swiper-container{ margin-bottom:50px;}





.synewsbox{ position:relative;} 

.synewsbox .swiper-container{ padding-bottom:20px;}

.synewsbox .swiper-pagination{ width:100%; bottom:-10px}

.synewsbox .swiper-pagination-bullet{ width:8px; height:8px; background-color:#888;opacity:1; margin:0px 5px;}

.synewsbox .swiper-pagination-bullet-active{ background-color:#d13139;}



.footer>.mainbox{ display:block}

.share{ width:100%}

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

.footnav ul{ display:block}

.footnav li{ width:100%}

.footnavdown{ display:none}





.footnav li>p{ background:url(../images/xialahh.png) no-repeat right center; font-size:12px;border-top: 1px solid #515151; margin:0px; padding:10px 0px;}

.footnav li.cur>p{background:url(../images/xialahh.png) no-repeat right center;}



.footlogo{ display:none}



.banquan{ width:70%; text-align:left}

.uptop{ width:30%; font-size:12px;}

.uptop a em{ width:20px; height:20px;}



.aboutnav{ overflow-x:scroll;-webkit-overflow-scrolling: touch;}

.aboutnav ul{ width:240%;}

.aboutnav li{ font-size:14px;}



.nyableft{ width:100%}



.blodk{ display:block}

.nyhistory{ background-size:200% auto}



.lishipic{ position:relative; padding-bottom:20px;}

.lishipic .swiper-pagination{ width:100%; bottom:-5px}

.lishipic .swiper-pagination-bullet{ width:8px; height:8px; background-color:#888;opacity:1; margin:0px 5px;}

.lishipic .swiper-pagination-bullet-active{ background-color:#d13139;}

.nenglibox .swiper-button-next, .nenglibox .swiper-button-prev{ display:none}



.nenglibox{padding-bottom:30px;}



.nenglibox .swiper-pagination{ transform:translate(-50%,0); left:50%; bottom:10px}

.nenglibox .swiper-pagination-bullet{ width:8px; height:8px; background-color:#888;opacity:1; margin:0px 5px;}

.nenglibox .swiper-pagination-bullet-active{ background-color:#d13139;}



.zhilianglist ul{ display:block;width:calc(100% + 10px); margin-left:-10px; overflow:hidden}

.zhilianglist li{ width:calc(50% - 12px); margin:0px; margin-left:10px; margin-bottom:10px; float:left}



.conttit{ font-size:16px;}



.contactboxs{ display:block; padding:0px;}

.contactleft{ width:100%; word-wrap:break-word;}

.contactright{ width:100%; margin-top:40px;}

.contpic{ width:10%}



.contactleft li{ margin-bottom:20px;}

.conttxt span{ font-size:16px;}

.conttxt{ width:85%}

.contactright h3{ text-align:center}





.nynewsbox li {width: calc(100% - 40px);}



.nyproleft{ width:100%}	
.nyprolist li p{ font-size:14px;}
.nyproright	{ width:100%; margin-top:20px;}	
.nyprolist ul{width: calc(100% + 10px);margin-left:-10px;}
.nyprolist li {width: calc(50% - 10px);margin-left:10px;}

.nyprolist.soulist li {width: calc(100% - 38px);}

.proqiehx{ width:100%}

.proshowtxt{ width:100%}





.nyproleft{ display:none}







.chanpmulu{ display:block}



.prodaohang li:hover{ border:none}



.prodaohang>h2{ padding-left:15px;}

.prodaohang li>a{ padding-left:15px; color:#2b2b2b}

.prodaohang.cur{ left:0px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}

.prodaohang li{ position:relative; height:auto; border-bottom:1px solid #ccc}

.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;}







.tanchuguan{ position:fixed; left:0px; top:0px; background:rgba(0,0,0,0.3); width:100%; height:100%;}





}























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

{







}