@charset "gb2312";
/* CSS Document */
body{ margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";position:relative;color:#333;background:#fff}
div, form, img, ul,  li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a:link, a:visited {color:#222;text-decoration:none;}
a:hover, a:active {color:#2A5EAA;text-decoration:none; cursor:pointer}
a:focus {outline:none; -moz-outline:none}
input,textarea{ outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
.fleft{ float:left}
.fright{ float:right}
.Piece{ display:block;}
*, *::after, *::before{box-sizing:border-box}
/* divbody */
.divbody,.divWide{ width:100%; height:auto; margin:0 auto}
.divWide{ width:1100px;}
/* header*/
.head{overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee}
.logo{ display:block; width:32%}
.logo img{ width:100%;margin:10px 0}
.logoRight{ height:auto; width:70%}
.topA{ width:100%; text-align:right}
.spanA a{ display:inline-block; margin:0px 8px 0}
.set{ overflow:hidden; background:#f4f4f4; letter-spacing:2px;  line-height:28px}
.Tel{ color:#FF3C2D;margin-right:10px; font-weight:600}
.sUL { display:block; position:relative}
.sUL li{ float:left; width:24px; height:24px;  margin-left:10px;}
.sUL li a{ width:100%; height:100%}
.aweixin{ }
.aweixin img{ width:22px;height:22px; margin-top:3px}
.sUL::after{content: " ";display: block;height: 0px;clear: both;}
.divWebBo{z-index:100; position:absolute; display:none; top:29px; width:100px; height:100px; }
.divWebBo img{ width:130px; border:5px solid #ccc}
#divWebBo1{ right:10%;}
#divWebBo{right:10%;}
/*nav*/
.Nav {overflow:hidden; margin-top:20px}
.Nav ul,.Nav li,.Nav a{ display:block}
.Nav li{padding:0 0 0 30px}
.Nav li,.Nav a { font-size:14px;height:40px; line-height:40px; float:left; letter-spacing:2px}
.Nav a{ text-align:center}
.Nav a:hover{ border-bottom:2px solid #2A5EAA;color:#2A5EAA}
.LiS{ padding-right:20px; border-right:1px solid #ccc}
.NavMobile{ display:none; margin:4% 3% 0 0; width:5% }
.NavMobile img{ width:100%}
/*nav-collapse*/
.nav-collapse.NavMoCollapse{height:0;overflow:visible;width:100%;border-top:0; position:relative; z-index:99; display:none}
.nav-collapse ul,.nav-collapse ul li,.nav-collapse ul li a{display:block}
.nav-collapse ul {width:38%; position:absolute; right:10px; top:0}
.nav-collapse ul li{height:40px; float:none; background:#eee; border-bottom:1px solid #666}
.nav-collapse ul li a{ width:100%;line-height:40px; font-size:16px; text-align:center}
.nav-collapse ul li a:hover{color:#C00}
/* banner */
.banner{ height:480px;overflow:hidden}
.m_banner{ background:#fff;height:inherit; position:relative;}
.m_banner .Mban{width:100%; height:100%; position:absolute;top:0;left:0; z-index:6}
.m_banner .Mban img{ width:100%}
.MbanCtrl{ height:100px;width:1200px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -600px;z-index:8;}
.MbanCtrl a{ display:block;width:30px;height:100%; background:url(../images/MbanCtrl.png) no-repeat; position:absolute; opacity:.9;filter: alpha(opacity=90);-moz-opacity:0.9;}
.MbanCtrl a.prev{left:0;}
.MbanCtrl a.next{right:0; background-position:-30px 0;}
/*content*/
.InContxt{ overflow:hidden; margin:30px auto; position:relative}
.InContxt h3,.InContxt p{ float:left; height:60px; line-height:60px}
.InContxt h3{ background:#2A5EAA; width:10%; font-size:15px; text-align:center; color:#fff}
.InContxt p{ background:#f7f7f7;padding-left:30px;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px}
.InContxt span{position: absolute;left: 10%;top: 0;width: 0px;height: 0px;border-left:16px solid #2A5EAA;border-bottom:30px solid transparent;border-top:30px solid transparent;border-right: none;display: inline-block;vertical-align: middle;}
.more{ position:absolute; right:8px; top:15px; display:inline-block; width:80px; background:#FF3C2D; height:26px; line-height:26px;  text-align:center; border-radius:30px; color:#fff !important}
.more:hover{ background:#2A5EAA}
.InproUl,.InproUl li{ overflow:hidden}
.InproUl li{ float:left; width:23%; margin-right:2.65%;padding:10px; background:#f9f9f9}
.InproUl img,.InproUl h3,.InproUl p{ width:100%}
.proStyle li:nth-child(4){ float:right; margin-right:0 !important}
.InproUl h3{ text-align:center; height:30px; overflow:hidden; line-height:30px; margin:4px 0; font-size:18px; font-weight:500}
.InproUl p{ color:#999; height:68px; overflow:hidden}
.InproUl li a:hover h3{ text-decoration:underline}
.InproUl li:hover{ background:#f0f0f0}
.Inabout{ min-height:360px; margin:30px auto;background-repeat: no-repeat; background-image: url(../images/Inabout.jpg); /*background-attachment: fixed; */background-position: top center; background-size:cover }
.Inabout a{color:#fff; display:block;  padding:5% 10%;}
.Inabout p{ width:100%; text-align:center;line-height:28px; font-size:14px; margin-bottom:20px}
.Inabout h3{ letter-spacing:3px; font-size:24px; text-align:center}
.Innews{ overflow:hidden}
.Intitle{ margin-bottom:20px; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:5px; margin-top:20px}
.Intitle h3{ font-size:20px; letter-spacing:2px; float:left}
.InnewCont{ width:47%}
.InnewCont>a>img{ width:100%}
.serSpan{ display:block; height:48px}
.serSpan p{ display:inline-block; background:url(../images/dot.png) no-repeat left center; padding-left:15px; margin-right:20px; font-size:14px; line-height:22px}
.InnewUl,.InnewUl li,.Inspan,.InnweA,.serSpan{ overflow:hidden}
.InnewUl li{ margin-bottom:35px}
.Inspan{ background:#FF3C2D; color:#fff; padding:3px 5px; text-align:center; width:12%; margin-top:4px}
.Inspan h3{ font-size:30px; font-style:italic}
.Inspan p{ font-size:12px; text-transform:uppercase}
.InnweA{ width:84%}
.InnweA h4{ width:100%; height:25px; line-height:25px; position:relative; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px}
.Is{ font-style:normal; display:inline-block; background:#81878F; color:#fff; width:15px; height:15px; text-align:center; line-height:14px; position:absolute; right:0; top:5px}
.InnweA p{ height:34px; margin-top:9px; color:#999}
.InnewUl li a:hover .Is{ background:#DA251C}
.InMore{ display:block;/overflow:hidden;width:auto; margin-left:2%; float:right;  color:#999 !important;margin-top:10px; font-weight:600; text-transform:uppercase}
.InMore:hover{text-decoration:underline }
/*footer*/
.footer{ overflow:hidden; padding:25px 0; background:#aaa; color:#fff}
.footer a{ color:#fff}
.footer a:hover{ text-decoration:underline}
.footF{ width:78%}
.footFImg{ width:14%}
.footFImg img{ width:100%}
.footFCon{ width:40%}
.footFCon h3{ font-size:18px; margin-bottom:10px; letter-spacing:2px}
.footFCon b{ color:#F00}
.footFCon p,.footR p{ line-height:22px}
.footR{ width:18%}
.footRImg,.footR p{display:inline-block; width:50%; margin-bottom:8px;float:left}
.footRImg img{ width:100%}
.footR p{margin-top:30px; float:right; display:inline-block; padding-left:5%}
/*about*/
.ban{ overflow:hidden}
.ban img{ width:100%}
.place{ height:30px; line-height:30px; margin-top:10px}
.place a,.place span{ display:inline-block; margin-right:10px}
.main{ line-height:25px; overflow:hidden; margin-bottom:40px}
.Title{ border-bottom:1px solid #ccc; margin:20px auto 30px; padding-bottom:15px; overflow:hidden}
.Title h3{ font-size:24px; line-height:30px; font-weight:400; float:left}
.Title p{ float:left;margin-left:15px; margin-top:5px; color:#888}
.about{ font-size:1.3em; overflow:hidden}
.aboutTxt{width:80%; float:left;}
.aboutTxt p{  line-height:36px}
.aboutTxt a{margin-top:20px; display:block}
.aboutTxt img{ width:80%; }
.aboutIMg{ float:right}
.aboutIMg  img{ width:auto}
/*news*/
.news,.news ul li,.news ul li a{ overflow:hidden}
.news ul li{ border-bottom:1px solid #ccc}
.news ul li a{ display:block; padding:10px}
.newsImg{ width:20%; margin-right:4%}
.newsImg img{ width:100%}
.newsTxt{ width:76%; }
.newsTxt span,.newsTxt p,.newsTxt h3,.newsTxt i,.news>h3,.news>span{ display:block}
.time{ color:#999}
.newsTxt h3{ font-size:16px; margin:10px 0; font-weight:400; color:#444; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.newsTxt p{ height:50px; overflow:hidden; color:#666}
.moreN{font-style: normal;text-align: right;color:#000;margin-top: 15px;font-weight: 600;margin-right: 10px}
.news ul li a:hover h3,.news ul li a:hover .moreN{ color:#FF3C2D}
.page{ overflow:hidden; margin-top:20px; font-size:1.1em; text-align:center; height:40px}
.page a{ margin-right:30px; color:#933; border:1px solid #ccc; padding:1px 5px; margin-top:5px; display:inline-block}
.page a:hover{ color:#C33}
/*news-1*/
.news>h3,.newsCon>h3{ margin-top:30px;text-align:center; font-size:18px}
.news>span{ text-align:center; margin-top:15px; border-bottom:1px  dashed #ccc; padding-bottom:10px; color:#888}
.newsCon{ width:80%; margin:30px auto; font-size:14px}
.newsCon img{ width:100%; margin:20px auto}
/*products*/
.Title a{ display:block; float:right; padding:0 20px; text-align:center; margin-left:20px; border-radius:3px}
.Title a:hover,.Title a.sty{background: #484848;color: #fff !important }
.Title a{ margin-top:8px}
.caseUl li{ float:left; width:23%; margin: 0 1% 3%}
.caseUl li img{ width:100%}
.caseUl li p{ height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px}
.newsCon>h3{ text-align:left; margin:30px auto 20px}
/*technology*/
.main .InnewUl li{border-bottom:1px dashed #ccc;margin-bottom:10px}
.main .InnewUl li,.RightC .InnewUl li a,.InnewUl li b{height:40px;line-height:40px;}
.main .InnewUl li a{background:url(../images/dot.png) no-repeat left center; padding-left:15px; width:76%; float:left; font-size:1.2em;overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.main .InnewUl li b{ font-weight:500; float:right}
/*contact*/
.contactTxt{ width:38%; text-align:left}
.contactTxt h1{ margin:30px auto; font-weight:300}
.contactTxt img{ width:60%; display:inline-block}
.contactMap{ width:60%}
.frame{ height:480px; width:100%}
/*message*/
.divinputS p,.SpanR,.SpanR li,.SpanR input,.SpanR em{ float:left; display:block}
.SpanR li{ margin-right:30px}
.SpanR input{ margin:0 5px 0 0}
.Pi,.inputD{ margin:0 auto 20px}
.inputD{overflow:hidden}
.inputD p{ width:15%}
.inputD p,.inputD input{ float:left}
.inputD input,.inputS,.inputD textarea,.inputO{border:1px solid #ccc;padding-left:10px}
.inputD input[type=text],.inputD textarea,.SpanR{ width:85%; background:#fff;  line-height:30px}
.inputD input{height:30px;}
.inputD textarea{ height:100px; font-size:12px; color:#999; font-family:"Microsoft YaHei"}
.inputB{ margin:20px auto; text-align:center}
.inputB input{ background:#D54656; color:#fff; text-align:center; height:40px; width:200px; display:inline-block; border:none; font-size:16px}