@charset "utf-8";
html{ font:normal 62.5%/2.3em '微软雅黑',Arial,"宋体"; }
body{ padding:0px; margin:0px auto; font-size:1.6em; color:#636363; background:#232122; min-width:320px; max-width:640px; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px; list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#636363; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0; resize:none;}
img,object{ border:none; border:0; overflow:hidden; vertical-align:top;}
a{ color:#636363; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.Texthide{ display:none;}

.Contain{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:0.75em; padding:3.093% 0;}
.SinglePage p{ margin:0;}
.SinglePage img{ max-width:100%;}

.MainContent{ background:url(../images/BG2.png) repeat left top; margin:0 3.7037%; padding:0 1.5%;}

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

/*banner*/
.HomeBan{ width:100%; position:relative;}
.HomeBan .BanList{ width:100%;}
.HomeBan .BanList ul li{ width:100%;}
.HomeBan .BanList ul li img{ width:100%;}
.HomeBan .MoHu{ width:100%; height:50%; background:url(../images/BanMoHu.png) repeat-x left bottom; background-size:auto 100%; position:absolute; bottom:0; left:0;}

/*banner*/

/*top.html*/
.Toper{ width:100%;}
.Toper .Top{ width:100%; position:relative; background:#b47631;}
.Toper .Top .Logo{ width:81.685%; margin-left:3.6111%; padding:5.8% 0 4.8%;}
.Toper .Top .Logo a{ display:block;}
.Toper .Top .Logo img{ width:100%;}
.Toper .Top .TopNav{ width:14.63%; float:right;}
.Toper .Top .TopNav .NavBtn{ display:block; padding:39.5% 0 38%;}
.Toper .Top .TopNav .NavBtn img{ width:100%;}
.Toper .Top .TopNav .AddNavBtn{ background:url(../images/BG1.png) repeat left top;}
.Toper .Top .TopNav .Nav{ position:absolute; width:100%; left:0; text-align:center; display:none; z-index:10;}
.Toper .Top .TopNav .Nav ul li{ background:url(../images/BGNav.png) repeat-x left bottom; font-size:1.5em; line-height:3;}
.Toper .Top .TopNav .Nav ul li.onnav{ background:url(../images/BgNavHover.png) repeat-x left bottom;}
.Toper .Top .TopNav .Nav ul li a{ color:#515151; display:block;}
.Toper .Top .TopNav .Nav ul li.onnav a{ color:#fff;}

/*top.html*/

/*bottom*/
.Bottomer{ text-align:center; line-height:1.8; padding:3.63% 0; font-size:0.875em;}
.Bottomer p{ margin:0;}
.Bottomer p.Copyright{ color:#d5d5d5;}
.Bottomer p.Copyright1{ color:#939393;}
.Bottomer p.Copyright1 a{ color:#939393; text-decoration:underline;}

/*bottom*/

/*Current*/
.Current{ padding:5% 0; margin:0 3.7037%;}
.Current .Columnname{ float:left; font-size:1.875em; font-weight:bold; line-height:1; color:#fff;}
.Current .Location{ float:left; padding-left:10px;}
.Current .Location p{ margin:0; text-transform:uppercase; color:#93b3c6; font-family:Cambria; font-size:1em; line-height:1; font-weight:bold;}
.Current .Location dl{ color:#daecf5; font-size:0.875em; line-height:1.3;}
.Current .Location dl a{ color:#daecf5;}

/*Current*/

/*SildeBar*/
.SildeBar{ padding:3.093% 0; border-bottom:2px solid #d4d9dc;}
.SildeBar .MenuList ul li{ width:30.33%; text-align:center; background:#8195a0; float:left; font-size:1.25em; line-height:2.1; margin-right:3%;}
.SildeBar .MenuList ul li a{ color:#fff; display:block;}
.SildeBar .MenuList ul li.onmenu,.SildeBar .MenuList ul li.onmenu1{ background:#b47631;}

.ContLeft{ width:100%;}
.ContLeft ul li{ width:25%; text-align:center; float:left; font-size:1em; line-height:3; border-bottom:2px solid #d4d9dc;}
.ContLeft ul li a{ color:#505050;}
.ContLeft ul li.onsubmenu a,.ContLeft ul li.onsubmenu1 a{ color:#b47631;}

.InsideColumn{}
.InsideColumn span{ background:url(../images/Bg3.jpg) no-repeat left center; font-size:1.5em; color:#b57631; font-weight:bold; padding-left:17px; line-height:1.5;}

/*SildeBar*/


/*Pages*/
/*Pages*/

/*index*/
.HomeContent{ margin:3.7% 3.7037% 0;}
.HomeContent .HomeBox1{ background:#97652e; text-align:center;}
.HomeContent .HomeBox1 ul li{ width:33.333%; float:left; margin:2.5% 0 0;}
.HomeContent .HomeBox1 ul li a{ color:#fff; font-weight:bold;}
.HomeContent .HomeBox1 ul li a img{ width:55%;}
.HomeContent .HomeBox1 ul li a p{ margin:0; line-height:2.3; font-size:1.25em;}
.HomeContent .HomeBox2{ background:#e4e4e4; margin-top:3.47%; position:relative;}
.HomeContent .HomeBox2 .HomePrev1{ width:4.7%; position:absolute; right:14.8%; bottom:5.9%;}
.HomeContent .HomeBox2 .HomeNext1{ width:4.7%; position:absolute; right:8.4%; bottom:5.9%;}
.HomeContent .HomeBox2 .HomePrev1 img,.HomeContent .HomeBox2 .HomeNext1 img{ width:100%;}
.HomeContent .HomeBox2 .HomeNews{ margin:0 8%; padding:5% 0;}
.HomeContent .HomeBox2 .HomeNews li{}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsDate{ margin-left:0.5%; width:19.81%; float:left; text-align:center; background:url(../images/BGDate.png) no-repeat center; background-size:100% 100%; color:#fff;}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsDate span{ font-size:2.8125em; line-height:1.5; display:block;}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsDate p{ font-size:1.0625em; margin:0; line-height:2;}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsCont{ width:71.429%; float:right; font-size:1.25em; font-weight:bold; line-height:1.5;}
.HomeContent .HomeBox3{ background:#97652e; margin-top:3.47%;}
.HomeContent .HomeBox3 .HomeAbout{ margin:0 8%; padding:5% 0; display:block;}
.HomeContent .HomeBox3 .HomeAbout .HomeAboutImg{ width:23.69%; float:left;}
.HomeContent .HomeBox3 .HomeAbout .HomeAboutImg img{ width:100%;}
.HomeContent .HomeBox3 .HomeAbout .HomeAboutCont{ width:71.429%; float:right; font-size:1.5em; line-height:1.5;}
.HomeContent .HomeBox3 .HomeAbout .HomeAboutCont p{ margin:0; color:#fff;}

/*index*/

/*Industrial*/
.Industrial{ padding:4.1237% 0;}
.Industrial img{ margin-bottom:8px;}

/*Industrial*/

/*news*/
.News{}
.News ul li{ width:100%; padding:4.1237% 0;}
.News ul li img{ width:100%;}
.News ul li .NewsListTitle{ font-size:1.5em; color:#b57631; line-height:1.3; padding:10px 0 0; display:block;}
.News ul li span{ display:block; color:#999; font-size:1em; line-height:2;}
.News ul li p{ margin:0; color:#333; font-size:1em; line-height:1.5;}

.NewsInfo{ padding:30px;}
.NewsInfo h3{ font-size:1.5em; font-weight:bold; color:#b57631; text-align:center; margin:0; line-height:1.3;}
.NewsInfo h4{ font-size:1em; text-align:center; margin:0; color:#666; font-weight:normal; border-bottom:1px dashed #999; line-height:3;}
.NewsInfo .info_txt{ padding:30px 0; color:#333; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; font-size:1em;}
.NewsInfo .info_txt p{ margin:0;}
.NewsInfo .info_txt img{ max-width:100%;}

/*news*/

/*case*/
.Case{ padding:4.1237% 0;}
.CaseList{}
.CaseList ul li{ width:100%; padding:4.1237% 0;}
.CaseList ul li img{ width:100%;}
.CaseList ul li .CaseListTitle{ font-size:1.5em; color:#b57631; line-height:1.3; padding:10px 0 0; display:block;}
.CaseList ul li span{ display:block; color:#999; font-size:1em; line-height:2;}
.CaseList ul li p{ margin:0; color:#333; font-size:1em; line-height:1.5;}


/*case*/

/*Manage*/
.Manage{}
.Manage ul li{ width:100%; padding:4.1237% 0;}
.Manage ul li img{ width:100%;}
.Manage ul li .ManageListTitle{ font-size:1.5em; color:#b57631; line-height:1.3; padding:10px 0 0; display:block;}
.Manage ul li span{ display:block; color:#999; font-size:1em; line-height:2;}
.Manage ul li p{ margin:0; color:#333; font-size:1em; line-height:1.5;}

/*Manage*/

/*Platform*/
.Platform{ border-top:1px solid #dbe0e2; margin-top:25px; padding-top:25px;}
.Platform ul li{ width:47%; float:left; height:160px; overflow:hidden; margin-right:2.5%; margin-bottom:2.5%; text-align:center;}
.Platform ul li a{ display:block; text-align:center; background:#fff;}
.Platform ul li a img{ display:block; margin:0 auto; padding:21px 0; height:119px;}
.Platform ul li a:hover{ background:#b47631;}
.Platform ul li a:hover img.PlatformImg{ display:none;}

/*Platform*/

/*contact*/
.ContactCont{ padding:4.1237% 0;}

/*contact*/

/*job*/
.Job{ padding:4.1237% 0;}
.Job ul li{ margin-bottom:2px;}
.Job ul li dl dt{ background:url(../images/bg8.png) no-repeat right center #a1afb7; padding:10px 17px;}
.Job ul li dl dt p{ font-size:1em; color:#fff; margin:0; line-height:1.2;}
.Job ul li dl dt span{ font-size:0.8333em; line-height:1; color:#fff;}
.Job ul li dl dd{ color:#333; font-size:0.875em; padding:18px 18px 30px; display:none;}
.Job ul li dl dd p{ margin:0;}
.Job ul li dl dt.onjob{ background:url(../images/bg7.png) no-repeat right center #b47631;}

/*job*/

/*Online*/
.Online{ color:#333; font-size:0.875em; padding:4.1237% 0;}
.Online table{ width:100%;}
.Online tr td{ padding:18px 6px 18px 0;}
.Online tr td .text{ background:#fff; border:1px solid #b47631; width:97%; padding:6px 5px; font-family:"微软雅黑";}
.Online tr td .textarea{ height:180px;}
.Online tr td .btn{ font-family:"微软雅黑"; font-size:1.25em; width:166px; height:43px; line-height:2.2; text-align:center; background:#b47631 !important; border:1px solid #99662e; border-radius:0; color:#fff; display:block;}

/*Online*/

/*about*/
.About{ text-align:left;}
.About .AboutTableList1{padding-bottom:30px;margin:4px;padding-left:30px;width:90%;padding-right:0px;background:#8195a0;float:left;height:70px;padding-top:30px;border-radius:36px 0;}
.About .AboutTableList2{text-align:right;padding-bottom:30px;margin:4px;padding-left:0px;width:90%;padding-right:30px;background:#b57631;float:left;height:70px;padding-top:30px;border-radius:0 36px;}
.About .AboutTableList3{padding-bottom:30px;margin:4px;padding-left:30px;width:90%;padding-right:0px;background:#b57631;float:left;height:70px;padding-top:30px;border-radius:0 36px;}
.About .AboutTableList4{text-align:right;padding-bottom:30px;margin:4px;padding-left:0px;width:90%;padding-right:30px;background:#8195a0;float:left;height:70px;padding-top:30px;border-radius:36px 0;}
.About .AboutTableList .AboutTableCont1{ line-height:30px;color:#fff;font-size:1.75em;font-weight:bold;}
.About .AboutTableList .AboutTableCont2{ line-height:30px;color:#fff;font-size:1.5em;}
.About .AboutTableList1 .AboutTableCont1 .AboutTableCont1Span,.About .AboutTableList4 .AboutTableCont1 .AboutTableCont1Span{ padding-bottom:0px;text-transform:uppercase;padding-left:5px;padding-right:5px;font-family:Arial;color:#8fa1ab;font-size:1.5em;font-weight:bolder;padding-top:0px;}
.About .AboutTableList2 .AboutTableCont1 .AboutTableCont1Span,.About .AboutTableList3 .AboutTableCont1 .AboutTableCont1Span{ padding-bottom:0px;text-transform:uppercase;padding-left:5px;padding-right:5px;font-family:Arial;color:#bd8341;font-size:1.5em;font-weight:bolder;padding-top:0px;}

/*about*/



@media screen and (max-width:480px){
.Toper .Top .TopNav .Nav ul li{ font-size:1em;}
/*index*/
.HomeContent .HomeBox1 ul li{ width:33.33%; float:left; margin:2.5% 0 0;}
.HomeContent .HomeBox1 ul li a img{ width:55%;}
.HomeContent .HomeBox1 ul li a p{ font-size:0.875em;}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsDate span{ font-size:1em; line-height:2.5; font-weight:bold;}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsDate p{ font-size:0.75em; margin:0; line-height:1.5;}
.HomeContent .HomeBox2 .HomeNews li .HomeNewsCont{ font-size:1em;}
.HomeContent .HomeBox3 .HomeAbout .HomeAboutCont{ font-size:1em;}
/*index*/

/*Current*/
.Current .Columnname{ font-size:1.5em;}
.Current .Location p{ font-size:0.875em;}
.Current .Location dl{ font-size:0.75em;}
/*Current*/

/*SildeBar*/
.SildeBar .MenuList ul li{ font-size:1em; line-height:2.1;}

.ContLeft ul li{ font-size:0.875em;}
.InsideColumn span{ font-size:1em;}

/*SildeBar*/

/*news*/
.News ul li .NewsListTitle{ font-size:1.25em; color:#b57631;}
.News ul li span{ font-size:1em;}
.News ul li p{ font-size:1em;}
/*news*/

/*case*/
.CaseList ul li .CaseListTitle{ font-size:1.25em; color:#b57631;}
.CaseList ul li span{ font-size:1em;}
.CaseList ul li p{ font-size:1em;}
/*case*/

/*Manage*/
.Manage ul li .ManageListTitle{ font-size:1.25em; color:#b57631;}
.Manage ul li span{ font-size:1em;}
.Manage ul li p{ font-size:1em;}
/*Manage*/

.Bottomer{ text-align:center; font-size:0.875em;}
	
}


@media screen and (max-width:400px){
/*Current*/
.Current .Columnname{ float:none;}
.Current .Location{ float:none; width:100%; padding-left:0px; padding-top:2%;}
/*Current*/

/*about*/
.About .AboutTableList1,.About .AboutTableList2,.About .AboutTableList3,.About .AboutTableList4{width:85%;}
.About .AboutTableList .AboutTableCont1{ font-size:1.5em;}
.About .AboutTableList .AboutTableCont2{ font-size:1.25em;}
.About .AboutTableList1 .AboutTableCont1 .AboutTableCont1Span,.About .AboutTableList4 .AboutTableCont1 .AboutTableCont1Span{ font-size:1.25em;}
.About .AboutTableList2 .AboutTableCont1 .AboutTableCont1Span,.About .AboutTableList3 .AboutTableCont1 .AboutTableCont1Span{ font-size:1.25em;}
/*about*/
	
.Platform ul li{ width:100%; float:left; height:160px; overflow:hidden; margin-right:0; margin-bottom:2.5%;}
}
.AboutCont1{ background: url(../../cn/images/bg6.jpg) no-repeat center #b57631; background-size: contain; padding: 3% 8%; max-width: 100%;box-sizing: border-box;}