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

*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{ list-style:none;}
img{border:0px;}
input{outline: none;}
:hover{ transition: 0.5s all }
a{text-decoration:none; color: #333333;}
a:hover{ color:#079a55;}
.left{float:left;}
.right{float:right;}
.mid{width: 1200px;margin: 0 auto;position: relative;}
body{font-family: "微软雅黑"; font-size:16px; color:#333333; line-height:30px; background:#fff;}
.truncate {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

/* CSS Header */
.header{ width: 100%;height:auto; overflow: hidden; margin: 0 auto; position: relative;}
.header .topbar{width: 100%;height:35px;font-size:14px; line-height:35px;color:rgba(83,81,81,0.6);border-bottom: 1px #ececec solid}
.header .topbar .right{background: url(../images/tel.png) left center no-repeat;padding-left: 20px}
.header .topbar span{color: #079a55;font-family: Arial;font-size: 18px}
.header .topbox{ width: 1200px; height:104px; margin: 0 auto;}
.header .topbox .toplogo{ padding-top:28px; float: left;}
.header .banner{width: 1920px; height:300px;background: url(../images/banner.jpg) no-repeat #d5d5d8;left: 50%;margin-left: -960px;position:relative;}
.header .banner .bn01{display: block; margin: 0 auto;padding-top: 50px}
.header .banner .bn02{display: block; margin: 0 auto;padding-top: 50px}
.header .banner .bn03{display: block; margin: 0 auto;padding-top: 50px}

/*menu*/
#menu{width:910px; height:30px;padding-top:37px; float: right;}
#menu ul { width:100%; height:30px;}
#menu ul li{ width:100px; height:30px; text-align:center;margin: 0 6px; float:left;transition: 0.4s all}
#menu ul li a{color: #333;line-height: 30px;border-radius: 15px; display: block;}
#menu ul li a:hover{background: #079a55;color: #fff}
#menu ul li.selected a{background: #079a55;color: #fff}

/* CSS Footer */
.footer{ width:100%;height:auto;font-size: 14px; color: #888;line-height: 36px;padding:30px 0; overflow: hidden; background:#161616;}
.footer a{color: #888}
.footer a:hover{color: #fff;text-decoration: underline;}
.footer img{width:73px;height:73px;float: left;}
.footer .ftmenu{width: 300px;float: left;padding-left:30px}
.footer .ftmenu a{padding-right:15px}
.footer .ftxt{width: 760px;float: right;text-align: right;}


/* CSS Main */
#wrap{ width:100%;height:auto; position: relative;overflow: hidden; margin:0 auto;}
#main{ width:1200px; height:auto; position: relative;padding-bottom:30px; overflow: hidden; margin:-40px auto 0;}
.titlebox{}
.titlebox img{margin: 0 auto;display: block;}
.titlebox img:hover{animation: bounce 1s}
.index01{width: 1200px;height:382px; margin: 0 auto; padding:60px}
.index02{width: 100%;height: 585px;background:url(../images/case.jpg) center no-repeat #75b2f7; position: relative;z-index: 1}
.index02 .mid{padding-top: 85px;}
.index02 .bubble1{left: 83px;top: 135px;animation:pop 2s linear infinite; position: absolute;}
.index02 .bubble2{left: 48px;top: 195px;animation:pop 2.6s linear infinite; position: absolute;}
.index02 .bubble3{left: 235px;top: 430px;animation:pop 3s linear infinite; position: absolute;}
.index02 .bubble4{left: 937px;top:62px;animation:pop 2.4s linear infinite; position: absolute;}
.index02 .bubble5{left: 890px;top: 150px;animation:pop 2.2s linear infinite; position: absolute;}
.index02 .bubble6{left: 1120px;top: 367px;animation:pop 1.8s linear infinite; position: absolute;}
.index02 .bubble7{left: 1058px;top: 450px;animation:pop 2s linear infinite; position: absolute;}

@-webkit-keyframes pop{
    0{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(15px);}
    100%{-webkit-transform:translateY(0);}
}
@keyframes pop{
    0{transform:translateY(0);}
    50%{transform:translateY(15px);}
    100%{transform:translateY(0);}
}


.index03{width: 1200px;height:460px;background: #fff;border-radius: 5px; box-shadow: 0px 0px 40px rgba(0,0,0,0.2); margin:-33px auto 0;position: relative;z-index: 2}
.index03 .titlebox{padding-top:70px;}
.index03 .intro{height: 75px; line-height: 25px;font-size: 14px;color:#818080; padding:40px 60px;text-align: center;overflow: hidden;}
.index03 .intro a{color:#818080;}
.index03 .intro a:hover{color:#079a55;}
.inmenu{padding-top: 20px}
.inmenu li{width: 162px;height: 60px; font-size: 14px; color:#818080;float:left;margin-left: 110px;}
.inmenu li b{font-size: 20px;color: #2d2c2c;padding-top: 5px; display: block;}
.inmenu li span{width: 60px;height: 60px;display: inline-block;float: left;margin-right: 20px;}
.inmenu li span.m01{background: url(../images/menu01.png) center no-repeat;transition: 0.4s all}
.inmenu li span.m02{background: url(../images/menu02.png) center no-repeat;transition: 0.4s all}
.inmenu li span.m03{background: url(../images/menu03.png) center no-repeat;transition: 0.4s all}
.inmenu li span.m04{background: url(../images/menu04.png) center no-repeat;transition: 0.4s all}
.inmenu li:hover span.m01{background: url(../images/menu01h.png) center no-repeat;animation: swing 1s}
.inmenu li:hover span.m02{background: url(../images/menu02h.png) center no-repeat;animation: swing 1s}
.inmenu li:hover span.m03{background: url(../images/menu03h.png) center no-repeat;animation: swing 1s}
.inmenu li:hover span.m04{background: url(../images/menu04h.png) center no-repeat;animation: swing 1s}
.inmenu li:hover{color: #079a55}
.inmenu li:hover b{color: #079a55}
.index04{width: 1200px;height: 545px; margin: 0 auto; padding:60px 0 88px}
.index04 .titlebox{padding-top:10px;}
.index04 .inbox{width: 580px;}
.index04 .mid{padding-top:50px}
.index04 .news01{}
.index04 .news01 li{height:420px; font-size: 14px;line-height: 22px;color: rgba(22,22,22,0.6);}
.index04 .news01 li img{width: 570px;height: 300px;display: block;margin:0 auto 35px;}
.index04 .news01 li .ntime{width: 65px;height: 50px;border-right: 1px #e5e5e5 solid;padding-right: 25px; text-align:center;font-size: 14px;color: #afafaf; float:left;}
.index04 .news01 li .ntime b{line-height: 30px; font-size: 40px;padding-bottom: 10px; font-family: Arial;display: block;}
.index04 .news01 li .ntxt{width: 460px;color: rgba(22,22,22,0.6); float: right;}
.index04 .news01 li .ntxt big{font-size: 16px;color: #161616;padding-bottom: 10px; display: block;transition: 0.4s all}
.index04 .news01 li:hover big{color: #079a55;padding-left: 5px}
.index04 .news02{}
.index04 .news02 li{height: 110px; font-size: 14px;line-height: 22px;color: rgba(22,22,22,0.6);}
.index04 .news02 li .ntime{width: 65px;height: 50px;border-left: 1px #e5e5e5 solid;padding-left: 25px; text-align:center;font-size: 14px;color: #afafaf; float:right;}
.index04 .news02 li .ntime b{line-height: 30px; font-size: 40px;padding-bottom: 10px; font-family: Arial;display: block;}
.index04 .news02 li .ntxt{width: 460px;float: left;}
.index04 .news02 li .ntxt big{font-size: 16px;color: #161616;padding-bottom: 10px; display: block;transition: 0.4s all}
.index04 .news02 li:hover big{color: #079a55;padding-left: 5px}

/* CSS Left */
#left{width: 265px;height: auto;overflow: hidden;float: left;}
#left .lf01{background: #f5f5f5;padding: 0 0 20px;}
#left .lf01 .ttl01{width: 100%;height: 100px;font-size: 33px;font-weight: bold;text-align: center; line-height: 100px;color: #fff;background: #079a55}
#left .lf01 ul{padding: 12px 20px}
#left .lf01 ul li{line-height: 50px;font-size: 15px; height: 50px;border-bottom: 1px #eaeaea solid}
#left .lf01 ul li span{padding:0 6px 0 5px}
#left .lf01 ul li a{color: #000;transition: 0.4s all}
#left .lf01 ul li a:hover{color: #079a55;padding-left: 8px;}
#left .lf02{margin-top: 32px;line-height: 32px;font-size: 15px;color: #000}
#left .lf02 .ttl02{width: 100%;height: 64px;font-size: 33px;font-weight: bold;text-align: center; line-height:64px;color: #fff;background: #50a0e7}
#left .lf02 b{font-size: 20px;padding-top: 20px;display: block;}
#left .lf02 big{font-size: 31px;color: #da0f10;line-height:60px;display: block;}
#left .apibox{width:265px;height: 140px;font-size: 15px; background: #f5f5f5;margin-top: 20px}
#left .apibox img{width:100px;height:100px;padding:20px; float: left;}
#left .apibox span{float: left;padding-top:40px;}

.newslist li{padding:20px 0 20px 0;width:100%;height:107px;border-bottom:1px dashed #d8d8d8;overflow:hidden}
.newslist li .imgbox{width:140px;height:105px;border: 1px #dddddd solid; display:inline;float:left}
.newslist li .imgbox img{width:140px;height:105px;}
.newslist li .text{display:inline;float:left;line-height: 22px;margin-left:20px;width:530px;height: 105px;}
.newslist li .text .tit{width:100%;height:30px;}
.newslist li .text .tit a{color:#000;font-size:16px}
.newslist li .text .tit a:hover{color:#079a55;margin-left: 10px}
.newslist li .text .desc{width:100%;height:48px;overflow:hidden;font-size:13px;color:#666;word-break:break-all;word-wrap:break-word}
.newslist li .text .desc a{font-size:14px;color:#999}
.newslist li .text .count{width:100%;height:22px;padding-top: 5px; overflow:hidden}
.newslist li .text .count span{display:inline-block;height:20px;line-height:20px;font-size:13px;color:#999;padding-left:20px;background-image:url("../images/newslist.gif");background-repeat:no-repeat}
.newslist li .text .count .hits{background-position:0 -150px}
.newslist li .text .count .update{background-position:0 -168px}
.newslist li .timebox{text-align:center;display:inline;float:right;width:100px;height:105px;background:#F3F3F3;border-radius: 6px;}
.newslist li .timebox .day{color:#666;font-family:Arial;font-size:46px;font-weight:bold;height:60px;line-height:60px;width:100%;overflow:hidden}
.newslist li .timebox .year{font-size:14px;color:#999}

/* CSS 详情页 */
#cpbox01{ width: 100%; height:330px;}
#cp_img{ width:400px; height:300px; border: 1px #ebebeb solid; float: left; }
#cp_img img{width:400px; height:300px;}
#cp_detail{width: 460px;height:300px;float: right;overflow: hidden;position: relative;}
#cp_txt{width: 100%;height: 150px;font-size: 14px;line-height:26px;overflow: hidden;}
#cp_txt span{color: #079a55;padding-bottom: 15px;font-size: 22px;display: block;}
#cp_txt b{display: block;}
#cp_btn{width: 345px;height:40px;left: 0;bottom: 0;position: absolute;}
#btn01{width: 128px;height: 38px;line-height: 38px;text-align: center;color: #fff;background: #079a55;float: left;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#btn01:hover{ background: #353535; transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;}
#btn02{width: 128px;height: 38px;line-height: 38px;text-align: center;color: #fff;background: #50a0e7;float: left;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;float: left;margin-left: 23px;}
#btn02:hover{ background: #353535;color: #fff; transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;}
#cp_lx{height:44px;line-height: 44px;padding-left:26px;background: url(../images/i-tel.png) left center no-repeat;left: 0;bottom:55px;position: absolute;}
#cp_fx{ width: 345px; height: 40px; left: 0; top:440px; position: absolute; }
#cp_lx span{color: #079a55;font-weight: bold;font-size: 22px;font-style: italic; font-family:Arial}
#pro_t{width: 100%;height:44px;background: #f2f2f2;line-height:44px;}
#pro_t span{width: 150px;height:44px;color: #fff;text-align: center;float: left;background: #079a55;font-size: 18px;}
#pro_txt{ width: 100%; height: auto; min-height:100px; margin-top: 20px;font-size: 15px;color: #333333; line-height: 34px; position: relative; padding-bottom: 20px; overflow: hidden;}
#pro_txt table{ width: 100%; }
#pro_txt table td{ padding:0 10px; }
.sub{background:#079a55; width:105px; height:32px;line-height: 32px; font-size: 16px; border: none;color: #fff;font-family:"微软雅黑";transition: 0.4s all; display: block;}
.sub:hover{background:#333;}

/*right*/
#right{width:885px; height: auto;min-height:300px;margin-top: 75px; background: #fff; float: right;overflow: hidden;}
#right_title{ width:100%; height:55px;}
#title_right{padding-left:20px;font-size: 14px; background:url(../images/home.jpg) left center no-repeat;float: right;}
#title_left {
    width:500px;;
    font-weight: bold;
    font-size:30px;
    color: #079a55;
    float: left;
}

#right_content{width:100%; height: auto;margin:0 auto;}
#right_bottom{width:100%;height:23px;}
#page{width:100%;height:26px; line-height:26px;text-align:center;margin:30px auto;clear:both;}
#page a{min-width: 26px;height: 26px;background: #bababa; color:#fff;font-size:15px;display: inline-block;}
#page a:hover{background:#079a55;color: #fff}
#page .current {min-width: 26px;height: 26px;color:#fff; background: #079a55;display: inline-block;}
#page_num{ height: 26px; font-size: 14px; background: #eeeeee;display:inline;}
#newTitle{width:100%;line-height:60px; font-weight: normal;color:#222222;font-size:22px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#1f2c5c;font-size:18px; text-align:center;margin:0 auto;}
#newsInfo{width:100%;height:40px;color:#a9aaa9;font-size:12px; border-bottom: 1px #d5d3d3 dashed; text-align:center;margin:0 auto 20px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%;}
#newsContent{width:100%;height: auto;line-height:36px; color: #1d1d1d; margin:0 auto; overflow: hidden;}
#newsContent a{color: #1d1d1d;}
#newsContent a:hover{color: #079a55;}
#newsContent img{max-width:100%;display: block;margin: 10px auto}
.picUL{ width:100%; height:100%; overflow:hidden;}
.picUL li{width:240px;height:230px;margin:0 14px 25px 13px; padding:14px 14px 0;box-shadow: 0 3px 5px rgba(0,0,0,0.1);float:left;}
.picUL li:hover{ background:#f4f4f4;}
.picUL li .pic_01{width:100%;height:180px; overflow: hidden;}
.picUL li .pic_01 img{width:100%;height:180px;vertical-align:middle; transition: 0.5s all; background:#f5f5f5;display: block;}
.picUL li:hover img{transform: scale(1.08);}
.picUL li .pic_02{width:100%; height:50px; line-height:50px;}
.picUL li .pic_02 .ptitle{width: 80%;float: left;}
.picUL li .pic_02 .pmore{font-size: 14px; float: right;}
.btnbox3{ width:228px; height: 32px;margin: 0 auto;font-size:14px; position: absolute;}
.btnbox3 .btn1{ width: 94px; height: 28px; color: #6c6c6c; line-height: 28px; text-align: center; border:2px #6c6c6c solid; float: left;}
.btnbox3 .btn1:hover{ border: 2px #de2c31 solid; background: #de2c31; color: #fff }
.btnbox3 .btn2{ width: 94px; height: 28px; line-height: 26px; text-align: center; border: 2px #1f2c5c solid; background: #1f2c5c; color: #fff; float: left; margin-left: 18px; }
.btnbox3 .btn2:hover{ background: #de2c31; border: 2px #de2c31 solid;color: #fff}
.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding: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);
}

/*******加入*******/
.jobbox{ width:100%;padding-top: 20px; height: auto;margin: 0 auto}
.jobbox li{ width:100%; height:auto;line-height: 27px; font-size: 14px; color: #646060;padding-bottom: 20px; margin-bottom: 20px;border-bottom:1px #efefef solid; position: relative;}
.jobbox li span{ line-height: 40px; font-size: 18px; font-weight: bold; display: block;}
.jobbox li .more{ color: #999;line-height: 40px;display: block;}
.jobbox li .more:hover{color:#079a55;}

.recruitcon{ width:895px; height:173px;}
.recruitpic{ width:132px; height:153px; float:left;}
.recruitconc{ width: 470px; height: 143px; padding-left: 50px; padding-top: 5px; float: left; }
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.apply{width: 100px; height: 36px; line-height: 36px; text-align: center; background: #079a55; color: #fff; font-size: 14px; margin-top: 50px; margin-right: 100px; float: right;}
.apply:hover{ background: #de2c31; transition: 0.5s all;}
.xxsmys{ width:895px; height:36px; line-height:36px; border-bottom: 2px #079a55 solid;}
.xxsmwz{ width:100px; height:36px; line-height: 36px; color:#FFF; text-align:center; display:block; background-color:#079a55;}

/*订单*/
.formys{ width:860px; height:auto;color: #555555;margin: 0 auto}
.formmcys{width:90px; float: left; }
.cpmcys{ width:400px; height:34px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width:400px;height:30px;border:1px solid #d2d4d6; background: #f9f9f9;}
.G_textarea{width:400px;height:100px;border:1px solid #dedede;background: #f9f9f9;}
.G_ul{width:100%;}
.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:100%; height:auto; padding-top:10px;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding: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);

}


.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}