@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"Microsoft YaHei";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
input {-webkit-appearance:none; /*去除input默认样式*/}
input[type="submit"],
input[type="reset"],
input[type="button"],
input{-webkit-appearance:none;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.rel{position:relative;}
.container{min-width:300px;height:100%;overflow:hidden;}
.index_box{padding:5% 3%;}
.grey9{color:#999;}
.grey_bg{background:#f4f4f4;}

/*header*/
.top_pos{position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,.6);z-index:9;padding:1% 0;}
.search_box{position:absolute;left:2%;top:20%;width:8%;}
.meau_box{position:absolute;right:2%;top:20%;width:8%;}
.ss{width:0;height:35px;position:absolute;left:0;top:100%;overflow:hidden;z-index:7;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#dfc275;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}

#ceng{display:none; width:100%; height:100%;z-index:100;position:fixed; top:0;  right:0; }
#close{width:10%;padding:3%;float:left;opacity: 0.6;position:absolute;top:0;right:0;}
.type{width:100%;background:rgba(0,0,0,.8);height:100%;float:right;}
.type ul {padding-top:20%;}
.type ul li a {
    color: #fff;
    display: block;
    line-height: 300%;
    text-align: center;
    display: block;
    font-size: 1rem;
    transition: color 0.2s ease 0s;
    width: 100%;
}
.type ul li {
    color: #fff;
}

/*banner*/
#pagenavi { position: absolute; bottom: 2%; left: 50%; margin-left: -50%; width: 100%; z-index: 1; text-align: center; padding: 8px 0; }
#pagenavi a { width: 8px; height: 8px; line-height: 99em; border:#fff solid 1px; border-radius: 50%; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active {background: #fff;}



.page{width: 70%; padding-top: 3%; margin: 0 auto;}
.page li{float: left; width: 40%; text-align: center; border: solid 1px #424242; line-height: 30px; border-radius: 5px; box-sizing: border-box; font-size: 14px; margin: 0 5%;}
.page a{color: #424242; display: block;}
.page .page_on a{background: #424242; color: #fff;}

/*index*/
.about_pic{width:46%;position:relative;padding:0 0 10px 10px;box-sizing:border-box;}
.about_pic::before{content:"";position:absolute;left:0px;bottom:0px;width:80px;height:80px;background:#333;z-index:-1;}
.about_con{width:50%;line-height:1.8;position:relative;}
.about_con h3{font-size:18px;font-weight:normal;color:#666;line-height:2;padding-right:10px;border-bottom:#ddd solid 1px;margin-bottom:1%;}
.about_con::after{content:"";position:absolute;right:0px;top:0px;width:4px;height:60px;background:#dfc275;}
.index_tit dt{font-size:18px;line-height:3;    color: #00318d;}
.index_tit dd{text-transform:uppercase;background:url(../images/tit01.png) no-repeat;background-size:100% 100%;line-height:2;color: #00318d;}
.index_more{padding:5% 0;margin:0 auto;width:30%;}
.index_more a{display:block;color:#dfc275;border:#dfc275 solid 1px;height:30px;line-height:30px;border-radius:15px;}
.show_bg{padding:3% 2%;background:#f4f4f4;}
.show_box>ul{display:none;}
.show_list{padding:5% 0;}
.show_list li{width:46%;margin:2%;float:left;position:relative;}
.show_list_name{position:absolute;left:0;bottom:0;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,.5);color:#fff;}
.show_type a{display:inline-block;width:10px;height:10px;background:#4c4c4c;margin:0 5px;border-radius:50%;}
.show_type .on{background:#dfc275;}
.news_list li{padding:3% 0;border-bottom:#ddd dashed 1px;}
.news_list_pic{width:30%;}
.news_list_con{width:66%;line-height:1.5;}
.news_list_date{display:block;width:80px;background:#dfc275;;color:#fff;height:20px;line-height:20px;margin:1% 0;}
.contact_text{padding:5% 3%;line-height:2;color:#666;}
.cotnact_add{padding:3%;border:#ddd solid 1px;border-radius:20px;color:#666;line-height:2;margin:1% 5% 10%;}

/*footer*/
.bot_bg{position:fixed;left:0;bottom:0;width:100%;background:#424242;padding:2% 0;z-index:9;}
.bot_list li{width:25%;float:left;}
.bot_list li a{color:#fff;}
.bot_list li img{width:30%;}
.bot_top{position:fixed;left:50%;bottom:6%;width:10%;margin-left:-5%;z-index:9;}

/*main*/
.type_list{padding:6% 0;}
.type_list a{display:inline-block;margin:.5%;padding:0 2%;line-height:30px;background:#dfc275;border-radius:5px;color:#fff;}
.main_con{padding:2%;line-height:2;min-height:300px;color:#999;}
.video_box>div{display:none;padding:0 2%;overflow:hidden;}
.video_list{margin:2% 1%;}
.video_list a{width:23%;margin:0 1%;float:left;}
.main_more{padding:5% 0;margin:0 auto;width:30%;}
.main_more a{display:block;color:#fff;background:#666;height:35px;line-height:35px;border-radius:5px;}

/*main_banner*/
.slideBanner{ width:100%;padding-bottom:30px;overflow:hidden; position:relative;}
.slideBanner .hd{width:100%;height:30px; overflow:hidden; position:absolute;left:0;bottom:0px;z-index:1;text-align:center;}
.slideBanner .hd ul{ overflow:hidden; zoom:1;  }
.slideBanner .hd ul li{display:inline-block;margin:0 5px;width:10px; height:10px; line-height:10px; text-align:center; background:#333; cursor:pointer; border-radius:50%;font-size:0;}
.slideBanner .hd ul li.on{ background:#dfc275;}
.slideBanner .bd{ position:relative; height:100%; z-index:0;   }
.slideBanner .bd li{ zoom:1; vertical-align:middle;padding:2%;background:#fff; }
.ban_pic{width:30%;}
.ban_con{width:68%;line-height:20px;color:#999;height:70px;}
.ban_con h3{font-weight:normal;color:#333;height:30px;line-height:30px;}

/*春夏秋冬*/
.four_box{padding:2% 3%;}
.first_box{width:100%;overflow:hidden;position:relative;}
.first_bg{position:absolute;top:0;width:30%;height:100%;background:rgba(0,0,0,.7);z-index:1;color:#fff;padding:10px;line-height:20px;box-sizing:border-box;overflow:hidden;font-size:12px;}
.first_bg h3{line-height:40px;font-size:16px;font-weight:normal;text-align:center;}
.first_bg_right{right:0%;}
.first_bg_left{left:0%;}
.first_box .hd{ height:25px; overflow:hidden; position:absolute; left:5px; bottom:0px; z-index:1; }
.first_box .hd ul{ overflow:hidden; zoom:1; float:left;  }
.first_box .hd ul li{float:left;margin-right:5px;width:20px; height:20px; line-height:20px; text-align:center; background:rgba(0,0,0,.8); cursor:pointer;color:#fff;}
.first_box .hd ul li.on{ background:rgba(255,0,0,.8);}
.first_box .bd{ position:relative; height:100%; z-index:0;}
.first_box .bd li{ zoom:1; vertical-align:middle; }

.second_box{width:100%;overflow:hidden;position:relative;}
.second_box .hd{ height:25px; overflow:hidden; position:absolute; right:5px; bottom:0px; z-index:1; }
.second_box .hd ul{ overflow:hidden; zoom:1; float:left;}
.second_box .hd ul li{float:left;margin-right:5px;width:20px; height:20px; line-height:20px; text-align:center; background:rgba(0,0,0,.8); cursor:pointer;color:#fff;}
.second_box .hd ul li.on{ background:rgba(255,0,0,.8);}
.second_box .bd{ position:relative; height:100%; z-index:0;}
.second_box .bd li{ zoom:1; vertical-align:middle; }

/*工作照*/
.photo_list{padding:5% 0;}
.photo_list li{width:46%;float:left;margin:2%;}