@charset "utf-8";
body { background:#ffffff; margin:0; padding:0; font-family: arial,Verdana, Geneva, sans-serif; }
body::-webkit-scrollbar { width: 5px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none; color:#333333; overflow: hidden;}
a:hover { color:#54af0c; text-decoration:none;}
/*top*/
.header_height { width:100%; height:125px; display:block;}
.header_bg { width:100%; height:125px; display:block; position:fixed; top:0px; z-index:9999; background:url(../images/top_bg.jpg) no-repeat top center; }
.logo { width:520px; height:70px; overflow:hidden; float: left; margin-top: 27.5px;}
.header_r { width:600px; height:125px; float: right;}
/*public*/
.width { width:1140px; height:auto; overflow:hidden; margin:0 auto; padding:0px; position: relative;}
.lau_bg { width: 170px; height: 19px; position: absolute; top: 20px; right: 0px;}
.lau_list { width: 27px; height: 19px; float: right; margin-left: 15px;}
.nav_bg { position: absolute; bottom:15px; right: 0px; overflow: hidden; display: block;}
.nav_bg li { display: inline-table; float: left; padding: 0px 15px; position: relative;}
.nav_bg li a { display: block; line-height: 45px; font-size: 18px; color: #386604; border-bottom: 3px solid rgba(255,255,255,0); transition: all 0.5s; padding: 0px 10px;}
.nav_bg li a:hover { border-bottom: 3px solid #55595c;}
.nav_bg li:hover .nav_sec { display: block;}
.nav_sec { position: fixed; z-index:999; display: none;}
.nav_sec li { display: block; width:200px; height:40px; padding: 0px; clear: both; background: #ffffff;}
.nav_sec li a { border: none; color: #666666; display: block; padding-left: 20px; font-size: 15px; line-height:40px;}
.nav_sec li a:hover { background: #555555; color: #ffffff;;}

.swiper-banner { width:100%; height:auto; overflow:hidden; display:block; position:relative; margin: 0px auto; max-width: 1920px;}
.swiper-banner .swiper-pagination-white .swiper-pagination-bullet { background:#13ade6; width:12px; height:12px;}
.banner_ab { width: 100%; height:auto; overflow: hidden; position: absolute;; z-index: 999; bottom: 0px; }
.swiper-banner .swiper-slide { position: relative;}
.swiper-banner p { font-size: 38px; line-height:70px; text-align: center; position: absolute; z-index: 9; bottom:20%; opacity: 0; width: 100%; overflow: hidden; transition: all 1.5s; color: #ffffff; font-weight: bold;
 text-transform: uppercase;}
.swiper-banner .swiper-slide-active p { bottom: 45%; opacity: 1;}
.swiper-banner p span { display: block; font-family:Helvetica,Arial,Verdana ; font-size: 60px;}

.itit_block { width: 100%; height: auto; overflow: hidden; font-size:25px; font-weight: bold; color: #307405; line-height: 40px; text-transform: uppercase;}
.itit_block span { float: right; font-size: 15px; font-weight: normal;}
.itit_block a { color: #307405;}
.mar_tit { margin-top: 30px;}

.ipro_ul { width: 1160px; height: auto; overflow: hidden; margin: 0px auto;}
.ipro_ul li { width: 275px; height: 220px; overflow: hidden; position: relative; float: left; margin: 15px 7.5px 0px 7.5px;}
.ipro_ul li img { width: 275px; height: 220px; display: block; overflow: hidden;  transition: all 0.3s;}
.ipro_ul li:hover img { width: 320px; height: 256px; margin: -22.5px 0px 0px -18px;}
.ipro_ul li .tit { width: 100%; height: 45px; background: rgba(0,0,0,.4); position: absolute; bottom: 0px; z-index: 9;}
.ipro_ul li .tit a { color: #ffffff; display: block; text-align: center; font-size: 14px; line-height: 45px;}
.ipro_ul li .tit a:hover { background:rgba(52,117,13,.7) ;}

.about_des { width: 100%; height: auto; overflow: hidden; font-size: 15px; color: #333333; line-height:25px; margin-top:15px;}
.cooper_bg { width: 1100px; height: auto; overflow: hidden; background: #f5f5f5; padding: 25px 15px 10px 15px; margin:25px auto 0px auto;} 
.swiper-container { width:100%; height: auto; overflow: hidden; padding-bottom: 50px;}
.swiper-container li.swiper-slide { overflow: hidden; float: left; display: block;}
.swiper-container li .img_bg{ width:90%; height: auto; background: #ffffff; border: 1px solid #dddddd; margin: 0px auto; overflow: hidden;}

.izs_ul { width: 1155px; height: auto; overflow: hidden; margin: 20px -7.5px 0px -7.5px;}
.izs_ul li { width: 370px; height: 100px; overflow: hidden; position: relative; float: left; margin: 0px 7.5px; border-radius:10px;}
.izs_ul li .tit { width: 370px; height: 100px; overflow: hidden;; position: absolute; background: rgba(0,0,0,.3); z-index: 9;}
.izs_ul li .tit a { display: block; text-align: center; line-height: 100px; color: #ffffff; font-size: 25px; font-weight: bold;}
.izs_ul li img { margin-top: -70px; transition: all 1.5s;}
.izs_ul li:hover img { margin-top: -150px;} 

.iload_bg { width:100%; height: auto; overflow: hidden; float: left;}
.iload_map { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.iload_map a { display: block; opacity: 1; transition: all .3s;}
.iload_map a:hover { opacity: .8;}
.ihezuo_bg { width: 300px; height: auto; overflow: hidden; float: right; display: none;}
.ihezuo_bg p { text-transform: uppercase;}
.ihezuo_img { width: 300px; height: auto; overflow: hidden; display: block; box-sizing: border-box; }
.ihezuo_img li { display: block; overflow: hidden; width: 100%; height: auto;}
.ihezuo_img li .img { width: 100%; height: auto; overflow: hidden; display: block; box-sizing: border-box; border: 1px solid #dddddd;}
.ihezuo_img li .name { display: block; font-size: 14px; text-align: center; line-height: 25px; margin-top:5px;}
.ali_link_bg { width: 402px; height: auto; overflow: hidden; display: block; box-sizing: border-box; border: 1px solid #dddddd; margin-top:20px; background: #eeeeee; }
.ali_link_img { width: 120px; height: 90px; float: left; overflow: hidden;}
.ali_link_con { width: 250px; height: 70px; float: right; padding:10px 10px 10px 20px;}
.ali_link_con p { font-size: 17px; line-height: 35px; font-weight: bold;}

.footer_bg { width: 100%; height: auto; overflow: hidden; background: url(../images/foot_bg.jpg) no-repeat top center; margin-top: 140px; padding: 40px 0px;}
.foot_banquan { display: block; font-size: 14px; line-height: 25px; color: #333333; float:left; margin-top:40px;}

.place { display: block; font-size:16px; line-height: 30px; margin-top: 10px; color: #555555;}
.place a { color: #555555;}
.news_ul { display: block; width: 1180px; height: auto; overflow: hidden; margin: 0px -20px;}
.news_ul li { width: 550px; height: auto; overflow: hidden; float: left; margin:25px 20px 0px 20px; min-height: 400px;}
.news_ul li .img{ width: 550px; height: 458px; overflow: hidden; display:block;}
.news_ul li .time { display: block; font-size: 15px; line-height: 30px; color: #888888; margin-top:10px;}
.news_ul li .tit { font-size: 16px; font-weight: bold; line-height:30px;}
.news_ul li p { font-size: 14px; line-height: 25px; color: #777777;}
.pagelist { width:100%; text-align:center; overflow:hidden;}
.pagelist a { background:#ffffff; padding:3px 10px; font-size:13px; color:#000000; line-height:20px; border:1px solid #dddddd; margin:60px 2px 0px 2px; display:inline-table;}
.pagelist span { background:#54af0c; padding:3px 10px; font-size:13px; color:#ffffff; line-height:20px; display:inline-table;}
.news_con { width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.page_left { width: 240px; height: auto; overflow: hidden; float: left; margin-top: 15px;}
.page_left_tit { width: 100%; height: 45px; background: #54af0c; color: #ffffff; text-align: center; line-height: 45px; font-size: 20px; font-weight: bold;}
h1 { font-size: 25px; line-height: 40px; text-align: center; color: #34750d; margin: 0px 70px;}
.value { font-size: 14px; display: block; text-align: center; line-height: 35px; color: #777777; padding: 5px 0px 10px 0px; border-bottom: 1px dashed #bbbbbb;}
.page_info { font-size: 15px; line-height: 30px; color: #555555; display: block; margin-top: 20px;} 
.page_info p { font-size: 15px; line-height: 30px; color: #555555;}
.f14 { font-size: 15px; line-break: 30px;}
.page_nav { display: block; width: 100%; height: auto; overflow: hidden; margin-top: 15px;}
.page_nav li { display: block; height: 40px; overflow: hidden; background: #f2f2f2; margin-top: 3px;}
.page_nav li a { padding-left: 40px; display:block; font-size: 15px; line-height: 40px;}
.page_nav li a:hover { border-right: 3px solid #54af0c;}
.page_nav li a.cur { border-right: 3px solid #54af0c;}
.page_right { width:860px; height: auto; overflow: hidden; display: block; float: right; margin-top:15px;}
.page_right_tit { font-size: 25px; font-weight: bold; color:#307405; line-height: 40px; }
.page_img_nav { width:100%; height: auto; overflow: hidden; display: block;}
.page_img_nav li { width: 46%; height: auto; overflow: hidden; margin: 30px 2% 0px 2%; float: left;}
.page_img_nav li .img { width: 100%; height: auto; display: block;}
.page_img_nav li .name { display: block; font-size: 17px; text-align: center; line-height: 40px;}
 
.swiper-n { width:1140px; height:auto; overflow:hidden; display:block; position:relative; margin: 0px auto;}
.swiper-n .swiper-pagination-white .swiper-pagination-bullet { background:#13ade6; width:12px; height:12px;}
.swiper-n .swiper-slide { position: relative;}
.swiper-n p { font-size: 38px; line-height:70px; text-align: center; position: absolute; z-index: 9; bottom:10%; opacity: 0; width: 100%; overflow: hidden; transition: all 1.5s; color: #ffffff; font-weight: bold;
 text-transform: uppercase;}
.swiper-n .swiper-slide-active p { bottom: 35%; opacity: 1;}
.swiper-n p span { display: block; font-family:Helvetica,Arial,Verdana ; font-size: 50px;}
.swiper-n .swiper-pagination-bullet { width: 12px; height: 12px;}
.swiper-n .swiper-pagination-bullet-active { background: #4fa61a;}

.pic_ul { width: 1160px; height: auto; overflow: hidden; display: block; margin:0px -10px 0px -10px;}
.pic_ul li { width: 270px; height: auto; overflow: hidden; float: left; margin: 30px 10px 0px 10px;}
.pic_ul li .img { width: 270px; height: 216px; overflow: hidden; display: block;}
.pic_ul li p { font-size: 17px; font-weight: bold; line-break: 35px; text-align: center; margin-top: 10px;}
.pic_ul li .more { font-size: 15px; display: block; text-align: center; padding: 5px 0px; line-height: 30px;}
.pic_ul li .more a { color: #777777;}
.pic_ul li .more a:hover { color: #000000;}

.pro_menu { width: 1150px; height: auto; overflow: hidden; display: block; margin:0px -5px 0px -5px;}
.pro_menu li { width: 220px; height:83px; overflow: hidden; float: left; margin: 20px 5px 0px 5px; position: relative;}
.pro_menu li .tit { width: 100%; height: 83px; position: absolute; z-index: 9; font-size: 20px; font-weight: bold; line-height: 83px; text-align: center;
 background: rgba(0,0,0,.3);}
.pro_menu li .tit a { color: #ffffff; display: block;}
.pro_menu li img { width: 220px; height: 83px; transition: all 1s;}
.pro_menu li:hover img { width: 270px; height: 102px; margin: -9.5px 0px 0px -25px;} 

.banner_n { width: 1140px; height: 430px; overflow: hidden; margin: 0px auto;}
.banner_n p { font-size: 38px; line-height:70px; text-align: center; margin-top:150px; color: #ffffff; font-weight: bold;}
.banner_n p span { display: block; font-size: 50px;}

.pro_nav { width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.pro_nav li { display: inline-table; float: left; margin:20px 30px 0px 0px; font-size: 20px; font-weight: bold;}
.pro_nav li a.cur { color: #54af0c;}

.pic_scroll { width:550px; height: 440px; overflow: hidden; position: relative; float: left; margin-top: 30px;}
.swiper-pic { width: 550px; height: 440px; overflow: hidden; position: relative;}
.pic_scroll .swiper-button-next { width: 40px; height: 68px; background: url(../images/pic_btn_r.png) no-repeat; outline: none; right: 0px;}
.pic_scroll .swiper-button-prev { width: 40px; height: 68px; background: url(../images/pic_btn_l.png) no-repeat; outline: none; left: 0px;}
.pic_right { width: 520px; height: auto; overflow: hidden; float: right;}
.pic_place { display: block; font-size: 16px; color: #7a7a7a; line-height: 35px; margin-top: 20px;} 
.pic_place a { margin: 0px 5px; color: #7A7A7A;}
.pic_r_tit { display: block; font-size: 35px; color: #222222; line-height: 45px; margin-top:5px;}
.pic_r_des { display: block; font-size: 16px; line-height: 35px; color: #555555; margin-top: 15px;}
.online_btn { display: block; overflow: hidden; margin-top: 20px;}
.pic_con_bg { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 40px;}
.pic_con_tit { width: 1140px; height: 60px; background: url(../images/pic_des_bg.jpg) no-repeat; display: block;}
.pic_con_tit .tit { font-size: 25px; font-weight: bold; line-height: 55px; margin-left: 45px; color: #6a6a6a;}
.pic_con_info { width: 960px; height: auto; overflow: hidden; font-size: 15px; line-height:32px; display: block; margin:40px auto 0px auto; color: #555555;}
.pic_xg_tit { display: block; font-size:17px; font-weight: bold ; line-height: 30px; margin-top: 35px;}

.contact_info { width:450px; height:auto; overflow:hidden; float:left; margin-top: 30px;}
.contact_tit { display:block; font-size:25px; line-height:35px; color:#333333;}
.contact_p { display:block; font-size:16px; line-height:40px; color:#333333; margin-top:15px;}
.contact_mes { width:510px; height:auto; overflow:hidden;  float:right;}
.mes_ul { width:480px; height:auto; overflow:hidden; display:block; background:#ffffff; padding:20px 15px 30px 15px;} 
.mes_ul li { width:210px; height:auto; overflow:hidden; float:left; margin:15px 15px 0px 15px;}
.mes_ul li .text { display:block; height:40px; background:#ebebeb; padding:0px 15px; border:none; width:180px; font-size:13px; color:#444444; outline:none;}
.mes_ul li.con { width:450px; height:auto; overflow:hidden; display:block;}
.mes_ul li.con .test { width:420px; border:none; outline:none; padding:10px 15px; font-size:13px; line-height:25px; background:#ebebeb; font-family:"微软雅黑"; min-height:80px;}
.mes_ul .mes_sub { width:140px; height:35px; background:#54af0c; color:#ffffff; text-align:center; line-height:35px; border-radius:8px; border:none; outline:none; float:right; margin:15px 15px 0px 0px; font-size:15px; letter-spacing:10px; cursor:pointer;}
.foot_kf { width: 45px; height: auto; display: block; position: fixed; z-index: 99999; bottom: 15%; right:10px;}
.foot_tel { width: 45px; height: 45px; display:block; text-align: center; position: relative; }
.foot_tel a { display: block; height:45px; background:url(../images/fixd-tel.png) no-repeat center rgba(0,0,0,.7); overflow: hidden; border-radius: 5px; width: 45px; transition: all .3s;}
.foot_tel a:hover { display: inline-block; width: 200px; margin-left: -145px; background:url(../images/fixd-tel.png) no-repeat left center #f24f62; text-align: left;}
.foot_tel a .foot_tel_ab { display: none; font-size: 15px; color: #ffffff; line-height: 45px; margin-left: 45px;}
.foot_tel a:hover .foot_tel_ab { display: block;}
.foot_skype { width: 45px; height: 45px; display: block; text-align: center; margin-top:3px;}
.foot_skype a { display: block; height:45px; background:rgba(0,0,0,.7); overflow: hidden; border-radius: 5px; width: 45px; transition: all .3s;}
.foot_skype a:hover { background:#00a8e7;}
.foot_qq { width: 45px; height: 45px; display: block; text-align: center; margin-top:3px;}
.foot_qq a { display: block; height:45px; background:rgba(0,0,0,.7); overflow: hidden; border-radius: 5px; width: 45px; transition: all .3s;}
.foot_qq a:hover { background:#f2923d;}
.foot_wx { width: 45px; height: 45px; display: block; text-align: center; margin-top:3px; position: relative;}
.foot_wx a { display: block; height:45px; background:rgba(0,0,0,.7); overflow: hidden; border-radius: 5px; width: 45px; transition: all .3s;}
.foot_wx a:hover { background:#40b65a;}
.foot_ma { width: 130px; height: 130px; overflow: hidden; position: absolute; bottom: 0px; right: 45px; z-index: 999; display: none; border: 1px solid #e2e2e2; box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.foot_wx a:hover .foot_ma { display: block;}
.foot_coop { width: 45px; height: 45px; display: block; text-align: center; margin-top:3px; position: relative;}
.foot_coop a { display: block; height:45px; background:rgba(0,0,0,.7); overflow: hidden; border-radius: 5px; width: 45px; transition: all .3s;}
.foot_coop a:hover { background:#e3a429;}
.foot_coopimg { width:240px; height:auto; overflow: hidden; position: absolute; bottom: 0px; right: 45px; z-index: 999; display: none; border: 1px solid #e2e2e2; box-shadow: 0px 0px 10px rgba(0,0,0,.3); padding: 10px; background: #ffffff;}
.foot_coop:hover .foot_coopimg { display: block;}
.foot_coopimg li .img { width: 100%; height: auto; border: 1px solid #dddddd; box-sizing: border-box;}
.foot_coopimg li .name { display: block; overflow: hidden; margin-top: 5px;}
.foot_coopimg li a { width:100%; height:auto; background: none; font-size: 13px; text-align: center; line-height: 25px;}
.foot_coopimg li a:hover { background: none;}

.foot_ali { width: 45px; height: 45px; display: block; text-align: center; margin-top:3px;}
.foot_ali a { display: block; height:45px; background:#ff580f; overflow: hidden; border-radius: 5px; width: 45px; transition: all .3s;}
.foot_ali a:hover { background:#ff580f;}
.foot_ali_ab { width: 230px; height:auto; overflow: hidden; position: absolute; bottom: 0px; right: 45px; z-index: 999; display: none;  box-shadow: 0px 0px 10px rgba(0,0,0,.3); padding: 20px; background: #ffffff;}
.foot_ali:hover .foot_ali_ab { display: block; background: #f8f8f8;}
.foot_ali_ab .link { display: block; font-size: 15px; line-height: 30px; padding: 5px 0px; border-bottom: 1px dotted #e6e6e6;}
.foot_ali_ab .link a { display: block; background:none; width: 230px; padding: 0px; height: auto; text-align: left;}
.foot_ali_ab .link span { margin-right: 5px; float: left;}