﻿/**********************************************************
 **********************************************************
 ************************ayout*****************************
 **********************************************************
 **********************************************************/ 



/************************
 **********index*********
 ************************/ 
@media (max-width: 640px) {
	body{max-width: 640px;min-width: 320px;}
	img{max-width: 100%;}	
	.w{width: 100%;}
	/**********pc-hide*********/
	.header{display: none;}
	.banner{display: none;}
	.content{display: none;}
	.footer{display: none;}
	.suspension{display:none;}
	
	/**********mo-show*********/
	.mo-header{display: block;}
	.mo-banner{display: block;}
	.mo-content{display: block;}
	.mo-footer{display: block;}
	
	/**********mo-header*********/
	.mo-header{border-bottom:1px solid #ddd;overflow: hidden;width: 100%;height:125px;z-index: 999;background:url(../images/moheader.png) center top no-repeat #ffffff;}
	.mo-header .link{position:absolute;border:1px solid #c4c4c4;overflow: hidden;font-size: 16px;padding:0 14px;line-height: 30px;height:30px;top:54px;left:10px;}
	.mo-header .mologo{position: absolute;top:30px;left:50%;margin-left: -68px;}
	.mo-header .moico{position: absolute;right:10px;top:50px;height:30px;cursor: pointer;}
	.mo-navlist{z-index:99999999999999999;border-top:3px solid #d1d1d1;z-index:99999;background: #f5f5f5;width:273px;position:absolute;right:0px;display:none;top:125px;height: 100%;}
	.mo-navlist .mo-single{padding:13px 15px;border-bottom: 1px solid #d1d1d1;font-size: 16px;display: block;color:#606763;}
	.mo-navlist .mo-single img{float: right;width: 16px;margin-top:5px;}
	.mo-navlist .mo-subnav{display:none;overflow: hidden;background: #ECEDED;padding:10px 0;}
	.mo-navlist .mo-subnav a{display: block;padding:10px 15px;font-size: 14px;color:#767676;}
	
	/**********mo-banner*********/
	.mo-banner{width:100%;overflow: hidden;max-height: 340px;position: relative;}
	.mo-banner .slideBox2 .hd{visibility: hidden;position: absolute;top:0;left:0;}
	.mo-banner .focus .bd img{display:block;width:100%;}
	
	/**********mo-content*********/
	.mo-content{overflow: hidden;}
	/*mo-m1*/
	.mo-m1{overflow: hidden;background: url(../images/moback.jpg);padding:60px 40px;}
	.mo-m1 .list{overflow: hidden;}
	.mo-m1 .list a{display: block;float: left;width:33.3%;text-align: center;margin-top:45px;}
	.mo-m1 .list a h1{font-size: 18px;margin-top:25px;}
	/*mo-m2*/
	.mo-m2{overflow: hidden;}
	.mo-m2 img{display: block;}
	/*mo-m3*/
	.mo-m3{overflow: hidden;text-align: center;padding:60px 20px;}
	.mo-m3 p{font-size: 16px;line-height: 32px;margin:35px 0 30px 0;}
	.mo-m3 a{display: block;text-align: center;}
	.mo-m3 a h2{font-size: 16px;margin-top:14px;}
	/*mo-m4*/
	.mo-m4{overflow: hidden;text-align:center;border-top:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background: url(../images/moback.jpg);padding:60px 20px;}
	.mo-m4 .slideBox3{margin-top:50px;overflow: hidden;text-align: left;}
	.mo-m4 .slideBox3 .hd{z-index:1;text-align: center;width:100%;height:17px;margin-top:10px;}
	.mo-m4 .slideBox3 .hd ul{display: inline-block;}
	.mo-m4 .slideBox3 .hd li{display:inline-block;cursor:pointer;width:16px; height:16px;background:#cccccc; text-indent:-9999px; overflow:hidden; margin:0 10px;}
	.mo-m4 .slideBox3 .hd li.on{ background:#cf3043;}	
	.mo-m4 .slideBox3 .bd{overflow: hidden;}
	.mo-m4 .slideBox3 .bd li{overflow: hidden;}
	.mo-m4 .slideBox3 .bd li a{display: block;float: left;margin-left:3%;width: 48.5%;margin-bottom: 30px;text-align: center;}
	.mo-m4 .slideBox3 .bd li a:nth-of-type(2n+1){margin-left: 0;}
	.mo-m4 .slideBox3 .bd li a .title{font-size: 16px;text-align: center;padding:15px 10px;background: #ffffff;border: 1px solid #cecece;border-top: 0;}
	/*mo-m5*/
	.mo-m5{overflow: hidden;padding:60px 20px;text-align: center;}
	.mo-m5 .list{text-align: left;overflow: hidden;margin-top:50px;}
	.mo-m5 .list a{display: block;overflow: hidden;}
	.mo-m5 .list .list-a{background: #f4f4f4;padding-right: 20px;margin-bottom: 20px;}
	.mo-m5 .list .list-a img{float:left;width: 41%;margin-right: 30px;}
	.mo-m5 .list .list-a .title{font-size: 19px;line-height: 30px;margin-top:4.5%;}
	.mo-m5 .list .list-a .date{margin-top:8%;font-size: 14px;background: url(../images/jt2.jpg) right center no-repeat;line-height: 25px;background-size: 18px 18px;}
	.mo-m5 .list .list-b{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px dashed #b7b7b7;font-size:17px;background: url(../images/point.png) left center no-repeat;padding:20px 0 20px 26px;}
	.mo-m5 .more{background: #e3e3e3;border-radius: 5px;display: block;margin-top:30px;font-size: 18px;line-height: 60px;}

	/**********mo-footer*********/
	.mo-footer{line-height:1.4;overflow: hidden;padding:0 20px 22px 20px;background: #d2d2d2;text-align: center;border-top:1px solid #d2d2d2;font-size: 18px;color:#666666;margin-bottom: 74px;}
	.mo-footer img{cursor: pointer;}
	.mo-footer p{margin-top:20px;}
}
@media (max-width: 600px) {
	/*mo-m1*/
	.mo-m1 .list a{margin-top:35px;}
	.mo-m1 .list a h1{font-size: 16px;margin-top:18px;}
	.mo-m1 .list a img{width: 100px;}
	/*mo-m5*/
	.mo-m5 .list .list-a .title{font-size: 18px;line-height: 26px;margin-top:3%;}
	.mo-m5 .list .list-a .date{margin-top:5%;font-size: 14px;}
}
@media (max-width: 500px) {
	.mo-header .link{font-size: 14px;padding:0 10px;}
	/*mo-m1*/
	.mo-m1 .list a{margin-top:35px;}
	.mo-m1 .list a h1{font-size: 16px;margin-top:15px;}
	.mo-m1 .list a img{width: 80px;}
	/*mo-m5*/
	.mo-m5 .list .list-a .title{font-size: 16px;line-height: 26px;margin-top:2%;height:52px;overflow: hidden;}
	.mo-m5 .list .list-a .date{margin-top:3%;font-size: 14px;}
	.mo-m5 .list .list-b{font-size: 16px;padding:20px 0 20px 18px;}
	.mo-m5 .more{font-size: 16px;line-height: 50px;}
}
@media (max-width: 400px) {
	/*mo-m1*/
	.mo-header .link{font-size: 13px;padding:0 5px;}
	.mo-m1 .list a{margin-top:35px;}
	.mo-m1 .list a h1{font-size: 14px;margin-top:15px;}
	.mo-m1 .list a img{width: 60px;}
	/*mo-m5*/
	.mo-m5 .list .list-a .title{font-size: 16px;line-height: 26px;margin-top:2%;height:52px;overflow: hidden;}
	.mo-m5 .list .list-a .date{margin-top:3%;font-size: 14px;}
	.mo-m5 .list .list-b{font-size: 16px;padding:20px 0 20px 18px;}
	.mo-m5 .more{font-size: 16px;line-height: 50px;}
	
	/**********mo-footer*********/
	.mo-footer{margin-bottom: 50px;}
}
@media (max-width: 375px) {
	/*mo-m1*/
	/**********mo-header*********/
	.mo-header{height:80px;}
	.mo-header .link{top:30px;}
	.mo-header .mologo{position: absolute;top:20px;left:50%;margin-left: -50px;width:100px;}
	.mo-header .moico{right:10px;top:40px;height:20px;}
	.mo-navlist{top:80px;}	
}



/************************
 ************ny**********
 ************************/ 
@media (max-width: 640px) { 
	/**********pc-hide*********/
	.nybanner{display: none;}
	.leftsidebar{display: none;}
	.casetab{display: none;}
	
	/**********mo-header*********/
	.mo-header2{background:url(../images/moheader.png) center top no-repeat #ebebeb;height:80px;}
	.mo-header2 .mofh{position: absolute;left:10px;top:25px;z-index: 999;}
	.mo-header2 .mofh img{width: 35px;}
	.mo-header2 .moico{top:30px;height: 25px;}
	.mo-header2 .motitle{position: absolute;width: 100%;line-height: 80px;text-align: center;font-size: 20px;}
	.mo-navlist2{top:80px;}
	
	/*********nymain*********/  
	.nymain{overflow: hidden;padding:0;background: #ffffff;position: relative;}
	/*main-title*/
	.main-title{display: none;}
	/*dy*/
	.dy{overflow: hidden;font-size:15px;line-height:32px;color:#666666;padding:40px 20px  60px 20px;}
	
	/*********detail*********/ 
	.news_details{padding:40px 20px 80px 20px;overflow: hidden;}
	.news_details .fx{display: none;}
	.news_details-date{text-align: center;}
	.news_details-time{margin-left:0;}
	.news_details-date img{display: none;}
	
	/*********lb1*********/ 
	.lb1{padding:40px 20px;}
	.lb1 .wj{display: none;}
	.lb1 a.list-a{padding:15px;}
	.lb1 .img{width:40%;height:auto;}
	.lb1 .title{float:none;font-size: 18px;}
	.lb1 .list-a .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.lb1 .date{float:none;}
	.lb1 span{margin-top:10px !important;}
	.lb1 li{margin-bottom: 25px;}
	.lb1 a.list-b{padding:0 25px 25px 20px;}
	.lb1 a:hover .title{font-weight: normal;}
	
	/*********lb2*********/ 
	.lb2{padding:40px 20px;}
	.lb2 .list li{float:none;width: 100%;margin-left:0;}
	.lb2 .list li a .title{line-height: 1.5;}
	.lb2 .txtScroll-left .bd .img{width:40%;height:auto;margin-right:18px;}
	.lb2 .txtScroll-left .bd .title{margin-top:0;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.lb2 .txtScroll-left .bd .wj{display: none;}
	.lb2 .txtScroll-left .bd .date{margin-top:18px;}
	.lb2 .txtScroll-left .bd span{margin-top:20px;}
	.txtScroll-left{padding:15px;}
	.lb2 .list{padding:0;margin-top:0;}
	.lb2 .list li a .date{margin:10px 0;}
	.lb2 .list li a{padding:20px;}
	.lb2 .txtScroll-left .bd span{display: none;}
	.txtScroll-left .hd{bottom:15px;}
	
	/*********lb3*********/ 
	.lb3{padding:40px 20px 0 20px;background: url(../images/moback.jpg);margin-bottom: 40px;}
	.lb3 li{margin-left:3%;width: 48.5%;height:auto;margin-bottom: 30px;}
	.lb3 li .img{width:100%;height:auto;}
	.lb3 li .img img{width:100%;height:auto;}
	.lb3 li:nth-of-type(2n+1){margin-left:0;}
		
	/*********fy*********/ 
	.fy{margin:10px 0 40px 0;}	
	.fy a{width: 30px;height:35px;line-height: 35px;margin-right:8px;}
	.fy .cpb{width: 30px;height:35px;line-height: 35px;margin-right:8px;}
	
	/*********mo-casetab*********/ 
	.mo-casetab{height: 50px;border-bottom:2px solid #e8e8e8;padding:0 20px;position: relative;display: block;}
	.mo-casetab .left{font-size: 16px;line-height: 50px;color:#bf0e23;}
	.mo-casetab .right{font-size: 16px;line-height: 50px;color:#666666;cursor: pointer;}
	.mo-casetab .right img{margin-left:10px;}
	.mo-casetab .list{display:none;box-shadow:0 0 10px #e1e1e1;z-index:99;overflow: hidden;right:20px;padding:15px 0;position: absolute;top:60px;width: 130px;background: #ffffff;text-align: center;}
	.mo-casetab .list a{display: block;font-size: 16px;line-height: 32px;color:#666666;}
	
	/*********mo-suspension*********/ 
	.mo-suspension{overflow: hidden;display: block;width: 100%;text-align: center;color:#666666;font-size: 18px;height: 74px;position: fixed;bottom:0;left:0;background: #f0f0f0;line-height: 74px;border-top:1px solid #dcdcdc;}
	.mo-suspension a{display: block;float: left;width: 33.3%;background: url(../images/mofo.jpg) top right no-repeat;}
	.mo-suspension a img{vertical-align: middle;margin-right: 8px;}
}

@media (max-width: 500px) { 
	/**********mo-header*********/
	.mo-header2 .motitle{font-size: 18px;}
	
	/*********lb3*********/ 
	.lb3 li .title{line-height: 40px;height:40px;}
	
	/**********mo-footer*********/
	.mo-footer{font-size: 16px;line-height: 1.4;}
}
@media (max-width: 400px) { 
	/*********lb1*********/ 
	.lb1 .img{margin-right: 10px;}
	.lb1 .title{font-size: 16px;margin-top:0;}
	.lb1 .date{margin-top:3px;}
	.lb1 span{height:25px;line-height:25px;padding:0 10px;background: url(../images/jt.png) 75px center no-repeat;}
	.lb1 a:hover span{background: url(../images/jtt.png) 75px center no-repeat #c20d23;height:25px !important;line-height:25px !important;}
	.lb1 a.list-b .title{font-size: 16px;}
	
	/*********lb2*********/ 
	.lb2 .list li a .title{font-size: 16px;}
	
	/*********mo-suspension*********/ 
	.mo-suspension{font-size: 16px;height:50px;line-height: 50px;}
	.mo-suspension a img{margin-right: 5px;height:20px;}
}

