/*总定义*/
html{ overflow-x:hidden;}
body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd{ margin:0; padding:0; border:0; line-height:normal; list-style:none; font-family:微软雅黑; font-size:14px;}
strong{ font-weight:bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{ background:#8cdaff url(../images/bodyBg_01.jpg) center top no-repeat; min-width:1202px;}
a{ text-decoration:none;}
img{ display:block;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;} 
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix10:after{content:".";display:block;height:10px;clear:both;visibility:hidden}
a:hover{ text-decoration:none;}
.w1202{ width:1202px; margin:0 auto;}



/*header*/
.header{ width:100%; height:103px; overflow:hidden; z-index:999;}
.header .logo{ margin:5px 0;}
.header-r .setOff{ padding:7px 20px 9px 20px; background:#45a7ee; overflow:hidden; float:right; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; margin:13px 0 20px 0;}
.header-r .setOff a{ float:left; margin:0 10px; color:#fff; font-size:14px; line-height:14px; text-shadow:1px 2px 1px #333;}
.header-r .setOff a:hover{ color:#f1f1f1;}
.slogan img{ clear:both;}
.nav{ width:100%; background:url(../images/navBg.png) no-repeat; height:57px; position:relative; z-index:999;}
.nav ul li.nLi{line-height:57px;float:left; background:url(../images/index_img_07.jpg) no-repeat right center; position:relative;}
.nav ul li.nLi:last-child{ background:none;}
.nav ul li h3 a{ padding:0 43px; display:block; font-size:16px; color:#fff; line-height:57px;}
.nav ul .nLi.hover h3 a,.nav ul .nLi h3 a:hover{ background:url(../images/index_img_10.jpg) no-repeat center 29px; }
.nav .sub{ display:none; width:150px; left:0; top:57px;  position:absolute; background:#0576cc;  line-height:30px; z-index:999;}
.nav .sub li{ zoom:1; border-bottom:1px solid #0580dd; }
.nav .sub a{ display:block; height:40px; line-height:40px; padding-left:20px; padding-right:20px; color:#fff; text-align:center;}
.nav .sub a:hover{ background:#0580dd; color:#fff;  }
.nav .on h3 a{}
.banner{ width:1200px; height:284px; border:1px solid #32a7dd; border-top:0;}

/*main*/
.main{ width:100%; overflow:hidden; margin:15px 0;}
.main-left{ width:200px; overflow:hidden;}
.main-left .product_tit{ width:100%; height:62px; background:url(../images/product-tit.png) no-repeat; background-size:100% 100%;}
.main-left .product_tit h2{ font-size:18px; color:#fff; font-weight:bold; padding-left:21px; line-height:62px;}
.main-left .m1{ width:198px; min-height:768px; overflow:hidden; border:1px solid #5daddc; border-top:0; background:#fff; padding-bottom:15px;}
.productClass ul{ width:100%; overflow:hidden;}
.productClass li{ padding-left:20px; height:50px; overflow:hidden; background:url(../images/index_img_22.jpg) repeat-x; line-height:50px;}
.productClass li i{ width:16px; height:16px; display:inline-block; background:url(../images/icos.png) no-repeat -138px -20px; vertical-align:middle; position:relative; margin-right:6px; margin-top:-2px;}
.productClass li a{ font-size:14px; color:#333; font-weight:bold;}
.productClass li a:hover{ color:#0576cc;}
.vall{ width:100%; background:url(../images/index_img_22.jpg) repeat-x; overflow:hidden;}
.vall a{ width:163px; height:36px; display:block; background:url(../images/index_img_33.jpg) repeat-x; border:1px solid #5daddc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; text-align:center; line-height:36px; font-size:14px; color:#333; margin:18px auto 0 auto;}
.vall a:hover{ color:#0576cc;}
.mainLma img{ text-align:center; margin:18px auto 0 auto;}
.mainLma p{ font-size:14px; color:#666; text-align:center;}

.main-center{ width:720px; margin:0 15px;}
.main-center .mc-1{ width:100%; overflow:hidden;}
.main-center .news{ width:350px; overflow:hidden; border:1px solid #5daddc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:3px; background:#fff;}
.index-tit{ width:100%; height:44px; overflow:hidden; background:url(../images/index_img_18.jpg) repeat-x; border-bottom:1px solid #5daddc;}
.index-tit h2{ background:url(../images/icos.png) -20px -20px; width:110px; height:39px; font-size:16px; color:#fff; font-weight:bold; line-height:39px; text-align:center; margin:7px 0 0 10px;}
.index-tit .more{ width:50px; height:24px; background:#fff; display:block; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; font-size:14px; color:#057cd7; line-height:24px; text-align:center; margin:10px 10px 0 0;}
.index-tit .more:hover{ background:#057cd7; color:#fff;}
.main-center .news ul{ padding:10px 15px 14px 15px; height:164px; overflow:hidden;}
.main-center .news ul li{ width:100%; height:40px; border-bottom:1px dashed #dddddd; overflow:hidden;}
.main-center .news ul li span{ font-size:14px; line-height:40px; color:#999;}
.main-center .news ul li a{ color:#333;}
.main-center .news ul li a:hover{ color:#057cd7;}
.about p{ padding:10px 15px 14px 15px; height:164px; overflow:hidden; font-size:14px; color:#333; line-height:30px;}


.main-center .index-product{ width:718px; overflow:hidden; border:1px solid #5daddc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:3px; background:#fff; margin-top:15px;}
.index-product .index-product-b{ padding:13px 28px 24px 28px; height:512px; overflow:hidden;}
.product_p{ font-size:14px; color:#999; line-height:30px; height:90px; overflow:hidden;}
.index-product ul{ width:690px; overflow:hidden; position:relative; margin:22px 0 -20px 0;}
.index-product ul li{ width:200px; overflow:hidden; float:left; margin:0 30px 20px 0;}
.index-product ul li img{ border:1px solid #ddd;}
.index-product ul li p{ line-height:40px; text-align:center;}
.index-product ul li p a{ color:#333; width:95%; margin:0 auto;}
.index-product ul li p a:hover{ color:#057cd7;}


.main-right{ width:252px;}
.search{ width:250px; overflow:hidden; border:1px solid #5daddc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; background:#fff;}
.index-tit1{ width:100%; height:44px; overflow:hidden; background:url(../images/index_img_18.jpg) repeat-x; border-bottom:1px solid #5daddc;}
.index-tit1 h2{ background:url(../images/icos.png) -20px -67px; width:112px; height:34px; font-size:16px; color:#fff; font-weight:bold; line-height:34px; text-align:center; margin:5px 0 0 10px;}
.m2{ padding:16px; overflow:hidden;}
.index-tit1 h2 a { color:#fff;}
.h151{ height:152px; padding-top:20px !important;}
.search-input{ width:100%; overflow:hidden; height:36px; position:relative;}
.search-input .searchTxt{ width:166px; height:34px; font-size:14px; color:#666; padding:0 10px 0 40px; border:1px solid #dedede; line-height:36px; outline:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.search-input .searchSub{ background:url(../images/icos.png) no-repeat -162px -20px; width:22px; height:22px; display:block; position:absolute; top:7px; left:12px; cursor:pointer; outline:none;}
.classify{width:100%;height:36px; z-index:9; margin-top:13px;}
.classify p{ display:block;padding:0 0 0 10px; height:34px; line-height:34px; font-size:14px; color:#666; border:1px solid #dedede;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; cursor:pointer;}
.classify p i{ float:right; display:block; width:33px; height:34px; border-left:1px solid #dedede; background:url(../images/i-line_03.jpg) repeat-x; position:relative; margin-left:10px;}
.set i:after{ width:8px; height:6px; content:""; width:0; height:0; border:6px solid transparent; border-top:6px solid #333; border-bottom:0; position:absolute; top:14px; left:11px;}
.select i:after{ border:6px solid transparent; border-bottom:6px solid #333; border-top:0; }
.new{ width:216px;position:absolute; border:1px solid #CCC;display:none; background:#fff;}
.classify ul li{ line-height:34px;padding-left:10px; color:#666; cursor:pointer;}
.classify ul li:hover{ background:#CCC;color:#FFF;}
.search_btn{ width:76px; height:36px; margin:15px auto 0 auto;}
.search_btn input{ width:76px; height:36px; background:url(../images/icos.png) no-repeat -20px -108px; font-size:14px; color:#fff; text-align:center; line-height:36px; outline:none; cursor:pointer;}

.h220{ height:220px; padding-top:18px !important;}
.index-contact{ width:250px; overflow:hidden; border:1px solid #5daddc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; background:#fff; margin-top:15px;}
.index-contact .talk{ height:64px; overflow:hidden; margin-top:20px;}
.index-contact .talk,.index-contact .contactNub{ width:100%; overflow:hidden;}
.index-contact .talk i{ background:url(../images/qqIcos.png) no-repeat; width:60px; height:60px; display:block;}
.index-contact .talk .fr a{ width:148px; height:28px; display:block; border:1px solid #dedede; color:red; font-size:14px; line-height:28px; text-align:center; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; margin-bottom:4px;}
.index-contact .talk .fr a:hover{ background:#057cd7; color:#fff; border:1px solid #057cd7;}
.index-contact .contactNub{ margin-top:18px;}
.index-contact .contactNub .fr{ width:145px;}
.index-contact .contactNub i{ background:url(../images/contactIcos.png) no-repeat; width:60px; height:60px; display:block;}
.index-contact .contactNub p{ font-size:14px; color:#333; line-height:30px;}
.index-contact .contactNub b{ font-size:20px; color:#d31303; font-family:Arial;}
.online{ width:218px; height:60px; display:block;}
.online img{ width:100%;}

.h192{ height:192px; padding-top:19px !important; padding-bottom:22px !important;}
.m3{ padding:16px;}
.slideBox{ width:218px; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:216px; height:163px; display:block; border:1px solid #dedede; }
.slideBox .bd li p{ font-size:14px; line-height:30px; padding:0 10px; text-align:center;}
.slideBox .bd li p a{ font-size:14px; color:#333; width:98%; margin:0 auto;}
.slideBox .bd li p a:hover{ color:#0576cc;}
.slideBox .prev,.slideBox .next{ position:absolute; top:65px; display:block; width:30px; height:30px; }
.slideBox .prev{ background:url(../images/icos.png) no-repeat -20px -156px; left:-6px;}
.slideBox .next{ background:url(../images/icos.png) no-repeat -50px -156px; right:-6px;}
.slideBox .prev:hover{ background:url(../images/icos.png) no-repeat -80px -156px; left:-6px;}
.slideBox .next:hover{ background:url(../images/icos.png) no-repeat -110px -156px; right:-6px;}



.footer{ padding:20px 38px; width:auto; overflow:hidden; border:1px solid #5daddc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:3px; background:#fff; margin-bottom:30px; }
.footer .footTxt{ width:840px; overflow:hidden; float: left; padding-left: 20px;}
.footer .footTxt,.footer .footTxt p,.footer .footTxt *{ font-size:14px; color:#666; line-height:26px;}


/*内页*/
.pages{ width:100%; margin:15px 0; position:relative;}
.left{ width:252px; overflow:hidden;}
.left .left-tit{ width:100%; height:62px; background:url(../images/product-tit.png) no-repeat;}
.left .left-tit h2{ font-size:18px; color:#fff; font-weight:bold; padding-left:21px; line-height:62px;}
.left-nav{ width:250px; overflow:hidden; border:1px solid #5daddc; margin-bottom:15px;}
.left-nav ul{ width:100%; overflow:hidden;}
.left-nav li{ padding-left:20px; height:50px; overflow:hidden; background:url(../images/index_img_22.jpg) repeat-x; line-height:50px;}
.left-nav li i{ width:16px; height:16px; display:inline-block; background:url(../images/icos.png) no-repeat -138px -20px; vertical-align:middle; position:relative; margin-right:6px; margin-top:-2px;}
.left-nav li a{ font-size:14px; color:#333; font-weight:bold;}
.left-nav li a:hover,.left-nav li a.hover{ color:#0576cc;}


.right{ width:932px;overflow:hidden; border:1px solid #5daddc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:3px; background:#fff; min-height:1178px;}
.right-top{ width:100%; height:44px; overflow:hidden; background:url(../images/index_img_18.jpg) repeat-x; border-bottom:1px solid #5daddc;}
.right-top h2{ background:url(../images/topH-bg.png) no-repeat; padding:0 10px; background-size:100% 100%; height:39px; font-size:16px; color:#fff; font-weight:bold; line-height:39px; text-align:center; margin:7px 0 0 20px;}
.position{ line-height:44px; padding-right:20px; padding-top:11px;}
.position span,.position span a{ font-size:14px; color:#333; display:inline-block; vertical-align:middle;}
.position i{ display:inline-block; margin:0 10px;}
.position i.home{ width:16px; height:15px; background:url(../images/icos.png) no-repeat -190px -20px; display:inline-block; vertical-align:middle;}
.position i.plo{ width:3px; height:6px; background:url(../images/icos.png) no-repeat -212px -20px;}

.content{ padding:20px 20px 30px 20px; overflow:hidden;/* min-height:1083px;*/}
.productShow ul{ width:912px; overflow:hidden; position:relative; margin:0 0 -20px 0;}
.productShow ul li{ width:208px; overflow:hidden; float:left; margin:0 20px 20px 0;}
.productShow ul li img{ border:1px solid #ddd;}
.productShow ul li p{ line-height:40px; text-align:center;}
.productShow ul li p a{ color:#333; width:95%; margin:0 auto;}
.productShow ul li p a:hover{ color:#057cd7;}


/*分页*/
.paging{ text-align:center; padding:40px 0 0 0;}
.paging a{ display:inline-block; height:23px; padding:0 10px; font-size:14px; color:#999; border:1px solid #e4e4e4; margin:0 3px;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; line-height:23px;}
.paging a.hover,.paging a:hover{ background:#0576cc; color:#fff; border:1px solid #0576cc;}

.newsCeter{ padding-top:0;}
.newsCeter ul li{ background:url(../images/li-dot_03.jpg) no-repeat left center; padding-left:20px; height:50px; border-bottom:1px dashed #e4e4e4; overflow:hidden; }
.newsCeter ul li span{ font-size:14px; color:#999; line-height:50px;}
.newsCeter ul li a{ color:#666; width:720px;}
.newsCeter ul li a:hover{ color:#0576cc;}


.aboutTxt p{ font-size:14px; color:#666; line-height:36px;}
.aboutTxt img{ float:right; margin-left:20px;}


.caseShow ul{ width:912px; overflow:hidden; position:relative; margin:0 0 -20px 0;}
.caseShow ul li{ width:208px; overflow:hidden; float:left; margin:0 20px 20px 0;}
.caseShow ul li img{ border:1px solid #ddd; padding:3px}
.caseShow ul li p{ line-height:40px; text-align:center;}
.caseShow ul li p a{ color:#333; width:95%; margin:0 auto;}
.caseShow ul li p a:hover{ color:#057cd7;}


.message-input{ width:100%; overflow:hidden; background:url(../images/online_line_03.jpg) repeat-x left bottom; padding-bottom:55px;}
.onlineMessage .message-tit{ font-size:14px; color:#999; line-height:24px; padding:6px 15px; overflow:hidden; border:1px solid #e4e4e4; background:#f5f5f5; margin-bottom:30px;}
.onlineMessage .message-tit font{ color:red;}
.message_p{ width:100%; overflow:hidden; margin-bottom:20px;}
.message_p span{ font-size:14px; color:#666; line-height:36px; width:80px; text-align:left;}
.message_p input{ padding:0 15px; float:left; width:218px; height:34px; border:1px solid #e4e4e4; line-height:34px; color:#666; outline:none;}
.message_p font{ color:red; line-height:36px; display:block; margin-left:15px; float:left; }
.message_p select{ width:250px; float:left; height:36px; border:1px solid #e4e4e4; padding-left:10px;color:#666; font-size:14px; font-family:微软雅黑;}
.message_p textarea{ width:568px; height:148px; overflow:auto; padding:5px 15px; line-height:24px; color:#666; outline:none; border:1px solid #e4e4e4; float:left;}
.w568 input{ width:568px;}
.message-btn{ margin:30px 0 0 80px;}
.message-btn input{ background:url(../images/online-btn.jpg) no-repeat; width:100px; height:36px; font-size:14px; color:#fff; line-height:36px; text-align:center; cursor:pointer; outline:none;}


.mapsCon{ width:100%; overflow:hidden; margin-bottom:20px;}
.mapsCon .maps-top{ border:1px solid #e4e4e4; height:33px; background:#f5f5f5; padding:15px 0 0 20px;}
.mapsCon .maps-top i{ width:16px; height:16px; display:inline-block; background:url(../images/icos.png) no-repeat -138px -20px; vertical-align:middle; position:relative; margin-right:6px; margin-top:-2px;}
.mapsCon .maps-top h2{ font-size:16px; color:#333; font-weight:bold; display:inline-block;}
.mapsCon ul{ border:1px solid #e4e4e4; border-top:0; overflow:hidden; padding:20px 0 5px 0; position:relative;}
.mapsCon ul li{ padding:0 20px; background:url(../images/maps-line_03.jpg) no-repeat right center; float:left; margin-bottom:15px;}
.mapsCon ul li:last-child{ background:none;}
.mapsCon ul li a{font-size:14px; color:#868686; }
.mapsCon ul li a:hover{ color:#057cd7;}

.details-pic{ width:100%; overflow:hidden;}
.picFocus{ width:448px; border:1px solid #e4e4e4; position:relative; overflow:hidden; zoom:1; }
.picFocus .hd{ width:100%; padding:10px 20px; overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:92px; height:67px; border:3px solid #e4e4e4; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url(../images/icoUp.gif) no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd{ padding:20px; border-bottom:1px solid #e4e4e4;}
.picFocus .bd img{ width:408px; height:295px; display:block;  }

.productRtxt{ width:412px; overflow:hidden; }
.productRtxt h2{ height:70px; line-height:70px; font-size:24px; color:#666; font-weight:bold; border-bottom:1px solid #e4e4e4;}
.productRtxt .parameter{  overflow:hidden; padding:15px 0; border-bottom:1px solid #e4e4e4;}
.productRtxt .parameter p{ float:left; width:230px; font-size:14px; color:#666; line-height:36px; overflow:hidden;} 
.productRtxt .parameter p b{ font-weight:bold;}

.productCon{ width:auto; overflow:hidden; padding:15px 20px; border:1px solid #e4e4e4; background:#f5f5f5; margin:20px 0;}
.productCon .contact-phone i{ background:url(../images/icos.png) no-repeat -20px -199px; width:45px; height:45px; display:block; margin-right:10px;}
.productCon .contact-phone p{ font-size:14px; color:#999;}
.productCon .contact-phone b{ font-size:21px; color:#f77915; font-weight:bold; display:block;}
.qqBtn { margin-left:30px;}
.qqBtn a{ background:url(../images/qqBtn.png) no-repeat; width:74px; height:44px; display:block; font-size:14px; color:#154762; font-weight:bold; padding-left:54px; line-height:50px;}
.productRtxt .shares{ border-top:1px solid #e4e4e4; padding-top:20px;}
.shares span{ display:inline-block; font-size:14px; color:#999; vertical-align:middle;}


.pic-details{ width:100%; overflow:hidden; margin-top:30px;}
.pic-details .pic-top{ border:1px solid #e4e4e4; height:33px; background:#f5f5f5; padding:15px 0 0 20px;}
.pic-details .pic-top i{ width:16px; height:16px; display:inline-block; background:url(../images/icos.png) no-repeat -138px -20px; vertical-align:middle; position:relative; margin-right:6px; margin-top:-2px;}
.pic-details .pic-top h2{ font-size:16px; color:#333; font-weight:bold; display:inline-block;}
.pic-details .contentTxt{ padding-top:20px;}
.contentTxt,.contentTxt p,.contentTxt *{ color:#666; line-height:30px;}


.details-top{ width:100%; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #e4e4e4;}
.details-top h2{ font-size:24px; color:#333; text-align:center; padding-bottom:15px;}
.details-top .times{ text-align:center;}
.details-top .times font{ display:inline-block; font-size:14px; color:#999; margin:0 20px; vertical-align:middle;}
.details-top .times .shares{ display:inline-block; margin:0 20px;}
.details-top .times .shares span{ position:relative; margin-top:-2px}
.details .contentTxt{ padding:20px 0; border-bottom:1px solid #e4e4e4;}
.contentTxt img{ display:block; margin:10px auto; max-width:890px;}
.details-next{ padding:15px 0;}
.details-next p{ font-size:14px; color:#666; line-height:30px;}
.details-next p a{ color:#333;}
.details-next p a:hover{ color:#057cd7;}
.contact .contentTxt p{ font-size:16px;}


.mh-1{ min-height:973px;}
.mh-2{ min-height:1028px;}

.search_result{ padding:5px 20px; background:#f5f5f5;color:#666; margin-bottom:20px;}
.search_result span{ color:red; font-weight:bold; display:inline-block; margin:0 5px;}