@charset "utf-8";
.newsinfo .content img{ display: block; margin: 0 auto;width:100%!important;}	
.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: 1400px) {

	
}


@media screen and (max-width: 480px) {	
#ditucontent{ width: 100%; height:300px; margin: 0 auto;}
.video video{ width: 100%!important; height: 250px!important;}	
	
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 0px;}
body, html{  min-width: 0; position: relative; width: 100%; overflow-x: hidden;}


.shadow{ bottom:0;} 	
.shadow li{  width: 16px; height: 2px;}	
.mod-news{ padding-top: 20px;}	
.com-tits{ position: static; margin-bottom:15px; width: auto;}	
.com-tits span{  font-size: 22px;}
.com-tits span i{ font-size: 16px;}
.layer-1,.layer-2{ float: none; width: auto; margin-right: 0;}	

/*首页*/	
.btn-l, .btn-r{ display: none;}	
.swiper-pagination{bottom:5px;}
.md-pc{ display: none;}
.md-mobile{ display: block;}	
.mode-banner .md-mobile img{ max-width: 100%; width: auto;height: auto;}	
.com-tit a{ color: #999;/*display: none!important;*/ width:55px; height: 30px;overflow: hidden; overflow: hidden;font-size: 14px; padding-right: 0;  background: none; right: -12px; top: 2px;}
.com-tit a:after{color: #999; position: absolute; width: 22px; text-align: left; background: #fff; right: 0; top: -1px; content: ""; display: inline-block;vertical-align: middle;font-family:"iconfont" !important;
 font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;content: "\e67a"; font-size: 14px;}	
	
.com-tit{ text-align:center; margin-bottom: 20px;}
.com-tit span{ margin: 0 15px; font-size: 18px;}
.com-tit span.active:after{ width: 30px; margin-left: -15px;}
.mod-news-1{ margin-right: -1%; white-space: nowrap; overflow-x: auto;}	
.mod-news-1 .item-cell{ vertical-align: top;float: none;width:48%; margin-right: 2%; overflow: hidden; display: inline-block;}
.mod-news-1 .item-pic{   width: 200px; height: auto; overflow: hidden;}
.mod-news-1 .item-pic img{ max-width: 187px; max-height:110px; }	
.mod-news-1 .item-tit{ white-space: normal;}	
.mod-news-1 .item-date{ font-size: 12px; margin-top: 5px;}	
.mod-news-1 .item-tit{ line-height: 150%; height: 42px; overflow: hidden;}	
.mod-news-1 .item-tit *{ font-size: 14px;}
img{ max-width: 100%; height: auto;}
	
.md-travel .item-cell{ width: 160px;}	
.md-travel .item-cell .item-pic{ height: auto;}
.md-travel .item-1{ float: none; width: 100%;}	
.md-travel .inner-travel{ margin-right: 0;}	
.md-travel .item-cell .item-pic img{ max-width: 100%; height: auto;}
.md-travel .item-1 .item-pic{ height: auto;}
.md-travel{ background: none; padding: 0; margin-top: 30px;}	
	
.md-travel .item-cell .item-desc{ display: none;}
.md-travel .item-cell .item-cnt,.rem-pros .item-cnt{ position: absolute; bottom:0; padding: 0 8px; left: 0; right: 0;
background: #000;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);; /*firefox*/
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);  /* opear */
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*ie10及ie10 */
}
.md-travel .item-cell .item-tit a {
    color: #fff; font-size: 15px;
}
	
.md-travel .travel-r{ white-space: nowrap; overflow-x: auto; width: 100%;}	
.md-travel .travel-r .item-cell{ margin-right: 3px; float: none; display: inline-block;}
.md-travel .item-tit{    margin-top: 5px; margin-bottom: 0;}	
.md-travel .item-cell img{ display: block;}
	
