@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clear{display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0;} .clearfix:before, .clearfix:after{content:"";display: table;}.clearfix:after{clear: both;}.clearfix{zoom:1;}.fl{float:left;}.fr{float:right;}a{text-decoration: none;color: #58595b}
body, html, input, button, select{font-family: 'Microsoft Yahei',Arial,'Hiragino Sans GB','\5B8B\4F53'!important;color: #58595b;}
body {overflow-y:scroll;}
/*index*/
i{font-style:normal}
a,p,span,h4{font-size: 16px;}
.g-wrp{background-color: #fff!important;overflow: hidden;width: 100%;}
.zzc{position: absolute;top: 0;width: 100%;height: 100%;z-index: 9;background:rgba(80,81,81,0.5);display: none;}
.wrapper{position: relative;left: 0;top: 0;width: 100%;background-color: #ffffff;}
.header{width: 100%;position: relative;top: 0;left: 0;    z-index: 99; height: 80px; background-color: #fff;}
.active{background: #fff;}
.header .logo{padding: 20px 0 0 40px;float: left;}
.header .avt_logo{padding:10px 0 0 115px!important;}
.banner .bx-wrapper, .banner .bx-viewport {
    height: 100% !important;
}
.WeChat_code{position: absolute;top: -118px;z-index: 99;left: -42px;display: none}
.banner-list{height: 100%}
.banner{width: 100%;height: 100%;overflow: hidden;position: relative;}
.content .banner img{display: block;width: 100%;}
.banner .banner-text{width: 320px;position: absolute;top: 300px;left: 100px;}
.banner .banner-text img{display: block;width: 100%;}
.banner .banner-list li{position: relative;left: 0;top: 0;}
.banner-text{position: absolute; top: 0; right: 149px;width: 300px; z-index: 999999;}
.header-nav{float: right;}
.header-nav .nav-list li{float: left;width: 100px;text-align: center;cursor: pointer;}
.header-nav .nav-list .avt{line-height: 80px;position: relative;}
.header-nav .nav-list .g-nav{line-height: 80px;}
.header-nav .nav-list a{color: #6b6e71; display: block;width: 100%;height: 100%;}
.header-nav .nav-list .avt:after{content: "";position: absolute;top: 41%;right: 0;width: 1px;height: 15px;background-color: #a7a7a7;}
.header-nav .nav-list .avt a{color: #fff}
.header-nav .nav-list a img{display: block;margin: auto;transition: all .5s}
.header-nav .nav-list a img:hover{-webkit-transform: rotate(360deg);}
.header-nav .nav-list li div a{color: #fff !important;font-size: 16px;display: inline-block;width: 140px;
	text-align: center;vertical-align: top;height: 100%;padding-bottom: 15px;}
.header-nav .nav-list>li>div{z-index: 110;position: absolute; top: 100%;left: 0%; width: 100%; background: rgba(23,159,217,0.4); overflow: hidden;height: 0;}
.header-nav .nav-list>li p{height: 60px;width: 140px;margin: 0 auto; vertical-align: middle;display: table-cell;}
.header-nav .active{background: #009eda;}
.header-nav .active a{color: #fff;}
.main-box{max-width:1360px;margin: 0 auto;padding-top: 30px;}
.main-box .main-w{width: 68%;float: left;overflow: hidden;}
.main-title{border-bottom: solid 1px #0066af;margin-bottom: 10px;height: 26px;line-height: 26px;}
.main-title span{font-size: 18px;color: #fff;display:inline-block;background-color: #0066af;padding:0 15px;line-height: 26px;  margin-right: 10px }
.main-title a{float: right;color: #0066af;font-size: 14px;}
.news-img{float: left;width: 112px;padding-right: 8px;}
.main-text{width: 100%;font-size: 0;}
.main-text .news-key h3{font-size: 18px;font-weight: bold;padding: 0 0 15px}
.main-text .news-key{background-color: #edeff0;padding: 10px;}
.news-key .key-left{width: 480px;display: inline-block;height: 210px;}
.news-key .key-right{display: inline-block;vertical-align: top;padding: 0 0 0 30px;max-width: 365px;}
.news-key .key-right p{line-height: 20px;padding: 13px 0;}
.news-key .key-right .more{padding: 5px;border:solid 1px #767676;display: block;width: 80px;text-align: center;color: #767676;}
.news-key .key-right .more:hover{background-color: #0066af;color: #fff;transition: all 1s;-webkit-transition: all 1s}
.indexnews-list{margin-top: 15px;}
.indexnews-list li{border-bottom: dotted 1px #58595b;background: url(../images/style/news_jt.png) no-repeat left center;
position: relative;height: 40px;line-height: 40px;padding-left: 15px;}
.indexnews-list li:hover a, .indexnews-list li:hover em{color: #0066af;}
.indexnews-list li:hover{background: url(../images/style/news_jt_on.png) no-repeat left center;}
.indexnews-list li em{position: absolute;right: 0;font-size: 14px;font-style: normal;}
.project-con{margin: 50px 0;float: left;width: 100%;}
.BMapLib_SearchInfoWindow{display: none;}
.banner-backg{position: absolute;top: 0;height: 100%;width: 300px;right: 150px;background: rgba(7,105,175,0.5);padding-left: 12px;}
.banner-text{color: #fff;padding-top: 40px;}
.bx-wrapper{position: absolute;z-index: 9}
.banner-text h3{font-size: 26px;padding: 50px 0 40px 0;line-height: 35px;}
.banner-text span{line-height: 30px; display: block;}
.nav-on{width:195px;}
.return-top { position: fixed; display: none;bottom: 110px;left: 50%; margin-left: 600px; width: 40px; height:40px;border-radius: 3px; background: url(../images/style/return_arrow.png) no-repeat center center; background-color: #c8c8c8; cursor: pointer; z-index: 1000; -webkit-transition: background-color .2s ease-out;-moz-transition: background-color .2s ease-out;transition: background-color .2s ease-out;}
.return-top:hover { background-color: #009eda;}
.video-box { position: absolute; top: 36px; width: 100%;height: 373px;z-index: 10; background-color: #fff;}
.video-imgs{width: 100%;display: block;}

/*home*/
.home_bg{background: url("../images/style/home_bg.jpg") center center / cover no-repeat;
height: 100%;width: 100%;position: absolute;top: 0;min-width:1040px;}
#canvas{position: absolute;top:0; left:0;}
.page{position: absolute;top:0; left:0;width:100%;height:100%;transition:all 0.6s ease-in;z-index:10;transform:scale(0,0) ;opacity:0;}
.show-page{opacity:1;transform:scale(1,1) rotateY(0deg) rotateZ(0deg) translate(0,0);}
.haed-title{ width:800px; height:117px;margin:150px auto;}
.home_bg .btn{display:block;width:198px;height:50px;line-height:50px;color:#0066af;margin:10px auto;text-align: center;font-size: 26px;
    font-weight: 600;position: relative;overflow:hidden;}
.home_bg .btn:before,
.home_bg .btn:after{content: 'LEARN MOR';position: absolute; left:0;width:100%;height:100%;transition:left 0.3s ease;background:#fff;}
.home_bg .btn:after{background:#0066AF; left:100%;color:#fff;}
.home_bg .btn:hover:before{left:-100%;}
.home_bg .btn:hover:after{left:0;}
/* carousel */
.carousel{margin:20px auto;position:relative;overflow:hidden;}
.carousel h2 a{color:#fff;}
.carousel .backgrounds{height:340px;}
.carousel .backgrounds .item{float:left;position:relative;z-index:1;}
#PageContent{text-align: center!important; margin: 35px 0; }
.carousel .backgrounds .item_3{background:url(../images/carousel_bg_1.jpg) no-repeat 0 0;}
.carousel .panel{background:#1673b4;color:#fff;position:absolute;right:15%;top:-2px;height:100%;width:310px;z-index:10;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.paging{position:absolute;top:0;left:0;width:100%;}
.paging a{color:#4c4c4c;font-size:1.1em;}
.paging .next{position:absolute;right:5%;top:50%;display:block;width:22px;height:37px;background:url(../images/style/c2.png) no-repeat 0 0;z-index: 999;text-indent:-6000px;}
.paging .previous{position:absolute;left:5%;top:50%;display:block;width:22px;height:37px;background:url(../images/style/c1.png) no-repeat 0 0;
	text-indent:-6000px;z-index: 999}
.carousel .panel .details_wrapper{position:absolute;top:20px;left:25px;width:225px;overflow:hidden;height:100%;}
.details .detail{width:225px;height:100%;float:left;}
.detail h3{font-size: 28px;padding: 50px 0 40px 0;line-height: 35px;}
.detail span{line-height: 24px;display: block;}
.index-more{color: #0066af;background-color: #fff;padding: 5px;display: block;width: 100px;text-align: center;margin-top: 40px;}
.index-more:hover{background-color: #0066af;color: #fff;border:solid 1px #fff;border:#0066af }
.video-w{width: 31%;float: right;position: relative;}
.video-w .video_ico{width: 100%}
/*footer*/
.footer{background: url(../images/style/footer_bg.jpg);}
.footer .footer-page{width: 1100px;}
.footer .footer-page .code{right: 0;}
.footer-w{width: 1360px; margin: 0 auto;position: relative;left: 0;top: 0;padding: 20px 0;}
.copyright i{margin: 0 10px;    font-style: normal;}
.footer-w .code{position: absolute;right: 200px;top: 18px}
.footer-w .code span{background: url(../images/style/code.png) no-repeat;display: inline-block;width: 35px;height: 30px;cursor: pointer;}
.footer-w .code .qq:hover{background-position:4px -47px;}
.footer-w .code .weibo{background-position: -55px -1px;}
.footer-w .code .weixin{background-position: -111px 0;}
.footer-w .code .weibo:hover{background-position: -51px -48px;}
.footer-w .code .weixin:hover{background-position: -107px -47px;}
.box_item{display: none;}
/* ---- particles.js container ---- */
#particles-js { position: absolute; top: 0;width: 100%; height: 100%; overflow:hidden; }

/*二级栏目*/
.inin-w a{position: absolute;top: 0;left: 100%; width: 100%; height: 100%; overflow: hidden; -webkit-opacity: 1; opacity: 1; 
 display: block\9; -webkit-transition: left 300ms, -webkit-opacity 700ms; transition: left 300ms, opacity 700ms;}
.w-box .init1{left: 0;z-index: 1;}
.w-box .init2{left: 405px;z-index: 2;}
.w-box .init3{left: 610px;z-index: 3;}
.w-box .init4{left: 850px;z-index: 4;}
.data-2 .init1{left: 0;}
.data-2 .init2{left: 100px;}
.data-2 .init3{left: 500px;}
.data-2 .init4{left: 700px;}
.data-3 .init1{left: 0;}
.data-3 .init2{left: 200px;}
.data-3 .init3{left: 400px;}
.data-3 .init4{left: 800px;}
.data-4 .init1{left: 0;}
.data-4 .init2{left: 200px;}
.data-4 .init3{left: 400px;}
.data-4 .init4{left: 652px;}
.w-box .init2 {transition-delay:100ms; -webkit-transition-delay:100ms; -ms-transition-delay:100ms; -moz-transition-delay:100ms;}
.w-box .init3 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
.w-box .init4 {transition-delay:200ms; -webkit-transition-delay:200ms; -ms-transition-delay:200ms; -moz-transition-delay:200ms;}
.content-box .data-con{position: relative;}
.content-box .data-text{position: absolute;top: 15%;padding: 20px;color: #fff;line-height: 24px;left: 40px;width: 300px;text-align: justify;display: none;z-index: 99;}
.content-box .data-text h4{font-size: 22px;}
.content-box .data-text span{font-size: 14px;display: block;margin-bottom: 20px;}
.content-box .data-text i{background-color: #fff;color: #0066af;display: block;padding: 3px 0;text-align: center;margin-top: 30px;width: 90px;}
.content-box .data-con .data-p{position: absolute;bottom: 20px;color: #fff;font-size: 18px;left: 20px;}
.data-con .active-box{position: absolute;bottom: 100%;width: 100%;height: 100%;background-color: rgba(0,158,218,0.8);
    -webkit-transition: bottom .6s ease-out;
    -moz-transition: bottom .6s ease-out;
    transition: bottom .6s ease-out;
}
.data-con:hover .active-box{bottom: 0;}

.content  .inin-w{height:538px;padding:0 0 70px 0;overflow: hidden;margin-top: 70px!important;}
.n-left{float: left;width: 37%;background-color: #e7eef1;height: 545px;overflow: hidden;margin-right: 10px;}
.n-left .n-title h3{font-size: 28px;color: #009eda;padding: 15px 15px 15px 15px;}
.n-left .n-title p{color: #009eda;padding-left: 15px;padding-bottom: 20px;font-size: 18px;}
.n-right{float: left;width: 62%;}




.n-right .n-cont{position: relative;height:267px;overflow: hidden;margin-bottom: 10px;}
.n-avt .n-cont{height: 332px;}
.n-cont .active-box{position: absolute;top: 0;right: 100%;width: 100%;height: 100%;background: url(../images/business_1.png) no-repeat;
	-webkit-transition: right .2s ease-out;
	-moz-transition: right .2s ease-out;
	transition: right .2s ease-out;
}
.n-job{position: relative;height: 193px;overflow: hidden;}
.a1 .active-box5{position: absolute;bottom: 100%;width: 100%;height: 100.5%;background: url(../images/business_5.png) no-repeat;
    -webkit-transition: bottom .2s ease-out;
    -moz-transition: bottom .2s ease-out;
    transition: bottom .2s ease-out;
}
.a2 .active-box6{position: absolute;top: 100%;width: 100%;height: 100.5%;background: url(../images/business_6.png) no-repeat;
    -webkit-transition: top .2s ease-out;
    -moz-transition: top .2s ease-out;
    transition: top .2s ease-out;
}
.a1:hover .active-box5{bottom: 0;}
.a2:hover .active-box6{top: 0;}
.n-cont:hover .active-box{right: 0;}
.n-cont .active-box2{background: url(../images/business_2.jpg) no-repeat;}
.n-cont .active-box3{background: url(../images/business_3.png) no-repeat;}
.n-cont .active-box4{background: url(../images/business_3.png) no-repeat;}
.idea-list .idea-title .hr_pactive{ background-position: 136px 5px;}
.idea-list img{padding-top: 15px;}
.n-job a{width: 360px;float: left;margin-right: 10px;color: #fff;}
.n-job .a1 p{left: 10px;top: 150px;position: absolute;}
.n-job .a2 p{right: 10px;top: 150px;position: absolute;}
.n-job .a2{margin-right: 0;}
.n-cont:hover .active-box2{right: 0;}
.hr-box .n-right{width: 69%;}
.hr-box .n-left{background: url(../images/style/br_bg.jpg);width: 26%;padding: 17px 20px;}
.hr-box .n-no{height: 500px;margin: 0 0 0 10px;}
.n-title{height:97px;overflow:hidden;}

.hr-box .n-text{padding: 40px 0;}
.hr-box .n-text h4{color: #0071ac;padding: 15px 0;font-size: 18px;}
.hr-box .n-text p{line-height: 24px;}
.hr-box .n-text .n-avt{border-bottom: dotted 1px #0071ac;padding-bottom: 10px;}
 .more{border: solid 1px #0071ac;width: 80px;text-align: center;line-height: 18px;color: #0071ac;font-size: 14px;display: block;margin-top: 40px;}
 .more:hover{color: #fff;background-color: #009eda;border: none;}
.n-cont p{position: absolute;right: 50px;top: 15px;font-size: 18px;color: #fff;}
.n-right img{display: block;width: 100%;}
.n-text{ height:423px;}
.n-text .n-news{padding: 0 10px;line-height: 22px; height:198px; overflow:hidden;}
.n-text .n-news h3{font-weight: bold;font-size: 18px;padding: 20px 0;}
.n-text .n-news span{margin : 5px 0 10px 0;display: block;}
.n-text .n-news a{border: solid 1px #009eda;padding: 5px;display: block;width: 100px;text-align: center;margin: 24px 0;}
.n-text .n-news a:hover{color: #fff;background-color: #009eda;}
.content .index-park{background-repeat: no-repeat;overflow: hidden;}
.inBanner{width:743px;height:540px;margin:0 auto 0;position:relative;}
.inBanner ul{position:relative;width:100%;height:100%;z-index:1;}
.inBanner li{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.inBanner li div{position:absolute;top:6%;color:#fff;width: 350px;
right: 0;background:rgba(20,132,178,0.7);height: 175px;padding:30px;}
.inBanner li h3{font-size: 26px;padding-bottom: 15px;text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.inBanner li p{line-height: 26px;text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.inBanner li a{display:block;width:100px;height:25px;color: #0066af;background-color: #fff;text-align: center;line-height: 25px;margin-top: 20px;}
.inBanner li a:hover{background-color: #0066af;color: #fff}
.inBanner .prev,.inBanner .next{position:absolute;z-index:10;width:22px;height:36px;top:50%;margin-top:-15px;cursor:pointer;}
.inBanner .prev{background:url(../images/style/c1.png) no-repeat;left:-46px;}
.inBanner .next{background:url(../images/style/c2.png) no-repeat;right:-46px;}

.content-w .g-left{float: left;width: 170px;}
.g-about img{display: block;width: 100%;}
.g-div1{position: relative;height: 203px;cursor: pointer;}
.g-div1:hover{background-color: #0066af;color: #fff;}
.g-div1:hover span p { color: #fff;}
.g-div1 i{ position:absolute; bottom: 0; left: -10px; display: block;width: 60px;background-color: #58595b;height: 3px;}
.g-div1 span{font-size: 100px;font-weight: bold;position: absolute;left: 50%;color: #c8e2f1;z-index: 1;
    margin-left: -61px;top: 30px; width: 122px; height: 92px;}
.g-div1 span p { position: absolute; bottom: 30px; left: -22px; color: #58595b;}
.g-div1 p{font-size: 22px;}
.g-div1 div{position: absolute;z-index: 99; bottom: 30px; left: 10px;}
.content-w .g-right{float: left; position: relative;}
.g-right-top { height: 180px;}
.top-nth1 { float: left; width: 530px; height: 100%;}
.top-nth1:hover{background-color: #0066af;color: #fff;}
.top-nth1 span { float: left; margin: 40px 0 0 40px; font-size: 100px;font-weight: bold; color: #c8e2f1;z-index: 1;}
.top-nth1 div { margin: 50px 0 0 15px; float: left; }
.top-nth1 p { font-size: 22px; }
.top-nth1 i { margin: 15px 0; display: block;width: 60px;background-color: #58595b;height: 3px;}
.top-nth2 { float: left; width: 360px; height: 100%;}
.top-nth2 img { float: left; width: 170px; height: 100%;}
.top-nth2 .nth2-text { float: left; position: relative; width: 190px; height: 100%; background: #f4f4f4;}
.nth2-text:hover { background-color: #0066af;color: #fff; }
.nth2-text:hover span p { color: #fff;}
.nth2-text i{ position:absolute; bottom: 0; left: -5px; display: block;width: 60px;background-color: #58595b;height: 3px;}
.nth2-text span{font-size: 100px;font-weight: bold;position: absolute;left: 50%;color: #c8e2f1;z-index: 1;
    margin-left: -60px;top: 30px; width: 122px; height: 92px;}
.nth2-text span p { position: absolute; bottom: 30px; left: -5px; color: #58595b;}
.nth2-text p{font-size: 22px;}
.nth2-text div {position: absolute;z-index: 99; bottom: 15px; left: 30px;}
.g-right-bottom { height: 399px; }
.bottom-nth3 { float: left; width: 190px; height: 100%;}
.bottom-nth3 .nth3-text { position: relative; height: 196px; background: #f4f4f4;}
.nth3-text:hover { background-color: #0066af;color: #fff; }
.nth3-text:hover span p { color: #fff;}
.nth3-text i{ position:absolute; bottom: 0; left: -5px; display: block;width: 60px;background-color: #58595b;height: 3px;}
.nth3-text span{ position: absolute; top: 20px; left: 20px; font-size: 100px;font-weight: bold;color: #c8e2f1;z-index: 1;
     width: 122px; height: 92px;}
.nth3-text span p { position: absolute; bottom: 30px; left: -17px; color: #58595b;}
.nth3-text p{ font-size: 22px;}
.nth3-text div {position: absolute;z-index: 99; bottom: 40px; left: 15px;}
.bottom-nth4 { float: left; width: 510px; height: 100%;}
.bottom-nth4 img { width: 100%; height: 100%;}
.bottom-nth5 { float: left; width: 190px; height: 100%;}
.bottom-nth5 .nth5-text { position: relative; height: 196px;}
.nth5-text:hover { background-color: #0066af;color: #fff; }
.nth5-text:hover span p { color: #fff;}
.nth5-text i{ position:absolute; bottom: 0; left: -5px; display: block;width: 60px;background-color: #58595b;height: 3px;}
.nth5-text span{font-size: 100px;font-weight: bold;position: absolute;left: 50%;color: #c8e2f1;z-index: 1;
    margin-left: -60px;top: 10px; width: 122px; height: 92px;}
.nth5-text span p { position: absolute; bottom: 30px; left: -10px; color: #58595b;}
.nth5-text p{ font-size: 22px; width: 170px;}
.nth5-text div {position: absolute;z-index: 99; bottom: 40px; left: 30px;}
.nav-on span{width: 179px;display: block;}
.nav-on p{padding-left: 35px;}
/*修改*/
.content .content-about{ max-width:1005px; background:none}
.content-box .firm1{height:312px;width:42%;float: left;margin-bottom: 10px;margin-right:10px;position: relative;overflow: hidden;}
.content-box .firm2{height:312px;width:23%;float: left;margin-bottom: 8px;margin-right:10px;position: relative;overflow: hidden;}
.content-box .firm3{height:312px;width:33%;float: right;margin-bottom: 8px;position: relative;overflow: hidden;}
.content-box .firm4{height:223px;width:66%;float: left;position: relative;overflow: hidden;}
.content-box .firm5{height:223px;width:33%;float: right;position: relative;overflow: hidden;}
.content-box .firm1 p{width:205px;height:86px;background:url(../images/hykc/title1.png);background-size: cover;position: absolute;left: 20px;top: 20px;z-index: 10;}
.content-box .firm2 p{width:164px;height:86px;background:url(../images/hykc/title2.png);background-size: cover;position: absolute;left: 20px;top: 20px;z-index: 10;}
.content-box .firm3 p{width:240px;height:86px;background:url(../images/hykc/title3.png);background-size: cover;position: absolute;left: 20px;top: 20px;z-index: 10;}
.content-box .firm4 p{width:263px;height:86px;background:url(../images/hykc/title.png);background-size: cover;position: absolute;left: 20px;top: 20px;z-index: 10;}
.content-box .firm5 p{width:221px;height:86px;background:url(../images/hykc/title4.png);background-size: cover;position: absolute;left: 20px;top: 20px;z-index: 10;}
.content-box .img-box:hover .zhezhao{transition: all .8s ease;opacity:0.8;filter:alpha(opacity:80);}
.content-box .zhezhao{width: 100%;height: 100%;background: #3082bc;position: absolute;left: 0;top: 0;opacity:0;filter:alpha(opacity:0);}
.img-box a{display:block}
.img-box img{display: block;width: 100%;}
/*华科育栏目*/
.page-header .header-nav .nav-list a{color:#6b6e71; }
.page-header .header-nav{padding-right: 0;}
.page-header .header-nav .nav-list .active a{color: #fff!important;}

.page-header{position: relative;top: 0;left: 0;}
.page-banner{position: relative;overflow: hidden;width: 100%;}
.page-banner img{display: block;width: 100%;}
.header-w{width: 1130px;margin: 0 auto;height: 100%; overflow:hidden}
.page-nav{float: left;width: 230px;position: absolute;height: 100%;border:solid 1px #dadada;
border-top: none;border-bottom: none;top:0;}
.page-nav .nav-w{position: absolute;top: 0;z-index: 99;}
.page-nav .nav-con{width: 230px;position: relative;}
.page-nav .nav-con img{display: block;width: 100%;}
.page-nav .nav-left{border-top: none;border-bottom: none;}
.page-nav .nav-left a{border-bottom: solid 1px #dadada;display: block;text-align: center;line-height: 50px;position: relative;}
.page-nav .nav-left a i{width: 0;}
.page-nav .nav-left .nav-a i{background-color: #e6e6e6;position: absolute;left: 0;z-index: -1;height: 100%;width: 100%;
webkit-transition: width 600ms; transition: width 600ms;}
.about_p img{ margin-bottom:15px;}
.page-nav .nav-left .nav-a{background: url(../images/style/news_jt.png) no-repeat;background-position: 200px center;}
.cont-right{width: 800px;float: right;margin-bottom: 30px; overflow:hidden;}
.cont-right .cont-title{border-bottom: solid 2px #b3b3b3;margin-bottom: 15px;height: 35px;line-height: 35px;position: relative;}
.cont-right .cont-title p{background: url(../images/style/fangzi.png) no-repeat left center;position: absolute;right: 0;padding-left: 25px;}
.content-box{max-width: 1060px;margin: 0 auto;background-color: #fff;padding: 25px 0;position: relative; overflow:hidden; min-height:540px}
.content-left{width:48.5%;float: left;line-height: 24px;text-align: justify;padding: 30px 2% 30px 0;}
.content-left img{display: block;max-width: 100%;margin: 0 auto;}
.content-left h3{font-size: 18px;color: #009eda;font-weight: bold;padding-bottom: 25px;}
.content-right{width: 49.5%;float: left;padding: 30px 0;}
.content-right img{display: block;max-width: 100%;float: right;}
.w-left{width:75%;border-right: solid 1px #eaeaea; }
.w-right{width: 20%;padding-left: 25px;line-height: 22px;text-align: justify;}
.w-right h3{background-color: #009eda;text-align: center;line-height: 25px;color: #fff;margin-bottom: 20px;}
.w-text p{padding-bottom: 15px;}
.dl-text dl{padding-bottom: 20px;}
.dl-text dl dt{color: #009eda;font-weight: bold;}
.code-weixin{border-top: solid 1px #ccc;padding-top: 15px;margin-top: 15px;}
.cont-text h1{font-size: 26px;padding: 15px 0;color: #009eda;}
.cont-text h3{font-size:18px;padding: 15px 0;color: #58595b;font-weight: bold;line-height: 24px;}
.cont-text img{display: block;width: 100%; padding-bottom:15px;}
.cont-text p{line-height: 24px;text-align: justify;font-size: 14px; }
.cont-text .page-paging{text-align: center;padding-top: 15px;}
.cont-text .page-paging a{padding: 0 8px;display: inline-block;margin: 0 6px;}
.cont-text .page-paging .active{background-color: #666666;border-radius: 50%;color: #fff;}
.details-con{line-height:24px;font-size:14px;}
.details-con h1{font-size: 16px!important;color: #58595b}
.details-con h3{font-size: 16px!important;}
.inde_p p{text-indent: 20px;}


.cont-text span{font-size: 14px;}
.culture-list dl{width: 260px;display: inline-block;vertical-align: top;}
.culture-list .p1{background: url(../images/style/heidian.png) no-repeat left center;padding-left: 15px;margin-top: 10px;
line-height: 22px;font-weight: bold;}
.culture-list i{font-weight: normal; }
.about-p{margin-top: 20px;}
.ul-box{margin-top: 40px;font-size: 0;text-align: center;}
.ul-box li{display: inline-block;width: 178px;background-color: #009eda;padding: 3px;vertical-align: top;margin-right: 18px;margin-bottom: 15px; height:272px; overflow:hidden}
.ul-box li p{text-align: center;font-size: 18px;color: #fff;padding: 15px 0;}
.ul-box .active{margin-right: 0;}
.partner-list li{float: left;width: 253px;border: solid 1px #e6e6e6;height: 160px;margin-bottom: 15px;}
.partner-list li img{width: auto;position: relative;height: 100%;margin: 0 auto;}
.partner-list .liavt{margin-left: 15px;margin-right: 15px;}
.he_3DFlipY{width:100%;overflow:hidden;position:relative;box-sizing:border-box;-webkit-perspective:1700px;
    -moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;
    -moz-perspective-origin:50% 50%;perspective-origin:50% 50%;height: 100%;}
.he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;transform-style:preserve-3d;cursor: pointer;}
.he_3DFlipY_inner > div.partner-img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;height: 100%;}
.he_3DFlipY_inner:hover > div.partner-img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);
    transform:rotateY(180deg)}
.partner-text{position:absolute;top:0;left:0;color:#fff;height:100%;width:100%;opacity:0;
background-color:#009eda;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);
-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);
-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.he_3DFlipY_inner:hover .partner-text{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.partner-text h3{font-size:16px;font-weight:bold;color:#fff;border-bottom: dotted 1px #fff;    text-align: justify;
    padding-left: 5px;padding-bottom: 10px;}
.partner-text p{font-size:14px;color:#fff;line-height: 22px;margin: 0 15px;}
.address{background-color: #edeff0;padding: 30px;margin-top: 30px;line-height: 22px;}
.address-d1{padding-bottom: 15px;}
.address-d1 b{float: left;width: 68px;font-weight: bold;}
.address-d1 p{float: left;line-height: 26px;}
.address-d2{padding-top: 15px;}
.address b{color: #009eda;padding-right: 15px;display: inline-block;font-size: 16px;}

/*公司信息*/
.page-news .key-left{max-width: 390px;}
.news-key .news-left{max-width: 365px; display: inline-block;max-height: 223px}
.page-news .indexnews-list{border-bottom:solid #58595b 1px;}
.page-news .indexnews-list li{background: none;line-height: 50px;height: 50px;padding-left: 0; overflow: hidden;text-overflow:ellipsis;
white-space: nowrap;border-top:solid #58595b 1px;border-bottom: none;}
.news-sun{padding: 15px;background-color: #edeff0;}
.news-sun .sun-left{float: left;width:48%; border-right: solid 1px #aaa9a9;}
.news-sun .sun-right{float: right;width:50%;}
.sun-right .sun-div{width: 245px!important;}
.news-sun img{display: block;float: left;max-width: 115px;}
.news-sun .sun-div{float: left;width: 225px;padding-left: 10px;position: relative;height: 166px;}
.news-sun .sun-div p{margin-top:0}
.news-sun h3{font-size: 16px;font-weight: bold;padding-bottom: 10px;}
.p-hore{position: absolute;height: 26px;line-height: 26px;font-size: 14px;width:100%;bottom: 0}
.p-hore em{position: absolute;left: 0;}
.p-hore a{position: absolute;right: 0;border: solid 1px #aaa9a9;font-size: 14px;padding: 0 5px;}
.p-hore a:hover{color: #fff;background-color: #009eda;border: none;}
.details-h3{font-size: 20px;font-weight: bold;padding-bottom: 10px;text-align: center;}
.details-span{padding: 10px 0;display: block;}
.details-con img{margin: 0 auto;display: block; padding-bottom:0;}
/*园区开发*/
.office-table{text-align: center;font-size: 14px;margin-top: 15px;}
.office-table tr th{background-color: #009eda;color: #fff;height: 65px;width: 160px;border-right: solid 1px #fff;vertical-align: middle;}
.office-table tr td{background-color: #edeff0;border-right: solid 1px #fff;height: 65px;vertical-align: middle;}
.office-table .table-tr1 td{background-color: #e0e0e0;}
.tab{margin-top: 15px;}
.tab .tab-title{border-bottom: solid 1px #818181;position: relative;}
.tab .tab-title div{cursor: pointer;color: #219cd5;font-weight: bold;width: 159px;float: left;}
.tab .tab-title div p{text-align: center;position: relative;padding-bottom: 15px;}
.tab .tab-title i{background:url(../images/style/tab_ico1.png) no-repeat;display: block;width: 38px;height: 31px;margin: 0 auto; }
.tab .tab-title .tab1 i{background-position: 7px 0;}
.tab .tab-title .tab2 i{background-position: -34px 0;}
.tab .tab-title .tab3 i{background-position: -73px 0;}
.tab .tab-title .tab4 i{background-position: -110px 0;}
.tab .tab-title .tab5 i{background-position: -143px 0;}
.tab .tab-title .span_on p:after { content: "";background: url(../images/style/tab_ico.png) center center;position: absolute;
width: 15px;height: 15px;bottom: 0;background-position: -87px 0;left: 50%;margin-left: -7.5px; }
.tab .tab-text{display: none;padding-top: 15px;}
.tab-text b{font-weight: bold;}
.hk-list .partner-text h3{position: absolute;top: 45px;}
.tab  .g-title i{background:url(../images/style/tab_ico2.png);background-repeat: no-repeat;}
.tab .g-title .tab1 i{background-position: 7px 0;}
.tab .g-title .tab2 i{background-position: -44px 0;}
.tab .g-title .tab3 i{background-position: -95px 0;}
.tab .g-title .tab4 i{background-position: -144px 0;}
.tab .g-title div{width: 198px;}
.tab-text .wrg-p{padding-top: 20px;}
.tab-text .list-p .p-left{float: left;width: 280px; margin-top: 25px;padding-right: 15px;}
.tab-text .list-p .p-left p{background: url(../images/style/san_1.png) left center no-repeat;color: #3ba4da;padding-left: 20px;line-height: 25px;}
.tab-text .list-p .p-left span{line-height: 24px;display: block;padding-left: 18px;margin: 30px 0;}
.tab-text .list-p .p-right{float: left;width: 500px;}
.tab-text .list-p .p-left .active-pe{background: url(../images/style/san_2.png) left center no-repeat;}
.office-nav{border:solid 1px #009eda;margin-bottom: 20px;height: 24px;line-height: 24px;}
.office-nav span{display: inline-block;width: 264px;text-align: center;cursor: pointer;}
.office-nav .office-active{background-color: #009eda;display: inline-block;color: #fff;width: 265px;}
.offce_img{padding: 15px 0;}
.cont-text .coop-left{width: 287px;float: left;padding-right: 5px;}
.cont-text .coop-right{width: 503px;float: right;font-size:0;}
.coop-right .coop-top img{width: 248px;display: inline-block;padding-bottom: 3px;height: 264px;}
.coop-active{padding-right: 5px; }

/*园区服务*/
.pla-list ul li{float: left;max-width: 255px;position: relative;margin: 0 15px 15px 0;}
.pla-list ul li p{position: absolute;bottom: 0;background: rgba(59,154,192,0.7);width: 100%;height: 30px;
line-height: 30px;color: #fff;text-align: center;}
.pla-text{border-top: solid 1px #dadada;padding-top: 10px;}
.pla-text h3{font-size: 14px;color: #1f95cc;padding: 10px 0;}
.pla-list .pla-on{margin: 0 0 15px 0;}
.main-text .activity {padding: 10px;}
.activity-list li{border-bottom: solid 1px #cdcdcd;margin-top: 25px;padding: 10px;height: 105px;}
.activity-list .act-img{max-width: 150px;float: left;}
.activity-list .act-text{float: left;max-width: 605px;padding-left: 20px;height: 100%;}
.activity-list .act-text h3{padding: 0;}
.activity-list li:hover {background-color:#cdcdcd;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.service-left{ position:relative;left:0; float:left; width:25%; padding-right:5px;height: 533px;}
.service-left img{display: block;width: 100%;height: 100%;}
.service-left .service-text{position:absolute; top:350px;left:40px;color:#fff;}
.service-text h3{ font-size:24px; padding-bottom:10px;}
.service-text span{font-size:14px;}
.service-right{ position:relative;left:0; float:right;width:74.3%}
.service-content{ float:left; position:relative;left:0;height:267px; overflow:hidden}
.service-top img{ display:block; width:100%; height:100%;}
.service-top .t1{width:32.8%; padding-right:5px; }
.service-top .t2{width:66.5%;}
.service-text{position:absolute;left:30px;top:85px; color:#fff;}
.service-list{padding-top:4px;}
.service-list li{float:left; width:32.9%; position:relative;left:0; padding-right:5px;}
.service-list li img{display:block;width:100%; height:262px;}
.service-list .no{padding-right:0}
.color-avt{color:#209cd6;}
.culture-list h4{font-size: 14px;line-height: 20px;}
/*人力资源*/
.idea-list li{margin-top: 20px;}
.idea-list .active_img{margin-top: 20px;}
.idea-list .idea-title{border-left: solid 10px #219ed8;padding-left: 10px;color: #219ed8;width: 260px;margin-bottom: 10px; line-height: 12px; height:40px;} 
.idea-list .idea-title p{line-height:15px;background: url(../images/style/san.png) no-repeat;font-size: 16px;background-position: 73px 5px;font-weight: bold}
.idea-list .idea-title span{font-size: 12px;font-weight: bold; display:block; padding-top:10px;}
.idea-list .idea-title p span{font-size: 16px;}
.hr-ip{display: block;width: 100%;margin-top: 20px;}
.job-ul .job-con h4{font-weight: bold;color: #219dd6;border-left: solid 2px #219dd6;padding-left: 10px;margin: 15px 0;}
.job-con{font-size:14px; line-height:22px;}
.job-ul .jon-wrp{height: 0;overflow: hidden;}
.job-ul li{margin-bottom: 20px;}
.job-ul  .job-text .job-brief{border-bottom: solid 1px #d9d9d9;padding: 15px 0; margin-top:0;text-align: left;}
.job-ul .job-title{font-weight: normal;color: #fff;padding-left: 20px;background : #219dd6 url(../images/style/job.png) no-repeat;
background-position-x:right; background-position-y:-31px;cursor: pointer;}
.job-ul .ac{background-position-x:right; background-position-y:13px;}
.job-text .job-brief .time{float: right;}
.job-text .job-brief .place{padding:  0 100px;}
.apply{background-color: #e26911;text-align: center;display: block;color: #fff;width: 100px;
border-radius: 5px;line-height: 26px;margin-top: 15px; margin-bottom:15px;}
.activity ul li{float: right;padding: 15px;border: solid #c6c6c6 1px;margin-bottom: 15px;cursor: pointer;width: 45%;position: relative;}
.activity .active{float: left;}
.activity ul li .video_ico{width: 59px;height: 59px; position: absolute; top: 30%;left: 50%;margin-left: -30px;}
.activity ul li h4{font-weight: bold;padding: 10px 0;}
.activity ul li span{font-size: 14px;padding: 5px 0;}
.activity ul li a{display: block;border: solid 1px #c6c6c6;width: 80px;text-align: center;margin-top: 15px;padding: 5px 0;}
.activity ul li a:hover{color: #fff;background-color: #009eda;border: solid #009eda 1px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.banner_p{background:url(../images/banner/industry-bg.jpg);}
.header .on{right: .5rem}
.header .nav-pa{position: absolute;right: 1rem;width: 1.7rem;height: 1.7rem;border-radius: 5px;display: none;}
.header .nav-pa span{position: absolute;left: 20%;width: 80%;height: 2px;background-color: #0271b8;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .3s ease-out;
}
.header .nav-pa span:nth-of-type(1){top: 10px;}
.header .nav-pa span:nth-of-type(2){top: 50%;margin-top: 1px}
.header .nav-pa span:nth-of-type(3){bottom: 5px;}
.header .nav-pa.on span:nth-of-type(1){
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .nav-pa.on span:nth-of-type(2){
    opacity: 0;
}
.header .nav-pa.on span:nth-of-type(3){
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header .title{font-size: .85rem;line-height: 2.25rem;text-align: center;color: #fff;}
.touchNavBox{width:100px;position:fixed;top:60px;right:-100px;z-index: 200;
    -webkit-transition:all 0.5s ease-out 0s;
    -webkit-transform-style:preserve-3d;
    -webkit-perspective:1000px;
}
.touchNav{height:100%;width:100%;background:#0271b8;
    -webkit-transform-origin:left;
    -webkit-transform:rotateY(90deg);
    -webkit-transition:all 0.5s ease-out 0s;
}
.touchNav a{display:block;padding: .375rem 0;font-size: .8rem!important;line-height: 1.5rem;color:#fff; text-align: center;border-bottom: 1px solid rgba(38,25,24,0.2);}
.touchNav a:hover{color:#CC4242; text-shadow:0px 0px 1px #000;}
/*移动端二级导航*/
#nav_but{position: absolute;right: 10px;top: 50%;width: 15px;-webkit-animation: handMove 1s linear 1s infinite;margin-top: -10px;opacity: 0.5}
@-webkit-keyframes handMove{
 0%{-webkit-transform:translate(-10px,0);opacity:0;}
 20%{opacity:.5;}
 60%{opacity:.5;}
 80%{-webkit-transform:translate(-15px,0);opacity:.5;}
 100%{-webkit-transform:translate(-18px,0);opacity:.5;}
}
.two-nav ul li{border-right:solid 1px #fff; background-color: #e6e7e8;
text-align: center;line-height: 2rem;display: inline-block;}
.two-nav ul li a{display: block;padding: 0 .625rem; font-size: .5rem; line-height: 2rem; color: #787878;}
.two-nav ul .active{background-color: #0271b8;color: #fff}
.two-nav ul .active a{color: #fff;}
#categoryTab{width: 150%;font-size: 0;}
.two-nav{width: 100%;height: 2rem;display: none;border: none; border-bottom: solid 1px #818181;overflow-x: scroll; margin-bottom: .5rem;
position: relative;}
/*法律声明*/
.stm-map .stm-title{border-bottom: solid 1px #a7a7a7;height: 40px;line-height: 40px;position: relative;left: 0;margin-bottom: 20px;}
.stm-map .stm-title .p1{position: absolute;left:0;}
.stm-map .stm-title .p1 i{display: inline-block;padding: 0 10px;}
.stm-map .stm-title .p1 .active{color: #009eda;}
.stm-map .stm-title .p2{position: absolute;right:0;background: url(../images/style/fangzi.png) no-repeat;padding-left: 30px;
background-position: left center}
.stm-cont .stm-left{float: left;width: 30%;}
.stm-right .stm-home{font-size: 16px;font-weight: 600;display: block;color: #009eda;padding-bottom: 30px;}
.stm-right ul li{padding-bottom: 20px;}
.stm-right ul li span{font-size: 16px;color: #009eda;display: block;font-weight: 600;padding-bottom: 20px;}
.stm-right ul li a{margin-right: 30px;}
.stm-right ul li a:hover{color: #009eda;}
.declare-cont p{line-height: 26px;padding-bottom: 20px;}
.copyright a:hover{color: #009eda}
#video-avt video{width: 100%}
.activity ul li >div{padding: 10px}

/*change*/
@media only screen and (max-width: 1350px) {
     .news-key .key-left{width: 300px;}

    
}

@media only screen and (max-width: 1200px) {
        html, body{font-size: 14px;height: 100%;width: 100%;}
        a, p, span{font-size: 12px!important;}
        h3{font-size: 16px!important;;}
        .header-nav{display: none;}
        .header .nav-pa{display: block;z-index: 999999}
        .main-box{padding: 20px 10px 10px 10px;}
         .partner-list{max-width: 800px;margin: 0 auto;}
         .partner-list li{width: 245px;}

    
}
@media only screen and (max-width: 1100px) {
       .content-box{min-height: auto;} 
       .page-nav,.cont-title{display: none;}
       .cont-right{width: auto;float: none;}
       .footer .footer-page{width: auto;}
       .two-nav{display: block;}
       .inBanner{width: 85%;}
       .n-text img{display: block;width: 100%!important;}
       .n-text .n-news a{margin: 5px 0;}
       .content .content-w{margin-top: 0;}
       .hr-box .n-text{padding: 0;}
       .n-job{height: auto;}
       .hr-box .n-right{width: 68%;}
       .n-job a{width: 49%;}
       .n-job .a1 p{z-index: 99;width: 100px;top: 15px}
       .n-job .a2 p{ z-index: 99;width: 100px;top: 15px;}
       .content-box{margin-top: 0;}
       .n-right img{height: 100%;}
       .service-top .t1{width: 31.8%;}
       .service-list li{width: 32.5%;}
       .cont-text{width: 75%;margin: 0 auto;}
       .n-avt .n-cont{height: auto;}
       .activity ul li{width: 44%;}
       .banner-text{padding-top: 0;}
       .main-text .news-key h3{padding-top: 10px;}
       #particles-js{display: none;}
       .news-key .key-right{max-width: 280px;}
       .more{margin-top: 15px;}
       .return-top{margin-left: 6rem;}
       .n-left .n-title h3{padding: 10px;}
}
@media only screen and (max-width: 860px) { 
       .news-sun .sun-right{padding-left: 0;float: none;width: auto;}
       .news-sun .sun-left{border: none;width: 100%;float: none;}
       .main-text .news-key{text-align: center;}
       .news-sun .sun-div{width: 60%;}
       .content-box .firm1,.content-box .firm2,.content-box .firm3{height: auto;}
       .content-box .firm2{width: 22%;}
       .partner-list .liavt{margin-right:0;margin-left: 0;height: auto;}
       .partner-list li{width: 100%;float: none;}
       .n-text .n-news h3{padding: 5px 0;}
       .main-text .news-key h3{padding: 5px 0 0 0!important;line-height: 0; margin-top: 10px;}
       .img-box p,.service-text{display: none;}

}

@media only screen and (max-width: 800px) { 
        .footer-w{padding: 20px 10px; line-height: 20px;}
        .inBanner{width: 100%;height: 400px;padding: 10px 0;}
        .content .index-park{margin:0;background: #e8e8e8 url(../images/bol.png) center 40% ; background-repeat: no-repeat;padding: 0;}
        .inBanner .prev{left: 5px;}
        .inBanner .next{right: 5px;}
        .copyright{width:15rem;text-align: justify;}
        .news-sun{padding: 4px;}
        .news-key .key-right{padding: 0;text-align: left;max-width: 100%;}
        .activity ul li{float: none!important;;width: 60%;margin: 0 auto 15px auto;}
        .content-box .n-left{width: 60%;float: none;height: auto;margin:  0 auto 10px auto;}
        .n-right{width: 100%}
        .n-right .n-cont{height: auto; width: 60%;margin: 0 auto 10px auto;}
        .ul-box .active{margin-right: 18px;}
        .service-left{padding-right: 0;}
        .service-left .service-text{top: 200px;}
        .cont-text{width: auto;padding:0 10px;}
        .hr-box .n-right{width: 100%;}
        .main-box .main-w{float: none;width: auto;}
        .video-w{float: none;width: auto;padding-top: 15px;}
        .video-w .video_ico{width: auto;display: block;margin: 0 auto;}
        .project-con{margin-top: 15px;margin-bottom: 0;}
        .banner-text h3{padding-top:15px;font-size: 18px;padding:0 0 5px 15px;}
}
@media only screen and (max-width: 600px) {
        .hr-box .n-right{width: 100%;}
        .n-job a{float: none;width: 100%;}
        .content-box .firm1,.content-box .firm2,.content-box .firm3{width: auto;}
        .content-box .img-box{width: auto;height: auto;margin:0 0 8px 0;float: none;}
        .service-top .t1{width: 66.8%;}
        .service-right{width: 100%;}
        .service-list li{width: auto;}
        .service-left{width: 100%;height: auto;padding-bottom: 10px;}
        .service-list li{width:100%;padding-bottom: 10px;}
        .service-content{width: 100%!important;height: 100%;padding-bottom: 10px;}
       .n-left,.n-cont{width: auto!important;}
       .bx-wrapper .bx-controls-direction a{display: none;}
       .bx-wrapper .bx-pager{display: block!important;bottom: 5%!important;}
       .banner-text span{display: none;}
       .index-more,.banner-backg{display: none;}
       .address-d1 b,.address-d1 p{float: none;}
       .service-list{padding-top: 0;}
       .n-title img{display: block;width: 30%;}
       .hr-box .n-text h4{padding: 6px 0;}
        
}

@media only screen and (max-width: 480px) {
	.wrapper{-webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
        .content-box{min-height: 530px; padding: 10px 0; }
        .header{height: 60px;}
        .header .logo{width: 100px;padding: 10px 0 0 25px;}
        .footer .footer-page .code{top: 1.4rem;right: 1rem;}
        .header .nav-pa{top: .45rem;}
        .tab .tab-title{text-align: center;}
        .tab .tab-title div{width:3.3rem; float: none;display: inline-block;}
        .content .content-about img{display: block;width: 100%;}
        .news-sun .sun-div{padding-left: 4px;width: 59%!important;height: 130px;}
        .cont-text h3{padding: 10px!important;}
        .job-ul .job-title{background: #219dd6;}
        .details-con img{width: 100%!important;}
        .ul-box{margin-top: 15px;margin-left: 5%;}
        .ul-box li{width: 42%;}
        .content-box .firm4 p{top: 5px;}
         .video-w .video_ico{width: 100%;}
         .news-key .key-left{width: 100%;height: 165px;}
         .banner-text{right: 0; width: 100%;}
         .n-right a:nth-child(2){margin-top: 10px;display: block;}
         .indexnews-list li em{display: none}
         .news-key .key-right .more{margin-top: 0;}
         .video-box{height:10rem;top: 52px;}
         .video-imgs{opacity: 0;height: 10.5rem;}
         .project-con{margin-top: 5px;}
         .WeChat_code{left: -56px;}
         .activity ul li{width: 100%;padding: 0;}
         .hr-box{padding: 0 10px;}
         .inBanner li div{height: auto;width: auto;left: 0;padding: 10px;top: 70%}
         .service-list li img{height: 100%;}
         .content .index-park{min-height: 430px;}
         .coop-right,.coop-left{float: none!important;padding-right: 0!important;width: 100%!important;}
         .coop-right .coop-top img{width: 100%;height: auto;}
         .cont-text img{padding-bottom: 3px;}
         .inBanner li p{display: none;}
         .inBanner li a{margin-top: 0;}
		 .n-text,.n-text .n-news{height:auto;}


        
}


@media only screen and (max-width: 320px) {
     .p-hore a{display: none}

        
}