@charset "utf-8";

	
/*main_layout*/
#main_wrap{ background:url('/img/main/main_bg.jpg') repeat-x top left #fff; }
@media screen and (max-width:1020px){
#main_wrap{ background:url('/img/main/main_bg.jpg') repeat-x top -50px left #fff; }
}	




#main_gal{position:relative; width: 100%; height:630px; display: inline-block; }
#main_gal .banner_container{position:relative;width:100%;overflow:hidden;}
#banner_content {position:relative;width:100%;height:630px;}
/*#banner_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}*/
#banner_content>div {position:absolute;top:0;left:0;width:100%;height:630px; overflow:hidden; }
#banner_content div.area{display:block; width:100%; height:630px;}
#banner_content div.img1 {background: url('../img/main/main04.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img2 {background: url('../img/main/main03.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img3 {background: url('../img/main/main01.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img4 {background: url('../img/main/main02.jpg') center center no-repeat; background-size:cover;}
#banner_content div.img5 {background: url('../img/main/main05.jpg') center center no-repeat; background-size:cover;}

#main_gal .banner_container .slogan {position:absolute;top:250px; text-align: center; color: #fff;width: 100%;}
#main_gal .banner_container .slogan .p1{font-size: 61px; line-height: 68px; font-weight: 900;  letter-spacing: 0;}
#main_gal .banner_container .slogan .p2{font-size: 18px; line-height:28px; letter-spacing: 3px;opacity: 0.84;margin:13px 0 18px; font-weight: 600;}
#main_gal .banner_container .slogan .p3{font-size:21px; line-height: 28px;opacity: 0.84; }


#main_gal .banner_container .slogan>a{font-size: 13px; color: #fff; border:1px solid rgba(255,255,255,0.3); display: inline-block; padding:7px 30px; margin-top: 30px;}
#main_gal .banner_container .slogan>a:hover{background:rgba(255,255,255,0.2);}

#banner_nav{ margin-top: 30px; }
#banner_nav li{display:inline-block;}
#banner_nav li a{display:inline-block;width:7px;height:7px;margin:0;overflow:hidden;padding:0;background:url('../img/main/btn_main_img2.png') 0 0 no-repeat;text-indent:-9999px; margin-right:2px;}
#banner_nav li a.select {background-position:0 -7px; width:7px;height:7px;}


