*{margin: 0;padding: 0;font-family: arial;font-size: 12px;}
li{list-style: none;}
a{text-decoration: none; resize:none;-moz-tap-highlight-color:rgba(255,0,0,0);}
p, h3{-moz-tap-highlight-color:rgba(255,0,0,0);}
img{display: block;border: none; resize: none;}
html, body{overflow-x: hidden;}
a, li, p, img, .main .mainBody li>div div:after, .cantactFone:after, a:after, span, .recruitBody .recruitTitle, header .phone a,
.qyzrList li .qyzrBox, .qyzrList li h3, .proNews ul li, .qyzr .divBox p{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
ul:after, ol:after, .divBox:after, footer .navList:after, footer .navList .erweima:after, footer .footer:after, 
.main .mainHead:after, .main .mainBody li:after, .main .cultureTitle:after, .responList li:after,
.recuritMan li:after, .body:after, header:after, .xiala .juzhong:after, #banner ul:after,
.emap-main .cultureTitle ul li:after, .proList:after, .proList li:after, .mapBody:after, .rlzy li:after, .newTitle:after, 
.searchAll:after, .qyys li:after, .qyzrList:after, .qyzr .mainHead:after{content: '';clear: both;display: block;}
h3{font-size: 14px;font-weight: normal;}
h2{font-size: 20px;font-weight: normal;}
@font-face {
    font-family: 'qanelasbold';
    src: url('../fonts/Qan/qanelas-bold-webfont.woff2') format('woff2'),
         url('../fonts/Qan/qanelas-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.qanelasbold{font-family: 'qanelasbold';}
.videoTitle h2, .serviceTitle h2 {
    font-weight: bold;
    font-family: 'qanelasbold';
}
header{position: relative;height: 78px;border-bottom: 3px solid #f90528;}
h1{font-size: 0;line-height: 0;float: left;margin-left: 90px; height: 78px;}
h1 img{margin: 11px auto;}
header p{float: left;height: 78px;position: relative;width: 309px;}
header p img{max-width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
header nav{position: absolute;left: 47%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);z-index: 99;background: #fff;}
/*header nav>ul{margin-left: 132px;}*/
header nav>ul>li{float: left;border-right: 1px solid #E8E8E8;position: relative;height: 78px;}
header nav>ul>li:first-child{border-left: 1px solid #E8E8E8;}
header nav>ul>li>a{height: 78px;padding: 0 23px;text-align: center;line-height: 78px;font-size: 15px;color: #000;display: block;}
header nav>ul>li:hover>a, header nav>ul>li.active>a, header .header-right a.search, header nav>ul>li ul li:hover a{background: #1B51A6;color: #fff;}
header nav>ul>li ul{position: absolute;width: 100%;display: none;z-index: 99999999;background: #fff;}
header nav>ul>li:nth-child(2) ul{width: 166px;left: 50%;margin-left: -83px; top: 100%;}
header nav>ul>li ul li{ border-top: 1px solid #1B51A6;width: 100%;}
header nav>ul>li ul li a{font-size: 13px; height: 50px;line-height: 50px;display: block;text-align: center;color:#5E5E5E;}
header nav>ul>li:hover ul{display: block;}
header nav>ul>li ul li:hover a{background: #F2B30B;}
header .search{position: relative;}
header .search img{position: absolute;top: 50%;left: 50%;margin: -12px 0 0 -12px;}
header .header-right{float: right;margin-right: 0;height: 78px;line-height: 78px; width: 30%;text-align:center;background: #1B51A6;}
header .header-right div{display: inline-block;vertical-align: middle;margin-right: 10px;}
header .header-right>a{width: 78px; height: 78px;text-align: center;line-height: 78px;float: left;}
header .chenge{/*float: left;*//*margin-top: 29px;*/position: relative;}
header .chenge span{position: absolute;background: url(../img/ico-chenge.png) no-repeat center;right: 25px;top: 50%;margin-top:-8px; width: 10px;height: 16px;cursor: pointer;}
/*header .chenge a{padding: 9px 20px;color: #fff;font-size: 14px;background: linear-gradient(top,#164389,#3EB4F0);background: -webkit-linear-gradient(top,#164389,#3EB4F0);background: -moz-linear-gradient(top,#164389,#3EB4F0);background: -o-linear-gradient(top,#164389,#3EB4F0);
				border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;}*/
header .chenge a, .myDow a{color: #fff;}
header .chenge a img, .myDow a img{vertical-align: middle;display: inline-block;margin-right: 5px;}
header .chenge a.cn{margin-bottom: 5px;}
header .chenge a.en{display: none;position: absolute;}
/*header .phone{float: left;}*/
header .phone a{width: 40px;height: 78px;display: block; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
header .phone a.a1{background: url(../img/ico-ri2.png) no-repeat center;}
header .phone a.a2{background: url(../img/ico-ri1.png) no-repeat center;}
header .phone a.a1:hover{background-image: url(../img/ico-ri2-1.png);}
header .phone a.a2:hover{background-image: url(../img/ico-ri1-1.png);}
#search{/*float: right;*/ z-index: 99999;/*margin-top: 23px;*/margin-right: 0;}
#search form{position: relative;}
#search input{ width: 168px;height: 31px;outline-style: none;color: #fff; border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;text-indent: 10px;border: 1px solid #2680C9;vertical-align:middle;background: rgba(0,0,0,0);}
#search input:focus{}
#search a{width:40px;height: 30px; text-align: center;vertical-align:middle;position: absolute;top: 50%;right: 5px;margin-top: -15px;}
#search a img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translateX(-50%,-50%);-moz-transform: translateX(-50%,-50%);-o-transform: translateX(-50%,-50%);}

.xiala{position: absolute;text-align: center; top: 78px;display: none;background: #fff;z-index: 99; left: 50%;padding: 35px 0; margin-left: -50%;width: 100%;border-top: 2px solid #E8E8E8;}
.xiala .juzhong{display: inline-block;vertical-align:top;margin: 0 10px;}
.xiala .juzhong ul, .xiala .juzhong div{float: left;}
.xiala .juzhong div{height: 125px;width: auto;}
.xiala .juzhong div img{height: 125px;}
.xiala .juzhong ul{margin-right: 15px;}
.xiala .juzhong ul li{width: 80px;height: 30px;text-align: center;line-height: 30px;border-bottom: 1px solid #fff;}
.xiala .juzhong ul li:first-child{border-top: 1px solid #fff;}
.xiala .juzhong ul li a{display: block;color: #666;padding: 0;}
.xiala .juzhong ul li:hover, .xiala .juzhong ul li.active{background: #F2B30B;}
.xiala .juzhong ul li:hover a, .xiala .juzhong ul li.active a{color: #fff;}

.modia{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.66);z-index: 999;display: none;}
.myModia{position: fixed;left: 50%;top: 50%;background: #fff; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index: 9999; padding: 50px 40px 48px;width: 410px;display: none;}
.titleBox{margin-bottom: 30px;}
.titleBox h3{font-size: 30px;color: #222;font-weight: normal;float: left;}
.titleBox p{font-size: 16px;color: #666666;float: right;margin-top: 15px;}
.titleBox p span{color:#d63b22;font-size: 16px;cursor: pointer;margin-left: 10px;}
.myModia .modiaDiv>p{margin-bottom: 16px;}
.myModia .modiaDiv input{width: 408px;height: 48px;border: 1px solid #DBDBDB;margin-bottom: 15px;text-indent: 10px;}
.myModia p{color: #999;margin: 20px 0 30px;}
/*.else{border-top: 1px solid #E6E6E6;}
.else a{width: 200px;height: 46px;text-align: center;line-height: 46px;color: #fff;}
.else a img{vertical-align: middle;margin-right: 5px;}
.weiboBig{float: left;background: #D64221;}
.qqBig{float: right;background: #209FE9;}
.else p{color: #999;margin: 20px 0 30px;}*/
#vdimgck{display: inline-block;}
.zhuce .titleBox p span{width: 55px;height: 23px;border: 1px solid #DFDFDF;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;display: inline-block;text-align: center;line-height: 23px;color: #666666;}
.zhuce{display: none;}
.myModia .modiaDiv input[type=button]{background: #1B51A6;font-size: 24px;color: #fff;text-indent: 0;float: left;}
.myModia .modiaDiv form a{float: right;margin-top: 14px;color: #797979;}
.myModia .modiaDiv form img{height: 50px;display: inline-block;}
/*footer*/
footer{background: #1B51A6;padding: 72px 0 66px;color: #fff;}
footer a{color: #fff;}
footer .navList{padding-bottom: 18px;}
footer .navList>ul{float: left;width: 74%;}
footer .navList>ul>li{float: left;width: 20%;}
footer .navList h3{font-size: 15px;font-weight: normal;margin-bottom: 32px;}
footer .navList ul li ul li{margin-bottom: 10px;}
footer .navList ul li ul li a, footer .footer{color: #B9C5DE;}
footer .navList ul li ul li:hover a{color: #fff;}
footer .navList .erweima{float: right;}
footer .navList .erweima ul{flex-basis: right;}
footer .navList .erweima ul li{float: left;margin-right: 48px;width: 100px;}
footer .navList .erweima ul li img{width: 100%;}
footer .navList .erweima ul li:first-child{margin-right: 27px;}
footer .navList .erweima ul li p{text-align: center;margin-top:20px;}
footer .footer{padding-top: 34px;border-top: 1px solid #999;position: relative;}
footer .footer .footerLeft{float: left;}
footer .footer .footerLeft ul{margin:12px 0;}
footer .footer .footerLeft ul li{float: left;margin-right: 25px;}
footer .footer .footerRight{position:absolute; top: 20px;right: 0;}
footer .footer .footerRight ul li{float: left;margin-right: 15px;}
footer .footer .footerRight ul li:last-child{margin-right: 0;}
/*footer .footer .footerRight ul li:first-child{display: none;}*/
footer .footer .footerRight ul li a{width: 38px;height: 38px;/*background: #205BB2;*/display: block;position: relative;}
footer .footer .footerRight ul li a img{position: absolute;left:50%;top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
footer .footer .footerRight ul li:hover a img{animation: aImg 0.5s ease;}
.footerLeft p span{display: inline-block;margin-left: 15px;}
/*sidebar*/

.sidebar{position: fixed;right: 0;top: 50%;z-index: 99;}
.sidebar ul li{border-bottom: 1px solid #fff;}
.sidebar ul li:last-child{border-bottom: none;}
.sidebar ul li a{width: 80px;height: 50px;padding: 18px 0 12px; display: block;color: #fff;background: #F2B30B;}
.sidebar ul li a p{text-align: center;font-size: 12px;margin-top: 2px;line-height: 11px;}
.sidebar ul li:hover a{background: #1B51A6;}
.sidebar ul li a img{margin: 0 auto;}
.sidebar ul li:last-child{display: none;}

.navbar{position: absolute;top: 25px;right: 10px;}
.navbar span{width: 30px;height: 4px;background: #444444;display: block;margin-bottom: 5px;}
.navbar span.s3{border-bottom: 0;}
.navbar.active span.s2{display: none;}
.navbar.active span.s1{transform: rotateZ(45deg) translateY(6px);}
.navbar.active span.s3{transform: rotateZ(-45deg) translateY(-6px);}
.navbar{display: none;}
.divBox{max-width:1200px; margin:0 auto;}

/*.emap-main .map{width: 100%;}*/
.emap-main .productBody li{width: 48%;margin-right: 4%;}
.emap-main .productBody li:nth-child(2n){margin-right: 0;}
.searchOver .emapBanner .divBox a{width: 64px;height: 60px;padding-top: 5px;}
.searchOver .emapBanner .divBox a img{margin: 0 0 0 4px;}
.emap-main .map ul li{display: block;}
@media only screen and (max-width: 1800px) {
	#banner .swiper-slide div.ban1{width: 95%;}
	header .chenge{margin-right: 20px;}
	#search input{width: 150px;}
	h1{margin-left: 20px;}
	header nav>ul>li>a{padding: 0 17px;}
	header nav{left: 48%;}
}
@media only screen and (max-width: 1600px) {
	#search input{width: 120px;}
	header .header-right div{margin-right: 5px;}
	header nav{left: 49%;}
	header nav>ul>li:last-child ul{width: 127px; left: 50%;top: 100%; margin-left: -63px;}
}
@media only screen and (max-width: 1440px) {
	/*#banner{min-height: 500px;}*/
	header .chenge span{right: 13px;}
	header nav{margin-left: 0;}
	header nav>ul>li>a{padding: 0 8px;}
	.qyzrList p{font-size: 12px;line-height: 18px;padding: 10px;}
}
@media only screen and (max-width: 1366px) {
	.xiala .juzhong div img{height: 100px;}
	.navbar{display: block;}
	header nav{width: 100%;display: none;margin-left: 0;position: absolute;top: 78px;left: 50%;z-index: 9999;}
	header nav ul{margin-left: 0;}
	header nav ul li{width: 100%;background: rgba(0,0,0,0.9);border-bottom: 1px solid #666;}
	header nav ul li:last-child{border-bottom: none;}
	header nav>ul>li>a{text-align: center;padding: 0;color: #fff;}
	header nav>ul>li>a, header nav>ul>li{height: 60px;line-height: 60px;}
	header nav ul li:first-child{border-left: none;}
	header nav ul li{border-right: none;}
	#search{right: 93px;}
	header nav>ul>li:hover ul{display: none;}
	header .header-right{margin-right: 70px;}
}

@media only screen and (max-width: 1280px) {
	.xiala .juzhong div img{height: 100px;}
	.productList .swiper-button-prev{left: 0;}
	.productList .swiper-button-next{right: 0;}
	
}
@media only screen and (max-width: 1279px) {
	.divBox, .searchOver .emapBanner .divBox{width: 90%;}
	.productBody{width: 812px;}
	.video{width: 290px;top: -157px;}
	.service .divBox .list{width: 617px;}
	.service .divBox .list ul li a{padding: 40px 48px 40px;}
	footer .navList .erweima ul li{margin-right: 33px;}
	.productBody, .proAll, .responList, .cantactTitle, .recruitTitle, .recruitBody, .E-zine, .aboutBody, .main>p, .cultureTitle, 
	.mediacantact, .mainBody, .mainTitle, .cantactList, .classTitle, .scnl, .qyys{width: 600px;}
	.main .mainBody li .bodyImg, .main .mainBody li>div{width: 50%;}
	.main .mainBody li>div{padding: 30px 20px 0;}
	.main{padding: 0 20px 20px;}
	.map ul li{width: 252px;}
	.main .cultureTitle img{width: 50%;float: left;}
	.main .cultureTitle div{padding: 43px 55px;}
	.main .mainBody.mediacantact li div{height: 290px;}
	.main .mainTitle ul li .titleAll{margin-left: 10px;width: 150px;}
	.main .mainTitle ul li:first-child{margin-right: 0;}
	.main .mainBody li>div h2{margin-bottom: 40px;}
	.banner .divBox{top: 35%;}
	h1{left: 60px;}
	.xiala .juzhong{margin: 0 3px;}
	.xiala .juzhong ul{margin-right: 5px;}
	.xiala .juzhong ul li{width: 75px;}
	.classTitle ul li{width: 19%;margin-right: 1%;}
	.classTitle ul li:nth-of-type(5n){margin-right: 0;}
	.classTitle ul li:nth-of-type(6n){margin-right: 1%;}
	.main .mainBody.aboutBody li>div{padding: 10px 10px 0;}
	.main .mainBody li>div div:after{display: none;}
	/*#banner{min-height: 390px;}*/
	.downList li .responBody{width: 88%;}
	.main .mainTitle ul li{padding: 40px 15px;}
	.proNews{width: 600px;}
	.proList li{width: 100%;}
	.zongbu{padding: 25px 20px;}
	.rlzy li:first-child .rlzyRight div{padding: 20px 15px 0;}
	#banner ul li div{top: 50px;}
	#banner ul li h3{top: 120px;}
	#banner ul li a{top: 175px;}
	.proList{width: auto;}
	.proSearch form input[type=text]{width: 190px;}
	#banner .swiper-slide img{height: 100%;}
	/*.banners{height: 398px;}*/
	.media .serviceList li{width: 32%;margin-right: 1.3%;}
	.firend{height: 72px;}
	.qyysTitle{    width: calc(100% - 320px);padding: 0px 10px 0;}
	.qyys .bodyImg{width: 300px;}
	.qyysTitle h2{font-size: 16px;line-height: 24px;}
	.qyysTitle p{margin-top: 10px;}
	.scnl .qyysTitle p{margin-top: 10px;}
	.qyzrList li .qyzrBox p{padding: 10px;}
	.qyzrList p{line-height: 18px;}
	.qyysTitle p{line-height: 22px;}
	.scnl .qyysTitle p{line-height: 22px;}
	.E-zine li div a{width: 56%;}
	.E-zine li div a.E-zine-down{width: 40%;}
	#banner .swiper-slide div.ban3{width: 95%;}
	.service .divBox .list ul li a{padding: 41px 10px 70px;}
	.service .divBox .list ul li a span{width: 80px;height: 80px;}
	.service .divBox .list ul li a span img{margin-top: 24px;}
	.service .divBox .list ul li a h3{margin-top: 8px;}
	.service .divBox .list ul li a p{height: 72px;}
	.video{top: -146px;}
	.advantageTitle li .qyysTitle p{height: 110px !important;overflow-y: scroll;}
	.main .themainBody li>div h2{font-size: 18px;margin-bottom: 10px;}
	.main .themainBody li>div div p{font-size: 13px;}
	.main .mainBody li>div{padding: 10px;}
	.main .themainBody li>div{left: 10px;width: 70%;}
	.main .themainBody li:nth-child(2n)>div{right: 10px;}
	.qyzr .divBox p{width: 90%;}
	.qyzr .divBox p:hover{height: 218px;}
	.about .divBox h2, .about .divBox h3, .about .divBox p{margin-left: 320px;}
}
@media only screen and (max-width: 1023px) {
	.proNews{width: 100%;}
	.sidebar, .searchOver .emapBanner .divBox{ display: none;}
	.divBox{width: 95%;margin: 0 auto;}
	.sectiov .divBox{padding-top: 10px;}
	.productBody{width: 812px;}
	.about .videoTitle{padding-top:30px;}
	.about .videoTitle p{margin-top: 15px;}
	.media .serviceList li{width: 33.333%;}
	footer .navList .erweima ul li{margin-right: 10px;}
	.video{width: 230px;top: -100px;}
	.service .divBox .list{width: 500px;}
	.service .divBox .list ul li a{padding: 32px 13px;}
	.service .divBox .serviceTitle{padding: 35px 0 35px;}
	.media .serviceTitle{padding-top: 35px;}
	footer{padding: 35px 0;}
	.productBody, .proAll, .responList, .cantactTitle, .recruitTitle, .recruitBody, .E-zine, .aboutBody, .main>p, .cultureTitle, 
	.mediacantact, .mainBody, .mainTitle, .cantactList, .classTitle, .scnl, .qyys{width: 100%;}
	.main{margin-top: 0;}
	.media .serviceList{padding: 20px 0;}
	.media .serviceList li{width: 100%;border-bottom: 1px solid #D7D7D7;}
	.media .serviceList li:last-child{border-bottom: none;}
	.media .serviceList li h3, .media .serviceList li p{width: 100%;}
	.media .serviceList li>a{display: none;}
	.map{margin-bottom: 10px;margin-top: 0;width: 100%;}
	.map h2{ font-size: 20px;}
	.map>h3:after{ bottom: -15px;}
	.map ul{ font-size: 0; margin-top: 35px; padding-bottom: 0;}
	.map ul li{ width: 100%;display: inline-block;}
	.map .down{display: none;}
	
	.qyzrList li{width: 100%;}
	.qyzrList li .qyzrBox p{padding: 30px;}
	.qyzrList p{line-height: 30px;}
	.main{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 10px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 10px;}
	.main .mainBody.mediacantact li div{height: 333px;}
	footer .navList .erweima ul li:first-child{margin-right: 10px;}
	.main .cultureTitle div{padding: 54px 68px;}
	.emap-main .map{width: 100%;}
	.emap-main .productBody li{width: 48%;margin-right: 4%;}
	.emap-main .productBody li:nth-child(2n){margin-right: 0;}
	.searchOver .emapBanner .divBox a{width: 64px;height: 60px;padding-top: 5px;}
	.searchOver .emapBanner .divBox a img{margin: 0 0 0 4px;}
	.emap-main .map ul li{display: block;}
	.xiala{display: none;}
	/*#banner{min-height: 280px;}*/
	.downList li .responBody{width: 82%;}
	.rlzy li .rlzyRight div{padding: 50px 15px 0;}
	.rlzy li:first-child .rlzyRight div{padding: 20px 15px 0;height: 300px;overflow-y: scroll;}
	#banner ul li div{top: 30px;}
	#banner ul li h3{top: 85px;}
	#banner ul li a{top: 120px;}
	.main .mainTitle ul li .titleAll{width: 190px;}
	.firend{height: 124px;}
	#banner .swiper-slide div.divBox{width: 95%;}
	#banner .swiper-slide div{top: 17%;}
	.service .divBox .list ul li a p{height: 70px;}
	#banner .more{display: none;}
	header .header-right{width: 44%;}
	.erweima, footer .footer .footerRight{display: none;}
	footer .navList>ul{width: 100%;}
	footer a{font-size: 12px;}
	footer .footer .footerLeft ul li{margin-right: 13px;}
	.proAll li table td{width: auto !important;line-height: 22px;}
	#banner .swiper-slide div.ban4{top: 17%;}
	#banner h3 p{display: inline;}
	#banner h3{width: 84%;}
	#banner .ban4 h3{width: 51%;}
	#banner .ban3 h3{width: 62%;}
}
@media only screen and (max-width: 767px) {
	.footerRight ul{display: none;}
	header .phone{display: none;}
	.firend{height: 104px;}
	.media .client{padding: 20px 0;}
	.media .serviceList li p{margin: 15px 0;}
	#search input{width: 150px;}
	.main .mainHead div{display: none;}
	.proList li .newProBox{float: left;left: 0;  top: 0; padding: 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
					transform: translateY(0);
				    -webkit-transform: translateY(0);
				    -moz-transform: translateY(0);
				    -o-transform: translateY(0);}
    .newProBox>a{margin-top: 10px;}
	#banner ul li a{display: none;}
	.newProBox h2 a{text-align: center;}
	.main .mainTitle ul li .titleAll{width: 230px;padding-right: 10px;}
	.proSearch{text-align: center;background-position: 7px 22px !important;}
	.proSearch form{display: inline-block;float: none;margin: 0 auto;    
					transform: translateX(0);
				    -webkit-transform: translateX(0);
				    -moz-transform: translateX(0);
				    -o-transform: translateX(0);}
	#banner ul li div{top: 10px;}
	#banner ul li h3{top: 46px;}
	#banner ul li a{top: 74px;}
	#banner ul li a{font-size: 14px;height: 28px;line-height: 28px;width: 120px;margin-left: -60px;}
	#banner ul li h2.h2-right, #banner ul li h2.h2-left{font-size: 25px;}
	#banner ul li div{width: 275px;}
	#banner ul li div{margin-left: -138px;}
	#banner ul li h3{font-size: 15px;width: 255px;margin-left: -127px;}
	.main .themainBody li>div div p{height: auto;}
	.proNews{padding: 0 25px;}
	.proNews .swiper-button-prev{left: 0;}
	.proNews .swiper-button-next{right: 0;}
	.proList li>a, .proList li .newProBox{width: 100%;}
	.proList li{height: 308px;}
	.proList li>a{height: 141px;}
	.proList li .newProBox{position: inherit;}
	.proSearch p{text-align: center;width: 83%;margin-left: 0;line-height: 22px;margin-top: 10px;}
	.proSearch{height: 120px;background: #F1F1F1 url(../img/pro-bg-search.png) no-repeat 15px 22px;}
	.proSearch{margin: 20px 0;}
	.video{width: 50%;top: -206px;}
	.service .divBox .list{width: 100%;}
	.service .divBox .list ul li{width:50%;}
	.service .divBox .list ul li:first-child{margin-left: 50%;}
	.about .videoTitle p{height: auto;}
	footer .navList .erweima ul li{width: 70px;}
	footer .navList .erweima ul li img{width: 100%;}
	.video{top: -219px;}
	.responList li>a{display: none;}
	.main .mainBody li .bodyImg, .main .mainBody li>div{width: 100%;}
	.main .mainBody li:nth-of-type(2n) .bodyImg{float: right;}
	.main .mainBody li:nth-of-type(2n) div{float: right;}
	.main .mainBody.aboutBody li>div p a{height: auto;}
	.main .mainBody li>div p:after{display: none;}
	.main .cultureTitle div p{width: 173px;padding: 3px 0 0 9px;}
	.main .cultureTitle div{padding: 1px 1px;}
	.cantactTitle li{width: 50%;}
	.cantactList li{width: 100%;}
	.E-zine li{width: 47%;}
	.E-zine li:nth-child(3n){margin-right: 5%;}
	.E-zine li:nth-child(2n){margin-right: 0;}
	.main .mainTitle ul li{width: 100%;padding: 20px 0;}
	.classTitle img{width: 100%;position: inherit;}
	.classTitle .proMore a.downPage{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin-bottom: 10px;background: #F2B30B url(../img/ico-downpage.png) no-repeat 125px 10px;padding: 0 104px;}
	.productBody li{width: 100%;}
	.productBody li:nth-child(3n){margin-right: 0;}
	.productBody li:nth-child(2n){margin-right: 0;}
	.classTitle ul li{width: 24%;}
	/*.classTitle ul li:nth-child(6n){margin-right: 0.8%;}
	.classTitle ul li:nth-child(4n){margin-right: 0;}*/
	.recruitTitle{padding-left: 10px;}
	.recruitTitle p.recuritName{width: 40%;}
	.recruitTitle p{width: 36%;}
	.recruitBody li .recuritMan{padding: 0 10px;}
	.recruitBody li .recuritMan li:last-child p{width: 100%;}
	.recruitBody li .recuritMan li:nth-of-type(2) p:nth-of-type(2n-1), .recruitBody li .recuritMan li:last-child p:nth-of-type(2n-1){width: 100%;}
	.recruitBody li .recuritMan li:nth-of-type(2) p:nth-of-type(2n), .recruitBody li .recuritMan li:last-child p:nth-of-type(2n){width: 100%;margin-bottom: 15px;}
	.banner h2{font-size: 20px;}
	.banner h3{font-size: 14px;margin:5px 0;}
	.main .mainHead{height: 65px;line-height: 65px;}
	.advantageTitle{padding: 15px 0;}
	.main>p{text-indent: 0;}
	.advantageTitle ul li a{font-size: 14px;}
	.main .mainBody.mediacantact li div{height: auto;padding: 10px 10px;}
	.main .mainBody li>div h2{margin-bottom: 15px;font-size: 18px;}
	.proAll li table th{width: auto;padding: 0 5px;}
	.proAll li table td:first-child, .proAll li table td:last-child{text-indent: 0;text-align: center;}
	.proAll{padding: 10px 0;}
	.proAll li{margin-bottom: 10px;}
	.main .mainBody li:nth-of-type(2n) div{float: right;}
	.main .mainBody li{margin: 0;}
	.main .mainBody.aboutBody li>div{padding: 15px 0;}
	footer .navList h3{margin-bottom: 15px;}
	footer .navList>ul>li{min-height: 116px;}
	footer .footer .footerRight{right: 0;}
	footer .footer .footerRight ul li:last-child{margin-right: 0;}
	.prodService .main>p{margin-bottom: 10px;}
	.emap-main .productBody li{width: 100%;margin-right: 0;}
	.searchOver .emapBanner .divBox a{width: 30px;height: 30px;padding-top: 0;background: none;}
	.searchOver .emapBanner .divBox a img{margin: 0 0 0 0;width: 100%;}
	.emap-main .main{padding: 0 0 20px;}
	.emap-main .cultureTitle ul li a.emap-list1{width: 70px;}
	.emap-main .cultureTitle ul li a{width: 70px;font-size: 12px;}
	.emap-main{padding-bottom: 0;}
	.classTitle ul li{width: 32%;margin-right: 2%;}
	.classTitle ul li:nth-of-type(5n){margin-right: 2%;}
	.classTitle ul li:nth-of-type(6n){margin-right: 2%;}
	.classTitle ul li:nth-of-type(3n){margin-right: 0;}
	.map h2, .map h3, .map ul li{text-indent: 10px;}
	.map>h3:after{left: 10px;}
	/*#banner{min-height: 160px;}*/
	.news-main p img{width: 100%;height: auto;}
	.mapBody>div{width: 100%;}
	.cantactList li{margin-bottom: 20px;}
	.cantactList li h3{margin-bottom: 10px;}
	.theBody .talents .mainHead{text-indent: 0;}
	.theBody .talents .mainHead h2{background-position-x: 0;padding-left: 23px;}
	.rlzy li .bodyImg, .rlzy li .rlzyRight{width: 100%;}
	.rlzy li .rlzyRight div{padding: 20px 15px 0;}
	.rlzy li .rlzyRight h4{margin-bottom: 15px;}
	.rlzy li{margin-bottom: 20px}
	.rlzy li .rlzyRight div>a{margin-top: 15px;}
	.map{padding-top: 10px;}
	.map ul{margin-top: 10px;}
	.map ul li{height: 50px;line-height: 50px;}
	.map h2, .map h3{text-align: center;}
	.main .cultureTitle{margin: 20px 0;}
	/*header{height: 156px;}*/
	header nav{top: 78px;}
	h1{margin-left: 10px;}
	header p{width: calc(100% - 70px);}
	.navbar{top: 28px;}
	header .header-right>a{width: 40px;height: 40px;margin-top: 19px;}
	/*.banners{height: 180px;}*/
	#banner .scrollBan{bottom: 10px;}
	#banner h3{font-size: 16px;margin-top: 5px;}
	#banner .swiper-slide div{top: 10%;}
	.main .mainTitle ul li .titleAll a{margin: 15px auto 0;}
	.main .mainTitle ul li .titleAll p{text-align: center;}
	.main .mainTitle ul li{margin-bottom: 10px;}
	.qyysTitle, .qyys .bodyImg{width: 100%;}
	.qyys li:nth-child(2n+1) .bodyImg{float: left;}
	
	.qyys .bodyImg{margin-bottom: 10px;}
	.qyzrList li .qyzrBox p{padding: 10px;}
	.qyzrList p{line-height: 18px;font-size: 12px;}
	.qyzr h3{margin: 20px 0;}
	.qyzr .divBox p{font-size: 14px;line-height: 24px;}
	.qyzr .mainHead{padding: 15px 0;}
	.qyzr .mainHead div{display: none;}
	.qyzr .mainHead div a{padding: 0 3px;}
	.qyzr h3{font-size: 20px;margin: 15px 0;}
	.qyzr .divBox p{font-size: 13px;line-height: 22px;margin-bottom: 10px;}
	.qyzr{height: 413px;background-size: cover !important;}
	#banner .more{font-size: 13px;margin-top: 10px !important;height: 26px;line-height: 26px;width: 100px;display: none;}
	#banner .swiper-slide div.ban3 h3{width: 230px;}
	.responList li .responBody p a{line-height: 21px;}
	#search{display: none;}
	header .chenge{margin-left: 0;margin-right: 0;}
	.proNews{padding: 15px;}
	.proNews p{font-size: 14px;width: 100%;}
	.proNews ul{width: 100%;}
	.proNews a{font-size: 13px;padding: 3px 8px;}
	.product a p{margin-top: 17px;}
	footer .navList>ul>li{width: 50%;}
	.service .divBox .list ul li a p{height: auto;}
	#banner h3, .videoBox{width: 100%;}
	.videoBox{height: auto;}
	.advantageTitle li .qyysTitle p{height: auto !important;overflow-y: initial;}
	.qyzr .divBox p{height: 89px;overflow-y: scroll;}
	.qyzrList li .qyzrBox{position: inherit;padding: 10px;opacity: 1;}
	.qyzrList p{position: inherit;top: 0;    
		transform: translate(-50%,0);
	    -webkit-transform: translate(-50%,0);
	    -moz-transform: translate(-50%,0);
	    -o-transform: translate(-50%,0);}
	.qyzrList li:hover h3{opacity: 1;}
	.main .cultureTitle img{width: 100%;}
	.main .cultureTitle div{display: none;}
	.advantage .bodyImg img, .advantage .qyysTitle{width: 100%;}
	.advantage .qyysTitle{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
	.qyzr .divBox p:hover{height: 245px;}
	h1 img{height: 40px;margin: 17px auto;}
	.main .mainTitle ul li .titleAll p{height: auto;text-align: left;}
	.about .divBox h2, .about .divBox h3, .about .divBox p{margin-left: 0;}
	.product{background-position: center bottom;}
	#dituContent{background-size: cover !important;}
	.qyzrList li h3{top: 15px;left: 16px;}
	.tabBox{overflow-x: scroll;}
	.tabBox table{width: 250%;}
	#banner .swiper-slide{height: 268px;}
	#banner h2, #banner h2 span{font-size: 14px;}
	#banner h3{font-size: 12px;line-height: 14px;}
	#banner .swiper-slide img{height: 100%;position: absolute;width: auto; top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
	#banner .swiper-slide div.ban1 h3, #banner .swiper-slide div.ban3 h3{height: auto;}
	#banner .swiper-slide div.ban3 h3{width: 300px;}
	#banner .ban4 h3{width: 58%;}
	#banner .swiper-slide:nth-child(3) img{left: 35%;}
	#banner .swiper-slide div.ban3 h3{width: 254px;}
	#banner h3 p{font-size: 12px;line-height: 14px;display: inline;}
	#banner .swiper-slide div, #banner .swiper-slide div.ban4{top: 17%;}
	
	.myDow, .phone, header .chenge a img{display: none !important;}
	header .header-right{margin-right: 45px;width: auto;}
	header .chenge a.cn{padding: 0 15px;}
	header .header-right div{margin-right: 0;}
	
	
}
@media only screen and (max-width: 639px) {
	footer .navList>ul{width: 100%;}
	footer .navList .erweima{float: left;}
	footer .footer .footerRight{top: 7px;}
	.media .client ul li{width: 32%;margin-right: 1%;margin-bottom: 5px;}
	.video{top: 0;position: inherit;width: 100%;}
	.service .divBox .list ul li{width: 100%;}
	.service .divBox .list ul li:first-child{margin-left: 0;}
	h2{font-size: 20px;}
	h3{font-size: 16px;}
	.serviceTitle>a{margin-top: -26px;}
	.serviceTitle>a{width: 65px;height: 22px;line-height: 22px;}
	.product h2{font-size: 20px;}
	.product .tjj{width: 164px;height: 200px;}
	.product .tolk{left: 164px;bottom: 200px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
	#banner ol{bottom: 10px;display: none;}
	#banner ul li a{color: #fff;border-color: #fff;}
	.recruitBody{margin-top: 15px;}
	.recruitBody li .recuritMan li{padding: 10px 0;}
	.recruitBody li .recuritMan li:nth-of-type(2) p, .recruitBody li .recuritMan li:last-child p{margin-bottom: 5px;}
	.recruitBody li .recuritMan li:nth-of-type(2) p:nth-of-type(2n), .recruitBody li .recuritMan li:last-child p:nth-of-type(2n){margin-bottom: 5px;}
	.mapBody{padding: 20px 0;}
	.main{padding: 0 10px 20px;}
	.body{padding-bottom: 20px;}
	.responList li .responTime{width: 100%;padding-right: 0;border-right: none;}
	.responList li .responTime span{font-size: 40px;}
	.responList li .responBody{width: 100%;margin-left: 0;}
	.responPage{margin-top: 20px;}
	.responList li{padding: 15px 0;}
	.main .mainBody li{padding: 15px 0;}
	.E-zine li{width: 100%;margin-right: 0;padding-top: 20px;margin-bottom: 15px;}
	.cantactTitle li{padding: 10px 0;border: 1px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.responList li .responBody p{height: 62px;}
	.recruitBody>li{margin-bottom: 15px;}
	.downList li .responBody h2, .downList li .responBody h2 a, .downList li .responBody span{font-size: 12px;}
	.downList li .responBody{height: auto;}
	.downList li .responBody span{float: left;}
	.downList li>a{float: left;display: block;}
	.main .mainBody li>div{left: 0;padding: 15px;position: inherit;}
	.main .mainBody li:nth-child(2n)>div{left: 0;right: auto;}
	.main .mainBody li>div div:after{top: -7px;}
	.product .tjj span{width: 85px;height: 85px;}
	.product p{font-size: 12px;padding: 0;margin-top: 5px;}
	.product .tjj{border-radius: 5px;padding-top: 3px;width: 107px;height: 127px;}
	.product .fhj{width: 90px;height: 110px;border-radius: 5px;padding-top: 3px;}
	.product .tolk{left: 105px;bottom: 123px;width: 65px;height: 65px;border-radius: 5px;padding-top: 11px;}
	.product a p{margin-top: 5px;}
	.footerLeft p span{margin-left: 0;}
	.downPage{display: block;float: none;}
	#plogin{margin-bottom: 10px;}
}
@media only screen and (max-width: 413px) {
	.service .divBox .list ul li a h3{margin-top: 15px;}
	.service .divBox .list ul li a{padding: 10px 4px;}
	.service .divBox .serviceTitle{padding: 15px 0;}
	.main .cultureTitle img{width: 100%;}
	.main .cultureTitle div{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 43px 70px;}
	.classTitle .proMore a.downPage{ background: #F2B30B url(../img/ico-downpage.png) no-repeat 75px 10px;}
	.recruitTitle p{font-size: 14px;}
	.recruitTitle p{width: 27%;}
	.classTitle ul li a{font-size: 12px;}
	/*#banner{min-height: 140px;}*/
	.main .mainTitle ul li .titleAll{width: 200px;}
	header .chenge a{padding: 0 3px;}
	.navbar{right: 10px;}
	.footerLeft p span{display: inline-block;margin-left: 0;}
	#banner .scrollBan{display: none;}
	h1 img{height: 37px;margin: 18px auto;}
	.qyzrList li h3{top: 0;}
	
}

@media only screen and (max-width: 374px) {
	.service .divBox .list ul li a h3{margin-top: 8px;}
	#banner .scrollBan .swiper-pagination-bullet{width: 70px;}
	.banner h2{font-size: 18px;}
	.banner h3{font-size: 12px;margin:5px 0;}
	.banner h3:after{bottom: -10px;}
	.banner .divBox{top: 41%;}
	h2{font-size: 18px;}
	.main .mainHead div a{padding: 0 2px;}
	.main .cultureTitle div{padding: 43px 55px;}
	.classTitle .proMore a.downPage{padding: 0 62px;}
	.recruitTitle p, .recruitTitle p.recuritName{width: 34%;}
	.recruitTitle{padding-left: 5px;}
	.recruitBody .recruitTitle p:nth-child(3){width: 32%;}
	.recruitBody .recruitTitle span{margin-left: 6px;}
	.main .mainTitle ul li .titleImg{width: 100%;height: 104px;}
	.main .mainTitle ul li .titleAll h3{text-align: center;}
	.main .mainTitle ul li .titleAll{width: 100%;margin-left: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 0 10px;}
	/*#banner{min-height: 120px;}*/
	.firend{height: 76px;}
	.video .videoTitle .videoTitle-right{height: 61px;width: 61px;}
	.classTitle .proMore .xj{padding: 0 10px;}
	#dituContent{height: 213px;}
	.tabBox table{width: 250%;}
	#banner .swiper-slide:nth-child(3) img{left: 22%;}
	#banner .swiper-slide div.ban3 h3{width: 190px;}
	/*header .chenge a.cn{font-size: 12px;padding: 0 2px;}*/
}