@charset "utf-8";
/* CSS Document */

.container { /*根据效果图主体宽度定义*/
    width: 1200px; min-width: 1200px; }

body { font-family: "微软雅黑", Verdana, Helvetica, Arial, sans-serif; }
		
/*header*/
header { height: 140px; background:#fff; min-width: 1200px;}
.logo img{ margin-top: 40px;float: left;margin-left: 100px;}
.nav{ float:right; margin-top: 20px;}
.nav>ul>li{ float:left; width:83px; text-align: center; font-size: 16px; margin-left: 23px; position:relative;padding-top: 25px;}
.nav>ul>li>a{ color:#333;}
.nav>ul>li:hover a,.nav>ul>li.xz>a{ color:#37a301;}

.nav>ul>li .xiala{ width:83px; position:absolute; top:20px; left:0px; z-index: 1; padding-top: 32px; display:none;}
.nav>ul>li .xiala ul{background:url(../images/pic2.png) repeat; padding:5px 0 8px;}
.nav>ul>li .xiala ul li{ height:28px; line-height: 28px; border-bottom: dashed 1px #fff; font-size: 12px;}
.nav>ul>li .xiala ul li a{ display:block; color:#fff;}
.nav>ul>li .xiala ul li:hover{ background:url(../images/pic3.png) 10px center no-repeat;}
.nav>ul>li .xiala ul li a:hover{ color:#236a00;}
.nav>ul>li:hover .xiala{display:block; }






/*banner*/
.banner .slideBox{ width:100%; height:525px; /*这个根据效果图定义*/
    overflow:hidden; position:relative; min-width: 1200px;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd a { display: block; height: 525px; /*这个根据效果图定义*/
    width: 100%; }
.banner .slideBox .jiantou{ width:1322px; height:116px; position:absolute; top:50%; margin-top:-58px; left:50%; margin-left: -661px; z-index: 9;}
.banner .slideBox .prev,.banner .slideBox .next{ position:absolute; top:50%; margin-top:-52px; display:block; width:59px; height:116px;}
.banner .slideBox .prev { background: url("../images/pic4.png") no-repeat; left: 0; }
.banner .slideBox .next{ left:auto; right: 0; background: url("../images/pic5.png") no-repeat;}
.banner .slideBox .prev:hover{ background: url("../images/pic7.png") no-repeat;}
.banner .slideBox .next:hover{ background: url("../images/pic6.png") no-repeat;}
.banner .dh{ height:111px; background:#5cc029; position:absolute; top:467px; left:50%; margin-left: -600px;}
.banner .dh .dhh{ height:111px; background:url("../images/pic8.png") 50px center no-repeat;}
.banner .dh .dhh img{ padding:41px 0 0 142px;}
.banner .dh .ewm{ width:112px; height:88px;  background:#fff; margin:12px 43px 0 0;}
.banner .dh .ewm span{ float:left; width:14px; height:70px; line-height:normal;padding:5px 5px 0 8px; color:#5cc029;}
.banner .dh .ewm  img{ margin-top: 4px;}


.kuai1{ margin-top: 113px;}
#left{ float:left; cursor:pointer; padding-top:65px;}
#right{ float:right; cursor:pointer; padding-top:65px;}
.big_middle{ width:1121px; margin:0 auto; overflow:hidden; float:left;}
#middle{float:left; width:1122px;oveflow:hidden; display:inline;margin-left: -1px;}
#middle a{ width:280px; height:206px; float:left; border-left: solid 1px #eaeaea; text-align:center; }
#middle a span{ display:block; height:56px; line-height: 56px; color:#000000; font-size: 16px; margin-top: 37px;}
#middle a:hover{ background:url("../images/pic18.png") center 4px no-repeat;}
#middle a .img{ padding:42px 0 0 104px;}
#middle a .img .img2{ display:block;}
#middle a .img .img3{ display:none;}
#middle a:hover .img .img2{ display:none;}
#middle a:hover .img .img3{ display:block;}
#middle a:hover span{ color:#37a301;}


.jian{ width:100%; height:32px; background:url("../images/pic21.png") center center no-repeat; margin:30px 0 42px 0;}

.top{ text-align: center;}
.top a{ background:url("../images/pic23.png") center bottom no-repeat; padding-bottom: 14px;}
.top a h2{ height:50px; line-height:50px; color:#454952; font-size: 24px; font-weight: normal;}
.kuai2_l{ width:469px; height:267px; background:#37a301; margin-top: 95px; line-height: 30px; font-size:12px; color:#fff; padding:48px 16px 0 30px;}
.kuai2_l>a{ display:block; width:121px; height:40px; border: solid 1px #6ed43b; color:#fff; background:url("../images/pic24.png") 81px center no-repeat; font-size: 14px; line-height: 40px; padding-left: 12px; margin-top: 31px;}
.kuai2_r{ margin-top: 42px;}




.kuai3 .bigmiddle{ width:1200px; margin: 0px auto;}
.kuai3 .bigmiddle .jiantou2{ width:40px; position:absolute; right:0px; top:10px;}
#middle2{float:left; width:1200px; oveflow:hidden; display:inline; margin-top: 42px;}
#middle2 ul{float:left; display:inline;}
#middle2 ul li{ float:left; width:1200px;}
#middle2 ul li .div2{ float:left;  width:570px; margin-bottom: 25px; margin-right:30px;}
#middle2 ul li .div2 bdo{ display:block; float:left; width:102px; height:78px; color:#4b4a4a; font-size: 18px; /* font-weight: bold; */ text-align: center; background:#fff; padding-top:4px;}
#middle2 ul li .div2 bdo i{ display:block; font-style: normal; font-size: 30px;}
#middle2 ul li .div2 span{ width:448px; float:right; font-family: "宋体";line-height: 18px; color:#5b5a5a;}
#middle2 ul li .div2 span em{ display:block; font-style: normal; font-size: 14px; color:#4b4a4a;line-height: normal; line-height: 34px; font-weight:bold;}
#middle2 ul li .div2 span b{ display:block;font-style: normal; color:#b3b3b3;font-weight: normal; margin-bottom:5px;}
#middle2 ul li .div2 span a{color:#37a301;}
#middle2 ul li .div2:hover bdo{ background:#37a301;}
#middle2 ul li .div2:hover em{color:#37a301;}

#left2{ float:left; cursor:pointer; background:url(../images/pic27.png) left center no-repeat; width:17px; height:17px;}
#right2{ float:right; cursor:pointer; background:url(../images/pic28.png) right center no-repeat; width:17px; height:17px;}
#left2:hover{ background:url(../images/pic30.png) left center no-repeat;}
#right2:hover{ background:url(../images/pic29.png) right center no-repeat;}

.kuai4 ul{ margin-top: 42px;}
.kuai4 ul li{ float:left; width:25%;}
.kuai4 ul li img{ display:block; width:100%; margin:0; padding:0;}
.kuai4 ul li span{ display:block; width:100%; height:40px; background:url(../images/pic33.png) repeat; color:#37a301; font-size: 18px; font-weight:bold; line-height: 40px; text-align: center; position:absolute; bottom:0px; left:0; display:none;}
.kuai4 ul li:hover span{ display:block;}

.kuai4 .bigmore{ border:solid 1px #37a301; padding:2px; width:134px; height:38px; margin:30px auto 0;}
.kuai4 .bigmore a.more{background:#37a301; display:block; font-size:16px; color:#fff; text-align:center; line-height:38px;}



#middle3{ float:left; width:1057px; oveflow:hidden; display:inline;margin: 35px 0 0 20px;}
#middle3 a{ float:left; width:210px; margin-right: 24px;}
#middle3 a span{ display:block; text-align: center; margin-top: 5px;color:#727272; font-size: 16px;}
#left3{ float:left; cursor:pointer; background:url(../images/pic36.png) left center no-repeat; width: 60px; height:43px; margin-top: 140px;}
#right3{ float:right; cursor:pointer; background:url(../images/pic37.png) right center no-repeat; width:42px; height:43px;margin-top: 130px}
#left3:hover{ background:url(../images/pic39.png) left center no-repeat;}
#right3:hover{ background:url(../images/pic38.png) right center no-repeat;}


.kuai6_nr{ margin-top: 42px;}
.kuai6_nr_l ul li{ width:573px; height:40px; line-height: 40px; border:solid 1px #f1f1f1; margin-bottom: 10px;font-size: 16px; }
.kuai6_nr_l ul li span,.kuai6_nr_r ul li span{ float:left; color:#cdcdcd; padding-left: 16px;}
.kuai6_nr_l ul li input{ height:38px; line-height: 38px; width:455px; border: none; outline:none; color:#cdcdcd; padding:0 10px;}
.kuai6_nr_r ul li span{padding-top: 10px;}
.kuai6_nr_r ul li{ width:576px; height:90px;border:solid 1px #f1f1f1; font-size: 16px; margin-bottom: 10px;}
.kuai6_nr_r ul li textarea{ height:77px; width:502px; padding:10px 10px 3px; color:#cdcdcd; border:none; outline:none; background:none; resize: none;}
.kuai6_nr_r>input{ width:576px; height:38px;border:none; outline:none; background:none;  background:#535353; color:#fff; font-size: 16px; line-height: 38px; text-align: center;}


/*footer*/
footer{ min-width: 1200px;}
.shang{ height:238px; background:#242424;}
.shang_nr_l{ width:775px; margin-top: 43px;}
.shang_nr_l ul{ float:left; width:122px; text-align: left; margin-left: -15px;}
.shang_nr_l ul:first-child{ margin-left: 0px;}
.shang_nr_l ul li{ line-height:30px;}
.shang_nr_l ul li a{ color:#909090;}
.shang_nr_l ul li:first-child a{ color:#fff; font-size: 18px;}
.shang_nr_r{ width:340px; margin-top: 70px;}
.shang_nr_r span,.shang_nr_r bdo{ height:36px; line-height: 36px;}
.shang_nr_r span{ display:block; color:#909090; font-size: 14px; background:url(../images/pic41.png) left center no-repeat;padding-left: 28px; margin-bottom: 32px;}
.shang_nr_r bdo{ display:block; background:url(../images/pic42.png) left center no-repeat; padding-left: 29px;}
.xia{ height:40px; background:#080808;}
.xia_nr{ color:#909090; text-align: center; line-height:40px;}

 

/*公司概况*/
.banner2{ height:267px;min-width: 1200px;}
.big_main_t{background:url(../images/pic50.png) center bottom no-repeat;}
.main_t{ height:32px; line-height: 32px; color:#bdbdbd;background:url(../images/pic48.png) left center no-repeat; padding-left: 24px;}
.main_t a{ color:#bdbdbd;}
.main_t i{font-style: normal; margin:0 7px;}
.main_t_2{ height:50px; background:url(../images/pic50.png) center bottom no-repeat;}
.main_t_2 a{ display:inline-block; line-height: 48px; position:relative; margin-left: 20px; color:#333333; font-size: 16px; padding:0 14px;}
.main_t_2 a img{ position:absolute; left:50%; bottom:0; display:none;}
.main_t_2 a.xz,.main_t_2 a:hover{ border-bottom: solid 2px #37a301; color:#37a301;}
.main_t_2 a.xz img,.main_t_2 a:hover img{ display:block;}


.div3,.div5{ height:311px; border-bottom: solid 1px #eaeaea; margin-top: 63px;}
.div3 a img,.div4 a img,.div5 a img,.div6 a img{ display:blcok; margin:0 padding:0;}
.div3_zi,.div5_zi{ width:536px; padding-right: 31px; line-height: 30px; margin-top: 91px; color:#4f4f4f; font-size: 14px;}
.div4,.div6{ height:311px; border-bottom: solid 1px #eaeaea; margin-top: 20px;}
.div4_zi,.div6_zi{ width:542px;color:#4f4f4f; font-size: 14px;line-height: 30px; padding-left: 33px;margin-top: 67px;}
.div5{ margin-top: 20px;}
.div5_zi{ margin-top: 78px;}



/*公司招聘*/
.main_nr_2{margin-top: 63px;}
.div7{ margin-bottom: 18px;}
.div7_t h2{ height:28px; float:left; padding-left: 34px; color:#6d6d6d; font-size: 14px;font-weight: normal; cursor:pointer;}
.div7_t h2.cli{ color:#37a301;}
.div7_t h2 img{ position: absolute; top:2px; left:0;}
.div7_t h2 img.img4{ display:none;}
.div7_t a{float:right; width:82px; height:28px; line-height: 28px; text-align: center; font-size: 14px; color:#fff; background:url(../images/pic56.png) center center no-repeat;}
.div7_t a.xz{background:url(../images/pic57.png) left center no-repeat;}

.div7_nr{ line-height: 34px; color:#868686; font-size: 14px; padding-left: 33px;}
.div7_nr p{ color:#2c2c2c; font-size: 16px; margin-top: 8px;}



/*page*/
.pages { text-align: center;}
.pages a,.pages strong { display: inline-block; border: 1px solid #626262; height: 24px; line-height: 24px; padding: 0 10px; color: #727272; margin:0 4px;}
.pages strong{ font-weight:normal;}
.pages a:hover,.pages strong{ background: #37a301; border: 1px solid #37a301; color: #ffffff; }
.pages a.cli{ border: none; margin:0;padding:0;}
.pages a.cli:hover{ background:none; color:#727272;}



/*技术研发*/
.main_nr_3 { margin: 63px 0 0 -58px;}
.main_nr_3 a{ float:left; width:361px; margin-bottom:10px; margin-left: 58px;}
.main_nr_3 span{ display:block; height:36px; line-height: 36px; color:#797979; font-size:16px; text-align: center;}

/*媒体聚焦*/
.main_nr_4{ padding-top: 43px;}
.div8{ height:172px; border-bottom: solid 1px #eaeaea;}
.div8 img{ display:block; margin:0;padding:0;}
.div8_zi{ width:926px; color:#9e9e9e; font-size: 14px; line-height: 24px; margin-top: 15px;}
.div8_zi h2 a{ display:block; color:#333333; font-size:16px; margin-bottom: 3px;}
.div8_zi i{ display:block; font-style: normal; margin-bottom: 2px;}
.div8_zi>a{ display:block; width:91px; height:30px; background:#ebb205; color:#fff; line-height: 30px; text-align: center; margin-top: 4px;}



/*媒体聚焦——详情*/
.main_nr_5{ color:#3d3d3d; line-height: 36px; margin-top: 63px;}
.main_nr_5 h2{ text-align: center; line-height:normal; height:56px;background:url(../images/pic62.png) center bottom no-repeat; margin-bottom: 5px;}
.main_nr_5 h2 a{ color:#3d3d3d; font-size: 14px; font-weight: bold;}
.main_nr_5 h2 span{ display:block; font-size: 12px; color:#a7a7a7; font-weight: normal; line-height:36px;}


/*联系我们*/
.main_nr_6{ color:#868686; font-size: 16px; margin-top: 63px;}
.main_nr_6 h2{ color:#454545; font-size: 20px; margin-top: 44px;}


/*留言板*/  /*直接用的的首页的*/
.main_nr_7{ margin-top: 63px;}