/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { color: #353535; background: #fff; font-size: 12px; line-height: 1.25; font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, arial, sans-serif; }
th, td { text-align:left; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
blockquote { margin: 0 0 1em 0; }
a { color: #353535; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { background-color: transparent; }
img { display: block; border: 0; }
li { list-style: none; }
ol { padding: 0 0 0 2em; }
input, label, select, option, textarea, button, fieldset, legend { font-size: 1em; font-family:inherit; }
input[type=text],textarea{-webkit-appearance:none; outline:none; }
input.text{ color:#444; border-color:#9f9f9f #dcdcdc #dcdcdc #9f9f9f; border-style:solid; border-width:1px; padding:3px 2px; height: 14px; }
input.radio, input.checkbox { margin-right: 2px; vertical-align: -2px; }
input.radio, input.checkbox { margin-left: -2px; }
label.radio, label.checkbox { margin-right: 5px; }
textarea { border-color:#9f9f9f #dcdcdc #dcdcdc #9f9f9f; border-style:solid; border-width:1px; padding:1px; resize: none; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; min-height: 1%; }
*html .fix { zoom: 1; }
.fix { display: block; }
.clearleft{clear: left}

.head{ width: 100%; }
.head .con{ position: relative; width: 996px; margin: 0 auto; height: 96px; }
.head .con .logo{ float: left; margin-top: 16px; }
.head .con .logo a{ display: block; width: 160px; height: 64px; padding-left: 80px; background: url(../img/logo.png) no-repeat; font-size: 20px; color: #ff6600; line-height: 64px; }
.head .con .language{ position: absolute; top: 40px; right: 0; font-size: 14px; }
.head .con .language a{ margin: 0 8px; }
.head .con .language .current{ font-weight: bold; }
.head .nav{ background: #f5f6f8; height: 48px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.head .nav ul{ height: 48px; width: 996px; margin: 0 auto; }
.head .nav ul li{ float: left; }
.head .nav ul li a{ display: block; line-height: 48px; padding: 0 13px; font-size: 14px; color: #585858; }
.head .nav ul li a:hover{ background: #ff6600; color: #fff; }
.head .nav ul li a.current{ background: #ff6600; color: #fff; }

.main{ overflow: hidden; width: 996px; margin: 32px auto; }
.main .focus{ position: relative; overflow: hidden; width: 996px; height: 384px; }
.main .focus i{ position: absolute; display: block; width: 140px; height: 104px; display: none; }
.main .focus i.f1{ background: url(../img/big_1.jpg); bottom: 0px; right: 0px; }
.main .focus i.f2{ background: url(../img/big_2.jpg); bottom: 104px; right: 0px; }
.main .focus i.f3{ background: url(../img/big_3.jpg); bottom: 0px; right: 140px; }
.main .focus i.f4{ background: url(../img/big_4.jpg); bottom: 208px; right: 0px; }
.main .focus i.f5{ background: url(../img/big_5.jpg); bottom: 104px; right: 140px; }
.main .focus i.f6{ background: url(../img/big_6.jpg); bottom: 0px; right: 280px; }
.main .focus i.f7{ background: url(../img/big_7.jpg); bottom: 208px; right: 140px; }
.main .focus i.f8{ background: url(../img/big_8.jpg); bottom: 104px; right: 280px; }
.main .focus i.f9{ background: url(../img/big_9.jpg); bottom: 0px; right: 420px; }

.section{ margin-top: 32px; }
.section.relocation{ background: url(../img/bg-world.png) no-repeat; }
.section .tit{ overflow: hidden; position: relative; height: 48px; }
.section .tit h2{ float: left; font-size: 20px; line-height: 47px; padding-right: 16px; border-bottom: 1px solid #ff6600; color: #ff6600; }
.section .tit a{ position: absolute; top: 20px; right: 0; }
.section .con{ overflow: hidden; margin-top: 16px; }

.section .rservices{ overflow: hidden; color: #fff; }
.section .rservices ul{ overflow: hidden; width: 1012px;  }
.section .rservices li{ float: left; display: block; width: 237px; height: 178px; margin-right: 16px; *display: inline; background: #ff6600; filter:alpha(opacity=70); opacity:0.7; }
.section .rservices li i{ display: block; width: 40px; height: 40px; margin: 32px auto 10px; background: url(../img/i.png) no-repeat; }
.section .rservices li i.icon1{ background-position: 0 0; }
.section .rservices li i.icon2{ background-position: 0 -40px; }
.section .rservices li i.icon3{ background-position: 0 -80px; }
.section .rservices li i.icon4{ background-position: 0 -120px; }
.section .rservices li h3{ height: 64px; line-height: 64px; text-align: center; font-size: 18px; }
.section .rservices li a{ color: #fff; }
.section .rservices li p{ overflow: hidden; margin: 0 32px; }

.section .cservices li{ float: left; width: 282px; margin: 0 16px; border: 1px solid #ececec; padding: 8px; _display: inline; zoom: 1; }
.section .cservices li a{ display: block; width: 96px; height: 32px; margin: 16px auto; text-align: center; line-height: 32px; background: #ff6600; color: #fff; border-radius: 5px; }
.section .cservices li h3{ margin-top: 16px; font-size: 20px; color: #ff6600; text-align: center; }

.main .left{ float: left; width: 160px; margin-right: 32px; }
.main .left li{ margin-bottom: 4px; }
.main .left li a{ display: block; background: #f5f6f8 url(../img/i.png) 0 -200px no-repeat; height: 32px; line-height: 32px; text-indent: 30px; border-bottom: 1px solid #ececec; }
.main .left li a:hover{ background: #ff6600 url(../img/i.png) 0 -240px no-repeat; text-decoration: none; color: #fff; border-bottom: 1px solid #ececec; }
.main .left li.current a{ background: #ff6600 url(../img/i.png) 0 -240px no-repeat; color: #fff; border-bottom: 1px solid #ececec; }
.main .right{ float: left; width: 804px; }
.main .right .tit{ height: 48px; color: #ff6600; font-size: 20px; border-bottom: 1px solid #ececec; }
.main .right .con{ margin-top: 32px; line-height: 24px; }
.main .right .con p{ line-height: 24px; margin-bottom: 16px; }
.main .right .con ul{ margin-bottom: 16px; }
.main .right .con li{ line-height: 24px; list-style: disc;}

.main .meger .tit{ height: 48px; color: #ff6600; font-size: 20px; border-bottom: 1px solid #ececec; }
.main .meger .con{ margin-top: 32px; }
.main .meger .con p{ line-height: 24px; margin-bottom: 16px; }
.main .meger .con ul{ margin-bottom: 16px; }
.main .meger .con li{ line-height: 24px; list-style: disc;}
.main .meger .con a{ color: #ff6600; }
.main .meger .con img{ margin: 0 auto; }

.main .meger .download{ line-height: 24px; }
.main .meger .download h3{ font-size: 16px; margin-bottom: 16px; }

.main .con p img{ float: left; margin: 10px auto; }

.foot{ width: 100%; padding: 32px 0; background: #f5f6f8; }
.foot .con{ width: 996px; margin: 0 auto; overflow: hidden; }
.foot .con .copyright{ float: left; display: block; width: 132px; height: 64px; margin: 32px 100px 0; *display: inline; line-height: 160px; background: url(../img/copyright.png) top center no-repeat; }
.foot .con .contacts{ float: left; margin: 0 50px; line-height: 24px; }
.foot .beian{ text-align: center; margin-top: 32px; }
