@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1490247985142'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1490247985142#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1490247985142') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1490247985142') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1490247985142#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dianhua:before { content: "\e600"; }
.icon-weixin:before { content: "\e601"; }
.icon-bofang:before { content: "\e602"; }
.icon-xinlang:before { content: "\e63d"; }
.icon-shouye:before { content: "\e611"; }
.icon-qq:before { content: "\e616"; }
.icon-cha:before { content: "\e6cb"; }
.icon-sousuo:before { content: "\e61b"; }
.icon-wendang:before { content: "\e6b7"; }
.icon-leftarrow:before { content: "\e65c"; }
.icon-qunzu:before { content: "\e663"; }
.icon-qiye:before { content: "\e724"; }
.icon-shafa:before { content: "\e604"; }
.icon-leftarrow-copy:before { content: "\e65d"; }
.icon-youjiantou:before { content: "\e6df"; }
.icon-tag-copy:before { content: "\e603"; }

*{margin: 0;padding: 0;outline: 0;list-style-type: none;text-decoration: none;font-family: "微软雅黑"}
img{outline: none;border: 0;}
/*body{overflow-x: hidden;}*/
header{width: 100%;height: 113px;background-color: #FFFFFF;position: fixed;top: 0;z-index: 99;left: 0;transition: height 0.3s;
    -webkit-transition: height 0.3s; /* Safari */}
