@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:#0c88d1; 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:40px; overflow:hidden; width:1200px; margin:0 auto;}
nav ul li{ float:left; text-align:center; height:40px; overflow:hidden; margin-left:24px; }
nav ul li a{ height:40px; line-height:40px; color:#fff; display:block; font-family:"微软雅黑"; font-size:16px;}
nav ul li a:hover{ background:url(../images/nav_button.jpg) no-repeat; background-repeat:no-repeat;height:40px; line-height:40px; color:#fff; font-size:14px; display:block; font-family:"微软雅黑"; font-size:16px;}
nav ul li.line{ width:0px; overflow:hidden;}
nav ul li.hover{ background:url(../images/nav_button.jpg) no-repeat;; background-repeat:no-repeat;}
/*nav ul li.navdown{  background:url(../images/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(../images/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(../images/more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px;}
.style-2 h3.title { background:url(../images/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(../images/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(../images/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(../images/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(../images/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:214px;}
.sidebar .sb_nav h3.title{ text-align:left;  background:url(../images/idx_18.jpg) no-repeat;width:214px;height:45px;color:#fff;font-size:16px; line-height:45px; text-align:center;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ width:212px; border:1px solid #ccc;  padding-bottom:10px;}
#sidebar dl{ }
#sidebar dl dt{ padding-left:14px; }
#sidebar dl dt a{  background:url(../images/idx_22.jpg) no-repeat; width:184px;height:34px;line-height:34px;margin-top:10px; display:block; color:#fff; text-align:center;  }
#sidebar dl dt a:hover{ color:#fff; background-color:#f34712; background-image:none; }
#sidebar dl dd{}
#sidebar dl dd h4{ padding:5px 0px 5px 10px; background:url(../images/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;}
.sidebar .sb_box{ float:right; width:950px; background:#fff; overflow:hidden;  }
.sidebar .sb_box h3.title{ height:38px; line-height:38px; background-color:#eeeeee; font-size:12px;}
.sidebar .sb_box h3.title span{ height:38px; line-height:38px; background-color:#0c88d1; display:block;float:left; padding-left:30px; padding-right:30px; color:#fff; font-size:16px}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; padding-right:20px;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ color:#0c88d1;}

/*内页二级*/
.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:#0c88d1;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}




* { padding:0; margin:0; outline:none; list-style:none; }
body { font-size:12px; font-family:"微软雅黑"; color:#666666; background:#ffffff; overflow-y:visible; overflow-x:hidden;}
a:active, a:hover { color:#0c88d1; 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:30px; background:url(../images/tops_bg.jpg) repeat-x center;}
.tops{ width:1200px; margin:0 auto;}
.tops_left{ float:left; color:#333; font:normal 13px/30px "Microsoft YaHei";}
.tops_right{ float:right;}
.tops_right li{ float:left; margin-left:15px;}
.tops_right li a{ display:block; color:#333; font:normal 13px/30px "Microsoft YaHei";}
.tops_right li a:hover{ color:#0c88d1; text-decoration:underline;}

/*网页头部*/
.heads{ height:103px; width:1200px; margin:0 auto;}
.logo{ float:left; width:439px; height:37px; margin-top:13px;}
.phone{ width:340px; float:right; margin-top:23px;}
.phone img{ display:block; width:50px; float:left; margin-top:3px; margin-right:20px;}

.phone p{  color:#0c88d1;  font:bold 18px "Microsoft YaHei"; line-height:32px;}

/*导航*/
.col960 {width:1200px; margin:0 auto;}
.navbg {height:40px;width: 100%;background: #0c88d1;}
#navul li {float: left; width:130px; height:40px;position:relative;text-align:center;line-height:40px; font:normal 16px/40px "微软雅黑"; margin-left:18px;}
#navul li a:link, #navul li a:visited {color:#FFFFFF; }
#navul li ul li a:link, #navul li ul li a:visited {color:#0c88d1; }
#navul li ul {display:none;position:absolute;z-index:10000;top:40px;background:#fff;}
#navul li ul li {display:block;width:130px;float:none;margin-left:0px;height:30px;position:relative;line-height:30px; color:#2b90d9; font-family:"微软雅黑"; font-size:14px; float:left; position:relative;}
#navul li ul li a{ display:block; color:#157bb9;}
#navul li.navmoon {background:#f34712; width:130px;height:40px;line-height:40px;}
#navul li.navmoon a {color:#FFFFFF;}
#navul li.navhome a:hover {color:#FCFF00;}
#navul li.navmoon ul {display:block;}
#navul li.navmoon ul a {display:block;width:130px;height:30px;line-height:30px;}
#navul li.navmoon ul a:hover {background:#e0e0e0; width:130px;}

/*搜索*/
.search_bg{ width:1200px; height:50px; margin:0 auto;}
.search_left li{ float:left; color:#333; font:bold 14px/50px "Microsoft YaHei";}
.search_left li a{ float:left; color:#333; font:normal 14px/50px "Microsoft YaHei"; display:block; margin-right:15px;}
.search_left li a:hover{ color:#333; text-decoration:underline;}
.head_search{ width:245px; float:right; margin-top:12px;}
.box{ border:solid 1px #ccc; height:25px; width:243px; line-height:25px; font-size:12px;}
.text{ width:196px; height:100%; float:left; margin-left:2px; border:0px;}
.btnSubmit{ width:45px; height:25px; background:#f34712; color:#fff; font-family:"微软雅黑"; font-size:12px;border:0px;}

/*banner*/
.flash{ width:100%; height:480px; margin:0 auto; overflow:hidden; _zoom:1; position:relative; *zoom:1;}
.flash1{ width:1000px; height:480px; margin:0 auto; position:relative;}
.flash2{ width:1920px; height:480px; position:absolute; left:-460px;}
.flexslider{margin:0 auto;position:relative;width:1920px;height:480px;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(../images/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(../images/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;}

/*成功案例*/
.cases{ width:1200px; margin:0 auto; margin-top:50px;}
.title01{ width:324px; height:42px; margin:0 auto;}
.cases_pic{ width:1300px; overflow:hidden;}
.anli_out{ margin-top:25px;}
.alBox {}
.alBox .alCont {position: relative;}
.alBox .alCont ul {margin: 0px auto; width: 1200px; overflow: hidden;}
.alBox .alCont li {margin: 0px 15px; width:275px; text-align: center; float: left;}
.alBox .alCont li a img{ width:275px; height:200px; border:1px solid #ccc; padding:4px; display:block;}
.alBox .alCont li a:hover img{ display:block; border:1px solid #0c88d1;}
.alBox .alCont li h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:14px;}

/*产品中心*/
.pro_title{ width:1200px; height:120px; margin:0 auto;}
.title02{ float:left; width:200px; height:120px;}

.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.case1{width:1200px;margin:50px auto;}
.case1 .title{height:120px;}
.case1 .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.case1 .title-list{ position: relative;  width:1000px; float:left;}
.case1 .title-list li{  float: left; display: inline; margin-left:1px; margin-bottom:1px; }
.case1 .title-list li a{ display:block; width:199px; height:60px; background:#0c88d1; color:#fff; font:normal 14px/60px "Microsoft YaHei"; text-align:center;}
.case1 .title-list li a:hover{ display:block; width:199px; height:60px; background:#f34b18; display:block; color:#fff;}
.case1 .title-list li.on{ color: #ff6600; font-weight: bold;}
.case1 .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.case1 .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height:673px; position: relative; overflow: hidden; display: none; }
.product ul{ position: absolute; left: 0px; width:1250px; overflow:hidden;}
.product-wrap .show{ display: block; width:1200px; margin:0 auto; margin-top:10px;}
.product-wrap .product li{ float: left; margin-top:20px; display: inline; margin-left: 13px;background: #f3f3f3;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s; margin-right:20px;}
.product-wrap .product li.ml0{margin-left:0px; width:590px; height:184px; background:#eee;}
.product-wrap .product li a.imgwrap img{ display: block; width: 256px; height:164px; float:left; padding-top:10px; margin-left:20px; margin-right:20px;}
.product-wrap .product li .mt10 a{ color:#333; text-decoration:none; display:block; font:normal 18px "Microsoft YaHei"; float:left; width:290px; margin-top:25px;}
.product-wrap .product li .mt10 a:hover{ color:#0c88d1; text-decoration:none; display:block; font:normal 18px "Microsoft YaHei"; float:left; width:290px;}
.product-wrap .product li .pb10{ color:#333; font:normal 14px/26px "Microsoft YaHei"; float:left; width:270px; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; margin-top:10px;}


/*推荐产品*/
.groom{ width:1200px; margin:0 auto; margin-top:50px;}
.title03{ width:1200px; height:24px; background:url(../images/title03.jpg) no-repeat center; }
.title03 a{ display:block; color:#777; font:bold 12px/24px "Microsoft YaHei"; float:right; margin-right:5px;}
.title03 a:hover{ color:#0c88d1;}
.alBox .alConts {position: relative;}
.alBox .alConts ul {margin: 0px auto; width: 1200px; overflow: hidden;}
.alBox .alConts li {margin: 0px 15px; width:214px; text-align: center; float: left;}
.alBox .alConts li a img{ width:214px; height:190px; border:1px solid #ccc; padding:4px; display:block;}
.alBox .alConts li a:hover img{ display:block; border:1px solid #0c88d1;}
.alBox .alConts li h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:14px;}

/*三大优势*/
.good01{ width:1200px; height:481px; background:url(../images/good01.jpg) no-repeat; margin:0 auto; margin-top:50px;}
.good001{ width:587px; float:right; padding-top:205px; margin-right:35px;}
.good001 span{ display:block; float:left; color:#fff; font:bold 24px "Microsoft YaHei"; float:left; width:587px;}
.good001 p{ display:block; float:left; color:#fff; font:normal 16px/36px "Microsoft YaHei"; float:left; width:587px; padding-top:14px;}
.good02{ width:1200px; height:312px; background:url(../images/good02.jpg) no-repeat; margin:0 auto; }
.good002{ width:587px; float:left; padding-top:28px; margin-left:125px;}
.good002 span{ display:block; float:left; color:#fff; font:bold 24px "Microsoft YaHei"; float:left; width:587px;}
.good002 p{ display:block; float:left; color:#fff; font:normal 16px/34px "Microsoft YaHei"; float:left; width:587px; padding-top:14px;}
.good03{ width:1200px; height:313px; background:url(../images/good03.jpg) no-repeat; margin:0 auto; }
.good003{ width:587px; float:right; padding-top:38px; margin-right:38px;}
.good003 span{ display:block; float:left; color:#fff; font:bold 24px "Microsoft YaHei"; float:left; width:587px;}
.good003 p{ display:block; float:left; color:#fff; font:normal 16px/36px "Microsoft YaHei"; float:left; width:587px; padding-top:16px;}

/*关于我们*/
.abouts{ width:1200px; margin:0 auto; margin-top:50px;}
.title04{ width:147px; height:24px; float:left;}
.about_left{ width:460px; height:288px; float:left; margin-top:20px;}
.about_right{ width:724px; float:right;}
.about_right h1{ color:#333; font:normal 18px "Microsoft YaHei"; float:left; width:724px; margin-top:20px;}
.about_right p{ color:#333; font:normal 14px/28px "Microsoft YaHei"; float:left; width:724px; word-break:break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; margin-top:5px;}
.about_right p a{ margin-left:8px; color:#f34712;}
.about_button{ width:724px; float:right; margin-top:20px;}
.about_button li{ float:left; margin-right:1px; width:180px;}
.about_button .about01 a{ display:block; width:180px; height:100px; background:url(../images/about01.jpg) no-repeat;}
.about_button .about01 a:hover{ display:block; width:180px; height:100px; background:url(../images/about001.jpg) no-repeat;}
.about_button .about02 a{ display:block; width:180px; height:100px; background:url(../images/about02.jpg) no-repeat;}
.about_button .about02 a:hover{ display:block; width:180px; height:100px; background:url(../images/about002.jpg) no-repeat;}
.about_button .about03 a{ display:block; width:180px; height:100px; background:url(../images/about03.jpg) no-repeat;}
.about_button .about03 a:hover{ display:block; width:180px; height:100px; background:url(../images/about003.jpg) no-repeat;}
.about_button .about04 a{ display:block; width:180px; height:100px; background:url(../images/about04.jpg) no-repeat;}
.about_button .about04 a:hover{ display:block; width:180px; height:100px; background:url(../images/about004.jpg) no-repeat;}

/*荣誉资质*/
.honor{ width:1200px; margin:0 auto; margin-top:50px;}
.title05{ width:1200px; height:24px; background:url(../images/title05.jpg) no-repeat; margin:0 auto;}
.title05 a{ display:block; color:#777; font:bold 12px/24px "Microsoft YaHei"; float:right; margin-right:5px;}
.title05 a:hover{ color:#0c88d1;}
.alBox .alCont3 {position: relative;}
.alBox .alCont3 ul {margin: 0px auto; width: 1200px; overflow: hidden;}
.alBox .alCont3 li {margin: 0px 15px; width:202px; text-align: center; float: left;}
.alBox .alCont3 li a img{ width:202px; height:152px; border:1px solid #ccc; padding:4px; display:block;}
.alBox .alCont3 li a:hover img{ display:block; border:1px solid #0c88d1;}

/*广告条*/
.AD{ width:100%; height:138px; background:url(../images/AD.jpg) no-repeat center; margin-top:50px;}

/*新闻动态*/
.index01{ width:1200px; margin:0 auto; margin-top:50px;}
.news{ width:838px; float:left;}
#tabs { width:838px; position:relative;}
html > body #tabs { width:838px;}
#tabs div { position:absolute; top:60px; left:0; width:838px; height:186px;}
#tabs div { display:none;}
#tabs .block { display:block;}
#tabs h3 { float:left; width:419px; height:40px; line-height:40px; margin:0 0 0 0; font-size:18px; cursor:pointer; background-color:#eee; text-align:center; color:#333; font-family:Microsoft YaHei;font-weight:normal;}
#tabs .up { background:#0c88d1;color:#fff;}
#tabs ul { list-style:none; padding:0; margin-top:0px;}
#tabs li {  border-bottom:1px dotted #c6c6c6; height:35px; overflow:hidden; width:405px; float:left; margin-right:14px;}
#tabs li h2{ width:8px; height:8px; background:url(../images/coins.jpg) no-repeat; float:left; margin-top:13px;}
#tabs .tab_title{ display:block; color:#333; text-decoration:none; float:left; font:normal 14px/35px "Microsoft YaHei"; margin-left:5px; }
#tabs .tab_title:hover{ color:#0c88d1;}
#tabs li span{ display:block; float:right; color:#777; font:normal 12px/35px "Microsoft YaHei";}
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}
#tabs .new_pic{ height:180px; width:838px; border-bottom:none;}
#tabs .new_pic a img{ display:block; width:280px; height:180px; float:left; margin-right:20px;}
#tabs .new_pic h1 a{ color:#333; font:normal 18px "Microsoft YaHei"; margin-top:35px; display:block; }
#tabs .new_pic h1 a:hover{ color:#0c88d1; 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:#f34b18; font:normal 12px "Microsoft YaHei"; margin-left:5px;}

/*营销网络*/
.network{ width:334px; float:right;}
.title06{ width:334px; height:34px;}
.network_text{ width:334; height:330px; margin-top:20px;}

/*网页底部*/
.foots_bg{ width:100%;  background:#0c88d1; margin-top:50px;}
.foots{ width:1200px; margin:0 auto; padding-top:30px;}
.subs{ width:1200px; overflow:hidden;}
.subs li{ color:#fff; font:normal 16px "Microsoft YaHei"; float:left;}
.subs li a{ color:#fff; font:normal 14px "Microsoft YaHei"; float:left; float:left; display:block; margin-right:35px;}
.foot_logo{ width:167px; float:left; height:54px; padding-top:53px;}
.foots_text{ width:550px; float:left; color:#fff; font:normal 14px/28px "Microsoft YaHei"; padding-top:30px; margin-left:30px;}
.foots_text>div a{color:#fff!important;}
.foots_line{ float:left; border-left:1px solid #fff; height:75px; margin-top:45px; margin-left:30px;}
.qr{ width:110px; height:110px; float:left; margin-top:23px; margin-left:50px;}
.qr img{ width:110px; height:110px; float:left; display:block;}
.foots_phone{ width:265px; float:right; margin-top:50px;}
.foots_phone img{ display:block; width:45px; height:45px; float:left; margin-top:3px;}
.foots_phone h1{ color:#fff; font:normal 15px "Microsoft YaHei"; float:right; margin-right:90px;}
.foots_phone h2{ color:#fff; font:normal 30px "Microsoft YaHei"; float:right;}

.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:armenian;
}
.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:170px;
	}
.tj_product_out li img{
	width:163px;
	height:116px;
}



.link01{ width:100%; margin-top:10px; display:block; overflow:hidden;}
.link01 li{ float:left; line-height:30px;color:#fff; }
.link01 li a{ padding:0px 15px; color:#fff; font-size:12px; display:block;}
.link01 li a:hover{ text-decoration:underline;}

.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; }
.button:active { position: relative; top: 1px;}

#showtext{  font:normal 14px/28px "Microsoft YaHei"; color:#666; word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; padding:15px 0px;}
/*文章模块*/
#newslist{ padding:15px 20px;}
#newslist li{ padding:6px 10px; background:url(../images/dt-0.gif) no-repeat left 19px;}
#newslist li a{ font-size:16px; margin-right:5px; font-family:"Microsoft YaHei"; color:#333;}
#newslist li span{ float:right; color:#777; font-size:12px;}
#newslist li p{ color:#777; font-family:"Microsoft YaHei"; font-size:14px;}
#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:950px; 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 h3{ width:282px; height:30px; background:#ccc; margin-top:10px;}
.prod li h3 a{color:#333; font:normal 14px/30px "Microsoft YaHei"; display:block; float:left; margin-left:10px;}
.prod li h3 a:hover{ display:block; color:#0c88d1;}


#imglist{}
#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;}
#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;}
.imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;}
.imgparalist li span{ float:left; margin-right:10px; color:#999;}
#showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }

