/* CSS Document */



/**{ margin:0; padding:0; list-style:none;}



img{border:0; display: block; vertical-align: bottom;}*/



ul, ol { padding-left: 0; }

p, a, th, td { color: #666; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; text-decoration: none; }

h1 { color: #fff; font-family: 'Microsoft YaHei'; font-size: 28px; font-weight: bold; }

h2 { color: #333; font-family: 'Microsoft YaHei'; font-size: 28px; font-weight: bold; line-height: 30px; margin-bottom: 6px; }

h3 { color: #333; font-family: 'Microsoft YaHei'; font-size: 22px; font-weight: normal; line-height: 29px; margin-bottom:0;}

h4 { color: #333; font-family: 'Microsoft YaHei'; font-size: 16px; font-weight: normal; }

h5 { color: #666; font-family: 'Microsoft YaHei'; font-size: 14px; font-weight: normal; line-height: 24px; margin: 0; }

.left { float: left; }

.right { float: right; }

.search_box img { margin-top: 7px; }

body { background-color: #f3f3f3; }

.w1440 { width: 100%; max-width: 1440px; _width: 100%; margin: 0 auto; }

.w1110 { width: 1110px; margin: 0 auto; overflow: hidden; }

#jm { max-width: 1440px; margin: 0 auto; background-color: #fff; }

#banner { background: url(../images/banner.jpg) center center no-repeat; height: 500px; padding-top: 208px; }

#banner img { display: none; }

.bwords { background-color: #003399; width: 629px; padding: 37px 34px 38px 36px; }

.bwords .p1 { color: #ff9900; font-size: 18px; margin-bottom: 6px; }

.bwords .p2 { color: #fff; margin-top: 13px; }

#sidebar { display: none; width: 100px; position: fixed; top: 58px; right: 10px; z-index: 100; }

#sidebar li { line-height: 21px; padding: 7px 0; border-right: 1px solid #d6d6d6;}

#sidebar li:after {content: ""; display: inline-block; width: 10px;height: 10px;border-radius: 50%; background-color: #d6d6d6; position: absolute; right: -4px;}

#sidebar li a { color: #666; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 22px; }

#sidebar li.current:after { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #ff9900; position: absolute; right: -4px; }

#sidebar .current a, #sidebar li a:hover { color: #ff9900; }

#sidebar p { background: url(../images/top.png) center right no-repeat; }

#sidebar p a { color: #333; font-size: 16px; font-weight: bold; line-height: 36px; }

.title { text-align: center; padding-top: 60px; padding-bottom: 40px; }

.ptitle { padding-bottom: 25px; }

.line { background-color: #ff9900; width: 89px; height: 3px; margin-top: 20px; }

.part1 { overflow: hidden; margin-top: 25px; margin-bottom: 42px; }

.pl1 { background-color: #f3f3f3; float: left; width: 265px; padding:30px 30px 30px 35px; margin-right: 17px; }

.part1 ul { overflow: hidden; float: left; margin-right: 16px; }

.part1 ul li { cursor: pointer; height: 158px; margin-bottom: 13px; position: relative; }

.part1 ol { overflow: hidden; float: right; }

.part1 ol li { cursor: pointer; height: 329px; position: relative; }

.mask { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); color: #fff; font-family: 'Microsoft YaHei'; font-size: 16px; text-align: center; }

.float-mask { height: 50%; margin-bottom: -11px; width: 100%; float: left; }

.mask-content { position: relative; height: 76px; text-align: center; padding: 0 10px; }

.part2 { width: 100%; margin-right: 26px; float: left; }

.w1110 table { border-collapse: collapse; border-spacing: 0; }

.part2 table { margin-top: 5px; }

.w1110 table th { background-color: #f2f2f2; border: 1px solid #797979; color: #333; font-size: 16px; font-weight: normal; height: 63px; text-align: center; }

.part2 th span { display: block; }

.w1110 table td { border: 1px solid #797979; height: 63px; text-align: center; }

.part3 { width: 100%; float: left; margin-top:40px;}

.part3 p { margin-bottom: 24px; }

p.zero { margin: 0; }

.part4 { overflow: hidden; margin-top: 58px; margin-bottom: 66px; }

.part5, .part6, .part7 { overflow: hidden; margin-bottom: 66px; }

.pl4 { background-color: #f3f3f3; width: 355px; padding: 44px 48px 105px 49px; float: left; }

#equipment { float: right; }

#enav { overflow: hidden; margin-bottom: 29px; }

#enav li { color: #333; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 18px; float: left; width: 308px; height: 60px; line-height: 60px; text-align: center; }

#enav .active, .anchorage ol li.active { background-color: #274899; color: #fff; }

#equipment ul { height: 480px; overflow-y: scroll; overflow-x: hidden; }

#equipment ul li { display: none; }

#equipment ul .active { display: block; }

#equipment table { width: 677px; margin-right: 27px; }

#equipment li th { width: 106px; height: 59px; }

#equipment li td { width: 106px; height: 55px; }

#equipment li .col1 { width: 211px; }

#equipment li .col2 { width: 189px; }

#equipment li .col3 { width: 169px; }

.part5 ul { overflow: hidden; float: left; }

.part5 ul li:first-child { margin-bottom:27px; }

.pr5 { background-color: #f3f3f3; width: 733px; padding:30px 20px 20px 25px; float: right; }

.pr5 h5 span { display: none; }

.pl6 { background-color: #f3f3f3; width: 355px; padding: 44px 29px 44px 30px; float: left; margin-right: 20px; }

.pl6 .ptitle { margin: 0 31px 8px 22px; }

.pl6 ol li { color: #666; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 18px; height: 60px; line-height: 60px; margin-bottom: 12px; padding-left: 22px; }

.pl6 ol li:last-child{line-height:30px;}

.pl6 ol .active { background-color: #274899; color: #fff; }

.part6 ul li, .advantage ol { display: none; }

.part6 ul .active { display: block; }

.part6 ul p { margin-top: 23px; height: 95px; }

.pl7 { background-color: #f3f3f3; width: 733px; padding:30px 30px 20px 40px; float: left; margin-right: 20px; }

.pl7 .ptitle{padding-bottom:15px;}

.pl7 .ptitle .line{margin-top:10px;}

.pr7 { background-color: #274899; width: 355px; padding: 43px 50px 48px 52px; float: left; }

.pr7 h3, .pr7 p { color: #fff; }

.part8 { overflow: hidden; }

.part8 .ptitle { width: 312px; margin: 0 auto; }

.part8 .ptitle .line{margin:20px auto 0 auto;}

.sites { width: 100%; height: 318px; position: relative; overflow: hidden; }

.sites ul { width: 204%; position: absolute; left: 0; }

.sites ul li { width: 15.68%; float: left; margin-right: 0.986%; }

.sites ol { width: 100%; position: absolute; top: 33%; left: 0; z-index: 1; }

.sites ol li { cursor: pointer; width: 55px; height: 90px; opacity: 0.8; filter: alpha(opacity:80); }

.sites ol .aleft { background: url(../images/al.jpg) no-repeat; float: left; }

.sites ol .aright { background: url(../images/ar.jpg) no-repeat; float: right; }

.sites ol .aleft:hover { background: url(../images/al1.jpg) no-repeat; }

.sites ol .aright:hover { background: url(../images/ar1.jpg) no-repeat; }

#jm8 { overflow: hidden; padding-bottom: 102px; }

.p1 { margin-bottom: 26px; }

.rright { background-color: #f3f3f3; width: 305px; padding:40px 30px 20px 32px; float: left; }

.al { margin-right: 55px; float: left; }

.al li { display: none; }

.al li.active, .use li.active { display: block; }

.anchorage { background-color: #f3f3f3; width: 789px; float: left; margin-right: 16px; overflow: hidden; }

.anchorage ol { overflow: hidden; margin-top: 34px; margin-bottom: 27px; }

.anchorage ol li { color: #333; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 18px; width:220px; height: 60px; line-height: 60px; float: left; text-align: center; }

.use li { width: 461px; display: none; }

@media screen and (max-width:1110px) {

	.w1110 img { width: 100%; height: auto; }

	.w1110 { width: 94.8%; padding: 0 2.6%; }

	.languagein { right: 0; }

	.logo { background: url(./images/index/logo-small.jpg); width: 108px; height: 58px; text-indent: -1000px; margin-top: 20px; }

	#kefu { display: none; }

	.nav { width: 80%; }

	.nav li { width: 14.28%; }

	.nav a { width: 100%; }

	#banner { background: none; height: auto; padding-top: 0; position: relative; }

	#banner img { display: block; width: 100%; height: auto; }

	#banner .w1110 { position: absolute; bottom: 12%; left: 0; }

	.bwords .p2 span { display: none; }

	.bwords { width: 429px; padding: 19px 26px 19px 25px; }

	#banner h1 { font-size: 20px; }

	.pl1 { width: 91%; margin-right: 0; margin-bottom: 15px; padding-left: 4.5%; padding-right: 4.5%; }

	.part1 ul { width: 32%; margin-right: 2%; }

	.part1 ul li { height: auto; margin-bottom: 4.5%; }

	.part1 ol { width: 32%; }

	.part1 ol li { width: 100%; height: auto; }

	.mask { background: none; opacity: 1; color: #333; }

	.part2 { float: none; margin-right: 0; width: 100%; }

	.part2 table th, .part2 table td { width: 15%; }

	.part2 th span { display: inline; }

	.part3 { width: 100%; float: none; margin-top: 50px; }

	.pl4 { width: 24.17%; padding-left: 4.53%; padding-right: 3.434%; padding-bottom: 33px; }

	#enav { margin-bottom: 6px; }

	#enav li { font-size: 16px; width: 254px; }

	#enav .li1 { width: 200px; }

	#enav .active { background: none; color: #ff9900; font-weight: bold; }

	#equipment { width: 66%; }

	#equipment ul { height: 301px; }

	#equipment table { width: 92%; }

	#equipment li th { width: 15.4%; height: 64px; }

	#equipment li td { width: 15.4%; height: 59px; }

	#equipment li .col1 { width: 30.84%; }

	#equipment li .col2 { width: 27.89%; }

	#equipment li .col3 { width: 24.6%; }

	.part5, .part6, .part7 { margin-bottom: 50px; }

	.pr5 { width: 90%; padding-left: 4.5%; padding-right: 5.5%; margin-bottom: 19px; float: none; }

	.part5 ul { float: none; }

	.part5 ul li { width: 48.76%; float: left; }

	.part5 ul li:first-child { margin-right: 2.48%; margin-bottom: 0; }

	.pl6 { background: none; float: none; margin-right: 0; padding: 0; width: 100%; overflow: hidden; }

	.pl6 .ptitle { margin-bottom: 3px; }

	.pl6 ol li { width: 19%; padding: 11px 3%; height: 48px; line-height: 24px; float: left; margin-bottom: 8px; }

	.advantage { position: relative; overflow: hidden; height: 487px; }

	.advantage ul { width: 400%; overflow: hidden; position: absolute; left: 0; }

	.advantage ul li { display: block; float: left; width: 25%; }

	.advantage ol { display: block; width: 100%; position: absolute; top: 52%; left: 0; z-index: 1; }

	.advantage ol li { cursor: pointer; width: 55px; height: 90px; opacity: 0.8; filter: alpha(opacity:80); }

	.advantage ol .aleft { background: url(../images/al.jpg) no-repeat; float: left; }

	.advantage ol .aright { background: url(../images/ar.jpg) no-repeat; float: right; }

	.advantage ol .aleft:hover { background: url(../images/al1.jpg) no-repeat; }

	.advantage ol .aright:hover { background: url(../images/ar1.jpg) no-repeat; }

	.pl7 { width: 91.62%; padding-left: 4.53%; padding-right: 3.85%; margin-right: 0; float: none; }

	.pr7, .part7 img, #jm8 { display: none; }

	.foot_top, .link { display: none; }

	.banquan { padding-top: 29px; padding-bottom: 29px; margin-bottom: 0; }

	.foot_bottomin .ftb_last { padding-right: 0; }

}

@media screen and (max-width:940px) {

	.sites ol { top: 20%; }

}

@media screen and (max-width:767px) {

	.w1110 { width: 89.34%; padding: 0 5.33%; }

	.head_topin p span, p.head_topin_right, .lan_click, .language, .nav { display: none; }

	.nav-sm { display: block; margin-top: 35px; width: 28px; height: 19px; float: right; }

	.nav-sm-li { border: 1px solid #e5e5e5; border-radius: 3px; line-height: 43px; background: #f3f3f3; width: 100%; text-align: center; margin-top: 98px; position: absolute; right: 0; z-index: 100; display: none; }

	.nav-sm-li li { border-bottom: 1px solid #e5e5e5; }

	#banner .w1110 { position: static; padding: 0; width: 100%; }

	.bwords { width: auto; padding: 25px 64px 29px 53px; }

	#banner h1 { font-size: 18px; text-align: center; }

	.bwords .p2, #enav, .eright p, .adimg { display: none; }

	.ptitle { padding-bottom: 16px; }

	h3 { font-size: 18px; }

	.line { width: 65px; margin-top: 16px; }

	.part1 { background-color: #f3f3f3; padding-bottom: 32px; }

	.pl1 { width: 100%; padding: 28px 0 2px 0; }

	.part1 .ul1, .part1 ol { width: 48.66%; }

	.part1 .ul2 { width: 100%; overflow: hidden; margin-right: 0; }

	.part1 .ul2 li { width: 48.66%; float: left; margin-bottom: 0; }

	.ul2 li:first-child { margin-right: 2.68%; }

	.mask { font-size: 14px; }

	.part2, #equipment, .pr5 li p, .part6, .pl7 li span { display: none; }

	.part3 { margin-top: 0; }

	.part4 { background-color: #f3f3f3; margin-top: 37px; margin-bottom: 40px; }

	.pl4 { background: none; width: 100%; padding: 28px 0 37px 0; float: none; }

	.pr5 { background: none; width: 100%; padding: 0; }

	.part5 ul li { width: 100%; float: none; }

	.part5 ul li:first-child { margin-right: 0; margin-bottom: 11px; }

	.pr5 h5 span { display: inline; font-weight: bold; }

	.part7 { background-color: #f3f3f3; margin-bottom: 40px; }

	.pl7 { background: none; width: 100%; padding: 28px 0 35px 0; }

	.pl7 li h5 { font-weight: bold; }

	.part8 .ptitle { width: 100%; margin: 0; }

	.sites { height: 620px; }

	.sites ul { width: 600%; }

	.sites ul li { margin-right: 0; width: 16.66%; }

	.sites ol { top: 40%; }

	.banquan p { float: none; }

	.banquan .f-right a:first-child { padding-left: 0; }

}

@media screen and (max-width:600px) {

	.sites { height: 520px; }

	.sites ol { top: 35%; }

}

@media screen and (max-width:487px) {

	.sites { height: 430px; }

	.sites ol { top: 32%; }

}

@media screen and (max-width:375px) {

	.sites { height: 350px; }

	.sites ol { top: 29%; }

}