@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;background:url(../images/bg.jpg)}
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;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
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;}
.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;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
.top_bg{padding:25px 0;background:#fff;}
.nav_list{width:910px;padding-top:20px;}
.nav_list li{width:130px;float:left;text-transform:uppercase;line-height:30px;transition:all .5s linear;background:url(../images/nav_hover.png) no-repeat -150px center;}
.nav_list li:hover{background:url(../images/nav_hover.png) no-repeat center center;}
.nav_list li a{display:block;font-size:16px;color:#000;}
.nav_list li a span{color:#a7a7a7;font-size:14px;}
.nav_list li:hover a{color:#5ba007;}
.nav_list li:hover span{color:#5ba007;}

.navli_on{background:url(../images/nav_hover.png) no-repeat center center !important;}
.nava_on{color:#5ba007 !important;}
.navspan_on{color:#5ba007 !important;}

/* banner */
.banner{height:900px;overflow:hidden;position:relative;}
.banner .hd{overflow:hidden;position:absolute;left:0;bottom:10px;width:100%;z-index:1;}
.banner .hd ul{overflow:hidden;zoom:1;text-align:center;}
.banner .hd ul li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:6px;background:#fff;transition:all .5s linear;}
.banner .hd ul li.on{background:#eeb719;width:60px;}
.banner .bd{position:relative;}
.banner .bd li{zoom:1;vertical-align:middle;}
.banner .bd li a{display:block;height:900px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{z-index:1;position:absolute;left:1%;top:50%;margin-top:-50px;display:block;width:50px;height:100px;background:url(../images/arrow.png) 0 -100px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.banner .next{left:auto;right:1%;background-position:-50px -100px; }
.banner .prev:hover,
.banner .next:hover{filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{display:none;}
.banner .nextStop{display:none;}

/*index*/
.bg02{height:140px;background:url(../images/bg02.jpg) no-repeat center top;}
.three_left{width:600px;margin:50px 0;}
.three_right{width:510px;padding-top:50px;margin-bottom:50px;}
.three_pic{position:absolute;left:-260px;top:0;}

.three_rad{position:absolute;width:140px;height:140px;color:#fff;line-height:50px;font-size:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:linear-gradient(to bottom,#ffef8c,#dbb930);}
.three_rad01{left:-70px;top:220px;animation:updown 3s linear infinite;}
.three_rad02{right:0;top:110px;animation:updown 3.5s ease-in infinite;}
.three_rad03{right:20px;top:460px;animation:updown 4s linear infinite;}
.three_rad04{width:170px;height:170px;opacity:0.7;left:35px;top:480px;animation:updown 3.5s linear infinite;}
.three_ewm{background:#fff;border:#ddd solid 1px;padding:20px 10px;line-height:40px;border-radius:5px;margin-bottom:30px;box-shadow:0 0 15px #ddd;}
.three_ewm li{width:162px;float:left;}
.three_list li{background:#ededed;padding:10px 20px;height:115px;line-height:25px;border:#f17f01 dashed 1px;margin-bottom:30px;border-radius:5px;transition:all .5s linear;}
.three_list li:hover{transform:translateY(-3px);box-shadow:0 0 15px #bbb;}
.three_list li h3{font-size:20px;line-height:40px;}
@keyframes updown{
    25%{transform:translateY(-6px)}
    75%{transform:translateY(6px)}
}

.pro_bg{height:1230px;padding-top:20px;box-sizing:border-box;background:url(../images/bg03.jpg) no-repeat center top;}
.pro_tit{padding:30px 0;}
.pro_tit dt{display:inline-block;line-height:60px;font-size:34px;position:relative;}
.pro_tit dt::before,.pro_tit dt::after{content:"";position:absolute;top:30px;width:237px;height:11px;}
.pro_tit dt::before{left:-280px;background:url(../images/line01.png) no-repeat;}
.pro_tit dt::after{right:-280px;background:url(../images/line02.png) no-repeat;}
.pro_tit dd{font-size:24px;color:#b7b7b7;text-transform:uppercase;}
.pro_type{padding:20px 0;margin-bottom:20px;}
.pro_type a{display:inline-block;width:220px;height:50px;line-height:50px;margin:0 20px;transform:skew(-30deg);background:#eee;font-size:18px;}
.pro_type a:hover{background:linear-gradient(to right,#ffef8d,#f0cd40);color:#614e00;}
.pro_type a span{display:block;transform:skew(30deg);}
.pro_list li{width:286px;line-height:50px;float:left;margin:0 7px 14px;background:#eaeaea;transition:.5s linear;font-size:18px;}
.pro_list li:hover{background:linear-gradient(to right,#ffef8d,#f0cd40);}
.pro_list li:hover a{color:#614e00;}
.pro_list_big li{width:586px;line-height:50px;float:left;margin:0 7px 20px;background:#eaeaea;transition:.5s linear;font-size:18px;}
.pro_list_big li:hover{background:linear-gradient(to right,#ffef8d,#f0cd40);}
.pro_list_big li:hover a{color:#614e00;}
.pro_more{margin:40px auto 0;width:220px;height:50px;line-height:50px;transform:skew(-30deg);font-size:18px;border:#f0cd40 solid 1px;color:#614e00;}
.pro_more:hover{background:linear-gradient(to right,#ffef8d,#f0cd40);}
.pro_more a{display:block;transform:skew(30deg);}
.pro_more:hover a{color:#614e00;}

.pro_on{background:linear-gradient(to right,#ffef8d,#f0cd40) !important;}
.page_on{background: linear-gradient(to right,#f0d567,#fcf0a3) !important;}


.news_bg{height:880px;padding-top:80px;box-sizing:border-box;background:url(../images/bg04.jpg) no-repeat center top;}
.news_tit{height:150px;background:#e0d8ad;}
.news_tit_text{width:350px;height:150px;line-height:40px;background:linear-gradient(to right,#f1db53,#c9a71e);color:#c9a71e;position:relative;}
.news_tit_text::before{content:"";position:absolute;left:80px;top:0;border:transparent solid 10px;border-top:#f4f5f8 solid 10px;}
.news_tit_text dt{font-size:32px;padding-top:40px;color:#614e00;}
.news_tit_text dd{font-size:24px;color:#9b7e0c;text-transform:uppercase;}
.news_type{width:400px;}
.news_type li{width:200px;height:150px;float:left;}
.news_type li a{display:block;padding-top:50px;height:10z0px;line-height:30px;font-size:18px;color:#614e00;text-transform:uppercase;}
.news_type li a span{font-size:14px;color:#9b7e0c;}
.news_type li:hover{background:linear-gradient(to right,#ffef8d,#f0cd40);}
.news_type .on{background:linear-gradient(to right,#ffef8d,#f0cd40);}
.news_list_con{width:800px;line-height:40px;padding-top:15px;}
.news_list_con h3{font-size:22px;color:#000;line-height:60px;}
.news_list_text{height:120px;overflow:hidden;color:#999;}
.news_list li:hover .news_list_con h3{color:#f17f01;}

.org{color:#f17f01;}
.grey9{color:#999;}

/*footer*/
.bot_bg{height:320px;padding-top:50px;box-sizing:border-box;background:url(../images/bot_bg.jpg) no-repeat center top;}
.bot_l{width:540px;}
.bot_m{width:220px;}
.bot_r{width:420px;}
.bot_logo{padding:20px 0;}
.bot_nav a{width:130px;line-height:40px;float:left;font-size:16px;}
.bot_nav a:hover{color:#f17f01;}
.bot_tel{padding-top:60px;font-size:30px;line-height:40px;margin-bottom:10px;}
.bot_ewm{padding-top:40px;}
.bot_ewm li{float:left;width:120px;margin-left:20px;font-size:12px;}
.bot_ewm_pic{width:100px;padding:10px;background:#fff;margin-bottom:10px;}
.copyright{padding:20px 0;line-height:30px;background:linear-gradient(to right,#ffef8d,#f0cd40);color:#87710f;}

/*main*/
.main_banner{height:470px;}
.main_tit{padding:30px 0 70px;margin-bottom:30px;background:url(../images/bg05.jpg) no-repeat center bottom;}
.main_tit dt{display:inline-block;line-height:60px;font-size:34px;position:relative;}
.main_tit dt::before,.main_tit dt::after{content:"";position:absolute;top:30px;width:237px;height:11px;}
.main_tit dt::before{left:-280px;background:url(../images/line01.png) no-repeat;}
.main_tit dt::after{right:-280px;background:url(../images/line02.png) no-repeat;}
.main_tit dd{font-size:24px;color:#b7b7b7;text-transform:uppercase;}

.main_pro li{width:382px;line-height:60px;float:left;margin:0 9px 40px;transition:.3s linear;font-size:18px;position:relative;}
.main_pro li::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(to right,#cdcdcd,#ccc);}
.main_pro li:hover:after{background:linear-gradient(to right,#f0d567,#fcf0a3);}
.main_pro li:hover a{color:#614e00;}
.main_pro_pic{overflow:hidden;position:relative;}
.main_pro_pic img{transition:all .8s linear;}
.main_pro li:hover .main_pro_pic img{transform:scale(1.1);}
.main_pro_name{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s linear;transform:scale(0);background:rgba(240, 205, 65, .6) url(../images/bg06.png) no-repeat center 110px;}
.main_pro_name span{display:block;margin:160px auto 0;width:140px;height:40px;line-height:40px;border:#fff solid 1px;color:#fff;}
.main_pro li:hover .main_pro_name{transform:scale(1);}
.main_news li{padding:20px;border:#ddd solid 1px;background:#fff;transition:all .5s linear;margin-bottom:30px;}
.main_news li:hover{background:#eee;box-shadow:0 0 15px #ddd;transform:translateY(-3px);}
.main_news_con{width:850px;line-height:60px;}
.main_news_con h3{font-size:20px;}
.main_news_text{padding-top:20px;font-size:16px;border-top:#ddd solid 1px;line-height:40px;height:80px;color:#999;overflow:hidden;}
.main_page{margin:50px 0 80px;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:linear-gradient(to right,#f0d567,#fcf0a3);border:transparent solid 1px;}
.main_about{min-height:300px;font-size:16px;padding:30px 0;line-height:40px;color:#666;}

.fanye{padding-top: 35px;}
.fanye li{float: left; width: 50%; font-size: 20px; font-weight: bold;}
.fanye li:last-child{text-align: right;}
.fanye img{width: 19px; margin: 0 8px;}
.fy_w01{width: 75%; margin: 0 auto;}