#s1{padding:80px 0;}
.bd_box{width:36%; margin-right: 2.5%; background: #fff; float: left;  min-height:257px ;}
.bd_box.last{margin-right: 0;}
.bd_box .bd_tit{font-size: 24px; font-weight: bold; color: #fff; line-height: 31px;  background:url(/img/main/s1bg.jpg)no-repeat center center;background-size: cover; padding:15px 20px; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,0.12);border:1px solid #171c4b;}
.bd_box .bd_tit img{margin-right: 2px;}
.bd_box .bd_tit a{float: right; color: #a0a3c4; font-size: 16px; text-align: center; line-height: 24px; display: inline-block; font-weight: 400; vertical-align: top; margin-top: 4px;}
.bd_box .bd_tit a span{ width: 27px; height: 27px; border-radius: 18px;  background: rgba(255, 255, 255, 0.2); display: inline-block; font-size: 18px; line-height: 27px;margin-left: 3px; color: #fff;}
.bd_box .bd_tit a:hover{opacity: 0.7;}
.bd_box>ul{padding:19px 5px 13px; height:100%; }
.bd_box ul li{}
.bd_box ul li a{display:block;position:relative;background: url(/img/common/blet1.png) no-repeat top 21px left 5px; padding:3px 70px 3px 13px; font-size: 17px; letter-spacing:0px; color: #333; border-bottom: 1px dotted #c7c7c7; line-height: 38px;}
.bd_box ul li:last-child a{border:none;}
.bd_box ul li a:hover{opacity: 0.7;}
.bd_box ul li a p{overflow:hidden;text-overflow:ellipsis;}
.bd_box ul li span{position:absolute;top:0;right:0; font-size: 14px; color: #888;}
.bd_box ul li:last-child{border-bottom: none;}

.bn_box{width: 23%; float: right;}
.bn_box .bn2{background: url(/img/main/s1_img1.jpg) no-repeat center center; background-size: cover; }
.bn_box .bn1{background: url(/img/main/s1_img2.jpg) no-repeat center center; background-size: cover;margin-bottom: 22px;}
.bn_box .bn{width: 100%; border-radius: 5px;}
.bn_box .bn a{color: #fff;padding:42px 30px; display: inline-block; width: 100%;}
.bn_box .bn a p{font-size: 24px; line-height: 29px; font-weight: 600; }
.bn_box .bn a p img{margin-top: 4px;}
.bn_box .bn a span{font-size: 16px; opacity: 0.7; line-height: 22px; margin-top: 7px; display: inline-block;}
.bn_box .bn a:hover{opacity: 0.7;}

#s2{background: #dfe7f1; padding:70px 0;}
#s2 ul li{width: 25%; float: left; text-align: center;}
#s2 ul li p{font-size: 22px; font-weight: 600; color: #222; margin:20px 0 15px; word-break: keep-all;}
#s2 ul li span{display: inline-block; font-size: 16px; line-height: 1.5; opacity: 0.7;word-break: keep-all;}
#s2 ul li:hover p{color: #293ea3}

#s3{  color: #222; padding-bottom: 80px; margin-top: 80px;}
#s3 .tt .p1{font-size: 24px; font-weight:bold; display: inline-block;}
#s3 .tt  a{float: right; font-size: 16px; text-align: center; line-height: 24px; display: inline-block; font-weight: 400; vertical-align: top; }
#s3 .tt  a span{ display: inline-block;width: 29px; height: 29px; border-radius: 18px; border:1px solid #555; ; color: #333; line-height: 29px; font-size: 20px;}
#s3 .tt  a:hover{color: #999;}
#s3 .tt  a:hover span{background: #ccc; border:1px solid #ccc; color: #fff;}

#s3 .pt_list_wrap{margin-top:22px; }
#s3 .pt_list_wrap .pt_list{ }
#s3 .slick-slide{ margin:0 6px;}
#s3 .pt_list_wrap .pt_list .thum{}
#s3 .pt_list_wrap .pt_list p{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 16px; margin-top: 13px; text-align: center; padding: 0 5px;}
#s3 .slick-prev{width:40px; height: 40px; border-radius: 20px; background:url(/img/main/prev.png)no-repeat center center #fff; font-size: 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.10); position: absolute; left:-50px; top:50%;margin-top: -30px; z-index: 500; cursor: pointer;}
#s3 .slick-next{width:40px; height: 40px; border-radius: 20px; background:url(/img/main/next.png)no-repeat center center #fff; font-size: 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.10); position: absolute; right:-50px; top:50%;margin-top: -30px; z-index: 500;cursor: pointer;}


.pt_list:hover {opacity: 0.75;}


@media screen and (max-width:1200px){
.bn_box .bn a{color: #fff;padding:42px 25px; display: inline-block; width: 100%;}
.bn_box .bn a p{font-size: 22px; line-height: 29px; font-weight: 600; }

#s3 .slick-prev{display:none!important;}
#s3 .slick-next{display:none!important;}
}

@media screen and (max-width:1100px){
.bd_box{width:48.5%; margin-right: 3%; min-height:257px ;}
.bd_box2{margin-right: 0;}

.bn_box{width: 100%; float: right; margin-top: 30px;}
.bn_box .bn1{background: url(/img/main/s1_img2.jpg) no-repeat center center; background-size: cover; margin-bottom: 22px;margin-right: 3%; float: left;}
.bn_box .bn2{background: url(/img/main/s1_img1.jpg) no-repeat center center; background-size: cover; float: left;}
.bn_box .bn{width: 48.5%; }
.bn_box .bn a{color: #fff;padding:42px 30px; display: inline-block; width: 100%;}
.bn_box .bn a p{font-size: 24px; line-height: 29px; font-weight: 600; }
.bn_box .bn a p img{margin-top: 4px;}
.bn_box .bn a span{font-size: 16px; opacity: 0.7; line-height: 22px; margin-top: 7px; display: inline-block;}


}

@media screen and (max-width:960px){

.blind960{display: none;}

#s2{background: #dfe7f1; padding:70px 0;}
#s2 ul li{width: 25%; padding:0 10px;}
#s2 ul li img{width: 60px;}
#s2 ul li p{font-size: 20px; margin:15px 0 10px;}
#s2 ul li span{ font-size: 14px; }

#s3 .pt_list_wrap .pt_list{}
}




@media screen and (max-width:830px){
.drag_pop{max-width:310px !important;height:auto !important;}
#main_wrap{min-width: auto;}

#main_gal{height:450px; width: 100%; }

#banner_content {position:relative;width:100%;height:450px;}
#banner_content>div {height:450px; }
#banner_content div.area{height:450px;}

#main_gal .banner_container .slogan {position:absolute;top:160px;bottom:auto; text-align: center; color: #fff;width: 100%;}
#main_gal .banner_container .slogan .p1{font-size: 50px; line-height: 55px; }
#main_gal .banner_container .slogan .p2{font-size: 16px; line-height:26px; letter-spacing: 2px;opacity: 0.84;margin:10px 0 14px; font-weight: 600;}
#main_gal .banner_container .slogan .p3{font-size:18px; line-height: 26px;opacity: 0.84; }

#s1{padding:60px 0;}

.bd_box{width:100%; margin-right:0;  padding: 0px; min-height:auto; margin-bottom: 15px; }
.bn_box .bn1{margin-bottom: 20px;margin-right: 0%; float: left;}
.bn_box .bn2{float: left;}
.bn_box .bn{width: 100%; }


#s3{margin-top: 70px; padding-bottom: 70px;}
}

@media screen and (max-width:660px){
#s2{background: #dfe7f1; padding:60px 0;}
#s2 ul li{width: 25%; padding:0 10px;}
#s2 ul li img{width: 60px;}
#s2 ul li p{font-size: 18px; margin:15px 0 10px;}
#s2 ul li span{ display:none; }

}


@media screen and (max-width:550px){

#main_gal{height:300px; width: 100%; }

#banner_content {position:relative;width:100%;height:300px;}
#banner_content>div {height:300px; }
#banner_content div.area{height:300px;}

#main_gal .banner_container .slogan {position:absolute;top:100px;bottom:auto; text-align: center; color: #fff;width: 100%;}
#main_gal .banner_container .slogan .p1{font-size: 36px; line-height: 38px; }
#main_gal .banner_container .slogan .p2{font-size: 12px; line-height:16px; letter-spacing: 1px;opacity: 0.84;margin:10px 0 14px; font-weight: 600;}
#main_gal .banner_container .slogan .p3{font-size:14px; line-height:21px;opacity: 0.84; }
#banner_nav{ margin-top: 10px; }

#s1{padding:40px 0;}
.bd_box .bd_tit{font-size: 22px; padding:10px 15px;}
.bd_box .bd_tit img{width: 20px; margin-top: 5px;}
.bd_box ul li a{font-size: 15px; line-height: 30px;}
.bd_box ul li span{font-size: 12px;}

.bn_box{margin-top: 20px;}
.bn_box .bn a{padding:35px 25px;}

#s2{ padding:20px 0;}
#s2 ul li{width: 50%; padding:20px 10px;}
#s2 ul li img{width: 50px;}
#s2 ul li p{font-size: 16px; margin:15px 0 10px;}
#s2 ul li span{ display:none; }



#s3{margin-top: 50px; padding-bottom: 50px;}
#s3 .pt_list_wrap .pt_list p{font-size: 14px;}
#s3 .pt_list_wrap{margin-top: 15px;}

#s3 .slick-prev{display:none !important;width:30px; height: 30px; border-radius: 20px; background:url(/img/main/prev.png)no-repeat center center #fff; font-size: 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.10); position: absolute; left:-30px; top:50%;margin-top: -30px; z-index: 500; cursor: pointer;}
#s3 .slick-next{display:none !important;width:30px; height: 30px; border-radius: 20px; background:url(/img/main/next.png)no-repeat center center #fff; font-size: 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.10); position: absolute; right:-30px; top:50%;margin-top: -30px; z-index: 500;cursor: pointer;}






}