﻿@charset "utf-8";
html,body{ font:12px/1.66 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#ec651b; text-decoration:none;}
/*头部*/
.inner{ width:980px; background-color:#fff; margin:0 auto; position:relative;}
header{ background:#013d97; zoom:1}
#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}
.top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:1; text-align:right; width:100%;}
.top-nav a{ color:#fff;}
.top-nav a:hover{ color:#fff;}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}
.top-logo{ min-height:90px; _height:90px;}

nav{ height:66px; overflow:hidden; width:1200px; margin:0 auto;}
nav ul li{ float:left; text-align:center; height:66px; overflow:hidden;  border-right:1px solid #3294e2; width:148px;}
nav ul li a{ height:66px; line-height:66px; color:#fff; display:block; font-family:"微软雅黑"; font-size:16px; padding-left:32px; padding-right:32px; }
nav ul li a:hover{ height:61px; line-height:61px; color:#fff; display:block; font-family:"微软雅黑"; font-size:16px; background-color:#0363af; border-top:5px solid #009148; }
nav ul li.line{ display:none;}
nav ul li.hover{ background:url(../nav_button.jpg) no-repeat;background-repeat:no-repeat;}
/*nav ul li.navdown{  background:url(../nav_bg.gif); background-repeat:no-repeat;}*/
nav ul li.hover a,nav ul li.navdown a{ }
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#fff;}
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 

/*首页*/
.aboutus{ float:left; width:675px; margin-top:10px;}
.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}
.style-1 h3.title span{ float:left; background:url(../dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;}
.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px;}
.style-2 h3.title { background:url(../dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;}
.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}
.style-2 .active{ background:#fff; padding:10px;}
.style-2 dl.ind{ clear:both; zoom:1}
.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:10px;}
.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}
.index-news{ float:left; width:330px; margin-right:15px; margin-top:15px;}
.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../dt-1.gif) no-repeat left 12px; }
.listel li a{ margin-right:5px; zoom:1;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:right; width:290px; margin-top:15px;}
.index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center; }
.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}
.index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../neu.gif) no-repeat;}
.index-product .next{ background-position:-17px 0px; }
.index-product .next:hover{ background-position:-57px 0px; }
.index-product .prev{ background-position:-40px 0px; }
.index-product .prev:hover{ background-position:0px 0px; }
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*内页栏目*/
.sidebar{ padding-top:45px; width:1200px;}
.sidebar .sb_nav{ float:left; width:236px;}
.sidebar .sb_nav h3.title{ text-align:center;background:url(../ny_03.jpg) no-repeat;width:240px;height:101px;color:#fff;font-size:20px;  line-height:80px;letter-spacing:2px;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ width:236px; padding-bottom:20px; border-top:none;}
#sidebar dl{ }
#sidebar dl dt{ margin-top:10px;}
#sidebar dl dt a{ background-color:#2383cf;border-radius:10px; width:236px;height:39px;line-height:40px; display:block; color:#fff; text-align:center;  }
#sidebar dl dt a:hover{ color:#fff; background-color:#009148;border-bottom:1px dashed #009148; }
#sidebar dl dd{}
#sidebar dl dd h4{ padding:5px 0px 5px 10px; background:url(../dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ color:#fff; background-color:#b50000;}
#sidebar dl h4.on a{color:#fff; background-color:#b50000; font-family:"Microsoft YaHei";}
.sidebar .sb_box{ float:right; width:930px; background:#fff; overflow:hidden;  }
.sidebar .sb_box h3.title{  font-size:12px; color:#999; font-family:"Microsoft YaHei";}
.sidebar .sb_box h3.title span{ display:block;float:left; color:#333; font-size:16px; font-weight:bold;}
.sidebar_right_line{ width:100%; border-bottom:1px dashed #ccc; margin:0 auto; margin-top:5px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; }
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box h3.title div.position a:hover{ color:#ec651b;}
.ny_contact_tit{ background-color:#0577bd; height:40px; line-height:40px; color:#fff; text-align:left; padding-left:30px; font-size:16px; width:206px; margin-top:20px;}

/*内页二级*/
.leftsidebar_box{width:160px;height:auto !important;overflow:visible !important;}
.leftsidebar_box dt{background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:14px;position:relative;line-height:48px;cursor:pointer;}
.leftsidebar_box dd{ height:30px; border-bottom:1px dashed #ccc; width:184px; margin-left:14px;}
.leftsidebar_box dd a{color:#333; font:normal 14px/30px "Microsoft YaHei"; display:block; text-align:center;}
.leftsidebar_box dd a:hover{ display:block;  color:#ec651b;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}




* { padding:0; margin:0; border:0px; outline:none; list-style:none; }
body { font-size:14px; font-family:"微软雅黑"; color:#666666; background:#ffffff; overflow-y:visible; overflow-x:hidden;}
a:active, a:hover { color:#ec651b; text-decoration:none; }
a img { border-style:none; }
ul,li, dl { list-style:none; padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, h7, h8 { font-weight:normal;}
dl, dt, dd { display:block; margin:0; }
*{ list-style:none;}
.clear { clear:both; }
/*网页顶部*/
.tops_bg{ width:100%; height:45px; background:#eeeeee;}
.tops{ width:1200px; margin:0 auto;}
.tops_left{ float:left;  font:normal 12px/45px "Microsoft YaHei";}
.tops_right{ float:right;}
.tops_right li{ float:left;   font:normal 12px/45px "Microsoft YaHei";}
.tops_right li a{ display:block;  font:normal 12px/45px "Microsoft YaHei"; float:left; margin-left:10px; }
.tops_right li a:hover{ display:block; color:#ec651b; font:normal 12px/36px "Microsoft YaHei"; text-decoration:underline; float:left;}

/*网页头部*/
.heads{ width:1200px; height:139px; margin:0 auto;}
.logo a img{ margin-top:32.5px; float:left; display:block;}
.phone{  float:right; margin-top:15px;}
.phone span{ color:#666; font:normal 16px "Microsoft YaHei"; float:right; margin-right:100px; display:block;}
.phone p{ color:#ec651b; font:normal 30px "Arial Black", Gadget, sans-serif; float:right;}
.phone img{ display:block; float:left; margin-top:35px;}

/*导航*/
.navs {display:table; width:100%; height:66px; background:#2383cf;  }
.navs_w{ width:1200px; margin:0 auto;}
.nav_name {list-style:none; width:1200px; margin:0 auto;padding:15px;}
.nav_name ul {opacity:0;position:absolute;top:160%;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;  z-index:9999; background-color:#009148;  }
.nav_namel ul ul {top:0%;left:160%;}
.nav_name ul li:hover > ul {top:0%;left:100%;opacity:1;visibility:visible;}
.nav_name li:hover > ul {opacity:1;top:100%;visibility:visible;}
.nav_name li {float:left; position:relative; }
.nav_name ul li {float:none; height:40px; border-top:1px solid #fff;}
.nav_name li {cursor: pointer; }
.nav_name li a {text-decoration:none;display:block;color:#fff; width:150px;text-align:center; font:normal 16px/40px "Microsoft YaHei"; text-align:center;}
.nav_name li:hover {}
.nav_name li a:hover { width:150px;  height:40px;background-color:#009148; color:#fff}
.nav_name ul li a{ text-decoration:none;display:block;color:#fff; width:150px;text-align:center; font:normal 14px/40px "Microsoft YaHei"; text-align:center;}
.nav_name ul li a:hover { width:150px;  height:40px; font:normal 15px/40px "Microsoft YaHei"; color:#fff;background:#1f6bc6;}

/*banner*/
.flash{ width:100%; height:580px; margin:0 auto; overflow:hidden; _zoom:1; position:relative; *zoom:1;}
.flash1{ width:1000px; height:580px; margin:0 auto; position:relative;}
.flash2{ width:1920px; height:580px; position:absolute; left:-460px;}
.flexslider{margin:0 auto;position:relative;width:1920px;height:580px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../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;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:3px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*搜索*/
.hots_bg{ width:100%; height:60px; border-bottom:1px solid #e1dfdf; margin:0 auto;}
.hots{ width:1200px; margin:0 auto;}
.hotword{ float:left;}
.hotword li{ float:left; color:#333; font:bold 14px/60px "Microsoft YaHei";}
.hotword li a{ display:block; color:#525252; font:normal 14px/60px "Microsoft YaHei"; float:left; margin-left:10px;}
.hotword li a:hover{ display:block; color:#ec651b; font:normal 14px/60px "Microsoft YaHei"; float:left; margin-left:10px; text-decoration:underline;}
.head_search{ width:250px; float:right; margin-top:10px;}
.boxs{ border:solid 1px #ccc; height:40px; width:250px; line-height:30px; font-size:12px;}
.texts{ width:200px; height:100%; float:left; margin-left:10px;font-family:"Microsoft YaHei";}
.btnSubmits{ width:40px; height:40px; background:#ec651b; color:#fff; font-family:"微软雅黑"; font-size:14px; line-height:40px; background:url(../search.png) no-repeat;cursor:pointer }

/*推荐产品*/

.protop{ width:1200px; margin:0 auto; padding-top:20px;}
.title01 img{ display:block; width:800px; height:53px; margin:0 auto;}
.mores a{ display:block; width:80px; height:24px; border-radius:4px; color:#999; font:normal 14px/24px "Microsoft YaHei"; text-align:center; margin:0 auto; border:1px solid #ccc; margin-top:15px;}
.mores a:hover{ display:block; width:80px; height:24px; border-radius:4px; color:#fff; font:normal 14px/24px "Microsoft YaHei"; text-align:center; margin:0 auto; border:1px solid #ec651b; margin-top:15px; background:#ec651b;}
.anli_out{ margin-top:30px;}
.alBox {}
.alBox .alCont {position: relative;}
.alBox .alCont ul {margin: 0px auto; width: 1200px; overflow: hidden;}
.alBox .alCont li {margin: 0px 18px; width:313px; text-align: center; float: left;}
.alBox .alCont li a img { width:313px; height:211px; border:1px solid #ccc; padding:4px; display:block;}
.alBox .alCont li a h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:16px; color:#0577bd;}
.alBox .alCont li a:hover img { width:275px; height:190px; border:1px solid #ec651b; padding:4px; display:block;}
.alBox .alCont li a:hover h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:16px; color:#ec651b;}
.case_more{
	clear:both; padding-top:50px;
	width:217px; margin:0 auto;
	}
.alBox .alCont .btnLeft {
    background: url(../btn_pre.png) no-repeat center;
	left:0px;
}
.alBox .alCont .btnLeft {
    top: 50%;
    width: 65px;
    height: 65px;
    margin-top: -25px;
    position: absolute;
    _top: 40%;
}

.alBox .alCont .btnRight {
    background: url(../btn_next.png) no-repeat center;
    right: 0px;
}
.alBox .alCont .btnRight {
    top: 50%;
    width: 65px;
    height: 55px;
    margin-top: -25px;
    position: absolute;
    _top: 40%;
}

.services{ width:100%; margin:20px auto;display:block; padding:0;}
.services h2,.protop h2{ text-align:center; font-size:36px; line-height:40px; color:#2383cf; margin-top:20px; font-weight:bold;}
.services h2 span,.protop h2 span{ display:block; color:#939393; font-size:14px; font-weight:normal;}

.choice{ width:1200px;margin:30px auto 20px;display:block; }
.choice h2{text-align:center; font-size:36px; line-height:40px; color:#2383cf; margin-top:20px; font-weight:bold;background:url(../title_bg.png) bottom no-repeat; padding-bottom:15px;}
.choice p{text-align:center; color:#565656; line-height:30px;}

.choose{ width:100%; display:block; overflow:hidden;}
.choose ul{ widows:100%; list-style:none;display:block; overflow:hidden;}
.choose ul li{ width:231px; float:left; margin-right:8px; margin-bottom:20px;}
.ambient_more{clear:both;padding:30px 0;width:217px;margin:0 auto;}


.title1{ background:url(../title_bg.png) bottom no-repeat;}
/*产品中心*/
.pros{ width:1200px; margin:0 auto; margin-top:50px;}
.pro_tit{margin:0 auto; margin-top:15px; margin-bottom:15px; width:192px;}
.pro_tit h2{ color:#fff; font-size:32px; font-weight:bold;}
.pro_tit h2 span{ display:block; font-size:20px;}
.pros_bg{ width:245px; height:530px; background-color:#0577bd; float:left;}
.pros_left{ width:245px; margin:0 auto; height:420px; background-color:#eeeeee;}
.pros_left li{background-color:#eeeeee;}
.pros_left li a{ display:block;color:#6b6b6b; text-align:center; line-height:37px;font-size:16px;height:37px; margin:0 auto;padding:10px 0px; }
.pros_left li a:hover{ background:#009148; color:#fff; }
.pros_right{ width:914px; float:right;  display:block; overflow:hidden;}
.pros_img{ width:914px; overflow:hidden;}
.pros_img li{ float:left; margin-right:5px; margin-top:10px; overflow:hidden; width:292px;border:1px solid #eeeeee; }
.pros_img li img{ padding:10px;}

.index_con{ width:100%; background:#2383cf; border-radius:8px; display:block; overflow:hidden;}
.index_con p{ padding:30px 10px; background:url(../tel_ico.png) 20px no-repeat; color:#fff; font-size:18px; padding-left:80px;}

.pros_img li a h5{ display:block; font:normal 14px "Microsoft YaHei";  margin-top:5px; color:#009148; padding:0 10px}
.pros_img li p{ color:#7f7f7f; font-size:14px; line-height:30px;padding:5px 10px}
.pros_img li span{padding:10px 10px 15px; color:#009148; display:block;}
.pros_img li a:hover h5{ color:#ec651b;}
.ad01{ width:100%; height:120px; background:url(../ad01.jpg) no-repeat center; margin-top:25px;}



/*我们的优势*/
.good01{width:100%; height:206px; background:url(../sy_26.png) no-repeat center; margin-top:50px;}
.good02{width:100%; height:152px; background:url(../sy_27.png) no-repeat center;}
.good03{width:100%; height:282px; background:url(../sy_28.png) no-repeat center;}
.good04{width:100%; height:296px; background:url(../sy_29.png) no-repeat center;}
.good05{width:100%; height:321px; background:url(../sy_30.png) no-repeat center;}

.liucheng{width:100%; height:188px; background:url(../liucheng.png) no-repeat center; margin-top:20px;}


/*公司简介*/
.abouts{ width:1200px; margin:0 auto; margin-top:50px;}
.video{ float:right;margin-top:50px;}
.abouts_left{ width:620px; float:left; margin-top:50px;}
.abouts_left span{ display:block; color:#0577bd; font:bold 20px "Microsoft YaHei"; text-align:left;}
.abouts_left p{ color:#5f5f5f; font:normal 14px/28px "Microsoft YaHei";word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; float:left; margin-top:10px;}
.abouts_left p a{color:#2689c6; border:1px solid #2689c6; width:150px; height:45px; line-height:45px; text-align:center; font-size:16px; display:block; margin-top:20px;}
.abouts_left p a:hover{color:#fff; border:1px solid #2689c6; background-color:#2689c6;}
.anli_outs{ margin-top:20px;}
.alBoxs {}
.alBoxs .alConts {position: relative;}
.alBoxs .alConts ul {margin: 0px auto; width: 620px; overflow: hidden;}
.alBoxs .alConts li {margin: 0px 10px; width: 210px; text-align: center; float: left;}
.alBoxs .alConts li img { width:190px; height:136px; border:1px solid #ccc; padding:4px;}

/*工程案例*/
.cases{ width:1200px; margin:0 auto; margin-top:50px;}
.title03 img{ display:block; width:800px; height:53px; margin:0 auto;}
.mores a{ display:block; width:80px; height:24px; border-radius:4px; color:#999; font:normal 14px/24px "Microsoft YaHei"; text-align:center; margin:0 auto; border:1px solid #ccc; margin-top:15px;}
.mores a:hover{ display:block; width:80px; height:24px; border-radius:4px; color:#fff; font:normal 14px/24px "Microsoft YaHei"; text-align:center; margin:0 auto; border:1px solid #ec651b; margin-top:15px; background:#ec651b;}
.caseimg{ width:1250px; overflow:hidden; margin-top:30px;}
.caseimg li{ float:left; margin-right:20px;}
.caseimg li a{ display:block; width:283px; height:326px; border:1px solid #ccc;}
.caseimg li a:hover{ display:block; width:283px; height:326px; border:1px solid #ec651b; background:#ec651b;}
.caseimg li a img{ display:block; float:left; margin-left:4px; margin-top:5px; margin-bottom:10px;}
.caseimg li a h1{ color:#333; font:bold 14px "Microsoft YaHei"; text-align:center; display:block;}
.caseimg li a:hover h1{ color:#fff; font:bold 14px "Microsoft YaHei"; text-align:center; display:block;}
.caseimg li a p{ display:block; color:#5f5f5f; font:normal 12px/18px "Microsoft YaHei"; width:275px; float:left; margin-left:4px; margin-top:10px;}
.caseimg li a:hover p{ display:block; color:#fff; font:normal 12px/18px "Microsoft YaHei"; width:275px; float:left; margin-left:4px; margin-top:10px;}
.caseimg li a span{ display:block; width:100px; height:26px; background:#373635; border-radius:4px; margin:0 auto; color:#fff; font:normal 14px/26px "Microsoft YaHei"; text-align:center; margin-top:15px;}
.caseimg li a:hover span{ display:block; width:100px; height:26px; background:#fff; border-radius:4px; margin:0 auto; color:#ec651b; font:normal 14px/26px "Microsoft YaHei"; text-align:center;  margin-top:15px;}
.ad02{ width:100%; height:120px; background:url(../ad02.jpg) no-repeat center; margin-top:50px;}

/*新闻动态*/
.news{ width:1200px; margin:0 auto; margin-top:50px; }
.news_title img{  margin:0 auto; }
.new_left{ width:675px; float:left; margin-top:30px; height:410px;}
#tabs { width:675px; position:relative; margin:0 auto;}
html > body #tabs { width:675px;}
#tabs div { position:absolute; top:60px; left:0; width:675px; }
#tabs div { display:none;}
#tabs .block { display:block;}
#tabs h3 { float:left; width:200px; height:50px; line-height:50px; margin:0 0 0 0; font-size:16px; cursor:pointer; background-color:#eee; text-align:center; color:#333; font-family:Microsoft YaHei;font-weight:normal;}
#tabs .up { background:#2383cf;color:#fff;}
#tabs ul { list-style:none; padding:0; margin-top:10px;}
#tabs li {  border-bottom:1px dotted #c6c6c6; height:37px; overflow:hidden; font-size:12px; width:675px; float:left;}
#tabs li a { display:inline; font-size:14px; text-decoration:none; margin-right:10px; line-height:37px; color:#333;}
#tabs li a:hover { display:inline; font-size:14px; text-decoration:none; margin-right:10px; line-height:37px; color:#198beb;}
#tabs li span{ display:block; float:right; margin-right:5px; color: #bdacb3;  line-height:37px;}
#tabs .new_pic{ height:140px; width:675px;}
#tabs .new_pic a img{ display:block; width:200px; height:140px; float:left; margin-right:20px;}
#tabs .new_pic h1 a{ color:#333; font:bold 14px "Microsoft YaHei"; display:block;}
#tabs .new_pic h1 a:hover{ color:#198beb; text-decoration:underline; }
#tabs .new_pic p{ color:#333; font:normal 14px/26px "Microsoft YaHei"; word-break:break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; margin-top:5px;}
#tabs .new_pic p a{ color:#198beb; font:normal 12px "Microsoft YaHei"; margin-left:5px;}
#tabs .tab_menu{ color:#198beb; font:normal 12px/37px "Microsoft YaHei";}
/*常见问答*/
.answers{ width:440px; float:right; }
.news01{ width:440px; margin:0 auto;}
.news01 li{ width:440px; float:left; border-bottom:1px dashed #ccc; height:129px;}
.news01 .wen{ width:440px; float:left; margin-top:15px; }
.news01 .wen h3{ width:20px; height:20px; background:url(../sy_43.jpg) no-repeat; float:left; margin-right:10px;}
.news01 .wen a{ display:block; float:left; color:#333; font:bold 14px/20px "Microsoft YaHei";}
.news01 .wen a:hover{ display:block; float:left; color:#cb1001; font:bold 14px/20px "Microsoft YaHei";}
.news01 .da{ width:440px; float:left; margin-top:15px; }
.news01 .da h3{ width:20px; height:20px; background:url(../sy_46.jpg) no-repeat; float:left; margin-right:10px;}
.news01 .da p{ float:left; width:410px; color:#5f5f5f; font:normal 14px/22px "Microsoft YaHei";}

.probl_tit{ font-size:30px; color:#0577bd; font-weight:bold; float:left;}
.scrollbox{ width: 440px; margin: 0 auto; overflow: hidden;}
#scrollDiv{width:440px;height:382px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/


.scroltit{ height:43px; line-height:43px; padding-bottom:4px; margin-bottom:4px; float:right;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:44px; height:43px; margin-left:8px}
#but_up{ background:url(../sy_36.jpg) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(../sy_38.jpg) no-repeat 0 0; text-indent:-9999px}

/*合作伙伴*/
.cooperation{ width:499px; margin:0 auto; margin-top:20px;}
.title05{ width:499px; height:36px; background:url(../title06.jpg) no-repeat;}
.title05 a{ display:block; color:#7f7f7f; font:normal 14px/36px "Microsoft YaHei"; float:right;}
.title05 a:hover{ display:block; color:#ec651b; font:normal 14px/36px "Microsoft YaHei"; float:right;}
.huo{ width:520px; overflow:hidden;}
.huo li{ float:left; margin-right:33px; margin-top:15px;}
.huo li a img{ display:block; border:1px solid #ccc; padding:4px;}

/*网站底部*/
.foots_bg{ width:100%; height:280px; background:#2383cf; margin:0 auto;}
.foots{ width:1200px; margin:0 auto;}
.qr{ width:120px; float:right; margin-top:20px;}
.qr img{ display:block; width:120px; height:121px;  margin-bottom:15px;}
.qr p{ color:#fff; font:normal 14px "Microsoft YaHei"; text-align:center;}
.foot_logo{
	float:left;
	margin-top:46px;
	background:url(../foot_lit.png) right no-repeat;
	padding-right:50px;
	}
.foot_contact{background:url(../foot_bg.png) no-repeat left; padding-left:30px; float:left; margin-left:30px; margin-top:35px;}
.foot_contact li{ height:40px; line-height:40px; color:#fff; font-size:14px; padding-left:10px;}
.ban{ color:#fff; font:normal 14px/40px "Microsoft YaHei"; border-top:1px solid #2b9ee4;margin-top:20px; clear:both; text-align:left;}

/*在线客服*/
.yb_conct {position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: #373635 url(../fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone {background: #373635 url(../fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_tel {background: #373635 url(../fixCont.png) no-repeat 0 -113px;}

.yb_bar .yb_QQ {text-indent: 0;background: #373635 url(../fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {background: #373635 url(../fixCont.png) no-repeat 0 -229px;}
.hd_qr {padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}

.dd_main{
	width:1200px;
	margin:0 auto;
	}
.poster-main {
  width: 600px;
  height: 225px;
  position: relative;
  margin-left:40px;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 600px;
  height: 225px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  background: url(../left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(../right.png) no-repeat center center;
}
.tj_product_tit{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;
	}
.tj_product_tit .tit_l{
	  font:bold 16px 'Microsoft YaHei'; color:#009148;
	  float:left;
	}
	.tj_product_tit .tit_m{
	  float:right;
	}
.proli_out{ margin-top:10px;}
.proBox {}
.proBox .alCont {position: relative;}
.proBox .alCont ul {margin: 0px auto; width: 930px; overflow: hidden;}
.proBox .alCont li {margin: 0px 10px; width: 275px; text-align: center; float: left;}
.proBox .alCont li a img { width:275px; height:190px; border:1px solid #ccc; padding:4px; display:block;}
.proBox .alCont li a h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:14px; color:#5f5f5f;}
.proBox .alCont li a:hover img { width:275px; height:190px; border:1px solid #ec651b; padding:4px; display:block;}
.proBox .alCont li a:hover h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:14px; color:#ec651b;}

.proBox .alCont .btnLeft {
    background: url(../btn_pre.png) no-repeat center;
	left:0px;
}
.proBox .alCont .btnLeft {
    top: 50%;
    width: 65px;
    height: 65px;
    margin-top: -25px;
    position: absolute;
    _top: 40%;
}

.proBox .alCont .btnRight {
    background: url(../btn_next.png) no-repeat center;
    right: 0px;
}
.proBox .alCont .btnRight {
    top: 50%;
    width: 65px;
    height: 55px;
    margin-top: -25px;
    position: absolute;
    _top: 40%;
}
.sub_bg{ width:100%; background-color:#009148; height:55px;}
.subs{ width:1200px; margin:0 auto; margin-top:20px;}
.subs li{ color:#fff; font:normal 16px/55px "Microsoft YaHei"; float:left;}
.subs li a{ color:#fff; font:normal 14px/55px "Microsoft YaHei"; float:left; float:left; display:block; margin-right:30px;}
.pro_out{background-color:#f4f5f5;width:100%;}

.tj_news_out,.tj_product_out{
	padding-top:10px;
	padding-bottom:20px;
}
.tj_news_tit,.tj_product_tit{
	border-bottom:1px solid #ccc;
	height:30px;
}
.tit_l{
	float:left;
	font-size:16px;
}
.tit_m{
	float:right;
}
.tj_news_out li{
	border-bottom:1px dashed #ccc;
	height:28px;
	line-height:28px;
	list-style-type:none;
}
.tj_product_out ul,.tj_news_out ul{
	clear:both;
	padding-top:10px;
}
.tj_product_out li{
	float:left;
width: 165px; margin-left: 10px; margin-right: 10px;
margin-top:10px;
text-align:center;
height:200px;
	}
.tj_product_out li img{
	width:163px;
	height:153px;
}





.tabox{width:1200px;margin:30px auto;}
.tabox .hd{overflow:hidden; width:245px; float:left; background-color:#0577bd; }
.pro_tit{margin:0 auto; margin-top:15px; margin-bottom:15px; width:192px;}
.pro_tit h2{ color:#fff; font-size:32px; font-weight:bold;}
.pro_tit h2 span{ display:block; font-size:20px;}

.tabox .hd ul{width: 245px;
    margin: 0 auto;
    height: 350px;
    background-color: #eeeeee;}
	
.tabox .hd li{background-color: #eeeeee; text-align:center; width:100%;height: 37px;line-height: 37px;padding: 10px 0px;}
.tabox .hd li a{     color: #6b6b6b;
    text-align: center;
    
    font-size: 16px;
    
    margin: 0 auto;
     }
.tabox .hd li.on{ background:#009148; color:#fff; cursor:pointer; width:100%;}
.tabox .hd li.on a{background:#009148; color:#fff;}
.tabox .bd{border-top:0;  width:914px; float:right;}
.tabox .lh{overflow:hidden;}
.tabox .lh li{float:left; margin-right:5px; margin-top:30px; overflow:hidden; width:292px;border:1px solid #eeeeee; }
.tabox .lh li img{padding:10px;}
.tabox .lh li a h5{display:block;font:normal 14px "Microsoft YaHei";color:#009148;padding:0 10px 15px;text-align:  center;}
.tabox .lh li  p{ color:#7f7f7f; font-size:14px; line-height:30px;padding:5px 10px}
.tabox .lh li span{padding:10px 10px 15px; color:#009148; display:block;}
.tabox .lh li  a:hover h5{ color:#ec651b;}




.link01{ width:100%; margin-top:10px; display:block; overflow:hidden;}
.link01 ul{ width:1200px; margin:0 auto; display:block; overflow:hidden;}
.link01 li{ float:left; line-height:30px;color:#333; font-size:14px;}
.link01 li a{ padding:0px 15px; color:#333; font-size:14px; display:block; text-decoration:underline;}
.link01 li a:hover{text-decoration:underline; color:#f00;}


.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}
.clear{ clear:both; }
.list-none{ list-style:none; padding:0px;}
.editor{ color:#666; font:normal 14px/28px "Microsoft YaHei"; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px; }
.editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;}
.editor a{ color:#1C57C4; text-decoration:underline;}
/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }
/*简介模块*/
#showtext{  font:normal 14px/28px "Microsoft YaHei"; color:#525252; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px;}
/*文章模块*/
#newslist{ width:930px; margin:0 auto; }
#newslist li{ float:left; width:930px; margin-bottom:30px;}
#newslist li a img{ float:left; border:1px solid #ccc; padding:4px; margin-right:30px;}
#newslist li a:hover img{ float:left; border:1px solid #ec651b; padding:4px; margin-right:30px;}
#newslist li h1 a{color:#333;  float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}
#newslist li h1 a:hover{color:#ec651b;  float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}
#newslist li span{ color:#999; font:normal 12px "Microsoft YaHei"; float:left; display:block; margin-top:15px; float: right;}
#newslist li p{ color:#5f5f5f; font:normal 14px/28px "Microsoft YaHei"; float:left;     display: block;
    width: 100%;}
#shownews{ padding:0px 15px 15px;}
#shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;}


.pro{ width:930px; margin:0 auto; }
.prod{ width:1000px; overflow:hidden; margin:0 auto;}
.prod li{ float:left; margin-top:20px;}
.prod li a img{display:block; border:1px solid #ccc;}
.prod li a:hover img{display:block; border:1px solid #e57819;}
.prod li a h3{ width:290px; height:30px; background:#ccc; margin-top:10px;}
.prod li a h3 {color:#333; font:normal 14px/30px "Microsoft YaHei"; display:block; text-align:center;}
.prod li a:hover h3{ display:block; color:#fff; background-color:#e57819;}


#imglist{ width:1000px; overflow:hidden;}
#imglist li{ float:left; display:inline; margin-top:20px;}
#imglist li a.img{ font-size:0px; display:block;}
#imglist li a.img img{ margin:auto;  border:1px solid #ccc; }
#imglist li h3{text-align:center; color:#333; font:normal 14px "Microsoft YaHei"; margin-top:5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#showimg{ padding:15px;}
#showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;}
#showimg .imgshow{ text-align:center;}
#showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px;  font-size:14px; border-bottom:1px dotted #ccc; }


