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

*{margin:0px;padding:0px;}
html{overflow-x:hidden; overflow-y:auto;}
body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:23px; min-width:1200px; overflow:visible; color:#666; background-color:#ffffff;}
body a{ text-decoration:none; color:#666;}
body a:hover{ color:#3dcd58;}
.clear{clear:both; display:block; margin:0px; padding:0px; list-style:0px;}
.index form{ margin:0px; padding:0px;}
.imagehover:hover img {border-top-width: 0px; border-left-width: 0px; filter: alpha(opacity=65);opacity:0.65; border-bottom-width: 0px; border-right-width: 0px; }
.input{ border:0;}
ul{list-style:none;padding:0px; margin:0px;}
img{ border:0px;}
p{font: 14px/25px "Arial";}

.fl{ float:left;}
.fr{ float:right;}

.gyayBg{ background:#e9e9e9; width:100%; clear:both;}
.whiteBg{ background:#fff; width:100%; clear:both;}



.topBg{ position:fixed; width:100%; padding-bottom:8px; height:64px; background:url(../images/topBg.png) top center repeat-x; z-index:22;}

.top{max-width:1120px; margin:0 auto;}

.menu{ width:75%; float:left;}

.nav{ width:100%; height:auto;}
.menu .nav .mainlevel{ width:16%; height:auto;border-bottom: 1px solid #a50c2d; color:#fff; list-style:none; text-align:left; border-bottom:none; float:left;}
.nav .mainlevel a{ height:auto; padding:0; width:100%; font-size:15px; line-height:64px; text-align:left;}
.nav .mainlevel li{height:auto;}
.nav .mainlevel a:hover{ font-size:15px;line-height:64px;height:64px;}
#nav .mainlevel a {color:#006e51;text-decoration:none; height:64px;font-family:"Arial";text-align:left; line-height:64px;display:block;}


#nav .mainlevel .ulnav {display:none; position:absolute;padding:0;border-bottom:0px;width:130px;margin-left:-20px; z-index:2;}
.ulnav ul{ width:130px;float:left;margin:0px 0px;overflow: hidden;position: absolute;z-index: 2; padding:0px 0px;}

#nav .mainlevel ul li {line-height:32px; height:32px;display:block;width:130px;text-align:left;float:left; position:relative; z-index:2;transition: all 0.5s ease; margin:0px 0px; padding:0px 0px;}
.ulnavBg{background:#fff;filter:alpha(opacity=60);opacity:0.6; position:absolute; z-index:3; width:130px; height:auto; float:left; height:32px;}
#nav .mainlevel ul li a{color:#666; font-family:"Arial";line-height:32px; width:130px;height:32px;text-align:center;background:none;float:left;font-size:13px; padding-left:0px; display:block;transition: all 0.5s ease; position:absolute; z-index:22;}
#nav .mainlevel ul li a:hover{color:#595959;line-height:32px; width:130px;height:32px;background:#f0f0f0;text-decoration:underline;text-decoration:none;transition: all 0.6s ease;}

#mainlevel_01{ width:12%;}
#mainlevel_02{ width:20%;}
#mainlevel_03{ width:18%;}
#mainlevel_04{ width:20%;}
#mainlevel_05{ width:15%;}
#mainlevel_06{ width:15%;}


.language{ width:4%; float:left; padding-right:6%; margin-top:24px;}
.language a{padding:0px 10px; color:#fff; background:#3dcd58;}
.language a:hover{ color:#fff;}
.logo{ width:15%; float:right;}


.lxBg{ width:100%; background:#666; border-bottom:solid 1px #888888;padding-top:60px;}
.lxMain{ width:1120px; margin:0 auto; background:url(../images/map.jpg) right top no-repeat; padding-bottom:90px;}

.lxMain .botlxL{ width:420px; float:left;}
.lxMain .botlxL h2{ font-size:32px; display:block; float:left; width:100%; color:#96cf4b;line-height:32px; font-weight:normal;}
.lxMain .botlxL span{ background:url(../images/lxIcon.png) 0px 8px no-repeat; padding-left:22px; font-size:13px; line-height:30px; display:block; float:left; color:#fff; margin-top:20px;}
.lxMain .botlxR{ width:130px; float:left; padding-top:65px;}
.lxMain .botlxR img{ width:110px; padding:10px 10px; display:block; margin:0 auto;background:#fff;}
.lxMain .botlxR span{ width:130px; display:block; float:left; line-height:18px; font-size:13px;text-align:center; color:#fff;}



.lxMain .botlxR2{ width:260px; float:left; padding-top:130px;}
.lxMain .botlxR2 ul li{ width:130px; float:left; display:block;}




.footBg{ width:100%; background:#333; height:40px; line-height:40px;}
.foot{ width:1120px; margin:0 auto; line-height:40px; color:#fff; font-size:13px;}
.foot span{ display:block;}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline; color:#fff;}


.INbanner{ width:100%; height:580px;}
.INBannerTxt{ width:1120px; margin:0 auto; padding-top:180px;}
.INBannerTxt h2{ display:block; float:left; font-weight:normal; font-size:32px; width:100%;}
.INBannerTxt span{ display:block; float:left; width:100%; line-height:24px; font-size:15px;padding-top:20px;}

/*---------- banner style ----------*/
.banner{ width:100%; height:680px; z-index:-9;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1120px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none; background:#fff; width:12px;height:12px; margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on {  background:#3dcd58;cursor:pointer; width:12px; height:12px;}
.banner, .banner a {height:680px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}


.main1{ width:1120px; margin:0 auto; padding:60px 0px;}
.imgList{ width:1120px; float:left;}
.imgList ul { width:1140px; margin-left:-20px;}
.imgList ul li { width:360px;float:left; margin-left:20px;}
.imgList ul li a{ display:block;}
.imgList ul li a.imgPic{ width:360px; height:180px; display:block; float:left;}
.imgList ul li a.imgPic img{ width:360px; height:180px;}
.imgList ul li a.imgTitle{ width:360px; float:left; height:25px; line-height:25px; padding:8px 0px; font-size:15px;}
.imgList ul li a.imgTitle:hover{ text-decoration:none;}
.imgList ul li span{ display:block; float:left; width:360px; line-height:22px; height:136px; overflow:hidden; color:#666;}
.imgList ul li a.more{ margin-top:10px; color:#3dcd58; float:left; width:300px;}

.c1{ width:1120px; float:left;}
.c1 h2{ font-size:32px; font-weight:normal; display:block; float:left; width:100%;}
.c1 .bodytext{ width:100%; padding:30px 0px; line-height:30px; font-size:13px; display:block; float:left;}
.c1 .c1Btn{ width:100%; float:left;}
.c1 .c1Btn a{ display:block; float:left; margin-right:20px; width:250px; height:30px;background:#3dcd58; color:#fff; text-align:center; line-height:30px; border:solid 1px #3dcd58;}


/*-------关于我们首页---------*/
.c2{ width:1120px; margin:0 auto;}
.c2 ul{ width:1140px; margin-left:-20px;}
.c2 ul li{ display:block; width:550px; margin-left:20px; float:left; font-size:14px;}


/*------公司简介-----------*/
.history{ width:1120px; margin:0 auto;}
.history ul li{ width:1120px; display:block; float:left; margin-bottom:30px;}
.historyL{ width:800px; float:left;}
.historyL h1{ width:100%; display:block; float:left; font-size:30px; font-weight:normal;}
.historyL h2{ width:100%; display:block; float:left; font-size:15px; padding:15px 0px;}
.historyL p{width:100%; display:block; float:left; font-size:13px; line-height:20px;}
.historyR{ float:right; widows:265px;}


/*-------优势------*/
.advantage{ width:1120px; margin:0 auto;}
.advantage ul {width:1170px; margin-left:-50px;}
.advantage ul li { width:330px;float:left; margin-left:50px;}
.advantage ul li .advantageImg{ width:185px; height:185px; float:left; margin:0px 72px;}
.advantage ul li .advantageImg img{ width:182px; height:182px; border:solid 2px #d6d6d6;border-radius:182px;}
.advantage ul li .advantageTit{ width:330px; float:left; padding:10px 0px; text-align:center; font-size:22px; color:#3dcd58;}
.advantage ul li .advantageTxt{ width:330px; float:left; text-align:center;}


/*------应用-----*/
.c3{ width:1120px; margin:0 auto; line-height:25px;}

.div1{ width:1100px;}
.div1Title{ width:1100px; float:left; padding:35px 0px;text-align:center; color:#3dcd58;font-size:24px; font-weight:bold;line-height:30px;}
.div1Title label{color:#3dcd58;font-size:16px;}

.div1 table{ text-align:center;}


/*-------荣誉质量-------*/

.honor{ width:1120px;}
.honor ul{ width:1180px; margin-left:-60px;}
.honor ul li{ width:175px; float:left; margin-left:20px;}
.honor ul li img{ width:175px; height:200px; display:block;}
.honor ul li span{ width:175px; text-align:center; line-height:25px; margin-bottom:20px; font-size:14px;display:block; float:left;}



.pageNav{padding:45px 0 40px; text-align: center; clear: both; }
.pageNav a { display: inline-block; margin: 0 2px; padding: 2px 10px; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; font-size: 14px;  }
.pageNav a:hover,.pageNav .current { background:#3dcd58; color: #fff; border-color: #3dcd58; }



/*------新闻--------*/
.news{ width:1120px; float:left;}
.news ul li{ width:1120px; display:block; float:left; height:180px; margin-bottom:40px;}
.news ul li a.newsImg{ display:block; float:left; width:360px; height:180px;}
.news ul li .newsTxt{ width:740px; float:right;}
.news ul li .newsTxt a.newsTitle{ width:740px; display:block; float:left; height:30px; line-height:30px; font-size:16px;}
.news ul li .newsTxt span{ width:740px; display:block;  float:left; padding:20px 0px; line-height:24px; height:75px; overflow:hidden;}
.news ul li .newsTxt a.more{ color:#3dcd58;}

.newsInfo{ width:1120px; float:left; margin-top:100px;}
.newsInfo .newsInfoL{ width:720px; margin:0px auto;}
.newsInfo .newsInfoL .newsInfoTitle{ width:720px; display:block; float:left; font-size:24px; padding-bottom:20px; text-align:center;}
.newsInfo .newsInfoL .newsInfoTxt{ width:720px; display:block; float:left; font-size:13px;}
.newsInfo .newsInfoR{ width:360px; float:right;}

.return{ color:#fff; display:block; float:left; text-align:center; background: #3dcd58; border:solid 1px #00694d;width:360px; height:30px; line-height:30px;}
.return:hover{ background:#3dcd58; border:solid 1px #78a839;transition: all 0.5s ease; color:#fff;}


/*----------联系我们----------*/

.message{ width:570px; padding:40px 270px; float:left; margin:0 auto;}
.message .messageDiv{ width:570px; float:left; margin-bottom:20px;}
.message .messageDiv .fl{ width:100px; float:left; padding-right:20px; height:40px; line-height:40px; text-align:right;}
.message .messageDiv .fl span{color:#F00;}
.message .messageDiv .fr{ width:450px; float:right;}
.message .messageDiv .ipt1{width:450px;float:left;padding:0px 9px;height:38px;line-height:38px;border:none;border:solid 1px #b3b3b3;display:block;}
.message .messageDiv textarea{ width:450px; float:left;padding:9px 9px;height:160px;line-height:28px;border:none;border:solid 1px #b3b3b3;display:block;}
.message .messageDiv .ipt2{width:175px;float:left;padding:0px 9px;height:38px;line-height:38px;border:none;border:solid 1px #b3b3b3;display:block;}
.message .messageDiv .sel{width:150px;float:left;padding:0px 9px;height:38px;line-height:38px;border:none;border:solid 1px #b3b3b3;display:block;}
.message .messageDiv .btn1{color:#fff; display:block; float:left; text-align:center;  background: #3dcd58; border:solid 1px #00694d; width:190px; height:30px; line-height:30px; cursor:pointer;}
.message .messageDiv .btn1:hover{ background:#75000b;background:#3dcd58; border:solid 1px #78a839;color:#fff;}

.message .messageDiv .btn2{color:#fff; display:block; float:right; text-align:center; background:#949494; border:solid 1px #868686; width:190px; height:30px; line-height:30px; cursor:pointer;}
.message .messageDiv .btn2:hover{ background:#7c7c7c; border:solid 1px #737373;transition: all 0.5s ease; color:#fff;}


.job{ width:1120px; margin:0 auto;}
.job ul{ width:1155px; margin-left:-35px;}
.job ul li{ width:350px; float:left; margin-left:35px;}
.job ul li .joTitle{ width:350px; float:left;}
.job ul li .joTitle a{ font-size:16px; font-weight:bold; line-height:20px;}
.job ul li .joTitle i{ height:14px; padding-top:6px; padding-left:6px;}
.job ul li .jobTxt{ width:350px; float:left; padding:20px 0px; font-size:13px;line-height:24px;}


.jobInfo{ width:1000px; margin:0 auto;}
.jobInfo .jobInfoTitle{ width:1000px; float:left; text-align:center; font-size:32px; height:32px; line-height:32px;}
.jobInfo .jobInfoTxt{ width:1000px; float:left; padding-top:30px; font-size:14px;}

.c4{ width:1100px; margin:0 auto; padding:60px 0px;}
.c4 h2{ display:block; float:left; width:1100px; font-weight:normal;text-align:center; font-size:32px; height:32px;line-height:32px;}
.c4  .apply{ color:#fff; display:block; margin:30px auto 0px auto;text-align:center;  background: #3dcd58; border:solid 1px #00694d;width:360px; height:30px; line-height:30px;}
.c4 .apply:hover{background:#3dcd58; border:solid 1px #78a839;transition: all 0.5s ease; color:#fff;}

.lxMain2{ width:920px; margin:0 auto;}
.lxMain2 .botlxL{ width:600px; float:left;}
.lxMain2 .botlxL h2{ font-size:32px; display:block; float:left; width:100%;line-height:32px; font-weight:normal;}
.lxMain2 .botlxL span{ background:url(../images/lxIcon2.jpg) 0px 12px no-repeat; padding-left:28px; font-size:16px; line-height:40px; display:block; float:left;margin-top:20px;}
.lxMain2 .botlxR{ width:195px; float:right; padding-top:0px;}
.lxMain2 .botlxR img{ width:195px; height:195px;display:block; float:left;}
.lxMain2 .botlxR span{ width:195px; display:block; float:left; line-height:35px; font-size:14px;text-align:center;}



/*-------产品中心------*/

#content{}


.csc-default, .csc-frame-grey, .csc-frame-blue-grey {
  width: 100%;
}

#content > .csc-default, #content > .csc-frame-grey, #content > .csc-frame-blue-grey {
  padding: 30px 0px;
  background-color: #fff;
}

#content .csc-frame-grey {
  background-color: #ddd;
}

#content .csc-frame-blue-grey {
  background-color: #ebeff3;
}

#content .csc-frame-centered {
  text-align: center;}


/* general/reset */

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #f0f0f0;
}


.csc-frame-centered h1{font-weight: normal;line-height: 1.2;color: inherit; text-align:center; margin:0 auto; width:100%; display:block; float:left;font-size: 13px; height:25px; line-height:25px;font-family:"Arial";}
.csc-frame-centered h2{ display:block; float:left;margin: 10px 0px 10px 0px; font-size:32px; text-align:center; width:100%; font-weight:normal; height:32px; line-height:32px; font-family:"Arial";}


.isofilters { margin-top: 20px;}

.isofilters .dropdown-menu, footer .dropdown-menu {margin-top: -20px; border: none; width: 100%;}
.isofilters{ margin-top:20px; width:1140px; float:left; margin-left:-20px; position:relative;}
.col-sm-4{ width:360px; float:left; margin-left:20px;}





/*.csc-frame-centered{ width:1120px; float:left; position:relative;}
.csc-frame-centered h1{font-weight: normal;line-height: 1.2;color: inherit; text-align:center; margin:0 auto; width:100%; display:block; float:left;font-size: 13px; height:25px; line-height:25px;}
.csc-frame-centered h2{ display:block; float:left;margin: 10px 0px 10px 0px; font-size:32px; text-align:center; width:100%; font-weight:normal; height:32px; line-height:32px;}

.isofilters{ margin-top:20px; width:1140px; float:left; margin-left:-20px; position:relative;}
.col-sm-4{ width:360px; float:left; margin-left:20px;}

.btn-default, .btn-primary, .btn-big {width: 100%;text-transform: uppercase;margin-bottom: 20px;letter-spacing: 1px;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff; background-color: #a80010;border-color: #8f000e;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 5px 10px; font-size: 13px;line-height: 1.53846154;border-radius: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: all 0.5s ease;}


.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none; float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 13px;text-align: left; background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);border-radius: 0;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip: padding-box;background-clip: padding-box;}

.dropdown-menu>li>a { display: block; padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.53846154;color: #666;white-space: nowrap;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #f0f0f0;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {text-decoration: none; color: #595959; background-color: #f6f6f6;}

.textsearch{    width: 100%;position: absolute;left: 0px;z-index: 3;bottom: -60px;}
.csc-frame-centered{ text-align:center;}
.textsearch img {width: auto;cursor: pointer;}

.textsearch-content{ text-align:center;}
.textsearch-content p {margin-bottom: 50px;    margin:3px 0px 10px 0px;}
.textsearch-content h2 { font-size: 32px; font-weight:normal;}

.textsearch-switch{ display:none;}
.quicksearch {
    width: 200px;
    display: inline; margin:0 auto;
}

.form-control {
    display: block;

    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.53846154;
    color: #888;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
*/



.products{ width:1120px; margin:0 auto; padding: 60px 0px;}
.products ul{ width:1133px; float:left; margin-left:-13px;}
.products ul li{ width:270px; float:left; margin-left:13px; margin-bottom:20px;}
.products ul li .Box{ width:260px; float:left; height:200px;-webkit-box-shadow: 5px 5px 8px 0px rgba(153,153,153,1);
    -moz-box-shadow: 5px 5px 8px 0px rgba(153,153,153,1);
    box-shadow: 5px 5px 8px 0px rgba(153,153,153,1);}
	
.products ul li .Box .BoxBg{ width:260px; height:20px; float:left;}
.products ul li .Box .BoxMain{ padding:10px 10px; width:240px; float:left; height:160px;}
.products ul li .Box .BoxMain .name{ width:240px; float:left; font-size: 16px;line-height: 1.3em; height:2.6em; overflow:hidden;font-weight:800;}
.products ul li .Box .BoxMain .color{ width:240px; float:left; font-weight:bold; padding:5px 0px; height:20px; line-height:20px; overflow:hidden;}
.products ul li .Box .BoxMain .application{ width:240px; float:left; padding:10px 0px; height:40px; line-height:20px; overflow:hidden;}
.products ul li .Box .BoxMain .more{ color:#3dcd58; float:left; height:25px; line-height:25px;}
.products ul li .Box .BoxMain .more:hover{ text-decoration:underline;transition: all 0.5s ease;}


/*--------产品详细页面--------*/

.pInfoTop{ width:1100px; margin:0 auto; padding-top:60px;}
.pInfoTop .fl{ width:400px; float:left; border:solid 1px #dddddd; height:300px;}
.pInfoTop .fl img{ width:400px; height:300px; float:left;}
.pInfoTop .fr{ width:650px; float:right;}
.pInfoTop .fr .name{ width:650px; float:left; font-size:22px;line-height:30px; font-weight:bold; padding-bottom:20px;}
.pInfoTop .fr .cos{ width:650px; min-height:35px; height:auto; line-height:35px; float:left; font-size:14px;}
.pInfoTop .fr .cos label{}

.pInfo{ width:1100px; margin-top:40px; float:left; clear:both;}
.pInfoTitle{ width:1100px; float:left; height:40px; background:#ddd;}
.pInfoTitle ul li{ width:219px; float:left; height:40px; line-height:40px; font-size:14px; border-right:solid 1px #c9c9c9;display:block; float:left; text-align:center; cursor:pointer;}
.pInfoTitle ul li:hover{background:#3dcd58;transition: all 0.5s ease; color:#fff;}
.pInfoTitle ul li.proHover{background:#3dcd58;transition: all 0.5s ease; color:#fff;}

.pInfoBox{ width:1040px; padding:20px 30px; font-size:13px; float:left; min-height:400px;}