@charset "utf-8";
/* CSS Document */
body{ font-size:14px; font-family:Microsoft YaHei;background:#fff}
body,h1,h2,h3,h4,h5,h6,p,span,img,ul,ul li,li,ol,ol li,input{margin:0; border:none; padding:0;}
img{max-width: none;}
ul,ol,ul li,ol li{ list-style:none}
.cleart{ clear:both}
a,a:hover{ text-decoration:none}
a{color:#000}
a:hover{color:#541111;}
h2 {line-height: 25px;}
.mar{ margin:0 auto; width:1250px;}
.rel{ position:relative}
.abs{ position:absolute}
.icon{ background:url(../images/icon.png) no-repeat}
.fontcenter{ text-align:center}
.clear{ clear:both}
/**Top start****/
.topwrap{ background:#f2efef; height:140px; width:100%}
.topbox{ width:1250px; height:140px; margin:0 auto;}
.topbox a.logo{ float:left; width:280px; height:120px; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat}
.topbox .nav{ float:right; width:930px; margin:30px 0 0 0}
.topbox .nav ul li{ width:155px; height:45px; float:left;}
.topbox .nav ul li a{width:155px; height:45px; display:block; line-height:45px; text-align:center; color:#305dc3}
.topbox .nav ul li a:hover,.topbox .nav ul li a.alink{ background:#305dc3;color:#fff}
/***Banner start **/
.bannerwrap{height:430px; width:100%}
.fullSlide{width:100%;position:relative;height:410px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:410px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:410px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0032a4;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
/*Index Company profile*/
.indCompanyWrap{height:300px; width:100%; padding:50px 0 0 0}
.indCompanyBox{ color:#909090; line-height:25px;}
.indCompanyBox h2{ text-align:center; font-size:24px; font-weight:200;}
.indCompanyBox h2 span{ width:97px;height:45px; line-height:45px;  border-bottom:2px solid #305dc3; display:inline-block}
.indCompanyBox p{ padding:20px 0 20px 0}
.indCompanyBox a{ display:block; background:#305dc3; padding:10px 5px; line-height:20px; color:#fff; width:150px; margin:0 auto; text-align:center}
/*******Index Product start*******/
.indProdWrap{ width:100%; height:380px; background:#305dc3;}
.indProdBox{ height:380px; background:url(../images/ind_probg.jpg) top center no-repeat; position:relative}
.indProdBox .indProd{ top:150px; left:10px; width:1230px; height:320px; }
.indProdBox .indProd ul li{ width:580px; height:310px; position:relative; background:#000; float:left}
.indProdBox .indProd ul li .indProddv{ top:10px; left:10px; width:570px; height:300px; border:1px solid #a6a6a6; background:#fff; padding:10px 0 0 10px}
.indProdBox .indProd ul li .indProddv .indProdLeft{ width:260px; height:260px;float:left;}
.indProdBox .indProd ul li .indProddv .indProdLeft img{max-width:260px; width:auto !important; width:260px; height:260px;overflow:hidden;}
.indProdBox .indProd ul li .indProddv .indProdRight{ float:left; width:280px; height:280px; margin: 0 0 0 15px;}
.indProdBox .indProd ul li .indProddv .indProdRight h2{ font-weight:200; font-size:16px; color:#305dc3; padding:20px 0 10px 0}
.indProdBox .indProd ul li .indProddv .indProdRight p{ font-size:14px; line-height:25px; color:#909090}
.indProdBox .indProd ul li .indProddv .indProdRight a{ width:105px; height:30px; line-height:30px; background:#305dc3; text-align:center; color:#fff; margin:30px auto; display:block}
.indProdBox .indProd ul li .indProddv .indProdRight a:hover{ background:#3168e6}
.indProdWrap2{width:100%; height:360px; margin:120px 0 0 0}
.indProdBox2{height:330px; width:1250px;overflow: hidden;}
.indProdBox2 ul li{ background:url(../images/indProBg.jpg) no-repeat; width:406px; height:330px; margin:0 10px 0 0; float:left}
.indProdBox2 ul li img{ margin:10px 0 0 10px}
.indProdBox2 ul li h4{ font-weight:200; font-size:16px; text-align:center; line-height:40px; height:40px}
.indProdBox2 ul li h4 a{ color:#000}
.indProdBox2 ul li a.indProBtn2{ width:100px; height:29px; background-position:0 0; display:block; margin:10px auto}
.indProdBox2 ul li a:hover.indProBtn2{background-position:0 -29px;}
/**Foot**/
.foot{ width:100%; height:300px; background:#212121; margin:50px 0 0 0;color:#fff; padding:20px 0 0 0}
.footBox{ width:1250px; height:300px;}
.footBox .footLeft,.footBox .footMid,.footBox .footRight{ width:450px; float:left; }
.footBox .footLeft h5,.footBox .footMid h5,.footBox .footRight h5{ border-bottom:2px solid #fb5710; height:40px; line-height:40px; display:inline-block; font-size:16px }
.footBox .footLeft ol,.footBox .footRight ol{ padding:20px 0 0 0}
.footBox .footLeft ol li{ line-height:40px; width:400px; height:40px}
.footBox .footLeft ol li.tel,.footBox .footLeft ol li.phone,.footBox .footLeft ol li.mail,.footBox .footLeft ol li.fox,.footBox .footLeft ol li.adress{ padding-left:50px}
.footBox .footLeft ol li.tel{ background-position:0 -60px;}
.footBox .footLeft ol li.phone{ background-position:0 -95px;}
.footBox .footLeft ol li.mail{ background-position:0 -138px;}
.footBox .footLeft ol li.fox{ background-position:0 -178px;}
.footBox .footLeft ol li.adress{ background-position:0 -212px;}
.footBox .footMid{ position:relative}
.footBox .footMid p{ position:absolute; width:190px; top:70px; left:0px; line-height:30px}
.footBox .footMid img{ position:absolute;right:40px; top:70px;width:165px; height:170px;}
.footBox .footRight{ width:200px; margin:0 0 0 100px}
.footBox .footRight ol li{ line-height:30px; height:30px;}
.footBox .footRight ol li a{ color:#fff}
.footBox .footRight ol li a:hover{ color:#999}
.foot2{ height:70px; text-align:center; line-height:70px; background:#000; color:#fff}
/***Company**/
.comBannerWrap,.prodBannerWrap{ width:100%; height:265px; background:url(../images/compBanner01.jpg) #000 top center;}
.compContentWrap,.compContentWrap .compContentBox{width:100%; height: auto !important; min-height:100px; height:100px}
.compContentWrap,.compContentWrap .compContentBox h4.fontEnglish{ font-size:14px; color:#999999; font-weight:200}
.compContentWrap .compContentBox{ width:1250px;}
.compContentWrap .compContentBox h2{ font-size:24px; line-height:40px; height:40px; padding-top:40px; color:#000}
.compContentWrap .compContentBox h5{ font-size:14px; line-height:25px; height:25px; color:#999;padding-bottom:20px}
.compContentWrap .compContentBox p{ line-height:35px; color:#999;font-size: 17px;}
.compContentWrap .compContentBox .comBottomImg{ padding:30px 0 0 20px}
/**Product****/
.prodBannerWrap{ background:url(../images/prodBanner01.jpg) #000 top center;}
.prodContentBox{ min-height:800px; height:auto !important; height:800px;  padding:40px 0 0 0}
.prodContentBox .prodContentLeft{ width:250px; height:auto; float:left;}
.prodContentBox .prodContentLeft h2{ font-weight:200; font-size:16px; padding-left:10px}
.prodContentBox .prodContentLeft .prodSecondNav{ border:1px solid #e2e2e2; width:240px; padding:30px 0 30px 15px; margin:15px 0 0 0; height:auto}
.prodContentBox .prodContentRight{ width:970px; float:right;}
.prodContentBox .prodContentLeft .prodSecondNav ul li{}
.prodContentBox .prodContentLeft .prodSecondNav ul li,.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav ul li{ background:url(../images/icon.png) -45px -61px no-repeat;line-height:30px;}
.prodContentBox .prodContentLeft .prodSecondNav ul li.openNav,.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav ul li .proThirdChildNav ul li.openNav { background:url(../images/icon.png) -122px 6px no-repeat}
.prodContentBox .prodContentLeft .prodSecondNav ul li.proSecPares h3{ padding-left:30px; font-size:14px; font-weight:200}
.prodContentBox .prodContentLeft .prodSecondNav ul li.proSecPares h3 a{ color:#000}
.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav ul li{margin:0 0 0 10px}
.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav ul li .proThirdChildNav ul li a{ padding-left:30px; color:#000}
.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav ul li .proThirdChildNav ul li a.ablue{ color:#03F}
.prodContentBox .prodContentLeft .prodSecondNav ul li.proSecPares h3 a.ablue,a.ablue{ color:#03F}
.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav{ /*display:none*/}
.prodContentBox .prodContentRight { float:right; width:960px; height:auto;}
.prodContentBox .prodContentRight h2{ font-weight:200;padding-left:10px}
.prodContentBox .prodContentRight h2 font{ font-size:16px;}
.prodContentBox .prodContentRight h2 span{ padding-left:20px; font-size:12px;}
.prodContentBox .prodContentRight .proList{margin: 15px 0 0 0;}
.prodContentBox .prodContentRight .proList ul li{border:1px solid #e2e2e2; width:280px; height:280px; padding:5px 10px; float:left; margin:0 15px 20px 0;}
.prodContentBox .prodContentRight .proList ul li.addListBorder{border:1px solid #305dc3;}
.prodContentBox .prodContentRight .proList ul li h2,.prodContentBox .prodContentRight .proList ul li h2 a{ font-weight:200; font-size:16px; color:#000; text-align:center; line-height:30px}
.prodContentBox .prodContentRight .proList ul li p{ color:#787878; padding:10px 0}
.prodContentBox .prodContentRight .proList ul li a.proListBtn{ width:105px; height:30px; line-height:30px; text-align:center; background:#305dc3; display:block; margin:0 auto; color:#fff}
.prodContentBox .prodContentRight .proList ul li a:hover.proListBtn{ background:#3565d3; }
.prodContentBox .prodContentRight .proList ul li img{max-width:280px; width:auto !important; width:280px; height:215px;overflow:hidden; }
.prodContentBox .prodContentRight .prodContent{ width:940px; border:1px solid #e2e2e2;min-height:800px; height:auto !important; height:800px; margin:15px 0 0 0 }
.prodContentBox .prodContentRight .prodContent h2{ height:40px; line-height:40px; font-size:14px; padding-left:20px; background:#f6f6f6;}
.prodContentBox .prodContentRight .prodContent .prodContexplain{ margin:20px 0 0 20px; width:930px;}
.prodContentBox .prodContentRight .prodContent .prodContexplain .prodContexplainLeft{ float:left; width:300px}
.prodContentBox .prodContentRight .prodContent .prodContexplain .prodContexplainLeft img{max-width:300px; width:auto !important; width:300px;}
.prodContentBox .prodContentRight .prodContent .prodContexplain .prodContexplainRight{ float:left; width:530px; margin:0 0 0 50px}
.prodContentBox .prodContentRight .prodContent .prodContexplain .prodContexplainRight p{ line-height:30px; color:#787878}
.prodContentBox .prodContentRight .prodContent .prodContexplain .prodContexplainRight p span{ padding-left:30px; display:block}
.prodContentBox .prodContentRight .prodContent .prodContentRule{ width:900px; margin:20px 0 0 20px; height:auto;}
.prodContentBox .prodContentRight .prodContent .prodContentRule .prodContentRuleLab{ border-bottom:1px solid #e2e2e2; position:relative; height:40px}
.prodContentBox .prodContentRight .prodContent .prodContentRule .prodContentRuleLab ul{ position:absolute; top:-1px; left:0px}
.prodContentBox .prodContentRight .prodContent .prodContentRule .prodContentRuleLab ul li{ width:130px; height:42px; background:url(../images/lab.jpg) 0 0 no-repeat; float:left; line-height:42px; text-align:center; cursor:pointer}
.prodContentBox .prodContentRight .prodContent .prodContentRule .prodContentRuleLab ul li.addLab{ background-position:0 -42px;}
.prodContentBox .prodContentRight .prodContent .prodContentRule .prodContentFont{ width:880px; padding:20px 10px; line-height:30px; color:#787878;}
.prodContentBox .prodContentRight .prodContent .prodContentRule .prodContentFont img{max-width:850px; width:auto !important; width:850px;}
.prodContentBox .prodContentLeft .prodSecondNav ul li .proSecChildNav ul li.proSecOth{ padding-left:30px}
/*******News******/
.compContentWrap .compContentBox .newsList{ margin:50px 0 20px 0;}
.compContentWrap .compContentBox .newsList ul li.newsLi{ padding:20px 30px; border-top:1px solid #c9c9c9}
.compContentWrap .compContentBox .newsList ul li.newsLi h2{ font-size:16px; font-weight:200; padding-top:0px;}
.compContentWrap .compContentBox .newsList ul li.newsLi p{ font-size:14px; color:#7f7f7f; font-weight:200}
.compContentWrap .compContentBox .newsList ul li.newsLiBg{ background:#d9d9d9}
.compContentWrap .newsBorder{ border:1px solid #e2e2e2; margin:50px auto; }
.compContentWrap .compContentBox p.newsArt{ padding:50px 40px}
/*****DownLoad******/
.downloadCont{ width:1250px;}
.downloadCont ul li{ width:1250px; border-bottom:1px solid #c9c9c9; height:250px;}
.dCont_left{ width:260px; float:left;  text-align:center; padding-top:50px}
.dCont_left img{ text-align:center;border:1px solid #c9c9c9;}
.dCont_right{ width:950px; float:right;}
.dCont_right h3{ border-bottom:1px dotted #c9c9c9; font-size:18px; color:#474747; height:30px; padding:50px 0 0px 10px}
.dCont_right p{ padding:20px 0 0 0; line-height:22px; font-size:14px;}
.dCont_right p span{color:#ff6500;}
.dCont_right a.downloadBtn,#submit{width:138px; height:32px;color:#fff; display:block; background:#305dc3; margin:10px 0 0 0; border:1px solid #1e88d6; text-align:center; line-height:32px; font-size:16px}
.dCont_right a:hover{ background:#3a70ea;}
.downloadContLi{background:#f4f4f4}
/*******About*****/
.compContentWrap .compContentBox .aboutContent{ padding:50px;}
.compContentWrap .compContentBox .aboutContent .aboutContentLeft{ float:left; width:480px;}
.compContentWrap .compContentBox .aboutContent .aboutContentRight{ float:right; width:660px;}
.compContentWrap .compContentBox .aboutContent .aboutContentLeft h3.abttitle{ padding:10px 0; color:#000}
.view_contents{position:relative; width:100%; margin:0 auto; padding:0; z-index:10; height:100%; overflow: hidden;}
.gformStyle_1{width:100%; box-sizing: border-box;}
#liuyanban_style_01_1499971652168{width:90%;}   @media screen and (min-width:641px) and (max-width:1200px) {#liuyanban_style_01_1499971652168{width:90%;}}   @media screen and (max-width:640px) {#liuyanban_style_01_1499971652168{width:100%;top:519px;left:0%;}} #liuyanban_style_01_1499971652168 > .view_contents{}  #liuyanban_style_01_1499971652168 .titSet {text-align:left;font-size:20px;font-weight:bold;} 
#liuyanban_style_01_1499971652168 .btnaSet {font-size:14px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background:#305dc3;} 
#liuyanban_style_01_1499971652168 .inputSet {margin-top:5px;background:transparent;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-bottom-color:#e5e5e5;border-left-color:#e5e5e5;} 
#liuyanban_style_01_1499971652168 .textareaSet {background:transparent;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-bottom-color:#e5e5e5;border-left-color:#e5e5e5;} 
#liuyanban_style_01_1499971652168 .btnaSet:hover {background:#3368de;} @media screen and (min-width:641px) and (max-width:1200px) { #liuyanban_style_01_1499971652168 .btnaSet {margin-top:28px;}}
#liuyanban_style_01_1499971652168 .gformList input{
	float:left; margin-right:1%;
}
#liuyanban_style_01_1499971652168 .gformList input[name=tel],#liuyanban_style_01_1499971652168 .gformList input[name=qq]{ float:right; margin-right:0;}
#liuyanban_style_01_1499971652168 .btnaSet{width:30%;min-width:0;}
#liuyanban_style_01_1499971652168 .gf_name{width:49%; float:left;min-width:0;}
#liuyanban_style_01_1499971652168 .gf_tel{width:49%; float:right;min-width:0;}
#liuyanban_style_01_1499971652168 .gf_email{clear:both;position:relative;top:4px;min-width:0;}
.gformStyle_1 *{box-sizing: border-box;transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; box-sizing: border-box;}
.gformStyle_1 form{}
.gformStyle_1 .gformS{width:100%;box-sizing:border-box;}
.gformStyle_1 .gf_title{text-align:center; font-size:18px; line-height:2;}
.gformStyle_1 .gformList{width:100%;margin-bottom:4px;}
.gformStyle_1 .gformList span{display:block; float:left; width:36px; font-size:14px; line-height:34px;}
.gformStyle_1 .gformList textarea.gf_message, .gformStyle_1 .gformList input.gfInput{width:100%;max-width:100%; min-width:300px; box-sizing:border-box; font-size:14px; color:#333; padding:8px; border:1px solid #eee;}
.gformStyle_1 .gformList input.gfInput{height:34px; width:100%; min-width:300px;}
.gformStyle_1 .gformList textarea.gf_message{}
.gformStyle_1 .gbt{background:#EC8C14; color:#fff; font-size:16px; line-height:40px; cursor:pointer; box-sizing:border-box; border:0; height:40px; width:100%; margin:3% auto;}

.gformStyle_1 #gbook{width:100%; box-sizing:border-box; list-style:none; clear:both;}
.gformStyle_1 li.gbList{background:#fff; margin-bottom:10px; color:#333; padding:10px; box-sizing:border-box;}
.gformStyle_1 .gb_name{font-size:14px; line-height:3; white-space:nowrap; border-top: 1px solid #aaa; padding:10px;}
.gformStyle_1 .gb_content{margin:10px auto;  clear:both;}
.gformStyle_1 .gb_page{background:#fff; text-align:center; font-size:14px; line-height:2;}
.gformStyle_1 .gb_replay{margin:10px auto; border-top:1px solid #ccc; padding-top:10px; box-sizing:border-box; font-size:14px;}
.gformStyle_1 .gb_replay b{padding-left:50px; }
.gformStyle_1 .gb_replay .gb_content{padding-left:50px; }
.gformStyle_1 .gb_info{float:right; color:#666;}
.gformStyle_1 .gb_nickname{}

@media screen and (max-width:991px){
.gformStyle_1 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:calc(100% - 36px); }
}
@media screen and (max-width:768px){
.gformStyle_1{padding:15px;}
.gformStyle_1 .listTit{display:none;}
.gformStyle_1 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:100%;}
.gformStyle_1 .gbt{font-size:14px;}
}
@media screen and (max-width:480px){
.gformStyle_1{padding:10px;}
.gformStyle_1 .listTit{display:none;}
.gformStyle_1 .gformList textarea.gf_message,.gformStyle_1 .gformList input.gfInput{margin:auto; max-width:auto; min-width:100%; }
.gformStyle_1 .gb_replay{padding-left:10px;font-size:14px;}
.gformStyle_1 .gb_nickname,.gformStyle_1 .gb_nickname b{font-size:14px;}
}

.gformStyle_1 .gformList textarea.gf_message, .gformStyle_1 .gformList input.gfInput,.gformStyle_1 li.gbList{background:#f5f5f5;}/*modBgColor*/
.gformStyle_1 .modFontColor{color:#333;}
.gformStyle_1 .modBorderColor{border-color:#f5f5f5 !important;}.imgStyle img{width:100%; height:100%;}
.Ind_mapbox{ width:1100px; padding:20px 0 0 0; m}
.Ind_mapbox img{ display:block;}