/*css*/

@import "grid.css";

@import "superfish.css";
@import "b_n.css";
@import "lrtk_xg.css";
@import "lrtk.css";



html, body {height:100%;}

body{font:13px/22px Microsoft YaHei;color:#333;position:relative;min-width:320px;-webkit-text-size-adjust: none}

/*Links*/

/* Indents */





/* Public */

.img_wrap1{display:block;padding:10px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}

.img_wrap2{display:block;padding:5px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}

.img_wrap3{display:block;padding:5px;background:#fff;box-shadow:1px 1px 4px #666;position:relative;}

.img_wrap1 strong, .img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#d60b18;}

.img_wrap3 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#535354;}

.img_wrap1 img, .img_wrap2 img, .img_wrap3 img{position: relative; z-index:1;}

a.img_wrap1:hover strong, a.img_wrap2:hover strong, a.img_wrap3:hover strong{height:100%;width:100%;}

.button1,.button2{display:inline-block; padding:15px 30px 15px; box-shadow:1px 1px 1px #000; text-shadow:0px -1px #535354; margin: 18px 0 0; font-size: 12px; line-height: 15px; color:#fff; text-transform:uppercase; background:#d60b18;position:relative;}

.button1 span,.button2 span{display:block;position:relative;z-index:1;}

.button1 strong,.button2 strong{background:#323234;display:block;position:absolute;left:0;top:0;right:0;bottom:0;}

.button1:hover strong,.button2:hover strong{left:50%;top:50%;right:50%;bottom:50%;}

.button1:hover,.button2:hover{color:#fff;text-shadow: none;}

.button2{padding:7px 12px 6px;background:#217a78;box-shadow:1px 1px 1px #b9b5ac; text-shadow:0px -1px #1a1a1a;}

.button2 strong{background:#323234}

.b_line{padding-bottom:20px;border-bottom:1px dotted #ccc}

.link1 em, .list1 a em{display:block;position:absolute;bottom:-4px;width:0;height:1px;background:#000;content:"";}

.link1:hover em, .list1 a:hover em{width:100%;}

.link1,.list1 a{text-decoration:none !important;}

/* Header */
#topbox{background:#FFFFFF; height:32px; line-height:32px; color:#333; text-align:right; overflow:hidden; border-bottom:1px solid #c9c9c9}
#topbox span{float:left;vertical-align: auto; font-size:14px}
#topbox a{ display:inline-block;padding:0 15px;line-height:32px;color:#333;transition: 1.2s;-moz-transition: 1.2s;-webkit-transition: 1.2s;-o-transition: 1.2s;}
#topbox a:hover{ color:#d60b18; font-weight:bold;transition: 1.2s;
    -moz-transition: 1.2s;
    -webkit-transition: 1.2s;
    -o-transition: 1.2s;}

.topbox{background:#217a78; height:42px; line-height:42px; color:#ccc}

.topbox .grid_10{font-size:14px}

.topbox .grid_2{text-align:right}

.topbox a{color:#ccc}

.topbox a:hover{color:#525253}

.menu-box{background:#FFF; padding:30px 0}

.menu-box h2 a,h1 a{display:block;float:left; margin-top:10px}
.menu-box .ad{float:left; margin-right:40px}

.menu-box .tel{float:left}
.searchbar{position:relative; line-height:62px;float:left; text-align:center}
#search_icon{width:30px; height:30px; cursor:pointer; margin-right:10px; background:url(../images/search_a.png) no-repeat;display:inline-block}
form{ display:none;     transition: all .36s ease;}
.n_neirong .grid_9 form{ display:block}
.searchbar:hover form{ display:block;    transition: all .36s ease;}
.search{ position:absolute; width:220px; top:62px; right:0;overflow:hidden;border:none;border-radius: 2px;z-index:9}
.textes{float: left;width: 182px;border: 0;padding: 5px 10px;font-size: 14px;height: 38px;line-height: 38px;background-color: #fff;color: #444; border:1px solid #bcbcbc;}
input.buttonface {width:38px;height:38px;border:0px;background:url('/skin/default/images/ss.jpg') no-repeat;  cursor: pointer; vertical-align:top}
h3.h3 {
    font-size: 28px;
    line-height: 22px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-shadow: 1px 1px 1px #847f7d;
    margin-bottom: 20px;
}

.en{ float:left;}
.en a{ margin-top:18px; display:block}
.logo a{ margin-right:30px}

/* About */

.first{background:#FFF; padding:50px 0}
.titl p{ padding:0}
/*pic_show*/
.pic_show{position:relative; overflow:hidden;}
.pic_show a{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0); z-index:1;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s; display:block; border:1px solid #F00;}
.pic_show a:hover{background:rgba(0,0,0,0.5); color:#FFF}
.pic_show a i{position:absolute;margin:auto;width:68px;height:67px; opacity:0; display:inline-block; left:0; right:0; top:-300px; bottom:0;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;}
.pic_show a:hover i{top:0; opacity:1}
.pic_show span img{transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;}
.pic_show:hover span img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
.pic_show h3{font-size:18px; position:relative; left:0; top:45%; color:#FFF}
.pic_show:hover .hover_line::before,.pic_show:hover .hover_line::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
.pic_show a{text-align:center; color:#fff}
.hover_line::before,.hover_line::after {position: absolute;top: 20px;right: 20px; z-index:1;bottom: 20px;left: 20px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);transform: scale(1,0);opacity: 0}

/* second */
.second{ background: url(/skin/default/images/bg.jpg) no-repeat center top #cdcdcd;background-attachment: fixed; width: 100%;background-size: cover;text-align: center;color: #fff;overflow: hidden; padding:80px 0}

.second ul .grid_3{ width:19%; margin-left:10px}
.second .row{ margin-left:-10px}


.item_block,.npagePage:not(.post) .project .item_block {
	
	height:auto;
	background:#FFF;
	
	margin-bottom:20px;
	position:relative;
	box-shadow:0 0 0 rgba(0,0,0,.15);
	transition:all .36s ease
}
.item_block img,.npagePage:not(.post) .project .item_block img {
	transition:all .36s ease;
	width:100%
}
.item_block:after,.npagePage:not(.post) .project .item_block:after {
	content:'';
	position:absolute;
	bottom:0;
	width:30%;
	opacity:0;
	height:2px;
	left:0;
	right:0;
	margin:auto;
	background:#d60b18;
	transition:all .36s ease-out
}
.item_block:hover,.npagePage:not(.post) .project .item_block:hover {
	box-shadow:0 8px 20px rgba(0,0,0,.15)
}
.item_block:hover:after,.npagePage:not(.post) .project .item_block:hover:after {
	opacity:1;
	width:100%
}
.item_block:hover .item_info,.npagePage:not(.post) .project .item_block:hover .item_info {
	padding-left:7%
}
.item_block:hover .item_img .item_mask,.npagePage:not(.post) .project .item_block:hover .item_img .item_mask {
	opacity:1;
	margin:0
}
.item_block:hover .item_img img,.npagePage:not(.post) .project .item_block:hover .item_img img {
	-webkit-transform:scale(1.08);
	-ms-transform:scale(1.08);
	transform:scale(1.08)
}
.item_block .item_info,.npagePage:not(.post) .project .item_block .item_info {
	transition:padding .36s ease;
	padding:6% 4% 6%;
	text-align:left
}
.item_block .item_info .title,.npagePage:not(.post) .project .item_block .item_info .title {
	color:#303030;
	font-size:16px; padding-bottom:0;    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item_block .item_info .subtitle,.npagePage:not(.post) .project .item_block .item_info .subtitle {
	font-size:14px;
	margin-top:10px;
	line-height:16px
}
.item_block .item_img,.npagePage:not(.post) .project .item_block .item_img {
	position:relative;
	overflow:hidden
}
.item_block .item_img .item_mask,.npagePage:not(.post) .project .item_block .item_img .item_mask {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transition:all .36s ease;
	opacity:0;
	border-radius:100%;
	width:40px;
	height:40px;
	border:1px solid #fff;
	box-sizing:border-box;
	margin-top:-50px
}
.item_block .item_img .item_mask:before,.npagePage:not(.post) .project .item_block .item_img .item_mask:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:1px;
	height:15px;
	background-color:#fff
}
.item_block .item_img .item_mask:after,.npagePage:not(.post) .project .item_block .item_img .item_mask:after {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:15px;
	height:1px;
	background-color:#fff
}



/* third */
.third{ padding:50px 0}


.third .leftNav li{transition: 0.36s;-webkit-transition: 0.36s;-moz-transition: 0.36s;-o-transition: 0.36s;-o-transition: 0.36s}
.third .leftNav li a{width: 100%;height: 60px;line-height: 60px; display: block;color: #666;font-size: 14px; text-align:center;transition: 0.36s;-webkit-transition: 0.36s;-moz-transition: 0.36s;-o-transition: 0.36s;-o-transition: 0.36s}
.third .leftNav li:hover,.third .leftNav .current{ background:#d60b18}
.third .leftNav li:hover a,.third .leftNav .current a{ color:#FFF; padding-left:10px}



/* fourth */
.fourth{ padding:50px 0}


.fd{position: relative;height: auto; overflow:hidden}
.fd img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}
.fd:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.fourth .grid_3{ overflow:hidden}
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000);
color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF);
color: #000; font-weight: 700; }
ul, li { list-style: none; }

.frame { background: none; border: 0px solid #fff; margin-bottom: 0px; }
.temp { margin: 0; }
.slidebar { position: absolute; bottom: 5px; left: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000, endColorstr = #90000000);
color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000, endColorstr = #90000000);
color: #d60b18; font-weight: 700; }
.slideshow SPAN.title { text-indent: 0px; }
.block { margin: 0; position: relative; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.comiis_wrap960, .comiis_wrapad { margin: 0 auto; width: 960px; }
.comiis_wrapad { margin-top: 10px; }
.comiis_wrapad { overflow: hidden; }
.comiis_wrapad img { float: left; margin-top: 0px; width:270px}
#slidesImgs li { display: none; }

/* fifth */
.fifth{ padding:50px 0}

.new-list ul li,.new-list ul li a{line-height:40px;background:#333;transition:padding 0.5s;-moz-transition:padding 0.5s; /* Firefox 4 */-webkit-transition:padding 0.5s;/* Safari and Chrome */-o-transition:padding 0.5s; /* Opera */border-bottom: 1px solid #e1e1e1;overflow:hidden;}

.new-list ul li a{background: #FFF;padding-left:10px;border:0;display:block; }
.new-list ul li h3{ font-weight:normal; line-height:40px}
.new-list ul li:hover{padding:0 15px 0 15px}

.new-list ul li a:hover{padding-left:20px; padding-right:10px}

.ri_new li{border-top: 1px solid #e5e5e5; padding-top:10px}
.ri_new li,.ri_new li h3{transition: all .36s ease; }
.ri_new li:hover{ box-shadow: 0 8px 20px rgba(0,0,0,.15);padding-left:10px }


/*support*/
.support{ position: fixed; top:200px; right:0; width:50px; height:203px; z-index:9999}
.support li{height:50px;position:absolute; left:0;}
.support li img{float:left; margin:12px 12px 14px 14px;display:block}
.support li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#ff6915;  border-radius:6px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li a:hover{ background-color:#008dc6}
.support li.support_tel{width:172px}
.support li.support_wx{width:62px}
.support li.support_qq,.support li.support_qq1,.support li.support_wb{width:172px}
.support li.support_tel,.support li.support_qq,.support li.support_qq1,.support li.support_wb{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.support li.support_qq{top:52px}
.support li.support_qq1{top:104px}
.support li.support_wb{top:156px}
.support li.support_tel:hover{left:-100px}
.support li.support_qq:hover,.support li.support_qq1:hover,.support li.support_wb:hover{left:-70px}
.support li.support_wx{top:208px}
.support li.support_wx i{position:absolute;width:188px; height:188px; left:-208px; top:-136px;background:url(../images/resund.jpg) no-repeat;display: none}
.support li.support_wx:hover i{display: block}

/*To top*/

.to-top {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 120px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}

.to-top:hover{background-position:center -42px}

.to-top, #to-top:focus {outline:none}


/*n_por*/
.n_pro{ border:1px solid #434343;transition: all .36s ease; margin-top:20px; overflow:hidden}
.n_pro img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;height:201px;}
.n_pro:hover{ border:1px solid #d60b18;}
.n_pro:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.n_pro h3,.n_pro p{transition: all .36s ease; height:13px; overflow:hidden; line-height:24px; height:24px; overflow:hidden}
.n_pro:hover h3,.n_pro:hover p{ margin-left:10px;}


.n_neirong .leftNav li{ float:left; border:1px solid #d60b18;border-radius: 6px;  margin-left:10px;transition: all .36s ease;}
.n_neirong .leftNav li a{ display:block;padding:10px 20px;}
.n_neirong .leftNav li:hover,.n_neirong .leftNav .current{ background:#d60b18; }
.n_neirong .leftNav li:hover a,.n_neirong .leftNav .current a{ color:#FFF}
.n_new,.n_new .grid_6 h3,.n_new .grid_6 span,.n_new .grid_6 p{ margin-left:0 ;transition: all .36s ease;}
.n_new:hover{box-shadow: 0 8px 20px rgba(0,0,0,.15); padding:20px 0px}
.n_new:hover .grid_6 h3 { margin-left:10px}
.n_new:hover .grid_6 span{ margin-right:10px}
.n_new:hover .grid_6 p{ margin-left:10px;}

.xz_pro h3{ font-weight:normal;overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap; background:url(../images/xiaz.png) 1px no-repeat; padding-left:30px; line-height:30px;transition: all .36s ease; border-bottom:1px solid #dedede}
.xz_pro h3:hover{ padding-left:35px}

.item{border-bottom: 2px solid #f7faf9\0/;border-radius: 0 0 1px 1px;box-shadow: 0 1px 2px #c5c5c5;transition: .3s;-moz-transition: .3s;
-webkit-transition: .3s;-o-transition: .3s;position: relative;}
.item span{ position: absolute; display: block;z-index: 22; background: #ff0000; -webkit-transition:all 700ms ease; transition:all 700ms ease; }
.item span.left,.item span.right{ width: 2px; }
.item span.ptop,.item span.pbottom{ height: 2px;  }
.item span.left{ top:0px; left: 0px; height:0px;}
.item span.right{ bottom:0px; right: 0px; height: 0px;}
.item span.ptop{ top:0px; left: 0px; width:0px;}
.item span.pbottom{ bottom:0px; right:0px; width:0px;}
.item:hover span{ -webkit-transition:all 700ms ease; transition:all 700ms ease; }
.item:hover span.left,.item:hover span.right{ height: 100%; }
.item:hover span.pbottom{ width: 100%;}
.item:hover span.ptop{ width: 100%;  }

.ms{ padding:0 20px; overflow: hidden;
    text-overflow: ellipsis;
   
    height: 40px;
    line-height: 20px;}

/* Products */

.pro-list li{position: relative;width: 100%;min-height: 170px;margin:10px 0;background: #f7faf9;background: #f7faf9\0/;border-bottom: 2px solid #f7faf9\0/;border-radius: 0 0 1px 1px;box-shadow: 0 1px 2px #c5c5c5;transition: .3s;-moz-transition: .3s;

-webkit-transition: .3s;-o-transition: .3s}

.pro-img{position: relative;height: auto; padding-bottom:50px;overflow: hidden}

.pro-img img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em;}

.pro-learnt{position: absolute;left: 0;right: 0;height: 10px;background-color:#39b94e;bottom: -19px;color: #fff;font-size: 12px;height: 24px;line-height: 24px;text-align: center;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s}

.pro-list li:hover{border-bottom: 2px solid #dae0e5\0/;box-shadow: 0 2px 8px #bbb}

.pro-list li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2)}

.pro-intro,.pro-tips{position: absolute;bottom:0;left:0;right: 0;padding: 0 14px;height: 58px;background:#f5f5f5;background:#f7faf9/;

*background:#f7faf9;font-size:12px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index: 9}

.pro-intro{opacity: 0;z-index: 10;display:none/;*display:none}

.pro-tips h2{color:#363d40;line-height:50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align:center;font-weight:bold;margin: 0}

.pro-intro p{padding-top:10px;height:50px;line-height:20px;margin:0;overflow: hidden}

.pro-list li:hover .pro-intro{color:#444;opacity:1;display:block/;*display:block}

.pro-footer{padding: 40px 0 60px;text-align: center}

.pro-footer a{display: inline-block;width: 118px;border-radius:50px;height: 38px;line-height: 38px;border: 1px solid #d0d6d9;font-size: 16px;color: #363d40;text-decoration:none;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}

.pro-footer a:hover{background-color: #d0d6d9}



/* News */

.infobar{background:#eef1f2; padding:20px 0}
.infobar img{ max-height:150px}
.new-pic{overflow:hidden}


/* links */

.links li{float:left; margin-right:10px}

.links li a{color:#999}

/* Footer */

footer{width:100%;border-top: 1px solid #d2d2d2;padding-top: 30px;padding-bottom: 10px;}
.cpzx ul:first-child{ margin-left:0}
.cpzx ul{ float:left; margin-left:60px}
.cpzx ul .foot_til p{ padding-bottom:10px}
.cpzx ul li a{ color:#666; line-height:24px}
.cpzx ul li a:hover{ color:#d60b18}

.erweima{ float:left; margin-right:50px}
.d_tel p{ padding-bottom:10px}
.d_tel a{ margin:0 5px}
.d_tel .jd{ width:20px;display:inline-block; height:20px; background:url(/skin/default/images/jd.png)}
.d_tel .jd:hover{ background:url(/skin/default/images/jd_1.png)}
.d_tel .xl{ width:20px;display:inline-block; height:20px; background:url(/skin/default/images/xl.png)}
.d_tel .xl:hover{background:url(/skin/default/images/xl_1.png)}

.d_tel .qq{ width:20px;display:inline-block; height:22px; background:url(/skin/default/images/qq.png)}
.d_tel .qq:hover{background:url(/skin/default/images/qq_1.png)}


.footer_bot{ border-top: 1px solid #d2d2d2;padding-top: 30px; margin-top:30px}
.footer_bot_l{ float:left }
.footer_bot_l img{float:left; margin:5px 10px 0 0}
.footer_bot_l ul{ float:left}
.footer_bot_l ul li{ display:inline-block; border-left:1px solid #a3a3a3; padding:0 5px}
.footer_bot_l p{ float:left}
.footer_bot_l .beian{ background:url(../images/beian.png) no-repeat; padding-left:25px; margin-left:10px}
.footer_bot_r{ float:right}
.footer_bot_r ul p{ float:left; margin-right:10px}
.footer_bot_r ul li{display:inline-block; border-left:1px solid #a3a3a3; padding:0 5px}
/* youce */
#toTop {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 180px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}

#toTop:hover{background-position:center -42px;}

#toTop:active, #toTop:focus {outline:none}


/*liandong*/
.yijiliandong a{    padding: 0 30px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
    background-color: #eff2f7;}
/*n_about*/
.n_list_til{ background:#2b2b2b; padding:20px 0 20px 40px}
.n_list_til p{ padding-bottom:0}
.n_list li{ padding-left:40px; border-bottom:1px solid #d2d2d2}
.n_list li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}
.n_list li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}


/***************Page*****************/
.web_banner  img{ display:inline}
.prevnext{border-top: 3px solid #eee;
    overflow: hidden;}
/*Public Css*/

.page-menu{background:#fafafa;border-bottom: 2px solid #0000\0/;box-shadow: 0 1px 3px #bbb;line-height:32px; position:relative}
.m-category{display:none}
.location{text-align:right}

.category{position:relative}
.category li{float:left; margin-right:20px; text-align:center}
.category li.back{border-bottom:2px solid #fc8703;height:30px;z-index:8;position:absolute; list-style:none}
.category li a{z-index:10;display:block; padding:0 10px;position:relative}
.category li.current a{color:#ff0000}

/*Product Css*/

.showMoreNChildren{overflow:hidden}

.showMorehandle{clear:both;margin:0 auto; width:260px; height:42px; line-height:42px; display:block; text-align:center; border:1px solid #e1e1e1}

.showMorehandle a{display:block; cursor:pointer;transition: 0.15s;-webkit-transition: 0.15s;-moz-transition: 0.15s;}

.showMorehandle a:hover{background:#f5f5f5; font-size:16px}

.details p{padding:0 10px}

.details h3{padding-left:20px;line-height:32px; background:#fc8703; color:#fff}

.prevnext{border-top:3px solid #eee; overflow:hidden}

.prevnext a{margin-left:10px}

.position{font-size:12px;display:none}}

.dede_pages {padding:20px 0;font-size:14px;text-align:center;overflow:hidden}

.dede_pages ul{display:inline-block;margin:0 auto;padding:0}

.dede_pages ul li{float:left;font-family:microsoft yahei;margin:0 2px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li a{float:left;color:#555;display:block}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}
.dede_pages ul li.thisclass a{color:#fff}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}#maximg img{max-width:100%;height:auto!important}

.parameter img{ width:auto;display:block}

/*News Css*/

.newsbar a{ font-size:16px}

.data{width:60px; height:60px; display:block;background: #eee;color:#333; text-align:center; line-height:60px}

.month{display:block;width:60px;text-align:center}

.newsbar li {padding:0; overflow:hidden}

.newsbar li a{color:#333;background: none}

.newsbar li a:before{background: none}

.newsbar li a:hover{color:#ff0000}
.newsbar li p{ color:#666}

.newsbar li{border-bottom:1px  dashed #d2d2d2; padding-bottom:10px; margin-bottom:20px}

.prnext {text-align:center}

.prnext b{ color:#999}

.prnext a{margin:0 5px; font-size:13px}


.map2{ display:none}
.map3{ display:none}
/* Lists */

.list1 li{padding-left:60px;padding-top:1px;margin-bottom:8px; line-height:35px}

.list1 a{font-size: 12x; line-height: 15px; color: #333333;text-transform:uppercase;display:inline-block;position: relative; transition: all .36s ease;}
.list1 li a:hover,.list1 .current a{ color:#d60b18; padding-left:10px}
.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}

.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}

/* News Read */

.write{padding-bottom:5px;border-bottom:1px solid #eee}

.write span{margin-right:10px}

/* Contact Css */

.contact p{font-size:14px; color:#333}

#form1 {padding:0px 0 3px 0;}

#form1 .success {width:246px; margin-bottom:20px; }

#form1 textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; color:#736c67; padding:7px 12px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}

#form1 input {width:100%;}

#form1 textarea {overflow:auto; width:100%; height:161px;resize:none; float:left; margin: 0 0 0 0;}	

#form1 label {display:block; min-height:43px; overflow:hidden;}	

#form1 label.message { display:block; padding-bottom:0; }

#form1 .error, #form1 .empty, #form1 .success {display:none;}	


#form1 .error, #form1 .empty {text-align:left; color:red; font-size:11px; clear:both;}

#form1 span{ display:block; margin: 0px 0 0 5px;}
.map1{ width:100%; height:480px}





/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1200px) {

.f86{font-size:54px; line-height:54px}

.f16{font-size:12px}

.f22{font-size:18px}
.fourth .grid_3 img{ width:220px}


.m-category {float:left;height: 30px; margin:5px 0;}
.m-category h4 {cursor:pointer; margin-left:5px; padding:3px 5px; border-radius:5px; background:#2d2d2d}
.m-category h4:hover{ background:#d60b18}
.m-category h4 img{ width:25px}
.m-category ul{display:none;z-index:99;width:100%;left:0;top:40px;position: absolute;list-style:none;background:#d60b18}
.m-category li {border-top:1px solid #fcfcfc}
.m-category li:first-child {border:none}
.m-category li.selected {padding:8px 0 8px 10px;cursor:default}
.m-category li.selected {color:#fc8703;cursor:default}
.m-category li a {display:block;color:#fff;text-decoration:none;font-size:13px;padding:8px 5px 8px 10px;font-weight:bold}
.m-category li a:hover {color:#FFF;}
.m-category li.selected span {cursor:default;font-weight:bold}
.sf-menu li{ margin:0 10px}
.sf-menu a{    padding: 20px 10px;}
.sf-menu > li:hover a, .sf-menu > li:hover > a, .sf-menu > li.sfHoverForce > a{ padding:20px 10px}
.second ul .grid_3{ width:18%}
}

@media only screen and (max-width: 995px) {


.sf-menu li{ margin:0}
.m-category ul{display:none;z-index:99;width:100%;left:0;top:230px;position: absolute;list-style:none;background:#217a78}

.fourth .grid_3 img{ width:180px}
.erweima{ margin-right:10px}
.d_tel .f18{ font-size:14px}
.footer_bot_l{  width:100%; display:block;}
.footer_bot_r{ float:none; display:block}
.ad, .tel{ display:none}

.mnav{ position:absolute ;right:0}

.logo a{ margin-right:0}
.daohang .p_l20{ padding-left:0}
}

@media only screen and (max-width: 767px) {
.daohang{ background:none}

.grid_3 h1,.grid_3 h2{ float:left;width:180px}

.topbox{display:none}

.tel img{float: right; width:200px; display:block}

nav select{margin:0 auto; width:260px}

.mnav{ margin-bottom:10px}

.infobar h3{ margin-top:20px}

.sideline{padding-right:0;border-right:0}
.m-category ul{display:none;z-index:99;width:100%;left:0;top:260px;position: absolute;list-style:none;background:#217a78}
.second{ background-image:none; height:auto}
.third{ display:none}
.fourth .grid_3{ display:none}
.cpzx ul{ float:none; margin-left:0}
.cpzx ul li{ display:inline-block; padding:0 10px}
.support{display:none}
.m-category{ display:block}
.category{ display:none}
.m-category ul{display:none;z-index:99;width:100%;left:0;top:40px;position: absolute;list-style:none;background:#d60b18}

.n_neirong .grid_3{ display:none}
.n_neirong .grid_9 .grid_3{ display:block}
.n_neirong .n_r_cn .grid_3{ float:none; margin-left:0; width:100%}
.map3{ display:none}
.map2{ display:block}
.second ul .grid_3{ width:47%}

}

@media only screen and (max-width: 479px) {

.new-list time{display:none}
.menu-box{ padding:10px 0}
#topbox span{ font-size:12px}
#topbox a{ padding:0}
.second ul .grid_3{ width:100%}
}