/***
 *@title:长沙交通集团响应式相关样式文件
 *@description:定义根据主流移动端宽度进行响应式调整
 *@created by :朱治龙(i@trswcm.com\15084978453)
 *@create time:2015-6-18 14:00:32
 @modify log:
 */
/**公共部分响应式代码**/
.navLinks_mobile{ display:none;}
.nav_submenu{display:none;}
.nav_shadow_mobile,.logo_mobile{ display:none;}
.dl_txtNews dt{height:102px; overflow:hidden}
@media screen and (max-width:989px){
.nav{ background:none;width:98%;left:1%;height:55px;}
.logo{height:55px; line-height:55px;}
.logo img{vertical-align:top}
.navLinks{height:53px;}
.navLinks li{height:53px;}
.navLinks li.navParent a,.navLinks li.navParent{height:53px; line-height:53px;}
.announce_outer{width:95%;}
.navLinks li .nav_submenu li{height:45px;}
.navshadow{top:108px;width:100%;}
.nav_shadow_mobile{ display:block; position:absolute; top:40px;height:55px; background:#fff; filter:Alpha(Opacity=70);opacity:0.7; z-index:2; width:98%;left:1%;}
.logo_normal{ display:none}
.logo_mobile{ display:block}

.conWrap{width:98%; margin:0 auto;}
.news{width:75%;}
.videoNews{width:23%;margin-left:2%}
.picNews{width:48%;}
.txtNews{width:50%;margin-left:2%;}
.picShowItem,.block_2{width:100%;}
.picNews .owl-carousel .owl-item img{width:100%;}
.homeItem_01,.homeItem_02,.homeItem_03{width:32%}
.homeItem_02{margin:0 2%}
.videoArea,.playIcon,.subUnit{width:100%;}
.otherLinks{width:98%;}
.dl_links dd{width:22%;margin-left:0;}
.dl_links dt{width:10%; margin-right:1%}
.dl_links dd select{width:90%;margin:0 auto;}
.bottomInner{width:98%;}
.logo_cscig_bottom{width:30%;margin-left:20%;}
.div_qrCode{width:30%;margin-left:0; text-align:center;}
.div_qrCode img{margin:0 auto;}
.copyRight{ text-align:center;width:98%;margin:0 auto;}

.div_docWrap{width:97%;margin:15px auto;}
.div_docMain{padding:8px;}
.div_docMain img{max-width:100%}

.slideWrap{width:25%}
.chnlListWrap{width:72%;margin-left:2%}
}

@media screen and (max-width:865px){
.logo{width:25%}
.navLinks{width:73%;margin-left:2%}
.navLinks li.navParent{width:16%}
}
@media screen and (max-width:768px){
	.videoNews{display:none;}
	.news{width:100%;}
	.HeadBanner .owl-nav div{width:60px; height:65px; line-height:65px; text-align:center; border-radius:50%;}
	.banner_announce{height:360px;}
	.HeadBanner{height:398px;}
	.HeadBanner .owl-nav{margin-top:-180px;}
	.HeadBanner .owl-controls{margin-top:-280px;}
.bannerItem_1{ background:url(http://www.cscig.com.cn/images/banner_jd100.png) top center no-repeat}
.bannerItem_2{ background:url(http://www.cscig.com.cn/images/cscig_banner02_1200.jpg) top center no-repeat}
.bannerItem_3{ background:url(http://www.cscig.com.cn/images/cscig_banner03_1200.jpg) top center no-repeat}
.bannerItem_4{ background:url(http://www.cscig.com.cn/images/cscig_banner04_1200.jpg) top center no-repeat}
.bannerItem_5{ background:url(http://www.cscig.com.cn/images/cscig_banner05_1200.jpg) top center no-repeat}

}
@media screen and (max-width:700px){
.logo{width:30%}
.navLinks{width:68%;margin-left:2%}
.navLinks li.navParent{width:15%}
.banner_announce{height:240px;}
.HeadBanner{height:278px;}
.announce_outer{ background-position:6px 12px;}
.common_search{width:90%;}
.txt_searchName{width:77%;padding:0 1%;}
.btn_searchSubmit{width:20%}
.HeadBanner .owl-nav{margin-top:-450px;}
.HeadBanner .owl-controls{margin-top:-400px;}
.navWrap{top:2%;}
.bannerItem_1{ background:url(http://www.cscig.com.cn/images/cscig_banner01_800.jpg) top center no-repeat}
.bannerItem_2{ background:url(http://www.cscig.com.cn/images/cscig_banner02_800.jpg) top center no-repeat}
.bannerItem_3{ background:url(http://www.cscig.com.cn/images/cscig_banner03_800.jpg) top center no-repeat}
.bannerItem_4{ background:url(http://www.cscig.com.cn/images/cscig_banner04_800.jpg) top center no-repeat}
.bannerItem_5{ background:url(http://www.cscig.com.cn/images/cscig_banner05_800.jpg) top center no-repeat}
.bannerItem_6{ background:url(http://www.cscig.com.cn/images/banner_19da3_240.jpg) top center no-repeat}

.nav_shadow_mobile{top:2%}

.slideWrap{width:35%}
.chnlListWrap{width:60%;margin-left:2%}
.ul_docList li a{width:75%}

}
@media screen and (max-width:640px){
.culture{width:100%;overflow:hidden}
}

@media screen and (max-width:605px){
.logo{width:30%}
.navLinks{display:none;}
.dl_txtNews dd a{width:75%}
.navLinks_mobile{display:block; background:#dd0;}
.nav_mobile_open{width:95%;position:absolute;margin-left:0;background:#fff;}
.dl_links dt{width:20%;}
.dl_links dd{width:38%;}
.dl_links dd:nth-child(3),.dl_links dd:nth-child(4){display:none;}
.cd-nav-trigger {position:absolute;top: 5px;right: 5%;width: 44px;height: 44px;display:block;background: #114893;border-radius: 0.25em;box-shadow: 0 0 10px rgba(99, 99, 100, 0.4);overflow: hidden;text-indent: 100%;white-space: nowrap;z-index: 5; cursor:pointer;}
.cd-nav-trigger span {position: absolute;display: block;width: 20px;height: 2px;background: #fff;top: 50%;margin-top: -1px;left: 50%;margin-left: -10px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;transition: background 0.5s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {content: '';position: absolute;left: 0;background: inherit;width: 100%;height: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s, background 0s;-moz-transition: -moz-transform 0.3s, background 0s;transition: transform 0.3s, background 0s;}
.cd-nav-trigger span::before {top: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger span::after {bottom: -6px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
.cd-nav-trigger.menu-is-open {box-shadow: none;}
.cd-nav-trigger.menu-is-open span {background: rgba(232, 74, 100, 0);}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {background: #fff;}
.cd-nav-trigger.menu-is-open span::before {top: 0;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.cd-nav-trigger.menu-is-open span::after {bottom: 0;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);}
	@keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  
  
  

}
@media screen and (max-width:530px){
	.commonBottom{padding:10px 2%;}
	.nav_mobile_open{top:55px;width:100%;left:-4px;}
	.txt_searchName{width:75%;padding:0 1%;}
	.btn_searchSubmit{width:20%}
	.block_news{height:auto;}
	.picNews{width:100%;height:300px; float:none;}
	.picNews .owl-carousel .owl-item img{width:100%;height:300px;}
	.picShowItem{height:300px; float:none; clear:both;}
	.txtNews{width:100%;height:215px; margin-left:0;margin-top:10px; float:none;}
	.block_2{height:auto;}
	.homeItem_01, .homeItem_02, .homeItem_03{float:none;margin:0;}
	.homeItem{border-top: solid 2px #D7D7D7;width:100%;}
	.culture img{width:100%;}
	
}
@media screen and (max-width:400px){
	.nav_mobile_open{}
	.nav_mobile_open li.navParent{width:33%;margin:0; float:left; height:40px; line-height:40px; margin-bottom:1px;}
	.navLinks{height:82px;}
	.navLinks li.navParent a{ height:40px; line-height:40px;}
	
	.block_news{height:auto;}
	.picNews{width:100%;height:300px; float:none;}
	.picNews .owl-carousel .owl-item img{width:100%;height:300px;}
	.picShowItem{height:300px; float:none; clear:both;}
	.txtNews{width:100%;height:215px; margin-left:0;margin-top:10px; float:none;}
	.block_2{height:auto;}
	.homeItem_01, .homeItem_02, .homeItem_03{float:none;margin:0;}
	.homeItem{border-top: solid 2px #D7D7D7;width:100%;}
	.culture img{width:100%;}
	
}

@media screen and (max-width:385px){
	.block_news{height:auto;}
	.picNews{width:100%;height:300px; float:none;}
	.picNews .owl-carousel .owl-item img{width:100%;height:300px;}
	.picShowItem{height:300px; float:none; clear:both;}
	.txtNews{width:100%;height:215px; margin-left:0;margin-top:10px; float:none;}
	.block_2{height:auto;}
	.homeItem_01, .homeItem_02, .homeItem_03{float:none;margin:0;}
	.homeItem{border-top: solid 2px #D7D7D7;width:100%;}
	.culture img{width:100%;}
	.HeadBanner .owl-nav div{width:32px; height:38px; line-height:38px; font-size:24px; border-radius:50%;}
	.logo_cscig_bottom{width:45%;margin-left:5%;}
	.div_qrCode{width:45%;margin-left:0; text-align:center;}
	.div_qrCode img{margin:0 auto;}
	.picNews .owl-carousel .owl-item img,.picShowItem,.picNews{height:200px;}
	.ul_subUnitLinks li{width:80%;}
	.slideWrap{display:none}
	.chnlListWrap{width:98%;margin:0 auto;}
	.listCon{padding:8px;}
	.conWrap{margin-top:15px;}
	.ul_picList{padding:0;}
	.ul_picList li{ float:none; height:auto; width:100%;margin:0;margin-bottom:10px;}
	.ul_picList li img{width:100%; height:auto;}
}