@charset "utf-8";

/* CSS Document */



@media all and (max-width:1700px){/*1680 * 1050*/

     

}



@media all and (max-width:1460px){/*1440 * 900*/

  

}



@media all and (max-width:1400px){

     

}



@media all and (max-width:1380px){/*1366*/

 

}



@media all and (max-width:1300px){/*1280 * 800*/

   

}



@media all and (max-width:1260px){/*1260*/



}

@media all and (min-width:1200px){
	.index-ys ul li{    padding: 45px 40px; border:none; background: url(../images/lingxing.png) center center no-repeat; background-size: 100% 100%;}
	.index-ys ul li:hover{ background: url(../images/lingxing2.png) center center no-repeat; background-size: 100% 100%;}


	
}

@media all and (max-width:1200px){ /*1200*/

  #header .top .main .lang { margin-right: 10px; } 

  #header .nav ul li a {  padding: 0 25px; }

  #header .top-nav { padding: 0 5px 0 10px; }

  .hot-news { padding: 22px 10px; }

  .hot-news { padding: 17px 10px; height: 56px; }

	.index-honor .swiper-slide { width: 33.333%; } 



	.index-ys .lists { max-width: 960px; }

	.index-ys ul li {padding: 40px 17.5px 0px; border:none; background: url(../images/lingxing.png) center center no-repeat; background-size: 100% 100%; width: 240px; height: 240px;}
	.index-ys ul li:hover{ background: url(../images/lingxing2.png) center center no-repeat; background-size: 100% 100%;}

	.index-ys ul li .box { width: 100%; height: 100%; transform:ss rotate(-45deg) }

	.index-ys ul li .box i { height: 50px; line-height: 40px; vertical-align: middle; }

	.index-ys ul li .box i img{ width: 25%; }

	.index-ys ul li .box h3 { padding-top: 0px; font-size: 14px; font-weight: bold; line-height: 24px; }

	.index-ys ul li .box .con { padding: 0 10px; padding-top: 3px; font-size: 12px; height: 66px; line-height: 20px; overflow: hidden;  }

	.index-ys ul li:nth-child(1) { left: 35px; top: 35px }

	.index-ys ul li:nth-child(2) { left: 275px; top: 35px }

	.index-ys ul li:nth-child(3) { left: 515px; top: 35px }

	.index-ys ul li:nth-child(4) { left: 755px; top: 35px }

	.index-ys ul li:nth-child(5) { left: 155px; top: 155px }

	.index-ys ul li:nth-child(6) { left: 394px; top: 155px }

	.index-ys ul li:nth-child(7) { left: 635px; top: 155px }



	.index-new-type ul li { height: auto; }

	.index-new-type ul li a { padding: 25px; }



	#footer .ft1 dl { width: 50%; }

	#footer .links { padding: 22px 10px; }

   



	.ab-honor dl { width: 25%; }



	.view-article,

	.ab-job,

	#footer .ft2,

	#footer .ft2 .site .item,

	.ab-fz,

	.ab-job-type { padding-left: 10px; padding-right: 10px; }



	.view-title { padding: 10px 0 15px 0; }

  .view-article { padding-top: 15px; }

  .yw-content .box2 dl dd { padding-top: 15px; }

.yw-content .box3 dl { float: left; margin: 0 35px; }

.ny-title { padding: 0 10px; }



/******/

.qy-cul { padding: 10px; padding-bottom: 40px; }

/******/



.ny-current { padding: 0 10px;}

.ny-current .current { float: left; width: 100%; margin: 0 10px;}

.ny-current .menu { width: 100%; margin: 0 10px;}

}



@media all and (max-width:1100px){/*1024 * 768 */

	#header .nav ul li a {  padding: 0 15px; }

	.yw-hc dl { width: calc(33.333% - 30px); margin: 0 15px; }



	.out-box .box { width: 100%; left: 0; transform:translateX(0%); }

	

	.index-honor .swiper-slide dl { padding: 0 25px;}



	.index-partner .swiper-slide img { width: calc(33.33% - 10px); margin: 5px;}

	.index-partner .lists { padding: 0;}

	

	 .view-article{width:100%;padding:0 4%;}

  

}



