@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century;}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.i_header_bottom li:hover,.i_title a:hover,.i_news li:hover .news_right strong,.i_news li:hover .news_left,.ckqbsp a:hover,.i_photo li:hover p,.i_photo_m a:hover{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.i_product li:hover .pro_txt,.i_product li:hover p{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}
.w1200{ width:1200px; margin:0 auto;}
.container{ width:1200px; margin:0 auto;}

.ckqbsp{ width:264px; height:48px; margin:10px auto;text-align:center; clear:both;}
.ckqbsp a{ display:block; width:260px; color:#0181c8; height:44px; line-height:44px; clear:both; border:2px solid #0181c8; text-align:center; font-size:16px;}
.ckqbsp a:hover{ background:#0181c8; color:#fff;}

.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
/*******************/
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:60px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:60px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/************/
/*head*/
.hy{width: 100%;height: 37px;background: #f8f8f8;;line-height: 37px;color: #333; font-size:12px}
.hy-in{ width:1200px; height:37px; margin:0 auto;}
.hy-in a{ color:#333}
/***********/
.top-cen{ width:100%; height:153px; background:url(lgbg.jpg) center no-repeat;}
.top-cen-in{ width:1200px; height:153px; margin:0 auto}
.top-cen-in .top-logo{ height:153px; width:280px; float:left; background:url(logo.jpg) center no-repeat }
.top-cen-in .top-lx{ height:153px; float:right; font-size: 32px;color: #fff;font-family: Arial;font-weight: bold;line-height:153px; letter-spacing:2px}
/****************/

.dh{width: 100%;height: 56px;line-height: 56px; background:url(menubg.jpg) left top repeat-x;}
.dh-in{ width:1200px; height:56px; position:relative; margin:0 auto;}
.dh-in ul{ display:block; display:block; width:1220px;}
.dh-in ul li{ height:56px; line-height:56px;  color:#fff; float:left; text-align:center; width:150px; position: relative;}
.dh-in ul li span{ width:150px; height:56px; line-height:56px; float:left; display:block;font-size:16px; color:#fff;}
.dh-in ul li span:hover{color:#000}
.dh-in ul li .li-fl{ width:140px; position:absolute; top:56px; z-index:9999999; left:0px; padding:10px; background:#2eae57; display:none; }
.dh-in ul li .li-fl .xfltp{ width:140px; height:100px; background:#fff; float:left; margin-bottom:10px;}
.dh-in ul li .li-fl .xfl{ border-bottom:1px dashed #fff; height:40px; line-height:40px; font-size:14px; color:#fff; border-radius:10px; float:left; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dh-in ul li .li-fl .xfl:hover{ background:#fff; color:#000}
.dh-in ul li.on{color:#fff; background:url(navnow.jpg) center no-repeat;}
.dh-in ul li:hover{ color:#fff; background:url(navnow.jpg) center no-repeat;}
.dh-in ul li:hover .li-fl{ display:block;}
/**************************/
.ss{ width:100%; height:61px; background:url(ssbg.jpg) center repeat-x; margin-bottom:25px; }
.ss-in{ width:1200px; height:61px; margin:0 auto ; position:relative}
.ss-in .ss-wz{width: 900px;padding-left: 10px;float: left;font-size: 14px;line-height: 46px;height: 46px;font-family: Microsoft YaHei;}
.ss-in .ss-wz span{float: left;font-weight: bold;}
.ss-in .ss-wz a{font-size: 14px;font-family: Microsoft YaHei; color:#444; padding-right:20px}
.ss-in .ss-bk{ float: right;width: 173px;height: 28px;background: url(bkbg.jpg)left no-repeat;overflow: hidden;padding-left: 14px;margin-top: 10px;}
.ss-in .ss-bk #key{ float:left; border:none;color: #fff;line-height: 23px;height: 22px; width:110px; background:none; margin-top:3px}
.ss-in .ss-bk #in1{ background:url(ssan.jpg) center no-repeat; float:right; border:none; height:28px; width:37px}
/***********/
.pro{ width:100%; height:1020px;}
.pro-in{ width:1200px; height:auto; margin:0 auto; position:relative}
.pro-in .pro-tit{ width:100%;height:115px; position:relative}
.pro-in .pro-tit .t1{font-size: 40px;font-weight: bold;color: #26a24a;line-height: 55px; width:100%; float:left; text-align:center}
.pro-in .pro-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.pro-in .pro-tit .t3{font-size: 18px;color: #26a24a; float:left; width:100%; text-align:center; line-height:30px;}
.pro-in .pro-xt{ background:url(proxt.jpg) center no-repeat; width:100%; height:40px; float:left;}
.pro-in .pro-con{ width:100%; height:auto; float:left; margin-top:20px;}
.pro-in .pro-fl{ float:left; width:232px; border:1px solid #b5b5b5; border-radius:5px; overflow:hidden}
.pro-in .pro-fl .fl-tit{ float:left; background:#26a24a; width:100%;  height:76px; text-align:center;}
.pro-in .pro-fl .fl-tit span{font: bold 22px/76px "΢ÈíÑźÚ";color: #fff; line-height:76px;}
.pro-in .pro-fl .fl-mc{ float:left; width:100%;}
.pro-in .pro-fl .fl-mc ul{background:#26a24a;}
.pro-in .pro-fl .fl-mc ul li{border-bottom: 1px solid #c7c9cd; height:61px; line-height:61px; text-align:center; padding-left:20px; color:#fff; background:url(fllibg.png) left top no-repeat;}
.pro-in .pro-fl .fl-mc ul li:hover{ background:#fff; color:#000}
.pro-in .pro-cp{ float:right; width:930px; height:auto;}
.pro-in .pro-cp ul{ width:960px;}
.pro-in .pro-cp ul li{ float:left; margin-right:10px; margin-bottom:20px; border: 1px solid #26a24a; width:228px; height:261px;}
.pro-in .pro-cp ul li .li-img{ width:228px; float:left; height:221px; position:relative; background:#f5f5f5;}
.pro-in .pro-cp ul li .li-img img{ max-width:228px; max-height:221px; position:absolute; display:block; left:0px; right:0px; bottom:0px; top:0px; margin:auto; cursor: pointer; transition: all 0.5s;}
.pro-in .pro-cp ul li .li-img img:hover{transform: scale(1.1); opacity:0.6; filter:alpha(opacity=60);}
.pro-in .pro-cp ul li span{ background:#26a24a; float:left; color:#fff; text-align:center; width:100%; height:40px; line-height:40px;}
.pro-in .pro-cp ul li:hover{ border:1px solid #2a823d; }
.pro-in .pro-cp ul li:hover span{background:#1b7134;}
/**************/
.ad{width: 100%;height: 250px; background:url(ad.jpg) center no-repeat; margin:35px 0px;}
.ad-in{ width:1200px; height:250px; margin:0 auto; position:relative;}
.ad-in span#dz{display:block;font-size: 28px;line-height: 75px; color:#fff; letter-spacing:2px; position:absolute; left:20px; top:30px;}
.ad-in span#dz font{color: #fcff00;font-size: 34px;font-weight: bold; }
.ad-in span#xz{color: #fff;font-size:22px;line-height:32px; position:absolute; left:20px; top:100px;}
/**************/
.case{ width:100%; height:550px;}
.case-in{ width:1200px; height:550px; margin:0 auto; position:relative}
.case-in .case-tit{ width:100%;height:115px; position:relative}
.case-in .case-tit .t1{font-size: 40px;font-weight: bold;color: #26a24a;line-height: 55px; width:100%; float:left; text-align:center}
.case-in .case-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.case-in .case-tit .t3{float:left; width:100%; background:url(casejt.jpg) center no-repeat; height:18px; margin-top:9px}
.case-in .case-con{ width:100%; height:270px; float:left; margin-top:30px; overflow:hidden}
.case-in .case-con ul{ width:1240px;}
.case-in .case-con ul li{ float:left; background:#35a34c; padding:5px; margin-right:20px; width:280px; height:260px;}
.case-in .case-con ul li .li-img{ width:280px; height:210px; float:left; overflow:hidden; position:relative; background:#fafafa}
.case-in .case-con ul li .li-img img{ position:absolute; max-width:280px; max-height:210px; top:0px; bottom:0px; left:0px; right:0px; margin:auto; display:block}
.case-in .case-con ul li .li-mc{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; letter-spacing:1px; float:left;}
.case-in .case-con ul li:hover .li-mc{ background:#2a823d; color:#fff}
.case-in .case-mo{ width:100%; float:left; margin-top:30px;}
.case-in .case-mo span{ width:257px; height:68px; margin:0 auto; text-align:center; color:#fff; line-height:68px; letter-spacing:1px; background:url(casemo.png) center no-repeat; display:block}
/*************/
.ad1{ width:100%; height:202px; background:url(ad2.jpg) center no-repeat;}
.ad1-in{ width:1200px; height:202px; margin:0 auto; position:relative}
.ad1-in .ad1-le{font-size: 22px;color: #fff;line-height: 45px;margin-top: 61px; float:left}
.ad1-in .ad1-le span{font-size: 38px;color: #fff;font-weight: bold;}

/*************/
.ys{ width:100%; height:1500px; padding:30px 0px; background:url(ysbg.jpg) center repeat}
.ys-in{ width:1200px; height:1500px; margin:0 auto; position:relative;}
.ys-in .ys-tit{ width:100%;height:115px; position:relative}
.ys-in .ys-tit .t1{font-size: 40px;font-weight: bold;color: #26a24a;line-height: 55px; width:100%; float:left; text-align:center}
.ys-in .ys-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.ys-in .ys-tit .t3{float:left; width:100%; background:url(ysjt.jpg) center no-repeat; height:18px; margin-top:9px}
.ys-in .ys1{ width:100%; background:url(ys1.jpg) center no-repeat; height:312px; float:left; margin-top:20px;}
.ys-in .ys1 .ys1-t1{width: 400px;font-size: 24px;line-height: 38px;margin-top: 41px;}
.ys-in .ys1 .ys1-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys1 .ys1-t1 span font{color: #26a24a;}
.ys-in .ys1 .ys1-t2{width: 550px;font-size: 16px;line-height: 34px;margin-top: 36px; float:left; padding-left:22px;}

.ys-in .ys2{width:100%; background:url(ys2.jpg) center no-repeat; height:340px; float:left; margin-top:21px;}
.ys-in .ys2 .ys2-t1{width: 621px;font-size: 24px;line-height: 36px;margin-top: 41px; float:right}
.ys-in .ys2 .ys2-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys2 .ys2-t1 span font{color: #26a24a;}
.ys-in .ys2 .ys2-t2{width: 598px;font-size: 16px;line-height: 34px;margin-top: 49px;padding-left: 500px; float:right}

.ys-in .ys3{width:100%; height: 315px;background: url(ys3.jpg) center no-repeat;margin-top: 20px; float:left}
.ys-in .ys3 .ys3-t1{width: 500px;font-size: 24px;line-height: 36px;margin-top: 41px;}
.ys-in .ys3 .ys3-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys3 .ys3-t1 span font{color: #26a24a;}
.ys-in .ys3 .ys3-t2{width: 550px;font-size: 16px;line-height: 34px;margin-top: 36px; float:left; padding-left:22px;}

.ys-in .ys4{ width:100%;height: 328px;background: url(ys4.jpg) center no-repeat;margin-top: 21px; float:left;}
.ys-in .ys4 .ys4-t1{width: 621px;font-size: 24px;line-height: 36px;margin-top: 41px; float:right}
.ys-in .ys4 .ys4-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys4 .ys4-t1 span font{color: #26a24a;}
.ys-in .ys4 .ys4-t2{width: 598px;font-size: 16px;line-height: 34px;margin-top: 49px;padding-left: 500px; float:right}
/*************/
.abt{ width:100%; height:635px; background:#fff;}
.abt-in{ width:1200px; height:560px; margin:0 auto; position:relative; background:url(abtbg.jpg) center no-repeat;}
.abt-in .abt-le { float:left; width:500px; height:540px; overflow:hidden;}
.abt-in .abt-le .abt-tit{width: 500px;font-size: 22px;line-height: 39px;margin-left: 24px;border-bottom: 1px solid #fff;padding-bottom: 15px; float:left; margin-top:80px;}
.abt-in .abt-le .abt-tit span{font-size: 34px;font-weight: bold;}
.abt-in .abt-le .abt-tit span font{color: #fff;}
.abt-in .abt-le .abt-js{width: 480px;font-size:18px; color: #fff; line-height:32px;margin-left: 24px;padding-top: 15px; float:left; text-indent:2em; text-overflow: ellipsis;}
.abt-in .abt-le .abt-mo{width: 112px;height: 34px;line-height: 30px;text-align: center;margin-top: 25px;background: #fff; color:#000; float:left; margin-left:20px; font-size:14px;}
/*************/
.news{ width:100%; height:auto; padding-top:40px;}
.news-in{ width:1200px; height:600px; margin:0 auto;}
.news-in .news-tit{ width:100%;height:90px; position:relative}
.news-in .news-tit .t1{font-size: 40px;font-weight: bold;line-height: 55px; width:100%; float:left; text-align:center; color:#444}
.news-in .news-tit .t1 b{color: #26a24a;}
.news-in .news-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.news-in .news-nr{ width:1140px; height:300px; background:#f5f5f5; float:left; position:relative; margin-top:40px; padding:30px;}
.news-in .news-nr .xw-tp{ float:left; height:354px; width:574px; background:url(map.jpg) no-repeat;}
.news-in .news-nr .xw-nr{ width:520px; height:auto; float:right;}
.news-in .news-nr .xw-nr .nr-tit{ border-bottom:1px solid #999999; padding-bottom:15px; width:460px; height:40px; line-height:56px;font-size: 20px;color: #434343; background:url(tt.jpg) left center no-repeat; padding-left:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left;}
.news-in .news-nr .xw-nr .nr-ms{line-height: 140%;font-family: Microsoft YaHei;font-size: 14px;color: #434343; float:left; margin-top:12px; float:left; width:100%;}
.news-in .news-nr .xw-nr .nr-mo{ background:#30ac54; width:140px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:14px; float:left; margin-top:20px; float:left}
.news-in .news-nr .xw-nr .nr-mo:hover{ background:#1857a3}
.news-in .news-lb{ width:460px; height:120px; float:left; margin-top:20px; margin-left:20px;}
.news-in .news-lb ul{ width:1000px;}
.news-in .news-lb ul li{ width:600px; height:120px; position:relative; background:url(li.jpg) center no-repeat; float:left; margin-right:10px;}
.news-in .news-lb ul li .li-sj{ width:91px; height:67px;position:absolute; color:#fff; text-align:center; font-size:15px; left:0px; top:27px; padding-top:5px}
.news-in .news-lb ul li .li-sj b{ font-size:26px; display:block;}
.news-in .news-lb ul li span#bt{font-family: Microsoft YaHei;font-size: 18px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; position:absolute; width:430px; top:25px; left:120px}
.news-in .news-lb ul li span#bt:hover{ color:#1857a3;}
.news-in .news-lb ul li span#ms{line-height: 140%;display: block;font-family: Microsoft YaHei;font-size: 14px;color: #666666; position:absolute; width:430px; left:120px; top:55px; height:43px; overflow:hidden}
/*************/
.link{ width:100%; height: 74px;background-color: #398e3b;border-bottom: 1px solid #235925;}
.link-in{ width:1200px; height:74px; margin:0 auto; position:relative}
.link-in .link-tit{width: 112px;height: 74px;font-size: 18px;font-weight: bold;color: #fff; float:left; line-height:74px;}
.link-in .link-lk{ width:1080px; float:right; height:74px; line-height:100px; line-height:74px;}
.link-in .link-lk a{ color:#fff; margin-right:30px;}
/**********/
.bot{ width:100%; height: 255px;background-color: #49b249;color: #fff;}
.bot-in{ width:1200px; height:255px; margin:0 auto; position:relative}
.bot-in .bot-tp{padding: 5px 0 0 75px;line-height: 27px; float:right; color:#fff; font-size:14px; margin-top:44px;}
.bot-in .bot-tp .tp1{ float:left; text-align:center; margin-right:15px;}
.bot-in .bot-tp .tp2{ float:right; text-align:center}
.bot-in .bot-dh{width: 200px;height: 168px;float:left; margin-top:44px; padding:0px;}
.bot-in .bot-dh .dh1{width: 200px;margin: auto;text-align: center;}
.bot-in .bot-dh .dh1 ul{ float:left; width:50%;}
.bot-in .bot-dh .dh1 ul li{ float:left; text-align:center;width: 98px;line-height: 34px; color:#fff; font-size:14px}
.bot-in .bot-lx{padding: 5px 0 0 75px;line-height: 27px; float:left; color:#fff; font-size:14px; margin-top:44px; padding-right:20px;}
/************/
.bq{width: 100%;height: 54px;line-height: 54px;text-align: center;background-color: #444; color:#fff}
/**************/
/**************************************/
.feedback {
    width: 340px;
    position: fixed;
    left: 0px;
    bottom: -9999px;
    box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    z-index: 99999999999999;
    background: #fff;
}

.feedback .feedbackHeader {
    height: 40px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    text-indent: 50px;
    font-weight: normal;
    cursor: pointer;
}

.feedback .eMailIco {
    background: url("./emailIco.png") 16px center no-repeat #252c33;
    background-size: 21px auto;
}

.feedbackForm {
    padding: 16px 16px 40px 16px;
}

.feedbackForm .tips {
    color: #222d38;
    padding-bottom: 20px;
}

.feedbackForm .line {
    margin-bottom: 16px;
}

.feedbackForm .line input, .feedbackForm .line textarea {
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: solid 1px #ccc;
    color: #222d38;
    display: block;
}

.feedbackForm textarea {
    resize: none;
    height: 78px;
    padding: 11px;
    line-height: 20px;
}

.feedbackForm .line input {
    height: 40px;
    line-height: 40px;
    padding: 0 11px;
}

.feedbackForm .btn {
    background: #18c139;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
}

.feedback .closeBtn {
    background: url("./closeBtn.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    position: absolute;
    right: -36px;
    top: 6px;
    cursor: pointer;
    display: block;
}