/* 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;}
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;}
.header-nav{ background-color: white; }
.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(../jpg/banner-27.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:91px; position:fixed; top:125px; left:10px; z-index:100;}
#sidebar ul{ background:url(../png/sidebar-2.png) top left no-repeat;}
#sidebar li{line-height:21px; padding:7px 0 7px 18px;}
#sidebar li a{ color:#666; font-family:'Microsoft YaHei'; font-size:16px; line-height:22px;}
#sidebar li.current{background:url(../png/icon-3.png) left center no-repeat;}
#sidebar .current a, #sidebar li a:hover{ color:#ff9900;}
#sidebar p{background:url(../png/top-2.png) center left no-repeat;}
#sidebar p a{ color:#333; font-size:16px; font-weight:bold; line-height:36px;padding-left:18px;}
.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:41px 50px 43px 52px; 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:729px; 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; width:103px; height:63px; text-align:center;}
.part2 th span{ display:block;}
.w1110 table td{border: 1px solid #797979; width:103px; height:63px; text-align:center;}
.part3{width:355px; float:left;}
.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:280px; 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:20px;}
.pr5{background-color:#f3f3f3; width:733px; padding:41px 56px 50px 52px; 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 33px 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 .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:43px 48px 59px 52px; float:left; margin-right:20px;}
.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:89px; margin: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(../jpg/al-2.jpg) no-repeat; float:left;}
.sites ol .aright{background:url(../jpg/ar-2.jpg) no-repeat; float:right;}
.sites ol .aleft:hover{background:url(../jpg/al1-2.jpg) no-repeat;}
.sites ol .aright:hover{background:url(../jpg/ar1-2.jpg) no-repeat;}
#jm8{ overflow:hidden; padding-bottom:102px;}
.p1{ margin-bottom:26px;}
.rright{background-color:#f3f3f3; width:265px; padding:41px 50px 66px 52px; 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:829px; 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:141px; 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(../jpg/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(../jpg/al-2.jpg) no-repeat; float:left;}
	.advantage ol .aright{background:url(../jpg/ar-2.jpg) no-repeat; float:right;}
	.advantage ol .aleft:hover{background:url(../jpg/al1-2.jpg) no-repeat;}
	.advantage ol .aright:hover{background:url(../jpg/ar1-2.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%;}
}