@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {font-family:Microsoft YaHei,SimHei, SimSun; font-size:14px; color:#333;}
ul,li{list-style-type:none;}
img{width: 100%;border: 0 none;outline-style: none;padding: 0;vertical-align: top;}
input,select,textarea{vertical-align:middle;}
i,span,em,cite,p,dl,dt,dd,span,b{ font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:100%;}
a{ text-decoration:none; cursor:pointer; color:#333;  bblr:expression(this.onFocus=this.blur()); outline-style:none;}
a:hover{ text-decoration:none; color:#666; outline: none;}
a:active {star:expression(this.onFocus=this.blur());outline-style:none;}
.clear{ clear:both;}
/* HTML5 重置为较旧版本的浏览�?*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block;} 

.warpper1{ width:100%; overflow:hidden; padding-top:105px;}

#site-wrapper{ width:100%; position:relative;}
/*******nav**********/
.nav{ width:100%; border-bottom:1px solid #e7e7e7; position:fixed; left:0; top:0; background-color:#fff; z-index:999999999999999;}
.lstheader { max-width:1200px; height:100px; margin:0 auto; position:relative; z-index:4;  font-size:12px; *zoom:1;}
.lstheader:after { clear:both; display:block; height:0; visibility:hidden; line-height:0; content: '\20'; }
#lstlogo{width:435px; height:100%; display:block; float:left; position:relative;}
#lstlogo img{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.lstLeft{ float:left; overflow:hidden; margin-left:5%;}
#lstnav { float:right; margin-left:5%;}
#lstnav ul li { display:block; float:left; *zoom:1; *margin-right:0;  position:relative;  cursor:pointer ; font-weight:600}
#lstnav ul li:hover>a{ color:#f39a00}
#lstnav ul li > a { text-align:center; display:block; font-size:15px; color:#0a0909; padding:0px 20px 15px 20px; line-height:24px  }
/*#lstnav ul li:hover div{ display:block}
#lstnav ul li div{ display:none ; position:absolute ; left:0px; bottom:-2px ; width:100% ; z-index:99999 ; background:url(../images/nav_03.jpg) no-repeat center ; height:13px}
#lstnav ul li div img{ display:block ; margin:0px auto}*/
#padm_nav { display: none; }
#lstnav ul li:last-child{ padding-right:0px }
#lstnav ul li p{ width:110px; padding:0 10px; position:absolute; left:0; top:99px; height:50px; display:none;}
#lstnav ul li p i{ width:100%; height:20px; display:block;}
#lstnav ul li p a{ width:100%; height:40px; display:block; text-align:center; line-height:40px; background-color:#ff9b00; color:#fff; border-top:#fff solid 1px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  -o-box-sizing:border-box; -ms-box-sizing:border-box; }
#lstnav ul li:hover p{ display:block;}

.earch{ width:46%; float:right; height:32px; padding:15px 0; overflow:hidden;}
.earch span,.topearch span{ width:28%; display:block; float:right; overflow:hidden; color:#666; text-align:right; padding-right:20px}
.earch span a,.topearch span a{ margin:0 10px; font-size:12px; color:#909090; line-height:32px;}
.earch span a.label,.topearch span a.label{ color:#f39a00;}
.earch p,.topearch p{ width:52%; height:32px; max-width:290px; float:left; position:relative; display:block;}
.earch p input,.topearch p input{ width:100%; display:block; height:32px; line-height:30px; border:#dedede solid 1px; box-sizing:border-box; font-size:12px; color:#d3d3d3; text-indent:10px; padding-right:30px;}
.earch p a,.topearch p a{ position:absolute; right:0; top:0; width:30px; height:32px; background:url("../images/btn01.png") center center no-repeat;}

.topearch{width:100%; margin:0 auto; height:32px; padding:15px 0; overflow:hidden; display:none; background-color:#191919;}
.topearch span{ text-align:left;}

/*banner*/
.webslider { position:relative; width:100%; clear:both; background:#020202;}
.webslider .slide {position:relative;}
.webslider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; display:none;}
.webslider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.webslider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.webslider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.webslider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.webslider .flex-control-paging { bottom:15px; height:10px; left:0; position:absolute; text-align:center; width:100%; }
.webslider .flex-control-paging li { display:inline-block; margin:0 4px; width:16px;}
.webslider .flex-control-paging li a {width:12px; height:12px; background:url("../images/bannerbtn.png") no-repeat;  display:block; cursor:pointer; text-indent:-1000px; overflow:hidden;}
.webslider .flex-control-paging li a.flex-active { background:url("../images/bannerbtnhv.png") no-repeat;}
.webslider .slides > li {display: none;	-webkit-backface-visibility: hidden; list-style-type: none;}
.webslider .slides img { width:100%; max-width:1920px; display: block;}
.classify{ float:right; width:112px; height:28px; display:block; position:relative; background:url("../images/btn01.png") 90% center no-repeat; padding-right:25px; margin:3em 2% 0 0;}
.classify img{ width:42px; float:left;}
.classify b{ width:70px; float:left; display:block; line-height:28px; cursor:pointer; font-size:12px; color:#555; font-weight:normal; text-align:center;}
.classify ul{ width:70%; display:none; background:url("../images/nav_bg01.png") repeat; border-radius:5px; position:absolute;  left:30%; top:30px; z-index:1;}
.classify ul li{ width:100%; text-align:center; font-size:12px; color:#666; line-height:24px; border-bottom:1px solid #cccaca;}
.classify ul li:last-child{ border-bottom:0;}
.bannersj,.webslider .slides img.sj{ display:none;}

/*Product Series*/
.iproduct{ width:100%; overflow:hidden; background-color:#fafafa; padding-bottom:50px;}
.sytitle{ width:100%; height:66px; border-bottom:#e5e5e5 solid 1px;}
.sytitle .sytitleBox{ width:95%; max-width:1150px; display:block; margin:0 auto;}
.sytitleBox h2,.sytitleHz h2{ font-size:18px; color:#333; padding-top:24px; line-height:42px; position:relative; overflow:hidden; }
.sytitleBox h2:after,.sytitleHz h2:after{ width:80px; border-bottom:#494949 solid 1px; position:absolute; left:0; bottom:0px; content:"";}
.sytitleBox i{font-size:18px; color:#333; display:block; float:left;}
.sytitleBox a{ font-size:12px; color:#828282; display:block; float:right; text-transform:uppercase;}
.friend{ margin:0 auto; overflow:hidden; width:1210px;}
.mr_frbox{ padding:24px 50px 0px 50px; overflow:hidden; position:relative;}
.mr_frBtnL{ width:31px; height:56px; display:block; background:url("../images/btn03.png") 0 0 no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mr_frBtnR{width:31px; height:56px; display:block; background:url("../images/btn03.png") 0 -62px no-repeat; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mr_frUl {float:left; width:1080px; margin-left:25px;}
.mr_frUl ul li{display:inline;float:left; width:100%; overflow:hidden; position:relative;}
.mr_frUl ul li div.model{ width:100%; overflow:hidden;}
.model dl{ margin-right:18px; float:left; _display:inline; overflow:hidden; text-align:center; overflow:hidden;}
.model dl dd{ width:100%; display:block; overflow:hidden; margin-top:19px; position:relative;}
.model dl dd .pic img{width:250px; display:block; }
.model dl dd .pic01 img{width:295px; display:block; }
.model dl dd .pic02 img{width:225px; display:block;}
.model dl dd .picBox{ width:100%; height:3em; overflow:hidden; background:url("../images/bg01.png") repeat; position:absolute; left:0; bottom:0;}
.picBox h2{ padding:0 20%; height:45px; line-height:45px; color:#fff; font-size:14px; text-align:center;}
.picBox p{ width:80%; margin:0 auto; font-size:12px; color:#cfcfcf; line-height:1.5em;}
.picBox a{ width:8em; height:2.2em; display:block; border-radius:5px; background-color:#E90115; color:#fff; font-size:1.2em; text-align:center; line-height:2.2em; margin:1.5em auto 0;}

.iproductBox{ width:95%; max-width:1150px; margin:20px auto 0; overflow:hidden; display:none;}
.iproductBox li{ width:23%; float:left; display:block; margin:0 1%; position:relative;}
.iproductBox li img{ width:100%; display:block;}
.iproductBox li p{ position:absolute; left:0; bottom:0; width:100%; height:32px; display:block; font-size:14px; color:#fff; text-align:center; line-height:32px; background:rgba(0,0,0,0.5);}

.iabout{ width:100%; overflow:hidden;}
.iabout .iaboutBox{ width:95%; max-width:1150px; margin:20px auto; overflow:hidden;}
.iaboutBox .iaboutLeft{ width:50%; padding-right:10%; float:left; overflow:hidden; padding-top:50px;}
.iaboutLeft h2{ font-size:18px; color:#555; margin-bottom:30px;}
.iaboutLeft p{ font-size:13px; color:#888; line-height:24px; margin-bottom:30px;}
.iaboutLeft a{ width:120px; height:32px; display:block; border:#d7d7d7 solid 1px; border-radius:25px; text-align:center; line-height:32px; font-size:13px; color:#555;}
.iaboutBox .iaboutRight{ width:40%; float:left; overflow:hidden;}
.iaboutRight img{ width:100%; max-width:550px; margin-top:20px;}

.sytitleHz{ width:100%; display:block; margin:0 auto; position:relative; z-index:9; margin-top:1px; border-bottom:#e5e5e5 solid 1px;}
.sytitleHz .sytitleHzBox{ width:99%; max-width:1150px; margin:0 auto;}
.iclient{ width:100%; background-color:#fafafa; overflow:hidden; padding:40px 0;}
.iclient .iclientBox{ width:100%; max-width:1150px; margin:0 auto; overflow:hidden;}
.iclientBox img{ width:15%;  max-width:125px; display:block; border:#d4d4d4 solid 1px; float:left; margin-right:1.5%; margin-bottom:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

.footer{ width:100%; background-color:#191919; overflow:hidden; padding-top:45px;}
.footer .foot{ width:95%; max-width:1150px; overflow:hidden; margin:0 auto; padding-bottom:10px; border-bottom:#303a4e solid 1px;}
.foot li{ display:block; float:left; padding-right:85px; margin-bottom:20px; min-height:194px;}
.foot li h2{ font-size:14px; color:#fff; line-height:24px; margin-bottom:20px;}
.foot li > a{ font-size:12px; color:#cacaca; display:block; line-height:30px;}
.foot li dl{ width:100%; display:block; overflow:hidden;}
.foot li dl dd{ display:block; float:left; margin-right:40px;}
.foot li dl dd a{font-size:12px; color:#cacaca; display:block; line-height:30px;}
.foot li:last-child{ padding-right:0px; padding-left:0px;}
.footer .footBox{width:95%; max-width:1150px; overflow:hidden; margin:0 auto;}
.footBox p{ font-size:12px; color:#cacaca; line-height:24px; padding:16px 0; text-align:center;}

.sj_foot{ width:100%; overflow:hidden; background-color:#172F53; padding:20px 0; display:none;}
.sj_foot nav{ width:100%; text-align:center; display:block; color:#cacaca; line-height:24px;}
.sj_foot nav a{ font-size:12px; color:#cacaca;}
.sj_foot p{font-size:12px; color:#cacaca; text-align:center; line-height:28px;}

.case-list-wrap{width: 100%; padding:30px 0px; margin:0px auto;  overflow: hidden}
.case-list-wrap:after{display: block;content: '';clear: both;}
.case-list-wrap .item-list{width: 22%; margin:1%;float: left;padding: 10px 0px; overflow:hidden; border:1px solid #999999}

.case-list-wrap .item-list dl dt{overflow: hidden;}
.case-list-wrap .item-list dl dt a{display: block;}
.case-list-wrap .item-list dl dt a img{width: 100%;-webkit-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;transition: All 0.4s ease-in-out;}
.case-list-wrap .item-list dl dt a:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.case-list-wrap .item-list dl dd{padding: 15px 15px;text-align: center;background-color: #FFF;line-height: 36px;}
.case-list-wrap .item-list dl dd h3{font-size: 14px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.case-list-wrap .item-list dl dd h3 a{color: #333;}
.case-list-wrap .item-list dl dd h3 a:hover,.case-list-wrap .item-list dl dd h3 a:focus{text-decoration: none;}
.case-list-wrap .item-list dl dd h3 a:hover{color: #0b529d;}
.case-list-wrap .item-list dl dd p.intro{font-size: 12px;color: #666;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

@media (max-width: 980px)
{
.case-list-wrap .item-list{width: 31%;margin:1%;}

}

@media (max-width: 640px)
{.case-list{width:100%; margin:0px auto; overflow: hidden}
.case-list-wrap .item-list{width: 46%;margin:1.5%;}

}

@media (max-width: 420px)
{
.case-list-wrap .item-list{width: 100%;margin-left: 0;}

}
.aboutcontet{ width:95%; max-width:910px; margin:20px auto; overflow:hidden;}
.aboutcontet .iaboutLeft{ width:40%; padding-right:4%; float:left; overflow:hidden;}
.aboutcontet .iaboutRight{ width:56%; float:left; overflow:hidden;}
@media (max-width: 720px)
{.aboutcontet .iaboutLeft{ width:100%; float:left; overflow:hidden; padding-bottom:20px;}
.aboutcontet .iaboutRight{ width:100%; float:left; overflow:hidden;}

}


.pro-list-wrap{width: 100%; padding:10px 0px; margin:0px auto;  overflow: hidden}
.pro-list-wrap:after{display: block;content: '';clear: both;}
.pro-list-wrap .item-list{width:28%; margin:2%;float: left;overflow:hidden; }

.pro-list-wrap .item-list dl dt{overflow: hidden;border:1px solid #999999; padding:1px}
.pro-list-wrap .item-list dl dt a{display: block;}
.pro-list-wrap .item-list dl dt a img{width: 100%;-webkit-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;transition: All 0.4s ease-in-out;}
.pro-list-wrap .item-list dl dt a:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.pro-list-wrap .item-list dl dd{padding: 10px 15px;text-align: center;background-color: #FFF;line-height: 26px; font-size:14px}
.pro-list-wrap .item-list dl dd h3{font-size: 14px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.pro-list-wrap .item-list dl dd h3 a{color: #333;}
.pro-list-wrap .item-list dl dd h3 a:hover,.case-list-wrap .item-list dl dd h3 a:focus{text-decoration: none;}
.pro-list-wrap .item-list dl dd h3 a:hover{color: #0b529d;}
.pro-list-wrap .item-list dl dd p.intro{font-size: 12px;color: #666;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

@media (max-width: 980px)
{
.pro-list-wrap .item-list{width: 31%;margin:1%;}

}

@media (max-width: 640px)
{.pro-list{width:100%; margin:0px auto; overflow: hidden}
.pro-list-wrap .item-list{width: 46%;margin:1.5%;}

}

@media (max-width: 420px)
{
.pro-list-wrap .item-list{width: 100%;margin-left: 0;}

}

#page { text-align:center; margin:10px 0px 0px 0px; clear:both; padding-bottom:20px; padding-top:0px;}
#page a,	
#page span{ margin:0 2px;}