@charset "utf-8";

#widthauto{width:1100px;margin:auto;}
.index_header{width:100%;height:110px;position:relative;z-index:999;background:rgba(255,255,255,0.7);padding:0px;}
header{width:100%;height:50px;padding:10px 0;position:relative;z-index:999;background:rgba(255,255,255,0.8);box-shadow:0 0 10px rgba(0,0,0,0.2);}
.logo{position:absolute;top:0px;}
.top{height:50px;width:100%;text-align: right;color: #e70;}
.top ul{float:right;}
.top ul li{float:left;margin:0 10px;margin-top:20px;line-height:20px;}
.top .ico_hyjf{padding-left:25px;background:url(../images/ico_hyjf.png) no-repeat left;}
.top .ico_xinlang{padding-left:25px;background:url(../images/ico_xinlang.png) no-repeat left;}
.top .ico_ewm{background:url(../images/ico_ewm.png) no-repeat left;padding-left:25px;color:#ef0808;}
.top .ico_tmall{display:block;background:#ef0808;color:#fff;padding:0 4px;}
nav{float:right;}
nav li{float:left;height:30px;text-align:center;padding:10px 25px;line-height:18px;}
.nav_i{border-left:1px solid rgba(0,0,0,0.1);display:block;width:1px;height:32px;float:left;margin-top:12px;}

/*banner开始*/
.slidizle{position: relative;overflow: hidden;}
.slidizle-content{position: absolute;top: 0;left: 0;width: 100%;height: 500px;}
.slidizle-slide{position: absolute;top: 0;left: 0;width: 100%;height: 500px;background-size: cover;background-position: 50% 50%;display: none;}
.slidizle-slide.active{display: block;}
.slidizle-navigation{position: absolute;bottom: 30px;left: 0;width: 100%;text-align: center;z-index: 10;}
.slidizle-navigation li{display: inline-block;width: 10px;height: 10px;border:2px solid rgba(255,255,255,0.6);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background: rgba(255,255,255,0.4);font-size: 1px;text-indent: -999px;margin: 0 6px;cursor: pointer;-moz-transition: opacity 0.2s ease-in-out 0s;-o-transition: opacity 0.2s ease-in-out 0s;-webkit-transition: opacity 0.2s ease-in-out;-webkit-transition-delay: 0s;transition: opacity 0.2s ease-in-out 0s;}
.slidizle-navigation li:hover, .slidizle-navigation li.active{background: #13aeee;}
.slidizle-next,.slidizle-previous{color: white;font-size: 30px;position: absolute;top: 50%;z-index: 30;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;opacity: 1;-moz-transition: opacity 0.2s ease-in-out 0s;-o-transition: opacity 0.2s ease-in-out 0s;-webkit-transition: opacity 0.2s ease-in-out;-webkit-transition-delay: 0s;transition: opacity 0.2s ease-in-out 0s;}
.slidizle-next.disabled,.slidizle-previous.disabled{opacity: .2;cursor: default;}
.slidizle-next{right: 10%;}
.slidizle-previous{left: 10%;}
.slidizle-loading{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #333 url("../img/loader.gif") no-repeat 50% 82%;opacity: 0;pointer-events: none;-moz-transition: opacity 0.2s ease-in-out 0s;-o-transition: opacity 0.2s ease-in-out 0s;-webkit-transition: opacity 0.2s ease-in-out;-webkit-transition-delay: 0s;transition: opacity 0.2s ease-in-out 0s;}
.loading .slidizle-loading{opacity: .8;pointer-events: auto;}
.header{height: 400px;background: url("http://www.w8themes.com/wp-content/uploads/2013/11/Beautiful-Landscapes-Wallpapers.jpg") no-repeat 50% 50%;background-size: cover;text-align: center;color: white;padding-top: 150px;}
.container{max-width:100%;margin:auto;}

.sample{position: relative;width: 100%;height: 0;padding-bottom: 500px;text-align: center;}
.sample header{position: absolute;top: 50%;left: 0;width: 100%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);text-shadow: black 0 0 50px;background: rgba(0, 0, 0, 0.3);padding: 50px 0;z-index: 20;}
.slider-progressbar{height: 5px;width: 100%;position: absolute;top: 0;left: 0;background: #fbd665;z-index: 20;}
.slider--animated .slidizle-content > .active ~ .slidizle-slide{-moz-transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
.slider--animated .slidizle-slide{-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);-moz-transition: -moz-transform 0.5s ease-in-out 0s;-o-transition: -o-transform 0.5s ease-in-out 0s;-webkit-transition: -webkit-transform 0.5s ease-in-out;-webkit-transition-delay: 0s;transition: transform 0.5s ease-in-out 0s;display: block !important;}
.slider--animated .slidizle-slide.active{-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);z-index: 2;}
.slider--animated-up-down .slidizle-content > .active ~ .slidizle-slide{-moz-transform: translateY(100%);-ms-transform: translateY(100%);-webkit-transform: translateY(100%);transform: translateY(100%);}
.slider--animated-up-down .slidizle-slide{-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);transform: translateY(-100%);-moz-transition: -moz-transform 0.5s ease-in-out 0s;-o-transition: -o-transform 0.5s ease-in-out 0s;-webkit-transition: -webkit-transform 0.5s ease-in-out;-webkit-transition-delay: 0s;transition: transform 0.5s ease-in-out 0s;display: block !important;}
.slider--animated-up-down .slidizle-slide.active{-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);z-index: 2;}
.slidizle-navigation .slider-navigation-item{width: 50px;height: 30px;background-size: cover;background-position: 50% 50%;border: 2px solid white;}
.btn.btn--custom{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding:25px;color: black;text-transform: uppercase;font-size: 10px;font-weight: bold;outline: none;border:none;}
.btn_pre{width:50px;height:50px;background:url(../images/btn_pre.png) no-repeat center;}
.btn_next{width:50px;height:50px;background:url(../images/btn_next.png) no-repeat center;}
/*banner结束*/

.index_2{width:100%;height:1050px;background:url(../images/index_about.jpg) center;background-size:cover;}
.index_about{height:300px;padding:80px 50px;}
.index_about .left{float:left;width:400px;height:100%;line-height:22px;position:relative;animation-name:left;animation-duration:3s;-webkit-animation-name:left;-webkit-animation-duration:3s;}

.index_about .left span{color:#13aeee;font-size: 30px;}
.index_about .left p{font-size: 16px;}
.index_about .left h3{padding:10px 0;}
.index_about .right{float:right;width:500px;height:300px;/* box-shadow: 0 0 15px rgba(0,0,0,0.5); *//* border: 4px solid #fff; */animation-name:right;animation-duration:3s;-webkit-animation-name:right;-webkit-animation-duration:3s;}
.buttom{padding:2px 15px;background:#13aeee;color:#fff;border:1px solid rgba(0,0,0,0.1);float:left;margin-top:15px;}
.index_bt{text-align:center;text-transform:uppercase;background:url(../images/index_bt.png) no-repeat center;}
.index_bt p{padding-top:5px;color:#ccc;font-size:14px;font-weight:bold;}
.index_product{padding:100px 0;}

/* 本例子css */
.slideGroup *{ transition:0s;}
.slideGroup{ width:1100px; text-align: center;}
.slideGroup .parHd{ height:30px; line-height:30px; position:relative; margin-bottom:40px;}
.slideGroup .parHd ul{height:32px; text-align:center;}
.slideGroup .parHd ul li{ display:inline-block; padding:0 12px; cursor:pointer; margin:0 10px;border: 1px solid rgba(0,0,0,0.2); border-radius:100px; }
.slideGroup .parHd ul li.on{ height:30px; background:#13aeee; color:#fff;border: 1px solid rgba(0,0,0,0.1);}
.slideGroup .parBd{ }
.slideGroup .slideBox{ overflow:hidden; zoom:1; }

.slideGroup .sPrev,.slideGroup .sNext{ display:block; width:50px; height:50px; float:left; border:1px solid #ddd; border-radius:100px; background:url(../images/icopre.png) center center no-repeat #fff; margin-top:120px; }
.slideGroup .sNext{ background:url(../images/iconext.png) center center no-repeat #fff; float:right; }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ box-shadow: inset 0 0 10px rgba(0,0,0,0.1); }
.slideGroup .parBd .tempWrap{ float:left; }
.tempWrap{ margin-left:14px;}
.slideGroup .parBd ul{ zoom:1; float:left; text-align:center; padding:10px 0;}
.slideGroup .parBd ul li{ margin:0 12px; display:inline-block; _display:inline; text-align:center; padding:10px 0 30px; transition: all 0.3s;}
.slideGroup .parBd ul li:hover{-moz-transform:translate(0px,-10px); -webkit-moz-transform:translate(0px,-10px);-o-moz-transform:translate(0px,-10px); -ms-transition:translate(0px,-10px);transform:translate(0px,-10px);}
.slideGroup .parBd ul li .pic{ text-align:center;}
.slideGroup .parBd ul li .pic img{ width:220px; height:220px; display:block;}
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999; }
.slideGroup .parBd ul li .title{line-height:24px;font-size: 16px;}

.index_news{padding-top:50px;}
.news_box{margin-top:30px;text-align:center;}
.news_box ul{display:inline-block;border:1px solid #e5e5e5;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.news_box ul li{float:left;width:360px;height:440px;text-align:left;position: relative;background-size: 100% 220px !important;}
.news_box ul li:hover{position:relative;z-index:999;box-shadow:0 0 10px #13aeee;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_box ul li:hover div{background:#13aeee;color:#fff;}
.news_box ul li:hover .news_buttom{background:#fff;color:#13aeee;}
.news_box ul:hover li{opacity:0.5;}
.news_box ul li:hover{opacity:1;}
.news_box ul li>div{height:220px;background:#fff;}
.news_box ul li h3{padding:30px;padding-bottom:10px;}
.news_box ul li p{padding:0 30px;padding-bottom:10px;line-height:22px;}
.news_buttom{padding: 1px 10px;background: #13aeee;color: #fff;float: left;}
.index_logo{padding:50px 0;text-align:center;}
.index_logo ul{text-align:center;margin-top:20px;border-right:none;display: inline-block;}
.index_logo ul li{width:180px;height:70px;float:left;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.5;}
.index_logo ul li:hover{opacity:1;filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;}
.img_logo1{background:url(../images/img_logo1.jpg) no-repeat;}
.img_logo2{background:url(../images/img_logo2.jpg) no-repeat;}
.img_logo3{background:url(../images/img_logo3.jpg) no-repeat;}
.img_logo4{background:url(../images/img_logo4.jpg) no-repeat;}
.img_logo5{background:url(../images/img_logo5.jpg) no-repeat;}
.img_logo6{background:url(../images/img_logo6.jpg) no-repeat;}
footer{padding:30px 0;background:#f5f5f5;box-shadow: inset 0 0 2px rgba(0,0,0,0.1);}
footer .left{float:left;margin-top: 40px;}
footer .left > div{float:left;min-width:80px;margin-right:30px;}
footer .left p{font-size:12px;margin-bottom:10px;}
footer .left ul{padding-top:10px;border-top:1px solid #e5e5e5;}
footer .left ul li a{line-height:24px;color:#999;}
footer .right{float:right;}
footer .right .mall{height:40px;text-align:center;}
footer .right .mall li{display:inline-block;width:100px;height:40px;margin:0 10px;}
.img_suning{background:url(../images/suning.png);}
.img_jingdong{background:url(../images/jingdong.png);}
.img_tmall{background:url(../images/tmall.png);}
.footer_ewm{margin-top:10px;}
.footer_ewm li{display:inline-block;margin:0 5px;}
.footer_ewm .footer_lx{line-height:20px;margin-right:10px;text-align:left;padding-left:10px;}
.footer_ewm .footer_lx h2{padding-bottom:6px;color:#13aeee;}
.footer_ewm .ewm_xinlang{width:90px;text-align:center;background:#fff;padding:6px;line-height:14px;border:1px solid #e5e5e5;}
.banquan{width:100%;line-height:40px;color:#999;}
.index_ky{width:100%;height:300px;background:url(../images/bg_ky.jpg);background-attachment:fixed;background-size:cover;box-shadow:inset 0 0 10px rgba(0,0,0,0.3);color:#fff;text-align:center;padding:50px 0;}
.index_ky a{color:#fff;}
.index_ky div>h3{padding:10px 0 30px;}
.index_ky ul li{width:160px;height:220px;display:inline-block;margin:0 10px;padding:10px 20px;}
.index_ky ul li:hover{background:rgba(0,0,0,0.3);}
.index_ky ul li:hover i{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.index_ky ul li i{width:80px;height:80px;border:2px solid #fff;display:block;margin:20px auto; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }
.index_ky ul li h3{margin-bottom:5px;}
.kyico_1{background:url(../images/kyico_1.png) no-repeat center;}
.kyico_2{background:url(../images/kyico_2.png) no-repeat center;}
.kyico_3{background:url(../images/kyico_3.png) no-repeat center;}
.kyico_4{background:url(../images/kyico_4.png) no-repeat center;}

/* 浮动导航 */
#floatPanel *{transition: all 0s;}
#floatPanel .ctrolPanel{width:36px;height:186px;background:#fff url(../images/float-panel-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:20px;top:300px;overflow:hidden;z-index:10000; _position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300);}
#floatPanel .ctrolPanel a{width:34px;font-size:12px;color:#999;letter-spacing:1px;text-align:center;overflow:hidden;}
#floatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#floatPanel .ctrolPanel .arrow span{display:none;}
#floatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#floatPanel .ctrolPanel .arrow:hover span{display:block;}
#floatPanel .ctrolPanel .contact{height:40px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .contact span{line-height:90px;}
#floatPanel .ctrolPanel .qrcode{height:40px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .qrcode span{display:none;}

#floatPanel .popPanel{width:122px;height:142px;position:fixed;right:70px;top:300px;z-index:10000;overflow:hidden;display:none;_position:absolute; /* for IE6 */_top:expression(documentElement.scrollTop + 300); }
#floatPanel .popPanel .popPanel-inner{width:122px;height:142px;position:relative;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .arrowPanel{width:10px;height:140px;position:absolute;right:1px;top:102px;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel{width:120px;height:140px;text-align:center;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel img{width:100px;height:100px;border:none;padding:10px 10px 0px 10px;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel span{font-size:12px;color:#666;}

.id_banner{padding-bottom:300px;box-shadow:inset 0 0 10px rgba(0,0,0,0.2);border-bottom:3px solid rgba(19,174,238,0.6);}
.id_nav{width: 1200px;height:48px;border-bottom:1px solid #e5e5e5;line-height:48px;margin:20px auto;}
.weizhi{padding-left:25px;background:url(../images/ico_weizhi.png) no-repeat left;}
.id_nav ul{float:right;}
.id_nav ul a{float:left;}
.id_nav ul li{float:left;margin-left:25px;}
.id_nav ul li.hover{border-bottom:3px solid #13aeee;color:#13aeee;height:46px;}

/*关于我们*/
.article_about{height:500px;width: 1200px;margin:40px auto;background:url(../images/article_about.jpg) center;}
.about_right{float:right;width:490px;height:440px;background: rgba(255,255,255,0.9);padding:30px;overflow-x: hidden;}
.about_box{width:1100px;margin:40px auto;text-align:center;height:160px;}
.about_box ul li{height:160px;width:268px;float:left;margin-right:9px;}
.about_box ul:hover li{opacity:0.5;}
.about_box ul li:hover{opacity:1;}
.about_box1{background:url(../images/about_box1.jpg) #eee;}
.about_box2{background:url(../images/about_box2.jpg) #eee;}
.about_box3{background:url(../images/about_box3.jpg) #eee;}
.about_box4{background:url(../images/about_box4.jpg) #eee;}
.article_pinpai{height:500px;width:1100px;margin:40px auto;background:url(../images/article_pinpai.jpg) center;}
.lishi_box{width:1100px;margin:40px auto;text-align:center;background:url(../images/bg_map.jpg);}
.lishi_box ul{margin:20px 0;}
.lishi_box ul li:hover{color:#13aeee;}
.lishi_box ul li span{text-align:left;float:left;line-height:18px;font-size:18px;font-weight:bold;color:#13aeee;}
.lishi_box ul li span i{background:#13aeee;border:2px solid #fff;width:15px;height:15px;border-radius:300px;display:block;float:right;margin:0 10px;}
.lishi_box ul li h2{margin-bottom:5px;}
.lishi_box ul li.single{width:509px;min-height:80px;padding:20px;border-right:2px solid #13aeee;float:left;text-align:right;}
.lishi_box ul li.single span{position: absolute;left:50%;margin-left:-82px;margin-top:-30px;}
.lishi_box ul li.double{float:right;width:509px;min-height:80px;padding:20px;border-left:2px solid #13aeee;text-align:left;}
.lishi_box ul li.double span{position: absolute;right:50%;margin-right:-82px;margin-top:-30px;}
.lishi_box ul li.double span i{float:left;}
.about_wenhua{height:500px;width:1100px;margin:40px auto;background:url(../images/article_wenhua.jpg) center;}
.wenhua_box{width:1100px;text-align:center;margin:40px auto;}
.wenhua_box ul li{width:300px;height:400px; float:left;margin:0 10px;border:1px solid #e5e5e5;padding:20px;line-height:20px; text-align:left;}
.wenhua_box ul li span{width:100px;height:100px;margin:0 auto 10px;display:block;background-size:cover;}
.wenhua_box ul li h2{margin-bottom:12px; text-align:center;}
.wenhua_box ul li p{ text-indent:2em;}
.wenhua_box1{background:url(../images/wenhua_1.png) center;}
.wenhua_box2{background:url(../images/wenhua_2.png) center;}
.wenhua_box3{background:url(../images/wenhua_3.png) center;}
.about_quanqiu{height: 500px;width: 1100px;margin: auto;background: url(../images/map_quanqiu.png) center; position:relative;}
.quanqiu_box{width:1100px;margin:0 auto 40px;}
.quanqiu_box ul{text-align:center;margin-top:20px;box-shadow:-1px -1px 0px rgba(0,0,0,0.1);}
.quanqiu_box ul li{display:inline-block;float:left;height:100px;width:205px;padding:25px 35px;box-shadow:1px 1px 0px rgba(0,0,0,0.1);}
.quanqiu_box ul li i{display: block;width:120px;height:75px;margin:0 auto 10px;}
.quanqiu_logo1{background: url(../images/quanqiu_logo1.png) center;}
.quanqiu_logo2{background: url(../images/quanqiu_logo2.png) center;}
.quanqiu_logo3{background: url(../images/quanqiu_logo3.png) center;}
.quanqiu_logo4{background: url(../images/quanqiu_logo4.png) center;}
.quanqiu_logo5{background: url(../images/quanqiu_logo5.png) center;}
.quanqiu_logo6{background: url(../images/quanqiu_logo6.png) center;}
.quanqiu_logo7{background: url(../images/quanqiu_logo7.png) center;}
.quanqiu_logo8{background: url(../images/quanqiu_logo8.png) center;}
.quanqiu_logo9{background: url(../images/quanqiu_logo9.png) center;}
.quanqiu_logo10{background: url(../images/quanqiu_logo10.png) center;}
.quanqiu_logo11{background: url(../images/quanqiu_logo11.png) center;}
.quanqiu_logo12{background: url(../images/quanqiu_logo12.png) center;}
.map_jbj{ width: 40px; height:60px; display:block; background:url(../images/map_jbj.png) no-repeat; position:relative; left:785px; top:175px;animation-name:map_jpj;
animation-duration:1s;-webkit-animation-name:map_jbj;-webkit-animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;}
.about_quanqiu i{ width: 20px; height:30px; display:block;position: absolute;}
.map_mg{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:265px; top:170px;}
.map_xxl{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:952px; top:405px;}
.map_1{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:520px; top:120px;}
.map_2{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:540px; top:120px;}
.map_3{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:600px; top:70px;}
.map_4{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:540px; top:150px;}
.map_5{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:500px; top:155px;}
.map_6{background:url(../images/map_jbj.png) no-repeat; background-size:cover; left:570px; top:125px;}
.about_zhanshi{height: 600px;width: 1000px;margin: 40px auto;padding:45px;background: url(../images/about_zhanshi---.jpg) center #fff;}

/*产品中心*/
.list_img{width: 1200px;margin:40px auto;background: url(../images/bg_map.jpg);}
.list_img ul{ text-align:center}
.list_img ul li{display:inline-block;width:260px;height:270px;margin: 15px;box-shadow:0 0 2px rgba(0,0,0,0.2);}
.list_img ul li img{ max-width:90%;}
.list_img ul li:hover{box-shadow:0 0 10px rgba(19,174,238,0.5);-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -ms-transition:scale(1.1);transform:scale(1.1);}
.list_imgbox{width:1100px;margin:40px auto;}
.list_imgbox ul{ text-align:center}
.list_imgbox ul li{display:inline-block;width:220px;height:100px;margin:20px 20px 0; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.list_imgbox ul li:hover{box-shadow:0 0 10px rgba(19,174,238,0.5);-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -ms-transition:scale(1.1);transform:scale(1.1);}
.pagelist{ text-align:center; padding-top:30px; margin-top:20px; border-top:1px dashed #e5e5e5;}
.pagelist li{ display:inline-block; margin:0 5px;}
.pagelist li a{ border:1px solid #eee; padding:5px 10px;}
.pagelist li.thisclass a{ background:#13aeee; color:#fff;}
.pagelist li a:hover{ background:#13aeee; color:#fff;}

.img_banner{ padding:50px 260px; height:300px; width:580px;}
.img_banner img{ float:left;}
.img_banner span{ float:right;width:280px; height:280px; padding:50px 0; text-align:left; line-height:22px; color:#fff;}
.img_banner h2{ margin-bottom:15px;}
.img_buttom{ color:#fff; border:2px solid #fff; border-radius:20px; margin-top:15px; padding:4px 15px; float:left;}
.img_buttom:hover{ color:#66ae64; border:2px solid #62aa60; background: rgba(255,255,255,0.8);}

.article_img{ width:900px; margin:40px auto;background: url(../images/bg_map.jpg);}
.article_img .images{margin:auto;margin-top: 30px;}
.article_img .body{ display:block; width:80%; height:500px; margin:30px auto; padding:20px 30px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.article_img .body .p{ padding:6px 10px; background:#eee; float:left; margin:6px 12px; margin-left:0;}
.img_body{ float:left;height:240px; padding-top:20px; font-size:12px;}
.img_body > h3{ border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}
.img_news{ width:900px; margin:50px auto;}
.img_news ul{ border:1px solid #eee; border-bottom:none; margin-top:20px;}
.img_news li{ padding:15px 20px; border-bottom:1px solid #eee; width:45%; display: inline-block;}

/*新闻中心*/
.news_article{ width:1100px; min-height:600px; margin:40px auto;}
.news_article ul{ text-align:center;}
.news_article ul li{ display: inline-block; text-align:left;width:250px;margin:10px; border:1px solid #e5e5e5; padding-bottom:5px;min-height: 310px;}
.news_article ul li:hover{ box-shadow:0 0 10px rgba(19,174,238,0.5); border:1px solid #13aeee;}
.news_article ul li img{ width:100%; height:160px;}
.news_article ul li h3{ padding:5px 15px 0px; float:left; font-size:12px; width:90%;}
.news_article ul li p{ padding:5px 15px; float:left; color:#999;}
.news_typelink{ background:#13aeee;padding:2px 6px; margin:5px 15px; float:left;}
.news_typelink a{ color:#fff !important;}
.left_news{ float:left; width:200px; margin-top:40px; border:1px solid #e5e5e5; padding:20px;}
.left_news h3{ margin-bottom:10px;}
.left_news h3 span{ font-size:12px; color:#aaa; margin-left:10px;}
.left_news li{ padding:10px 0; border-bottom:1px dashed #ccc;}
.left_news li span{ background:#13aeee; color:#fff; padding:2px 6px; margin-right:10px;}
.left_news li a{ width:170px;display: inline-block;vertical-align: middle;}
.ico_shizhong{ padding-left:22px; background:url(../images/ico_shizhong.png) left no-repeat}
.ico_liulan{ padding-left:22px; background:url(../images/ico_liulan.png) left no-repeat}

/*联系我们*/
.index_lianxi{width: 1100px;margin: 40px auto;}
.lianxifangshi{ float:left; width:400px; height:440px;}
.lianxi_ewm{ width:120px; border:1px solid #e5e5e5; float:left; text-align:center; padding:5px;}
.from_lianxi{float: right;width: 272px;padding:75px;border:1px solid #13aeee; box-shadow: inset 0 0 10px rgba(19,174,238,0.2);}
.from_lianxi .input{ margin:8px 0; padding: 6px 10px; border:1px solid #13aeee; color:#999;}
.from_lianxi textarea{ margin-bottom:20px !important;}

/*文章内页*/
.article_title{ padding-bottom:10px; text-align:center;}
.article_shijian{ border-bottom:1px dashed #e5e5e5; margin-bottom:30px;padding-bottom:30px; text-align:center;}
.article_bottom{ border-top:1px dashed #e5e5e5; padding-top:30px; margin-top:30px;}
.article_bottom .left{ width:50%; line-height:24px;}

/*招聘页面*/
.zhaopin_article{ width:1100px; margin:40px auto;}
.zhaopin_article ul li{ padding:20px; margin:30px 0; border:1px solid #e5e5e5; line-height:20px; background:#fafafa;}
.zhaopin_article ul li span{ display: block; width:200px; padding-left:30px;}
.zhaopin_article ul li .left{ width:30%; padding-top:3%; padding-left:10%;}
.zhaopin_article ul li .right{ width:55%;}
.zhaopin_bg{ width:150px; height:150px; display:block; background:url(../images/zhaopin_bg.png) no-repeat 100%;}

/*招商加盟*/
.join_index{ width:1100px; margin:40px auto; line-height:22px;}
.join_index h2{ margin:10px 0}
.img_join{ width:100%; margin-top:20px;}
.img_join li{ float:left; width:250px; padding:10px; border:1px solid #e5e5e5; margin-right:30px; text-align:center; background:#fafafa;}
.img_join li img{ width:100px; height:100px;}
.img_join li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

 @media screen and (min-width: 1200px){
	/* 左侧 */
	.Namebox{padding-bottom: 25px; }
	.Namebox{margin-top:45px;}
	.Namebox .nameL{width: 350px;}
	.Namebox .nameL .ch{font-size:46px;padding-bottom: 25px;}
	.Namebox .nameL .en{font-size: 16px;}
	.Namebox .info{padding-left: 45px;width:784px;line-height: 26px;font-size: 16px;}
	.menu{margin-top:40px;margin-bottom: 53px;}
	.menu li{width:192px;margin-right:42px;height: 45px;margin-bottom: 20px;}
	.menu li a{line-height: 45px;}
/* 左侧 */
.Cont{padding:1%;}
.mbx{margin-top:20px;color: #8b8c8c;}
.mbx span{color:#08a83a;}
.Namebox{margin-top:10px;}
.Namebox .nameL{}
.Namebox .nameL .ch{font-size:18px;color:#575757;line-height: 18px;margin: 0px;float:left;}
.Namebox .nameL .en{font-size: 12px;color: #e6e6e6;line-height: 20px;float: left;margin-left: 6px;}
.Namebox .info{font-size:12px;color: #8a8383;line-height: 16px;text-indent: 2em;color:#8a8383;}
.menu{margin-top:20px;margin-bottom: 20px;width: 1200px;margin: auto;}
.menu ul{}
.menu li{/* width: 100%; */height: 40px;float: left;}
.menu a{display: block;width: 100%;font-size:16px;background-color:#e6e6e6;text-align: center;line-height: 40px;color: #575757;text-decoration: none;}
.menu li.on a,.menu li:hover a{background-color:#f2931d;color:white; }
@media screen and (min-width:980px){
	/* 左侧 */
	.Namebox{margin-top:30px;}
	.Namebox .nameL{width:170px;}
	.Namebox .nameL .ch{font-size:22px;}
	.Namebox .nameL .en{font-size: 16px;}
	.menu li a{border-radius: 20px;}
.sec2{
    padding-top: 57px;
}
.sec2 li{
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 32px;
    margin-bottom: 66px;
    border-bottom: 1px solid #ddd;
    height: 220px;
}
.sec2 li.last{
    border-bottom: 0 none;
}
.sec2 .img-box{
    float: left;
    width: 344px;
    height: 220px;
}
.sec2 .text-box{
    width: 720px;
    float: right;
}
.sec2 .text-box h3{
    font-size: 24px;
    color: #444;
    font-weight: normal;
    line-height: 44px;
}
.sec2 .text-box h4{
    line-height: 22px;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    margin-bottom: 8px;
}
.sec2 .text-box h4 img{
    margin-right: 10px;margin-top: 4px;
}
.sec2 .text-box p{
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-align: justify;
    margin-bottom: 34px;
}
.sec2 .text-box a{
    display: block;
    font-size: 14px;
    color: #ea5404;
    border: 1px solid #ea5404;
    border-radius: 20px;
    width: 143px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: right;
    clear: both;
}
.sec2 .text-box a:hover{
    color: #fff;
    background-color: #ea5404;
}

/*新闻内页*/
 .sec1{
    padding-top: 58px;
}
 .sec1 .tit{
    margin-bottom: 43px;
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: bold;
}
 .sec1 .text-box{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-bottom: 65px;
}
 .sec1 .text-box p{
    white-space: pre-wrap;
    line-height: inherit;
}
 .sec2{
    padding: 29px 0 68px;
    border-top: 1px solid #ddd;
}
 .sec2 a{
    display: block;
    width: 50%;
    height: 22px;
    line-height: 22px;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #666;
}
 .sec2 a.left{
    float: left;
    padding-left: 32px;
    background-image: url(../images/newsinner_sec2_icon1.jpg);
    background-position: left center;
}
 .sec2 a.right{
    text-align: right;
    float: right;
    padding-right: 32px;
    background-image: url(../images/newsinner_sec2_icon2.jpg);
    background-position: right center;
}
 .sec2 a:hover{
    color: #ea5404;
}

/**************from表单**********************/
.form{ padding:10px;}
.listtop,.listbottom{   margin-left: 10px; }
.listtop{margin-top: 10px;border:1px  solid #CCCCCC;border-bottom: none;padding-left: 10px; padding-bottom: 15px;background: #F5F5F5;}
.con_edit{margin: 10px;}
.form_top{padding-left: 10px; padding-bottom: 2px;}
.form dl {overflow: hidden;zoom: 1;padding-top: 2px;}
.form dt {float: left;width: 20%;font-size: 14px;padding: 3px 0 0 0;color: #666;text-align: right;}
.form dd {line-height: 22px;padding: 3px 0 0 0;}
.form dd select, .form dd input {vertical-align: middle;}
.form dd .logo{border: 1px solid #D4D4D4;}
.form dd .wxqrcode{width: 80px;height: 80px;border: 1px solid #D4D4D4;}
.form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding: 20px 0 45px 205px;}
.form .btn7 {margin-left: 10px;}


.form1 
{width: 860px;padding: 10px;}

.form1 dl 
{
line-height: 33px;
border-bottom:1px dashed #CCC;
overflow: hidden;
zoom: 1;
margin-top: 0px;
margin-bottom: 0px;
}

.form1 dt {float: left;width: 6%;font-size: 16px;padding: 3px 0 0 0;color: #666;width: 90px;text-align: right;}
.form1 dd {float: left;line-height: 33px;background-color: white;-webkit-margin-start: 0px;padding-left:5px;font-size: 16px;}
.dd1
{ width:300px;
  height:33px;
  padding: 3px 0 0 0;
  
    } 
.dd2
{ width:250px;
  padding: 3px 0 0 0;
    } 
	/**************from表单**********************/
.form{ padding:10px;}
.listtop,.listbottom{   margin-left: 10px; }
.listtop{margin-top: 10px;border:1px  solid #CCCCCC;border-bottom: none;padding-left: 10px; padding-bottom: 15px;background: #F5F5F5;}
.con_edit{margin: 10px;}
.form_top{padding-left: 10px; padding-bottom: 2px;}
.form dl {overflow: hidden;zoom: 1;padding-top: 2px;}
.form dt {float: left;width: 20%;font-size: 14px;padding: 3px 0 0 0;color: #666;text-align: right;}
.form dd {line-height: 22px;padding: 3px 0 0 0;}
.form dd select, .form dd input {vertical-align: middle;}
.form dd .logo{border: 1px solid #D4D4D4;}
.form dd .wxqrcode{width: 80px;height: 80px;border: 1px solid #D4D4D4;}
.form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding: 20px 0 45px 205px;}
.form .btn7 {margin-left: 10px;}


.form1 
{width: 860px;padding: 10px;}

.form1 dl 
{
line-height: 33px;
border-bottom:1px dashed #CCC;
overflow: hidden;
zoom: 1;
margin-top: 0px;
margin-bottom: 0px;
}

.form1 dt {float: left;width: 6%;font-size: 16px;padding: 3px 0 0 0;color: #666;width: 90px;text-align: right;}
.form1 dd {float: left;line-height: 33px;background-color: white;-webkit-margin-start: 0px;padding-left:5px;font-size: 16px;}
.dd1
{ width:300px;
  height:33px;
  padding: 3px 0 0 0;
  
    } 
.dd2
{ width:250px;
  padding: 3px 0 0 0;
    }