@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:40px; overflow:hidden; width:950px; float:right; margin-top:50px;}

nav ul li{ float:left; text-align:center; height:40px; overflow:hidden; margin-left:10px; }

nav ul li a{ height:39px; line-height:39px; color:#000; display:block; font-family:"微软雅黑"; font-size:16px; }

nav ul li a:hover{ height:39px; line-height:39px; color:#ec651b; font-size:14px; display:block; font-family:"微软雅黑"; font-size:16px; border-bottom:1px solid #ec651b; }

nav ul li.line{ width:3px; overflow:hidden; height:40px; background:url(../images/nav_line.jpg) no-repeat;}

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

.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 .sb_nav{ float:left; width:240px;}

.sidebar .sb_nav h3.title{ text-align:left;  background:#373635;width:240px;height:60px;color:#fff;font-size:18px;  line-height:60px; text-align:center; font-family:"Microsoft YaHei"; letter-spacing:2px;}

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

.sidebar .sb_nav .active{ width:238px; border:1px solid #ccc;  padding-bottom:20px; border-top:none;}

#sidebar dl{ }

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

#sidebar dl dt a{ border-bottom:1px dashed #ccc; width:210px;height:39px;line-height:40px; display:block; color:#525252; text-align:center;  }

#sidebar dl dt a:hover{ color:#ec651b; background-image:none; border-bottom:1px dashed #ec651b; }

#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:100%;height:auto !important;overflow:visible !important;}

.leftsidebar_box dt{ width: 100%;

    background: #eee;

    height: 46px;

    margin-bottom: 10px;}

	

.leftsidebar_box dt a{display:block; background:url(../images/ico_ab.png) 24px no-repeat; line-height:46px; font-size:16px; color:#333; padding-left:50px;}

.leftsidebar_box dt:hover{background:#ddd;}

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



/*导航*/

.navlist{ width:860px;}

.navs {display:table; width:100%;  }

.navs_w{ margin:0 auto;}

.nav_name {list-style:none;  margin:0 auto; list-style:none; padding-top:20px;}

.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;width:105px;text-align:center; font:normal 16px/78px "Microsoft YaHei"; text-align:center;}

.nav_name li:hover {}

.nav_name li a:hover,.onhover{ width:105px; border-bottom:2px solid #fff; height:78px; background:#de554f; color:#fff;  border-top-left-radius: 5px;border-top-right-radius: 5px;}

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

.nav_name ul li a:hover { width:105px; border-bottom:1px solid #de554f; height:36px; font:normal 14px/36px "Microsoft YaHei"; color:#de554f; background:#fff; border-radius:0;}



/*banner*/

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

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

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

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







/*推荐产品*/

.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: 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(../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;}











.fl{ float:left;}

.fr{ float:right;}



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

.top1{ width:1230px; margin:0 auto; height:40px; line-height:40px;}

.top1 p{ color:#fff; }

.top1 .top_con{width:240px;}

.top1 .top_con a{ float:left; display:block; color:#fff; padding:0 15px;}



.top_lgoo{ width:1230px; margin:0 auto;}

.logo{ width:220px; display:block;}

.logo img{ width:218px; height:70px; padding:20px 0 7px;}













.container{ width:100%; background:url(../images/bg.png) top repeat-x #f3f3f5; display:block; overflow:hidden;}

.index_hots{ width:1200px; background:#fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.2); margin:30px auto 15px; display:block; padding: 15px 0;

    overflow: hidden;

    

    

	

	

	}

.index_hots .nav_ys{ width:275px; padding:10px 20px; border-right:1px dashed #ccc; float:left;}

.search{ width:400px; float:left; margin: 10px 20px 0px;border-right:1px dashed #ccc; }

.boxs{ width:350px; height:38px; border:1px solid #ccc;}

.texts{ border:none; width:300px; float:left; line-height:38px; padding-left:10px;}

.btnSubmits{ background:url(../images/search.png) no-repeat; width:36px; height:32px; border:none; margin:8px 0; cursor:pointer;}



.hotword{ list-style:none; margin:10px 0; display:block; overflow:hidden;}

.hotword li{ float:left; margin-left:5px;}



.ser_tel{width:440px; float:left; }

.ser_tel p{ padding:10px; font-size:16px; color:#ec8832; width:250px; float:left; margin-top:10px;}

.ser_tel p span{ display:block; font-size:28px; line-height:13px;padding-top:10px;}

.ser_tel img{ float:right; width:78px; padding-top:15px;padding-right:5px;}



.class_list,.Splice{ width:1230px; display:block; overflow:hidden; margin:15px auto;}

.class_list ul{ padding:10px; display:block; overflow:hidden;}

.class_list ul li{ width:300px; float:left;}

.class_list ul li img{width:283px; height:160px; display:block; padding:10px;}

.class_list ul li p{ background:url(../images/list1.png); height:45px; line-height:45px; width:100%; padding-right:0px; margin-top:5px; text-align:center; color:#fff; font-size:22px;}

.class_list ul a:hover li img{box-shadow: 0px 0px 3px 3px #ccc;}







.splic_title{width:100%; display:block; overflow:hidden; margin-bottom:25px;}

.splic_title h3{ font-size:20px; color:#000; font-weight:normal; float:left;}

.splic_title h3:hover{color:#ff6801;}

.splic_title span{ display:block; background:url(../images/more.png) right no-repeat; padding-right:20px; width:65px; float:right;}

.splic_title span a{ color:#0f0f0f; font-size:14px;}

.splic_title span a:hover{color:#ff6801;}

.splic_title span:hover{background: url(../images/more1.png) right no-repeat;}



.Splice dl{ width:290px; margin-right:10px; margin-bottom:30px; display:block; margin-left:5px; float:left; border:1px solid #ccc;background:#eee;}

.Splice dl dt{width:290px; height:200px;}

.Splice dl dd{ padding:15px 0; text-align:center;}

.Splice dl dd h3{ font-size:16px; color:#241b1b;}

.Splice dl dd p{font-size:14px; color:#949494; line-height:36px;}

.Splice dl dd span{ display:block; color:#fff; font-size:18px;}



.Splice dl:hover{border:1px solid #ff6801;}

.Splice dl:hover dd{ background:#ff6801;}

.Splice dl:hover dd h3{color:#fff;}

.Splice dl:hover dd p{ color:#fff;}





.mess_zixun{ width:1230px; margin:15px auto; display:block; overflow:hidden; background:url(../images/zixun_01.png) no-repeat; height:165px;}

.zixun{ width:210px; float:right; margin-right:30px; margin-top:50px;}

.zixun span{ width:175px; display:block; background:#fffc00; padding:10px 0; text-align:center; border-radius:8px;}

.zixun span a{ font-size:18px; color:#939107; display:block;}

.zixun p{font-size:28px; color:#fff; padding-top:10px;}







.Consult{width:1230px; margin:20px auto; display:block; overflow:hidden; background:url(../images/zixun_02.png) no-repeat; height:185px;}

.shop{width:770px;display:block; overflow:hidden;}

.shop ul{ padding-left:70px; padding-top:15px;}

.shop ul li{width:130px; float:left; margin-right:45px;}

.shop ul li p{ text-align:center; color:#fff; font-size:14px; line-height:36px;}

.zixun1{width:150px; float:right; margin-right:30px; margin-top:70px;}

.zixun1 a{ display:block;background:#fffc00; padding:10px 0; text-align:center; border-radius:8px;width:150px; margin-bottom:5px;font-size:16px;}



.less_zixun{width:1230px; margin:20px auto; display:block; overflow:hidden; background:url(../images/zixun_03.png) no-repeat; height:202px;}

.technology_zixun{width:1230px; margin:20px auto; display:block; overflow:hidden; background:url(../images/zixun_04.png) no-repeat; height:172px;}

.zixun2{width:150px; float:right; margin-right:30px; margin-top:70px;}

.zixun2 span{width:150px; display:block; background:#fffc00; padding:10px 0; text-align:center; border-radius:8px;}

.zixun2 span a{ font-size:18px; color:#939107; display:block;}







.index_about,.index_news{ width:1230px; margin:20px auto; display:block; overflow:hidden;}

.about_title{ width:100%; display:block; overflow:hidden;}

.about_title h3{ float:left; background:url(../images/title_bg.png) left no-repeat; height:36px; padding-left:15px; font-size:18px; color:#414141; line-height:36px; font-weight:normal;}

.about_title h3 .eng_tit{ font-size:12px; color:#948c8c;}

.about_title .more_02{ width:80px; float:right; display:block; line-height:36px; background:url(../images/more.png) right no-repeat;}

.about_page{ margin:20px auto; width:100%; display:block; overflow:hidden;}

.about_page .ab_img{ float:left; width:520px; margin-right:30px;}

.proflie{ width:680px; float:right; display:block; overflow:hidden;}

.proflie img:hover{box-shadow: 0px 0px 3px 3px #ccc;}

.proflie h2{ font-size:18px; color:#0376c9; font-weight:normal;}

.proflie p{ font-size:16px; color:#adadad; padding:18px 0 10px; line-height:32px; text-indent:2em;}

.proflie ul{width:100%; list-style:none; display:block; overflow:hidden;}

.proflie ul li{ float:left; width:160px; margin-right:10px;}













.new_left{ width:675px; float:left; 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:131px; height:40px; line-height:40px; margin:0 0 0 0; font-size:16px; cursor:pointer; background-color:#666; text-align:center; color:#fff; font-family:Microsoft YaHei;font-weight:normal; margin-right:15px;}

#tabs .up { background:url(../images/news_tab.png) no-repeat;color:#fff;}

#tabs ul { list-style:none; padding:0; margin-top:10px;}

#tabs li {  border-bottom:1px dotted #c6c6c6; height:40px; overflow:hidden; font-size:12px; width:675px; float:left; background:url(../images/ico.png) no-repeat left; padding-left:15px;}





#tabs .tj_news{border-bottom:1px dotted #c6c6c6; overflow:hidden; display:block; height:162px; list-style:none; background:none;}

#tabs .tj_news img{ float:left; width:228px; margin-right:15px;}

#tabs .tj_news h4{ font-weight:normal;   line-height:40px;}

#tabs .tj_news h4 a{font-size:16px;}

#tabs .tj_news h4 a:hover{color:#1a5eaf;font-size:16px;}

#tabs .tj_news p{ line-height:24px; font-size:12px; color:#9b9b9b;}

#tabs .tj_news .list_more{ float:left;}







#tabs li a { display:inline; font-size:14px; text-decoration:none; margin-right:10px; line-height:40px; color:#333;}

#tabs li a:hover { display:inline; font-size:14px; text-decoration:none; margin-right:10px; line-height:40px; 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";}





.problem{ width:505px; float:right;}

.pro_title{ width:100%; border-bottom:1px solid #ccc;display:block; overflow:hidden;}

.pro_title h3{ background:url(../images/news_tab.png) no-repeat; height:40px; font-size:16px; line-height:40px;color:#fff; text-align:center;width:131px;float:left; font-weight:normal;}

.pro_title span{ float:right;line-height:40px; color:14px;color:#494949;}



.problem ul{ width:100%; list-style:none; display:block; overflow:hidden; margin-top:30px;}

.problem ul li{ background:url(../images/ico.png) no-repeat left; padding-left:15px; height:40px;line-height:40px;  border-bottom:1px dotted #c6c6c6;}

.problem ul li a{ font-size:14px; float:left; color:#555555;}

.problem ul li span{ float:right; color:#999;}

.problem ul li a:hover{color:#198beb;}









.footer{ width:100%;  display:block; overflow:hidden; background:#292929;}

.foot_link{width:100%; margin:0 auto; display:block; overflow:hidden; height:87px; background:#666666;}

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

.foot_link .link{ width:126px; height:32px; margin-top:30px;background:url(../images/link.png) 90px 5px no-repeat; border-right:1px solid #fff; float:left; font-size:18px; line-height:32px;}

.foot_link li{ float:left;  color:#fff;margin-top:30px; font-size:14px;}

.foot_link li a{ color:#fff; padding:0 15px; display:block; text-align:center; line-height:32px;}







.fenzhan{width:1230px; margin:0 auto; display:block; overflow:hidden; height:56px;}

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

.fenzhan ul .fz_fl{font-size:14px; float:left; width:70px; color:#b7b7b7;}

.fenzhan ul li{ float:left;}

.fenzhan ul li a{ color:#b7b7b7; display:block; padding:0 10px;  border-right:1px solid #fff; text-align:center;font-size:14px; line-height:14px; margin-top:3px;}



.foot_logo{ width:1230px; margin:20px auto;display:block; overflow:hidden; }

.db_logo{ width:100%;display:block; overflow:hidden;}

.db_logo .foo_logo{ width:665px; height:76px; padding:10px 0;}

.db_logo .fo_fr{ padding:20px 10px;}



.foot_nav{ margin:10px 0;display:block; overflow:hidden; widt:100%;}

.foot_nav ul{display:block; overflow:hidden; widt:100%; list-style:none;}

.foot_nav ul li{ padding:0 15px; border-right:1px solid #b7b7b7; text-align:center; float:left;}

.foot_nav ul li a{ color:#b7b7b7; font-size:16px; line-height:14px;}



.foot_nav .db_tel{ width:220px; float:left; margin-top:10px; margin-left:20px;}

.foot_nav .db_tel p{ background:url(../images/db_tel.png) left no-repeat; font-size:20px; color:#fff; padding:10px 0 10px 40px;}

.foot_nav .db_tel h3{ font-size:26px; color:#eb891c;}

.foot_nav .db_tel .online{ display:block; background:#0769b7; width:100%; border-radius:10px;  text-align:center;}

.foot_nav .db_tel .online a{ display:block; background:url(../images/online.png) 20px no-repeat;padding:15px 10px; font-size:16px; color:#fff; }



.foot_nav .db_page{ margin-left:50px;margin-top:30px; border:1px solid #3a3a3a; display:block; overflow:hidden; line-height:30px; width:580px; padding:15px 15px; font-size:12px; color:#b7b7b7;}





.ewm{width:190px; margin-top:30px;display:block; overflow:hidden;border:1px solid #3a3a3a; padding:15px 15px;  }

.ewm img{ padding:0 10px}

.ewm .QQ{ padding:20px 0 10px 35px;}



.copyright{ width:100%; margin:13px auto 0;display:block; overflow:hidden;}

.copyright p{ color:#b7b7b7; line-height:30px; font-size:12px; text-align:center;}













/* about  */



.flash_ab{ height:400px; width:100%;display:block; overflow:hidden;}

.warpper{ width:1230px;  margin:30px auto;display:block; overflow:hidden;}

.sidebar{ width:270px; float:left;display:block; overflow:hidden;}

.sidebar h3{ background:url(../images/list.png) no-repeat; height:50px; line-height:50px;font-size:24px; color:#fff; font-weight:normal; text-align:center;}

.sidebar ul{ padding:12px 0 15px; width:100%;display:block; overflow:hidden; list-style:none;}

.sidebar ul li{ width:100%; background:#eee; height:46px; margin-bottom:10px;}

.sidebar ul li a{ display:block; background:url(../images/ico_ab.png) 24px no-repeat; line-height:46px; font-size:16px; color:#333; padding-left:50px;}

.sidebar ul li:hover{ background:#ddd;}



.ab_con{ width:268px; border-left:1px solid #e14f4f;border-right:1px solid #e14f4f;border-bottom:1px solid #e14f4f; border-top:5px solid #e14f4f; margin:15px 0;}

.ab_con span{ display:block; background:url(../images/tel_ab.png) top no-repeat; padding-top:60px; text-align:center; color:#666; line-height:24px;}

.ab_con  h2{ font-size:24px; color:#333; text-align:center; line-height:40px; border-bottom:1px solid #ddd; margin:0 20px; padding-bottom:10px;}

.ab_con p{ line-height:30px; font-size:14px;color:#666; padding:15px; text-align:center;}



.side_box{ width:920px;display:block; overflow:hidden;}

.side_tit{ border:1px solid #dedede;display:block; overflow:hidden; }

.side_tit h4{ font-size:16px; color:#ce3a36;  float:left; background:url(../images/home.png) 10px no-repeat;  padding:15px 5px 15px 40px;}

.side_tit span{ display:block; float:right; line-height:50px; padding-right:10px;color:#6b6b6b;}

.side_tit span a{color:#6b6b6b;}



.about_neir{ padding:30px 10px 30px;}

.about_neir p{ font-size:14px; line-height:30px; color:#6b6b6b; text-indent:2em; padding-bottom:20px;}









/*   prolist */



.warpper1{ width:100%; background:#f3f3f5; display:block; overflow:hidden;}

.prolist{ width:1230px; margin:20px auto; display:block; overflow:hidden;}

.prolist h3{font-size:20px; color:#000; line-height:36px;}

.prolist .pro_class{ width:1220px; background:#fff; border:1px solid #ccc; margin:20px 0;}

.pro_class  .list_01{ background:#de554f; width:145px; font-size:18px; color:#fff; line-height:62px; text-align:center; float:left; margin:0px 25px 0 0;}

.pro_class  .list_01:hover{background:#f00}

.pro_class  .list_01 a{ color:#fff;}

.pro_class  ul{ width:100%;  display:block; overflow:hidden; list-style:none;}

.pro_class  ul li{ float:left; margin:10px 10px; text-align:center;  font-size:16px;}

.pro_class  ul li dt{ display:block; padding:8px 20px;}

.pro_class  ul li dt:hover{ background:#eb891c; color:#fff;}

.on{display:block; padding:8px 20px;background:#eb891c; color:#fff;}



.list_product{ margin-top:30px; padding-top:20px;}





.warpper1 .position{ width:100%; border-bottom:1px solid #ccc; display: block; overflow:hidden; height:45px; line-height:45px; padding-top:10px;}

 .position p{ width:1230px; margin:0 auto;  color:#999; font-size:14px;}



  .position p a{ color:#999;}

  .position p a:hover{ color:#f00;}









/*   prolist */











.pro_detail{ padding:50px 20px 40px; display:block; overflow:hidden; background:#fff; margin:30px auto;}

.prot_img{ width:100%; display:block; overflow:hidden; margin:10px 0 30px;}

.prot_img .img_fl{ margin-right:30px; padding:2px ; border:1px solid #ccc; display:block; overflow:hidden; width:376px; float:left;}

.pros_nr{ width:770px; float:left; display:block; overflow:hidden;}

.pros_nr h2{height: 60px;

    line-height: 60px;

    font-size: 20px;

    border-bottom: 1px dashed #ddd;

    margin-bottom: 15px;

	

	text-align:center

	}

	

.pros_nr p{ font-size:14px; width:770px; line-height:30px; padding:15px 0; color:#37322f}

.pros_nr p span{ font-weight:bold;}



.pros_nr h3{ background:url(../images/con_tel.png) left 13px  no-repeat; font-size:24px; color:#ea770c; margin-top:40px; padding-left:50px; padding-bottom:20px;border-bottom: 1px dashed #ddd; line-height:60px;}





#tabs1 {

	  overflow: hidden;

	  width: 1190px;

	  margin: 0 auto;

	  padding: 0;

	  list-style: none;

	}



	#tabs1 li {

	  float: left;

	  margin: 0 -15px 0 0;

	}



	#tabs1 a {

	  float: left;

	  position: relative;

	  padding: 0 40px;

	  height: 0;

	  line-height: 30px;

	  text-transform: uppercase;

	  text-decoration: none;

	  color: #fff;      

	  border-right: 30px solid transparent;

	  border-bottom: 30px solid #3D3D3D;

	  border-bottom-color: #777\9;

	  opacity: .3;

	  filter: alpha(opacity=30);      

	}



	#tabs1 a:hover,

	#tabs1 a:focus {

	  border-bottom-color: #2ac7e1;

	  opacity: 1;

	  filter: alpha(opacity=100);

	}



	#tabs1 a:focus {

	  outline: 0;

	}



	#tabs1 #current {

	  z-index: 3;

	  border-bottom-color: #3d3d3d;

	  opacity: 1;

	  filter: alpha(opacity=100);      

	}



	/* ----------- */

	#content {

	    background: #fff;

	    border-top: 2px solid #3d3d3d;

	    padding: 2em 0px;

		width:1190px;margin: 0 auto;

		word-wrap: break-word;font-size: 16px;
    line-height: 30px;

	    /*height: 220px;*/

	}



	#content h2,

	  #content h3,

	  #content p {

	    margin: 0 0 15px 0;

	}  



	/* Demo page only */

	#about {

	    color: #999;

	    text-align: center;

	    font: 0.9em Arial, Helvetica;

	}



	#about a {

	    color: #777;

	} 





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

.page ul{ width:100%; list-style:none;display:block; overflow:hidden}

.page ul li{ width:100%; margin-bottom:15px;line-height:36px;}

.page ul li span{ display:block; padding:0px 30px; background:#ea770c; float:left; height:36px; color:#fff; line-height:36px; font-size:14px;}

.page ul li a{line-height:36px; font-size:14px; padding-left:15px;}





.pro_tj{ width:100%;overflow:hidden;display:block; margin-top:30px;}

.pro_tj h4{ background:#eee; width:100%; padding:10px 0px 10px 15px; font-size:16px; font-weight:normal;}





.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: 280px; margin-left: 8px; margin-right: 8px;

margin-top:10px;

text-align:center;

height:230px;

font-size:14px;

	}

.tj_product_out li h3{ font-size:14px;}

.tj_product_out li img{

	width:280px;

	height:190px;

}



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





.v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}

:-ms-input-placeholder{color:#999}

.met-focus{border:1px solid #23b7e5!important}

.v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}

.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.v52fmbx dl{width:100%;zoom:1;background:#fff}

.v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}

.v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}

.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}

.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}

.v52fmbx dl dd .fbox{margin:0 10px 0 0}

.v52fmbx dl dd .tips{color:#aaa}

.v52fmbx dl dd .tips:hover{color:#f00}

.v52fmbx dl dd.labelinline label{display:inline}

.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}

.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}

.v52fmbx dl.noborder{border-bottom:0}

.formerror{margin-top:6px;height:20px;line-height:20px}

.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}

.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}

.formerrorbox{border:2px solid #f00!important}

.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#00AAFF}

.ftype_input .fbox{float:left}

.ftype_input .tips{float:left;padding-top:5px}

.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}

.placeholder-ie{position:relative}

.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}

.ftype_textarea .tips{display:block}

.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}

.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}

select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}

.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}

.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}

.ftype_radio .formerror{margin-top:0}

.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}

.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}

.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}

.ftype_checkbox .formerror{margin-top:0}

.ftype_transverse .fbox label{display:inline;margin-right:15px}

.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}

.submit:hover{background:#38c4f0}

.submit.active{background:#1ba4cf}

.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}

.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}

#imglist {
   

    overflow: hidden;

}



#imglist li {

    float: left;

    display: inline;
    margin-top: 20px;
    overflow: hidden;

}
#imglist li:nth-child(4n){ margin-right: 0; }


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

}








.page_bg{ height: 350px; }