body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote{margin:0px;padding:0px;font-size:12px;text-align:left; font-family:arial!important;}
ul,ol ,li {list-style:none;}
body{margin:0px; padding:0px; color:#666;}
a{color: #666; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}
a img { border:0;}
td,th{ font-size:12px;}
/* end reset */

.fl{ float:left}
.fr{ float:right!important}
.fn{ float:none}

.clear{ clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.over{overflow:hidden}

.displayinline{ display:inline}

.ie6haslayout{zoom:1}



.font_line_24{ line-height:24px;}
/* end font */

/* end message */
.border_a{ background:#FFFFFF; border-bottom:1px solid #e7e7e7;}
.border_4px{ border:5px solid #d8d8d8}



.top{  width:100%; height:5px; background:#00923f;color:#fff; line-height:35px;}


.nr{ width: 1200px; height: 150px; margin: auto;}
/*end Notice*/
.logo{ width:230px;  float: left; margin-top: 50px; }






.nav_main{ width:920px; height:auto; margin-top:40px;  float:right;position:relative;}
#nav_all{height:65px;float:left;line-height:65px;position:relative;z-index:222;}
#nav_all li{text-align:center;float:left; width: 130px; }
#nav_all li a{color:#000;display:inline-block;font-size:14px;cursor:pointer;_padding:0 30px;height:65px;line-height:65px;white-space:nowrap;border-left: none; }
#nav_all li a:hover{line-height:65px; height:65px; width:130px; display: block; text-align:center;overflow:hidden; color: #fff; background:#00923f;  border-left: none;  border-top-left-radius: 15px;border-top-right-radius: 15px;}

#nav_all li ul{display:none;position:absolute;z-index:999;width:130px;top:65px; background: #00923f; padding-bottom: 10px;}
#nav_all ul li{background-image:none; width:130px;line-height:32px;height:32px;padding-top:0px;padding:0; border-bottom: 1px solid #00923f;}
#nav_all ul li a{background-image:none;width:130px;text-align:center;height:32px;line-height:32px;color:#fff;font-weight:normal;border:none;}
#nav_all ul li a:hover{background-image:none;width:130px;height:32px;margin:0px auto;display:block;line-height:32px;color:#fff; text-align:center;background:#00923f;border-top:none; border-radius: none;}


.banner{ width:100%; height:698px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:698px; float:left;}
.b-list{ height:50px; padding-top:698px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


/*banner*/

.cbt{ width: 1200px; margin:30px auto 0px;}
.cbt h1{ width: 150px; height: 70px;margin: auto; font-size: 36px; line-height: 70px; color: #000;}
.cbt p{ text-align: center; font-size: 14px;}



.sfl{ width: 1200px; height: auto;margin:30px auto; text-align: center; }
.sfl ul{ width: 1220px; margin:auto; overflow: hidden; height: auto; }
.sfl ul li{ width: 285px; height: 175px; float: left;border:1px solid #ccc;  margin-left: 10px; margin-bottom: 22px; transition: all 0.3s ease; }
.sfl ul li:hover{color: #fff!important;}
.sfl ul li:hover .sz {background: #f29248;}


.sz{ width: 52px; height: 65px; font-size: 22px; color: #fff; text-align: center;line-height: 65px; margin:auto;background: #00923f;}
.wz{width: 100%; float: left; font-size: 17px; text-align: center; margin-top: 30px; font-weight: bold;}
.tjbt{ width: 100%; height: 65px;}






.about_nr{ width: 1200px; height: 450px;margin:50px auto;color: #000; overflow: hidden;}
.jjzc{ width: 345px; height:395px; background: url(../images/jjt.jpg) center top no-repeat; float: left;}

.jjnr{width: 830px; float: right; display: block;}
.zc{ width: 590px; float: left;}

.jjnr span{ line-height:25px; font-size: 14px; text-align: left;  color: #000;}
.jjnr h1{ color: #000; margin-top:12px;height: 80px;font-weight: bold; font-size: 30px; margin-bottom: 20px;}
.jjnr h2{ font-size: 36px; font-weight: bold; color: #000; margin-bottom: 30px;}

.jjgd{ width: 122px; float: left; height:35px; line-height: 35px; margin-top:70px; text-align: center; background: url(../images/gdbj.jpg) center top no-repeat;}
.jjgd a{ text-align: center; color: #fff;}



.xbn{ width: 100%; height: 275px; background: url(../images/xbn.jpg) center top no-repeat;}

.qyys{ width: 1200px; height: 220px; border: 1px solid #01933e; border-top: 5px solid #01933e; margin: auto; overflow: hidden; font-family: arial;}

.qyys ul{ width: 1200px; margin: auto;}
.qyys ul li{ width: 365px; height: 120px; float: left; text-align: center; border-right: 1px solid #00923f; margin-top: 50px; margin-left:25px;font-family: arial; line-height: 24px;}

.qyys ul li h1{ font-size: 18px; font-weight: bold;font-family: arial;}
.qyys ul li  p{ font-size: 12px;margin-top: 15px;}
.qyys ul li:nth-child(1) .ztb{ width: 92px; height: 92px; background: url(../images/ys01.png) center center no-repeat #00923f; float: left; border-radius: 50%; margin-left:20px;}
.qyys ul li:nth-child(1) .ywz{width: 230px; float: right; margin-right: 10px;}


.qyys ul li:nth-child(2) .ztb{ width: 92px; height: 92px; background: url(../images/ys02.png) center center no-repeat #00923f; float: left; border-radius: 50%;margin-left:20px;}
.qyys ul li:nth-child(2) .ywz{ width: 230px; float: right; margin-right: 10px;}
.qyys ul li:nth-child(3){ border-right-color:#fff;}

.qyys ul li:nth-child(3) .ztb{ width: 92px; height: 92px; background: url(../images/ys03.png) center center no-repeat #00923f; float: left; border-radius: 50%;margin-left:20px;}
.qyys ul li:nth-child(3) .ywz{ width: 230px; float: right; margin-right: 10px;}

.qyys ul li img{ text-align: center; margin-top: 30px; }
.qyysnr ul li h1{ width: 80%; margin-top: 220px; text-align: center;color: #01458e; font-size: 22px; margin-left: 15px; margin-bottom: 10px; border-bottom: 1px solid #01458e;}
.qyysnr ul li span{ text-align: center; height: 80px; color: #000; display: block; width: 85%; font-size: 14px; margin-left: 10px; font-weight: normal;line-height: 24px;}
.gd{ width: 110px; height: 35px; background: #fe6507; line-height: 35px; margin-top: 30px; margin-left: 75px;  text-align: center;}
.gd a{ color: #fff; text-align: center; font-size: 14px;}
.gd:hover{ color: #fff; background: #01458e;}

.qyys ul li .ztb{   cursor: pointer;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            transition: all 0.5s ease;
            position: relative;
            overflow: hidden;}
 .qyys ul li .ztb::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0,146,63,0.2), transparent);
            transition: 0.5s;
        }     
 .qyys ul li .ztb:hover {
            transform: rotate(360deg);
            background: linear-gradient(135deg, #f29248, #f29248);
        }       
 .qyys ul li .ztb:active {
            transform: scale(0.95) rotate(360deg);
        }     
.qyys ul li:hover:nth-child(1) .ztb{ background: url(../images/ys01.png) center center no-repeat #f29248;}
.qyys ul li:hover:nth-child(2) .ztb{ background: url(../images/ys02.png) center center no-repeat #f29248;}
.qyys ul li:hover:nth-child(3) .ztb{ background: url(../images/ys03.png) center center no-repeat #f29248;}




.qybj{ width: 100%; border-bottom:1px solid #ccc; margin-bottom: 30px;}
.qywh{ width: 1200px; height: 120px;margin:auto;  text-align: center; }
.qywh ul{ width: 1020px; height: 120px; margin:auto; overflow: hidden; }
.qywh ul li{ width: 320px; height: 120px; float: left; margin-left: 5px;  transition: all 0.3s ease;  border-right:1px solid #ccc;}
.qywh ul li:hover{}
.dbj1{ width: 200px; height: 40px;  float: left; text-align: center; padding-left: 30px; margin-top: 30px;  margin-left: 15px;  background: url(../images/ico1.jpg) left center no-repeat;}
.dbj1 a{ text-align: center; font-size: 18px; color: #000;  }
.dbj1 span{ color: #000;}
.dbj1:hover{ }
.dbj1:hover a{color: #000;}


.dbj2{ width: 200px; height: 40px;  float: left; text-align: center;padding-left: 30px; margin-top: 30px;  margin-left: 15px; background: url(../images/ico2.jpg) left center no-repeat; }
.dbj2 a{ text-align: center; font-size: 18px; color: #000;  }
.dbj2 span{ color: #000;}
.dbj2:hover{ }
.dbj2:hover a{color: #000;}


.dbj3{ width: 200px; height: 50px;  float: left; text-align: center;padding-left: 30px; margin-top: 30px;  margin-left: 15px; background: url(../images/ico3.jpg) left center no-repeat; }
.dbj3 a{ text-align: center; font-size: 18px; color: #000;  }
.dbj3 span{ color: #000;}
.dbj3:hover{}
.dbj3:hover a{color: #000;}


.dbj4{ width: 200px; height: 40px;  float: left; text-align: center;padding-left: 30px; margin-top: 30px;  margin-left: 15px; background: url(../images/ico4.jpg) left center no-repeat; }
.dbj4 a{ text-align: center; font-size: 18px; color: #000;  }
.dbj4 span{ color: #000;}
.dbj4:hover{  }
.dbj4:hover a{color: #000;}



.cpbt{ width: 1200px; height:135px; margin: auto; background: url(../images/cpbt.jpg) center center no-repeat;}
.probj{width: 100%; height: auto; overflow: hidden; padding-bottom: 40px;}
.pro1{ width:1200px; height:auto; margin: auto; overflow: hidden;}





.tjcp1{  width: 1200px; margin: auto; margin-top: 10px; margin-left: 20px;}
.tjcp1 ul{ width: 1200px; float: right;}
.tjcp1 ul li{ width:290px; height: 315px; float: left; background: #fff; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}
.tjcp1 ul li img{ width: 290px; height: 270px; float: left; margin-top: 5px;}


.probt{ width: 900px; height: 50px;  float:left;background: url(../images/cptjbt.png) left center no-repeat; margin-bottom: 20px;}
.ckgd{width: 102px; height: 30px; line-height: 30px;  text-align:center;margin-top:10px;float:right;background: url(../images/gdbj.jpg) left center no-repeat;}
.ckgd a{color: #fff;}

.pro_nn{ width:900px; height:700px;float: right;}
.pro_nn ul{ width:900px; height:auto; margin:auto;}
.pro_nn ul li{  float:left; margin-right:20px; margin-bottom: 15px; }
.tjcp1 ul li img{display: block;width: 100%; height:270px;position: relative;overflow: hidden;transition: all 0.3s ease 0s; }
.tjcp1 ul li:hover img{transform: scale(1.1, 1.1);} 
.tjcp1 ul li .img{ display:block; overflow:hidden; width:290px; height:270px;   margin-top: 5px;}
.pro_nn_bt{ width:290px; height: 40px; line-height:40px;float:left; text-align: center;  font-size: 16px; }
.pro_nn_bt h1{  height: 40px;  text-align: center; font-size: 15px; background: #eeeeee;}
.gdm{ width: 80px; height: 28px;border: 1px solid #ccc; float: right; text-align: center; line-height: 28px; border-radius: 15px; margin-right: 20px; margin-top: 5px;}

.dh{ width: 1200px; height: 50px; background:url(../images/lx.png) center center no-repeat #064c92; border-radius: 15px; margin: auto;}


.pro_tb{ width: 272px; height:auto; float: left;  background: #efeff0;  }
.pro_btt{ width: 1200px;height: 170px; background: url(../images/fwbt.jpg) center top no-repeat; margin: auto;}
.pro_bt{ width:275px;  float: left;}
.pro_fl1{ width: 275px; height: auto; float: left; padding-top: 20px; padding-bottom: 10px; }
.pro_fl1 ul{}
.pro_fl1 ul  li{ width: 230px; height: 38px; line-height: 38px; float: left; margin-left: 20px;   font-size: 14px; margin-bottom: 5px;  text-align:left; background:#ffffff;}
.pro_fl1 ul  li a{ color: #000;font-size: 14px; margin-left: 30px; font-weight: bold;}
.pro_fl1 ul  li:hover{ color: #000;}
.pro_fl1 ul  li:hover a{ color: #000; font-size: 14px;}



.pro_tb1{ width: 1220px; height:auto; margin: auto; overflow: hidden; }




.sman1{  width:145px;height: 45px; text-align: center; line-height: 45px; background:#0f5e9c;margin-top: 40px;}
.sman1 a{ color: #fff; text-align: center; font-size: 14px;}


.cgd{ width: 100px; height: 90px;  border-radius: 50px;background: #ff9900; line-height: 30px; font-size: 15px; text-align: center; padding-top: 10px;  margin: auto;margin-top: 290px;}
.cgd a{ color: #fff;}







.new{ width:1200px; height:auto; overflow:hidden; margin:auto;  }

.xwbt11{ width: 1200px; height: 80px; margin: auto; background: url(../images/xwbt.jpg) center top no-repeat;}
.new{ width: 1200px; height: auto; margin:30px auto; overflow: hidden;}

.new_nr_rt{ width:725px; height:auto; background:#fff;float:left; color:#000000; padding-bottom: 20px; }
.new_nr_rt span{ line-height:24px; }
.new_nr_rt p{ font-size: 14px; color: #aeacac; margin-bottom: 20px;}
.rtbt{ width: 725px; height: 85px;color: #000; float: left; font-size: 14px; margin-bottom: 20px; line-height: 35px; text-align: center;}
.rtbt p{ width: 100px; float: right; height:22px; line-height: 22px; text-align: center; margin-top: 30px; margin-right: 20px;}
.rtbt p a{color: #000; font-size: 16px; line-height: 30px;}
.rtbt h1{ width: 245px; height:85px; line-height: 85px; float: left;   font-size: 30px; font-weight: bold; color: #000;}
.rtbt h2{width: 205px; height: 85px; line-height: 85px; background:#ededed; float: left;  text-align: center; font-size: 20px;color: #000;font-weight: normal; }
.xwbtt{ width: 300px; float: left; height: 35px; padding-left: 30px;}
.xwbt1{ height: 30px; float: left; font-size:18px; font-weight: bold; }
.xwbt1 a{color: #d9650c;}
.xwlb{ width: 670px; height: auto; overflow: hidden; margin-top: 20px; margin-bottom:30px;}
.xwlb ul{ width: 670px; height: auto; overflow: hidden; margin-bottom: 10px;}
.xwlb ul li{ width: 650px; height: 52px; line-height: 52px; color: #000; margin-right:20px;font-size: 14px; float: left;  background: url(../images/xwico.jpg) left center no-repeat; padding-left: 20px;}
.xwlb ul li p{ float: right; color: #000;}
.xwlb ul li a{  color: #000;}


.xwnr{ width: 670px; float: left; margin-top: 10px; line-height:24px;}
.xwnr p{ color: #000;}
.xwmore{ width: 105px; height: 25px; float: left; background: #0ba43a; text-align: center; line-height: 25px; margin-left: 30px; margin-top: 25px;}
.xwmore a{ color: #fff;}


.tim{  float: left; margin-bottom: 20px; margin-right: 10px; }
.tim1{ width: 75px; height: 65px; line-height: 50px; background:#00275b; display: block; text-align: center; float: left; font-size: 32px; font-weight: bold; font-family: arial; color: #fff;}
.tim1 p{ width: 75px; height: 20px; line-height:20px; color:#fff!important;display: block; font-size: 14px; text-align: center;  margin: auto; font-weight: normal; margin-top: -10px;}

.xwnnr{ width: 700px; float: left;}

.xian{ width: 750px; height: 1px; border-bottom: 1px solid #ccc; float: left; margin-left: 20px; margin-bottom: 20px;}

.new_rt{ width: 560px; float: right;}

.cjwd{ width: 415px; height: 400px; float: right; background: url(../images/newrt.jpg) right center no-repeat; margin-top: 50px; }


.lcbt{ width: 1200px; height: 80px; background: url(../images/lcbt.jpg) center top no-repeat; margin: auto;}
.lct{ width: 1200px; height: 175px; margin: auto; background: url(../images/lct.jpg) center top no-repeat;}



.foot_bj{ width:100%; height:auto; background: #323635; overflow: hidden;}
.bqsy{ width: 1200px; height: 265px; margin: auto; color:#fff; overflow: hidden; line-height:24px; margin-top:25px; text-align: center; }

.dblx{ width: 330px; height: 200px; float: right;color:#fff; padding-top: 30px; font-size: 14px; margin-left: 20px;}
.dblx h1{ font-size: 16px; height:40px; background: url(../images/dhico.png) left  bottom no-repeat; font-weight: bold;  color: #fff; margin-bottom: 20px; }
.bq_lt{ width: 200px; height: auto; float:left;font-size: 14px; margin-top: 20px; margin-left: 30px;}
.bq_lt h1{font-size: 16px; height:40px; background: url(../images/dhico.png) left  bottom no-repeat; font-weight: bold;  color: #fff; margin-bottom: 20px; margin-top: 15px;}




.bq_rt{ width: 400px; height: auto; float: right;}
.dbmn{  width:130px; float:left; font-size: 14px;  overflow: hidden; margin-top: 20px;}
.dbmn h1{ font-size: 16px; height:40px; background: url(../images/dhico.png) left  bottom no-repeat; font-weight: bold; color: #fff; margin-bottom: 20px; margin-top: 15px;}
.dbmn a{ margin:10px; margin-top:0px; margin-left: 0px; margin-bottom:0px;float: left; font-size: 14px; color: #fff; }

.bq{ width: 300px;float:left;color: #fff; margin-left: 160px; line-height: 30px; font-size: 30px; margin-top: 50px; text-align: center; font-weight: bold;}



.animated10s { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated15s { 
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated20s { 
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated25s { 
-webkit-animation-duration: 2.5s; 
animation-duration: 2.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated28s { 
-webkit-animation-duration: 2.8s; 
animation-duration: 2.8s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}
.animated30s { 
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both;
opacity: 1;
}


.delay1 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay2 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay3{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay4{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay5{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay6{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay7{ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }
.delay8{ -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }
.delay9{ -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }
.span2,.span3{animation-duration:1.5s;-webkit-animation-duration:1.5s; }
.an-hide{ visibility:hidden;}
.an-show{ visibility:visible}