.header{ width:100%; min-width:1200px; position:relative; background-image:url(../images/banner-index.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; animation:move-header 20s ease-in-out 2s infinite alternate; -webkit-animation:move-header 20s ease-in-out 2s infinite alternate;}
.header.aboutbanner{ height:560px; background-image:url(../images/banner-about.jpg); animation:none;}
.header.ywfwbanner{ height:560px; background-image:url(../images/banner-ywfw-bg.jpg); animation:none;}
.header.dgsbanner{ height:560px; background-image:url(../images/banner-dgs.jpg); animation:none;}
@keyframes move-header{ 0%{background-position:center center;} 50%{background-position:left center;} 100%{background-position:center center;} }
@-webkit-keyframes move-header{ 0%{background-position:center center;} 50%{background-position:50% center;} 100%{background-position:center center;} /*Safari and Chrome*/ }
.header .topbar{ margin:0 60px;}
.header .logo{ width:220px; float:left;}
.header .navmenu{ width:360px; float:right;}
.header .navmenu li{ width:120px; float:left; text-align:center;}
.header .navmenu li a{ display:inline-block; padding:6px 12px; font-size:16px; color:#FFF;}
.header .navmenu li a.on{ border-bottom:3px solid #47cbf3;}
.header .navmenu li a:hover{ border-bottom:3px solid #47cbf3; color:#47cbf3; animation:move-navmenu 1s ease 1; -webkit-animation:move-navmenu 1s ease 1;}
@keyframes move-navmenu{ 0%{ border-color:transparent; color:#FFF;} 100%{ border-color:#47cbf3; color:#47cbf3;}}
@-webkit-keyframes move-navmenu{ 0%{ border-color:transparent; color:#FFF;} 100%{ border-color:#47cbf3; color:#47cbf3;}}
.header .banner-text{ position:absolute; left:50%; top:28%; margin-left:-600px;}
.header .banner-text .title{ color:#FFF;}
.header .banner-text .title h2{ margin:0 0 20px 0; font-size:80px; text-align:center; letter-spacing:5px;}
.header .banner-text .title h4{ margin-top:10px; font-size:40px; text-align:center; font-weight:normal; letter-spacing:2px;}
.header .banner-text .phone{ padding:30px 0; font-size:50px;}
.header .banner-text .phone img{ height:50px; margin-right:5px;}
.header .banner-text .zxbtn{}
.header .banner-text .zxbtn span{ display:inline-block; margin:0 35px; padding:5px 20px; border:1px solid #FFF; border-radius:20px; cursor:pointer;}
.header .banner-text .zxbtn span.sel{ background-color:#0CF;}
.header .banner-text .zxbtn span a{ color:#FFF;}
.header .banner-text .zxbtn img{ width:20px; margin-right:5px;}
.header .banner-text .zxbtn span:hover img{ animation:move-xzbtn 1.6s ease 1; -webkit-animation:move-xzbtn 1.6s ease 1;}
@keyframes move-xzbtn{ 0%{ transform:rotateY(0deg)} 50%{ transform:rotateY(180deg)} 100%{ transform:rotateY(0deg)} }
@-webkit-keyframes move-xzbtn{ 0%{ transform:rotateY(0deg)} 50%{ transform:rotateY(180deg)} 100%{ transform:rotateY(0deg)} }
.header .banner-text .pic-text{ text-align:center;}
.header .banner-text .pic-text img{ width:800px;}
.header .banner-text .text2{ margin-top:70px; padding-right:60px; text-align:center; font-size:22px; font-weight:bold; color:#FFF;}
.header .banner-text .text2 a{ color:#FFF; text-decoration:underline;}
.header .ico-arrow{ width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; bottom:20px; animation:move-arrow 1s ease infinite alternate; -webkit-animation:move-arrow 1s ease infinite alternate; /*Safari and Chrome*/}
.header .ico-arrow img{ width:100%;}
@keyframes move-arrow{ from{bottom:30px; opacity:0;} to{bottom:20px; opacity:0.7;} }
@-webkit-keyframes move-arrow { from{bottom:30px; opacity:0;} to{bottom:20px; opacity:0.7;} /*Safari and Chrome*/ }

.fp-tableCell{ display:block; vertical-align:baseline;}
.head-title{ padding:0 0 40px; text-align:center;}
.head-title img{ height:150px;}
.head-title1{ padding:0 0 20px; text-align:center; color:#FFF;}
.head-title1 h2{ font-size:26px;}
.head-title1 p{ font-size:18px;}

.business-bg{}
.business{ position:absolute; top:50%; margin-top:-280px; left:50%; margin-left:-575px;}
.business-cont ul{ display:block; width:1150px; margin:0 auto;}
.business-cont li{ width:250px; float:left; margin-right:50px; box-shadow:1px 1px 20px #CCC; background-position:center; background-size:100%; background-repeat:no-repeat;}
.business-cont li:hover{ animation:move-business 2s ease 1; -webkit-animation:move-business 2s ease 1;}
@keyframes move-business{ 0%{background-size:100%;}80%{background-size:150%;}100%{background-size:100%;}}
@-webkit-keyframes move-business{ 0%{background-size:100%;}80%{background-size:150%;}100%{background-size:100%;} /*Safari and Chrome*/ }
.business-cont li:nth-child(1){ background-image:url(../images/business-bg1.jpg);}
.business-cont li:nth-child(2){ background-image:url(../images/business-bg2.jpg);}
.business-cont li:nth-child(3){ background-image:url(../images/business-bg3.jpg);}
.business-cont li:nth-child(4){ background-image:url(../images/business-bg4.jpg); margin-right:0;}
.business-cont .item-cont{ width:250px; height:300px;display:table-cell; vertical-align:middle; text-align:center; color:#FFF;}
.business-cont .item-cont h3{ display:inline-block; border-bottom:2px solid #FFF; font-size:20px;}
.business-cont .item-cont p{ padding:10px 0 20px; font-size:16px;}
.business-cont .item-cont span{ display:inline-block; padding:1px 10px; border-radius:10px; border:1px solid #FFF; font-size:12px;}
.business-cont .item-cont span.sel{ background-color:#0CF}
.business-cont .item-cont span a{ color:#FFF;}

.choose-bg{background:url(../images/bg-public1.jpg) center no-repeat; background-size:cover;}
.choose{ position:absolute; top:50%; margin-top:-310px; left:50%; margin-left:-500px;}
.choose-cont{ width:1000px; height:530px; margin:0 auto; position:relative; color:#FFF;}
.choose-cont .textarea{ width:420px; position:absolute; left:0; top:50px;}
.choose-cont .item-cont{ height:100px; font-size:16px;}
.choose-cont .item-cont h3{ padding:3px 0 5px; font-size:20px;}
.choose-cont .item-cont img{ float:left; margin-right:15px;}
.choose-cont .picarea{ width:500px; position:absolute; right:0; top:0;}
.choose-cont .picarea img{ width:100%;}

.advantage-bg{}
.advantage{ padding-top:60px; color:#333;}
.advantage-head{ font-size:32px; text-align: center; padding:0 0 40px; color:#E56A4C;}
.advantage-head h2{ height:34px; font-size:34px; font-weight:bold; margin-bottom:10px; margin-top:0px; line-height:100%; overflow:hidden;}
.advantage-head p{ font-size:14px; font-weight:normal;}
.advantage-cont{ width:1200px; margin:0 auto;}
.advantage-cont li{ width:16.6666667%; float:left; text-align:center;}
.advantage-cont .advantage_item{ margin:0 10px;}
.advantage-cont .advantage_item h3{ font-weight:normal; font-size:28px; margin-bottom:5px;}
.advantage-cont .advantage_item p{ font-size:16px; line-height:inherit;}
.advantage-cont .advantage_item p:nth-child(3){ padding-bottom:30px;}
.advantage-cont .advantage_item img{ width:100px;}
.advantage-cont .pic img{ width:100%;}

.service-scroll{ position:absolute; width:100%; height:100%; top:0; left:0; right:0; overflow-y:scroll; overflow-x:hidden; z-index:99999;}
.service-bg{background:url(../images/bg-public1.jpg) center no-repeat; background-size:cover;}
/*.service{ position:absolute; top:50%; margin-top:-340px; left:50%; margin-left:-450px;}*/
.service{ padding:70px 0 60px;}
.service-cont{width:900px; margin:0 auto;}
.service-cont .text{ padding-bottom:50px; font-size:20px; line-height:1.6; color:#FFF;}
.service-cont .pic{ text-align:center;}
.service-cont .pic img{ width:90%;}

.foot-scroll{ position:absolute; width:100%; height:100%; top:0; left:0; right:0; overflow-y:scroll; overflow-x:hidden; z-index:99999;}
.tab-navmenu{ text-align:center; margin-bottom:50px;}
.tab-navmenu ul{ display:inline-block;}
.tab-navmenu ul li{ display:inline-block; padding:2px 12px; font-size:24px; color:#333; cursor:pointer;}
.tab-navmenu ul li.sel{ background-color:#3CF; color:#FFF; cursor:auto;}
.news-item{ width:1100px; margin:0 auto; padding:60px 0 50px;}
.news-item .picArea{ width:300px; float:left; background-color:#F5F5F5;}
.news-item .picArea img{ width:100%; height:240px; vertical-align:middle;}
.news-item .picArea p:nth-child(1){ max-height:300px; overflow:hidden;}
.news-item .picArea p:nth-child(2){ padding:30px 12px 12px 12px; line-height:1.8; color:#999; background:url(../images/ico-arrow-back.png) center top no-repeat; background-size:40px auto;}
.news-item .picArea span{ display:block; margin-bottom:8px; font-size:16px; color:#333;}
.news-item .listArea{ width:740px; float:right;}
.news-item .listArea li{ margin-bottom:40px;}
.news-item .item-row:after{content:"\0020";display:block;height:0;clear:both;}
.news-item .item-row .datetime{ width:80px; float:left; margin-right:15px; background-color:#F5F5F5; text-align:center;}
.news-item .item-row .datetime span{ display:block; padding:1px 0; font-size:40px; font-weight:bold; color:#3FC8E8;}
.news-item .item-row .datetime em{ display:block; color:#FFF; background-color:#3FC8E8;}
.news-item .item-row .title h3{ padding:0 0 6px 0; font-size:22px; font-weight:normal; color:#333;}
.news-item .item-row .title p{ color:#999; line-height:1.6;}

.midea{ background-color:#F3F1F2; padding:60px 0 50px;}
.midea-cont{ width: 1040px;  margin: 0 auto;}
.midea-cont ul{ display:block;}
.midea-cont ul li{ width: 230px; height: 80px; float: left; margin-right: 40px; margin-bottom: 30px;}
.midea-cont ul li a{ width: 230px; height: 80px; float: left; display: block;}
.midea-cont ul li a img{ width: 100%; height: 100%;}
.midea-cont ul li:hover a img{ opacity: 0.7;/*transform:rotateY(360deg);*/ transition: 0.3s;}
.midea-cont ul li.li4{ margin-right:0;}


/*λÖÃ*/
.crumbs{ padding:15px 0; font-size:16px; color:#999;}
.crumbs a{ color:#999;}
/*ÁбíÒ³*/
.list-Page{ padding:60px 0 50px;}
.list-item li{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e0e0e0;}
.list-item .item-row .thumb{ width:280px; float:left;}
.list-item .item-row .thumb img{ width:280px; height:160px;}
.list-item .item-row .title{ width:700px; float:left; margin-left:60px;}
.list-item .item-row .title h3{ padding-bottom:15px; font-size:22px; font-weight:normal;}
.list-item .item-row .title h3 a:hover{ color:#06C;}
.list-item .item-row .title p{ line-height:2;}
.list-item .item-row .time{ width:120px; float:left; margin-left:40px;}
/*ÄÚÈÝÒ³*/
#Article{ padding:50px 0;}
#Article .title{ font-size:32px; color:#333; font-weight:400; line-height:1.2;}
#Article .artinfo{ padding:20px 0 20px; border-bottom:1px solid #f0f0f0; color:#999;}
#Article .content{ padding-top:40px; font-size:16px; line-height:1.5; color:#999;}
/*·ÖÒ³*/
#pages{ font-size:16px;}
#pages a{ padding:5px 15px; background-color:#39F; color:#FFF;}
#pages a:hover{ background-color:#D0D0D0; color:#000;}
#pages span{ padding:5px 15px; background-color:#F0F0F0; color:#000;}
/*¹ØÓÚÎÒÃÇ*/
.about-Page{ padding-top:40px;}
.aboutpage-cont .imgarea{ width:50%;}
.aboutpage-cont .imgarea img{ width:100%;}
.aboutpage-cont .textarea{ width:50%; box-sizing:border-box;}
.aboutpage-cont .textarea h2{ padding-bottom:20px; font-size:22px; font-weight:normal; color:#1a1a1a;}
.aboutpage-cont .textarea .content{ font-size:16px; line-height:1.8; color:#666;}
.aboutpage-cont .textarea .content p{ margin-bottom:15px; text-indent:2em;}
.aboutpage-cont .pl60{ padding-left:60px;}
.aboutpage-cont .pr60{ padding-right:60px;}
.aboutpage-cont .mb80{ margin-bottom:60px;}
.aboutpage-cont .item-row{ height:40px; padding:5px 0; line-height:40px; font-size:20px;}
.aboutpage-cont .item-row img{ float:left; margin-right:12px;}
/*ÁªÏµÎÒÃÇ*/
.contact-Page{ padding-top:40px;}
.contactpage-cont{padding:0 0 120px;}
.contactpage-cont .bd{ }
.contactpage-cont .bd li{ width:33.33333%; float:left;}
.contactpage-cont .bd p{ margin:0 20px; background-color:#f2f2f2; text-align:center; color:#333333; padding:18px 0; font-size:16px; line-height:1.8; word-wrap:break-word}
.contactpage-cont .bd p.address{ background-color:#2995df; color:#FFF; text-align:center;}
.contactpage-cont .bd img{ width:40px; margin-bottom:2px;}
/*¼à¶½ÆÀ¼Û*/
.satisfaction_bg{ background:url(../images/satisfaction_bg.jpg) top center no-repeat; background-size:cover; margin-top:60px; padding:60px 0 50px;}
.satisfaction{ width: 1200px; margin:0 auto;}
.satisfaction-head h2{ padding-bottom:20px; text-align:center; font-size:32px; font-weight:normal; color:#FFF;}
.satisfaction_cont ul{ display:block; width: 1200px;}
.satisfaction_cont ul li{ width: 300px; height: 210px; float: left; text-align:center;}
.satisfaction_cont ul li div{ padding:30px 18px 0;}
.satisfaction_cont ul li h1{ font-size:0; margin:15px 0 0 0; padding-left:18px;}
.satisfaction_cont ul li p{ margin-top:15px; padding:0 18px; font-size: 18px; color:#fff; }
.footer.white-bg{ background-color:#FFF; color:#5C5C5C;}
.footer-cont.white-bg a{ color:#5C5C5C;}
.footer-cont.white-bg .footer-text{ color:#5C5C5C;}
.footer-cont.white-bg .footer-nav .h4{ color:#5C5C5C;}
/*·þÎñ×ÚÖ¼*/
.service-Page{ padding:60px 0 100px;}
.servicepage-cont{width:900px; margin:0 auto;}
.servicepage-cont .text{ padding-bottom:50px; font-size:20px; line-height:1.6;}
.servicepage-cont .pic{ text-align:center;}
.servicepage-cont .pic img{ width:90%;}
/*ÒµÎñ·¶Î§*/
.business.business-Page{ position:relative; right:0; margin-top:0; left:0; margin-left:0; padding:60px 0;}
/*·¨ÂÉ×Éѯ*/
.flzx-Page .flzx-head{ padding-bottom:40px; font-size:36px; font-weight:normal; text-align:center; color:#000;}
.flzx-Page .flzx-head.zxhd{ color:#FFF}
.flzx-Page .imgarea{ width:252px;}
.flzx-Page .textarea{ width:700px; font-size:24px;}
.flzx-Page .textarea span{ display:block; line-height:2;}
.flzx-Page .textarea span.phone{ font-size:30px;}
.flzx-Page .textarea span.phone img{ width:22px; margin-right:10px;}
.flzx-Page .textarea span.pt60{ padding-top:60px;}
.flzx-Page .zxzx{ background-color:#2c9cf0;}
.flzx-Page .text{ padding-bottom:40px; text-align:center; font-size:30px; color:#FFF;}
.flzx-Page .pic{ text-align:center;}
.flzx-Page .dhzx, .flzx-Page .zxzx, .flzx-Page .mfyy{ padding:60px 0;}
/*¾À·×µ÷½â*/
.jftj-Page .jftj-head{ padding-bottom:30px; font-size:36px; font-weight:normal; text-align:center; color:#000;}
.jftj-Page .jftj-head.lchd{ color:#FFF}
.item-sdys li{ width:247px; float:left; margin-right:70px;}
.item-sdys li:last-child{ margin-right:0;}
.item-sdys .item-block{ height:115px; padding:15px 5px 15px 15px; border:1px solid #06F; border-radius:4px; background-color:#fcfcfc;}
.item-sdys .item-block:after{content:"\0020";display:block;height:0;clear:both;}
.item-sdys .item-block .textarea{ width:130px; float:left;}
.item-sdys .item-block .imgarea{ width:82px; float:right; padding-top:12px;}
.item-sdys .item-block .imgarea img{ width:100%;}
.item-sdys .item-block h2{ font-size:20px; color:#000; padding-bottom:3px;}
.jftj-Page .tjlc{ width:auto; min-width:1200px; padding-top:60px; background:url(../images/banner-jftj-tjlc.jpg) top center no-repeat; background-size:cover;}
.jftj-Page .tjlc-cont{position:relative; height:430px; color:#FFF;}
.jftj-Page .tjlc-cont .text{ width:500px; position:absolute;}
.jftj-Page .tjlc-cont .lc1{ left:60px; top:8px; text-align:right;}
.jftj-Page .tjlc-cont .lc3{ left:60px; top:216px; text-align:right;}
.jftj-Page .tjlc-cont .lc2{ left:640px; top:116px;}
.jftj-Page .tjlc-cont .lc4{ left:640px; top:325px;}
.jftj-Page .tjlc-cont .xuhao{ width:40px; height:426px; position:absolute; left:600px; margin-left:-20px; bottom:0;}
/*ÂÉʦº¯*/
.lsh-Page{}
.lsh-Page .lsh-head{ padding-bottom:30px; font-size:36px; font-weight:normal; text-align:center; color:#000;}
.lsh-Page .ysts{ background:url(../images/lsh-tese-bg.jpg) bottom center no-repeat;}
.lsh-Page .yycj{ background-color:#f1f1f1;}
.lsh-Page .yycj-cont .left-pic{ width:460px; float:left;}
.lsh-Page .yycj-cont .right-text{ position:relative; width:510px; height:495px; float:left; margin-left:110px; /*border-left:1px dashed #bdbdbd;*/}
.lsh-Page .yycj-cont .right-text:before{ content:''; width:4px; height:470px; display:block; position:absolute; left:0; top:15px; border-left:1px dashed #bdbdbd;}
.lsh-Page .yycj-cont li{ height:55px; line-height:55px; margin-left:120px; padding-left:60px; font-size:20px; background:url(../images/ico-lsh-gou.png) left center no-repeat;}
.lsh-Page .yangli .leftBox{ width:20%; float:left; }
.lsh-Page .yangli .rightBox{ display:block; width:80%; float:left; }
.lsh-Page .tab-head h2{ font-size:24px; font-weight:normal; color:#000; margin-bottom:40px;}
.lsh-Page .tab-head .tab-nav li{ display:inline-block; margin-right:60px; padding:0 20px; text-align:center; font-size:18px; line-height:37px; border-radius:18px; background-color:#f0f0f0;}
.lsh-Page .tab-head .tab-nav li.on{ background-color:#06F; color:#FFF;}
.item-yangli .item-row{ margin-bottom:25px;}
.item-yangli .item-row .item-cont{ box-sizing:border-box; border:1px solid #CCC; padding:15px 20px; font-size:16px; line-height:1.8; color:#999;}
.item-yangli .gs-hd{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #CCC; color:#333;}
.item-yangli .gs-bd p{ margin-bottom:20px;}

.footer{ width:100%; min-width:1200px; padding:60px 0 80px; background-color:#424649; color:#bdbdbd;}
.footer-cont{ width:1200px; margin:0 auto; font-size:16px;}
.footer-cont a{ color:#bdbdbd;}
.footer-cont a:hover{color:#ffa000}
.footer-cont .w85{ width:1000px; float:left;}
.footer-cont .w15{ width:110px; float:right;}
.footer-cont .footer-text{ padding-bottom:30px; text-align:center; font-size:36px; color:#e2e2e2;}
.footer-cont .footer-nav{ border-bottom:1px solid #666; padding-top:15px; padding-bottom:15px}
.footer-cont .footer-nav .h4{float:left;width:100px;line-height:30px;margin-top:0;margin-bottom:0; color:#cdcdcd;}
.footer-cont .footer-nav ul{float:left}
.footer-cont .footer-nav ul li{line-height:30px; padding-left:20px; float:left}
.footer-cont .cm-social-links li a{ display:block;}
.footer-cont .cm-social-links li img{ margin-right:10px;}
.footer-cont .phone{ margin-left:20px; line-height:30px;}
.footer-cont .txt{ margin-left:20px; line-height:30px;}
.footer-cont .wechat-qrcode{text-align:center}
.footer-cont .wechat-qrcode img{width:108px;height:108px}
.footer-cont .wechat-qrcode .text{font-size:14px;}
.footer-cont .footer-copyright{ padding-top:40px; text-align:center; font-size:16px; line-height:1.8;}

.footer-bar{ height:60px; line-height:60px; overflow:hidden; position:fixed; left:0; right:0; bottom:0; background:url(../images/footer-phone-bg.png) center no-repeat; font-size:24px; color:#FFF;}
.footer-bar img{ margin-right:15px;}
.footer-bar span{ display:inline-block;}
.footer-bar span.sp1{ line-height:20px;}
.footer-bar span.sp2{ font-size:36px; font-weight:bold; padding:0 2px 0 8px;}
.footer-bar span.sp3{ line-height:20px;}