@charset "utf-8";
html, body, div, span, object, iframe, a, img, dl, dt, dd, ul, li, form{margin:0; padding:0; border:0}
html{width:100%; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px}
body{width:100%; background:#fff}
body, input, textarea{font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; color:#555}
ul{list-style:none}:focus{outline:0}
:link, :visited, ins{text-decoration:none}
input, textarea{outline:none}
a:link, a:visited{color:#555}
a:hover, a:active{color:#f00!important}
.table{border-collapse:collapse; width:100%; border:1px #6d0101 solid; color:#fff; font-size:0.7rem; line-height:36px; background-color:#e21d1d}
.table tr{height:36px}
.table tr.tit{height:36px; color:#cd0202; line-height:36px; font-weight:bold; background-color:#fff45c}
.table td{border:1px #6d0101 solid}
/*layout*/
.clearfix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clearfix{zoom:1}
.clear{clear:both}
/*全屏*/
.fullwidth{width:100%; min-width:1200px; _width:expression(document.body.clientwidth <1200?"1200px":"auto"); margin:0 auto}
/*内容*/
.header{width:1200px; height:130px; margin:0 auto; overflow:hidden}
.logo{float:left; width:300px; height:100%}
.note{float:left; width:240px; height:100%; padding-left:30px; border-left:#eee 1px solid; overflow:hidden}
.note a{display:block; font-size:20px; padding-top:40px}
.hotline{float:right; width:400px; height:100%; line-height:130px; font-size:20px; padding-left:60px; background:url(../ge/tel.png) left center no-repeat; overflow:hidden}
.hotline a{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold}
.hotline a:link, .hotline a:visited{color:#f6821d}
.hotline a:hover, .hotline a:active{color:#f00!important}

.menubg{width:100%; height:50px; background:#404144}
.inmenu{width:1200px; height:100%; margin:0 auto}
.inmenu li{float:left; height:100%; line-height:50px}
.inmenu li a{display:block; padding:0 64px; font-size:16px}
.inmenu li a:link, .inmenu li a:visited{color:#fff}
.inmenu li a:hover, .inmenu li a:active{color:#fff!important; background:#f6821d}
.inmenu li .current{background:#f6821d}

.banner{width:100%; height:560px; overflow:hidden}

.project{width:1200px; margin:0 auto; margin-top:30px}
.project .tit{width:100%; height:140px}
.project .tit .cn{width:100%; height:50px; line-height:50px; font-size:40px; text-align:center; color:#f6821d; margin:0 auto; clear:both}
.project .tit .en{width:155px; height:50px; line-height:50px; font-size:20px; text-align:center; border-bottom:#f6821d 1px solid; margin:0 auto}
.project .tit .dn{width:100%; height:50px; line-height:50px; font-size:12px; text-align:center; color:#666; margin:0 auto; clear:both}
.project .con{width:100%; overflow:hidden}
.boxes{float:left; width:160px; height:190px; margin-left:100px; margin-top:20px}
.boxpic{width:100%; height:160px; overflow:hidden}
.boxpic a{display:block; width:100%; height:160px; margin:0; padding:0; font-size:0; line-height:0}
.boxpic img{display:block; width:100%; height:160px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out}
.boxpic a:hover img{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg)}
.boxtxt{width:100%; height:30px; line-height:30px; font-size:18px; color:#000; font-weight:bold; text-align:center; overflow:hidden}

.case{width:1200px; margin:0 auto; margin-top:90px}
.case .tit{width:100%; height:120px}
.case .tit .en{width:389px; height:50px; line-height:50px; font-size:50px; margin:0 auto}
.casename{float:left; height:100%; padding:0 10px; background:#f6821d; color:#fff}
.casetxt{float:left; height:100%; margin-left:6px}
.case .tit .cn{width:100px; height:50px; line-height:50px; font-size:20px; text-align:center; border-bottom:#ccc 1px solid; margin:0 auto; clear:both}
.case .con{width:100%; overflow:hidden}
.inpro{float:left; width:390px; height:400px; margin-left:6px; margin-top:20px; background:url(../ge/inpro.jpg) top left no-repeat}
.propic{width:370px; height:350px; position:relative; z-index:1; overflow:hidden; margin-top:10px; margin-left:10px}
.propic img{width:100%; height:350px; position:absolute; z-index:2; top:0; left:0}
.protxt{width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; margin-top:10px}

.newsbg{width:100%; background:#eee; padding:30px 0px; margin-top:30px}
.innews{width:1200px; margin:0 auto}
.innews .tit{width:100%; height:140px}
.innews .tit .cn{width:100%; height:50px; line-height:50px; font-size:40px; text-align:center; color:#f6821d; margin:0 auto; clear:both}
.innews .tit .en{width:130px; height:50px; line-height:50px; font-size:20px; text-align:center; border-bottom:#f6821d 1px solid; margin:0 auto}
.innews .con{width:100%}
.inlist{}
.inlist li{float:left; width:280px; height:30px; line-height:30px; margin-left:6px; overflow:hidden}
.inlist li.first{width:1000px; height:40px; line-height:40px; margin:10px 0px; clear:both}
.intit{display:inline-block; padding:0px 30px 0px 10px; background:#f6821d; color:#fff; background:url(../ge/intit.png) top right no-repeat}

.contain{width:1200px; margin:0 auto; margin-top:30px}
.contain .tit{width:100%; height:140px}
.contain .tit .cn{width:100%; height:50px; line-height:50px; font-size:40px; text-align:center; color:#f6821d; margin:0 auto; clear:both}
.contain .tit .en{width:170px; height:50px; line-height:50px; font-size:20px; text-align:center; border-bottom:#f6821d 1px solid; margin:0 auto}
.contain .con{width:100%; min-height:300px}

.footbg{width:100%; background:#000; padding:30px 0px}
.footer{width:1200px; margin:0 auto}

.inabout{float:left; width:500px; height:220px; color:#ccc}
.inabout .tit{width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; border-bottom:#444 1px solid}
.inabout .con{width:100%; margin-top:10px}

.incontact{float:left; width:380px; height:220px; margin-left:30px; color:#ccc}
.incontact .tit{width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; border-bottom:#444 1px solid}
.incontact .con{width:100%; margin-top:10px}

.inqr{float:left; width:120px; height:220px; margin-left:30px}
.qrtxt{float:right; width:130px; height:220px; color:#ccc}

.incopy{width:1200px; text-align:center; color:#aaa; border-top:#444 1px solid; padding:20px 0; clear:both}
.incopy a:link, .incopy a:visited{color:#aaa}
.incopy a:hover, .incopy a:active{color:#f00!important}
