@charset "utf-8";
/* CSS Document */
/*全局样式
---------------------------------------------*/
*{margin:0px;padding:0px; border:0px;}
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{list-style:none;margin:0px;}
fieldset,img{ border:0; }
a{text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0; }
*html{ zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
(this))}
.clear{clear:both;font-size:0px;height:0px;_height:0px;overflow:hidden; }
em, i { font-style: normal;}
/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix {display:block;} 
.left{float:left; _display:inline;}
.right{float:right; _display:inline;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.filter_bg{ filter: alpha(opacity=80); opacity: 0.8; }

/*网站样式
---------------------------------------------*/
body{background:url(../images/bg.jpg); color:#333; font-size: 12px; font-size:1.2rem; font-family:'Microsoft YaHei',宋体,Arial,Helvetica,'方正兰亭粗黑简体';}
a{color:#333;text-decoration:none;cursor :pointer; outline: none;transition: all 0.3s;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.transition1s{ transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; }
.radius5{-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
a:hover{ text-decoration: none; }
@media (min-width:1200px) 
{
    body{ font-size: 14px; font-size:1.4rem; }
}
/* CSS Header */
#top{  height:33px; line-height:33px;  margin:0px auto; background: #F8F4F3; border-bottom:solid 1px #D7D4D3; }
#top a:hover{ color:#35A525;}
.top_sp1 b{ color: #35A525; }
.top_sp2{ color: #706E6E;}
.top_sp2 a{ margin:0px 8px; color:#706E6E;}
#header{  padding: 15px 0px; position: relative; z-index: 999;}
.logo{ width: 80%; }
.logo img{ width: 100%; }
 
.nav-trigger{ width:26px; height:26px; z-index:999; background: url(../images/micon.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 15px; }
.navigation-is-visible .nav-trigger{ width: 32px; height: 30px; background: url(../images/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.nav_transform1{position:absolute;top:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 10px 0px 10px 30px;  }
.navp1 img{ max-width: 80%; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; line-height:40px; max-height:40px; font-size: 1.6rem; padding: 0px 20px;}
.nav-item.on a{ color: #32A524; }
/* CSS nav */
#mnav{ padding:6px; background:#35A525; overflow: hidden;}
#mnav a{ color: #fff; height:30px; line-height: 30px; float: left; width: 20%; text-align: center;}
#mnav a.on{ color:#FCFF00; }

#nav{ overflow: hidden;  background: #32A524;}
#nav ul li{ float :left; width:9.6%;} 
#nav ul li a{ width: 100%; height:40px; line-height: 40px; float:left; text-align:center; font-size:1.4rem;color:#fff;}
#nav ul li a:hover{ color:#fff; background-color:#C90000; }
#nav ul li.selectli a{ color:#fff; background-color:#C90000;  }
#nav ul li.nav_line{ width:4px; height:40px; background:url(../images/nav_line.jpg) no-repeat center;  }
@media (min-width:768px) 
{
    .logo{ width: 45%; }
    .tel{ margin-right: 40px; margin-top: 15px; }
    #mnav a{ width: 10%; }
}
@media (min-width:992px) 
{
    #mnav a{ font-size: 1.3rem; }
    .logo{ width: 40%; }
    .tel{ margin-right: 0px; }
}
@media (min-width:1200px) 
{
    .logo{ width: 41%; }
    .tel{ margin-top: 25px; }
    #nav ul li a{ height: 50px; line-height: 50px; font-size: 1.6rem;}
    #nav ul li.nav_line{ height: 50px;  }
}
/* CSS banner */
.banner{ text-align:center; overflow:hidden; margin:0px auto; }
.banner img{ width: 100%; }
.page_banner{ margin:0px auto; overflow:hidden; }
.page_banner img{ width: 100%; }
/* CSS Main */
#wrap{ width:100%;  position:relative;}
.wrap{ width:1200px; height:100%;  overflow:hidden;  }
#main{ width:100%;  margin:0px auto; position: absolute; top: -50px; z-index: 222; }
/* CSS Home */
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}
.video{width:467px; height:258px;}
.mess{  margin-top: 15px; overflow: hidden; }
.mess_a1{ width: 8%; }
.mess_a1 img{ width: 100%; }
.mess_ul{ width:88%;  }
.mess_ul li{ overflow: hidden; }
.i_InputText{ width:48%; margin-left:4%; outline: none; padding: 0px 12px; height: 30px; line-height: 30px; color: #A5A5A5; background: #EAE9E9;  }
.i_InputText:first-child{ margin-left: 0px; } 
.i_textarea{ width: 100%; height: 78px;  padding: 10px 12px;color: #A5A5A5; background: #EAE9E9; }
.iyanzheng{ width: 30%; outline: none; padding: 0px 10px; height: 30px; line-height: 30px; color: #fff; background: #EAE9E9;  }
.iimg{ margin-left: 1%; width: 14%; height:30px;}
.iBut{ width:50%; height: 30px; line-height: 30px; text-align: center; background:#1C9A10; color: #fff; cursor: pointer; margin-left: 5%; }
.iBut:hover{ background: #CF0008; color: #fff; transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.mess :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A5A5A5; opacity:1; 
    font-family:'Microsoft YaHei';
}
.mess ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A5A5A5;opacity:1;
    font-family:'Microsoft YaHei';
}
.mess input:-ms-input-placeholder{
    color: #A5A5A5;opacity:1;font-family:'Microsoft YaHei';
}
.mess input::-webkit-input-placeholder{
    color: #A5A5A5;opacity:1;font-family:'Microsoft YaHei';
}
.mess textarea:-ms-input-placeholder{
    color: #A5A5A5;opacity:1;font-family:'Microsoft YaHei';
}
.mess textarea::-webkit-input-placeholder{
    color: #A5A5A5;opacity:1;font-family:'Microsoft YaHei';
}
.chan33{ overflow: hidden; margin-top: 15px; }
.jmp1{ height: 32px; line-height: 32px; }
.jma2{ color: #612D1C; } 
.jm{ overflow: hidden;  margin-top: 10px;  }
.jm img{ width: 100%; }
.jmp2{ height: 25px; line-height: 25px; margin-top: 10px; font-weight: bold; font-size:1.5rem; color: #000; }
.jmp2 a:hover{ color: #22A014; }
.jm11{ height: 132px; overflow: hidden; line-height: 22px; margin-top: 5px;  text-indent: 2em; color: #58554F; }


.about{ width:340px; height:210px; margin-top:5px; }
.about_p1{ text-align: center; margin-top:20px; overflow:hidden;}
.about_p1 img{ max-width: 100%; }
.aboutl{ margin-top: 10px; }
.about_p2{ overflow: hidden; }
.about_p2 a{ width:32%; float: left; margin-left:2%; border: solid 3px #39AA2C; }
.about_p2 a img{ width:100%; }
.about_p2 a:first-child{ margin-left: 0px; }
.about_p2 a:hover{ border: solid 3px #fff; }
.about_p3{ overflow: hidden; margin-top: 10px; }
.about_p3 a{ width:32%; float: left; margin-left:2%; border: solid 3px #39AA2C; }
.about_p3 a img{ width:100%; }
.about_p3 a:first-child{ margin-left: 0px; }
.about_p3 a:hover{ border: solid 3px #fff; }
.aboutr{ margin-bottom: 20px; }

.more_01{ margin-top:6px; margin-right:2px;}
.about_a2{ width:162px; height:102px; margin-right:15px; }
.about_a2:hover{ filter:alpha(opacity=80);opacity:0.8;}
.about_a2 img{ max-width:162px; height:102px;}
.about_01{ overflow: hidden; max-height:88px; line-height:22px; color:#E7F2E7; text-indent: 2em; margin-top: 10px;}
.about_02{ overflow: hidden; max-height:88px; line-height:22px; color:#E7F2E7;  text-indent: 2em; }
.about_sp1{ width: 131px; height: 197px; background: url(../images/about1.png) no-repeat; position: absolute; bottom:-150px; left: 225px; }
.about_sp2{ width: 443px; height: 241px; background: url(../images/about2.png) no-repeat; position: absolute; bottom:-168px; left: 390px; }
.about_sp3{ width: 201px; height: 125px; background: url(../images/about3.png) no-repeat; position: absolute; bottom:-146px; right: 100px; }
.about_sp4{ width: 11px; height: 303px; background: url(../images/abg3.jpg) no-repeat; position: absolute; top:184px; right: 581px; }

.news{ margin-top:20px; overflow: hidden;}
.news_p1{ text-align: center; position: relative;}
.news_p1 span{ height: 1px; width:330px; background: #D3C4C0; position: absolute; top: 17px; }
.newssp1{ right: 810px; }
.newssp2{ left: 810px; }
.news_p2{ height: 30px; margin-top: 15px; position: relative;}
.news_p2 a{ width:300px; height: 30px; position: absolute; left: 50%; margin-left: -150px; background: url(../images/more_01.jpg) no-repeat; background-size:100%;  }
.news_p2 a:hover{ background: url(../images/more_011.jpg) no-repeat;  }
.news_ul{ overflow: hidden; margin-top: 10px; }
.news_ul li{  margin:10px auto 0px; }
.newsp1{overflow: hidden; text-align: center;}
.newsp1 a img{ width: 100%;  }
.newsp1 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
.newsp2{ height: 38px; line-height:38px; border-bottom: dashed 1px #22A014;}
.newsp2 a{ font-size: 1.5rem; color: #22a014; font-weight:bold;}
.newsp2 a:hover{ color: #C90000; }
.newsp3{ height:54px; overflow: hidden; color: #58554F; line-height: 22px; padding: 5px 0px; border-bottom: dashed 1px #22A014;}
.newsp3 a{color: #22a014;}
.newsp3 a:hover{ color: #C90000; }

#bg1{ margin-top: 15px; overflow: hidden;}
#bg1 img{ width: 100%; }

.chan3{ margin-top:20px; overflow: hidden; position: relative;}
.chan31{ overflow: hidden;}


.chan1{ overflow: hidden; }
.pro_p1 img{ max-width:80%; }


#chan2{ background:#23A013; margin-top: 10px;}
#chan2 .container{ position: relative; }
.chan21{ overflow: hidden; text-align: center;}
.chan21 img{ width: 100%; float: left; }
.chan23{ height: 54px; background: url(../images/abg2.jpg) no-repeat center; }
.chan22{ height: 525px; background: #22A014; }
.chan2{ width: 1200px; top: 0px; height: 760px; position:absolute; left: 50%; margin-left: -600px; z-index: 666;}


.pro_p1{ overflow: hidden; text-align: center; }
.pro_ul{ margin-top: 20px; overflow: hidden; }
.pro_ul li{  width: 31%; float: left; margin:0px 1%; }
.pro_a1{ width: 20%;  }
.pro_a1 img{ width: 100%; }
.pro_a2{  width:65%; margin-left: 10%; }
.pro_a2 img{ width: 100%; }
.pro_ul li.on .pro_a2{ animation: swing 1s; }
@media (min-width:768px) 
{
    .pro_p1 img{ max-width:55%; }
    .pro_ul li{ width: 21%; float: left; margin:0px 6.1%; }
    .pro_a1{ width: 15%; }
    .pro_a2{ width: 55%; }
    .news_ul li{ width:31%; margin:0px 1%; float: left;}
    .newsp3{ height:76px;  }
    .chan31{ width: 44%; float: left; }
    .mess_ul{ width: 85%; } 
    .chan32{ width:10px; position: absolute; top: 20px; left: 50%; margin-left: -5px; }
    .chan32 img{ width: 100%;  }
    .chan33{ width: 44%; float: right; margin-top: 0px;}
    .jmp2{ margin-top: 25px; }
    .jm11{ height: 154px; }
}
@media (min-width:992px) 
{
    .pro_ul{ margin-top: 25px; }
    .pro_ul li{ width:19%; margin:0px 7%; }
    .pro_p1 img{ max-width:45%; }
    .aboutl{ width: 45%; float: left; }
    .aboutr{ width: 45%; float: right; }
    #chan2{ margin-bottom: 180px;}
    #chan2 .container{ padding-bottom: 70px; }
    .aboutline{ width: 11px; height: 303px; background: url(../images/abg3.jpg) no-repeat; position: absolute; left: 50%; margin-left: -5px;}
    .news_p2{ height: 40px; margin-top: 25px; }
    .news_p2 a{ width: 391px; margin-left: -180px; height: 40px; }
    .mess_ul{ width: 89%; }
    .jm11{ margin-top: 10px; }
}
@media (min-width:1200px) 
{
    .pro_ul{ margin: 30px auto 0px; overflow: hidden; width: 80%;}
    .pro_ul li{ width:21%; float: left; margin:0px 6%; }
    .pro_a1{ width: 17%; }
    .pro_a2{ width: 60%; }
    .about_p1{ margin-top: 35px; }
    .aboutl{ margin-top:35px; }
    .aboutr{ margin-top:35px; }
    .about_01{ line-height: 26px; max-height:156px;}
    .about_02{ line-height: 26px; max-height:156px;}
    .aboutline{ top:120px; }
    #chan2{ margin-bottom: 155px; }
    .news_ul{ margin-top: 35px; }
    .news_ul li{ width:25%; margin:0px 4%;}
    .newsp2{ height: 42px; line-height: 42px; }
    .newsp2 a{ font-size: 1.8rem; }
    #bg1{ margin-top: 45px; } 
    .chan3{ margin-top: 50px; }
    .chan31{ width: 39%; margin-left:4%; }
    .mess{ margin-top: 20px; }
    .mess_a1{ width: 7%; }
    .mess_ul{ width: 90%; }
    .i_textarea{ height: 108px; }
    .chan33{ width: 39%; margin-right:4%; }
    .jmp2{ font-size: 1.8rem; margin-top: 15px; }
    .jm11{ line-height: 27px; height:162px;  }
    .chan32{ width: 13px; height: 430px; margin-left: -6px; }
    .chan32 img{ max-height: 100%; }
}

#products{ margin-top:10px;}
#products .container{ background: #fff; overflow: hidden; padding: 15px; }
.products a{ float: left; width: 100%; height: 100%; padding-bottom: 10px; text-align: center; border: solid 1px #E8E8E8;}
.products_p1{ overflow: hidden; }
.products_p1 img{ max-width: 100%; height: auto; transition: all 0.2s;}
.products_p2{ height:25px; line-height: 25px; overflow: hidden;}
.products_p3{ height: 23px; overflow: hidden; position: relative; }
.products_p3 span{ width: 74px; height: 23px; line-height: 22px; color: #fff; background: #35B926; position: absolute; left: 50%; margin-left: -37px;}
.products a:hover{ border: solid 1px #35B926;}
.products a:hover .products_p2{ color: #35B926; }
.products a:hover .products_p1 img{ transform:scale(1.05);}
@media (min-width:992px) 
{
    .products a{ padding-top: 5px; padding-bottom: 15px; }
    .products_p2{ height: 28px; line-height: 28px; }
    .products_p3{ margin-top: 5px; }
}
@media (min-width:1200px) 
{
    #products{ margin-top:20px;}
    .products_p3{ height: 25px; }
    .products_p3 span{ width: 80px; height: 25px; line-height: 25px; margin-left: -40px; }
}

.contact_us{ width:237px; height:174px;  margin-top:20px;}
.contact_p1{ height:30px;}
.contact_p1 a{ }
.contact_p2{ height:48px; line-height:23px; margin-top:50px; color:#333; padding-left:18px;}

#hz{ height: 120px; background: #EAE9E9; }
.hz{ width: 1200px; height: 120px; }
.hza1{ margin-top: 40px; margin-left: 5px; }
 
 

/* CSS Footer */
#footer{ width: 100%; color:#fff; background:#1B760F; margin-bottom: 65px; overflow:hidden; margin-top: 20px;}
#footer a{ color:#fff;}
#footer a:hover{ text-decoration:underline;}
.footer_01{ padding: 15px 0px; }
.footer_p1{ line-height:28px; color: #3D8A34; overflow: hidden;}
.footer_p1 a{ width: 25%; background: url(../images/fline1.jpg) no-repeat right center; float: left; text-align: center;}
.f1{ height: 32px; line-height: 32px; background: #268F1A; margin-top:10px; overflow: hidden; padding: 0px 10px;}
.f11{ background: url(../images/ga.PNG) no-repeat left center; padding-left:22px;}
.f12{  margin-left: 10px; }
.f2{ margin-top: 10px; overflow: hidden;}
.weixin{ margin-left:0px;}
.f2p1{ line-height:2; }
.f2p2{ width: 100px;  text-align: right;}
@media (min-width:768px) 
{
    .footer_p1 a{ width:auto; padding:0px 20px; }
    .footer_p1 a:first-child{ padding-left: 0px; }
    .weixin{ float: left; width:13%;}
    .weixin img{ width: 100%;  }
    .f2p1{ width:85%; float: right; }
    #footer{ margin-bottom: 0px; }
}
@media (min-width:992px) 
{
    .logo1{ width:22%; float: left; }
    .logo1 img{ width: 100%; }
    .footer_01{ width: 75%; float: right; }
}
@media (min-width:1200px) 
{
    .logo1{ width: 24%; }
    .footer_01{ width: 70%; }
    .footer_p1{ margin-top: 25px; }
    .f1{ margin-top:20px; }
    .f12{ margin-left: 20px; }
    .f2{ margin-top: 25px; }
    #footer{ margin-top: 40px; }
}
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#1B760F; }
.footernav a{ color: #fff; }
.footernav ul li{width: 20%; float: left; text-align: center; }
.footernp1{ font-size:2rem;}
.footernp2{ line-height:1.5;}
.footernav ul li.on .footernp1{ animation: swing 1s; }
/*CSS Left_side*/
.left_side{ width:22%;  float:left; display:inline; background: #fff; padding-bottom: 25px;}
.left_sidep1{ overflow: hidden; }
.left_sidep1 img{ width: 100%; }
.left_sidep2{ margin-top: 30px; overflow: hidden; text-align: center; }
.left_sidep2 img{ width: 80%; }
.left_sidecon{}

.left_sideul{ width:80%; margin: 5px auto 0px; overflow: hidden;}
.left_sideul li{ height:37px; overflow:hidden;_float:left; margin-top:20px; }
.left_sideul li.sline{ width:254px; height:2px; background:url(../images/page_line.png) repeat-x; overflow:hidden; margin:0px auto;}
.left_sideul li a{ width: 100%; height:35px; line-height:35px; font-size:1.5rem; border: solid 1px #DBDBDB; float:left; text-align:center;  }
.left_sideul li a:hover{ background-color:#22A014; color:#fff;}
.left_sideul li.selectli a{ background-color:#22A014; color:#fff;}

.pcontact_us{ width:206px; height:250px;  margin-top:40px;}
.pcontact_p1{ height:138px;}
.pcontact_usa1{ float:left; margin-top:12px; margin-left:1px;}
.pcontact_us_01{ width:265px; height:105px; line-height:22px; margin-top:5px; color:#696868;}
/*CSS Right_side*/
.right_side{  height:100%; overflow:hidden;   }
.right_title{ min-height:40px; overflow:hidden; line-height: 40px; border-bottom: solid 1px #E4E3E2; background: #fff;  }
.right_title_left{ float:left;  font-size:1.6rem; font-weight:bold; padding-left:25px; color:#000; margin-left:15px; background: url(../images/page_icon.jpg) no-repeat center left;}
.right_title_right{ float:right; margin-right:10px; display:inline;}
.right_title_right a:hover{ text-decoration:underline; color: #22A014;}
.right_title_right_sp1{ width:14px; height:13px; background:url(../images/page_icon.png) no-repeat; float:left; margin-top:14px; margin-right:5px;}
.right_title_right_sp2{ float:left;}
.right_content{ min-height:471px; _height:471px;padding:25px 0px 10px 0px; }
@media (min-width:992px) 
{
    .right_side{ width: 76%; float: right; }
}
@media (min-width:1200px) 
{
    .left_sideul li{ height: 42px; }
    .left_sideul li a{ height: 40px; line-height:40px; font-size: 1.6rem; }
    .right_title{ height: 50px; line-height: 50px; }
    .right_title_right_sp1{ margin-top: 18px; }
    #main{ top: -60px; }
}
/* CSS News */
#indexNews{ padding:5px; }
#indexNews li{ height:30px; line-height:30px; border-bottom:#D9D9D9 1px dotted; padding:5px 10px 5px 10px; }
#indexNews li a{ padding-left:15px; float:left;}
#indexNews li span{ float:right;}
#indexNews li a:hover{color:#22A014; }
#indexNews li i{ float: left; margin-top: 8px; }

#indexNews1{  }
#indexNews1 li{ border-bottom:#dedede 1px dotted; padding:5px 0px 10px 0px; margin-top: 10px;  height: 100%; overflow: hidden; transition: all 0.3s;}
.indexNews1p1{ height: 30px; line-height: 30px; font-size: 1.5rem; font-weight: bold; overflow: hidden;}
.indexNews1p2{ height: 25px; line-height: 25px; color: #999; overflow: hidden;}
.indexNews1p2 span i{ margin-right: 5px; }
.indexNews1p3{  line-height: 20px; height:40px; overflow:hidden; color: #666;  }
#indexNews1 li a:hover .indexNews1p1{ color:#22A014;}
.indexNews1p4{ margin-top: 10px; color: #22A014;}

/*Related*/
.related{ padding:10px; float: left; }
.related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:30px; line-height:30px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#22A014;}
/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #22A014; }
/* CSS Pic */
#picUL li{ margin:10px 0px; overflow: hidden;}
#picUL li a{ width: 100%; height: 100%; float: left; background:#fff; text-align: center; }
#picUL li a .pic_01{ width: 100%; height: 100%; overflow: hidden; }
#picUL li a .pic_01 img{ max-width: 90%; vertical-align: middle;  transition: all 0.3s; }
#picUL li a .pic_02{ height:30px; line-height: 30px; overflow: hidden; margin:5px;}
#picUL li a:hover .pic_02{ background:#22A014; color: #fff;  }
#picUL li a:hover .pic_01 img{ transform:scale(1.05); }

#proUL{ }
#proUL li{height:189px;width:210px;float:left;margin:5px 5px;text-align:center; display:inline;}
#proUL li .pic_01{width:208px;height:157px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
#proUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
#proUL li .pic_01:hover{ border:1px solid #22A014; cursor:pointer;}
#proUL li .pic_01 img{height:155px;max-width:206px; _width:206px; vertical-align:middle; padding:1px;}
#proUL li .pic_02{width:208px;text-align: center;line-height:30px;}
#proUL li .pic_02 a{color:#585858;}
#proUL li .pic_02 a:hover{color:#22A014; }


/* CSS Info */

#newTitle{ line-height:40px; font-size:2rem; text-align:center;}
#newsInfo{ height:30px; line-height:30px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:90%;  }
#newsContent{ margin:0 auto;line-height:30px; padding:10px;}
#newsContent img{max-width:100%;}
#newsContent div{ text-indent:2em;}
.contactus{  height:auto;  line-height:30px; text-align:left;}
#company_main{ margin:0 auto; line-height:30px; padding:10px; text-indent:2em;}
#company_main img{ max-width:100%;}
#company_main .contactus{ text-indent:0em;}
#company_main a{ text-decoration:underline; }
#newsContent div.alink{ padding:5px; margin:0 auto; text-indent:0em;}
@media (min-width:1200px) 
{
    #picUL li a .pic_02{ height: 40px; line-height: 40px; }
    #newTitle{ font-size: 2.5rem; }
    .indexNews1p1{ font-size: 1.6rem; height: 35px; line-height: 35px; }
    .relatedt{ font-size: 1.6rem; }
}

.procs{ background: #fff; margin-bottom: 20px; overflow: hidden; padding: 10px;}
.procst{ overflow: hidden; }
.procstl{ overflow: hidden;}
.procstl_img{ float: left; width: 20%;}
.procstl_img img{ max-width: 100%; }
.procstl_txt{ float:right; width:77%;  }
.procstl_txtp1{ font-size: 1.6rem; font-weight: bold; margin-top: 8px; }
.procstl_txtp2{ color: #616161; font-size: 1.3rem; margin-top: 4px;}
.procstr{ overflow: hidden; margin-top: 8px;}
.procstr a{ float: left; padding: 6px 10px; background: #35A525; color: #fff; margin-right: 5px;}
.procstr a:hover{ background: #C90000; }
.procsc{ overflow: hidden; margin-top: 10px; }
.procsc a{ width: 46%; float: left; text-align: center; margin:5px 2%; border: solid 1px #DCDCDC; padding: 8px;}
.procsc_img{ overflow: hidden; }
.procsc_img img{ width: 100%; transition: all 0.2s;}
.procsc_txt{ height: 28px; line-height: 28px; overflow: hidden; }
.procsc_m{ height: 22px; position: relative; margin-top: 5px;}
.procsc_m span{ width: 70px; height: 22px; line-height: 22px; transition: all 0.2s; position: absolute; left: 50%; margin-left: -35px; background: #35A525; border-radius: 20px; color: #fff; }
.procsc a:hover{ border: solid 1px #35A525; }
.procsc a:hover .procsc_img img{ transform:scale(1.05); }
.procsc a:hover .procsc_m span{ width:90px; margin-left: -45px;  }
.procls{ overflow: hidden; padding: 12px; background: #fff; border-radius: 10px;}
.procls a{ margin: 0px 10px; font-size: 1.3rem;}
.procls a:hover{ color: #35A525; }
.procls a.selectli{ color: #35A525; }
@media (min-width:768px) 
{
    .procstl{ width: 40%; float: left;}
    .procstl_txtp1{ margin-top: 5px; }
    .procstr{ margin-top:8px; float: right; width: 55%;}
    .procstr a{ padding: 8px 13px; }
    .procsc a{ width:31%; margin:5px 1%; }
}
@media (min-width:992px) 
{
    .procsc a{ width:23%; margin:5px 1%; }
}
@media (min-width:1200px) 
{
    .procs{ margin-bottom: 35px; padding: 30px 25px; }
    .procstl{ width: 30%; }
    .procstl_txt{ width: 76%; }
    .procstl_txtp1{ font-size: 2.5rem; margin-top: 0px; }
    .procstr{ width: 70%; }
    .procstr a{ font-size: 1.6rem; padding: 10px 35px; margin-right: 10px;}
    .procsc{ margin-top: 20px; }
    .procsc a{ width:15.6%; margin:5px 0.5%; padding: 15px 10px; }
    .procls{ padding: 15px; }
    .procls a{ font-size: 1.5rem;  margin: 0px 20px;}
}

/*css digg style pagination*/
div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:3px 10px; background: #fff; margin:3px; color:#666; display: inline-block;}
div.digg a:hover{border:#32A524 1px solid;color:#fff; background: #32A524;}
div.digg a:active{border:#32A524 1px solid;color:#fff; background: #32A524;}
div.digg span.current{border:solid 1px #32A524;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#32A524; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}
/*******************************message css start***************************************/
.message_ul{
	margin:0px auto;
    overflow: hidden;
}
.message_ul li{
	float:left;
	width:100%;
    margin: 5px 0px;
}
.message_ul li label{ width:20%; float:left; text-align:right; line-height: 30px;}
.message_ul li b{ margin-top: 5px; float: left; }
.G_textarea{
	width:80%;
	height:100px;
	border:1px solid #dedede;padding:3px;
    float: left;
}
.G_InputText{
	width:80%;
	height:30px;
	line-height:28px;
	border:1px solid #dedede;
	padding:3px 10px;
	float:right;
	border-radius: 2px;
}
.yanzheng{
	width:100px;
	height:30px;line-height:28px;
	border:1px solid #dedede;
	padding:3px;
}
.But{
	width:150px;
	height:31px;
	line-height:31px;
	background:#22A014;
	border-radius:2px;
	text-align:center;
	margin-top:14px;
	margin-left:5px;
	color:#FFF;
	cursor:pointer;
    transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;
}
.But:hover{
    background:#CF0008;
}
.G_tips{
    width: 90%;
	line-height:2;
	margin:30px auto;
	border:1px solid #dedede;
	padding:3px 7px 7px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
.G_tips dd, .G_tips dt{ line-height:2; }
.red{
	color:#ff0000;
}
.cpmcys{ height:28px; border:solid 1px #DEDEDE;}
@media (min-width:768px) 
{
    .message_ul{ width: 70%; }
    .But{ margin-left: 30px; }
}
@media (min-width:992px) 
{
    .message_ul{ width:70%; margin-left: 0px; }
}
@media (min-width:1200px) 
{
    .message_ul li label{ line-height: 40px; }
    .G_textarea{ height: 120px; }
    .G_InputText{ line-height: 40px; height: 40px;}
    .yanzheng{ line-height: 40px; height: 40px; width: 160px;}
    .But{ height: 45px; line-height: 45px; width: 220px; }
}

/*******************************message css end***************************************/

/******************************job css start***************************************/
.job_ul{ padding:10px;}
.job_ul li{
	width:100%;
	border-bottom:dashed 1px #cfcfcf;
	float:left;
	padding:10px 0px;
	line-height:30px;
}
.job_ul li .recruit_info{
	float:left;
}
.job_ul li .recruit_info .job_nam{
	color:#000;
	font-weight:bold;
}
.job_ul li .but{
	width:80px;
	height:31px;
	line-height:31px;
	background: #22A014;
	border-radius:2px;   
	float:right;
	margin-top:10px;
	margin-right:22px;
	text-align:center;
}
.job_ul li .but a{
	text-decoration:none;
	color:#FFF;
	display:block;
}

.recruit_info_tit_bg{
	height:41px;
	background:#f8f8f8;
	border-radius:2px;
	margin:0px auto;
	padding:5px 10px;
}
	
.recruit_info_tit_bg .recruit_info_tit{
	width:80px;
	height:31px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background:#22A014;
	color:#ffffff;
	line-height:31px;
    text-align: center;
}
.recruit_info_main{
	margin:0px auto;
	margin-top:10px;
	margin-bottom:60px;
	padding:5px 20px;
}

.recruit_info_main p {
	text-align: justify;
	letter-spacing: 1px;
	line-height: 30px;
	color: #444444;
}

/*sitemap*/

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}
.f{ float:right; margin-right:10px; _margin-top:7px;}
.map{ float:right;margin-top: 20px;}
.map a{color:black;}
.pages{ padding:5px 15px; margin:10px 0px;}
.pages li{ float:left; line-height:30px;}
.pagesli1{ width:40%;}
.pagesli2{ width:40%;}
.pagesli3{ width:20%;}
/*页面加载css*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #0a9fd8;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee {
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee {
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}