.width787{ width:1200px; margin:0 auto;   }
.banner{ line-height:0; width:100%; max-width:1920px; margin:0 auto;}
.banner img{ width:100%; height:auto;}
 
.aboutbox{   line-height:30px; font-size:16px;}
.aboutbox p{ text-indent:32px;}
.aboutbox h2{ }
.yqtj ul{ display:block; padding-bottom:20px;}
.yqtj ul li{ float:left; width:25%; text-align:center; padding:15px 0;}
.yqtj ul li:nth-child(1){ background:#fdf1f1;}
.yqtj ul li:nth-child(1) span.p1{ color:#f55253; }
.yqtj ul li:nth-child(1) span.p3{ color:#f55253;  }
.yqtj ul li:nth-child(1) span.p3 i{ color:#666;}
.yqtj ul li span.p1 {font-size:30px; line-height:30px; font-weight:800}
.yqtj ul li span.p2{ padding:5px 0;}
.yqtj ul li:nth-child(2){ background:#fff7ed;}
.yqtj ul li:nth-child(2) span.p1{ color:#ff961e;  }
.yqtj ul li:nth-child(2) span.p3{ color:#ff961e;}
.yqtj ul li:nth-child(2) span.p3 i{ color:#666;}

.yqtj ul li:nth-child(3){ background:#f1f8f4;}
.yqtj ul li:nth-child(3) span.p1{ color:#178b50;  }
.yqtj ul li:nth-child(3) span.p3{ color:#178b50;}
.yqtj ul li:nth-child(3) span.p3 i{ color:#666;}

.yqtj ul li:nth-child(4){ background:#f7f7f7;}
.yqtj ul li:nth-child(4) span.p1{ color:#66666c; }
.yqtj ul li:nth-child(4) span.p3{ color:#66666c;}
.yqtj ul li:nth-child(4) span.p3 i{ color:#666;}
.yqtj ul li span{ display:block;}

.yqtj h2{ font-size:30px; padding:15px 0 10px 0;}
.yqtj h2 i{ font-size:16px; color:#666;}

.newstime{  background:#f8f8f8; line-height:0;  overflow:hidden;}
.newstime img{ width:100%; height:auto;}
.navbox{ height:80px; line-height:80px; padding:0 40px;}
.navbox ul li{ width:20%; text-align:center; font-size:25px; font-weight:800; float:left;}

.newslist ul li{ border-bottom:1px solid #ececec; padding:15px 300px 15px 40px;  height:127px;  position:relative;}
.newslist ul li:last-child{ border-bottom:0;}
.newslist ul li span{ width:225px; height:127px; display:inline-block; position:absolute; right:40px; top:15px; background:#000; overflow:hidden;}
.newslist ul li span img{ width:100%; height:auto;}
.newslist ul li h2{ font-size:28px; font-weight:normal; }
.newslist ul li p{ color:#ccc; padding-top:15px;}
.newslist ul li p i{ display:inline-block; padding:0 8px; }

.newsbox{  padding:10px 0px;}
.newsbox h2{ font-size:50px; color:#005dff}
.newsbox ul li{ padding-bottom:0px; border-left:0px solid #d8d8d8; padding-left:0px; float:left; width:50%; overflow: hidden; height:40px; line-height:40px; }
.newsbox ul li a{ font-size:16px; display:block; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.newsbox ul li span{ display:block; height:40px; line-height:40px; font-size:16px; position:relative}
.newsbox ul li span i{ display:inline-block; position:absolute; top:12px; left:-28px; width:6px; height:6px; border-radius:50%; border:4px solid #737373;  background:#eef5ff;}
.newsbox ul li p{ font-size:28px;   padding:0px; border-radius:5px;}
.swiper-pagination{ position:relative; padding-top:20px;}
.toupic{ width:100%; position: relative; overflow: hidden;  z-index: 1; margin-bottom:20px;}
.toupic .swiper-slide {
        
         
        width:60%;
		 
		color:#fff;
		position:relative;
		line-height:0;

         
		
    }
.toupic .swiper-slide a{ line-height:0;}	
.toupic .swiper-slide:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    content: '';
}
	.toupic .swiper-slide  img{ width:100%; height:auto;}
.toupic .swiper-slide p{ position:absolute; width:100%; line-height:30px; padding:0 40px; left:0; bottom:15px; font-size:24px; box-sizing:border-box; z-index:999;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.toupic .swiper-slide p span{ font-size:14px; display:block; padding-top:8px; }
.qxbox{ padding:40px; background:#f2f2f2;}
.vbox{width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	   
    overflow: hidden;
    z-index: 1;
	
	}
	.vbox .swiper-pagination{ position:relative; margin-top:30px;}
	.vbox .swiper-slide {
        text-align: left;
        font-size: 16px;
        
        
		height:auto;
        
       
    }
	.vbox .swiper-slide img{ width:100%; height:auto;}
	
 .picboxlist{width: 100%;
    
    margin-left: auto;
    margin-right: auto;
	position:relative;
	   
    overflow: hidden;
    z-index: 1;
	
	}
	.picbox{ padding:0 0px;}
	.picbox ul li{ float:left; width:285px; margin-right:20px; line-height:0; margin-bottom:25px;   height: 220px; }
	.picbox ul li p{   line-height:24px;}
	.picbox ul li:nth-child(4n){ margin-right:0;}
	.picbox ul li img{ width:100%; height:auto; border-radius:0px;} 
	.picbox .swiper-slide {
        text-align: center;
        background: #000;
		position:relative;
		line-height:0;

        
    }
	.picbox .swiper-slide {
        text-align: center;
       
        background: #000;
		position:relative;
		line-height:0;

        
    }
	
	.picbox .swiper-slide:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    content: '';
}
	.picbox .swiper-slide p{ position:absolute; bottom:10px; left:0px; color:#fff; text-align:left; padding:0 15px; line-height:40px;  font-size:24px; z-index:99}
	.picbox .swiper-slide p a{ color:#fff;}
	.picbox .swiper-slide img{ width:100%; height:auto;}
	.wbbox{ padding:0 40px;}
	
	
	 
	 
.h2title{ font-size:30px; color:#fff; padding:40px 0 40px 40px; text-align:center;}
.h2title span{ display:inline-block; position:relative;}
.h2title span:before{ position:absolute; width:100px; height:1px; line-height:0; background:#0089D7; top:22px; right:-110px; content:'';}
.h2title span:after{ position:absolute; width:100px; height:1px; line-height:0; background:#0089D7; top:22px; left:-110px; content:'';}
.titlebox{   padding: 40px 40px 20px 40px;     display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	
    display: flex;
    align-items: center;}
	
	.titlebox div{-webkit-flex: 1; /* Safari 6.1+ */
   flex: 1;}
   .titlebox div:nth-child(2){ text-align:right}
    .titlebox div:nth-child(1){  font-size:30px; color:#005dff;}
.isStuck{ width:787px; height:100px; line-height:100px; color:#fff; background:#005DFF; z-index:999; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
	.isStuck a{ color:#fff;}
	.shuo{ padding:0 40px;}
	  .shuobb {
        width:100%;
		position:relative;
		
        
        margin:0px auto;
		overflow:hidden;
    }
	 
    .shuobb .swiper-slide {
       
        background: #fff;
		line-height:0;
		position:relative;
        
    }
	
	.shuobb .swiper-slide:after {
    position: absolute;
	z-index:1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
    content: '';
}
	
	.shuobb .swiper-slide p{ position:absolute; padding:0 15px; bottom:10px; left:0; color:#fff; line-height:40px; font-size:24px; z-index:99;} 
	.shuobb .swiper-slide p a{ color:#fff;}
	 .shuobb .swiper-slide img{ width:100%; height:auto;}
	 .footnav{ display:none;}
	 .mdis{ display:none;}
	.videobox{ padding:15px 15px;}
	.videobox ul li{   margin-bottom:10px;}
	.videobox ul li p{ padding:5px 15px;}
	.sybox{}
	.sybox ul li{ float:left; width:285px; height:230px; margin-right:20px; margin-top:15px; }
	.sybox ul li:nth-child(4n){ margin-right:0px;}
	.sybox ul li img{ width:100%; height:auto; }
	.pcdis{}
	.ltbox li{ float:left;width:285px; margin-right:20px; margin-top:15px; }
	 .ltbox li:nth-child(4n){ margin-right:0px;}
	.ltbox li img{ width:100%; height:auto;}
	@media screen and (min-width:300px) and (max-width:1024px) {
		.ltbox li{ float:left;width:100%; margin-right:0px; margin-top:0px; }
		.ltbox li p{ padding:5px 15px 25px 15px; }
	.ltbox li img{ width:100%; height:auto;}
		.pcdis{ display:none;}
		 .mdis{ display:block;}
		 .banner2 img{ width:100%; height:auto;}
		.footnav{ display:block; height:40px; line-height:40px; position: fixed; left:0; bottom:0; z-index:999; width:100%;}
	 .footnav ul li{ float:left; width:33.3333%; text-align:center; background:#005DFF;}
	 .footnav ul li a{ color:#fff; font-size:16px; }
		
		.picbox .swiper-slide p{ position:absolute; bottom:10px; left:0px; color:#fff; text-align:left; padding:0 15px; line-height:24px;  font-size:16px;}
		.shuo{ padding:0 15px;}
	  .shuobb {
        width:100%;
		position:relative;
		
        
        margin:0px auto;
		overflow:hidden;
    }
    .shuobb .swiper-slide {
       
        background: #fff;
		line-height:0;
        
    }
	.shuobb .swiper-slide p{ position:absolute; padding:0 15px; bottom:10px; left:0; color:#fff; line-height:24px; font-size:16px;}
	
		.width787{ width:100%; margin:0 auto; }
.banner{ line-height:0;}
.banner img{ width:100%; height:auto;}
.p40{ padding:0 15px;}
.yqtj ul{ display:block; padding-bottom:20px;}
.yqtj ul li{ float:left; width:24%; margin-right:1%; text-align:center; padding:10px 0 15px 0;}
.yqtj ul li:nth-child(1){ background:#fdf1f1;}
.yqtj ul li:nth-child(1) span.p1{ color:#f55253; }
.yqtj ul li:nth-child(1) span.p3{ color:#f55253;  }
.yqtj ul li:nth-child(1) span.p3 i{ color:#666;}
.yqtj ul li span.p1 {font-size:20px; line-height:30px; font-weight:800}
.yqtj ul li span.p2{ padding:0px 0;}
.yqtj ul li span.p3{   font-size:12px;}
.yqtj ul li:nth-child(2){ background:#fff7ed;}
.yqtj ul li:nth-child(2) span.p1{ color:#ff961e;  }
.yqtj ul li:nth-child(2) span.p3{ color:#ff961e;}
.yqtj ul li:nth-child(2) span.p3 i{ color:#666;}

.yqtj ul li:nth-child(3){ background:#f1f8f4;}
.yqtj ul li:nth-child(3) span.p1{ color:#178b50;  }
.yqtj ul li:nth-child(3) span.p3{ color:#178b50;}
.yqtj ul li:nth-child(3) span.p3 i{ color:#666;}

.yqtj ul li:nth-child(4){ background:#f7f7f7;}
.yqtj ul li:nth-child(4) span.p1{ color:#66666c; }
.yqtj ul li:nth-child(4) span.p3{ color:#66666c;}
.yqtj ul li:nth-child(4) span.p3 i{ color:#666;}
.yqtj ul li span{ display:block;}

.yqtj h2{ font-size:20px; padding:15px 0 10px 0;}
.yqtj h2 i{ font-size:12px; color:#666;}

.newstime{  }
.navbox{ height:60px; line-height:60px; padding:0 0px;}
.navbox ul li{ width:20%; text-align:center; font-size:14px; font-weight:800; float:left;}
	.isStuck{ width:100%; height:50px; line-height:50px; color:#fff; background:#005DFF; z-index:999;}
	.isStuck a{ color:#fff;}
.newslist ul li{ border-bottom:1px solid #ececec; padding:10px 145px 10px 15px;  height:127px; height:auto;  position:relative;}
.newslist ul li span{ width:120px; height:127px; height:auto; display:inline-block; position:absolute; right:15px; top:15px; background:#000; overflow:hidden; line-height:0;}
.newslist ul li span img{ width:100%; height:auto;}
.newslist ul li h2{ font-size:16px; font-weight:normal; }
.newslist ul li p{ color:#ccc; padding-top:5px;}
.newslist ul li p i{ display:inline-block; padding:0 8px; }

.newsbox{   padding:15px;}
.newsbox h2{ font-size:50px; color:#005dff}
.newsbox ul li{ padding-bottom:0px; border-left:0px solid #d8d8d8; padding-left:0px;  width:100%; margin-bottom:10px;}
.newsbox ul li span{ display:block; height: 25px;
    line-height: 15px; font-size:16px; position:relative; color:#666;}
.newsbox ul li span i{ display:inline-block; position:absolute; top:0px; left:-26px; width:4px; height:4px; border-radius:50%; border:4px solid #005dff;  background:#eef5ff; }
.newsbox ul li p{ font-size:16px;   padding:0 10px; border-radius:5px;}

.toupic{ width:100%; height:240px; height:auto; position: relative; overflow: hidden;  z-index: 1; margin-bottom:20px;}
.toupic .swiper-slide {
        
         
        width:60%;
		background:#000;
		color:#fff;

         
		
    }
	.aboutbox h2{ font-size:25px; font-weight:bold;}
	.aboutbox{ padding-top:0px;  }
	.toupic .swiper-slide  img{ width:100%; height:auto;}
.toupic .swiper-slide p{ position:absolute; width:100%; padding:0 15px; line-height: 20px; left:0; bottom:15px; font-size:16px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.toupic .swiper-slide p span{ font-size:14px; display:block; padding-top:8px; }
.qxbox{ padding:15px 15px; background:#f2f2f2;}
.vbox{width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	   
    overflow: hidden;
    z-index: 1;
	
	
	}
	.vbox .swiper-pagination{ position:relative; margin-top:20px;}
	.vbox .swiper-slide {
        text-align: left;
        font-size: 14px;
        background: #fff;
		background:none;
        height: 200px;
		height:auto;
      
    }
	.vbox .swiper-slide img{ width:100%; height:auto;}
	.vbox .swiper-slide p{  }
 .picboxlist{width: 100%;
    height: 350px;
	height:auto;
    margin-left: auto;
    margin-right: auto;
	position:relative;
	   
    overflow: hidden;
    z-index: 1;
	
	}
.picbox{ padding:0 15px;}
 
	.picbox ul li{ float:left; width:48%; margin-right:4%; line-height:0; margin-bottom:15px; height: auto;}
	.picbox ul li:nth-child(2n){ margin-right:0;}
 
	.picbox ul li img{ width:100%; height:auto; border-radius:0px;} 
	 
	.picbox .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #000;

        
    }
	.picbox .swiper-slide img{ width:100%; height:auto;}
	.wbbox{ padding:0 0px;}
	
	 
.h2title{ font-size:25px; color:#fff; padding:15px 0 15px 15px;}
.titlebox{   padding:15px 15px 10px 15px;     display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
	
    display: flex;
    align-items: center;}
	
	.titlebox div{-webkit-flex: 1; /* Safari 6.1+ */
   flex: 1;}
   .titlebox div:nth-child(2){ text-align:right; }
    .titlebox div:nth-child(1){  font-size:25px; color:#005dff; font-weight: 800;}
	.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -45px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size:15px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.ltbox{ padding:0 15px;}
		}
		.active a{ border-bottom:2px solid #fff;}