.pro-tabs{  overflow-x: auto; width: 100%; margin-left: 0;}
.pro-tabs li{ font-size: 16px; line-height: 55px; padding-bottom: 3px; display: inline-block; padding-right: 0; margin-right:0; height: 55px;}	
.pro-tabs ul{  display: block;  white-space:nowrap;}	
.pro-tabs li.active{ font-size: 16px;}
.h40{ height: 20px;}	
.pro-tabs li.active:after{bottom:0;width: 20px;height: 2px;margin-left: -10px; display: none;}	
.pro-tabs li a{ margin-right: 6px; padding-right: 20px; padding-left: 10px; height:55px; line-height: 55px;}
.pro-tabs li span{ height: 55px;}
.pro-tabs li a span img{  height: 110px!important;}	
.pro-tabs li.active a span img{ margin-top: -55px;}
.rem-pros{ float: none; width: auto;}	
.rem-pros .item-desc{ }	
.rem-pros .item-cnt .item-details{ display: none;}	
.rem-pros .item-cell{box-shadow:none; position: relative;}
.rem-pros .item-cnt{ color: #fff; padding-bottom: 10px;} 
.rem-pros .item-tit{ padding-top: 15px;}
.rem-pros .item-tit *{ color: #fff; font-weight: normal;font-size: 16px;}	
.rem-pros .item-desc{ height: 18px; text-overflow: ellipsis; white-space:nowrap; overflow:  hidden;margin-top: 2px; font-size: 12px; line-height: 150%;}
.rem-pros .item-desc *{color: #fff;font-size: 12px; }
.rem-proslists{ margin-left: 0; width: auto; float: none;  }
.rem-proslists .item-cell{ width: 120px; padding-top: 20px; padding-bottom: 10px;vertical-align: top;}	
.rem-proslists .item-pic{width: 110px;}
.rem-proslists .item-pic img{ max-width: 100%; height: auto;}	
.rem-proslists .item-tit *{ font-size: 14px;}
.rem-proslists .item-tit{margin-top:10px;  white-space: normal; padding: 0 3px; line-height: 130%;}	
.rem-proslists .item-cell:hover{ margin-top: -0; transform: scale(1,1);-wbekit-transform: scale(1,1);  position: relative; }
.rem-proslists .item-cell:hover .item-tit{ margin-top: 10px; transform: scale(1,1);-wbekit-transform: scale(1,1);}.mcsb_horizontal>.mcsb_scrolltools .mcsb_draggerrail {
    height: 3px!important;
}	
.mcsb_horizontal>.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
    height: 4px!important;
    background: #d8af91!important;
}
	
.md-mservices{ padding-bottom: 25px; background:#f9f9f9; overflow: hidden; margin-top: 28px;}	
.md-mservices .item-cell{ margin-top: 25px;  width: 33.33%; float: left; text-align: center;}	
.md-mservices .item-cell img{ width: 40px; height: 40px;}
.md-mservices .item-cell h3{ font-size: 14px; font-weight: normal; color: #d8af91;}	
	
/*新加*/	
.md-mservices .item-cell{ margin-top: 25px;  width: 20%; box-sizing: border-box; padding: 0 1px; float: left; text-align: center;}
.md-mservices .item-cell h3{font-size: 12px; line-height: 130%;}	
.md-mservices .item-cell img{ max-width: 32px; height: 32px;}	
	
	
.rem-proslists{-webkit-overflow-scrolling: touch;}	
.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;}	
.m-footer{ padding: 20px 0;}
.focus-us img{ width: 35px; height: auto;}	
.focus-us span{ padding: 0 5px;}
.m-contact{ text-align: center; }
.m-contact h3{ padding-bottom: 0;}	
.m-contact span{ font-size: 24px; color: #cb936c;font-family: "impact"!important;  font-weight: bold;}	
	
.m-links{ text-align: center; color: #bcbcbc; font-size: 14px; margin-top: 20px;}	
.m-links a{ padding: 0 10px; position: relative;}
.m-links a:after{ content: ""; border-left: 1px solid #cccccc; top: 3px; height: 12px; position: absolute; right: 0;}	
.m-links a:nth-last-child(1):after{ display: none;}
.copy{color: #bcbcbc; font-size: 14px;  text-align: center; margin-top: 20px; }		
.mobile-header .header-shower .tplinks{ line-height: 50px; margin-left: 10px;}
.mobile-header .header-shower .tplinks img{ height: auto!important; display: inline-block; margin-top: -3px; }	
.video-icon{ background-size: 45px 45px!important;}
	
.modjob-wrap{ margin-right: 0;}	
.modjob-wrap .item-cell{ margin-right: 0; width: auto; height: auto; margin-bottom: 20px; float: none; }	
.job-emails{ padding-right: 0;}	
.job-emails cite{ display: block; position: static; margin-top: 20px;}	
.job-desc-tit,.job-emails{ font-size: 16px;}
.modjob-wrap .item-tit{ padding-right: 120px;}	
.modjob-wrap .item-tit span{ font-size: 14px;}	
.modjob-wrap .item-tit{font-size: 18px;}
.inners2-banner img{ max-width: 960px;}
.mod-curtit{ left: 0; right: 0; text-align: center; top: 28%;text-shadow:2px 2px 2px rgba(0,0,0,.5); }
.mod-curtit .wrap-layer	{ max-width: 350px;}
	
.mod-curtit h3{ font-size: 24px;}
.mod-curtit cite{  font-size: 14px;}
.top-menucur{ margin-top:0; margin-bottom:20px;height: 40px; background:#f9f9f9;}
.top-menucur li a{ font-size: 16px;}	
.top-menucur li,.top-menucur li a{ min-width: 0; height: 40px; line-height: 40px;}
.top-menucur ul {  display: block; position: static;white-space: nowrap; width: 100%; overflow-x: auto;}
.top-menucur li:after{ top: 10px;}	
.top-menucur li{padding: 0 20px;}
	
/*新闻列表*/
.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; }
	
.com-tit2 h3{ line-height: 150%; font-size: 22px; margin-bottom:10px;}	
.com-desc2 span{ font-size:14px; line-height:150%; }
.com-desc2{ margin-bottom: 15px;}
.com-tit2{ padding-top: 30px;}	
.mod-pros-intrs .item-pic{ float: none; width: auto;}	
.mod-pros-intrs .item-cnt{ margin-left: 0;}
.mod-pros-intrs .item-tit *{ font-size: 20px;}	
.mod-pros-intrs .item-tit{    padding-top: 20px; padding-bottom:5px;}
.mod-pros-intrs .item-desc *{ font-size: 14px;}
.mod-pros-intrs .item-desc{ margin-bottom: 5px;}	
.mod-myprolists{margin-right: -2%;}
.mod-myprolists .item-cell{ width: 48%; margin-right: 2%;}	
.mod-myprolists .item-pic{  height: 175px;   padding-top: 0;padding-bottom: 0;}
.mod-myprolists .item-tit *{ font-size: 14px;}	
.mod-myprolists .item-tit{ height: 40px; line-height: 40px; overflow: hidden;padding:0 10px;}	
.pro-mores a{ font-size: 14px; height: 40px; line-height: 40px; width: 150px;}
.mdads img{ max-width:480px; position: relative; left: 50%; margin-left: -240px;}
.mdads span{ z-index: 5;   background-size: 36px auto!important; background-position: center center!important;}
.sd-tits5{ font-size: 18px;}
	
/*智旅文化*/
	.h50{ height: 30px;}	
.top-menucur li.cr a, .top-menucur li:hover a{ font-size: 16px;}	
.mod-curtit{ display:none;}
.slogo img{ max-width: 70%;}
.art-banners{  position: relative; overflow:hidden;}
.art-banners img{ max-width: 640px; position: relative; left: 50%; margin-left: -320px;}	
.art-wrap-1 .item-tit{ position: static;}	
.art-wrap-1 .item-cell{padding-left: 0; padding-right: 0; min-height: 0;}	
.art-wrap-1, .art-wrap-2 .art-inner-wrap{ width: auto;}	

.art-wrap-1 .item-pic img{  max-width: 90px;}	
.art-wrap-1 .item-desc{ font-size: 14px; line-height: 180%;}	
.art-wrap-1 .item-pic{ display: none;}	
.art-wrap-1 .item-tit{ margin-bottom: 10px; font-size: 24px;}	
.art-wrap-2 .item-pic{ position: static; width: auto; overflow: hidden;}
.art-wrap-2{ margin-top: 15px; padding: 0 10px 20px 10px;}
.art-wrap-2 .item-cell{ height: auto!important;}	
.art-wrap-2 .item-cnt{    margin-left: 0;}	
.art-wrap-2 .item-tit{ position: static; top: 0;}	
.art-wrap-2 .item-desc{ margin-top: 0;}
.art-wrap-2 .item-tit{ font-size: 24px;}
.my-bt{ position: static; position: relative; top: -2px; bottom: auto;height: 1px; text-align: right;  padding-top: 10px; }
.nums{ margin-top: -5px; padding-bottom: 5px;}
.art-wrap-2 .item-desc{ font-size: 14px; line-height: 180%;}	
.art-wrap-2 .item-pic{ text-align: center;}
.art-wrap-2 .item-pic img{ width: auto; height: auto; max-width: 100%;}	
.nums{  text-align: left;}
.mod-vr360{ margin: 0 10px; overflow: hidden;}	
.mod-vr360 img {
    max-width: 640px;
    position: relative;
    left: 50%;
    margin-left: -320px;
}
	
.map-imgs{ margin-bottom: 20px;}	
.contact-l h3{ font-size: 24px; margin-bottom: 10px;}	
.ms-code{ float: none; width: 100%;margin-left: 0;}
.ms-shares h3{  font-size: 24px;font-family: "impact"!important; }	
.contact-l,.contact-r{ float: none; text-align: center;}
.ms-shares a{ margin-right: 10px; margin-left: 5px; margin-right: 5px;}
.contact-r{ margin-top: 15px;}
.ms-code h3{ display: block; margin-top: -10px;}
.md-contacts{ padding-bottom: 25px; background: #fafafa; border-bottom: 1px solid #f9f9f9;}	
.map-imgs>img{  max-width: 640px!important;position: relative;left: 50%; margin-left: -300px!important;}
.com-tit9 a{ font-size: 20px; background-size: auto 20px!important;}	
.eco-desc{ font-size: 14px; line-height: 180%; margin-top: 10px;}
.com-tit9{ font-size: 20px;}
.eco-vr a span{ display: block; background: url(/uploads/image/sfonts/649ed70ce50e4a64b888cc5eeeb32927.woff);}
	.mobile-header .header-shower .m-codes img{  width: 90px!important; height: 90px!important;}
	.head-icons a.icon-shouye:hover .m-codes{ }
	
	.mobile-header .header-shower a.tplinks{ font-size: 12px; border-radius: 20px; width: 20px; height: 20px; border: 1px solid #ce9b59; color: #ce9b59; line-height: 180%; vertical-align: middle; margin-top: 15px;}
	
	.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; }
	
	video{ max-width: 100%!important; margin: 0 auto; height: 240px!important;}
	.newsinfo .content p{ text-indent: 0;  margin-top:10px;}
	
	.md-service-center{ height: auto; margin-bottom: 40px; padding-top: 40px; padding-bottom: 10px; background-size: cover;}
	.service-inners .item-cell{ min-height: 0; float: none; margin: 0; width: auto; margin-bottom: 20px;}
	.service-inners{ height: auto;}
	.service-inners .item-tit{ font-size: 20px; margin-bottom: 15px;}
	
	.pro-tabs li span{  margin-left:0; }
	.sitemap ul li h2{    min-width: 100px;}
	.sitemap ul li h2 .cn{ font-size: 18px;}
	
	.mobile-header .header-shower .icon-shouye5{ width: 22px;}
	.mobile-header .header-shower .icon-shouye5 img{ height: auto!important;}
	
	
	.rem-pros .item-pic img{ width: 100%; max-width: none;}
	.md-codes-center{    margin: 50px auto;}
	.md-codes-center .item-cell{ width: 46%; margin-bottom: 40px;}
	.md-codes-center .item-cell img{ width: 120px!important; height: 120px!important;}
	
	.search-inputs input{ font-size: 14px; outline: none; border-radius:0; }
.hor-roll .item-2 .item-cnt:after {
    content: "";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 15px solid #f9f9f9;
    position: absolute;
    display: none;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    z-index: 6;
}
	
.hor-roll .item-cell .item-pic:after {
    content: "";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom: 15px solid #f9f9f9;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    z-index: 6; top: auto;
}
	

.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;}	

.serach-tops .fr-1{ position: relative; z-index:89;}
	
/*社会责任*/	
.mod-resintr .item-cnt{ font-size: 14px;    margin-left: 140px;
padding: 10px 15px 15px 0;}
	
.mod-reslist td.year-tits{    padding: 15px; width: auto;}
.my-respon li{  font-size: 14px;}
.year-tits .years{ line-height:55px;}
.rel-news-wrap {  margin-right: 0; width: 100%; white-space: nowrap;overflow-x: auto;}
.rel-news-wrap .item-cell{  width:42%; margin-right: 1%; float: none;display: inline-block;/* float: none; margin-right: 0;*/ margin-bottom: 15px;}
.rel-news-wrap .item-cell .item-tit{ font-size: 15px; text-overflow: ellipsis; padding: 0; margin:5px 10px; line-height: 32px;}
.rel-news-wrap .item-cell .item-tit{  overflow: hidden;}	
.mod-resintr .item-desc{ line-height: 160%;}	
.mod-resintr .item-pic{ margin-top: 12px; padding-top: 1px;}
.res-more a{ line-height: 35px; width: 140px;}		
.rel-news-wrap{  margin-top: 15px;}
/*新闻最终*/
.newsinfo h3{ line-height:130%; font-size: 22px;}	
.rem-proslists{ white-space: nowrap; overflow-x: auto;}
.rem-proslists .item-cell{ float: none; display: inline-block; float: none;  }	
.com-tit-us {
    text-align: center;
    margin-top: 20px;
	margin-bottom: 20px;
}	
.com-tit-us span{ margin: 0 15px; font-size: 18px;}
.com-tit-us span.active:after{ width: 30px; margin-left: -15px;}	
.com-tit-us span.active:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #d8af91;
   
    left: 50%;
    bottom: -8px;
   
	    width: 30px;
    margin-left: -15px;
}	
	
.service-inners .item-tit{  height: auto;}	
	
/*社会责任*/	
	.pub-info{ margin-top: 15px;}
	.pub-info ul li a{  padding: 10px 75px 10px 10px; font-size: 15px;	}
	.pub-info ul li a span{ font-size:13px; right:10px; top:10px;}
	.pub-info ul li a span img{ width:15px; height:15px;}
	
}


@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; }
	
}