.header-a{width: 1120px;margin: 0 auto;}
.header-c{width: 100%;height:65px;background-color: #FFFFFF;position: fixed;left: 0;top: 0;z-index: 99;box-shadow: 0px 2px 2px #ccc;}
.header-c .logo{margin-top: 10px;}
.header-c .logo img{width: 65%;}
.header-c .nav{height: 65px;}
.header-c .nav-a{margin-top: 20px;}
.logo{float: left;margin-top: 20px; transition: margin-top 0.3s;
    -webkit-transition: margin-top 0.3s; /* Safari */}
.logo img{width:100%;transition: width 0.3s;
    -webkit-transition: width 0.3s; /* Safari */}
.nav{position: relative;float: left;height: 113px;width: 755px;margin-left: 185px;transition: height 0.5s;
    -webkit-transition: width 0.5s; /* Safari */}
.nav-a{margin-top: 70px;transition: margin-top 0.3s;
    -webkit-transition: margin-top 0.3s; /* Safari */}
.nav-b{float: left;margin-right: 60px;position: relative;height: 45px;}
.nav-b:last-child{margin-right: 0;}
.nav-b .nav-c{font-size: 14px;color: #666;}
.nav-b .nav-c.active{color: #00a5e2;}
.nav-d{z-index: -1;position: absolute;width: 150px;left: -40px;transition: top 0.3s;-webkit-transition: top 0.3s;top: 100px;display: none;}
.nav-b:hover .nav-d{top: 40px;z-index: 99;}
.nav-d ul{background-color: rgba(255,255,255,1);border-top: 4px solid #00A3E1;}
.nav-d li{width: 150px;height: 40px;border-bottom: 1px solid #E6E6E6;}
.nav-d li:last-child{border-bottom: 0;}
.nav-d li:hover{background-color: #EFEFEF;}
.nav-d li:hover a{margin-left: 30px;}
.nav-d li a{width: 130px;display: inline-block;line-height: 40px;color: #333;font-size: 14px;margin-left: 20px;transition: margin-left 0.3s;-webkit-transition: margin-left 0.3s; }
.phone{position: absolute;right: 0;top: 5px;}
.icon-weixin{font-size: 30px;color: #11cd6e;cursor: pointer;}
.icon-dianhua{font-size: 30px;color: #82c617;float: left;margin-right: 15px;}
.phone span{float: left;line-height: 34px;margin-right: 30px;}
.phone .erweima{position: absolute;right: -45px;top: 40px;display: none;background-color: #FFFFFF;box-shadow: 2px 2px 2px #ccc;width: 115px;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.erweima p{font-size: 14px;color: #333;}


.slide{margin-top: 113px;}
.slide .swiper-container { width: 100%;height: 100%;}
.slide .swiper-slide {text-align: center; font-size: 18px;display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        
        background: url(../img/banner.png) no-repeat 50% 0;
        height: 650px;
    }
.slide .swiper-pagination-bullet{width: 25px;height: 3px;border-radius: initial;}
.slide .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}

.career{width: 1120px;margin: 0 auto;margin-top: 35px;margin-bottom: 65px;}
.career-a{text-align: center;}
.career-a h2{font-weight: normal;color: #555555;}
.career-a p{position: relative;font-size: 14px;margin-top: 15px;}
.carerr-line{width: 130px;height: 1px;background-color: #999;display: inline-block;margin-right: 25px;position: absolute;top: 10px;left: 300px;}
.carerr-line2{width: 130px;height: 1px;background-color: #999;display: inline-block;margin-left: 25px;position: absolute;right: 300px;top: 10px;}
.career-b{margin-top: 30px;}
.career-b .swiper-slide{height: 240px;}
.career-c{width: 226px;height: 196px;margin-left: 17.5px;position: relative;border: 2px solid #fff;transition:border-color 1s;
	-webkit-transition:border-color 1s; /* Safari */}
.career-c:hover{border-color:#c63f40;}
.career-c img{position: absolute;left: -20px;top: 10px;background-color: #FFFFFF;padding: 10px 0;width:271px;height:151px;}
.career-d{margin-top: 15px;}
.career-line3{width: 15px;height: 2px;background-color: #c33033;display: inline-block;float: left;margin-top: 10px;margin-right: 15px;}
.career-d i{float: right;width: 25px;height: 20px;text-align: center;background-color: #e1e1e1;font-size: 12px;line-height: 20px;color: #333;transition:background-color 2s;
	-webkit-transition:background-color 2s; /* Safari */transition:color 1s;
	-webkit-transition:color 1s; /* Safari */}
.career-d i.active{background-color: #C63F40;color: #FFFFFF;}
.career-b .swiper-button-next,.career-b .swiper-button-prev{width: 30px;height: 50px;background-color: #b6302f;background-image: initial;text-align: center;line-height: 50px;}
.career-b .swiper-button-next i,.career-b .swiper-button-prev i{color: #FFFFFF;font-size: 18px;}
.career-b .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background-color: #4f3631;opacity: .7!important;}

.about{width: 100%;height: 475px;background: url(../img/bg1.png) no-repeat 50% 0;}
.about-a{width: 1120px;margin: 0 auto;display: flex;}
.about-left{width: 580px;float: left;margin-top: 55px;}
.al-a h2{color: #00a3e1;font-weight: normal;}
.al-a p{font-size: 14px;color: #626262;}
.al-b{margin-top: 35px;}
.al-b p{font-size: 14px;color: #747171;line-height: 24px;}
.about-right{margin-left: 45px;float: left;margin-top: 55px;width: 495px;}

.ar-a{margin-top: 35px;position: relative;padding: 0 20px;width: 475px;}
.ar-a .swiper-button-prev{left: -10px;}
.ar-a .swiper-button-next{right: -10px;}

.achievement{width: 1120px;margin: 0 auto;display: table;}
.achievement .career-a{margin-top: 40px;}
.achi-a{margin-top: 45px;}
.ach-a{width: 596px;float: left;}
.ach-a a{position: relative;top: 0;left: 0;display: inline-flex;}
.ach-a p{position: absolute;width: 100%;height: 40px;background-color: rgba(0,0,0,0.7);left: 0;bottom: 0;text-align: center;color: #FFFFFF;font-size: 14px;line-height: 40px;}
.ach-a .mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;display: none;}
.ach-a .mask-a{width: 80px;height: 80px;background-color: rgba(255,255,255,0.3);text-align: center;line-height: 80px;border-radius:50%;margin-left: 45%;margin-top: 30%;}
.ach-a .mask-a i{color: #FFFFFF;font-size: 24px;}
.alc-a{margin-left: 10px;float: left;width: 290px;}
.ala-a{margin-bottom: 1px;}
.ala-a a{position: relative;top: 0;left: 0;display: inline-flex;}
.ala-a p{position: absolute;width: 100%;height: 40px;background-color: rgba(0,0,0,0.7);left: 0;bottom: 0;text-align: center;color: #FFFFFF;font-size: 14px;line-height: 40px;}
.ala-a .mask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;display: none;}
.ala-a .mask-a{width: 80px;height: 80px;background-color: rgba(255,255,255,0.3);text-align: center;line-height: 80px;border-radius:50%;margin-left: 37%;margin-top: 25%;}
.ala-a .mask-a i{color: #FFFFFF;font-size: 24px;}
.ach-b{float: left;margin-left: 10px;width: 214px;}
.ach-b a{position: relative;top: 0;left: 0;display: inline-flex;}
.ach-b .mask{width: 100%;height: 100%;background-color: rgba(255,255,255,0.5);position: absolute;left: 0;top: 0;}
.ach-b .mask-a{width: 80px;height: 80px;background-color: rgba(48,174,212,1);text-align: center;line-height: 80px;border-radius:50%;margin-left: 32%;margin-top: 90%;}
.ach-b .mask-a p{color: #FFFFFF;font-size: 24px;}

.news{width: 100%;height: 530px;display: flex;background-color: #f4f4f4;margin-top: 50px;}
.news-a{width: 1120px;margin: 0 auto;}
.news-b{float: right;margin-top: 20px;}
.news-b li{float: left;margin-right: 40px;}
.news-b li:last-child{margin-right: 0;}
.news-b li a{font-size: 14px;color: #999;}
.news-b li a.active{color: #00a3e1;}
.news-b li a:hover{color: #00A3E1;}
.news-c{clear: both;position: relative;margin-top: 70px;}
.news-line{width: 166px;height: 376px;border: 2px solid #000;margin-left: 310px;}
.news-d{position: absolute;left: 0;top: 0;z-index: 9;width: 820px;}

.friendship{width: 1120px;margin: 0 auto;display: table;padding-bottom: 35px;}
.friendship-a{margin-top: 50px;}
.friendship-a li{float: left;margin-right: 30px;}
.friendship-a li a{font-size: 14px;color: #999;}

.footer{width: 100%;border-top: 3px solid #00a3e1;height: 247px;background-color: #F4F4F4;}
.footer-a{width: 1120px;margin: 0 auto;}
.footer-b{width: 314px;border-right: 1px solid #e6e6e6;margin-top: 20px;height: 210px;float: left;}
.footer-b h3{font-weight: normal;color: #202020;}
.footer-b h1{color: #00a3e1;margin-top: 5px;}
.footer-b h6{color: #333333;font-weight: normal;margin-top: 15px;}
.footer-other{margin-top: 35px;}
.footer-other li{float: left;margin-right: 25px;}
.footer-other li i{font-size: 40px;color: #00a3e1;}
.footer-erwei{margin-top: 20px;float: left;margin-left: 50px;}
.footer-erwei h3{font-weight: normal;color: #202020;margin-bottom: 30px;}
.footer-erwei li{float: left;margin-right: 48px;}
.footer-erwei li:last-child{margin-right: 0;}

.footer2{width: 100%;background-color: #81c723;height: 55px;}
.footer2-a{width: 1120px;height: 55px;margin: 0 auto;}
.footer2-a p{line-height: 55px;font-size: 12px;color: #FFFFFF;}
.footer2-a p span{margin-right: 50px;}
.footer-right{float: right;margin-right: 0!important;}


.focus{height:275px;width:820px;margin:55px auto 0 auto;}
.focus .left{float:left; width:390px; height:275px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:842px; height:275px; opacity:0;}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}
.focus .left li img{width: 390px;height: 275px;}
.focus .right{float:left; width:480px;margin-left: -50px;z-index: 9;position: relative;margin-top: 10px;}
.focus .right a{color: #333;}
.focus li.active a{color: #FFFFFF;}
.focus .right li{height:85px; overflow:hidden; padding-left:10px;color:#676767; font-size:16px;cursor: pointer;z-index: 999;background-color: #fff;width: 470px;}
.focus .right li:hover,.focus .right li.active{color:#fff;background-color: #00a3e1;}
.focus .right li:hover .news-right p,.focus .right li.active .news-right p{color: #FFFFFF;}
.focus .right li i{ background-repeat:no-repeat; width:60px; height:60px; float:left; margin:15px 19px 0px 0;}
.news-left{float: left;margin-left: 8px;}
.news-left h2{margin-top: 15px;font-size: 30px;margin-left: 2px;}
.news-left p{font-size: 12px;font-weight: bold;}
.news-right h4{font-weight: normal;font-size: 14px;}

.news-right{margin-top: 20px;border-left: 1px solid #E6E6E6;float: left;width: 350px;padding-left: 20px;margin-left: 15px;}
.news-right p{width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;margin-top: 10px;color: #666;}
.news-e{width: 288px;height: 300px;position: absolute;right: 0;top: 85px;background-color: #FFFFFF;}
.news-e .swiper-slide{height: 215px;position: relative;}
.news-e .swiper-button-next,.news-e .swiper-button-prev{width: 35px;height: 30px;background-image: none;text-align: center;line-height: 30px;background-color: #333;opacity: 1;}
.news-e .swiper-button-next i,.news-e .swiper-button-prev i{color: #FFFFFF;}
.news-e .swiper-button-prev{left: 210px;top: 115%;}
.news-e .swiper-button-next{top: 115%;}
.news-e .swiper-button-next.swiper-button-disabled,.news-e .swiper-button-prev.swiper-button-disabled{background-color: #f48a02;}
.news-sp{margin-left: 10px;margin-top: 20px;}
.news-sp p{font-size: 16px;color: #333;}
.news-sp span{width: 20px;height: 2px;background-color:#333;display: inline-block;}
.news-mask{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);left: 0;top: 0;text-align: center;display: none;}
.news-mask i{color: #FFFFFF;font-size: 56px;line-height: 215px;}

.alert-shipin{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 99;display: none;}
.as-a{width: 70%;margin-left: 15%;background-color: #fff;margin-top: 5%;z-index: 100;border-radius: 1%;position: relative;}
.as-a video{margin-left: 5%;}
.cha{position: absolute;right:20px;top: 20px; -webkit-transition: -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition: transform 1s;}
.cha i{font-size: 24px;color: #999;cursor: pointer;}
.cha:hover{ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);}


/*关于我们*/

.about-content{width: 100%;display: table;}
.ac-a{width: 100%;background: url(../img/about.jpg) no-repeat 50% 0;height: 200px;}
.ac-b{width: 100%;background-color: #e6e7e8;height: 50px;}
.acb{width: 1120px;margin: 0 auto;height: 50px;}
.ac-b p{float: right;line-height: 50px;}
.ac-b i{font-size: 20px;margin-right: 10px;}
.ac-b a{font-size: 12px;color: #666;margin: 0 5px;}
.ac-b a.active{color: #00A3E1;}
.ac-c{width:100%;background-color: #f4f3f8;display: table;padding-bottom: 20px;}
.ac-bg{width: 1120px;margin: 0 auto;margin-top: 15px;}
.ac-left{width: 235px;float: left;background-color: #FFFFFF;height: 430px;}
.ac-left li{height: 40px;border-bottom: 1px solid #E6E6E6;}
.ac-left li a{font-size: 14px;line-height: 40px;color: #666;height: 30px;display: block;}
.ac-left li span{float: right;margin-right: 20px;}
.ac-left li i{margin-left: 32px;color: #666;margin-right: 15px;}
.ac-left li:hover{border-left: 2px solid #00A3E1;}
.ac-left li:hover i{margin-left: 30px;color: #666;}
.ac-left li:hover a{color: #00A3E1;}
.ac-left li.active{border-left: 2px solid #00A3E1;}
.ac-left li.active i{margin-left: 30px;color: #666;}
.ac-left li.active a{color: #00A3E1;}
.ac-right{float: left;margin-left: 15px;width: 790px;background-color: #FFFFFF;padding: 20px 40px;}
.ac-right p{margin-bottom: 40px;font-size: 14px;color: #666;line-height: 28px;}

.ac-right img{float: left;margin-right: 20px;}
.sus{text-indent: 2em;}

.contact .ac-right p{margin-bottom: 0px;}
.contact-a{width: 100%;margin:30px -40px 10px -40px;display: table;}
.contact-a .lianxi{width: 870px;margin-bottom: 10px;}
.lianxi2{margin-bottom: 20px;}

.ac-right li{width: 330px;float: left;margin-right: 80px;margin-bottom: 15px;}
.ac-right li:nth-child(2n+2){margin-right: 0;}
.ac-right li a img{float: left;margin-right: 0;}
.honor-a{width: 163px;font-size: 14px;float: left;margin-left: 10px;}
.honor-a p{border-bottom: 1px solid #ccc;padding-left: 10px;line-height: 20px;}
.honor-a span{width: 98px;display: block;}
.honor-b{height: 30px;width: 35px;border-left: 1px solid #E6E6E6;margin-top: 20px;}
.honor-b i{margin-left: 30px;color: #999;line-height: 30px;}
.ach-right{width: 840px;float: left;margin-left: 15px;background-color: #FFFFFF;padding:15px;}
.ach-ul li{width: 270px;height: 230px;float: left;margin-right: 15px;margin-bottom: 15px;display: inline-block;}
.ach-ul li a{width: 270px;height:180px;display: block;overflow: hidden;}
.ach-ul li a img{width: 270px;height:180px;}
.ach-ul li:nth-child(3n+3){margin-right: 0;}
.ach-title{position: relative;}
.ach-title h5{font-weight: normal;}
.ach-title p{font-size: 12px;color: #666;}
.ach-title i{position: absolute;right: 15px;top:10px;color: #999;display: none;}

.achr-left{width: 520px;float: left;}
.achr-left img{border-bottom: 1px dashed #ccc;padding-bottom: 30px;margin-bottom: 10px;width:100%;}
.achr-p p{font-size: 12px;color: #ccc;line-height: 26px;margin-bottom: 30px;}
.achr-right{float: left;width: 250px;margin-left: 30px;}
.achr-right h3{font-weight: normal;}
.achr-right h6{font-size: 12px;color: #999;font-weight: normal;}
.achr-right p{margin-top: 35px;font-size: 12px;color: #999;line-height: 20px;border-bottom: 1px dashed #999;padding-bottom: 30px;margin-bottom: 20px;}
.achr-right .achr-sp{padding: 5px;background-color: #f3f3f3;font-size: 12px;margin-right: 10px;}
.achr-right ul{margin-top: 35px;}
.achr-right li{width: 115px;margin-right: 10px;float: left;height: initial;}
.achr-right li:nth-child(2n+2){margin-right: 0;}
.achr-right li:nth-child(3n+3){margin-right: 10px;}
.achr-right li h5{color: #000;font-weight: normal;width:115px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.achr-right li span{color: #999;font-size: 12px}
.ach-page{clear: both;}
.ach-page li{width: 30px;height: 30px;margin-right: 5px;float: left;}
.ach-page li a{color: #333;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;border: 1px solid #E6E6E6;}
.ach-page li a.active{color: #e4088a;}
.ach-c{display: table;}
.achc-a{width: 870px;margin-left: 250px;height: 52px;background-color: #E6E7E8;}
.achc-a .ach-back a{width: 65px;background: url(../img/back.jpg) no-repeat;height: 52px;color: #FFFFFF;font-size: 16px;line-height: 52px;padding-left: 50px;float: left;}
.ach-e{line-height: 52px;float: left;margin-left: 40px;}
.ach-e a{font-size: 12px;color: #999;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

.field-right{width: 840px;padding: 15px;background-color: #FFFFFF;float: left;margin-left: 15px;}
.field-right p{font-size: 14px;color: #999;line-height: 26px;}
.field-right ul{margin-top: 20px;}
.field-right li{float: left;margin-right: 25px;}
.field-right li img{margin-bottom: 100px;}

.newsc-right{float: left;margin-left: 15px;background-color: #FFFFFF;width: 840px;padding: 15px;}
.newsc-right li{height: 130px;margin-bottom: 45px;}
.newsc-right li img{float:left ;width:197px;}
.newsc-p{float: left;margin-left: 45px;}
.news-p{border-bottom: 1px dashed #E6E6E6;padding-bottom: 30px;height: 50px;}
.newsp-left{float: left;}
.newsp-left h1{font-weight: normal;color: #ccc;}
.newsp-left p{font-size: 12px;color: #ccc;}
.newsp-right{float: left;margin-left: 40px;width: 420px;margin-top: 13px;}
.newsp-right h4{font-size: 14px;color: #333;font-weight: normal;}
.newsp-right p{width: 420px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;color: #ccc;margin-top: 10px;}
.newsc-a{margin-top: 20px;}
.newsc-a i{font-size: 14px;color: #CCCCCC;}
.newsc-a span{padding: 3px 8px;font-size: 14px;background-color: #efefef;color: #666;}
.news-page{clear: both;}
.news-page li{width: 30px;height: 30px!important;float: left;margin-right: 5px;}
.news-page li a{width: 30px;height: 30px;color: #333;border: 1px solid #ccc;display: block;text-align: center;line-height: 30px;}
.news-page li a.active{color: #E4088A;}

.newsd-right{width: 820px;background-color: #FFFFFF;padding: 25px;float: left;margin-left: 15px;}
.news-time{font-size: 12px;color: #999;margin-top: 5px;}
.newsd-right h4{color: #333;}
.news-content{margin-top: 20px;}
.newsd-right p{font-size: 12px;color: #aaa;}
.newsd-right img{margin-top:20px ;margin-bottom: 25px;}
.newsd-p{margin-left: 20px;line-height: 24px;}

/*滚动至顶*/

.actGotop{position:fixed;_position:absolute;bottom:100px;right:20px;width:61px;height:61px;display:none;z-index: 999;}
.actGotop a,.actGotop a:link{width:61px;height:61px;display:inline-block;background:url(../img/top.png) no-repeat;outline:none;transform:rotate(-360deg); -webkit-transform:rotate(-360deg); transition:all 0.8s ease-out; -webkit-transition:all 0.8s ease-out;}
.actGotop a:hover{background:url(../img/toph.png) no-repeat;outline:none; right:0px; transform:rotate(0deg); -webkit-transform:rotate(0deg);}

.contact,.about-content,.sussainable{margin-top: 113px;}



/*移动端css样式*/
.m-nav{float: right;margin-right: 5%;margin-top: 5%;position: relative;display: none;}
.m-nav p{width: 25px;height: 25px;}
.m-nav p span{width: 25px;height: 2px;background-color: #00A3E1;display: block;margin-bottom: 5px;}
.m-nav ul{position: absolute;width: 150px;z-index: 99;background-color: #FFFFFF;left: -100px;border-top: 3px solid #00A3E1;top: 37px;display: none;}
.m-nav li{text-align: center;width: 150px;height: 40px;border-bottom: 1px solid #E6E6E6;}
.m-nav li:last-child{border-bottom: 0;}
.m-nav li a{font-size: 14px;color: #666;line-height: 40px;}
.m-about-nav{display: none;}
@media only screen and (max-width: 640px) {
	header{height: initial;}
	.header-a{width: 100%;height: initial;}
	.header-b{width: 100%;height: initial;}
	.header-c{height: 60px!important;}
	.logo{margin-top: 8px!important;}
	.logo a img{width: 60%!important;margin-left: 5%;}
	.nav{display: none;}
	.m-nav{display: block;}
	
/*轮播图*/

.m-slide{width: 100%;}
.m-slide .swiper-slide{width: 100%;}
.m-slide .swiper-slide img{width: 100%;}
.m-slide .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: initial;}
.m-slide .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}

/*事业领域*/

.career{width: 96%;margin-left: 2%;margin-bottom: 20px;}
.career-a span{width: 20%;}
.career-b{margin-top: 10px;}
.career-c{width: 100%;height: initial;display: table;}
.career-c img{width: 100%;height: 190px;}
.career .swiper-slide{position: relative;}
.career-d{position: absolute;bottom: 0px;width: 100%;}

/*关于我们*/

.about{height: initial;background-image: initial;}
.about-a{width: 100%;display: inline-block;}
.about-left{width: 96%;padding: 0 2%;margin-top: 0;}
.al-a{margin-left: 30px;}
.about-right{width: 100%;margin: 0;margin-top: 20px;}
.ar-a{width: 80%;margin-left: 5%;}

/*企业业绩*/

.achievement{width: 100%;display: initial;}
.achievement .career-a{margin-top: 20px;}
.m-career{width: 96%;padding: 2%;}
.m-career ul{display: table;}
.m-career li{width: 49.5%;float: left;margin-right: 1%;}
.m-career li:nth-child(2n+2){margin-right: 0;}
.m-career li img{width: 100%;}
.m-more{width: 90%;margin-left: 5%;height: 40px;line-height: 40px;display: block;border: 1px solid #ccc;margin-top: 15px;text-align: center;font-size:14px;color:#333;}

/*友情链接*/
.friendship-a{width: 96%;padding: 0 2%;}

/*新闻*/
.news-b{float: none;margin-left: 2%;}
.news{height: initial;padding-bottom: 20px;margin-top: 10px;}
.m-career-a li{height: 40px;border-bottom: 1px dashed #ccc;width: 96%;margin-left: 2%;}
.m-career-a li a{line-height: 40px;font-size: 14px;color: #333;width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*底部*/
.footer{display: none;}
.footer2{height:75px}
.footer2-a{text-align: center;width: 100%;height: initial;}
.friendship{width: 100%;}
.footer2-a p span{margin-right: 0;display: block;line-height: 24px;}
.footer-right{float: none;}

/*about.html*/


.ac-a{display: none;}
.acb{width: 100%;}
.ac-b p{float: left;margin-left: 3%;}
.ac-left{display: none;}
.ac-bg{width: 99%;}
.ac-right{width: 92%;margin: 0;margin-left: 2%;padding: 2%;height: initial;}
.ac-right p{width: 100%;}
.ac-right img{width:100% !important;}
.m-about-nav{clear: both;width: 96%;padding: 0 2%;margin-top: 8px;background-color: #fff;display: block;}
.m-about-nav li{width: 49%;float: left;text-align: center;height: 30px;margin-bottom: 8px;}
.m-about{width: 50%!important;float: left;text-align: center;height: 30px;margin-bottom: 8px;}
.m-about-nav li a{height: 30px;width: 98%;display: block;border: 1px solid #ccc;font-size: 14px;color: #333;line-height: 30px;}
.m-about-nav li a.active{color: #00A3E1;}
.contact, .about-content, .sussainable{margin-top: 3.666rem;display: inline-block;width: 100%;}

.achr-right{display: none;}
.ac-c{display: block;padding-bottom: 0;background-color: initial;}
.ach-right{width: 96%;margin-left: 0;padding: 8px;}
.achr-left{width: 100%;}
.achr-left img{width: 100%;}
.achr-p{width: 100%;}
.ach-c{width: 100%;}
.achc-a{margin-left: 0;width: 100%;}
.ach-back{width: 27%;float: left;text-align: center;line-height: 52px;background: url(../img/back.jpg) no-repeat;color: #FFFFFF;}
.ach-e{margin-left: 0;}

.ach-ul li{width: 49.5%;float: left;margin: 0;height: initial;margin-right:1%!important;margin-bottom: 10px;}
.ach-ul li:nth-child(2n+2){margin-right: 0!important;}
.ach-ul li a{width: 100%;height: initial;margin-bottom: 10px;}
.ach-ul li a img{width: 100%;}
.ach-page {text-align: center;}
.ach-page li{width: 30px;height: 30px;text-align: center;line-height: 30px;}
.ach-page li:last-child{margin-left: 1%;}
.contact-a .lianxi{width: 100%;}
.contact-a{margin: 0;}

.field-right{width: 96%;padding:0 2%;margin: 0;}
.field-right li{width: 100%;margin-right: 0;}
.field-right li img{width: 100%;margin-bottom: 10px;}

.newsc-right{width: 95%;margin: 0;padding:0 2%;}
.newsc-p{margin-left: 0;width: 100%;}
.newsc-right li{width: 100%;margin-bottom: 10px;display: inline-block;height: initial;}
.newsp-right{width: 74%;margin-left: 10px;}
.newsp-right p{width: 100%;}
.news-p{width: 100%;}
.news-pages{width: 100%;}
.news-page li{width: 30px;height: 30px;text-align: center;line-height: 30px;margin-right: 5px}
.newsd-right{width: 96%;margin: 0;padding: 2%;}
.newsd-right img{width: 100%;}
.ach-e{width: 69%;margin-left: 14px;}

.kechixu1{width: 100%;margin-right: 0;}
.ac-right li{width: 100%;margin-right: 0;}
.slide2{width: 50%;}
}
@media only screen and (max-width:400px) {
	.career-a span{display: none;}
	.ar-a{width: 78%;}
	.ar-a .swiper-slide img{width: 100%;}
	.slide2{width: 40%;}
	.newsp-right{width: 66%;}
	.news-p{width: 100%;}
	.newsp-left{width: 31%;}
}
@media only screen and (max-width:320px ) {
	.newsp-left{display: none;}
	.newsp-right{width: 98%;}
    .ach-e{display: none;}
}