/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{ margin:0; padding:0;}
body{ margin-top:0; margin-bottom:0px; padding-top:0; height:auto;  margin-right: auto; margin-left: auto; font: 14px/1.4 "Microsoft Yahei", Arial, sans-serif; color:#333; background:#fff;}
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#333; /*-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;-webkit-transition-timing-functi.newslist_conton:ease-in;-moz-transition-duration:.2s;-moz-transition-timing-function:ease-in;-o-transition-duration:.2s;-o-transition-timing-function:ease-in;transition-duration:.2s;transition-timing-function:ease-in*/}
a:hover{text-decoration:none;}
*:focus { outline: none; }
.clearfix{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.content{ width:1200px; margin:0 auto; overflow:hidden}
.ft12{ font-size: 12px }
.wh{ color: #fff }
.center{ text-align:center; }
.bl{ display: block; }

.top{ height:40px; line-height:40px; color:#666; font-size:12px; background: #f4f4f4}

.header{ background:#fff; overflow:hidden; padding:20px 0;}
.logo{ width:60%;float: left;
    position: relative;
    left: 0;
    transition-duration: .5s;}
.header .logo img{ margin-right:8px;}

.header .logo:before{content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 300px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;}
	@-webkit-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-o-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-moz-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}


.header .logo p{ font-size: 25px; color: #111; font-weight: bold;}

.tel{ background:url(../images/dh.png) left center no-repeat; display:inline-block; font-family:"Impact"; font-size:30px; color:#272636; margin:18px 70px 0 0; padding-left:55px}
.menu{ background:#009a44; border-top:1px solid #f5f5f5; height:50px; line-height:50px; position: relative; z-index: 9999}
.nav_li{ float:left; width:14.2%;}
.nav_li a{ text-align:center; display:block; color:#FFF;font-weight:700}
.nav_li a:hover,.nav .cur a{ background:#f08200; color:#fff; border-right:1px solid #009a44; font-weight:700}
.cur{ background:#fff; color:#009a44}
.showmenu{ background: #009a44; padding: 10px 5px; display: none;}
.nav_li:hover .showmenu{ display: block; }
.menua a{ line-height: 35px; color: #fff; border-right: 0px;}
.menua a:hover{ background: #fff; color:#3dcb5d;}


.banner{ height:700px; }

.tt span{text-transform:uppercase; font-size:24px; color:#999}
.tt h2{font-size:34px;color: #1A1A1A;font-weight: 600; position:relative}
.tt h2:before {
    content: "";
    display: inline-block;
    width: 380px; height:5px; background:url(../images/fl.png) no-repeat;
    margin:10px 20px 0;
    vertical-align: middle;
}
.tt h2:after {
    content: "";
    display: inline-block;
   width: 380px; height:5px; background:url(../images/fr.png) no-repeat;
    margin:10px 20px 0;
    vertical-align: middle;
}

.youshi{background:url(../images/bjs.jpg) no-repeat; height:307px; padding:54px 0; }
.youshi ul{ width:100%; margin-top:50px; float:left}
.youshi ul li{ width:20%; float:left; text-align:center}
.youshi ul li img{ max-width:122px; margin-bottom:10px;}
.youshi ul li p{ font-size:16px; line-height:32px;}
.youshi ul li b{ font-size:20px;}

.animation3 {
    -webkit-animation: shake 1s .2s ease both;
    -moz-animation: shake 1s .2s ease both;
   }
    
   @-webkit-keyframes shake {
    0%,
    100% {
     -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
     -webkit-transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
     -webkit-transform: translateX(10px);
    }
   }
    
   @-moz-keyframes shake {
    0%,
    100% {
     -moz-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
     -moz-transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
     -moz-transform: translateX(10px);
    }
   }
   
.youshi ul li:hover .animation3 {
    -webkit-animation: bounce 1s .2s ease both;
    -moz-animation: bounce 1s .2s ease both;
   }
    
   @-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -webkit-transform: translateY(0)
    }
    40% {
     -webkit-transform: translateY(-30px)
    }
    60% {
     -webkit-transform: translateY(-15px)
    }
   }
    
   @-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -moz-transform: translateY(0)
    }
    40% {
     -moz-transform: translateY(-30px)
    }
    60% {
     -moz-transform: translateY(-15px)
    }
   }
   


.pro_indexbg{ margin-top: 60px}
.pro_index_s{width: 100%;  margin:30px 0; text-align:center; }
.pro_index_s a { display: inline-block; padding:8px 30px; background:#00ad53; color:#fff; margin:0 10px; font-size:16px;  overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px; }
.pro_index_s  a:hover,.pro_index_c .cur{ background:#f08200 }

.pro_index_ct{ width: 100%; float:right}
.pro_index_t{ width:102%; float:left;}

.proindex_img{ width:22.8%; border: 1px solid #e0e0e0; margin-bottom:2%; margin-right:2%; float:left; overflow:hidden}
.proindex_img:hover{ border: 1px solid #f08200 }

.proindex_img .img{ display:table-cell; text-align: center; vertical-align: middle; width:310px; height:160px; overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.proindex_img .img img{max-width:95%;max-height:95%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.proindex_img .img:hover img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.proindex_img .txt{ font-size:16px; line-height:40px;}
.proindex_img .txt:hover{ color:#f08200 }
.proindex_img:hover > .txt{ color: #f08200 }

/*关于我们*/
.about_bg{ background: url(../images/about_bj.jpg) top center no-repeat; padding: 50px 0; margin-top:60px;}
.about_cont{ overflow: hidden; margin-top: 55px }
.about_i{ width: 565px; float:left; margin-left:2px;}
.about_i_img{ width: 100%; height:398px;object-fit:cover; }
.about_c{ width:410px; float:right; margin-top: 40px; margin-right:60px;}
.about_c p{ line-height:36px;}
.about_c a{ display: block; width: 150px; background: #009a44; font-size: 14px; text-align: center; line-height: 43px; border-radius:3px; color: #fff; margin-top: 15px}
.about_c a:hover{ background:#f08200; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}



.reason_bg{ background:#fff; padding: 80px 0; position: relative; height: 800px}
.reason h2{ font-size: 24px; color: #333; font-weight: normal; text-align: center; margin-bottom: 40px}
.reason i{ background: url(../images/w_w1h6.png) top center no-repeat; height: 204px; display: block;}
.reason_s{ position: absolute; top: 320px; background: url(../images/gv_trxn.jpg) top center no-repeat; height: 648px; z-index: 9999; width: 100%}
.reason_sh{ padding: 50px 0 }
.reason_txt{ text-align:right; margin:0 180px 20px 0 }
.reason_txt h2{ color: #fff; font-size: 24px }
.reason_txt span{ color: #F1C1C3; text-transform: uppercase; line-height: 30px; font-size: 12px; letter-spacing: 1px}
#tab_left{width:547px;height:380px;}
#tab_left li{margin-bottom: 20px; height:82px;display: block; padding-left: 80px}
#tab_left li a{color: #000; display: block; font-weight: bold; padding-top: 7px; line-height: 27px}
#tab_left li:hover,#tab_left li:hover a{text-decoration: none;color: #fff;display: block;}
#tab_left li span{ font-size: 12px; }
#tab_con{width: 650px;height: 400px;overflow: hidden;}
#tab_con img{ max-width:572px; max-height: 400px }
#tab_left_1{ background: url(../images/1_hnp0.png) center no-repeat;}
#tab_left_1:hover{ background: url(../images/1_hnp0_h.png) center no-repeat; /*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
#tab_left_2{ background: url(../images/2_0yjj.png) center no-repeat; }
#tab_left_2:hover{ background: url(../images/2_0yjj_h.png) center no-repeat; /*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
#tab_left_3{ background: url(../images/3_0l1m.png) center no-repeat; }
#tab_left_3:hover{ background: url(../images/3_0l1m_h.png) center no-repeat;/*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}
#tab_left_4{ background: url(../images/4_v3ot.png) center no-repeat; }
#tab_left_4:hover{ background: url(../images/4_v3ot_h.png) center no-repeat;/*-webkit-transition:-webkit-transform 1.2s ease-out;-moz-transition:moz-transform 1.2s ease-out;transition:transform 1.2s ease-out;-webkit-transform:rotateX(360deg);moz-transform:rotateX(360deg);transform:rotateX(360deg);*/}

.ljzx{ background: url(../images/tel.jpg) top center no-repeat; height: 165px }
.newslist_bg{ padding:50px 0 80px; background: #fff }
.more1{ margin-left: -75px; left: 50%; text-align: center; color: #fff; width: 150px; background: #009a44; position: absolute; bottom: 0; line-height: 43px; border-radius: 3px; }
.more1:hover{ background:#f08200; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.newslist{ position: relative; }
.newslist_cont{ margin-top: 50px; overflow: hidden; height:400px; }
.newslist_img{ overflow: hidden; margin-bottom: 8px }
.newslist_img a{ display:inline-block; float: left; margin-right: 30px}
.newslist_img .mr{ margin-right: 0px; }
.newslist_s li{ width: 380px; margin-right: 30px }
.newslist_s li:last-child{ margin-right: 0px }
.newslist_s li a{ color:#333; font-weight: bold; display: block;}
.newslist_s li img{ width:99.7%; height:200px;object-fit:cover; margin-bottom:10px; border:1px solid #dedede;}
.newslist_s li a:hover{ color:#f08200 }
.newslist_s li i{ font-style: normal; font-size: 12px; line-height: 30px; display: block; color: #999}
.newslist_s li span{ font-size: 12px; line-height:20px; height:40px; overflow:hidden; display:block }




.footer_bg{ background: #1A1A1A; padding:35px 0 30px 0}
.navlist{ border-bottom: 1px solid #666; overflow: hidden; width:100%; float:left}
.navlist li{ line-height: 50px; width:14.2%; float:left}
.navlist li a{ display: block; text-align: center; color: #666 }
.navlist li a:hover{ color:#32d352 }
.copyright{ margin-top: 40px }
.copy_f{ width: 820px; color: #6D6C6C; line-height: 28px; margin-top: 20px; font-size: 13px}
.copy_f img{ margin-bottom:15px;}
.copy_f a{ color: #6D6C6C; }
.qk{ margin: 48px 20px 0 0 }
.qk img{ max-width:120px;}
.qk span{ color: #666; font-size: 12px;  float: right; margin:35px 0 0 30px}


/*sub_banner*/
.sub_banner{ width:100%; min-width:1200px; height:495px; overflow: hidden; }
.sub_banner img{ width:100%; }
.subpage_bg{ background: #F4F4F4; overflow: hidden; padding-top:30px; }
.position{ height: 50px; line-height: 50px; background: url(../images/ghs_rawr.jpg) bottom right no-repeat #fff; margin-bottom: 30px; padding-left: 15px}
.position a{ color: #5A5A5A }
.position .bg{ background: url(../images/bg_8xt6.jpg) left center no-repeat; padding-left: 15px}
.subpage{ background: #fff; overflow: hidden; padding:35px; margin-bottom: 30px}
.sub_cats{ overflow: hidden; text-align: center;}
.sub_cats ul{ display: inline-block; }
.sub_cats .sub_catsa{ width:130px; line-height: 50px; height: 50px; background:#009a44; display: inline; border-right:1px solid #fff; margin-bottom: 50px}
.sub_cats .sub_catsa a{ display: block; text-align: center; color: #fff;}
.sub_cats .active, .sub_cats .sub_catsa a:hover{ background: #f08200; }
.page_content{ margin-top: 25px; line-height: 30px}

.images_list{ width:230px; padding: 10px; margin: 15px; border:1px solid #e3e3e3; border-radius: 3px}
.images_list .img{ display: table-cell; overflow: hidden; text-align: center; width: 230px; height: 180px; vertical-align: middle;}
.images_list  .img img{ max-width: 230px; max-height: 165px}
.images_list .img:hover img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3); }
.images_list a{ text-align: center; display: block; }
.images_list:hover{ border: 1px solid #009a44; box-shadow: 0px 10px 30px 1px #dedede; -moz-box-shadow: 0px 10px 30px 1px #dedede; -webkit-box-shadow: 0px 10px 30px 1px #dedede; -o-box-shadow: 0px 10px 30px 1px #dedede;}
.images_list:hover > a{ color: #009a44 }

.imagest_list{ width:320px; padding: 10px; margin: 15px; border:1px solid #e3e3e3; border-radius: 3px}
.imagest_list .imgt{ display: table-cell; overflow: hidden; text-align: center; width: 320px; height: 100px; vertical-align: middle;}
.imagest_list .imgt img{ max-width: 320px; max-height: 90px}



.page_content .tt{ font-size: 20px; font-weight: bold; color:#f08200; line-height: 30px}
.page_content .des{ border: #E5E5E5 1px solid; padding: 5px; line-height: 30px; background: #f5f5f5; text-indent: 2em; margin: 20px; color: #868686}
.page_content .date{ color: #999999; padding: 5px 0px;}
.page_content .img1{ max-width: 880px;margin-top: 20px }
.pre_next{ margin-top: 20px}
.pre_next{ margin: 40px 20px 0 }
.pre_next a{ font-size:14px;}
.pre_next a:hover{ color: #f08200; text-decoration: underline;}

.news_list{ padding-top: 15px }
.news_list li{border-bottom: 1px solid #dedede;position: relative;padding-bottom: 36px;margin: 25px 0px; overflow: hidden;}
.news_list li img{float: left;}
.news_list li div{float: left;width: 660px;margin-left: 45px}
.news_list li div h3 a{font-size: 22px;color: #222222;font-weight: normal;margin-bottom: 6px;display: block;}
.news_list li div h3 a:hover{color: #275897}
.news_list li div p{font-size: 14px;color: #777777;line-height: 22px;text-align: justify;}
.news_list li div .more{display: block;width: 108px;line-height: 30px;color: #7d7d7d;text-align: center;font-size: 12px;border-radius: 3px;margin-top: 15px;border: 1px solid #7d7d7d}
.news_list li span{display: inline-block;width: 70px;height: 70px;background-color: #009a44;color: #fff;text-align: right;padding: 12px 15px 0px 0px;font-size: 22px;position: absolute;right: 0px;top: 25px}
.news_list li span b{font-size: 16px}
.news_list li:hover div .more{border-color: #f08200;color: #f08200}
.news_list li:hover span{background-color: #f08200}
.news_content{ margin: 20px; line-height: 30px }

.down_list li{ padding: 20px 0; border-bottom: 1px solid #f1f1f1 }
.down_list li p{ line-height: 40px; margin-left: 10px; }
.down_list li span{ font-size: 18px; font-weight: bold; color: #f08200 }
.downfram{display:none;  position: fixed;top: 0px;left: 0px;right:0px;bottom:0px;width:100%;height:100%!important;background:rgba(0,0,0,0.6);z-index:999999;}
.downbox{width:390px;height:200px;background:#fff;position:absolute;top:50%;left:50%;margin:-100px 0px 0px -195px;}
.downbox input{padding-left:10px;width:200px;height:28px;border:1px #ccc solid;color:#ccc;margin:40px 0px 0px 50px;}
.downbox>   span{float:left;display:block;width:80px;height:30px;background:#009a44;color:#fff;font-size:12px;text-align:center;line-height:30px;margin:20px 0px 0px 50px;cursor:pointer;}
.downbox h4{padding:0px 10px;height:35px;line-height:35px;background:#009a44;color:#fff;font-size:14px;}
.downbox h4>span{float:right;font-size:20px;font-weight:normal;cursor:pointer;}

.pagination{clear:both;padding-top:10px;text-align:center; margin:0 auto; display:block;}
.pagination li{display:inline-block;*display:block;*display:inline;*zoom:1;margin:0 3px}
.pagination li a{line-height:28px;font-size:12px;display:block;padding:0 10px;color:#666;border:solid 1px #ccc;background-color:#e3e3e3;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;cursor:pointer;-webkit-text-shadow:1px 1px 1px #ccc;-moz-text-shadow:1px 1px 1px #ccc;-o-text-shadow:1px 1px 1px #ccc;-ms-text-shadow:1px 1px 1px #ccc;text-shadow:1px 1px 1px #ccc}
.pagination li a:hover,.pagination li a.current{background-color:#009a44;border-color:#009a44;color:#fff;text-decoration:none;-webkit-text-shadow:1px 1px 1px #666;-moz-text-shadow:1px 1px 1px #666;-o-text-shadow:1px 1px 1px #666;-ms-text-shadow:1px 1px 1px #666;text-shadow:1px 1px 1px #666}



/*翻页样式*/
#pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both; margin-top:20px; float:left}
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #009a44; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #009a44 solid 1px;}


.kh_al{ padding:70px 0 0; }
.cp_gd {width:90%; height:100px;overflow: hidden;position: relative; margin:0 auto;  padding-top:40px;}
.cp_gd ul{position: absolute;}
.cp_gd ul li{float: left;width:360x; margin-right:20px;cursor: pointer;}
.cp_gd ul li a{ width:360px;float:left; display:block}
.cp_gd ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:360px; overflow: hidden;border:1px solid #dedede;}
.cp_gd ul li img {max-width:360px; display: inline-block;}


.cp_gd ul li a:hover{ transition: all .7s;}
.cp_gd ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}


.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#009a44 !important; border:none; float:left; margin-left:27px; }


.lx_nr ul{ width:100%; float:left; margin-bottom:40px;}
.lx_nr ul li{ width:25%; text-align:center; float:left; }
.lx_nr ul li span{ width:100px; height:100px; background:#4ab344; text-align:center;display:inline-block; border-radius:50%}
.lx_nr ul li span i{ color:#fff; font-size:50px; margin-top:25px;}
.lx_nr ul li b{ width:100%; float:left; padding-top:20px; font-size:18px; padding-bottom:12px;}
.lx_nr ul li p{ font-size:15px; line-height:22px;  }

.lx_nr ul li:hover span{ background:#f08200;-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}