@CHARSET "UTF-8";
*{padding:0px;margin:0px;}
body,html{font-size: 14px;font-family:Microsoft Yahei; color: #333333; line-height: 20px;}
img{border:0;}
li{list-style:none;}
a{text-decoration:none; color: #333333; cursor: pointer;font-size: 14px;}
.margin-r-none{margin-right:0 !important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.margin-auto{margin: 0 auto;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.text-overflow{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.text-center{text-align: center;}
.h2{font-size: 18px; color: #1f992c; font-weight: 700; display: inline-block;}
.img-block{display: block; max-width: 100%; height: auto;margin: 0 auto;}
.img-block1{display: block; max-width: 100%; height: 100%;margin: 0 auto;}
.border-none{border: none !important;}
.max-width{max-width: 1920px;min-width: 1200px; width: 100%;}
.h2{font-size: 18px; color: #ffffff}
/*头部*/
.header{width: 1200px;height: 66px;padding: 40px 0;}
.header .logo{width: 490px;height: 66px;}
.header .phone{width: 246px;height: 66px;text-align: right; line-height: 30px;color: #33B346;font-size: 15px;background: url(../images/phone.jpg) no-repeat}

/*nav*/

.nav-bg{background-color: #00923E;}
.nav{width: 1200px;}

.nav li{float: left;height: 60px;width: 200px;line-height: 60px;text-align: center;}
.nav li a{display: block;font-size: 18px; color: #ffffff;}

.nav li:hover{background-color: #33B346;}
.nav-active{background-color: #33B346 !important;}


/*banner*/
.banner{height: auto; position: relative;}
.banner img{display: block; max-width: 100%; min-height: 300px;margin: 0 auto;}
.banner .hd{ position: absolute;z-index: 10; bottom: 5%;left: 48%;}
.banner .hd li{width: 10px; height: 10px; border-radius: 10px; background-color: #ffffff; float: left; margin-right: 10px;}
.banner .hd .on{background-color: #00923E !important}
/*hot*/
.hot{border-bottom: 1px solid #ababab;}
.hot-search{width: 1200px;height: 60px;line-height: 60px;}
.hot-search span{font-size:20px; }
.hot-search a{font-size: 12px; color: #666666;margin-right: 5px;}
.horn{
    width: 39px;
    height: 36px;
    background: url("../images/laba.png") no-repeat 0 0;
    float: left;
    margin-top:12px;
    margin-right: 20px;
    -webkit-animation: horn 1s steps(3)  0.2s;
    -moz-animation:  horn 1s steps(3) 0.2s infinite;
    animation:  horn 1s steps(3) 0.2s infinite;
}

@keyframes horn {
    0%{  background-position: 0 0;}
    100%{  background-position: 0 -108px;}
}

/*index-header*/
.index-header{height: 28px;border-bottom: 1px solid #ababab;width: 1200px; padding-top: 30px;}
.index-header .header-left{font-size: 18px;color: #666666}
.index-header .header-left span{color: #33B346;margin-right: 10px; padding-left: 20px;font-weight: 700}
.index-header .header-right a{color: #666666;display: inline-block; margin-top: 5px;margin-right: 20px;}

/*part1*/
.part1{width: 1200px;}
.part1-content{padding-top: 20px;padding-right: 20px;}

.part1-content .part1-content-left{height: 260px;width: 500px; position: relative}
.part1-content .part1-content-left .hd{position: absolute;bottom: 10px; right: 5px;z-index: 10}
.part1-content .part1-content-left .hd li{width: 10px; height: 10px; border-radius: 10px; background-color: #ffffff;float: left; margin-right: 5px;}
.part1-content .part1-content-left .hd .on{background-color: #00923E !important;}

.part1-content .part1-content-right{width: 650px;height: 260px;}

.part1-content .part1-content-right li{border-bottom: 1px dotted #b1b1b1; height: 38px; line-height: 38px; background: url(../images/part1-img.jpg) no-repeat left center; padding-left: 22px;}

.part1-content .part1-content-right li a{display: inline-block;font-size: 16px; width: 400px;}

.part1-content .part1-content-right li span{color: #666666;}

.part1-content .part1-content-right .li1{height: 25px; line-height: 16px;background: url(../images/part1-img.jpg) no-repeat left 5px;}


/*part2*/
.part2{width: 1200px;}

.part2-content{padding-top: 20px; padding-bottom: 30px;}

.part2-content-content{width: 1120px;height: 200px;}

.part2-content-content li{float: left;width: 245px; height: 180px;margin-right: 20px; padding: 10px; background-color: #e2e2e2;}
.part2-content-content li .img{height: 150px;}
.part2-content-content li .text{height: 30px; line-height: 30px;text-align: center;}

/*part3*/
.part3{width: 1200px; height: 336px; background: url(../images/part3-img.jpg) no-repeat; position: relative}
.part3 .text{width: 674px; height: 412px; position: absolute;bottom: 0; right:0;}
.part3 .text h1{font-size: 36px; color: #23a6d1}
.part3 .text p{text-indent: 2em;font-size: 18px; margin: 40px 0;line-height: 30px;}

/*part4*/
.part4-bg{background-color: #fff9ed}
.part4{width: 1200px; height: 492px; background: url(../images/part4-img.jpg) no-repeat; position: relative}
.part4 .text{width: 760px; height: 422px; position: absolute;top: 70px; left:0;}
.part4 .text h1{font-size: 36px; color: #23a6d1}
.part4 .text p{text-indent: 2em;font-size: 18px; margin: 30px 0;line-height: 30px;}


/*part5*/

.part5{width: 1200px; height: 461px; background: url(../images/part5-img.jpg) no-repeat; position: relative}
.part5 .text{width: 665px; height: 340px; position: absolute;top: 120px; right:0;}
.part5 .text h1{font-size: 36px; color: #23a6d1}
.part5 .text p{text-indent: 2em;font-size: 18px; margin: 30px 0;line-height: 36px;}


/*part7*/
.part7{width: 1200px;  }
.part7 .news-center{
    width: 350px;
    float: left;
}

.part7 .title h3 {
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #33B346;
}
.part7 .title{
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
}
.part7 .title .more {
    float: right;
    font-size: 13px;
    color: #333;
    cursor: pointer;
}




.part7 .industry-news{
    width: 340px;
    float: left;
    margin-left: 76px;
}
.part7 .technology{
    width: 317px;
    float: right;
    height: 365px;
    background: url(../images/message-img.jpg) no-repeat;
    padding-top: 76px;
    padding-left: 30px;
}
.part7 .technology span{margin-right: 10px; font-size: 18px; color: #666666}
.part7 .technology div{margin-bottom: 36px;}
.part7 .technology textarea{width: 230px; height: 142px; border:1px solid #33B346;border-radius: 5px;}
.input1{height: 30px ; width: 230px; border:1px solid #33B346;border-radius: 5px;}
.part7 .technology a{display: inline-block;width: 120px; height: 40px; margin-top: 13px; margin-left: 121px;}

.news-more{font-size: 12px;}
.news-more:hover{color: #0097d6;}

.part7 .top{
    font-size: 12px;
    padding-top: 15px;
}
.part7 .news-center .top img{
    float: left;
}
.part7 .news-center .top p{
    float: left;
    width: 140px;
    margin-left: 23px;
    line-height: 20px;

}
.part7 .news-list li{
    background: url("../images/part1-img.jpg")no-repeat left center;
    padding-left: 15px;

  height: 32px; line-height: 32px;
    padding-top: 5px;
    font-size: 13px;
    padding-bottom: 0;
    border-bottom: 1px dashed lightgrey;
    float: left;
    width: 331px;
}
.part7 .news-list li a{display: inline-block; width: 230px;}

/*part8*/
.part8{width: 1200px;  }
.part8 h2{margin-bottom: 30px;}
.part8-content{padding: 20px 0 60px 30px;}
.part8-content .content-map{width: 600px; height: 260px;}
.part8-content .content-contact{width: 410px; height: 260px;}

.part8-content .content-contact p{line-height: 35px;color: #666666;}


/*flink*/
.flink{width: 1200px;}

.flink span{display: inline-block;width: 100px; height: 30px;background-color: #33B346; line-height: 30px;text-align: center;color: #ffffff;margin-right: 20px;}

.flink a{margin-right: 20px;}


/*footer*/
.footer-bg{background-color: #00923e;margin-top: 20px;}
.footer{height: auto;width: 1200px; padding: 20px 0;}
.footer .footer1{width: 100px;}
.footer .li1{font-size: 18px;color: #f2f2f2;}
.footer li{ margin-bottom: 6px;}
.footer li:last-child{margin-bottom: 0;}
.footer li a{color: #f2f2f2}
.footer .footer2{width: 144px;  padding-left: 30px;}
.footer .footer3{width: 746px; padding-left: 30px;}
.footer .footer3 p{margin-bottom: 18px;color: #f2f2f2}
.footer .footer4{width: 150px;}
.footer .footer4 img{width: 150px; height: 150px;}


.footer-bg1{background-color: #33b346;height: 40px; line-height: 40px; color: #f2f2f2;text-align: center}



/*common-header*/
.common-banner{border-bottom: 1px solid #ababab}
.common-banner1{width: 1200px;}
.common-banner1 img{display: block}
/*common-content*/
.common-content{width: 1200px; margin-top: 30px;}
.common-content .common-left{width: 280px;height: auto;}
.common-content .common-left .common-cate{width: 280px; height: 63px; line-height: 63px; background: url(../images/cate-left.jpg) no-repeat}
.common-content .common-left .common-list{width: 278px;border: 1px solid #ababab; border-top:0; margin-bottom: 30px;}
.common-content .common-left .common-list ul{padding: 0 10px;}
.common-content .common-left .common-list li{border-bottom: 1px dotted #ababab; padding-left: 60px;}
.common-content .common-left .common-list li a{display: block;height: 40px;line-height: 40px;font-size: 16px;color: #666666;}
.common-content .common-left .common-list li:last-child{ border-bottom: 0;}

.common-content .common-left .common-list li:hover{
    padding-left: 120px;
    background-color: #33B346;

    transition:  padding-left 1s;
    -moz-transition:  padding-left 1s;	/* Firefox 4 */
    -webkit-transition:  padding-left 1s;	/* Safari 和 Chrome */
    -o-transition:  padding-left 1s;
}
.common-content .common-left .common-list li:hover a{
    color: #ffffff;
}
.cate-active{
    padding-left: 120px !important;
    background-color: #33B346  !important;
}
.cate-active a{
    color: #ffffff !important;
}
.common-content .common-left .common-contact{
    width: 258px;border: 1px solid #ababab; border-top:0;
    padding-left: 20px; padding-top: 20px; padding-bottom: 20px;
}
.common-content .common-left .anli-go{
    width: 258px;border: 1px solid #ababab; border-top:0;

}
.common-content .common-left .anli-go{padding: 0 10px;}
.common-content .common-left .anli-list ul{}
.common-content .common-left .anli-list li{border-bottom: 1px dotted #ababab;}
.common-content .common-left .anli-list li .img{width: 100%; height: 150px;}
.common-content .common-left .anli-list li .text{width: 100%; height: 35px; line-height: 35px;text-align: center}
.common-content .common-left .anli-list li .img img{width: 100%; height: 150px;}

.common-content .common-left .common-contact p{ margin-top: 20px;}
.common-content .common-right{width:890px;height: auto; background-color: #fafafa;}

/*link*/
.common-link{height: 52px; line-height: 52px;border-bottom: 1px solid #ababab; color: #00923E; padding-left: 20px;}
.common-link a{ color: #00923E; }

/*page-content*/
.content-content{padding: 30px 20px;}
.content-content .page-content{}


/*newlist*/
.h3{font-size: 18px; color: #666666}
.news-list{}
.news-list li{border-bottom: 1px dotted #ababab; padding-bottom: 10px; padding-top: 20px; }
.news-list li:first-child{padding-top: 0;}
.news-list li .img{width: 200px; height: 150px;}
.news-list li .img img{width: 100%; height: 100%;}
.news-list li .text{width: 848px; height: 150px;}
.news-list li .text p{font-size: 16px; color: #999999; margin-top: 15px; line-height: 25px;}

.news-list li .text .text-bottom{color: #999999; margin-top: 22px;}
.news-list li .text .text-bottom a{display: inline-block;color: #00923E;}

/*page*/
.page{margin-top: 20px;}
.page a{display: inline-block;width: 60px; height: 40px; line-height: 40px; border: 1px solid #ababab;color: #666666}

.page span{display: inline-block;width: 140px; height: 40px; line-height: 40px;color: #666666}


/*news-detail*/
.news-detail{border-bottom: 1px solid #ababab; padding-bottom: 60px; }
.h4{font-size: 20px;}


/*page-prev*/
.next-page{padding-top: 20px;}
.next-page .prev{margin-bottom: 10px;}



/*product-list*/
.product-list{}
.product-list li{margin-bottom: 10px; height: 226px; margin-right: 20px; float: left}
.product-list li .img{width: 270px; height: 180px;}
.product-list li .img img{width: 100%; height: 100%;}
.product-list li .text{width: 270px;}
.product-list li .text a{display: block; width: 250px; margin: 0 auto; color: #666666; font-size: 16px; height: 46px; line-height: 46px;text-align: center;}


/*case-list*/
.case-list{}
.case-list li{ height: 35px; line-height: 35px; background: url(../images/case-icon.jpg) no-repeat left center;border-bottom: 1px dotted #ababab; padding-left: 14px; }
.case-list span{color: #666666;font-size: 16px;}
.case-list a{color: #666666;font-size: 16px;}


/*contact*/


.content-text{margin-top: 30px;}

.content-text .section-4-l{
    margin-left: 120px;
    float: left;
    padding-top: 60px;
}
.content-text .section-4-l p{margin-top: 20px; font-size: 16px; color: #666666}
.content-text .section-4-r{
    float: right;
    margin-right: 120px;
    width: 410px;
}
.content-text .section-4-r .row{ margin-bottom: 28px;}
.content-text .section-4-r .row span{ margin-right: 20px;float: left;display: block;width: 48px; height: 40px; line-height: 40px;font-size: 16px;}

.content-text .section-4-r .row input[type=text]{
    width: 320px;
    padding-left: 20px;
    height: 38px;
    border: 1px solid #ababab;
    outline: none;
    border-radius: 3px;}



.content-text .section-4-r textarea {
    padding: 5px 10px;
    width: 320px;
    height: 133px;
    border: 1px solid #ababab;
    border-radius: 3px;
    outline: none;
    resize: none;
}
.content-text .section-4-r .sub-btn {
    background: #00923E;
    color: #FFFFFF;
    width: 350px;
    height: 40px;
    border: none;
    outline: none;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    margin: 0;
}

input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    font-size: 16px;
}


.submit-btn {padding-left: 63px;font-size: 16px;}
.submit-header {font-size: 20px;text-align: center; font-weight: bold;color: #00923E; margin-bottom: 15px;}