@charset "UTF-8";
.newsInfo .content img{ display: block; margin: 0 auto;}	
.md-pc{ display: block;}
.md-mobile{ display: none;}
/*视频*/
.video{ text-align: center;}
.empty{  text-align: center; margin-bottom: 50px; margin-top: 90px;}
.empty img{ max-width:120px; height: auto;}
.empty h3{ font-weight: normal; font-size: 14px; color: #f00;}

.focus-us{ text-align: center; font-size: 12px; padding-bottom: 20px;}	
.focus-us h3,.m-contact h3{text-align: center; font-size: 14px; padding-bottom: 10px; font-weight: normal; color: #818181;}	

.focus-us img{ width: 35px; height: auto;}	
.focus-us span{ padding: 0 5px;}
.focus-us span{ position: relative;}
.focus-us cite { position:absolute; display: none;left: -20px;  width: 90px; height: 90px;bottom: 40px;  }
.focus-us cite img{width: 90px; height: 90px; }
.pc-focus{ text-align: left; margin-top: 10px;}
.pc-focus h3{ display:inline-block;  position: relative; top: 5px;}
.pc-focus *{ vertical-align: middle;}
.pc-focus span:hover cite{ display: block;}
.pc-focus cite img{ width: 120px; height: 120px;}
.pc-focus cite{width: 120px; height: 120px;left: -45px;}



/*响应式首页*/
@media screen and (max-width: 1450px) {	.bgs{ height: 250px;}	

.func-wrap .item-cell{margin: 20px 40px 0 40px; text-align: center;}


}
@media screen and (max-width: 1400px) {
	.wrap-layer{ max-width: 1200px; min-width: 1200px;}
	.bgs{ height: 250px;}	
	.mod-protypes-wrap .item-2,.mod-protypes-wrap .item-3{    padding-bottom: 22px;}
	
	.horlist2 .item-1 img,.horlist2 .item-2 img{ max-width: 365px;}
	.talent-wrap .item-cnt{  font-size: 18px; color: #666666; padding:45px 0 25px 45px; }
}








@media screen and (max-width: 480px) {	
#dituContent{ width: 100%; height:300px; margin: 0 auto;}
.video video{ width: 100%!important; height: 250px!important;}	
	.wrap-layer{ min-width: 0;}
body{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-y: scroll;
}
img{ max-width: 100%; height: auto!important;}
.auto-img img{ max-width: none;}
	
/*首页*/
.mod-headers,.header-wrap{ display:none;}
.wrap-layer{ width: auto;padding: 0 10px;}
body, html{  min-width: 0; position: relative; width: 100%; overflow-x: hidden;}



/*新闻列表*/
.mod-newslists2 .item-cnt{ margin-left: 0;}	
.mod-newslists2 .item-pic{ float: none; width: 100%;/* height: 180px!important;*/ }
	
.mod-newslists2 .item-date{    right: 15px;top: 15px;}
.mod-newslists2 .item-cnt{ padding: 15px!important;}
.mod-newslists2 .item-nopic .item-cnt,.mod-newslists2 .item-cell .item-cnt{ position: relative;padding-right: 110px!important;}
	
.mod-newslists2 .item-cell{ padding: 0;}	
.mod-newslists2 .item-date{ width: 70px; height: 70px;}
.mod-newslists2 .item-date h3{ font-size: 28px;    padding-top:12px; padding-bottom: 1px;}
.mod-newslists2 .item-tit a{ font-size: 16px;}	
.mod-news-list5 ul li{  padding: 15px 98px 15px 15px;line-height: 150%; font-size: 14px;}
.mod-news-list5 ul li span{ right: 10px; top: 15px;  }
.mod-news-list5 ul li *{font-size: 14px;}
.mod-news-list5 ul li  a{font-size: 14px; }
	

	
	.nvideos-wrap .item-cell{ width: 48%; margin-right: 2%; float: left;}
	.nvideos-wrap .item-1{ width: 98%;}
		.nvideos-wrap .item-cell a{ font-size: 14px;}
	.nvideos-wrap .item-1 *{  font-size: 16px;}
	.nvideos-wrap .item-tit{ padding: 0 6px;}


	

	.md-videotit span{ font-size: 20px;}
	
	.md-videotit span{ background-size: 25px auto!important;}
	.nvideos2{ margin-top: 15px;}
	.nvideos2 .item-cell .item-tit a{ font-size: 16px;}
		

.newsInfo table{ max-width: 100%;}	
.newsInfo .Table,.newsInfo .MsoTableGrid{width: 100%!important; margin: 0;}
.newsInfo .Table td,.newsInfo .MsoTableGrid td{ width: auto!important; white-space: normal!important;}	


.mobile-menucss{ background: #fff;border-top: 1px solid #f1f1f1;}
.mobile-menucss>ul>li>a>span{ color: #000;}
.mobile-menucss>ul>li{ border-bottom: 1px solid #f1f1f1;}
.mobile-menucss>ul>li>ul>li>a>span{ color: #000; opacity: .8;}	
.mobile-menucss>ul>li>ul>li{ line-height: 30px;}
.mobile-menucss>ul>li>ul{ margin-bottom: 15px;}	
	
.index-banner{ height: 220px; overflow: hidden;}
.banner-txt h3{ font-size:18px; line-height:120%; }	
.banner-txt span{ font-size: 14px;line-height:120%;}
.banner-txtinner{ padding-left: 20px; padding-right: 20px;}
.banner-txt span{  margin-top: 10px;}	
.arr{ display: none;}	
.bgs{ height: 50px;}
.banner-txt{ margin-top: -50px;}
.H70{ height:40px;}
.mod-protypes-wrap{ overflow-x: auto; white-space: nowrap; }
.mod-protypes-wrap .item-cell{ float: none; width: auto; height: 380px;   width: 320px; display: inline-block; vertical-align: top;    padding:10px;  text-align: center;}
.mod-protypes-wrap .item-1 .item-desc{  width: auto;}
.mod-protypes-wrap .item-1 .item-pic{ height:120px!important; max-width: 120px;}
.mod-protypes-wrap .item-2 .item-pic, .mod-protypes-wrap .item-3 .item-pic{float: none; width: auto; margin: 0 auto;height:140px!important; max-width: 140px;}	
.mod-protypes-wrap .item-cell .item-mores{ text-align: center;}
.mod-protypes-wrap .item-cell .item-mores a{ margin: 0 auto;}
.mod-protypes-wrap .item-tit h3{ font-size: 18px;}	
.mod-protypes-wrap .item-tit cite{ font-size: 15px;}	
.mod-protypes-wrap .item-cell .item-desc{ white-space: normal; padding:  0 10px; line-height: 150%; height: 66px; overflow: hidden;}
.mod-protypes-wrap .item-2 .item-tit, .mod-protypes-wrap .item-3 .item-tit{ margin-top: 10px;}	
.mod-protypes-wrap .item-cell .item-mores a{ transform: scale(0.8)}	
.com-tit h3{ font-size: 24px;}	
.mod-applywrap .item-1{ width: 98.5%;}	
.mod-applywrap .item-2, .mod-applywrap .item-3{ width: 48.5%;}	
.mod-applywrap .item-4{width: 98.5%;}
.mod-applywrap .item-cell .item-pic{ height: 160px!important;}	
.mod-applywrap .item-tit *{ font-size: 18px;}
.mod-applywrap .item-cnt .item-desc{ height: 18px;}
.mod-applywrap .item-cnt .item-desc a{ font-size: 14px;}
.mod-applywrap .item-cnt{ left: 10px;  top: 50%;  transform: translateY(-50%); right: 10px;  text-align: center;}
.mod-applywrap .item-cnt .item-desc{line-height: 130%; margin-top: 10px}
.mod-applywrap .item-cell .item-pic a:after{ content: ""; display: block; background:rgba(0,0,0,.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.mod-news2 .item-cell{ margin-right: 0;margin-left: 0; margin-bottom: 20px;}	
.mod-news2 .item-pic{  float: none!important; width: auto!important; height: 180px!important; margin: 0!important;}
.mod-news2 .item-cnt{ padding: 10px 20px!important;}	
.mod-news2 .item-tit *{ font-size: 18px;}
.mod-news2 .item-desc{ font-size: 14px;}
.mod-news2 .item-date{ font-size: 14px; margin-top: 10px;}	
	
.logo-links2 a{padding: 0 4px;}	
.logo-links2{ transform: scale(.8)}
.bomnav .bom-cell{ display: none;}	
.bomnav .bom-contacts{ display: block; text-align: center;}
.bomnav{ display: block;}
.footers{ padding-top:20px; padding-bottom: 10px;}
.mode-banner img{ max-width:750px;}	
.pos-cur h3{  font-size:20px;}	
.pos-cur .wrap-layer{ max-width: 320px;transform: translateY(-50%)}
	.topmenus{ margin-top: -10px;/* white-space: nowrap;max-width: 340px; margin-left: -10px; overflow-x: auto;*/}
	.topmenus a{ margin-top: 10px; margin-left: 2px; margin-right: 2px; }
	.pos-cur span{}
.pos-cur span{ font-size:14px; line-height:150%; margin-top: 15px;}
.pos-cur{  margin-top:10px; }	
	
.about-wrap{ width: auto; height: auto; padding-top: 40px;}
.about-wrap .item-pic{position: absolute;text-align: center; bottom:-40px; right: 0;}	
.about-wrap .item-cnt{ margin-left: 0; margin-right: 0; padding-top: 0; position: relative;z-index: 30;}
.about-wrap .item-pic img{ width: 150px; opacity: 0.8; }	
.about-wrap .item-more{ position: static; text-align: left;}
.adv-wrap{ width:auto; display: block; margin-top: 50px;}	
.adv-wrap .item-cell{  padding-bottom: 10px; margin-left: 60px; margin-bottom: 25px;}	
.resroll .swiper-slide,.resroll .item-pic{ width: 250px!important;}	
.wrap-horsroll2 .resroll .item-tit{  font-size: 14px; display: none;}	
.wrap-horsroll2 .swiper-slide-active .item-tit{ display: block;}
.wrap-horsroll .arr-l,.wrap-horsroll .arr-r{ margin: 0!important}	
.wrap-horsroll .arr-num{    margin: 0 5px;}
	.wrap-horsroll2  .resroll{ padding-bottom: 10px;}	
	
.about-wrap .item-cnt p,.about-wrap .item-cnt{ line-height: 150%;}	
.adv-wrap .item-cell .item-ico{ transform: scale(.8)}
.adv-wrap .item-cell .item-tit{ font-size: 18px;}
.links-wrap .item-cell{ width: 24%;}
.links-wrap{ width: auto;}	
.wrap-horsroll .arr-l{    margin-left: -165px; transform: scale(.7)}
.wrap-horsroll .arr-r{    margin-left: 105px;transform: scale(.7)}
.topmenus a{ font-size: 15px;    padding: 0 10px;height:38px;line-height: 38px; border-radius:5px; }	
.newsInfo .content p, .newsInfo .content *, .newsInfo .content{ line-height: 160%;}	
.features-wrap .item-cell{  width: 48.5%;}	
.features-wrap .item-cnt .item-tit{ line-height: 150%;  font-size: 16px;}
.features-wrap .item-cnt .item-desc{ font-size: 14px; margin-top: 5px;}	
.features-wrap .item-cell{ min-height: 0;}
.com-desc br{ display: none;}	
.com-desc{ line-height: 160%;}	
.features-wrap .item-cnt .item-tit{margin-top:15px;}	
.func-wrap .item-cell{ width: 48%; margin: 0 1%; box-sizing: border-box;}
.func-wrap .item-tit{ font-size: 14px;}
.nav-tab a{ font-size: 16px; padding-bottom: 8px;    margin: 0 15px; display: inline-block; }
.nav-tab{ white-space: nowrap; overflow-x: auto; padding-bottom: 5px;    margin-bottom:20px;margin-top:20px;}	
	.pro-pics .it-pic{ float: none; width: auto;}	
	.pro-pics{max-width: 400px; width: auto;}
	.pro-pics .it-cnt{ margin-left:0;padding-top: 25px;}
	.pro-pics .it-cnt li{  font-size: 16px; margin: 0;}

.pro-pics .it-cnt li:after{  top: 9px;}
.cm-table{ width: 100%; overflow-x:auto}
.cm-table table{ width: 600px;}
.cm-table table td, .cm-table table th{    padding: 10px 5px;}
.cm-table table th{ line-height: 150%;}
.cm-table table td{padding: 15px 5px;}
.param-wrap .param-cell{padding: 5px 0 5px 88px;}
.param-wrap .param-cnt ul li{    padding: 0 10px;}
.param-icon img{ width: 40px;}
.param-wrap .param-icon{ left:20px;top: 25px;}
.param-wrap .param-cnt h3{ margin-bottom: 5px; font-size: 15px;} 
.param-wrap .param-cnt ul li{ font-size: 14px;}
.pro-t{ text-align: center;}
	
	.job-lists .job-cell ul{  display: block;}
	.job-lists .job-cell ul li{ display: inline-block; width: auto!important; height: auto; line-height: 150%;  font-size: 14px;}
	.job-lists .job-cell ul li.jtit1{  display: block;width: auto; text-align: left; font-size: 18px;}
	.job-lists .md-mobile{ display: inline-block;}
	.job-lists .job-active .job-cnt{ padding: 20px; margin-top: 20px;}
	.mdsmore a{ font-size: 15px;}
	.job-lists .job-cell ul{ background-size: 26px auto!important;}
	.job-top{ display: none;}
	.topmenus{ width: 340px; margin-left: -20px;}
	.contacts-tits{ font-size:20px;}
	.mod-contacts-icon .item-cell:nth-child(1),.mod-contacts-icon .item-cell:nth-child(2){ margin: 0; width: 46%; vertical-align: top; padding: 0 10px; box-sizing: border-box;}
	.mod-contacts-icon  img{ width: 50px;}
	.mod-contacts-icon .item-cell h3{ font-size: 16px;}
	.mod-road-line .item-cell{ width: auto; float: none; margin: 20px 0 0 0; padding: 0;  min-height: 0;}
	.mod-road-line{ margin-top: 10px;}
	.mod-road-line .road-tit{ height: 70px; line-height: 70px;}
	.mod-road-line .road-tit span img{ transform: scale(0.8)}
	.mod-road-line .road-cnt{    padding: 15px 20px;}
	.nvideos-wrap .item-cell{ margin-bottom: 10px;}
	.nvideos2{ margin-right: -2%;}
	.page li{ width: 30px; font-size: 14px;margin: 0 1px;}
	.page li.prev a:before,.page li.next a:before{left: 6px;}
	.horlist .item-cell{ padding: 10px; box-sizing: border-box;}
	.links-wrap{ margin-top: -20px; position: relative; top: 20px;}
	.nvideos2 .item-cell .item-tit,.nvideos2 .item-cell .item-tit a{    line-height: 50px;
    height:50px;}
	.mod-downists .item-cell a{padding-right: 140px;}	
	.mod-downists img{ width: 30px;}
	.mod-downists .item-cell cite{ right:80px;  top: 8px;}
	.mod-downists .item-cell i{ font-size: 16px;}
	.mod-downists .item-cell span{ font-size: 14px;}
	.mod-downists .item-cell{    margin-bottom:15px;padding-bottom: 15px;}
	
	
	.m-swiper-rolls .swiper-wrapper{ display: flex;}
	.mod-protypes-wrap,.mod-protypes-wrap .item-cell{ margin-right: 0;}
	.m-swiper-rolls .swiper-button-next{ display: block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231790e3'%2F%3E%3C%2Fsvg%3E");    background-size: 20px 30px;}
	
	
	.m-swiper-rolls .swiper-button-prev{ display: block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231790e3'%2F%3E%3C%2Fsvg%3E");background-size: 20px 30px;}
	
	
	.plist .item-cell{ display: block; background-size:90px auto!important; background-position: right 10px  bottom 10px!important;}
	.plist .item-cell>*{ width: auto;}
	
	.plist .item-cnt{ padding: 25px 20px; line-height: 180%;}
	.plist .item-cnt *{line-height: 160%; font-size: 16px;}
	.plist .item-cell{ margin-bottom: 20px;}
	
	
	.about-cnts{  font-size: 14px; position: relative; z-index: 3; margin: -20px 15px 0 15px; padding: 15px; }
	.about-cnts p{font-size: 14px;}
	.horlist2 .item-cell{ width: 50%;}
	.horlist2 .item-cell img{ max-width: 100%;}
	.horlist2 .item-1 .item-pic, .horlist2 .item-cell .item-pic{ padding-bottom: 30px;}
	.horlist2 .item-cell{margin-top: 35px;}
	
	.talent-wrap .item-pic{ float: none; margin: 0; padding: 0; width: auto;}
	.talent-wrap .item-cnt{ padding: 20px;}
	.talent-wrap .item-tit{ font-size: 22px;}
	.talent-wrap .item-desc{ padding-top: 5px; font-size: 15px; line-height: 180%;}
}


@media screen and (max-width: 375px) {
.mod-news-1 .item-pic{   width: 190px; }
.com-tit2 h3{ line-height: 150%; font-size: 20px; margin-bottom:10px;}	
.about-intrs h3{ font-size: 18px;    }	
	
	
}

@media screen and (max-width: 360px) {.single li.active{ width:300px;}
}

@media screen and (max-width: 330px) {
	
	.pre20{ margin-left: 30px; }
.next20{ margin-left: -20px; }
	
}

