blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul { margin: 0; padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:after,q:before {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,select,textarea {font-family: inherit;font-size: inherit;font-weight: inherit;*font-size: 100%;}
legend {color: #000;}
iframe {display: block;}
body {color: #666;margin: 0px;padding: 0px; font:normal 14px/24px  "Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
button,input,select,textarea {font: 99% arial, helvetica, clean, sans-serif;}
table {font-size: inherit;font: 100%;}
code,kbd,pre,samp,tt {font-family: monospace;*font-size: 108%;line-height: 100%;}
a { color:#666;text-decoration: none;}
a:hover{ color:#e50001;}
em{ font-style:normal;}
/* utilities */
.center-block {display: block;margin-left: auto;margin-right: auto;}
.clearfix {*zoom: 1;}
.clearfix:after,.clearfix:before {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.l {float: left !important;}
.r {float: right !important;}
.hidden {display: none !important;}
.invisible {visibility: hidden !important;}
.clear {clear:both;font-size:0px;line-height:0px;height:0px;zoom:0; display:block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
i {font-style: normal;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.mt10 {margin-top: 10px;}
.block10{ display:block; height:10px; line-height:10px; clear:both; font-size:0px;}
.block15{ display:block; height:15px; line-height:15px; clear:both; font-size:0px;}
.block20{ display:block; height:20px; line-height:20px; clear:both; font-size:0px;}
.warpper{ width:1170px; padding:15px; background:#fff; margin:0 auto;}
.img-bk{ display:block;}
.mt20{ margin-top:20px;}
.mt5{ margin-top:5px;}
.line34{ line-height:34px}
.pd15{ padding:15px 10px;}
.pd20{ padding:20px 0px;}
.pd6{ padding:6px 10px;}
.pd5{ padding:5px 10px;}
.red{ color:#e50001;}
.mr20{ margin-right:20px;}
#dowebok{ width:100%; height:4700px; background:url(../img/sq_body.jpg) center top no-repeat;}
#menu { position: fixed; right:-10px; top: 50%; width:139px; margin: -216px 0 0; z-index: 700;}
#menu li { margin-top: 5px; font: 14px "Microsoft Yahei";}
#menu a { display: block;  color: #0074EA; text-align: center; text-indent:-9999px; text-decoration: none; height:48px;  background:url(../img/menu.png) 0px top no-repeat;}
#menu a.nav2{ background-position:right -98px;}
#menu a.nav3{ background-position:right -196px;}
#menu a.nav4{ background-position:right -294px;}
#menu a.nav5{ background-position:right -393px;}
#menu a.nav6{ background-position:right -491px;}
#menu .active a { color: #fff; background:url(../img/menu.png) 0 -48px no-repeat; width:139px; height:48px; text-indent:-35px; line-height:48px;overflow:visible;-webkit-transition: 0.15s;
-moz-transition: 0.15s;transition: 0.15s;}
#menu .active a:hover {-webkit-transition: 0.15s;-moz-transition: 0.15s; transition: 0.15s; }
#menu .active a.nav2{ background-position:right -146px;}
#menu .active a.nav3{ background-position:right -244px;}
#menu .active a.nav4{ background-position:right -343px;}
#menu .active a.nav5{ background-position:right -441px;}
#menu .active a.nav6{ background-position:right -539px;}
.section {position: relative;text-align: center;}
.section1 {width:1200px; height:1094px; margin:0 auto;}
.section2 {height:632px;}
.section3 {width:1200px; margin:0 auto; height:634px; padding-top:200px;}
.section4 {height:488px; padding-top:250px;}
.section5 {height:720px;}
.section6 {height:600px; padding-top:100px;}
.logo {position: absolute;top: 0;left: 10%;}
.into{ margin-top:208px; margin-left:100px;}
.sq02{ width:700px; margin:0 auto; padding-left:300px; padding-top:240px; font:normal 18px/40px  "Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; color:#666; text-indent:40px;}
.section3 .p1{ padding:0 100px;font:normal 18px/40px  "Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; color:#fff;}
.qytd{ width:1200px; position:relative; margin-top:50px;}
.qytd li{ width:204px; float:left; position:relative;}
.qytd li img{ display:block; margin:0 auto;}
.qytd li:hover img{-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.qytd li h3{ color:#fff600;font:normal 18px/40px  "Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; color:#fff600;}
.qytd li h3 a{ color:#fff600;}
.qytd li h3 strong{ font-size:30px;}
.qytd li p{ color:#fff;}
.qytd li a.more{ position: absolute; right:0px; color:#000; text-align:right;}
.qytd .h1{ position:absolute; left:0px;}
.qytd .h2{ position:absolute; left:250px; top:170px;}
.qytd .h3{ position:absolute; left:505px;}
.qytd .h4{ position:absolute; left:750px; top:170px;}
.qytd .h5{ position:absolute; left:1000px;}
.csmp{ display:block; width:1140px; margin:0 auto; padding-left:60px;}
.csmp li{ display:block; width:268px; height:210px; margin-left:12px; float:left; padding-top:58px; background:url(../img/ms_bg.png) left center no-repeat; text-align:center;font:normal 18px/30px  "Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; color:#fff;}
.csmp li a{ color:#fff;}
.csmp li img{ display:block; margin:0 auto;}
.csmp li:hover img{-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
.csmp li h3{ height:35px; line-height:35px;}
.csmp li:nth-of-type(2),.csmp li:nth-of-type(4){ margin-top:150px; height:190px; float:left; padding-top:78px;}
.nhsq{ width:1200px; margin:0 auto; padding-top:200px;}
.nhsq li{ float:left; width:272px; margin-right:12px; position:relative; }
.nhsq li:nth-of-type(2){ margin-top:35px;}
.nhsq li:nth-of-type(3){ margin-top:70px;}
.nhsq li:nth-of-type(4){ margin-top:105px;}
.nhsq li:nth-of-type(5){ margin-top:330px;}
.nhsq li.nhsq-more{ display:block; width:50px; height:50px; border-radius:50%; text-align:center; line-height:50px; background:#21c8ac; color:#fff;}
.nhsq li.nhsq-more a{ color:#fff;}
.nhsq li.nhsq-more i{ font-size:30px; text-align:center; line-height:50px;color:#fff;}
.nhsq li.nhsq-more:hover{ background:#ff5400; cursor:pointer;}
.whdw{ display:block; width:1200px; margin:0 auto;}
.whdw li{ margin-right:60px; display:block; width:280px; margin-left:12px; float:left; padding-top:58px;}
.whdw li p{ padding:0 5px;font:normal 14px/26px  "Microsoft YaHei","\5fae\8f6f\96c5\9ed1"; color:#666;}
.whdw li h4{font-size:16px; line-height:46px;color:#fff;background: url(../img/whdw_title.png)  center center no-repeat; text-align:center;}
.whdw li h4 a{ color:#fff;}
.whdw li img{ width:280px; height:280px; border-radius:50%; margin-bottom:5px;}
.whdw li:last-child{ margin-right:0}
.footer{ height:118px; padding:20px 0;  border-top:5px solid #2e8ce5;  background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; }
.copyright{ width:900px; margin:0 auto;}
.copyright img{ margin-top:35px;}
.bot_l { float: left; width: 70px; }
.bot_c{ float:left; width:650px; padding-top:10px; line-height:26px; font-size:14px; padding-left:10px; color:#fff;}
.bot_c a{ color:#fff;}
.bot_r { float: right; width:110px; }
#pictures {width:100%; margin:0 auto;height: 480px;overflow: hidden;position: relative;}
#ul1 {position: absolute;left: 0;top: 0;overflow: hidden;}
.nhsq li img{width: 265px; height:265px; border:7px solid #fff; border-radius:50%;}