@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; font-family:"微软雅黑";}

li{ list-style:none;}

a{ text-decoration:none;}



.header{position:fixed; top:0; z-index:20; width:100%;}

.header_cont{ width:1200px; margin:0 auto; }

.hidehea{ position:fixed; top:0; z-index:10; background:#fff; height:144px; width:100%;opacity: .8;}

.pagef1 { width: 1200px; margin: 0 auto; margin-bottom: 20px; text-align: center;line-height: 60px;color: #666;font-size: 14px;font-weight: bold;border-top: 1px solid #009944;}

.pagef1 a {color: #fff; padding: 0 12px;height: 35px; background: #009944; display: inline-block;line-height: 35px; border-radius: 8px; margin:0 5px;}

.pagef1 .pagination a.cur{     border: none;
    background: #009944;
    color: #fff;}


.pagef1 .pagination a:hover {
    color: #009944;
    background: white;
    border: 1px #009944 solid;
}

.showpage{ margin-top:20px;}





.top{ height:55px; border-bottom:1px solid #d6d6d6;}

.top p{ font-size:12px; color:#999; float:left; line-height:55px;}

.top span{ font-size:18px; color:#c90003; background:url(../img/dh.png) no-repeat 9px 10px; padding-top:10px;display:block; float:right; padding-left:35px;}

.nav{ height:88px;}

.logo{ margin-right:85px; float:left;}

.logo img{ float:left; margin-top:12px;}

.logo p{ font-size:18px; color:#333; float:left; line-height:90px;}

.logo p span{ height:30px; display:block; float:left;}

.nav ul{ float:right;}

.nav li{ margin-left:18px; float:left;}

.nav li a{ font-size:15px; color:#2a333c; padding:0 10px; height:88px; display:block; margin:0 auto; line-height:90px;}

.nav li a.active{ background:#009944; color:#fff;}

.nav li a:hover{ background:#009944; color:#fff;}



.banner{ width:100%; height:516px; overflow:hidden;}

.pic{ position:relative;}

.pic ul{}

.pic li{}

.pic li img{ position:absolute; left:50%; margin-left:-960px; width:1920px;height:516px;}

.fuwu{ float:left; margin-bottom:60px;}





#sear_f1{   position: absolute; top: 800px;}

.sear{ width:100%; background:#f7f8fc; height:55px; position:absolute; top:516px; }

.search{ width:1200px; margin:0 auto; height:55px;}

.search p{ color:#343434; font-size:14px; line-height:55px; float:left;}
.search p span {
    float: left;
    margin-top: 0;
}
.search p a{
    float: left;
    font-size: 14px;
    color: #333;
    margin-right: 10px;
}
.search p a:hover {
    color: #009944;
}

.search span{ float:right; margin-top:12px;}

.search>span>form>input{ width:215px; height:26px; border:none; display:inline-block; border:1px solid #ccc; padding-left:10px; color:#a9a9a9; font-size:14px;}

.search span a{ margin-left:-5px;}

input.btn1{width:215px; height:26px; border:none; display:inline-block; border:1px solid #ccc; padding-left:10px; color:#a9a9a9; font-size:14px;}

input.btn2{ font-size:14px; color:#fff; background:#1ccf27; padding:0 6px; height:29px; display:block;display:inline-block; line-height:30px; margin:0 auto; cursor:pointer; border:none;}



.our_serve{ width:1200px; margin:0 auto; margin-top:55px; height:430px; margin-bottom:30px;}

.title{ margin-bottom:35px;}

.title h2{ font-size:28px; color:#242e38; text-align:center;}

.title span{ display:block; margin:20px 0 15px;}

.title span a{ height:4px;  background:url(../img/span_bg.jpg) no-repeat center;display:block; margin:0 auto;}

.title p{ font-size:16px; color:#898989; text-align:center;}

.serve_list{ width:100%;}

.serve_list ul{ width:105%;}

.serve_list li{ width:365px; height:113px; margin-right:30px; float:left; border:1px solid #d8d9d9; margin-bottom:30px; background:url(../img/a1.jpg) no-repeat center;}

.serve_list li:hover{ background:url(../img/a2.jpg) no-repeat center;}

.serve_list li img{ float:left;}

.serve_list li h3{ font-size:14px; color:#000; font-weight:bold; margin:20px 0 5px; padding-left:105px;}

.serve_list li p{font-size:14px; color:#000; padding-right:25px;padding-left:105px;}



.about{ margin-top:28px; width:1200px; margin:0 auto; height:511px;}

.about_cont{}

.about_left{ width:960px; margin-left:-30%; height:511px; float:left; position:relative;}

.about_left img{ height:511px;}

.about_left span{ width:274px; height:52px; font-size:24px; color:#fff; background:#0a9b22; display:block; position:absolute; right:0; top:35px; line-height:52px; text-align:center;}

.about_right{ margin-left:55px; margin-top:35px; width:525px; float:left;}

.about_right h3{ font-size:24px;}

.about_right h3 a{ color:#0a9b22;}

.about_right span{ width:48px; background:#0a9b22; display:block; height:3px; margin:10px 0;}

.about_right p{ text-indent:2em; font-size:14px; line-height:28px;}



.product{ width:1200px; margin:0 auto; margin-top:55px; height:550px; margin-bottom:55px; overflow:hidden;}

.product_list{ float:left; overflow:hidden; width:1158px;}

.product_list ul{}

.product_list li{ width:80px; float:left; height:420px; position:relative; overflow:hidden;}

.product_list>ul>li>a{ font-size:24px; width:26px; margin:0 auto; display:block; color:#fff; margin-top:92px; position:absolute; left:26px;}

.pro_hover{ position:absolute; left:80px; top:0;}

@-webkit-keyframes myfirst /* Safari and Chrome */

{

0%   {left:598px; top:0px;}

50%  {left:0px; top:0px;}

75%  {left:0px; top:0px;}

100%  {left:0px; top:0px;}

}

.product_list li:hover{}

.show{-webkit-animation:myfirst 2s;}



.product_list li img{ display:none;}

.product_list li.active{ width:598px;}

.product_list li.active img{ width:598px; display:block;}



.product_list li.lishow{ width:595px;}

.product_list img{ width:518px; float:left; height:448px;}

#li1{ background:#0a9b22;}

#li2{ background:#20bb39;}

#li3{ background:#34d14e;}

#li4{ background:#4eeb68;}

#li5{ background:#5dff78;}

#li6{ background:#34d14e;}

#li7{ background:#20bb39;}

#li8{ background:#0a9b22;}



.case{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:55px;}

.case_list{ width:100%; margin-bottom:35px; text-align: center; float: left;}

.case_list ul{}

.case_list li{ display: inline-block; padding:0 24px;}

.case_list li a{ font-size:16px; color:#898989;}

.case_list li a:hover{ color:#6bb775;}

.case_list li a.active{ color:#6bb775;}

.case_cont{}

.case_cont ul{ width:105%;}

.case_cont li{ width:370px; height:285px; float:left; margin:0 30px 30px 0; position:relative;}

.case_cont li img{ width:370px; height:285px;}

.p1{ position:absolute; bottom:0; text-align:center; height:50px; background:#999; line-height:50px; width:100%; color:#fff; font-size:20px;opacity: .8;}





/*.case_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 9; display: flex;  align-items: center; transition: background-size .5s; background-size: 120%; background-position: center; background:url(../img/aaa.jpg) no-repeat; display:none;opacity:.6;}

.case_cont li:hover .case_hover{ display:block;}

.case_cont li:hover p{ display:none;}*/

.case_cont li .case_hover1{  background-image:url(../img/ipro_hover.png); background-size:120%;}

.case_cont li:hover .case_hover1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 9;display: flex; align-items: center;transition: background-size .5s; background-size: 100%;background-position: center; }

.case_cont li:hover .case_hover{ display:block;}

.case_cont li:hover p{ display:none;}

.case_hover{ display:none;position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index:9;}

.case_hover span{ color:#fff; text-align:center; margin-top:100px; display:block; font-size:22px;}

.case_hover i{ color:#fff; font-size:14px; width:260px; text-align:center;  display:block; font-style:normal; margin:0 auto; padding-top:20px;}





.our_team{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:55px;}

.team_list{}

.team_list ul{}

.team_list li{ width:270px; margin-right:30px; float:left; position:relative; height:326px;}

.team_list li img{width:270px;height:326px;}



.pj{ width:100%; background:url(../img/banner_bot.jpg) no-repeat center; height:550px;}

.pj_f1{ width:1200px; margin:0 auto;}

.pj_f1 h3{ font-size:22px; color:#f3e0c5; padding-top:55px;}

.span1{ width:50px;border-bottom:2px solid #0a9b22; display:inline-block; margin-left:6px;}

.pj_f1 p{ font-size:18px; color:#fff; line-height:38px;}

.pj_list{ width:100%; overflow:hidden; height:313px; position:relative;}

.pj_list ul{ position:absolute; left:0;}

.pj_list li{ float:left; width:1200px;}

.pj_list li p img{ margin:10px 0 0 20px; float:left;}





.pj_list li p span{ float:right; color:#fff; font-size:18px; margin-right:55px; margin-top:80px;}

.pj strong{ font-weight:normal; display:block; height:30px;}

.pj strong a{ width:27px; height:27px; border-radius:50%; background:#7fa409; display:block; float:right; margin-left:10px; cursor:pointer;}

.pj strong i{ color:#fff; font-size:18px; text-align:center; line-height:27px; display:block;}



.a_logo{ width:1200px; margin:0 auto; margin-top:55px;}

.a_logof1{}

.a_logof1 li{ width:20%; float:left; border:1px solid #e1e1e1;    box-sizing: border-box;}

.a_logof1 li img{ display:block; margin:0 auto; width:185px; height:119px;}



.news{ width:1200px; margin:0 auto; margin-top:80px; overflow:hidden;}

.news_list{ margin-left:36%;}

.news_cont{}

.news_cont ul{}

.news_cont li{ width:370px; margin-right:30px; float:left;}

.news_hover img{    width: 369px;

    height: 194px;}

.news_hover span{}

.news_hover h3{ height:50px; line-height:50px; text-align:center; font-size:16px; color:#1d1d1d; width:100%; background:#bfbfbf;}

.news_hover h3:hover{ background:#0a9b22; color:#fff;}

.news_cont li p{ font-size:14px; color:#838383; line-height:24px; text-indent:2em; margin-top:5px;}



.contact{ margin-top:65px; width:100%; background:url(../img/lx.jpg) no-repeat center; height:215px; overflow:hidden;}

.contact_f1{ width:1200px; margin:0 auto;}

.contact_f1 h3{  margin-left:475px;font-size:30px; font-weight:bold; margin-top:35px;}

.contact_f1 p{ margin-left:475px; font-size:20px; line-height:40px;}

.contact_f1 strong{ margin-left:475px; font-size:32px; margin-top:10px; display:block;}

.contact_f1 strong a{ padding:0 28px; height:35px; display:inline-block; background:#252525; color:#fff; font-size:14px; line-height:35px; float:right; border-radius:6px; margin-right:70px; margin-top:5px;}



.footer{ width:100%; background:#282828;}

.foot{ width:1200px; margin:0 auto; padding-top:45px;}

.foot_news{ float:left; width:400px; padding-bottom:60px;}

.foot_news h3{ font-size:18px; color:#fff;}

.foot_news span{ margin:12px 0;}

.foot_news ul{}

.foot_news li{}

.foot_news li a{ font-size:14px; color:#fff; line-height:30px;}

.foot_news li a:hover{ color:#0a9b22;}



.foot_contact{}

.foot_contact p{ font-size:14px; color:#fff; line-height:36px;}

.foot_contact p i{ font-size:18px; margin-right:10px; color:#0d9023;}



.a_lx{ float:left; width:400px; position:relative;}

.a_lx span{font-size:14px; color:#fff; display:block; margin-top:25%;}

.a_lx li{ width:48px; height:48px; border-radius:50%; background:#8a8a8a; float:left; margin-left:10px;    border: 1px solid #fff;}

.a_lx ul{ margin-top: 7px; float: left;}

.a_lx li:hover{ background:#fff;}

.a_lx li:hover i{ color:#0d9023;}

.a_lx li.active{ background:#fff;}

.a_lx li.active i{color:#0d9023;}



.a_lx li a{}

.a_lx li a i{ font-size: 28px; text-align: center; display: block; margin-top: 10px; color: #666;}

.a_lx li a img{display: block; margin: 0 auto;margin-top: 11px;}

.a_lx>img{ position:absolute; top:0; right:7px; width:190px;}

.foot_bottom{ width:100%; background:#222222; height:80px;}

.foot_bottom p{ font-size:14px; color:#fff; text-align:center; line-height:28px; padding-top:10px;}

.foot_bottom p a{ font-size:14px; color:#fff;}

.foot_bottom span{ font-size:14px; color:#fff; text-align:center; line-height:28px; display:block; background: #282828;}



/*-----------------index.html----------------*/



.content{ width:1200px; margin:0 auto;}

.cont_tit{ margin-bottom:40px;}

.cont_tit h3{ font-size:28px; color:#4d4d4d; text-align:center; font-weight:normal; margin-bottom:20px; margin-top:80px;}

.cont_tit ul{ width:1100px; margin:0 auto; height:45px;}

.cont_tit li{ float:left; margin-right:12px;}

.cont_tit li a:hover{ background:#009944; color:#fff;}

.cont_tit li a.active{ background:#009944; color:#fff;}

.cont_tit li a{ font-size:14px; color:#7a797a;width:125px; height:45px; background:#f2f8fc; display:block; line-height:45px; text-align:center;}



.pro_f1{ margin-bottom:35px; float:left;}

.pro_f1 ul{ width:105%;}

.pro_f1 li{ width:375px; height:250px; float:left; margin-right:25px; position:relative; margin-bottom:25px; overflow:hidden;}

.pro_f1 li img{width:375px; height:250px;}

.pro_f1 li p{ font-size:14px; height:40px; line-height:40px;}



/*-----------list_product--------------------*/



.show_pro{ margin-top:60px; margin-bottom:30px;}

.show_pro h3{ font-size:24px; color:#4d4d4d; text-align:center;}

.show_pro img{ display:block;  margin:0 auto; margin-bottom:30px; margin-top:20px;}

.show_pro p{ text-indent:2em; font-size:16px; color:#6c6a6a; line-height:32px;}

.show_pro p a{ color:#6c6a6a;}



/*------------show_product-----------*/



.news_ul ul{ width:420px;}

.news_f1_left{ width:900px; float:left;}

.news_f1_left ul{}

.news_f1_left li{ float:left; margin-bottom:60px; width:900px;}

.news_f1_left li img{ float:left; width:168px; height:168px;}

.show_art{ margin-left:20px; float:left; width:75%;}

.show_art a{ font-size:24px; color:#2a323b; margin-bottom:27px; display:block;}

.show_art a:hover{ color:#009944;}

.show_art p{ text-indent:2em; color:#8a95a0; font-size:14px; margin-right:70px;}

.show_art span{color:#8a95a0; font-size:14px; display:block; margin-top:20px;}



.news_f1_rig{ width:300px; float:left; margin-bottom:60px;}

.news_f1_rig input{ outline: 0; width:235px; height:34px; border:1px solid #eee; border-radius:16px; padding-left:10px; color:#999;}

.news_f1_rig span{    display: block;

    position: relative;}

.news_f1_rig span a{    padding-right: 10px;

    display: block;

    position: absolute;

    right: 60px;

    top: 7px;}

.news_f1_rig span a i{ color:#999;}

.art_hot{}

.art_hot h3{ margin-top:40px; color:#333; font-weight:normal; margin-bottom:14px;}

.art_hot li{}

.art_hot li a{ padding:15px 20px; border:1px solid #eee; display:block; color:#333; font-size:14px;}

.news_f1_rig>ul{ margin-top:30px;}

.news_f1_rig>ul>li>a{font-size:14px;color:#333; line-height:30px;}



/*--------------articlr---------------*/



.show_new{margin-top:60px; margin-bottom:30px;}

.show_new h3{ font-size:24px; color:#4d4d4d; text-align:center; font-weight:normal; margin-bottom:20px;}

.show_new p{text-indent:2em; font-size:14px; color:#6c6a6a; line-height:34px;}

.show_new p a{ color:#6c6a6a;}



/*-----------show_article-------------*/

.fw_tit ul{ width:275px;}

.page_tit ul{ width:550px;}

.page_cont{ margin-bottom:60px;}

.page_cont p{ font-size:14px; color:#000; text-indent:2em; line-height:34px;}





#job{ margin-bottom:60px;}

#job ul{}

#job li{ margin-bottom:55px;}

#job li a{ width:90px; height:35px; border:1px solid #0f9c43; display:block; color:#0f9c43; font-size:14px; text-align:center; line-height:35px; margin:25px 0 0 25px;}

.job_tit{ height:80px; width:100%; border-bottom:1px solid #e4eaec;}

.job_tit h3{ font-size:24px; color:#37474f;}

.job_tit span{ font-size:14px; color:#a4b0b8;}

.job_cont p{ font-size:14px; color:#000; margin-top:30px; padding-bottom:20px;}

.job_cont p em{ display:inline-block; font-size:14px; color:#000;  font-style:normal; padding-left:10px;}

.job_cont p span{ width:140px; display:inline-block; font-size:14px; color:#000; text-align:right;}

.job_cont p i{ width:140px; display:inline-block; font-size:14px; color:#000; text-align:right; font-style:normal;}

.job_cont{ border-bottom:1px solid #e4eaec;}

.case_tit ul{ width:572px;}

.case_cont a{    display: block;

    width: 370px;

    height: 285px;

    float: left;

    margin-right: 30px; margin-bottom:30px;}

.page_cont p.p1{line-height: 50px; color:#fff; font-size:20px;}








.flink {
    width: 100%;
    margin-top: 50px;
}
.flink .center{
    width: 1200px;
    margin: 0 auto;
}
.flink_list {
    width: 100%;
    height: 50px;
}
.flink_list li{
    float: left;
    margin-right: 15px;
}
.flink_list li a{
    font-size: 14px;
    color: #838383;
    line-height: 24px;
}
.flink_list li a:hover {
    color: #0a9b22;
}