﻿@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1100px){
		body{ width:1100px !important; margin:0 auto;}
	}
	
*{ margin:0; padding:0;}
body{ font-family:Arial;}
a{ text-decoration:none;}
li{ list-style-type:none;}
.width{ width:1100px; margin:0 auto; overflow:hidden;}
.clear{ clear:both; height:0;}
.p1{ font-family:Arial;}
.p2{ font-family:Arial;}
.p3{ font-family:Arial;}
.p12{ font-size:12px;}
.p14{ font-size:14px;}
.p15{ font-size:15px;}
.p16{ font-size:16px;}
.p18{ font-size:18px;}
.p20{ font-size:20px;}
.p24{ font-size:24px;}
.p30{ font-size:30px;}
.p48{ font-size:48px;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}

.lan_bg{ background:#fafafa;}
.lan{ height:30px;}
.lan p{ line-height:30px; color:#666; cursor:default;}
.lan a{ color:#666;}
.lan a:hover{ color:#1c89b4;}
.top{ height:110px;}
.logo{ float:left; height:86px; margin-top:12px; margin-left:2px;}
.logo img{ height:86px; max-width:500px;}
.search{ float:right; height:40px; margin-top:35px;}
.search1{ float:left; width:219px; border:1px solid #ddd; border-right:none; padding-left:15px; padding-right:15px; line-height:38px; color:#666; outline:none;}
.search1:hover{ border:1px solid #666; border-right:none;}
.search2{ float:left; width:75px; height:40px; border:none; background:#333; color:#fff; cursor:pointer;}
.search2:hover{ background:#666;}
.tel{ float:right; height:29px; margin-top:41px; margin-right:12px; padding-left:37px; background:url(../img/phone.png) 0 center no-repeat;}
.tel span{ line-height:29px;}
.tel .p14{ color:#666; cursor:default;}
.tel .p18{ color:#1c89b4;}

.nav_bg{ background:#1c89b4;}
.nav{ height:55px; overflow:hidden;}
.nav li{ float:left;}
.nav a{ display:block; width:156px; line-height:55px; text-align:center; color:#fff;}
.nav a:hover{ background:#dc513a; color:#fff;}
.cur{ background:#dc513a; color:#fff;}

.banner{ position:relative; width:100%; height:500px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner2{ position:relative; width:100%; height:260px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner .slides li{ width:100%; height:100%;}
.banner2 .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:50px; height:50px; display:block; line-height:99em; overflow:hidden; margin:-25px 0 0; background:url(../img/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:25px;}
.flex-direction-nav .flex-next{ background-position:0 -50px; right:0;}
.flex-direction-nav .flex-prev{ left:0;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.banner2:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner2:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner2:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background: url(../img/dot.png) no-repeat -66px 0; display: block; height: 28px; overflow: hidden; text-indent: -99em; width: 66px; cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.banner .slides a img {width: 100%; display: block; cursor:default;}
.banner2 .slides a img {width: 100%; display: block; cursor:default;}

.title{ text-align:center; color:#444; margin-top:35px; margin-bottom:40px; cursor:default;}
.title .p3{ font-weight:bold; line-height:45px;}

.proclass{ text-align:center; cursor:default; margin-top:-15px;}
.proclass li{ display:inline-block; outline:none;}
.proclass a{ display:inline-block; color:#666; margin-left:8px; margin-right:8px; outline:none;}
.proclass a p{ padding-left:10px; padding-right:10px; line-height:50px;}
.proclass a p:hover{ color:#1c89b4; background:url(../img/line.png) repeat-x bottom;}
.products .line{ position:absolute; width:1100px; border-bottom:1px solid #ddd; margin-top:-2px; z-index:-1;}
.cur2{ color:#1c89b4; background:url(../img/line.png) repeat-x bottom;}
.prolist{ width:1140px; margin-top:38px;}
.pro1{ float:left; width:245px; height:238px; margin-right:40px;}
.pro1 a{ display:block; color:#666; border-bottom:3px solid #fff;}
.pro1 a:hover{ border-bottom:3px solid #fff; color:#1c89b4;}
.pro1 p{ line-height:50px; text-align:center;}
.more{ width:180px; height:38px; margin:40px auto;}
.more a{ display:block; background:#1c89b4; text-align:center; line-height:38px; color:#fff;}
.more a:hover{ background:#359ec7;}
#tabs ul li.ui-tabs-active a{ outline:none;}
#tabs ul li.ui-tabs-active a p{ color:#1c89b4; background:url(../img/line.png) repeat-x bottom;}

.equ_bg{ background:#eaeaea;}
.equ_l{ float:left; width:199px; height:338px; border:3px solid #fff; margin-top:63px; text-align:center;}
.equ_l .p16{ color:#fff; line-height:26px; margin-top:28px;}
.equ_l .p12{ color:#fff; line-height:24px;}
.equ_l .p30{ color:#1c89b4; line-height:24px; line-height:35px; margin-top:50px;}
.equ_l .p14{ color:#3c3c3c; line-height:24px; line-height:30px;}
.equ_l .p18{ color:#1c89b4; line-height:24px;}
.equ_l p{ cursor:default;}
.more2{ width:130px; margin:0 auto; margin-top:55px;}
.more2 a{ display:block; text-align:center; height:35px; line-height:35px; background:#1c89b4; color:#fff; font-size:14px;}
.more2 a:hover{ background:#359ec7;}
.equ_r{ float:right; margin-top:63px; width:792px;}
.equ1{ width:246px; height:163px; border:2px solid #fff; float:left; margin-bottom:10px; margin-left:7px; margin-right:7px;}
.equ1:hover{ border-color:#1c89b4;}
.equ_width{ width:1056px;}
.friend{height:171px;}
.mr_frbox{overflow:hidden;width:1100px;}
.mr_frBtnL{display:inline;height:20px;width:17px; float:left; margin-top:65px; cursor:pointer;}
.mr_frUl{ float:left;height:171px;width:1056px; margin-left:5px;}
.mr_frBtnR{display:inline;height:20px;width:17px; float:right; margin-top:65px; cursor:pointer;}
.mr_frUl ul li{display:inline;float:left;overflow:hidden;position:relative;}

.news_bg{ background:#fff;}
.news_l{ float:left; width:445px; height:270px; background:#1c89b4;}
.news0{ width:210px; height:190px; padding-top:40px; padding-left:12px;}
.news0 img{ position:absolute; margin-left:228px;}
.news0 a{ color:#fff;}
.news0 a:hover{ text-decoration:underline;}
.news0 p,.news0 span{ line-height:24px; color:#fff; font-family:Arial; font-size:12px;}
.news0 .p18{ width:210px; height:48px; overflow:hidden; font-size:18px;}
.news0 .date{ line-height:35px;}
.news0 .desc{ width:210px; overflow:hidden;}
.more3{ position:absolute; width:180px; height:38px; margin-left:15px; margin-top:210px;}
.more3 a{ display:block; text-align:center; line-height:38px; color:#fff; background:#2b2e35;}
.more3 a:hover{ text-decoration:none; background:#3f434b;}
.news_r{ float:right; width:580px;}
.news1_1{ float:left; cursor:default;}
.news1_1 p{ font-weight:bold; color:#c9c9c9;}
.news1_2{ float:left; width:1px; height:75px; background:#bbb; margin-top:5px; margin-left:5px;}
.news1_3{ float:right; width:460px;}
.news1_31 .p18{ float:left; line-height:30px; width:380px; height:30px; overflow:hidden;}
.news1_31 .p12{ float:right; line-height:35px; color:#666;}
.news1_desc p{ line-height:24px; color:#666; width:460px; height:48px; overflow:hidden;}
.news1{ margin-bottom:10px; background:#fff; padding:4px; width:532px; float:left; margin-right:20px;}
.news1:hover{ background:#eaeaea;}
.news1 a{ color:#333;}
.news1 a:hover{ color:#1c89b4;}
.news_width{ width:1120px;}

.about .desc{ line-height:24px; color:#666; padding-left:2px; padding-right:2px; width:700px; float:left;}
.about .desc2{ float:right;}
.about .desc2 img{ float:left; margin-left:5px; margin-right:5px; margin-top:-15px; margin-bottom:5px; opacity:1.0; filter:alpha(opacity=100);}
.about .desc2 img:hover{ opacity:0.8; filter:alpha(opacity=80);}
.about .desc2 p{ text-align:center; color:#666;}
.about .desc2 a{ color:#666;}
.about .desc2 a:hover{ color:#333;}

.link_bg{ background:#2b2e35;}
.link{ padding-top:35px; color:#fff;}
.link a{ color:#fff;}
.link a:hover{ color:#1c89b4;}
.link1{ float:right; margin-left:2px; margin-right:25px;}
.link1 img{ margin-bottom:5px;}
.link1 p{ text-align:center; line-height:24px;}
.link2{ width:210px; float:right; margin-left:20px;}
.link2 .bg{ background:#1c89b4; width:158px; height:40px; line-height:40px; padding-left:12px; cursor:default;}
.link2 .p12{ line-height:24px; margin-top:10px; margin-left:3px;}
.link3{ float:left; margin-left:45px; margin-right:60px; display:inline-block; text-align:center;}
.link3 .p16{ line-height:40px; cursor:default; text-align:left;}
.link3 .p12{ line-height:24px; text-align:left;}
.links{ padding-left:12px;}
.links .p14{ float:left; line-height:60px;}
.links .p12{ float:left; line-height:60px; margin-top:2px; margin-left:10px;}

.foot{ height:60px; line-height:60px; color:#666; padding-left:5px;}
.foot a{ color:#666;}
.foot a:hover{ color:#1c89b4;}

.position_bg{ height:35px; background:#eaeaea;}
.position{ line-height:35px; color:#666; cursor:default;}
.position p{ float:right; margin-right:5px;}
.position a{ color:#666;}
.position a:hover{ color:#333; text-decoration:underline;}

.body{ min-height:600px;}
.left{ width:191px; float:left; margin-top:20px;}
.left_title{ height:120px; background:url(../img/left.png); color:#fff; cursor:default;}
.left_title p{ margin-left:15px;}
.left_title .p3{ padding-top:42px;}
.left li p{ padding-left:18px; font-size:14px;}
.left li a{ display:block; height:55px; background:#eee; line-height:55px; color:#333;}
.left li a:hover{ background:#dc513a; color:#fff;}
.cur3{ background:#dc513a; color:#fff;}

.right{ width:870px; float:right; margin-top:15px;}
.right_title{ float:left; color:#333; cursor:default; border-bottom:3px solid #1c89b4;}
.right_title p{ line-height:45px; padding-left:12px; padding-right:30px;}
.line2{ position:absolute; width:870px; height:1px; background:#ddd; margin-top:46px; z-index:-1;}
.content{ padding-top:20px; padding-left:15px; padding-right:15px; padding-bottom:50px;}
.content p{ color:#666; line-height:2em; font-family:Arial; font-size:16px;}
.content a{ color:#1c89b4;}

table{ margin-top:20px;}
tr{ height:40px;}
table p{ width:115px; text-align:right; margin-right:12px;}
.in1{ border:1px solid #ddd; width:332px; height:28px; font-size:14px; padding-left:3px; padding-right:3px; outline:none;}
.in2{ border:1px solid #ddd; width:208px; height:28px; font-size:14px; padding-left:3px; padding-right:3px; outline:none;}
textarea{ font-family:Arial; border:1px solid #ddd; width:556px; height:92px; margin-top:5px; margin-bottom:10px; font-size:14px; padding:3px; outline:none;}
.btn1{ width:140px; height:35px; background:url(../img/btn1.png); color:#fff; text-align:center; line-height:35px; border:none; font-size:18px; margin-top:10px; margin-right:12px; cursor:pointer;}
.btn1:hover{ background:url(../img/btn1_hover.png);}
.btn2{ width:140px; height:35px; background:url(../img/btn2.png); color:#fff; text-align:center; line-height:35px; border:none; font-size:18px; margin-top:10px; cursor:pointer;}
.btn2:hover{ background:url(../img/btn2_hover.png);}

.productlist{ padding-bottom:50px;}
.productlist .pro1{ width:270px; height:247px; margin-left:10px; margin-right:10px; margin-top:30px;}
.productlist .pro1 p{ line-height:41px; padding-left:2px;}
.page{ font-size:14px; margin:5px; color:#666; margin-top:30px;}
.page span,.page a{ font-size:14px; color:#666; margin:5px;}
.page a:hover{ color:#333;}
.page-num-current{ color:red !important;}

#preview{ float:none; text-align:center; width:440px;}
.jqzoom{ width:440px; height:332px; position:relative;}
.zoomdiv{ left:859px; height:604px; width:800px;}
.list-h li{ float:left;}
#spec-n5{width:440px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../img/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../img/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:78px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:66px; height:50px;}
#spec-list ul li img:hover{ padding:2px ; border:2px solid #1c89b4 !important; width:66px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:440px;height:332px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:604px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:410px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.pro_right{ margin-top:-394px; width:410px; float:right;}
.pro_title{ height:60px; background:#359ec7;}
.pro_title p{ line-height:60px; color:#fff; padding-left:15px;}
.canshu{ margin-top:10px; padding:5px;}
.canshu p{ line-height:24px; color:#666; font-family:Arial; font-size:12px;}
.canshu a{ color:#1c89b4;}
.detail{ margin-top:25px;}
.detail p{ color:#666; font-family:Arial; font-size:14px; line-height:2em; padding:12px; padding-top:5px;}
.detail_title{ height:40px; background:#359ec7; cursor:default;}
.detail_title p{ line-height:40px; color:#fff; padding:0; padding-left:12px; font-size:18px;}
.detail a{ color:#1c89b4;}
.canshu .btn1 a{ text-align:center; line-height:35px; color:#fff;}

.news2{ height:45px; border-bottom:1px dashed #dadada; background:url(../img/list.jpg) 8px 20px no-repeat #fff; line-height:45px;}
.news2:hover{ background:url(../img/list.jpg) 8px 20px no-repeat #eaeaea;}
.news2 .span1{ float:left; padding-left:20px;}
.news2 a{ color:#666;}
.news2 a:hover{ color:#1c89b4;}
.news2 .span2{ float:right; color:#6c6c6c; padding-right:8px;}

.news_detail{ margin-top:18px;}
.news_detail .p18{ text-align:center; color:#666; line-height:45px;}
.news_detail .p12{ text-align:center; color:#666; line-height:24px;}
.news_desc{ border-top:1px dashed #ddd; width:850px; margin:20px auto; color:#666; padding-left:2px; padding-right:2px; padding-top:18px; padding-bottom:30px;}
.news_desc p{ line-height:2em; color:#666; font-family:Arial; font-size:14px;}
.news_desc a{ color:#1c89b4;}

.equ_list{ width:876px; margin-left:-18px;}
.equ2{ float:left; margin-left:16px; margin-right:16px; margin-bottom:5px;}
.equ2 img{ width:256px; height:169px; border:2px solid #ebebeb;}
.equ2 img:hover{ border:2px solid #1c89b4;}
.equ2 a{ color:#666; line-height:45px; text-align:center;}
.equ2 a:hover{ color:#1c89b4;}