@media all and (max-width:980px){/*web*/

	#header .nav { display: none; }  

  #header .top-nav { height: 50px; }

	#header .logo { height: 50px; line-height: 49px; } 

	.nav-icon { display: block; }

	.index-yw ul li { width: 50%;}

	.index-ys .lists { display: none; }

	.index-ys .lists2 { display: block; }

	.index-new-pic { width: 100%; }

	.index-new-type { width: 100%; padding: 20px 10px 0 0px; }

	#footer .footer { padding: 20px 10px; }

	#footer .footer .fr { width: 100%; float: left !important; padding-top: 12px; }



  #footer .ft2 .fd { width: 100%; }

  #footer .ft2 .site { width: 100%;}

  #footer .ft2 .site .ewm { float: left; width: 100%; margin-top: 30px; height: auto;}

	#footer .ft2 .site .item { height: auto; overflow: hidden; }

	#footer .ft2 .site .item dt { border-bottom: solid 1px #2a3d54; } 

	#footer .ft2 .site .ewm img { max-width: 45%; margin: 0 auto;}

	#footer .ft2 .site .item { width: 100%; }

	#footer .ft2 .site .item dd { display: none; }

	.ab-fz dl { width: 33.333% }

	.ny-title { padding: 0 10px; font-size: 24px; line-height: 30px; padding: 10px; }

	.ny-content { padding-left: 10px; padding-right: 10px; padding-bottom: 30px; }

	.ab-fz dl dd .con { max-height: 56px;}

	.ab-honor dl { width: 33.3333%; }

 .ab-partner { padding: 0 10px; } 

 .ab-partner dl dd h3 { height: 30px; line-height: 30px; }

 .ab-partner dl dd { padding: 10px 20px; font-size: 12px; }



 .ab-contact { padding-top: 30px; }

 .ab-contact .map { float: none; width: 100%; padding: 0 10px; }

 .ab-contact .content { float: none; width:100%; line-height: 24px; padding: 0 10px; padding-top: 20px; }





.ny-menu .current { float: left; width: 100%; }



.ab-job-box { padding: 30px 20px; }



 .news-lists-vod dl { width:calc( 33.333% - 30px);}

	

	.back { margin: 35px 0; }

	.back a{  height: 35px; line-height: 35px; width: 100px; }

 .view-page { padding: 10px 20px; }

 .view-page span { width: 100%; display: block; float: left !important; }





  .case-lists dl { width: calc(50% - 30px); }

 .yw-content .box2 dl { height: 120px; width: 100%; margin: 20px 0 !important; }



 .yw-content .box3 dl { float: left; margin: 0 25px; }

.yw-content .box4 dl { width: calc(25% - 18px); }



.yw-content .box5 dl { width: calc(50% - 30px); }

.yw-hc dl { width: calc(50% - 30px); margin: 0 15px; } 



.history-speed { display: none; }

.history-pc { display: none; }

.history-wap { display: block; }



	.modal-video{background:#fff;}

	.modal-video-contain{width:100%;}

	.modal-video-contain iframe{width:100%;}

	.modal-video-contain .modal-video-close{position:fixed;top:10px;right:10px;}

	

	.ab-job-type { margin-top: 0; margin-bottom: 16px; padding-left: 0; padding-right: 0;}

	.ab-job-type ul li.cur a:after { display: none; }

	.ab-job-type ul li{ border:solid 1px #e1e1e1; width: 31%; margin: 3px 0; margin-right: 1.3%; text-align:center;} 

	.ab-job-type ul li a{font-size:14px;padding:0 28px;}

	

	/******/

	.qy-cul dl { width: 100%; height: 260px; display: block; float: left;}

	.qy-cul dl dt, .qy-cul dl dd { width: 50%; height: 260px; position: relative;}

	.qy-cul dl dt:before { position: absolute; width: 11px; height: 17px; top: 50% !important; margin-top: -8px !important; right: 0 !important; left: auto !important; z-index: 1; content: ''; background: url(../images/jt3.png) no-repeat; }

	.qy-cul dl dt:nth-child(2):before { left: 0 !important; right: auto !important; background: url(../images/jt4.png) no-repeat; margin-left: 0; }

	.qy-cul dl dt { float: left; }

	.qy-cul dl dd { float: right; }

	.qy-cul dl:nth-child(2) dt { float: right; }

	.qy-cul dl:nth-child(2) dd { float: left; } 



	/****/



.lc-1{height:auto;overflow:hidden;}

.lc-1 ul li { list-style: none; float: left; height: 70px; width: 125px; position: relative; margin: 12px 0; margin-right: 40px; font-size: 15px; color: #fff; text-align: center; }

.lc-1 ul li:before { background: url(../images/bg2.png) no-repeat; width: 30px; height: 70px; position: absolute; right: -28px; top: 0; content: ''; }

.lc-1 ul li span { display: block; float: right; background-color: #008dd7; height: 100%; line-height: 48px; width: 115px; margin-left: 40px; padding: 11px 0; padding-left: 10px;}

.lc-1 ul li.li2 span{ line-height: 24px; }

.lc-1 ul li i { display: block; width: 30px; height: 30px; line-height: 25px; text-align: center; border:solid 3px #0195d8; position: absolute; left: 0;  background-color: #fff; border-radius: 28px; z-index: 1; top: 7px; font-size: 20px; color: #0195d8; font-style: normal;margin-top:10px;}



.yw-content .box1 ul li{line-height:30px;}



#footer .ft1 dl{height:70px;}

.index-honor .swiper-slide dl { padding: 0 15px;}

}



@media all and (max-width:768px) { 

  .nav-icon{width:11%;}

  #header .top .main .line { width: 18px; height: 12px;}

  #header .top .main .tel { padding-left: 20px; } 

	.index-honor .swiper-slide { width: 50%; }  

	.ab-fz dl { width: 50%; padding:0 20px }

 .ab-partner dl { width: 100%; } 

 .contact-addr { margin-left: 0; margin-top: 12px;}

 .news-lists-vod dl { width:calc( 50% - 30px);}

 .ny-container { padding: 10px 0 38px 0 }

 .history-wap { margin-top: 10px!important; }

.history-wap .swiper-pagination-bullets { bottom: 10px !important; }

.yw-content .box4 dl { width: calc(33.333% - 18px); }



.yw-content .faq1 ul li { width: 100%; margin: 0!important; }

.yw-hc dl { width: calc(100% - 30px); margin: 0; }

.yw-hc dl dd .con { height: auto; overflow: hidden; }



.team3 .search { padding: 20px 0; } 

.team-lists { padding-top: 0; }



.team-lists dl { width: calc(50% - 36px);}

.out-box .box .box-le { width: 100%; padding-bottom: 0; } 

.out-box .box .box-le dl dt{ width: 30%; }

.out-box .box .box-le dl dd { width: 60%; }

.out-box .box .box-ri { width: 100%; margin-top: 10px; }

.out-box .box .box-ri .con { height: 200px;  }



.index-honor .swiper-slide dl { width: 50%; padding: 0 32px;}



.ny-current .title { height: 42px; line-height: 42px;} 

.ny-current .title:before { display: none; }

.ny-current .cur-nav { width: 100%; padding: 6px 0 0 0; }

.ny-current .cur-nav ul li { width: 100%; padding: 0 10px; border: none; line-height: 42px; border-bottom: solid 1px #e1e1e1; }

.ny-current .cur-nav ul li:last-child { border-bottom: none; }

}



@media all and (max-width:640px){ 

  .nav-icon{width:13%;}

	.index-yw ul { padding: 0 10px; }

	.index-yw ul li { width: 100%; }

	.index-ys .lists2 .swiper-slide { width: 100%; }

  .index-yw { padding: 30px 0 52px 0;}

	.index-ys { padding: 30px 0 52px 0; height: 525px;  }

	.index-ys .lists2 { padding-top: 0 }

	.index-ys .lists2 .swiper-slide { padding-top: 15px; }

	.index-honor { padding: 30px 0 ; }

	.index-honor .lists { padding-bottom: 30px; }

  .index-partner { text-align: center; padding: 30px 0 ; }

  .index-partner .lists{ padding-bottom: 30px; }

  .index-news { padding: 30px 0 42px 0; }

	.ab-honor dl { width: 50%; }

	.ab-job-box { padding: 20px 10px; }

	.ab-job-box  { font-size: 12px; }

	.ab-job-box dl dd { padding: 10px; padding-bottom: 20px; }

 .join-btn { margin-top: 12px; }



 .news-lists dl dt { width: 100%; float: none; }

 .news-lists dl dd { width: 100%; float: none; padding-top: 20px; }

 .news-lists dl dd .time p:nth-child(1) { font-size: 24px; font-weight: bold; line-height: 40px; }

5;

 .case-lists { padding: 15px 0; }

  .case-lists dl { width: calc(100% - 30px); }

.yw-content .box4 dl { width: calc(50% - 18px); }

.yw-content .box5 dl dd { height: auto; }

.yw-content .box5 dl { width: calc(100%); margin-left: 10px; margin-right: 10px; }



.yw-content .box5 dl { margin: 0; }

.ab-job-type ul li {  width: 45%; }

.team3 .search { padding: 20px 5px; height: auto; overflow: hidden; }

.team3 .search .txt { float: left; }

.team3 .search .btn { float: left; }

.team-type { padding-top: 10px; height: auto; overflow: hidden; padding-left: 10px; padding-right: 10px; }

.team-type ul li { float: left; width: 50%;}



/*****/

.qy-cul { padding-bottom: 30px; }

.qy-cul dl dd { padding:20px; line-height: 22px; }

/*****/

.lc-1{height:auto;overflow:hidden;}

.lc-1 ul li { list-style: none; float: left; height: 70px; width: 125px; position: relative; margin: 12px 0; margin-right: 40px; font-size: 15px; color: #fff; text-align: center; }

.lc-1 ul li:before { background: url(../images/bg2.png) no-repeat; width: 30px; height: 70px; position: absolute; right: -28px; top: 0; content: ''; }

.lc-1 ul li span { display: block; float: right; background-color: #008dd7; height: 100%; line-height: 48px; width: 115px; margin-left: 40px; padding: 11px 0; padding-left: 10px;}

.lc-1 ul li.li2 span{ line-height: 24px; }

.lc-1 ul li i { display: block; width: 30px; height: 30px; line-height: 25px; text-align: center; border:solid 3px #0195d8; position: absolute; left: 0;  background-color: #fff; border-radius: 28px; z-index: 1; top: 7px; font-size: 20px; color: #0195d8; font-style: normal;margin-top:10px;}



}



@media all and (max-width:580px){

    

	#footer .ft1 dl { width: 100%; }



	/*****/

	.qy-cul dl dd { background-color: #f4f5f5; font-size: 14px; color: #333; padding:15px; line-height: 24px; }

	/*****/

}



@media all and (max-width:414px){

  .nav-icon{width:15%;}

  #header .top .main { font-size: 12px !important; }

  #header .top .main .line { width: 12px; height: 12px;}

  #header .top .main .tel { padding-left: 18px; }

  .hot-news { padding: 12px 10px; height: 46px; }

  .hot-news .title { padding-left: 30px; }

  .hot-news .lists { width: 60%; }

	/*.index-honor .swiper-slide { width: 100%; }*/ 

	.ab-fz dl { width: 100%; padding:0  0px }

 .yw-content .box3 dl { margin: 0 0; width: 33.33%; box-sizing: border-box; }

 .yw-content .box3 dl dt { text-align: center; }

 .yw-content .box3 dl dd { height: 40px; line-height: 30px; }

 .yw-content .box3 { padding: 20px 0 40px 0; }

  .yw-content .box3 img{max-width:50%;}

.yw-content .box { padding: 10px 0 20px 0; line-height: 24px; }

.yw-content .box4 dl dd{ font-size: 14px }

  .yw-content .box2 dl dd { padding-top: 10px; line-height: 22px; }

.download dl dt { width: calc(100% - 85px) }

.download dl dd { padding: 40px 10px; }

.download dl dd img { width: 50px; }

.team-lists dl { width: calc(100% - 36px);}

.out-box .box .box-ri .con { height: 200px; }

.out-box .box .close { position: absolute; right: 10px; top: 10px; }

.out-box .box i.close { width: 20px; height: 20px; background-size: 100% 100%; }

.out-box .box .box-le { padding-left: 10px; padding-right: 10px !important; padding-bottom: 0;}

 .yw-content .box2 dl dt{ width: 25%; font-size: 14px; padding: 15px 2px; }

 .yw-content .box2 dl dd { width: 75%; padding: 7px; padding-right: 20px; font-size: 12px;}

.out-box .box .box-ri {  margin-top: 0; }

.yw-content { padding: 20px 10px;}

.yw-case tr:first-child th { font-size: 13px; }

.ab-job-type { line-height: 35px; font-size: 14px; }



.yw-dl a { height: 35px; line-height: 35px; margin: 5px 0; }

.btn-blue { margin: 0; }

.his-ri { padding: 20px 10px; padding-right: 10px; }

.his-ri .con { padding: 10px 0; padding-right: 10px; }

.ny-menu  { padding: 10px; box-sizing: border-box; }

.ny-menu ul li { border:solid 1px #e1e1e1; width: 33%; margin: 3px 0; margin-right: 0.3%;} 

.ny-menu ul li a{font-size:14px; text-align:center;}



/*****/

.qy-cul { padding-bottom: 20px; }

.qy-cul dl dd { padding:12px; line-height: 20px;  }

.qy-cul dl dd h3 { font-size: 14px !important; }

.qy-cul dl dd p { font-size: 12px !important; }

/*****/

.index-honor .swiper-slide dl { padding: 0 20px;}



}



@media all and (max-width:375px){

	.index-yw ul li { font-size: 12px; } 

}



