*{ padding:0; margin:0;}*

div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del{ padding:0; margin:0; font-weight:normal;}

body,input,textarea{font-size:12px;font-family:Microsoft YaHei;color:#666;}

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6,h7,h8,em,i{ font-size:12px; font-weight:normal;}

a{ color:#666; font-weight:normal; text-decoration:none;}

p{ color:#666;}

img{ border:0px;}

span{ display:block;}

body{-webkit-text-size-adjust:100%; }

*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

::-webkit-scrollbar {width:10px;}

::-webkit-scrollbar-track { background:#000;}

::-webkit-scrollbar-thumb { width:4px; background-color:#fdd405;}

::-webkit-scrollbar-thumb:window-inactive {background:#000;}

/*------------------------------*/





@font-face {font-family:natten;src: url("../font/natten.ttf");}

.nav{ width:100%; float:left; background:#fdd405; z-index:2;}

.nav-center{ width:1400px; margin:0 auto;}

.nav-up{ width:100%; float:left; position:relative; overflow:hidden;}

.nav-up h1{ float:left; position:absolute; left:0px; top:15px;}

.nav-up h1 a{ display:inline-block; float:left;}

.nav-up h1 a img{ max-width:150px; float:left;}

.nav-up h2{ position:absolute; right:0px; top:33px; float:left; }

.nav-up h2 a{ display:inline-block; float:left; font-size:24px; color:#000; line-height:24px; font-family:natten; letter-spacing:0.1em; transition:all 0.5s ease-out 0s;}

.nav-up h2 a b{ display:inline-block; width:24px; height:24px; float:left; background:url(../image/ico-2.png) 0px -24px no-repeat; background-size:24px; margin-right:10px; transition:all 0.3s ease-out 0s;}

.nav-up h2 a:hover{ color:#fff;}

.nav-up h2 a:hover b{ background:url(../image/ico-2.png) 0px 0px no-repeat; background-size:24px;}

.nav-up ul{ width:100%; float:left; text-align:center; padding:25px 0;}

.nav-up ul li{ display:inline-block;}

.nav-up ul li a{ display:inline-block; font-size:14px; color:#000; line-height:40px; padding:0 20px; margin:0 15px; transition:all 0.5s ease-out 0s;}

.nav-up ul li a b{ display:inline-block; width:18px; height:18px; float:left; background:url(../image/ico-1.png) 0px -18px no-repeat; background-size:18px; margin-right:10px; margin-top:11px; transition:all 0.5s ease-out 0s;}

.nav-up ul li a:hover{ background:#000; color:#fdd405;}

.nav-up ul li a:hover b{ background:url(../image/ico-1.png) 0px 0px no-repeat; background-size:18px;}

.nav-up ul li a.selected{ background:#000; color:#fdd405; }

.nav-up ul li a.selected b{ background:url(../image/ico-1.png) 0px 0px no-repeat; background-size:18px;}

.public-center{ width:1200px; margin:0 auto;}

.banner{ width:100%; float:left; overflow:hidden;}

.banner .swiper-container{ width:100%; float:left;} 

.banner .swiper-slide{ width:100%; float:left;}

.banner .swiper-pagination{ bottom:20px !important;}

.banner .swiper-button-prev{ background:url(../image/ico-3.png) center no-repeat; background-size:cover; opacity:0.5; width:44px; height:44px; margin-top:-22px !important ; left:60px; outline:none; transition:284ms ease-in-out; transform:rotate(180deg); transition:all 0.5s ease-out 0s;}

.banner .swiper-button-next{ background:url(../image/ico-3.png) center no-repeat; background-size:cover; opacity:0.5; width:44px; height:44px; margin-top:-22px !important; right:60px; outline:none; transition:all 0.5s ease-out 0s;}

.banner .swiper-button-prev:hover{ opacity:1;}

.banner .swiper-button-next:hover{ opacity:1;}

.banner .swiper-pagination-bullet{ background:#fff; margin:0 10px !important; width:48px; height:3px; opacity:1; opacity:1; border-radius:0px; transition:all 0.5s ease-out 0s;}

.banner .swiper-pagination-bullet-active{ background:#fdd405;}

.banner1{ width:100%; float:left;}

.banner1 img{ max-width:100%; float:left;}

.banner1 img.block{ display:none;}

.products{ width:100%; float:left; background:url(../image/ico-5.png) #f3f2ee bottom center no-repeat; padding-bottom:60px; z-index:1; overflow:hidden;}

.products-center{ width:1200px; margin:0 auto;}

.title{ width:100%; float:left; animation-duration:1s; }

.title h2{ width:138px; height:138px; font-size:24px; color:#000; text-align:center; line-height:138px; background:#fdd405; font-weight:bold; position:relative; left:50%; margin-left:-69px; letter-spacing:0.1em; overflow:hidden;}

.title h2:before{content:""; position:absolute; left:50%; bottom:15px; margin-left:-5px; width:10px; height:10px; background:url(../image/ico-4.png) center no-repeat; background-size:cover;}

.title p{ width:100%; float:left; padding:0 15px; margin-top:40px; font-size:16px; color:#666; text-align:center;}

.products-list{ width:100%; float:left; margin-top:40px;}

.products-list-a{ width:55%; float:left;}

.products-list-a ul{ width:100%; float:left;}

.products-list-a ul li{ width:50%; float:left; padding:0 7px; margin-bottom:15px; animation-duration:1s; }

.products-list-a ul li dl{ width:100%; float:left; position:relative; overflow:hidden;}

.products-list-a ul li dl dt{ width:100%; float:left; overflow:hidden;}

.products-list-a ul li dl dt img{ max-width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.products-list-a ul li dl dt i{ display:inline-block; font-style:normal; float:left; position:absolute; right:0px; bottom:0px; font-size:16px; color:#000; padding:0 30px; line-height:50px; background:#fff;-webkit-transform:translateX(0%); transform:translateX(0%); transition:opacity .3s,-webkit-transform .3s; transition:transform .3s,opacity .3s; transition:transform .5s,opacity .3s,-webkit-transform .3s;}

.products-list-a ul li dl dd{ position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5); width:100%; height:100%; padding:0 30px; -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; -webkit-transform:translateX(100%); transform:translateX(100%); transition:opacity .3s,-webkit-transform .3s; transition:transform .3s,opacity .3s; transition:transform .5s,opacity .3s,-webkit-transform .3s;}

.products-list-a ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#fdd405; text-align:center;}

.products-list-a ul li dl dd p{ width:100%; float:left; font-size:14px; color:#fff; text-align:center; line-height:24px; margin-top:10px;}

.products-list-a ul li dl dd h3{ width:100%; float:left; margin-top:30px; text-align:center;}

.products-list-a ul li dl dd h3 em{ display:inline-block; font-style:normal; color:#fff; font-size:14px; padding:0px 30px; line-height:40px; border:1px solid rgba(255,255,255,0.5); border-radius:40px; vertical-align:middle;

-webkit-transform:translateZ(0); transform:translateZ(0);box-shadow:0 0 1px transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;} 

.products-list-a ul li dl dd h3 em:before{content: ""; height:100%; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; border-radius:40px; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%;-webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.7s; transition-duration:0.7s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;} 

.products-list-a ul li dl dd h3 em:hover{ color:#000; border:1px solid #fdd405;} 

.products-list-a ul li dl dd h3 em:hover:before{ background-color:#fdd405!important; webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66); transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}

.products-list-a ul li:hover dl dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.products-list-a ul li:hover dl dt i{ -webkit-transform:translateX(100%); transform:translateX(100%);}

.products-list-a ul li:hover dl dd{ -webkit-transform:translateX(0); transform:translateX(0);}

.products-list-b{ width:45%; float:right;}

.products-list-b ul li{ width:100%; margin:0px;}

.products-list-b ul li dl dt i{ font-size:16px; line-height:80px; padding:0 40px;}

.about{ width:100%; float:left; z-index:1;}

.about-a{ width:50%; float:left;}

.about-a dl{ width:100%; float:left; position:relative; overflow:hidden;}

.about-a dl dt{ width:100%; float:left;}

.about-a dl dt img{ max-width:100%; float:left;}

.about-a dl dd{ position:absolute; left:0px; bottom:0px; width:100%; float:left; background:#2b2b2b; padding:25px 0;}

.about-a dl dd span{ display:inline-block; width:33.33%; float:left; text-align:center; border-right:1px solid rgba(255,255,255,0.1);}

.about-a dl dd span i{ display:inline-block; font-style:normal; font-size:48px; color:#fdd405; line-height:48px; position:relative;}

.about-a dl dd span i:before{content:"+"; position:absolute; top:-15px; right:-20px; font-size:24px;}

.about-a dl dd span em{ width:100%; float:left; display:inline-block; font-style:normal; font-size:16px; color:#fff; text-align:center; margin-top:15px; line-height:16px;}

.about-a dl dd span:nth-child(3n+3){ border-right:0px;}

.about-a:nth-child(2n+2) dd{ background:none; position:absolute; left:0px; top:0px; width:100%; height:100%; float:left; -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; }

.about-a:nth-child(2n+2) dd h2{ width:100%; float:left; font-size:24px; color:#000; text-align:center; font-weight:bold;}

.about-a:nth-child(2n+2) dd h3{ width:100%; float:left; font-size:16px; color:#333; text-align:center; margin-top:55px; }

.about-a:nth-child(2n+2) dd p{ width:100%; float:left; font-size:16px; color:#333; line-height:34px; text-align:center; margin-top:30px; padding:0 15px;}

.about-a:nth-child(2n+2) dd p img{ max-width:100%; display:block; margin:0 auto; text-align:center;}

.about-a:nth-child(2n+2) dd h4{ width:100%; float:left; text-align:center; margin-top:60px;}

.about-a:nth-child(2n+2) dd h4 a{ display:inline-block; font-style:normal; color:#000; font-size:14px; padding:0px 70px; line-height:55px; border:1px solid #000; vertical-align:middle;

-webkit-transform:translateZ(0); transform:translateZ(0);box-shadow:0 0 1px transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;} 

.about-a:nth-child(2n+2) dd h4 a:before{content: ""; height:100%; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%;-webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.7s; transition-duration:0.7s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;} 

.about-a:nth-child(2n+2) dd h4 a:hover{ color:#fdd405;} 

.about-a:nth-child(2n+2) dd h4 a:hover:before{ background-color:#000!important; webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66); transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}

.case{ width:100%; float:left; z-index:1; background:#f5f5f5; padding-bottom:60px; overflow:hidden;}

.case .title h2{ background:#bf0008; color:#fff;}

.case .title h2:before{ background:url(../image/ico-7.png) center no-repeat; background-size:cover;}

.case-opu{ width:100%; float:left; margin-top:60px; animation-duration:1s; }

.case-opu .swiper-container{ width:90%; margin:0 auto; overflow:inherit !important;} 

.case-opu .swiper-slide{ width:100%; float:left;}

.case-opu .swiper-pagination{ bottom:20px !important;}

.case-opu .swiper-button-prev{ background:url(../image/ico-3.png) #000 center no-repeat; border-radius:50%; background-size:18px; opacity:0.5; width:50px; height:50px; margin-top:-25px !important ; left:-25px; outline:none; transition:284ms ease-in-out; transform:rotate(180deg); transition:all 0.5s ease-out 0s;}

.case-opu .swiper-button-next{ background:url(../image/ico-3.png) #000 center no-repeat; border-radius:50%; background-size:18px; opacity:0.5; width:50px; height:50px; margin-top:-25px !important; right:-25px; outline:none; transition:all 0.5s ease-out 0s;}

.case-opu .swiper-button-prev:hover{ opacity:1;}

.case-opu .swiper-button-next:hover{ opacity:1;}

.case-op{ width:100%; float:left; padding:0 40px;}

.case-op dl{ width:100%; float:left; position:relative;}

.case-op dl dt{ width:100%; float:left; position:relative; overflow:hidden;}

.case-op dl dt:before{content:""; position:absolute; left:0px; top:0px; width:100%; float:left; height:100%; background:rgba(0,0,0,0.6); z-index:1; transition:all 0.5s ease-out 0s;}

.case-op dl dt img{ max-width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }

.case-op dl dd{ position:absolute; left:0px; bottom:-30px; width:100%; float:left; padding:0 30px; opacity:0; transition:all 0.5s ease-out 0s;}

.case-op dl dd span{ display:block; width:100%; float:left; background:#fff; padding:20px 60px; transition:transform 0.4s ease; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); transition:all 0.5s ease-out 0s;}

.case-op dl dd span h2{ width:100%; float:left; font-size:18px; color:#333; text-align:center;}

.case-op dl dd span p{ width:100%; float:left; font-size:14px; color:#666; line-height:24px; text-align:center; margin-top:10px; max-height:72px; overflow:hidden;}

.case-opu .swiper-slide-active .case-op dl dd{ opacity:1; }

.case-op dl:hover dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.case-opu .swiper-slide-active .case-op dl dt:before{ opacity:0;}

.case-op dl:hover dd span{ background:#fdd405;}

.operation{ width:100%; float:left; background:url(../image/yuny-banner.jpg) top center no-repeat; background-size:cover; padding-top:60px; padding-bottom:30px;}

.operation-title{ width:100%; float:left; animation-duration:1s; }

.operation-title h2{ width:100%; float:left; font-size:24px; color:#000; text-align:center; font-weight:bold;}

.operation-title p{ width:100%; float:left; font-size:16px; color:#666; text-align:center; line-height:24px; margin-top:20px;}

.operation-op{ width:100%; float:left; margin-top:40px; animation-duration:1s; }

.operation-op .swiper-container{ width:100%; float:left;} 

.operation-op .swiper-wrapper{ width:100%; float:left; padding-bottom:40px;}

.operation-op .swiper-slide{ width:100%; float:left;}

.operation-op .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; margin:0 5px; opacity:0.5;}

.operation-op .swiper-pagination-bullet-active{ opacity:1;}

.data{ width:100%; float:left;}

.data dl{ width:100%; float:left; position:relative; overflow:hidden;}

.data dl dt{ width:100%; float:left; overflow:hidden;}

.data dl dt img{ max-width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }

.data dl dd{ position:absolute; left:0px; bottom:-100%; width:100%; float:left; padding:10px 20px; background:rgba(0,0,0,0.5); transition:all 0.3s ease-out 0s;}

.data dl dd p{ width:100%; float:left; font-size:14px; color:#fff; line-height:24px;}

.data dl:hover dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.data dl:hover dd{ bottom:0px;}

.cooperation{ width:100%; float:left; position:relative; z-index:1; background:#f6f6f6; overflow:hidden;}

.cooperation-a{ width:50%; float:left; padding:25px 0;}

.cooperation-a div{ width:100%; float:left; height:100%; position:relative; overflow:hidden;}

.cooperation-a div b{ position:absolute; bottom:30px; right:30px; float:left;}

.cooperation-a div b img{ max-width:135px; float:left;}

.cooperation-a ul{ width:100%; float:left;}

.cooperation-a ul li{ width:100%; float:left; padding:0px 18%; transition:all 0.3s ease-out 0s; animation-duration:1s; }

.cooperation-a ul li:nth-child(3n+2){ animation-duration:1.1s;}

.cooperation-a ul li:nth-child(3n+3){ animation-duration:1.2s;}

.cooperation-a ul li:nth-child(3n+3) dl{ border-bottom:1px solid #f6f6f6;}

.cooperation-a ul li dl{ width:100%; float:left; padding:30px 0; border-bottom:1px solid rgba(0,0,0,0.08); display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; transition:all 0.3s ease-out 0s;}

.cooperation-a ul li dl dt{ width:142px; float:left; border-radius:50%; overflow:hidden; margin-right:45px;}

.cooperation-a ul li dl dt img{ max-width:100%; border-radius:50%; overflow:hidden; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;   }

.cooperation-a ul li dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1;}

.cooperation-a ul li dl dd h2{ width:100%; float:left; font-size:20px; color:#333; margin-bottom:10px;}

.cooperation-a ul li dl dd p{ width:100%; float:left; font-size:14px; color:#666; line-height:24px;}

.cooperation-a ul li:hover{ background:#fdd405;}

.cooperation-a ul li:hover dl{ border-bottom:1px solid #fdd405;}

.cooperation-b{ position:absolute; top:0px; right:0px; width:50%; float:left;}

.cooperation-b dl{ width:100%; float:left; position:relative; overflow:hidden;}

.cooperation-b dl dt{ width:100%; float:left;}

.cooperation-b dl dt img{  float:left;}

.cooperation-b dl dd{ position:absolute; left:0px; top:80px; width:100%; float:left;}

.cooperation-b dl dd h2{ width:100%; float:left;}

.cooperation-b dl dd h2 img{ max-width:360px; display:block; margin:0 auto; text-align:center;}

.cooperation-b dl dd p{ width:100%; float:left; font-size:16px; color:#fff; text-align:center; margin-top:40px; line-height:24px;}

.news{ width:100%; float:left; background:#fff; padding-bottom:80px; overflow:hidden;}

.news-title{ width:100%; float:left; margin-top:60px;}

.news-title-a{ width:38%; float:left; animation-duration:1s; }

.news-title-a dl{ width:100%; float:left;}

.news-title-a dl dt{ width:100%; float:left; overflow:hidden;}

.news-title-a dl dt img{ max-width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }

.news-title-a dl dd{ width:100%; float:left; padding:15px 20px; transition: transform 0.4s ease; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}

.news-title-a dl dd h2{ width:100%; float:left; font-size:16px; color:#555; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease-out 0s;}

.news-title-a dl dd p{ width:100%; float:left; font-size:14px; color:#a3a3a3; line-height:30px; max-height:60px; overflow:hidden; margin-top:10px;}

.news-title-a dl dd b{ display:inline-block; width:100%; font-weight:normal; font-size:14px; color:#c8c8c8; margin-top:10px;}

.news-title-a dl:hover img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.news-title-a dl:hover dd h2{ color:#fdd405;}

.news-title-b{ width:58%; float:right;}

.news-title-b ul{ width:100%; float:left;}

.news-title-b ul li{ width:100%; float:left; padding:30px 20px; border-top:1px solid #eee; transition:all 0.3s ease-out 0s; animation-duration:1s; }

.news-title-b ul li:nth-child(3n+2){ animation-duration:1.1s;}

.news-title-b ul li:nth-child(3n+3){ animation-duration:1.2s;}

.news-title-b ul li h2{ width:100%; float:left; font-size:16px; color:#555; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:20px; padding-right:100px; position:relative; transition:all 0.3s ease-out 0s;}

.news-title-b ul li h2 i{ display:inline-block; float:left; position:absolute; left:0px; top:9px; width:6px; height:6px; background:#bcbcbc; border-radius:50%; transition:all 0.3s ease-out 0s;}

.news-title-b ul li h2 em{ display:inline-block; float:left; position:absolute; top:0px; right:0px; font-size:14px; color:#c8c8c8; line-height:24px; font-style:normal;}

.news-title-b ul li p{ width:100%; float:left; font-size:12px; color:#a3a3a3; line-height:24px; max-height:48px; overflow:hidden; margin-top:15px; padding-left:20px; padding-right:100px; transition:all 0.3s ease-out 0s;}

.news-title-b ul li:hover{ transition: transform 0.4s ease; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}

.news-title-b ul li:hover h2{ color:#fdd405;}

.news-title-b ul li:hover h2 i{ background:#fdd405;}

.news-title-b ul li:hover p{ color:#666;}

.footer{ width:100%; float:left; background:#222; padding-top:80px; padding-bottom:30px; overflow:hidden;}

.footer ul{ width:100%; float:left; padding-bottom:30px; border-bottom:1px solid #454545; margin-bottom:70px;}

.footer ul li{ width:14.28571%; float:left; text-align:center;}

.footer ul li a{ display:inline-block; font-size:16px; color:#afafaf;}

.footer ul li a:hover{ color:#fdd405;}

.footer-left{ width:220px; float:left;}

.footer-left h2{ width:100%; float:left; margin-bottom:30px;}

.footer-left h2 img{ max-width:150px; float:left;}

.footer-left span{ position:relative; width:220px; display:block; float:left;}

.footer-left span b{font-size:14px;color:#333;display:inline-block;height:24px;line-height:24px;width:220px;padding:0px 15px;height:44px;line-height:44px;float:left;background:#fff;}

.footer-left span b i{width:14px;height:8px;background:url(../image/ico-12.png); background-size:cover; display:block;float:right;margin-top:18px;}

.footer-left span h5{position:absolute;width:100%;top:44px;background:#fff;border:1px solid #eee;padding:0px 15px;display:none;max-height:100px;overflow-y:auto;}

.footer-left span:hover h5{display:block;z-index:999;}

.footer-left span a{display:block;float:left;width:100%;height:40px;line-height:40px;}

.footer-left span a:hover{color:#e60012;}

.footer-center{ float:left; width:120px; position:relative; left:50%; margin-left:-280px;}

.footer-center h2{ width:100%; float:left;}

.footer-center h2 img{ max-width:100%; float:left;}

.footer-right{ width:300px; float:right;}

.footer-right h2{ width:100%; float:right;  }

.footer-right h2 a{ display:inline-block; float:right; width:40px; height:40px; background:url(../image/ico-11.png) center no-repeat; background-size:18px; transition:all 0.3s ease-out 0s;}

.footer-right h2 a:hover{ background:url(../image/ico-111.png) #fdd405 center no-repeat; background-size:18px;}

.footer-right h3{ width:100%; float:left; margin:18px 0;}

.footer-right h3 a{ display:inline-block; float:right; font-size:28px; color:#fdd405; font-family:natten; letter-spacing:0.1em;}

.footer-right p{ width:100%; float:left; font-size:16px; color:#999; text-align:right;}

.footer-booter{ width:100%; float:left; margin-top:60px;}

.footer-booter p{ width:100%; float:left; font-size:12px; color:#6b6b6b; text-align:center;}

/*关于我们*/

.ny-banner{ width:100%; float:left;}

.ny-banner img{ max-width:100%; float:left;}

.ny-banner img.block{ display:none;}

.ny-nav{ width:100%; float:left; border-bottom:1px solid #efefef;}

.ny-nav span{ display:block; width:100%; float:left; padding:20px 0;}

.ny-nav span i{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#dbdbdb; line-height:16px;}

.ny-nav span i img{ max-width:8px; float:left; margin-top:4px;}

.ny-nav span a{ display:inline-block; float:left; font-size:14px; color:#999; line-height:16px; margin:0 15px; max-width:120px; overflow:hidden; height:16px;}

.ny-nav span a.selected{ color:#fed517;}

.public-iopu{ width:100%; float:left; padding:80px 0; overflow:hidden;}

.urao{ width:100%; float:left; margin-bottom:60px;}

.urao span{ display:block; width:100%; float:left; text-align:center; animation-duration:1s; }

.urao span a{ display:inline-block; font-style:normal; color:#666; font-size:16px; width:126px; text-align:center; margin:0 15px; height:44px; line-height:44px; border:1px solid #efefef; vertical-align:middle;-webkit-transform:translateZ(0); transform:translateZ(0);box-shadow:0 0 1px transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;} 

.urao span a:before{content: ""; height:100%; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%;-webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.7s; transition-duration:0.7s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;} 

.urao span a:hover{ color:#000; border:1px solid #fed517;} 

.urao span a:hover:before{ background-color:#fed517!important; webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66); transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}

.urao span a.selected{ color:#000; border:1px solid #fed517;} 

.urao span a.selected:before{ background-color:#fed517!important; webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66); transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}

.gsjs{ width:100%; float:left;}

.gsjs-a{ width:100%; float:left;}

.gsjs-a span{ display:block; width:100%; float:left; animation-duration:1.1s; }

.gsjs-a span h2{ width:100%; float:left;}

.gsjs-a span i{ display:inline-block; width:210px; height:210px; float:left; position:relative; left:50%; margin-left:-105px; border-radius:50%; background:#F5BA18;}

.gsjs-a span i img{ max-width:140px; float:left; margin-top:35px; margin-left:35px;}

.gsjs-a span i:hover img{ -webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s; }

.gsjs-a span em{ display:inline-block; width:1px; height:70px; float:left; background:#efefef;  margin-top:-0.5px; position:relative; left:50%;}

.gsjs-b{ width:100%; float:left; margin-top:30px;}

.gsjs-b h2{ width:100%; float:left; font-size:24px; color:#333; text-align:center; margin-bottom:5px; animation-duration:1s; }

.gsjs-b h3{ width:100%; float:left; font-size:24px; color:#e5e5e5; text-align:center; font-family:natten; text-transform:uppercase; letter-spacing:0.1em; animation-duration:1s; }

.gsjs-b p{ width:100%; float:left; font-size:14px; color:#666; text-align:center; margin-top:10px; line-height:32px; animation-duration:1s; }

.gsjs-b h5{ width:100%; float:left; font-size:24px; color:#fdd405; text-align:center; margin:15px 0; animation-duration:1s;}

.gsjs-b h4{ width:100%; float:left; margin-top:30px; animation-duration:1s; }

.gsjs-b h4 img{ max-width:100%; float:left;}

.gsjs-b i{ display:inline-block; width:100%; float:left; font-size:16px; color:#333; text-align:center; font-style:normal; margin:30px 0;}

/*品牌介绍*/

.ppjs{ width:100%; float:left; margin-top:40px;}

.ppjs h2{ width:100%; float:left;}

.ppjs h2 i{ display:inline-block; width:32%; float:left; margin-right:2%; overflow:hidden; animation-duration:1s; }

.ppjs h2 i:nth-child(3n+3){ animation-duration:1.1s;}

.ppjs h2 i:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}

.ppjs h2 i img{ width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.ppjs h2 i:hover img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.ppjs h3{ width:100%; float:left; margin-top:20px;}

.ppjs h3 i{ display:inline-block; width:49%; float:left; overflow:hidden; animation-duration:1s; }

.ppjs h3 i:nth-child(2n+2){ float:right; animation-duration:1.2s; }

.ppjs h3 i img{ width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.ppjs h3 i:hover img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.ppjs span{ display:block; width:100%; float:left; margin-top:20px;}

.ppjs span h4{ width:58.5%; float:left; overflow:hidden; animation-duration:1s; }

.ppjs span h4 img{ width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.ppjs span h4:hover img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.ppjs span h5{ width:39.8%; float:right;}

.ppjs span h5 em{ display:inline-block; width:100%; float:left; overflow:hidden; animation-duration:1s; }

.ppjs span h5 em img{ width:100%; float:left; -webkit-transition: opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.ppjs span h5 em:last-child{ margin-top:20px;}

.ppjs span h5 em:hover img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

/*团队优势*/

.tdys{ width:100%; float:left; margin-top:20px;}

.tdys ul{ width:100%; float:left;}

.tdys ul li{ width:48%; float:left; margin-top:30px; animation-duration:1s; }

.tdys ul li:nth-child(2n+2){ float:right; animation-duration:1.2s; }

.tdys ul li dl{ width:100%; float:left; position:relative; overflow:hidden;}

.tdys ul li dl dt{ width:100%; float:left; overflow:hidden;}

.tdys ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.tdys ul li dl dd{ position:absolute; left:0px; bottom:0px; width:100%; float:left;}

.tdys ul li dl dd p{ width:100%; float:left; font-size:16px; color:#000; text-align:center; padding:0 15px; line-height:60px; background:#fed517; opacity:0.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.tdys ul li:hover dl dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

/*品牌历程*/

.public-iopu-bottom{ padding-bottom:0px;}

.pplc{ width:100%; float:left; padding-top:80px; padding-bottom:120px; position:relative; overflow:hidden;}

.pplc:before{content:""; position:absolute; left:50%; top:0px; width:13px; height:13px; margin-left:-6px; border-radius:50%; border:2px solid #fdd405; z-index:2; background:#fff;}

.pplc:after{content: ""; position:absolute; left:50%; top:0px; width:1px; background:#efefef; height:100%; float:left; z-index:1;}

.pplc-center{ width:780px; margin:0 auto;}

.pplc ul{ width:100%; float:left;}

.pplc ul li{ width:100%; float:left; border-bottom:1px solid #efefef; padding:40px 0; cursor:pointer; transition:all 0.3s ease-out 0s; animation-duration:1s; }

.pplc ul li dl{ width:100%; float:left; position:relative; overflow:hidden;}

.pplc ul li dl dt{ width:310px; float:right; overflow:hidden;}

.pplc ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.pplc ul li dl dd{ float:left; width:310px; height:100%; position:absolute; left:0px; top:0px; -webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:left;justify-content:left;-webkit-box-align:left;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}     

.pplc ul li dl dd h2{ width:100%; float:left; font-size:46px; line-height:46px; color:#fdd405; font-family:natten; letter-spacing:0.1em; transition:all 0.3s ease-out 0s;}

.pplc ul li dl dd p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; margin-top:10px; max-height:90px; overflow:hidden;}

.pplc ul li:hover{ background:#fdd405; border-bottom:1px solid #fdd405;}

.pplc ul li:hover dl dd h2{ color:#000;}

.pplc ul li:hover dl dd p{ color:#333;}

.pplc ul li:nth-child(2n+2) dl dt{ float:left;}

.pplc ul li:nth-child(2n+2) dl dd{ left:auto; right:0px;}

.pplc ul li:hover dl dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

/*产品中心*/

.cpzx{ width:100%; float:left; margin-top:20px; overflow:hidden;}

.cpzx ul{ width:100%; float:left;}

.cpzx ul li{ width:32%; float:left; margin-right:2%; margin-bottom:60px; animation-duration:1s;}

.cpzx ul li:nth-child(3n+2){ animation-duration:1.1s;}

.cpzx ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}

.cpzx ul li dl{ width:100%; float:left; text-align:center;}

.cpzx ul li dl dt{ width:246px; height:246px; border-radius:50%; position:relative; left:50%; margin-left:-123px; overflow:hidden;}

.cpzx ul li dl dt img{ max-width:100%; float:left;}

.cpzx ul li dl dt:before{content:""; position:absolute; left:50%; top:50%; margin-top:-15px; margin-left:-15px; background:url(../image/ico-17.png) center no-repeat; width:30px; height:30px; background-size:cover; z-index:2; transform:scale(0); transition:all 0.4s;}

.cpzx ul li dl dt:after{content: ""; position:absolute; left:10px; top:10px; bottom:10px; right:10px; background:#fed517; opacity:0.5; border-radius:50%; z-index:1; transform:scale(0); transition:all 0.4s;}

.cpzx ul li dl dd{ width:100%; float:left; margin-top:30px;}

.cpzx ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#000; text-align:center; transition:all 0.3s ease-out 0s; }

.cpzx ul li dl dd p{ width:100%; float:left; font-size:14px; color:#666; line-height:24px; max-height:48px; height:48px; overflow:hidden; margin-top:10px; padding:0 20px; }

.cpzx ul li:hover dl dt:before{ transform: scale(1); }

.cpzx ul li:hover dl dt:after{ transform: scale(1); }

.cpzx ul li:hover dl dd h2{ color:#fed517;}

.button{ width:100%; float:left; margin-bottom:30px;}

.button span{ display:block; width:100%; float:left; animation-duration:1s;}

.button span a{ height:44px; border:1px solid #efefef; border-radius:50%; padding:0 16px; text-align:center; font-size:16px; color:#666; line-height:44px; float:left; margin-right:20px; transition:all 0.3s ease-out 0s;}

.button span a:hover{ background:#fed517; color:#000; border:1px solid #fed517;}

.button span a.selected{ background:#fed517; color:#000; border:1px solid #fed517;}

/*加盟服务*/

.jmlc{ width:100%; float:left; margin-top:40px;}

.jmlc ul{ width:100%; float:left;}

.jmlc ul li{ width:25%; float:left; padding:0 55px; position:relative; margin-bottom:80px; animation-duration:1s;}

.jmlc ul li:nth-child(4n+2){ animation-duration:1.1s;}

.jmlc ul li:nth-child(4n+3){ animation-duration:1.2s;}

.jmlc ul li:nth-child(4n+4){ animation-duration:1.3s;}

.jmlc ul li:nth-child(4n+4) b{ display:none;}

.jmlc ul li b{ position:absolute; top:60px; right:-8px; float:left;}

.jmlc ul li b img{ max-width:16px; float:left;}

.jmlc ul li span{ display:block; width:100%; float:left;}

.jmlc ul li span i{ display:inline-block; width:100%; float:left;}

.jmlc ul li span i img{ max-width:70px; display:block; margin:0 auto; text-align:center;}

.jmlc ul li h2{ width:100%; float:left; font-size:16px; color:#333; text-align:center; margin-top:20px;}

.jmlc ul li p{ width:100%; float:left; font-size:13px; color:#666; text-align:center; line-height:24px; margin-top:10px; max-height:48px; height:48px;}

.jmlc ul li h3{ width:100%; float:left; text-align:center; margin-top:40px;}

.jmlc ul li h3 a{ display:inline-block; padding:0 44px; line-height:50px; height:50px; background:#fed517; font-size:16px; color:#000; border-radius:50px; transition:all 0.3s ease-out 0s;}

.jmlc ul li h3:hover a{ color:#fff; background:#000;}

/*加盟服务-加盟要求*/

.jmyq{ width:100%; float:left;}

.jmyq ul{ width:100%; float:left;}

.jmyq ul li{ width:32%; float:left; margin-right:2%; border:1px solid #efefef; margin-bottom:40px; padding:55px 0; transition:all 0.3s ease-out 0s; animation-duration:1s;}

.jmyq ul li:nth-child(3n+2){ animation-duration:1.1s;}

.jmyq ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}

.jmyq ul li dl{ width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}

.jmyq ul li dl dt{ width:90px; float:left; margin:15px 30px 15px 0px; padding:10px; height:70px; background:#fed517; border-top-right-radius:70px; border-bottom-right-radius:70px; transition:all 0.3s ease-out 0s;}

.jmyq ul li dl dt b{display:inline-block; float:right; width:50px; height:50px; text-align:center; line-height:50px; font-size:28px; color:#000; background:#f9f9f9; border-radius:50%; font-family:natten; letter-spacing:0.1em; transition:all 0.3s ease-out 0s;}

.jmyq ul li dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; float:left;}

.jmyq ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#000;}

.jmyq ul li dl dd p{ width:100%; float:left; font-size:14px; color:#999; line-height:24px; max-height:72px; overflow:hidden; margin-top:10px; padding-right:30px; transition:all 0.3s ease-out 0s;}

.jmyq ul li:hover{ background:#fed517; border:1px solid #fff;}

.jmyq ul li:hover dl dt{ background:#fff;}

.jmyq ul li:hover dl dt b{ background:#fed517; color:#000;}

.jmyq ul li:hover dl dd p{ color:#333;}

/*加盟服务-加盟方案*/

.jmfa{ width:100%; float:left;}

.jmfa ul{ width:100%; float:left;}

.jmfa ul li{ width:100%; float:left; background:url(../image/jmfa-banner.jpg) top center no-repeat; background-size:cover; padding:0px 40px; position:relative; overflow:hidden; animation-duration:1s;}

.jmfa ul li:last-child{ margin-top:60px; animation-duration:1.1s;}

.jmfa ul li dl{ width:100%; float:left; padding-top:60px; padding-bottom:80px;}

.jmfa ul li dl dt{ width:65%; float:right; overflow:hidden; position:relative;}

.jmfa ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.jmfa ul li dl dt h2{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); float:left; -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; transform:scale(0); transition:all 0.4s;}

.jmfa ul li dl dt h2 a{ display:inline-block; padding:0 40px; font-size:14px; color:#000; background:#fed517; height:44px; line-height:44px;}

.jmfa ul li dl dd{ width:250px; float:left;}

.jmfa ul li dl dd b{ display:inline-block; float:left; margin-bottom:30px;}

.jmfa ul li dl dd b img{ max-width:90px; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.jmfa ul li dl dd h2{ width:100%; float:left; margin-bottom:25px;}

.jmfa ul li dl dd h2 i{ display:inline-block; float:left; font-style:normal; font-size:20px; color:#ff0c00; line-height:26px;}

.jmfa ul li dl dd h2 em{ display:inline-block; float:left; font-style:normal; font-size:26px; color:#ff0c00; font-family:natten; margin-right:4px; margin-top:-1px; letter-spacing:0.1em;}

.jmfa ul li dl dd p{ width:100%; float:left; margin-bottom:10px;}

.jmfa ul li dl dd p i{ display:inline-block; float:left; font-style:normal; font-size:16px; color:#333; line-height:22px;}

.jmfa ul li dl dd p em{ display:inline-block; float:left; font-style:normal; font-size:22px; color:#000; font-family:natten; margin-right:3px; margin-top:-1px; letter-spacing:0.1em;}

.jmfa ul li dl dd h3{ float:left; position:absolute; left:40px; bottom:30px;}

.jmfa ul li dl dd h3 img{ max-width:60px; float:left;}

.jmfa ul li:hover dl dd b img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.jmfa ul li dl dt:hover img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.jmfa ul li dl dt:hover h2{ transform: scale(1);}

.jmfa ul li dl dt h2 a:hover{ background:#fff;}

/*加盟服务-加盟优势*/

.jmys{ width:100%; float:left; margin-top:60px; margin-bottom:60px;}

.jmys ul{ width:100%; float:left;}

.jmys ul li{ width:100%; float:left;}

.jmys-op{ width:100%; float:left; padding:0 130px;}

.jmys ul li dl{ width:100%; float:left; position:relative; overflow:hidden; animation-duration:1s;}

.jmys ul li dl dt{ width:420px; float:right; overflow:hidden;}

.jmys ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

.jmys ul li dl dd{ position:absolute; left:0px; top:0px; height:100%; width:420px; float:left; -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:hidden; animation-duration:1s;}

.jmys ul li dl dd b{ display:inline-block; float:left; width:95px; font-size:110px; color:#ff0c00; font-family:natten; text-align:right; letter-spacing:0.1em; margin-right:30px;}

.jmys ul li dl dd span{ display:block; float:left; width:100%; float:left;}

.jmys ul li dl dd span h2{ width:100%; float:left; font-size:18px; color:#000;}

.jmys ul li dl dd span p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; max-height:120px; overflow:hidden; margin-top:10px;}

.jmys ul li h3{ width:100%; float:left; margin-top:-10px; }

.jmys ul li h3 img{ max-width:100%; float:left;}

.jmys ul li:nth-child(2n+2) dl dt{ float:left;}

.jmys ul li:nth-child(2n+2) dl dd{ left:auto; right:0px;}

.jmys ul li:nth-child(2n+2) h3{ transition:284ms ease-in-out; transform:rotate(165deg); margin-top:0px; }

.jmys ul li:last-child h3{ display:none;}

.jmys ul li:hover dl dt img{  -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

/*加盟服务-加盟故事*/

.jmgs{ width:100%; float:left;}

.jmgs-center{ width:1000px; margin:0 auto;}

.jmgs ul{ width:100%; float:left;}

.jmgs ul li{ width:100%; float:left; background:#fff; box-shadow:0 1px 10px rgba(0,0,0,0.15); padding:40px; margin-bottom:50px; animation-duration:1s;}

.jmgs-a{ width:100%; float:left;}

.jmgs-a span{ display:block; width:100%; float:left;}

.jmgs-a span i{ display:inline-block; width:100%; float:left;}

.jmgs-a span i img{ max-width:120px; display:block; margin:0 auto; text-align:center; border-radius:50%;}

.jmgs-a span em{ display:inline-block; width:100%; float:left; font-size:18px; color:#333; text-align:center; margin-top:18px; font-style:normal; transition:all 0.3s ease-out 0s;}

.jmgs-b{ width:100%; float:left; margin-top:20px; padding:0 80px; position:relative; overflow:hidden;}

.jmgs-b p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; text-align:center;}

.jmgs-b:before{content:""; position:absolute; left:0px; top:0px; float:left; width:40px; height:33px; background:url(../image/ico-24.png) center no-repeat; background-size:cover;}

.jmgs-b:after{content:""; position:absolute; right:0px; bottom:0px; float:left; width:40px; height:33px; background:url(../image/ico-25.png) center no-repeat; background-size:cover;}

.jmgs ul li:hover .jmgs-a span em{ color:#fdd405;}

/*代理合作*/

.dlhz{ width:100%; float:left;}

.dlhz ul{ width:100%; float:left;}

.dlhz ul li{ width:31%; float:left; margin-right:3.5%; background:url(../image/dlhz-1.jpg) center no-repeat; height:180px; background-size:cover; border-radius:10px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:0 30px; position:relative; margin-bottom:50px;}

.dlhz ul li:before{content:""; position:absolute; right:-26px; top:50%; margin-top:-21px; float:left; width:26px; height:42px; background:url(../image/ico-26.png) center no-repeat; background-size:cover; z-index:1; transition:284ms ease-in-out; }

.dlhz ul li:after{content:""; position:absolute; left:0px; top:50%; margin-top:-21px; float:left; width:26px; height:42px; background:url(../image/ico-27.png) center no-repeat; background-size:cover; z-index:2;}

.dlhz ul li:nth-child(6n+1):after{ display:none;}

.dlhz ul li:nth-child(6n+3):before{ right:auto; top:auto; bottom:-34px; left:50%; margin-left:-13px; margin-top:0px; transform:rotate(90deg);}

.dlhz ul li:nth-child(6n+4){ float:right; margin-right:0px;}

.dlhz ul li:nth-child(6n+4):before{ right:auto; left:-26px; transform:rotate(180deg);}

.dlhz ul li:nth-child(6n+4):after{ top:0px; left:50%; margin-left:-13px; margin-top:-8px; transform:rotate(90deg);} 

.dlhz ul li:nth-child(6n+5){ float:right;}

.dlhz ul li:nth-child(6n+5):before{ right:auto; left:-26px; transform:rotate(180deg);}

.dlhz ul li:nth-child(6n+5):after{ left:auto; right:0px; transform:rotate(180deg);}

.dlhz ul li:nth-child(6n+6):before{ display:none;}

.dlhz ul li:nth-child(6n+6):after{ left:auto; right:0px; transform:rotate(180deg);}

.dlhz ul li:nth-child(3n+3){ margin-right:0px;}

.dlhz ul li h2{ float:left; width:70px; height:70px; line-height:70px; font-size:40px; text-align:center; color:#000; background:#fff; border-radius:50%; font-family:natten; margin-right:30px;}

.dlhz ul li p{ -webkit-box-flex:1; -webkit-flex:1; flex:1; float:left; font-size:20px; color:#333; line-height:30px;}

.dlhz ul li h3{ width:100%; float:left; text-align:center;}

.dlhz ul li h3 a{ display:inline-block; padding:0 45px; line-height:60px; height:60px; background:#fff; color:#000; border-radius:60px; font-size:20px;}

.dlhz ul li h3 a:hover{ background:rgba(255,255,255,0.5);}

/*代理合作-代理流程*/

.dllc{ width:100%; float:left; margin-top:40px; margin-bottom:60px;}

.dllc ul{ width:100%; float:left;}

.dllc ul li{ width:25%; float:left; animation-duration:1s;}

.dllc ul li:nth-child(4n+2){ animation-duration:1.1s;}


.dllc ul li:nth-child(4n+3){ animation-duration:1.2s;}


.dllc ul li:nth-child(4n+4){ animation-duration:1.3s;}



.dllc ul li span{ display:block; width:200px; height:200px; float:left; border-radius:50%; background:#fdd405; overflow:hidden; position:relative; left:50%; margin-left:-100px; -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; cursor:pointer;}

.dllc ul li span h2{ width:100%; float:left; text-align:center;}

.dllc ul li span h2 b{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-weight:normal; font-size:16px; color:#999; background:#fff; border-radius:50%;}

.dllc ul li h3{ width:100%; float:left; margin-top:25px;}

.dllc ul li h3 img{ max-width:50px; display:block; margin:0 auto; text-align:center;}

.dllc ul li span p{ display:inline-block; width:100%; float:left; margin-top:15px; font-size:18px; color:#000; text-align:center; font-style:normal;}

.dllc ul li span:hover{  -webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s; }

/*代理合作-合作模式*/

.hzms{ width:100%; float:left;}

.hzms ul{ width:100%; float:left;}

.hzms ul li{ width:48%; float:left; box-shadow:0 1px 10px rgba(0,0,0,0.15); padding:40px; height:436px; position:relative; animation-duration:1s; }

.hzms ul li:nth-child(2n+2){ float:right; background:url(../image/ico-34.png) #fff bottom center no-repeat; background-size:cover;}

.hzms ul li span{ display:block; width:100%; float:left; margin-bottom:30px;}

.hzms ul li span i{ display:inline-block; float:left; font-size:50px; color:#fed517; font-family:natten; line-height:50px; font-style:normal; letter-spacing:0.1em; margin-right:20px; width:40px; text-align:right;}

.hzms ul li span em{ display:inline-block; float:left; font-style:normal; font-size:32px; color:#000; line-height:50px;}

.hzms ul li p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px;}

.hzms ul li h2{ width:100%; float:left; margin-top:25px;}

.hzms ul li h2 i{ display:inline-table; float:left; font-size:14px; color:#666; font-style:normal; line-height:24px;}

.hzms ul li h2 a{ display:inline-block; float:left; font-size:24px; color:#fed517; font-family:natten; letter-spacing:0.1em; margin-top:-2px;}

.hzms ul li h3{ width:100%; float:left; margin-top:40px;}

.hzms ul li h3 a{ display:inline-block; float:left; background:#fdd405; padding:12px 20px;}

.hzms ul li h3 a i{ display:inline-block; float:left; margin-right:10px;}

.hzms ul li h3 a i img{ max-width:20px; float:left;}

.hzms ul li h3 a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#000;}

.hzms ul li h3 a:hover{ background:#ffe97d;}

.hzms ul li b{ position:absolute; bottom:40px; right:40px;}

.hzms ul li b img{ max-width:120px; float:left;}

.hzms ul li h4{ width:100%; float:left; margin-top:35px;}

.hzms ul li h4 a{ display:inline-block; float:left; font-size:14px; padding:0 35px; line-height:44px; height:44px; background:#fdd405; color:#000;v}

.hzms ul li h4 a:hover{ background:#ffe97d;}

/*产品中心-详情*/

.products-xq{ width:100%; float:left;}

.p1{ width:100%; float:left;}

.p1 img{ max-width:100%; display:block; margin:0 auto; text-align:center;}

.p2{ width:100%; float:left; margin-top:40px;}

.p2 h2{ width:100%; float:left; font-size:24px; color:#000; text-align:center;}

.p3{ width:100%; float:left; margin-top:30px;}

.p3 p{ width:100%; float:left; font-size:14px; color:#666; line-height:24px; text-align:center;}

.p4{ width:100%; float:left; margin-top:50px; border-top:1px solid #efefef;}

.p4 span{ display:block; float:left; padding-top:20px;}

.p4 span a{ display:inline-block; float:left; }

.p4 span a i{ display:inline-block; font-style:normal; float:left; font-size:14px; color:#999; line-height:16px; margin-right:5px;}

.p4 span a em{ display:inline-block; font-style:normal; float:left; font-size:14px; color:#999; line-height:16px;}

.p4 span a:hover em{ color:#fed517;}

.p4 span:nth-child(2n+2){ float:right;}

/*新闻资讯*/

.xinw{ width:100%; float:left; overflow:hidden;}

.xinw ul{ width:100%; float:left;}

.xinw ul li{ width:100%; float:left; margin-bottom:40px; padding:20px 260px 20px 20px; position:relative; overflow:hidden; transition:all 0.3s ease-out 0s; animation-duration:1s; }

.xinw ul li span{ display:inline-block; position:absolute; top:50%; right:60px; margin-top:-30px; width:130px; height:60px; float:left; overflow:hidden; transition:all 0.3s ease-out 0s;}

.xinw ul li span i{ display:inline-block; width:100%; float:left; font-size:14px; color:#c8c8c8; font-style:normal; line-height:14px; text-align:right;}

.xinw ul li span em{ display:inline-block; width:100%; float:left; font-size:46px; color:#c8c8c8; font-style:normal; line-height:46px;}

.xinw ul li h3{ position:absolute; bottom:-50px; right:0px; float:left; transition:all 0.3s ease-out 0s;}

.xinw ul li h3 b{ display:inline-block; float:left; font-size:14px; color:#fff; background:#000; padding:0 40px; line-height:46px; height:46px;}

.xinw ul li dl{ width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; border-right:1px solid #efefef; transition:all 0.3s ease-out 0s;}

.xinw ul li dl dt{ width:280px; float:left; margin-right:30px; overflow:hidden;}

.xinw ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }

.xinw ul li dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; padding-right:60px; float:left;}

.xinw ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#000; line-height:18px; max-height:18px; overflow:hidden;}

.xinw ul li dl dd p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; margin-top:15px; max-height:90px; overflow:hidden; transition:all 0.3s ease-out 0s;}

.xinw ul li:hover{ background:#fed517;}

.xinw ul li:hover span{ height:0px;}

.xinw ul li:hover h3{ bottom:0px;}

.xinw ul li:hover dl{ border-right:1px solid rgba(255,255,255,0.5);}

.xinw ul li:hover dl dt img{ -webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

.xinw ul li:hover dl dd p{ color:#2b2b2b;}

.xinw ul li h3 b:hover{ color:#fed517;}

/*新闻资讯-详情*/

.xinw-center{ width:1000px; margin:0 auto;}

.xinw-xq{ width:100%; float:left; padding-bottom:40px; border-bottom:1px solid #efefef;}

.xinw-xq h1{ width:100%; float:left; font-size:28px; color:#000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.xinw-xq  h2{ width:100%; float:left; text-align:center; margin-top:20px;}

.xinw-xq  h2 i{ display:inline-block; font-style:normal; font-size:14px; color:#999; padding:0 15px;}

.xinw-xq-a{ width:100%; float:left; padding-top:30px;}

.xinw-xq-a p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; margin-bottom:20px;} 

.xinw-xq-a p img{ max-width:100%; display:block; margin:0 auto; text-align:center;width=auto height=auto}

/*联系我们*/

.lxfs-left{ width:250px; float:left; padding-top:40px;}

.lxfs-left h2{ width:100%; float:left; font-size:24px; color:#333; margin-bottom:60px; animation-duration:1s;}

.lxfs-left h3{ width:100%; float:left; margin-bottom:35px; animation-duration:1s;}

.lxfs-left h3 i{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#666; line-height:32px;}

.lxfs-left h3 a{ display:inline-block; float:left; font-size:32px; color:#fed517; font-family:natten; letter-spacing:0.1em; margin-top:-2px; }

.lxfs-left p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; animation-duration:1s;}

.lxfs-left span{ display:block; width:180px; float:left; margin-top:30px; animation-duration:1s;}

.lxfs-left span i{ display:inline-block; width:100%; float:left;}

.lxfs-left span i img{ max-width:100%; float:left;}

.lxfs-left span em{ display:inline-block; font-style:normal; width:100%; float:left; font-size:14px; color:#666; text-align:center;}

.lxfs-right{ width:70%; float:right; height:480px; animation-duration:1.1s;}

.baidu{ width:100%; float:left; height:100%;}

#allmap{ width:100%; float:left; height:100%;}

.jmzx{ width:100%; float:left; background:url(../image/contact-1.jpg) top center no-repeat; background-size:cover; padding:100px 0; margin-top:0px; position:relative; overflow:hidden;}

.jmzx-op{ width:50%; float:right; background:#fff; box-shadow:0 1px 10px rgba(0,0,0,0.15); padding:50px 40px 0px 40px; position:relative; overflow:hidden; animation-duration:1s;}

.jmzx-op:before{content:""; position:absolute; bottom:30px; right:40px; width:110px; height:120px; float:left; background:url(../image/ico-19.png) center no-repeat; background-size:110px;}

.jmzx-op h3{ width:100%; float:left; font-size:24px; color:#fed517; line-height:35px;}

.jmzx-op h3 i{ display:inline-block; float:left; margin-right:10px;}

.jmzx-op h3 i img{ max-width:28px; float:left;}

.jmzx-op ul{ width:100%; float:left; margin-top:25px;}

.jmzx-op ul li{ width:100%; float:left; margin-bottom:30px;}

.jmzx-op ul li h2{ width:100%; float:left; font-size:14px; color:#333; margin-bottom:10px;}

.jmzx-op ul li h2 b{ color:#e60012;}

.jmzx-op ul li .input{ width:100%; float:left; font-size:13px; color:#333; line-height:20px; border:1px solid #eee; padding:13px 20px; outline:none; border-radius:0px; background:none; -webkit-appearance:none; transition:all 0.5s ease-out 0s;}

.jmzx-op ul li .input:focus{ border:1px solid #666;} 

.jmzx-op ul li .input:-ms-input-placeholder{ color:#999; opacity:1;}

.jmzx-op ul li .input::-webkit-input-placeholder{ color:#999; opacity:1;}

.jmzx-op h4{ width:100%; float:left; margin-bottom:90px;}

.jmzx-op h4 a{ display:inline-block; font-style:normal; color:#000; background:#fed517; font-size:14px; padding:0px 47px; line-height:50px; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0);box-shadow:0 0 1px transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;} 

.jmzx-op h4 a:before{content: ""; height:100%; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%;-webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.7s; transition-duration:0.7s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;} 

.jmzx-op h4 a:hover{ color:#fdd405;} 

.jmzx-op h4 a:hover:before{ background-color:#000!important; webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66); transition-timing-function:cubic-bezier(.52,1.64,.37,.66);}

#lxwm{ position:absolute; left:0px; top:0px; width:100%; float:left;}

/*滑动出现输入框*/

.bqxx{  background:#232323;text-align:center; float:left; width:100%; margin-bottom:120px;}

.bottom-o{ margin-bottom:0px;}

.jmrx2{ width:100%; float:left; position:fixed; left:0%; bottom:-120px; background:rgba(0,0,0,0.7); height:120px; z-index:99; opacity:0; transition: all 0.5s ease-out 0s;}

.gy-center2{ width:1200px; margin:0 auto;}

.jmrx2-nr{ width:100%; float:left;}

.jmrx2-nr dl{ width:100%; float:left; position:relative;}

.jmrx2-nr dl dt{ width:268px; float:left; margin-top:16px; margin-right:40px;}

.jmrx2-nr dl dt img{ max-width:100%; float:left;}

.jmrx2-nr dl dd{ width:890px; float:left; margin-top:39px;}

.jmrx2-nr dl dd b{ position:absolute; top:-29px; right:0px; cursor:pointer; }

.jmrx2-nr dl dd b img{ max-width:100%; float:left; transition:284ms ease-in-out; transition:all 0.5s ease-out 0s;}

.jmrx2-nr dl dd b:hover img{ transform:rotate(180deg); }

.srknr{ width:100%; float:left;}

.srknr ul{ width:80%; float:left;}

.srknr ul li{ width:31%; float:left; margin-right:3%;}

.srknr ul li:nth-child(3n+3){ margin-right:0px;}

.jmrxsr{ width:100%; float:left; font-size:14px; color:#000; padding:12px 20px; line-height:20px; background:#fff; outline:none; border:0px; outline:none; -webkit-appearance:none; }

.jmrxsr input::-ms-input-placeholder{ color:#000; opacity:1;}

.jmrxsr input::-webkit-input-placeholder{ color:#000; opacity:1;}

.srknr span{ display:inline-block; width:18%; float:right;}

.srknr span a{ display:inline-block; width:100%; float:left; background:#fcc800; font-size:17px; color:#000; font-family:dbt; text-align:center; line-height:44px; transition:all 0.5s ease-out 0s;}

.srknr span a:hover{ background:#bf0008;}

.stuckMenu{ bottom:0px; opacity:1;}

.fytgtc{opacity:0; transition:all 0.5s ease-out 0s; bottom:-110px;}

/*回到顶部*/

.cou{ float:left; position:fixed; bottom:50px; right:50px; z-index:2; box-shadow:0 1px 10px rgba(0,0,0,0.15); }

.cou h2{ width:50px; height:50px; float:left; cursor:pointer; background:url(../image/ico-14.png) #fed517 center no-repeat; background-size:19px;}

.cou h2:hover{ background:url(../image/ico-14.png) #000 center no-repeat; background-size:19px;}

/*分享网站*/

.share{ position:fixed;width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:-1;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; top:0px; left:0px;}

.share.ateler{ opacity: 1; z-index:9999; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s; }

.share ul{ text-align:center;-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; height:50px; top:50%; margin-top:-25px; position:absolute; width:100%;}

.share.ateler ul{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

.share ul li{ display:inline-block; width:50px; height:50px; border-radius:50%; overflow:hidden; margin:0px 10px;}

.share ul li a{ display:block; width:100%; height:100%; background:#fff;color:#000; transition: all 0.5s ease-out 0s;}

.share ul li a i{ display:block; width:50px; height:50px; line-height:50px; font-size:18px;  }

.share ul li a:hover{ background:#fdd405;}

/*视频*/

.video{ position:fixed;  left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1; display:none;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}

.video.ateler{ display:block; z-index:999; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}

.video dl{ position:fixed; width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; background:#fff; -webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; border-radius:15px;}

.video dl dt{ width:100%; float:left; height:100%; background:#222;}

.video dl dd{ position:absolute; right:20px; top:20px; cursor:pointer; background:url(../image/cha.png) center no-repeat; height:35px; width:35px; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 284ms ease-in-out;   z-index:99;}

.ateler dl{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

.video dl dd h1{ position:absolute; top:0px; right:0px; background:url(../image/cha.png) center no-repeat;}

.video dl dd:hover{transform: rotate(180deg); }

.video iframe{height: auto;left: 50%;min-height: 100%;min-width: 100%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-transition: opacity 1000ms ease-out 0s;width: 100%;}

.video video{ float:left; width:100%; height:100%;}

/*手机导航*/

.mobile-nav{ width:30px; height:40px; float:right; cursor:pointer; border-radius:0px; z-index:99; position:fixed; top:15px; right:15px; display:none;}

.mobile-nav i{-webkit-transition:0.2s; -o-transition:0.2s; transition:0.2s;}

.mobile-nav i.menu_a1{ width:30px; height:2px; background:#000;display:block; position:absolute; top:10px; left:0px; transition: all 0.5s ease-out 0s; border-radius:50px;}

.mobile-nav i.menu_a2{ width:30px; height:2px; background:#000;display:block; position:absolute; top:19px; left:0px; border-radius:50px;}

.mobile-nav i.menu_a3{ width:30px; height:2px; background:#000;display:block; position:absolute; top:28px; left:0px; transition: all 0.5s ease-out 0s; border-radius:50px;}

.mobile-nav font{ float:left; font-size:14px; color:#fff; text-transform:uppercase; line-height:40px;}

.mobile i.menu_a3{ top:19px; right:3px; -webkit-transform: rotateZ(-90deg);-moz-transform: rotateZ(-90deg);-ms-transform: rotateZ(-90deg);-o-transform: rotateZ(-90deg);transform: rotateZ(45deg);}

.mobile i.menu_a2{ display:none;}

.mobile i.menu_a1{ top:19px; right:3px;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}

.mobile-nav b{ display:inline-block; float:left; font-size:14px; color:#fff; line-height:14px; opacity:0; transition:all 0.5s ease-out 0s;}

.main-sidebar{ background:#fff; position:fixed; left:-100%; top:0px; bottom:0px; width:100%; height:100%; padding:60px 6% 6% 6%; overflow-x:hidden; z-index:-1;  overflow-y:auto; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; }

.mobile .main-sidebar{ left:0px; z-index:9;}

.mobile{ overflow:hidden;}

.sidebar-menu{ width:100%; float:left; overflow:hidden;}

.sidebar-menu li{ width:100%; float:left; position:relative; overflow:hidden;}

.sidebar-menu li:before{content:""; position:absolute; left:0px; bottom:0px; width:100%; height:1px; background:rgba(0,0,0,0.2);}

.sidebar-menu li a{ color:#323232; display:block; font-size:14px; padding:20px 15px; text-align:left; transition:all 0.5s ease-out 0s;}

.sidebar-menu li.active > .treeview-menu{ display:block;}

.sidebar-menu li ul li:before{ display:none;}

.sidebar-menu li ul{ width:100%; float:left;}

.sidebar-menu li ul li:last-child{ margin-bottom:20px;}

.sidebar-menu li ul li a{ color:#666 !important; font-size:12px; padding:15px; transition:all 0.5s ease-out 0s;}

.sidebar-menu li a i{ width:20px; height:20px; float:right; position:relative; overflow:hidden;}

.sidebar-menu li a i b{ position:absolute; left:0px; top:0px; display:inline-block; width:100%; font-size:20px; text-align:center; float:left;  transition:284ms ease-in-out; transition:all 0.5s ease-out 0s;}

.sidebar-menu li.active a i b{ transition:284ms ease-in-out; transform:rotate(180deg); color:#fed517; }

.sidebar-menu li.active a{ color:#fed517;}

.treeview-menu{ display:none;}

.sidebar-menu li.selected a{ color:#fed517;}

.sidebar-menu li.selected .treeview-menu{ display:block;}

@media (max-width: 1400px){

	.nav-center{ width:100%; float:left; padding:0 15px;}

	.cooperation-a ul li{ padding:0 10%;}

	.cooperation-a ul li dl{ padding:20px 0;}

	.cooperation-a ul li dl dt{ width:130px; margin-right:20px;}

	.cooperation-a ul li dl dd h2{ font-size:18px;}

	.cooperation-a div b{ bottom:0px; right:20px;}

	.cooperation-a div b img{ max-width:120px;}

	

	

	}

@media (max-width: 1200px){
	.products-center{ width:100%; padding:0 15px;}

	.public-center{ width:100%; float:left; padding:0 15px;}

	.nav-up h1 a img{ max-width:140px;}

	.nav-up ul li a{ padding:0 15px; line-height:36px; margin:0 6px;}

	.nav-up ul li a b{ background:url(../image/ico-1.png) 0px -14px no-repeat; background-size:14px; margin-right:6px;}

	.nav-up ul li a.selected b{ background-size:14px;}

	.nav-up ul li a:hover b{ background-size:14px;}

	.nav-up h2 a{ font-size:20px; line-height:20px;}

	.nav-up h2 a b{ width:20px; height:20px; background:url(../image/ico-2.png) 0px -20px no-repeat; background-size:20px; margin-right:5px;}

	.nav-up h2 a:hover b{ background:url(../image/ico-2.png) 0px 0px no-repeat; background-size:20px;}

	.title h2{ font-size:20px; line-height:110px; width:110px; height:110px; margin-left:-55px;}

	.operation-title h2{ font-size:20px; line-height:20px;}

	.title h2:before{ bottom:10px;}

	.title p,.products-list,.case-opu,.operation-op,.news-title{ margin-top:30px;}

	.products{ padding-bottom:40px;}

	.products-list-a ul li dl dt i{ font-size:14px; line-height:40px; padding:0 20px;}

	.products-list-a ul li dl dd h2{ font-size:16px;}

	.products-list-b ul li dl dt i{ font-size:16px; line-height:60px; padding:0 30px;}

	.about-a dl dd{ padding:20px 0;}

	.about-a dl dd span i{ font-size:40px; line-height:40px;}

	.about-a dl dd span i:before{ font-size:18px; right:-15px; top:-15px;}

	.about-a dl dd span em{ font-size:14px; margin-top:10px;}

	.about-a:nth-child(2n+2) dd h2{ font-size:20px;}

	.about-a:nth-child(2n+2) dd h3{ font-size:14px; margin-top:30px;}

	.about-a:nth-child(2n+2) dd p{ margin-top:20px;}

	.about-a:nth-child(2n+2) dd p img{ max-width:300px;}

	.about-a:nth-child(2n+2) dd h4{ margin-top:30px;}

	.about-a:nth-child(2n+2) dd h4 a{ padding:0 50px; line-height:44px;}

	.case-opu .swiper-container{ width:90%;}

	.cooperation-a{ padding:10px 0;}

	.cooperation-a ul li dl{ padding:15px 0;}

	.cooperation-a ul li dl dt{ width:110px;}

	.cooperation-a ul li dl dd h2{ font-size:16px;}

	.cooperation-a ul li dl dd p{ font-size:12px; line-height:20px;}

	.cooperation-b dl dd h2 img{ max-width:200px;}

	.cooperation-b dl dd p{ font-size:14px; margin-top:30px;}

	.cooperation-a div b img{ max-width:80px;}

	.cooperation-b{ width:50%; height:100%;}

	.cooperation-b dl{ height:100%;}

	.cooperation-b dl dt{ height:100%; background:url(../image/cooperation-4.jpg) center no-repeat; background-size:cover;}

	.cooperation-b dl dt img{ display:none;}

	.news{ padding-bottom:60px;}

	.news-title-a dl dd h2{ margin-top:10px;}

	.news-title-a dl dd p{ line-height:24px; max-height:48px;}

	.news-title-b ul li{ padding:25px 20px;}

	.footer{ padding-top:60px;}

	.footer ul{ margin-bottom:50px;}

	.public-iopu{ padding:60px 0;}

	.public-iopu-bottom{ padding-bottom:0px;}

	.jmlc{ margin-top:20px;}

	.jmlc ul li{ margin-bottom:40px; padding:0 40px;}

	.jmlc ul li span i img{ max-width:60px;}

	.jmlc ul li h2{ margin-top:10px;}

	.jmlc ul li h3{ margin-top:60px;}

	.jmlc ul li h3 a{ padding:0 35px; font-size:14px; line-height:44px; height:44px; border-radius:44px;}

	.jmys ul li dl dt{ width:360px;}

	.jmys ul li dl dd{ width:360px;}

	.jmys ul li dl dd b{ font-size:100px; margin-right:20px;}

	.jmys ul li dl dd span p{ max-height:72px; line-height:24px;}

	.about-a:nth-child(2n+2) dd p{ font-size:14px; line-height:30px;}	

	

	}

@media (max-width: 1199px){

	.bqxx,.jmrx2{ display:none;}

	

	}

@media (max-width: 1024px){

	.banner1 img,.ny-banner img{ display:none;}

	.banner1 img.block,.ny-banner img.block{ display:block;}

	.nav-up h2{ display:none;}

	.nav-up ul{ float:left; text-align:right;}

	.nav-up ul li:last-child a{ margin-right:0px;}

	.banner .swiper-button-next{ width:36px; height:36px; margin-top:-18px; right:30px;}

	.banner .swiper-button-prev{ width:36px; height:36px; margin-top:-18px; left:30px;}

	.news-title-b ul li{ padding:20px;}

	.news-title-b ul li p{ margin-top:11px;}

	.urao span a{ font-size:14px; line-height:40px; height:40px; width:98px;}

	.gsjs-a span i{ width:180px; height:180px; margin-left:-90px;}

	.gsjs-a span i img{ max-width:110px;}

	.gsjs-a span em{ height:50px;}

	.tdys ul li{ width:49%;}

	.tdys{ margin-top:10px;}

	.tdys ul li{ margin-top:20px;}

	.tdys ul li dl dd p{ line-height:50px;}

	.cpzx{ margin-top:0px;}

	.cpzx ul li{ margin-bottom:40px;}

	.cpzx ul li dl dt{ width:220px; height:220px; margin-left:-110px;}

	.cpzx ul li dl dd{ margin-top:20px;}

	.cpzx ul li dl dd h2{ font-size:16px;}

	.cpzx ul li dl dd p{ margin-top:5px;}

	.lxfs-left{ padding-top:30px;}

	.lxfs-left h2{ font-size:20px; margin-bottom:40px;}

	.lxfs-left h3{ margin-bottom:20px;}

	.lxfs-left h3 a{ font-size:28px; margin-top:0px;}

	.lxfs-left span{ width:160px; margin-top:20px;}

	.lxfs-right{ height:400px;}

	.jmzx{ margin-top:40px; padding:60px 0;}

	.jmzx-op{ padding:30px 20px 0px 20px;}

	.jmzx-op h3{ font-size:20px;}

	.jmzx-op h3 i img{ max-width:26px;}

	.jmzx-op h4{ margin-bottom:60px;}

	.jmzx-op ul{ margin-top:20px;}

	.jmzx-op ul li{ margin-bottom:20px;}

	.jmzx-op:before{ right:30px; bottom:20px; width:80px; background-size:80px; height:90px;}

	.xinw ul li{ padding-right:200px; margin-bottom:30px;}

	.xinw ul li span{ width:112px; height:54px; right:40px;}

	.xinw ul li span em{ font-size:40px; line-height:40px;}

	.xinw ul li dl dd{ padding-right:40px;}

	.xinw-center{ width:100%; float:left; padding:0 15px;}

	.xinw-xq h1{ font-size:24px;}

	.jmlc ul li{ padding:0 30px;}

	.jmlc{ margin-top:0px;}

	.jmyq ul li{ width:48%; margin-right:0px;}

	.jmyq ul li:nth-child(2n+2){ float:right;}

	.jmfa ul li dl{ padding-top:40px; padding-bottom:60px;}

	.jmfa ul li dl dd{ width:220px;}

	.jmfa ul li dl dd b{ margin-bottom:20px;}

	.jmfa ul li dl dd b img{ max-width:70px;}

	.jmfa ul li dl dd h2{ margin-bottom:20px;}

	.jmfa ul li dl dd h2 i{ font-size:18px; line-height:24px;}

	.jmfa ul li dl dd h2 em{ font-size:24px;}

	.jmfa ul li dl dd p i{ font-size:14px; line-height:20px;}

	.jmfa ul li dl dd p em{ font-size:18px; margin-top:0px;}

	.jmfa ul li dl dd h3{ bottom:20px;}

	.jmfa ul li dl dd h3 img{ max-width:50px;}

	.jmys{ margin-top:20px;}

	.jmys-op{ padding:0 90px;}

	.jmgs-center{ width:100%; float:left;}

	.dlhz ul li{ padding:0 25px; height:150px; margin-bottom:30px;}

	.dlhz ul li h2{ width:56px; height:56px; line-height:56px; font-size:32px; margin-right:15px;}

	.dlhz ul li p{ font-size:16px;}

	.dlhz ul li:before{ width:20px; height:32px; margin-top:-16px; right:-20px;}

	.dlhz ul li:after{ width:20px; height:32px; margin-top:-16px;}

	.dlhz ul li:nth-child(8n+3):before{ bottom:-26px; margin-left:-10px;}

	.dlhz ul li:nth-child(8n+4):after{ margin-top:-6px; margin-left:-10px;}

	.dlhz ul li:nth-child(8n+4):before,.dlhz ul li:nth-child(8n+5):before{ left:-20px;}

	.dlhz ul li h3 a{ padding:0 30px; font-size:16px; height:50px; line-height:50px; border-radius:50px;}

	.dllc{ margin-top:20px; margin-bottom:40px;}

	.dllc ul li span{ width:180px; height:180px; margin-left:-90px;}

	.dllc ul li span h2 b{ width:26px; height:26px; line-height:26px; font-size:14px;}

	.dllc ul li h3{ margin-top:15px;}

	.dllc ul li h3 img{ max-width:46px;}

	.dllc ul li span p{ font-size:16px; margin-top:15px;}

	

	}

@media (max-width: 960px){

	.about-a:nth-child(2n+2) dd h3{ margin-top:20px;}

	.about-a:nth-child(2n+2) dd p{ margin-top:10px;}

	.case-opu .swiper-container{ width:800px;}

	.case-op dl dd span{ padding:20px;}	

	.lxfs-right{ width:65%; }

	.xinw ul li dl dt{ width:260px;}

	.xinw ul li dl dd{ padding-right:30px;}

	.jmys ul li dl dt{ width:310px;}

	.jmys ul li dl dd{ width:310px;}

	.jmys ul li dl dd b{ font-size:80px;}

	.jmys ul li dl dd span h2{ font-size:16px;}

	.jmys-op{ padding:0 40px;}

	

	}	

@media (max-width: 880px){

	.nav-up ul li a{ padding:0 10px; margin:0 3px;}

	.jmlc ul li{ padding:0 20px;}

	

	}

@media (max-width: 780px){

	.pplc-center{ width:100%;}

	}

@media (max-width: 768px){

	.nav{ height:70px; position:fixed; z-index:10;}

	.nav-up h1{ left:15px; top:11px;}

	.nav-up h1 a img{ max-width:120px;}

	.mobile-nav{ display:block;}

	.nav-up{ position:static;}

	.nav-up ul{ display:none;}

	.banner,.ny-banner{ margin-top:70px;}

	.title h2{ font-size:18px; line-height:90px; width:90px; height:90px; margin-left:-45px;}

	.title h2:before{ width:8px; height:8px; margin-left:-4px;}

	.title p, .products-list, .case-opu, .operation-op, .news-title{ margin-top:20px; font-size:14px;}

	.products-list-a{ width:100%;}
	
	.products-list-b{ display:none;}

	.products-list-a ul li{ padding:0px; width:49%;}

	.products-list-a ul li:nth-child(2n+2){ float:right;}

	.products-list-b ul li{ width:100%;}

	.products-list-b ul li dl dt img{ width:100%;}

	.about-a{ width:100%; float:left;}

	.case{ padding-bottom:70px;}

	.case-opu .swiper-container{ width:100%; float:left;}

	.case-op dl{ padding:0 15px;}

	.case-op dl dd span{ padding:15px;}

	.case-op dl dd span p{ max-height:100%;}

	.case-op dl dd{ opacity:1;}

	.case-op{ padding:0px;}

	.case-opu .swiper-button-next{ right:30px;}

	.case-opu .swiper-button-prev{ left:30px;}

	.operation{ padding-top:40px; padding-bottom:10px;}

	.operation-title h2{ font-size:18px; line-height:18px;}

	.operation-title p{ font-size:14px; margin-top:10px;}

	.cooperation-a{ width:100%;}

	.cooperation-b{ width:100%; float:left; background:none; position:static;}

	.cooperation-b dl dt img{ display:block; max-width:100%;}

	.news{ padding-bottom:40px;}

	.news-title-a{ width:100%; float:left;}

	.news-title-a dl dt img{ width:100%;}

	.news-title-b{ width:100%; float:left; margin-top:20px;}

	.news-title-b ul li p{ padding-right:0px;}

	.footer{ padding-top:40px;}

	.footer ul{ margin-bottom:30px;}

	.footer ul li a{ font-size:14px;}

	.footer-left{ width:180px;}

	.footer-left h2 img{ max-width:120px;}

	.footer-left span{ width:180px;}

	.footer-left span b{ width:180px; height:40px; line-height:40px;}

	.footer-left span b i{ margin-top:16px;}

	.footer-left span h5{ top:40px; max-height:90px;}

	.footer-left span a{ height:36px; height:36px;}

	.footer-right{ width:250px;}

	.footer-left h2{ margin-bottom:25px;}

	.footer-right h2 a{ width:34px; height:34px; background-size:14px;}

	.footer-right h2 a:hover{ background:url(../image/ico-111.png) #fdd405 center no-repeat; background-size:14px;}

	.footer-right h3{ margin:15px 0;}

	.footer-right h3 a{ font-size:24px; line-height:24px;}

	.footer-right p{ font-size:14px;}

	.footer-center{ margin-left:-240px;}

	.cou{ bottom:30px; right:15px;}

	.cou h2{ width:36px; height:36px; background-size:14px;}

	.cou h2:hover{ background-size:14px;}

	.ny-nav span{ padding:15px 0;}

	.public-iopu{ padding:40px 0;}

	.urao{ margin-bottom:30px;}

	.urao span a{ width:78px; margin:0 10px;}

	.gsjs-a span i{ width:140px; height:140px; margin-left:-70px;}

	.gsjs-a span i img{ max-width:90px; margin-top:25px; margin-left:25px;}

	.gsjs-a span em{ height:30px;}

	.gsjs-b{ margin-top:15px;}

	.gsjs-b h2,.gsjs-b h3{ font-size:20px;}

	.gsjs-b h4{ margin-top:20px;}

	.ppjs{ margin-top:30px;}

	.ppjs h3,.ppjs span{ margin-top:15px;}

	.ppjs span h5 em:last-child{ margin-top:15px;}

	.gsjs-b h5{ font-size:20px; margin:10px 0;}

	.tdys ul li dl dd p{ font-size:14px; line-height:40px;}

	.gsjs-b i{ margin:15px 0; font-size:14px;}

	.public-iopu-bottom{ padding-bottom:0px;}

	.pplc{ padding-top:60px; padding-bottom:80px;}

	.pplc ul li{ padding:20px 0;}

	.pplc ul li dl dd h2{ font-size:32px; line-height:32px;}

	.pplc ul li dl dt,.pplc ul li dl dd{ width:280px;}

	.pplc ul li dl dd p{ line-height:26px;}

	.cpzx{ margin-top:20px;}

	.cpzx ul li{ margin-bottom:30px;}

	.cpzx ul li dl dt{ width:180px; height:180px; margin-left:-90px;}

	.cpzx ul li dl dt:before{ width:24px; height:24px; margin-top:-12px; margin-left:-12px;}

	.cpzx ul li dl dd{ margin-top:15px;}

	.button span a{ padding:0 13px; height:36px; line-height:36px; font-size:14px;}

	.button span a:last-child{ border-radius:36px;}

	.p2,.p4{ margin-top:30px;}

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

	.p3{ margin-top:20px;}

	.lxfs-left{ width:100%; padding-top:0px;}

	.lxfs-left h2{ font-size:18px; margin-bottom:20px;}

	.lxfs-left h3 i{ line-height:24px;}

	.lxfs-left h3 a{ font-size:24px; margin-top:-4px;}

	.lxfs-left span{ margin-top:10px;}

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

	.jmzx{ padding:40px 0;}

	.jmzx-op{ width:70%;}

	.jmzx-op h3{ font-size:18px;}	

	.xinw ul li{ padding:15px 160px 15px 15px; margin-bottom:20px;}

	.xinw ul li dl dt{ width:240px; margin-right:15px;}

	.xinw ul li dl dd{ padding-right:15px;}

	.xinw ul li dl dd h2{ font-size:16px; line-height:16px; max-height:16px;}

	.xinw ul li dl dd p{ margin-top:10px; line-height:26px; max-height:72px;}

	.xinw ul li span{ width:90px; right:35px; height:44px; margin-top:-22px;}

	.xinw ul li span em{ font-size:32px; line-height:32px;}

	.xinw ul li span i{ font-size:12px; line-height:12px;}

	.xinw ul li h3 b{ padding:0 30px; line-height:40px; height:40px;}

	.xinw-xq{ padding-bottom:30px;}

	.xinw-xq h1{ font-size:20px;}

	.xinw-xq h2{ margin-top:15px;}

	.xinw-xq h2 i{ font-size:12px;}

	.xinw-xq-a{ padding-top:20px;}

	.jmlc ul li{ width:33%; height:170px;}

	.jmlc ul li b{ right:-6px;}

	.jmlc ul li b img{ max-width:12px;}

	.jmlc ul li:nth-child(3n+3) b{ display:none;}

	.jmlc ul li:nth-child(4n+4) b{ display:block;}

	.jmlc ul li h3{ margin-top:40px;}

	.jmyq ul li{ padding:30px 0; margin-bottom:30px; height:165px; -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;}

	.jmyq ul li dl dt{ width:70px; padding:5px; height:50px; margin-right:15px;}

	.jmyq ul li dl dt b{ width:40px; height:40px; line-height:40px; font-size:20px;}

	.jmyq ul li dl dd h2{ font-size:16px;}

	.jmyq ul li dl dd p{ padding-right:15px;}

	.jmfa ul li{ padding:30px;}

	.jmfa ul li dl{ padding:0px;}

	.jmfa ul li dl dt{ width:100%; float:left;}

	.jmfa ul li dl dd{ width:100%; float:left; margin-top:20px;}

	.jmfa ul li dl dd h3{ display:none;}

	.jmfa ul li:last-child{ margin-top:30px;}

	.jmys-op{ padding:0px 30px;}

	.jmys ul li h3{ margin:0px;}

	.jmys ul li dl dd b{ margin-right:15px;}

	.jmgs ul li{ padding:30px;}

	.jmgs-a span i img{ max-width:100px;}

	.jmgs-a span em{ font-size:16px; margin-top:15px;}

	.jmgs-b{ padding:0 50px;}

	.jmgs ul li{ margin-bottom:30px;}

	.jmgs-b:before,.jmgs-b:after{ width:30px; height:25px;}

	.dlhz ul li{ width:48%; margin-right:0px;}

	.dlhz ul li:nth-child(2n+2){ float:right;}

	.dlhz ul li:nth-child(6n+2):before{ top:auto; right:auto; left:50%; bottom:-26px; margin-left:-10px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+3){ float:right;}

	.dlhz ul li:nth-child(6n+3):before{ left:-20px; bottom:auto; margin-left:0px; transform:rotate(180deg);}

	.dlhz ul li:nth-child(6n+3):after{ left:50%; top:-6px; margin-left:-10px; margin-top:0px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+4){ float:left;}

	.dlhz ul li:nth-child(6n+4):before{ top:auto; right:auto; left:50%; bottom:-26px; margin-left:-10px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+4):after{ top:50%; left:auto; right:0px; margin-top:-16px; transform:rotate(180deg);}

	.dlhz ul li:nth-child(6n+5){ float:left;}

	.dlhz ul li:nth-child(6n+5):before{ left:auto; right:-20px; transform:rotate(0deg);}

	.dlhz ul li:nth-child(6n+5):after{ left:50%; top:-6px; margin-left:-10px; margin-top:0px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+6):after{ right:auto; left:0px; transform:rotate(0deg);}

	.dllc{ margin-top:0px; margin-bottom:20px;}

	.dllc ul li span{ width:140px; height:140px; margin-left:-70px;}

	.dllc ul li h3 img{ max-width:40px;}

	.dllc ul li span h2 b{ height:24px; line-height:24px; width:24px;}

	.dllc ul li span h3{ margin-top:10px;}

	.dllc ul li span p{ margin-top:10px;}

	.hzms ul li{ width:100%; padding:30px; height:auto;}

	.hzms ul li span{ margin-bottom:20px;}

	.hzms ul li span i{ width:35px; font-size:40px; line-height:40px; margin-right:10px;}

	.hzms ul li span em{ font-size:24px; line-height:42px;}

	.hzms ul li h2{ margin-top:15px;}

	.hzms ul li h3{ margin-top:30px;}

	.hzms ul li b{ right:30px; bottom:30px;}

	.hzms ul li b img{ max-width:80px;}

	.hzms ul li:nth-child(2n+2){ margin-top:30px; background-size:500px; background:url(../image/ico-34.png) #fff right center no-repeat}

	.hzms ul li h4{ margin-top:20px;}

	#lxwm{ height:70px; top:-70px; height:70px;}

	.products{ padding-bottom:30px;}

	}

@media (max-width: 767px){

	.jmys-op{ padding:0 15px;}

	.jmys ul li dl dt{ width:260px;}

	.jmys ul li dl dd{ width:260px;}

	

	}

@media (max-width: 640px){

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

	.footer ul{ padding-bottom:15px;}

	.footer-left{ display:none;}

	.footer-center{width:100%; float:left; position:static; margin:0px;}

	.footer-center h2{ width:120px; position:relative; left:50%; margin-left:-60px;}

	.footer-right{ width:100%; float:left; margin-top:20px;}

	.footer-right h2{ float:left; text-align:center;}

	.footer-right h2 a{ float:none;}	

	.footer-right h3{ text-align:center;}

	.footer-right h3 a{ float:none;}

	.footer-right p{ text-align:center;}

	.footer-booter{ margin-top:30px;}

	.public-iopu{ padding:30px 0;}

	.cou{ bottom:50px;}

	.urao span a{ line-height:34px; height:34px; margin:0 5px;}

	.gsjs-a span i{ width:120px; height:120px; margin-left:-60px;}

	.gsjs-a span i img{ max-width:80px; margin-top:20px; margin-left:20px;}

	.gsjs-b h2,.gsjs-b h3{ font-size:18px;}

	.gsjs-b p br{ display:none;}

	.public-iopu-bottom{ padding-bottom:0px;}

	.pplc ul li dl dt, .pplc ul li dl dd{ width:200px;}

	.pplc ul li dl dd h2{ font-size:28px; line-height:28px;}

	.pplc ul li dl dd p{ max-height:52px;}

	.cpzx ul li{ width:50%; margin-right:0px;}

	.jmzx{ margin-top:30px; padding:30px 0;}

	.xinw ul li{ padding-right:15px;}

	.xinw ul li dl{ border-right:1px solid #fff;}

	.xinw ul li dl dd p{ max-height:52px;}

	.xinw ul li span{ display:none;}

	.xinw ul li h3{ display:none;}

	.xinw-xq-b span{ width:100%;}

	.jmlc ul li{ width:50%;}

	.jmlc ul li:nth-child(2n+2) b{ display:none;}

	.jmlc ul li:nth-child(2n+1) b{ display:block;}

	.jmyq ul li{ width:100%; height:auto; padding:20px 0;}

	.jmyq ul li dl dd p{ max-height:100%;}

	.jmys-op{ padding:0px;}

	.jmys ul li dl dt{ width:100%;}

	.jmys ul li dl dt img{ width:100%;}

	.jmys ul li dl dd{ position:static; width:100%; height:auto; padding:20px 15px;}

	.jmys ul li dl dd span p{ max-height:100%;}

	.jmys ul li h3{ display:none;}

	.jmys{ margin-bottom:0px; margin-top:0px;}

	.dlhz ul li{ width:100%;}

	.dlhz ul li:before{ right:auto; top:auto; left:50%; bottom:-26px; margin-left:-10px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+2):after{ left:50%; margin-top:0px; margin-left:-10px; top:-6px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+3):before{ left:auto; top:auto; bottom:-26px; left:50%; margin-top:0px; margin-left:-10px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+4):after{ right:auto; left:50%; margin-top:0px; margin-left:-10px; top:-6px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+5):before{ right:auto; left:50%; bottom:-26px; margin-left:-10px; transform:rotate(90deg);}

	.dlhz ul li:nth-child(6n+6):after{ right:auto; left:50%; margin-top:0px; margin-left:-10px; top:-6px; transform:rotate(90deg);}

	.dlhz ul li h3 a{ line-height:44px; height:44px; border-radius:44px; font-size:14px;}

	.dllc ul li{ width:50%; margin-bottom:30px;}

	.dllc ul li:nth-child(4n+3){ margin-bottom:0px;}

	.dllc ul li:nth-child(4n+4){ margin-bottom:0px;}

	.cpzx ul li dl dd p{ font-size:12px;}	

	

	

	}

@media (max-width: 480px){

	.nav{ height:60px;}

	.nav-up h1{ top:8.5px;}

	.banner,.ny-banner{ margin-top:60px;}

	.mobile-nav{ top:10px;}

	.nav-up h1 a img{ max-width:110px;}

	.title h2{ width:80px; height:80px; line-height:80px; font-size:16px; margin-left:-40px;}

	.title p,.operation-op{ margin-top:10px;}

	.banner .swiper-pagination-bullet{ width:30px; margin:0 5px !important;}

	.banner .swiper-pagination{ bottom:5px !important;}

	.products{ padding-bottom:10px;}

	.products-list-a ul li dl dt img{ width:100%;}

	.products-list-a ul li dl dd h3{ margin-top:20px;}

	.products-list-a ul li dl dd h3 em{ padding:0 30px; line-height:34px;}

	.about-a dl dd{ position:static;}

	.about-a dl dd span i{ font-size:32px; line-height:32px;}

	.about-a dl dd span i:before{ font-size:16px; top:-5px; right:-10px;}

	.about-a dl dd span em{ margin-top:5px;}

	.about-a:nth-child(2n+2) dd h2{ font-size:18px;}

	.about-a:nth-child(2n+2) dt img{ display:none;}

	.about-a:nth-child(2n+2) dd{ position:static; padding:30px 15px; background:url(../image/about-2.jpg) center no-repeat; background-size:cover;}

	.about-a:nth-child(2n+2) dd p{ padding:0px;}

	.about-a:nth-child(2n+2) dd h4{ margin-top:20px;}

	.about-a:nth-child(2n+2) dd h4 a{ padding:0 40px; line-height:40px;}

	.case-op dl dd{ position:static; padding:0px;}

	.case{ padding-bottom:30px;}

	.case-opu .swiper-button-next{ width:36px; height:36px; right:30px; top:50%;}

	.case-opu .swiper-button-prev{ width:36px; height:36px; left:30px; top:50%;}

	.case-op dl dd span h2{ font-size:16px;}

	.data dl dt img{ width:100%; float:left;}

	.operation{ padding-top:30px;}

	.cooperation-a ul li dl dt{ width:90px; margin-right:15px;}

	.cooperation-a ul li{ padding:0 15px;}

	.cooperation-a ul li dl dd h2{ margin-bottom:5px;}

	.cooperation-b dl dd h2 img{ max-width:180px;}

	.cooperation-b dl dd p{ margin-top:20px; padding:0 15px;}

	.cooperation-b dl dd{ top:40px;}

	.footer ul li{ padding-right:20px; width:auto; float:left; line-height:30px;}

	.footer ul li a{ font-size:12px; }

	.footer{ padding-top:20px;}

	.news{ padding-bottom:20px;}

	.news-title-a dl dd{ padding:15px;}

	.news-title-a dl dd h2{ margin-top:0px; font-size:14px;}

	.news-title-a dl dd p{ font-size:12px; line-height:24px; max-height:100%; margin-top:5px;}

	.news-title-a dl dd b{ font-size:12px;}

	.news-title-b ul li{ padding:15px;}

	.news-title-b ul li h2{ font-size:14px; padding-left:10px; padding-right:70px; line-height:18px;}

	.news-title-b ul li h2 i{ width:4px; height:4px; top:6px;}

	.news-title-b ul li h2 em{ font-size:12px; line-height:18px;}

	.news-title-b ul li p{ padding-left:10px; margin-top:5px; max-height:100%;}

	.urao span a{ line-height:32px; height:32px; margin:0 7.5px;}

	.gsjs-b p{ line-height:30px;}

	.ppjs h2 i{ width:100%; margin:0px; margin-bottom:15px;}

	.ppjs h3, .ppjs span{ margin-top:0px;}

	.ppjs h3 i{ width:100%; margin-bottom:15px;}

	.ppjs span h4{ width:100%; margin-bottom:15px;}

	.ppjs span h5{ width:100%;}

	.gsjs-b h5{ font-size:18px; margin-bottom:0px;}

	.tdys ul li{ width:100%;}

	.pplc:before,.pplc:after{ display:none;}

	.pplc{ padding-top:10px; padding-bottom:20px;}

	.pplc ul li{ padding:0px; margin-bottom:20px;}

	.pplc ul li dl dt, .pplc ul li dl dd{ width:100%; float:left; position:static;}

	.pplc ul li dl dt img{ width:100%; float:left;}

	.pplc ul li dl dd{ padding:15px; background:#fed517;}

	.pplc ul li dl dd h2{ color:#000;}

	.pplc ul li dl dd p{ color:#333; max-height:100%;}

	.cpzx{ margin-top:10px;}

	.cpzx ul li dl dt{ width:160px; height:160px; margin-left:-80px;}

	.cpzx ul li dl dd h2{ font-size:14px;}

	.cpzx ul li dl dd p{ max-height:40px; height:40px; line-height:20px;}

	.button{ margin-bottom:10px;}

	.button span a{ margin-right:10px;}

	.p2, .p4{ margin-top:20px;}

	.p2 h2{ font-size:16px;}

	.p3{ margin-top:10px;}

	.p4 span{ padding-top:15px;}

	.lxfs-right{ height:300px;}

	.lxfs-left h2{ font-size:16px; margin-bottom:15px;}

	.lxfs-left h3{ margin-bottom:15px;}

	.lxfs-left span{ margin-top:0px;}

	.lxfs-left span em{ font-size:12px;}

	.jmzx-op{ width:100%; float:left; padding:20px 15px 0px 15px;}

	.jmzx-op h3{ font-size:16px; line-height:30px;}

	.jmzx-op h3 i{ margin-right:5px;}

	.jmzx-op h3 i img{ max-width:24px;}

	.jmzx-op ul li{ margin-bottom:15px;}

	.jmzx-op ul li h2{ font-size:12px; margin-bottom:5px;}

	.jmzx-op ul li .input{ padding:10px 15px;}

	.jmzx-op h4 a{ padding:0 40px; line-height:44px;}

	.jmzx-op:before{ background-size:60px; bottom:15px; right:15px; width:60px; height:70px;}

	.xinw ul li{ padding:0px; background:#fafafa;}

	.xinw ul li dl{ display:block; border:0px;}

	.xinw ul li:hover dl{ border:0px;}

	.xinw ul li dl dt{ width:100%; float:left; margin:0px;}

	.xinw ul li dl dd{ width:100%; float:left; padding:15px 15px 10px 15px;}

	.xinw ul li dl dd p{ max-height:100%; line-height:24px;}

	.xinw ul li:hover span{ height:auto;}

	.xinw ul li span{ display:block; width:100%; padding:0 15px; position:static; height:auto; float:left; margin:0px;}

	.xinw ul li span i{ font-size:16px; width:auto; line-height:16px; float:left; margin-right:5px;}

	.xinw ul li span em{ font-size:16px; width:auto; line-height:16px; float:left;}

	.xinw ul li h3{ display:block; width:100%; float:left; padding:0px 15px; position:static; margin-top:10px; margin-bottom:20px;}

	.xinw ul li h3 b{ padding:0 30px; line-height:36px; height:36px;}

	.xinw ul li:hover span i{ color:#333;}

	.xinw ul li:hover span em{ color:#333;}

	.xinw-xq{ padding-bottom:20px;}

	.xinw-xq h1{ font-size:16px;}

	.xinw-xq h2{ margin-top:10px;}

	.xinw-xq h2 i{ padding:0 10px;}

	.xinw-xq-a p{ margin-bottom:15px;}

	.p4 span{ width:100%;}

	.urao-faw span a{ float:left; margin-left:0px; margin-right:18px; margin-bottom:10px;}

	.jmlc ul li{ width:100%; height:auto; background:#fafafa; padding:5px 15px 15px 15px; margin-bottom:20px;}

	.jmlc ul li b{ display:none !important;}

	.jmlc ul li h3{ margin-top:10px;}

	.jmlc ul li h2{ margin-top:5px;}

	.jmyq ul li{ margin-bottom:20px;}

	.jmfa,.jmyq,.jmlc,.jmys,.jmgs{ margin-top:-10px;}

	.jmfa ul li{ padding:15px;}

	.jmfa ul li dl dd h2{ width:auto; padding-left:30px; padding-top:21.5px; margin-bottom:0px;}

	.jmfa ul li dl dt h2 a{ padding:0 30px; line-height:40px; height:40px;}

	.jmfa ul li dl dd b{ margin-bottom:15px;}

	.jmfa ul li dl dd b img{ max-width:60px;}

	.jmys ul li dl dd b{ font-size:60px; width:72px; margin-right:10px;}

	.jmys ul li dl dd span p{ margin-top:5px;}

	.jmgs ul li{ padding:20px 15px;}

	.jmgs-a span em{ margin-top:10px;}

	.jmgs-b{ margin-top:10px; padding:0 25px;}

	.jmgs-b:before, .jmgs-b:after{ width:20px; height:17px;}

	.hzms ul li{ padding:20px 15px;}

	.hzms ul li span{ margin-bottom:10px;}

	.hzms ul li span i{ width:30px; font-size:30px; line-height:30px;}

	.hzms ul li span em{ font-size:18px; line-height:32px;}

	.hzms ul li h3{ margin-top:20px; margin-bottom:10px;}

	.hzms ul li h3 a{ padding:10px 20px;}

	.hzms ul li b{ right:15px; bottom:20px;}

	.hzms ul li b img{ max-width:60px;}

	.hzms ul li:nth-child(2n+2){ background-size:400px; margin-top:20px;}

	.hzms ul li h4{ margin-bottom:10px;}

	.hzms ul li h4 a{ padding:0 30px; line-height:40px; height:40px;}

	#lxwm{ height:60px; top:-60px;}

	.jmfa ul li dl dd h2 em{ margin-top:-3px;}

	.jmfa ul li dl dd p em{ margin-top:-2px;}

	.jmyq ul li dl dt b{ padding-left:3px;}

	.hzms ul li h2 a{ margin-top:-4px;}
	
	.products-list-a ul li dl dd{ padding:0px;}

	.products-list-a ul li dl dd h2{ display:none;}
	
	.products-list-a ul li dl dd p{ display:none;}	

	.products-list-a ul li dl dd h3 em{ padding:0 25px;}
	
	.jmlc ul li p{ max-height:100%; height:auto;}
	}

@media (max-width: 380px){
	.ny-nav span a{ max-width:80px;}

	.urao span a{ margin-left:0px; margin-right:8px;}

	.cpzx ul li{ width:100%;}

	.cpzx ul li dl dt{ width:220px; height:220px; margin-left:-110px;}	

	}

@media (max-width: 360px){

	.urao span a{ float:left; margin:0px 10px 10px 10px;}

	.urao span a:last-child{ margin-bottom:0px;}

	}

body {
  font-family: "微软雅黑";
  line-height: 24px;
  color: #666;
  overflow-x: hidden;
}

.page-container {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  padding: 0 15px;
}
@media (max-width: 1208px) {
  .page-container {
    width: 100%;
  }
}
.page-H60 {
  margin-top: 60px;
}
@media (max-width: 930px) {
  .page-H60 {
    margin-top: 30px;
  }
}
.list-about {
  color: #3c3c3c;
  line-height: 28px;
  padding-bottom: 70px;

}
.list-about .font24 {
  color: #3e3e3e;
  font-size: 24px;
}
@media (max-width: 767px) {
  .list-about .font24 {
    font-size: 18px;
  }
}
.list-about .border-box {
  font-size: 18px;
  padding: 20px;
  margin-top: 30px;
  border: solid 2px #bebebe;
}
.list-about .border-box span {
  display: inline-block;
  padding-right: 70px;
}
@media (max-width: 767px) {
  .list-about .border-box {
    font-size: 16px;
  }
  .list-about .border-box span {
    display: block;
    padding: 0;
  }
}
.list-about .text-hd {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .list-about .text-hd {
    padding: 0;
  }
}
.list-about .list li {
  padding: 0;
  margin-top: 20px;
  text-align: center;
}
.list-about .list li div {
  top: 50%;
  height: 50px;
  color: #fff;
  width: 100%;
  margin-top: -25px;
  position: absolute;
}
.list-about .list li div .tit {
  font-size: 30px;
  line-height: 30px;
}
.list-about .list li div .en {
  font-size: 20px;
  font-family: tahoma;
}
@media (max-width: 640px) {
  .list-about .list li {
    width: 100%;
  }
}
.list-about .column-1 {
  overflow: hidden;
  padding: 0 0 0 50px;
  background-color: #fce1b2;
}
.list-about .column-1 .content {
  width: 43%;
  float: left;
  padding: 50px 0 0;
}
@media (max-width: 1110px) {
  .list-about .column-1 {
    padding-left: 0;
  }
  .list-about .column-1 .pull-right {
    width: 100%;
    float: none;
  }
  .list-about .column-1 .content {
    width: 100%;
    padding: 30px;
  }
}
.list-about .column-2 {
  padding: 50px;
  margin-top: 50px;
  border: solid 6px #ff7c08;
}
@media (max-width: 1000px) {
  .list-about .column-2 {
    padding: 20px;
  }
}
.list-about .column-3 {
  margin-top: 50px;
  overflow: hidden;
  font-size: 13px;
  background-color: #ebebeb;
  padding: 50px 30px 50px 50px;
}
.list-about .column-3 img {
  margin-top: 30px;
  float: right;
}
@media (max-width: 1000px) {
  .list-about .column-3 {
    padding: 20px;
  }
}
.list-about .column-4 {
  padding-top: 40px;
  overflow: hidden;
  padding-bottom: 40px;
  border-bottom: solid 1px #cdcdcd;
}
.list-about .column-4 .pull-left {
  margin-right: 60px;
}
@media (max-width: 1300px) {
  .list-about .column-4 .pull-left {
    margin-right: 30px;
  }
}
.list-about .column-4:first-child {
  padding-top: 0;
}
.list-about .column-4 .content-2 {
  width: 61%;
  float: right;
}
@media (max-width: 1300px) {
  .list-about .column-4 .content-2 {
    width: 100%;
    float: none;
  }
}
@media (max-width: 767px) {
  .list-about .column-4 {
    padding: 20px 0;
  }
  .list-about .column-4 .pull-left {
    margin-right: 15px;
  }
}
@media (max-width: 640px) {
  .list-about .column-4 .pull-left {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    margin-right: 0;
  }
}
.list-about .column-5 .pull-right {
  margin-left: 60px;
}
@media (max-width: 1300px) {
  .list-about .column-5 .pull-right {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .list-about .column-5 .pull-right {
    margin-left: 15px;
  }
}
@media (max-width: 640px) {
  .list-about .column-5 .pull-right {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.list-about .column-6 li {
  color: #fff;
  margin-top: 40px;
  height: 400px;
  overflow: hidden;
  padding: 50px 30px;
  background-color: #ee6d00;
  border-left: solid 1px #fff;
}
.list-about .column-6 li .tit {
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-family: tahoma;
  position: relative;
}
.list-about .column-6 li .tit span {
  font-weight: bold;
}
.list-about .column-6 li .tit:before {
  content: "";
  width: 40px;
  height: 1px;
  position: absolute;
  background-color: #fff;
  bottom: 0;
  left: 0;
}
.list-about .column-6 li:nth-child(2) {
  background-color: #74120b;
}
.list-about .column-6 li:nth-child(3) {
  background-color: #151515;
}
.list-about .column-6 li:first-child {
  border: 0;
}
@media (max-width: 767px) {
  .list-about .column-6 li {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .list-about .column-6 li {
    width: 100%;
    height: auto;
    margin-top: 15px;
  }
}
.list-about .column-7 {
  padding: 60px 0;
  margin-top: 70px;
  position: relative;
  background-color: #f6f6f6;
}
.list-about .column-7:before,
.list-about .column-7:after {
  content: "";
  top: 0;
  width: 100%;
  height: 140%;
  position: absolute;
  background-color: #f6f6f6;
}
.list-about .column-7:before {
  left: 50%;
}
.list-about .column-7:after {
  right: 50%;
}
.list-about .column-7 .t1 {
  color: #1c1c1c;
  font-size: 18px;
}
.list-about .column-7 .t2 {
  margin-top: 5px;
}
.list-about .column-7 .t2 span {
  color: #1c1c1c;
  font-size: 30px;
}
.list-about .column-7 .content {
  margin-bottom: 40px;
  margin-top: 20px;
}
.list-about .column-7 .content .pull-left {
  width: 40%;
}
.list-about .column-7 .content .pull-right {
  width: 60%;
}
.list-about .column-7 .pic {
  z-index: 9;
  margin-left: 35px;
  margin-top: -180px;
  position: relative;
}
.list-about .column-7 .txt {
  padding-top: 50px;
}
@media (max-width: 1000px) {
  .list-about .column-7 {
    padding: 30px 10px;
    margin-top: 30px;
    overflow: hidden;
  }
  .list-about .column-7:before,
  .list-about .column-7:after {
    height: 108%;
  }
  .list-about .column-7 .content .pull-left,
  .list-about .column-7 .content .pull-right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .list-about .column-7:before,
  .list-about .column-7:after {
    height: 106.7%;
  }
  .list-about .column-7 .pic {
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: -30px;
  }
}
@media (max-width: 640px) {
  .list-about .column-7:before,
  .list-about .column-7:after {
    height: 102.7%;
  }
}
.list-about .column-8 .t1 {
  margin-top: 50px;
  line-height: 36px;
  font-size: 30px;
  color: #f47900;
}
.list-about .column-8 .t2 {
  color: #626262;
  font-size: 18px;
}
.list-about .column-8 .t3 {
  margin-top: 25px;
  padding-top: 20px;
  border-top: solid 1px #cfcfcf;
}
@media (max-width: 640px) {
  .list-about .column-8 .t1 {
    font-size: 24px;
    margin-top: 30px;
  }
  .list-about .column-8 .t2 {
    font-size: 12px;
  }
}
.list-about .column-9 {
  margin-top: -30px;
}
.list-about .column-9 ul {
  width: 1200px;
  margin-left: -13px;
}
.list-about .column-9 li {
  width: 50%;
  float: left;
  margin-top: 30px;
}
.list-about .column-9 li .box {
  margin: 0 13px;
  padding: 15px 25px;
  border: solid 2px #ccc;
}
.list-about .column-9 li .box h3 {
  color: #282828;
  font-size: 16px;
  height: 24px;
  overflow: hidden;
  font-weight: normal;
}
.list-about .column-9 li .box p {
  height: 24px;
  margin-top: 5px;
  overflow: hidden;
  color: #585858;
  font-size: 14px;
}
.list-about .column-9 li:hover .box {
  border-color: #fd6802;
}
@media (max-width: 1200px) {
  .list-about .column-9 ul {
    width: 100%;
    margin-left: 0;
  }
  .list-about .column-9 li {
    margin-top: 15px;
  }
  .list-about .column-9 li .box {
    margin: 0 10px;
  }
}
@media (max-width: 960px) {
  .list-about .column-9 li {
    width: 100%;
  }
  .list-about .column-9 li .box {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .list-about .column-9 {
    margin-top: 0;
  }
}
.list-about .column-10 .tit-1 {
  color: #ff5800;
  font-size: 36px;
  line-height: 36px;
}
@media (max-width: 767px) {
  .list-about .column-10 .tit-1 {
    font-size: 24px;
  }
}
.list-about .column-10 .tit-2 {
  margin-top: 15px;
  font-size: 16px;
  color: #4b4b4b;
}
.list-about .column-10 .arrows {
  margin-top: 50px;
  text-align: center;
}
.list-about .column-10 .arrows span {
  width: 180px;
  height: 180px;
  font-size: 26px;
  line-height: 180px;
  display: inline-block;
  border-radius: 100%;
  color: #fff;
  background-color: #ff5800;
}
@media (max-width: 767px) {
  .list-about .column-10 .arrows span {
    font-size: 16px;
    width: 100px;
    height: 100px;
    line-height: 100px;
  }
}
.list-about .column-10 .list {
  padding: 30px 0;
  background: url("https://www.hdrhb.com/Public/Home/images/line.jpg") repeat-y center center;
}
@media (max-width: 400px) {
  .list-about .column-10 .list {
    background: none;
  }
}
.list-about .column-10 .list dl {
  overflow: hidden;
}
.list-about .column-10 .list dl:hover dd:before {
  background-color: #ff5800;
}
.list-about .column-10 .list dt {
  float: left;
  width: 50%;
  margin-top: 40px;
}
.list-about .column-10 .list dt .pic {
  margin-left: 23%;
  position: relative;
}
.list-about .column-10 .list dt .pic:after {
  content: "";
  display: block;
  padding-bottom: 40%;
}
@media (max-width: 767px) {
  .list-about .column-10 .list dt .pic {
    margin-left: 5%;
  }
}
@media (max-width: 640px) {
  .list-about .column-10 .list dt .pic {
    margin-left: 0;
  }
  .list-about .column-10 .list dt .pic:after {
    content: "";
    display: block;
    padding-bottom: 55%;
  }
}
@media (max-width: 400px) {
  .list-about .column-10 .list dt {
    width: 100%;
    float: none;
    margin-top: 0;
  }
  .list-about .column-10 .list dt .pic:after {
    content: "";
    display: block;
    padding-bottom: 60%;
  }
}
.list-about .column-10 .list dd {
  width: 50%;
  float: right;
  padding-top: 8%;
  color: #373737;
  padding-left: 40px;
  position: relative;
}
.list-about .column-10 .list dd .tit {
  font-size: 24px;
  font-weight: normal;
}
.list-about .column-10 .list dd .txt {
  line-height: 20px;
  font-size: 15px;
}
.list-about .column-10 .list dd:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  left: -5px;
  top: 120px;
  background-color: #fff;
  position: absolute;
  border-radius: 100%;
  border: solid 2px #ff5800;
}
@media (max-width: 400px) {
  .list-about .column-10 .list dd {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    float: none;
    padding: 0;
  }
  .list-about .column-10 .list dd:before {
    display: none;
  }
  .list-about .column-10 .list dd .tit {
    font-size: 16px;
  }
}
.list-about .column-11 {
  padding-top: 40px;
  border-top: solid 1px #939393;
}
.list-about .column-11 .t1 {
  font-size: 28px;
  color: #141414;
}
.list-about .column-11 .t2 {
  font-family: arial;
  font-size: 12px;
  color: #646464;
}
.list-about .column-11 .list-2 {
  margin-top: 40px;
}
.list-about .column-11 .list-2 li {
  width: 50%;
  float: left;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.list-about .column-11 .list-2 li p {
  padding: 10px 0;
  margin: 0 30px;
  line-height: 20px;
  min-height: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #dedede;
}
.list-about .column-11 .list-2 li:nth-child(1) p {
  border-top: solid 1px #dedede;
}
.list-about .column-11 .list-2 li:nth-child(2) p {
  border-top: solid 1px #dedede;
}
.list-about .column-11 .list-2 li:hover {
  color: #fff;
  background-color: #ff6a00;
}
@media (max-width: 767px) {
  .list-about .column-11 .t1 {
    font-size: 20px;
  }
  .list-about .column-11 .list-2 {
    margin-top: 20px;
  }
  .list-about .column-11 .list-2 li {
    width: 100%;
  }
  .list-about .column-11 .list-2 li p {
    min-height: 0;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
  }
  .list-about .column-11 .list-2 li:nth-child(2) p {
    border-top: 0;
  }
}
.list-about .orange {
  line-height: 30px;
  font-size: 30px;
  color: #ff5800;
}
@media (max-width: 1000px) {
  .list-about .orange {
    font-size: 20px;
  }
}
.list-about .orange-2 {
  color: #e70;
  font-size: 24px;
}
@media (max-width: 767px) {
  .list-about .orange-2 {
    font-size: 18px;
  }
}
.list-about .black {
  color: #252424;
  font-size: 30px;
}
@media (max-width: 767px) {
  .list-about .black {
    font-size: 20px;
  }
}
@media (max-width: 930px) {
  .list-about {
    padding-bottom: 30px;

  }
}

.list-qa li .tit {
  color: #fff;
  font-size: 15px;
  padding: 10px 20px;
  margin-top: 20px;
  cursor: pointer;
  background: url("../image/jian.png") no-repeat right 20px center #6f6f6f;
}
.list-qa li > div {
  display: none;
  color: #1f1f1f;
  font-size: 15px;
  padding: 15px 60px;
  background-color: #efefef;
}
.list-qa li.active .tit {
  background: url("../image/jia.png") no-repeat right 20px center #f49a00;
}
@media (max-width: 767px) {
  .list-qa li .tit {
    background: #6f6f6f;
  }
  .list-qa li.active .tit {
    background: #f49a00;
  }
  .list-qa li > div {
    padding: 15px;
    font-size: 13px;
  }
}

.gBook{width:100%;background:#e7d379;border:solid 1px #e7d379;border-radius:4px;padding-top:40px;;padding-bottom:40px;clear:both}
.gBook h2{line-height:40px;text-align:center;font-weight:700;color:#2e3642;font-size:16px;font-family:"微软雅黑";}
.phoneBook{border-top:1px solid #F8DACB;padding-top:10px;}
.phoneBook h2{height:40px;background:none;}
.meassageBook{padding:0 10px 10px;margin-top:10px;width:100%;box-sizing:border-box;}
.meassageBook .service{text-align:center}
.Tips .tit{font-weight:700px;font-size:14px;}
.Tips p{color:#666666;font-size:12px;line-height:20px;margin-top:0;}
.phoneerror{color:#F00F00;font-size:12px;}
.cred{color:#F00F00;}
.meassageBook .p-input{background:#FFFFFF;border-radius:3px;border:1px solid #B9B9B9;padding-left:10px;margin-top:10px;font-size:14px;line-height:35px;position:relative;}
.p-input input{display:block;width:90%;padding:10px 0px}
.meassageBook input.button{width:100%;height:48px;display:block;border:none;margin:15px auto 0;color:#333;background:#fdd405;border-radius:5px;background-size:100px auto;}input,select{outline:none;border:none;background-color:transparent;appearance:none;}

.in-sec__title{font-weight:700;letter-spacing:1px;color:#000;text-align:center;line-height:1.5}
.fs54,.fs60{font-size:42px}