@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 ul li.navdown{  background:url(../images/nav_bg.gif); background-repeat:no-repeat;}*/

nav ul li.hover a,nav ul li.navdown a{ }



.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:220px;}

.sidebar .sb_nav h3.title{     background: url(../images/about_bg.png) top no-repeat;

    padding: 30px 0;

    text-align: center;

    font-size: 22px;

    color: #fff;}

.sidebar .sb_nav h3.line{ margin-top:15px; }

.sidebar .sb_nav .active{ width:220px;  padding-bottom:20px; border-top:none;background:#535253;}

#sidebar dl{}

#sidebar dl dt{ padding-left:14px;padding: 5px 0; }

#sidebar dl dt a{  border-bottom:1px solid #fff;  width:220px;height:39px;line-height:40px; display:block; color:#fff; text-align:center;  font-size:16px; }

#sidebar dl dt a:hover{ color:#fff !important; background:#f00; }

#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; 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;}



/*内页二级*/

.leftsidebar_box{width:220px;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; background:#}

.leftsidebar_box dd{ height:30px; border-bottom:1px dashed #ccc; width:184px; margin-left:14px;}

.leftsidebar_box dd a{color:#fff; 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:12px; 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:34px; background:#373635;}

.tops{ width:1200px; margin:0 auto;}

.tops_left{ float:left; color:#fff; font:normal 12px/34px "Microsoft YaHei";}

.tops_right{ float:right;}

.tops_right li{ float:left;  color:#fff; font:normal 12px/36px "Microsoft YaHei";}

.tops_right li a{ display:block; color:#fff; font:normal 12px/36px "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;}

.phone{ width:315px; float:right; margin-top:35px;}

.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:5px;}



/*导航*/

.navs {display:table; width:100%; height:40px; background:#ec651b;  }

.navs_w{ width:1200px; margin:0 auto;}

.nav_name {list-style:none; width:1200px; margin:0 auto;}

.nav_name ul {opacity:0;position:absolute;top:160%;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;  z-index:9999; background:rgba(255,255,255,0.5);  }

.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; }

.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; border-bottom:3px solid #373635; height:37px; color:#fff}

.nav_name ul li a{ text-decoration:none;display:block;color:#000; width:150px;text-align:center; font:normal 14px/30px "Microsoft YaHei"; text-align:center;}

.nav_name ul li a:hover { width:150px; border-bottom:1px solid #ec651b; height:29px; font:normal 15px/30px "Microsoft YaHei"; color:#ec651b;}



/*banner*/

.flash{ width:100%; height:551px; margin:0 auto; overflow:hidden; _zoom:1; position:relative; *zoom:1;}

.flash1{ width:1000px; height:551px; margin:0 auto; position:relative;}

.flash2{ width:1920px; height:551px; position:absolute; left:-460px;}

.flexslider{margin:0 auto;position:relative;width:1920px;height:551px;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;}



/*搜索*/

.hots_bg{ width:100%; height:49px;  margin:0 auto; background:url(../images/search.png) bottom repeat-x; padding:5px 0 8px}

.hots{ width:1200px; margin:0 auto;}

.hotword{ float:left;}

.hotword li{ float:left; color:#333; font:bold 14px/50px "Microsoft YaHei";}

.hotword li a{ display:block; color:#525252; font:normal 14px/50px "Microsoft YaHei"; float:left; margin-left:10px;}

.hotword li a:hover{ display:block; color:#ec651b; font:normal 14px/50px "Microsoft YaHei"; float:left; margin-left:10px; text-decoration:underline;}

.head_search{ width:270px; float:right; margin-top:10px;}

.boxs{ border:solid 1px #ccc; height:30px; width:270px; line-height:30px; font-size:12px;}

.texts{ width:200px; height:100%; float:left; margin-left:10px;font-family:"Microsoft YaHei";}

.btnSubmits{ width:60px; height:30px; background:#02529b; color:#fff; font-family:"微软雅黑"; font-size:14px; line-height:30px;}



/*推荐产品*/

.protop{ width:1200px; margin:0 auto; margin-top:50px;}

.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 10px; width: 275px; text-align: center; float: left;}

.alBox .alCont li a img { width:275px; height:190px; border:1px solid #ccc; padding:4px; display:block;}

.alBox .alCont li a h5 {font-weight: normal; margin-top:5px; font-family:"微软雅黑"; font-size:14px; color:#5f5f5f;}

.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:14px; color:#ec651b;}



/*产品中心*/

.pros{ width:1200px; margin:0 auto; margin-top:50px;}

.pros_bg{ width:285px; height:464px; background:url(../images/pro_bg.jpg) no-repeat; float:left;}

.pros_left{ width:252px; float:left; margin-top:96px;}

.pros_left li{ float:left;}

.pros_left li a h3{ width:10px; height:10px; background:url(../images/coin01.png) no-repeat; float:left; margin-top:25px; margin-left:10px; display:block; margin-right:15px;}

.pros_left li a{ display:block; color:#fff; font:normal 16px/60px "Microsoft YaHei"; float:left;  height:60px; width:252px; border-bottom:1px solid #f29460;  margin-left:24px;}

.pros_left li a:hover{ display:block;  color:#fff; font:normal 16px/60px "Microsoft YaHei"; float:left; margin-left:15px; background:#d85006;  margin-left:24px;}

.pros_right{ width:896px; float:right;}

.pros_img{ width:920px; overflow:hidden;}

.pros_img li{ float:left; margin-right:20px; margin-bottom:25px;}

.pros_img li a h5{ display:block; color:#5f5f5f; font:normal 14px "Microsoft YaHei"; text-align:center; margin-top:5px;}

.pros_img li a:hover h5{ display:block; color:#ec651b; font:normal 14px "Microsoft YaHei"; text-align:center; margin-top:5px;}

.ad01{ width:100%; height:120px; background:url(../images/ad01.jpg) no-repeat center; margin-top:25px;}



/*我们的优势*/

.good01{width:100%; height:500px; background:url(../images/good01.jpg) no-repeat center; margin-top:50px;}

.good02{width:100%; height:314px; background:url(../images/good02.jpg) no-repeat center;}

.good03{width:100%; height:314px; background:url(../images/good03.jpg) no-repeat center;}

.good04{width:100%; height:337px; background:url(../images/good04.jpg) no-repeat center;}



/*公司简介*/

.abouts{ width:1200px; margin:0 auto; margin-top:50px;}

.title02 img{ display:block; width:769px; height:53px; margin:0 auto;}

.video{ width:540px; height:342px; float:left; margin-top:30px;}

.abouts_right{ width:620px; float:right; margin-top:30px;}

.abouts_right span{ display:block; color:#333; font:bold 18px "Microsoft YaHei"; text-align:center;}

.abouts_right 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_right p a{color:#ec651b; font:normal 12px "Microsoft YaHei"; margin-left:5px;}

.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(../images/ad02.jpg) no-repeat center; margin-top:50px;}



/*新闻中心*/

.xinwen{ width:1200px; margin:0 auto; margin-top:50px;}

.news{ width:671px; float:left;}

.title04 img{ display:block; width:671px; height:120px; float:left;}

.newstext{ width:671px; margin:0 auto;}

.newstext li{ float:left; width:671px; height:59px; border-bottom:1px solid #ccc;}

.newstext li h3{ color:#333; font:bold 20px/60px "Microsoft YaHei"; float:left; margin-left:15px;}

.newstext li a{ display:block; color:#5f5f5f; font:normal 14px/60px "Microsoft YaHei"; float:left; margin-left:40px;}

.newstext li a:hover{ display:block; color:#ec651b; font:normal 14px/60px "Microsoft YaHei"; float:left; margin-left:40px;}

.matters{ width:499px; float:right;}

.title05 img{ display:block; width:499px; height:120px; float:right;}

.matter_text{ width:499px;}

.matter_text li{float:left; width:499px; margin-top:15px;}

.matter_text .wen{ width:499px; float:left;}

.matter_text .wen h3{ width:20px; height:20px; background:url(../images/wen.jpg) no-repeat; float:left; margin-right:10px;}

.matter_text .wen a{ display:block; float:left; color:#333; font:bold 14px/20px "Microsoft YaHei"; float:left;}

.matter_text .wen a:hover{ display:block; float:left; color:#ec651b; font:bold 14px/20px "Microsoft YaHei"; float:left;}

.matter_text .da{ width:499px; float:left; margin-top:10px;}

.matter_text .da h3{ width:20px; height:20px; background:url(../images/da.jpg) no-repeat; float:left; margin-right:10px;}

.matter_text .da p{ color:#5f5f5f; font:normal 14px "Microsoft YaHei"; }



/*合作伙伴*/

.cooperation{ width:499px; margin:0 auto; margin-top:20px;}

.title05{ width:499px; height:36px; background:url(../images/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:270px; background:#373635; margin:0 auto; margin-top:50px;}

.foots{ width:1200px; margin:0 auto;}

.qr{ width:148px; float:left; margin-top:50px;}

.qr img{ display:block; width:148px; height:148px; float:left; margin-bottom:15px;}

.qr p{ color:#fff; font:normal 14px "Microsoft YaHei"; text-align:center;}

.foots_navs{ width:969px; height:50px; background:#323130; float:right; margin-top:50px;}

.navss{ width:969px;}

.navss li{ float:left; color:#fff; font:normal 14px/50px "Microsoft YaHei";}

.navss li a{ display:block; color:#fff; font:normal 14px/50px "Microsoft YaHei"; float:left; margin-left:30px; margin-right:30px;}

.ban{ color:#fff; font:normal 14px/30px "Microsoft YaHei"; float:left; margin-left:100px; margin-top:10px;}



/*在线客服*/

.yb_conct {position: fixed;z-index: 1;bottom: 50px;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(../images/fixCont.png) no-repeat 0 0;}

.yb_bar .yb_phone {background: #373635 url(../images/fixCont.png) no-repeat 0 -57px;}

.yb_bar .yb_QQ {text-indent: 0;background: #373635 url(../images/fixCont.png) no-repeat 0 -113px;}

.yb_bar .yb_ercode {background: #373635 url(../images/fixCont.png) no-repeat 0 -169px;}

.hd_qr {padding: 0 29px 25px 29px;}

.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}













.header{ width:100%; margin:0; padding:0; display:block; overflow:hidden; background:url(../images/top_bg.png) top repeat-x;}

.header .top{ width:1200px; margin:0 auto;display:block; overflow:hidden; }

.header .top p{ float:right; line-height:30px;height:30px;}

.header .top_logo{ width:1200px; margin:0 auto; padding:30px 0; display:block; overflow:hidden;}

.header .top_logo .logo{ float:left; padding-right:30px; background:url(../images/logo_bg.png) right no-repeat;display:block; overflow:hidden;}

.header .top_logo .logo img{}

.header .top_logo .logo p{ line-height:30px; color:#01519a; line-height:30px; font-size:14px;}

.header .top_logo .linian{ padding:10px 15px 10px 20px; display:block; overflow:hidden; width:360px;float:left; }

.header .top_logo .linian h3{ font-size:16px; line-height:30px;}

.header .top_logo .linian  p{ color:#f40000; font-size:16px;line-height:30px;}

.header .top_logo .tel{ float:right; padding:18px 0;}



.header .navlist{ width:100%; background:url(../images/nav_bg.png) repeat-x;margin:0; padding:0; display:block; overflow:hidden; }

.header .navlist ul{ width:1200px; margin:0 auto;display:block; overflow:hidden; }

.header .navlist ul li{ float:left; }

.header .navlist ul li a{  display:block; padding:8px 15px 4px;width:120px; color:#fff; font-size:16px; text-align:center;margin:6px 0;}

.header .navlist ul li a:hover,.on{ background: #ff0000}













.contain{ width:100%; margin:20px 0; display:block; overflow:hidden;}

.contain .pro_list{ width:1200px; margin:0 auto; display:block; overflow:hidden; padding:30px 0 20px;}

.contain .pro_list .pro_tit{ margin:0 auto; width:448px; height:90px;}



.contain .pro_list .product_list{ width:100%;display:block; overflow:hidden; margin:30px 0; padding:10px 0;}

.contain .pro_list .product_list li{ width:375px; float:left; overflow:hidden; margin-right:25px;  margin: 10px 15px 10px 10px;}

.contain .pro_list .product_list li img{ width:374px; height:282px;}

.contain .pro_list .product_list li .pro_name{ background:url(../images/proico01.png) no-repeat; padding:6px 0;display:block; overflow:hidden;}

.contain .pro_list .product_list li .pro_name span,.pro_tj .pro_name span,.pro_tj2 .pro_name span{ float:left; width:30%; display:block; padding-left:15px; color:#fff; padding:6px 8px;  font-size:14px;}

.contain .pro_list .product_list li .pro_name  h3,.pro_tj .pro_name h3,.pro_tj2 .pro_name h3{ float:left; width:65%; text-align:center; font-size:22px;}

.contain .pro_list .product_list li .pro_name a,.pro_tj .pro_name a,.pro_tj2 .pro_name a{ color:#fff;}



.pro_tj{ width:525px; float:left;display:block; overflow:hidden;}

.pro_tj img{ width:522px; height:412px;}

.pro_tj .pro_name{background:url(../images/proico02.png) no-repeat; padding:10px 0;display:block; overflow:hidden;}





.pro_tj2{ width:637px; float:right;display:block; overflow:hidden;}

.pro_tj2 img{ width:637px; height:412px;}

.pro_tj2 .pro_name{background:url(../images/proico03.png) no-repeat; padding:10px 0;display:block; overflow:hidden;}







.service{    width: 100%;

    height: 150px;

    background: url(../images/index_ys.png) no-repeat center;

	margin-top:20px;

   }





.about{ width:1200px; margin:30px auto; display: block; overflow:hidden; }

.about img{ float:right; width:537px; height:370px;padding-top:40px;}

.about .about_nr{ width:620px; float:left; display:block; overflow: hidden; padding-top:20px;}

.about .about_nr h2{font-size:30px; color:#666666; line-height:50x;}

.about .about_nr h3{ font-size:24px; color:#283949; line-height:36px; border-bottom:5px solid #f00; width:130px; padding:5px 0;}

.about .about_nr  p{ margin-top:10px; font-size:14px; line-height:30px;}

.about .about_nr  span{ display:block; text-align:center; padding:8px 20px; background: #f00; font-size:24px; color:#fff; width:140px; border-radius:10px; margin-top:5px;}



.case_show{width:1200px; margin:30px auto; display: block; overflow:hidden;}

.case_show .pro_tit{margin:0 auto; width:492px; height:45px;border-top:1px dashed #e8e8e8; padding:20px 0;}



.zixun{width: 100%;

    height: 134px;

    background: url(../images/index_con.png) no-repeat center;

	margin-top:20px;}

.zixun .index_lx{ width:120px; height:40px; background: #f00; border-radius:5px; text-align:center;  line-height:40px;  position:relative; top:40px; left:500px; margin:0 auto;}

.zixun .index_lx a{ color:#fff; font-size:16px;}







.news_list{ width:1200px; margin:30px auto; display: block; overflow:hidden;}

.news_list .pro_tit{margin:0 auto; width:446px; height:81px;border-top:1px dashed #e8e8e8; padding:20px 0;}

.news_list .news_page{ margin:20px 0; display: block; overflow:hidden;}

.news_list .news_page dl{ width:565px; float:left;  margin:10px 13px 12px 0;display: block; overflow:hidden; border:1px solid #d4d4d4; padding:13px 10px;}

.news_list .news_page dl dt{ width:162px; height:105px; padding:0 10px; float:left; position:relative;}

.news_list .news_page dl dt img{ width:162px; height:105px;}

.news_list .news_page dl dt .times{  position:absolute; top:0; left:0; width:65px; height:65px; background:#283949; color:#fff; text-align:center;}

.news_list .news_page dl dt .times h2{ font-size:24px;}

.news_list .news_page dl dt .times span{ font-size:14px;}

.news_list .news_page dl dd{ padding:8px 0;}

.news_list .news_page dl dd h4{ font-size:16px; line-height:36px; color:#283949;}

.news_list .news_page dl dd p{ color:#333; font-size:14px; line-height:30px;}





.footer{ width:100%; padding:0; background:url(../images/db_bg.png) top repeat-x; margin-top:30px;display: block; overflow:hidden;}

.footer .foot_bq{ width:1200px; margin:0 auto; padding:50px 0 30px;overflow:hidden;}

.footer .foot_bq .con_left{ width:410px; float:left; overflow:hidden;}

.footer .foot_bq .con_left img{ width:133px; height:133px; float:left;margin-right:15px;}

.footer .foot_bq .con_left h3{ font-size:24px; color:#333; }

.footer .foot_bq .con_left p{ font-size:14px; color:#333; line-height:28px; padding:10px 0;}



.footer .foot_bq .foot_nav{ width:748px; float:right; display:block; overflow:hidden;}

.footer .foot_bq .foot_nav dl{ border-right:1px dashed #cccccc;  float:left; width:80px; margin-right:10px; height:220px;}

.footer .foot_bq .foot_nav dl dt{ border-left:3px solid #f00;font-size:1px; padding-left:10px; height:18px; margin-bottom:15px; font-size:14px;}

.footer .foot_bq .foot_nav dl dd{ padding-left:10px; line-height:24px; }

.footer .foot_bq .foot_nav dl dd a{color:#8d8d8d}

.footer .foot_bq .foot_nav dl dd a:hover{ color:#f00;}

.footer .foot_bq .foot_nav .product_db{ width:520px;}

.footer .foot_bq .foot_nav .product_db dd{  width:120px; float:left;}



.foot_db{ width:100%; margin:0; background:#283949; padding:20px 0;display: block; overflow:hidden;}

.foot_db .fenzhan{ width:1200px; margin:0 auto;display: block; overflow:hidden;}

.foot_db .fenzhan ul{ width:100%;display: block; overflow:hidden;}

.foot_db .fenzhan ul li{ padding:8px 15px; text-align:center; line-height:30px; color:#fff; float:left;}

.foot_db .fenzhan ul li a{ color:#fff;}



.foot_db .con_right{ width:1200px; margin:30px auto;display: block; overflow:hidden;}

.foot_db .con_right p{ color:#fff; text-align:center; line-height:30px;}

.foot_db .con_right p a{ color:#fff;}

















.bodyCon08 .students{margin:30px auto 0;width:1200px;height:240px;position:relative;}

.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}



#four_flash{position:relative;width:1200px;height:240px; margin:0 auto;position:absolute;bottom:40px;}

#four_flash .flashBg{width:1110px;height:240px; margin:0 auto;position:relative;overflow:hidden;}

#four_flash .flashBg ul.mobile{width:2000%;height:240px; position:absolute;top:30px; left:0;}

#four_flash .flashBg ul.mobile li{float:left;width:256px;height:198px;margin-left:10px;padding:4px; border:1px solid #e8e8e8;}

#four_flash .flashBg ul.mobile li:hover{ color:#fff;}

#four_flash .flashBg ul.mobile li img{width:256px;height:196px;display:block; margin:0 auto;}

#four_flash .but_left{width:33px;height:100px;position:absolute; top:100px; left:0px;}

#four_flash .but_right{width:33px;height:100px; position:absolute; top:100px; right:0px;}

#four_flash .but_left:hover{background:url(../images/left_01.png) no-repeat;}

#four_flash .but_right:hover{background:url(../images/right_01.png) no-repeat;}



div.sdmenu{width:220px;margin:0 auto;font-family:Arial, sans-serif;font-size:14px;}

div.sdmenu div{  width:220px; margin-top:10px;}

div.sdmenu div.collapsed{height:40px; overflow:hidden;}

div.sdmenu div .zmt{display:block;background-color:#535253;overflow:hidden; line-height:40px; text-align:center; height:40px;font-weight:bold;color:white; background-image:url(../images/arrow_u.png); background-repeat:no-repeat; background-position:10px; 15px;cursor:pointer;}

div.sdmenu div .zms{display:block;background-color:#535253;overflow:hidden; line-height:40px; text-align:center; height:40px;font-weight:bold;color:white; cursor:pointer;}

div.sdmenu div span a{ color:#fff;}

div.sdmenu div.collapsed .zmt{background-image:url(../images/arrow_d.png);}

div.sdmenu div li a{padding:5px 10px; font-size:12px;background:#eee;display:block;border-bottom:1px solid #ddd;color:#333;}

div.sdmenu div li a.current{background:#ccc;}

div.sdmenu div li a:hover{background:#535253 url(../images/linkarrow.gif) no-repeat right center;color:#fff;text-decoration:none;}
.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; width:640px; float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}
#newslist li h1 a:hover{color:#ec651b; width:640px; float:left; font:normal 16px "Microsoft YaHei"; margin-top:10px;}
#newslist li span{ color:#999; font:normal 12px "Microsoft YaHei"; width:640px; float:left; display:block; margin-top:15px; }
#newslist li p{ color:#5f5f5f; font:normal 14px/28px "Microsoft YaHei"; float:left; width:640px;}
#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 h3{ width:290px; height:30px; background:#ccc; margin-top:10px;}
.prod li h3 a{color:#333; font:normal 13px/30px "Microsoft YaHei"; display:block; float:left; }
.prod li h3 a:hover{ display:block; color:#ec651b;}


#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;}
#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; }


.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}