@charset "utf-8";
html,body{ font:12px/1.66 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}
a{ color:#666; text-decoration:none;}
a:hover{  color:#b71c1c;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;}


.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:#b71c1c; 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;}
table{border:1px solid #333;}
table td{border:1px solid #333;}
.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;}

/*导航*/


.cp{ background:url(../images/list.png) 10px no-repeat #ffcd32 !important; color:#000 !important;}



.navlist{ width:1200px; margin:0 auto;display:block; }
.navs {display:table; width:100%;  }
.navs_w{ margin:0 auto;}
.nav_name {list-style:none;  margin:0 auto; list-style:none; }
.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(20,20,20,0.6);  }
.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:148px;text-align:center; font:normal 16px/26px "Microsoft YaHei"; text-align:center; color:#2d2d2d;  background:url(../images/ico_nav.png) right center no-repeat; padding:12px 0; }
.nav_name li a span{display:block; font-size:12px; color:#afafaf; text-transform:uppercase;}
.nav_name li:hover {background:url(../images/up_arrow.png) bottom center no-repeat;}
.nav_name li a:hover,.onhover{ width:148px;  height:53px; color:#000; background:url(../images/up_arrow.png) bottom center no-repeat;}
.nav_name ul li a{ text-decoration:none;display:block;color:#fff; width:148px;text-align:center; font:normal 14px/24px "Microsoft YaHei"; text-align:center; background:none;}
.nav_name ul li a:hover { width:148px; border-bottom:1px solid #fff; height:24px; font:normal 14px/24px "Microsoft YaHei"; color:#fff; background:#c8a264; border-radius:0;}







/*banner*/
.flash{ width:100%; height:600px; margin:0 auto; overflow:hidden; _zoom:1; position:relative; *zoom:1;}
.flash1{ width:1000px; height:600px; margin:0 auto; position:relative;}
.flash2{ width:1920px; height:600px; position:absolute; left:-460px;}
.flexslider{margin:0 auto;position:relative;width:1920px;height:600px;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: 150px;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_QQ img{ padding-top:10px;}
.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%; background:url(../images/top_bg.png) repeat-x; padding:0; margin:0;  }
.header .top{ width:1200px; margin:0 auto; display:block; height:43px; line-height:43px; overflow:hidden;}
.header .top p{ float:left; color:#626262; font-size:14px; }
.header .top span{ display:block; float:right; overflow:hidden;}
.header .top span a{ float:left; float:left; padding:0 10px; color:#626262;}
.header .top span .en{ background:url(../images/en.png) left no-repeat; padding-left:30px; color:#b71c1c;}
.header .top span a:hover{ color:#b71c1c;}

.top_logo{ width:1200px; margin:0 auto; display:block; overflow:hidden;}
.logo{ padding:20px 0; float:left; width:320px; display:block; overflow:hidden; margin-right:30px;}
.box_sea{ width:570px; float:left; display:block; overflow:hidden;}
.search{ margin-top:30px;width:570px;}

.boxs{ width:425px; border:1px solid #b71c1c; height:34px; line-height:34px; margin-left:10px;}
.texts {
    width: 355px;
    height: 100%;
    float: left;
    padding-left: 10px;
    font-family: "Microsoft YaHei";
	border:none;
	 
}

.btnSubmits {
    width: 60px;
    height: 34px;
    background: #b71c1c;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 34px;
	border:none;
	cursor:pointer;
	vertical-align:top;
}

.horwords{ width:100%; display:block; overflow:hidden; margin:15px 0 0;}
.horwords li{ padding:0 8px; border-right:1px dashed #ccc; float:left;}
.horwords li a{ color:#333; font-size:14px;}
.horwords li a:hover{ color:#b71c1c;}
.top_tel{ width:236px; float:right;display:block; overflow:hidden; margin:20px 0 15px}
.top_tel p{     font-size: 20px;
    color: #5a5a5a;
    padding: 15px 0 8px 0px;
    font-weight: bold;}
.top_tel h2{     font-size: 18px;
    color: #333;
    line-height: 24px;}
.top_tel span{ color:#b71c1c;}

/*  导航css  */

/*nav*/
.nav{  height:56px;  position:relative;  width:1200px; margin:5px auto 0; }

*+html .nav{margin-top:3px; margin-bottom:15px;}

.nav .tc{ display:none;}

.home01{ display:block;background:url(../images/home01.jpg) no-repeat 0 0px; width:18px; height:16px; position:absolute; left:175px; top:7px}

.home01:hover{background:url(../images/home01_h.jpg) no-repeat 0 0px;}

.navli12{ display:none!important;}

.sy1_ul li.home02{ width:170px; float:left; line-height:30px; background:url(../images/ico_li.png) right no-repeat;}

.sy1_ul li.home02 a{ height:56px!important; display:block; text-align:center; display:block;font-size:16px;line-height:56px;}/*home样式*/

.sy1_ul li.home02 a:hover{color:#da251d; text-decoration:none}/*home字体样式*/

.sy1_ul{font-size:12px; line-height:29px;height:42px;  position:absolute; width:1200px; margin:0 auto;}

.sy1_li{width:170px; float:left; display:inline;}

.sy1_ul li a.sy1_tit{ color:#5b5b5b}

.sy1_ul li a:hover{color:#da251d;}

.sy1_ul li.sy1_li{ float:left;  z-index:10000; line-height:25px; }

.sy1_ul li.sy1_li .sy1_tit{ line-height:56px; font-size:16px; display:block; text-align:center;background:url(../images/ico_li.png) right no-repeat;}

.sy2_ul{position:absolute; left:0; top:56px; z-index:1112; display:none; border-top:2px solid #000; padding:20px 5px; background:#fff;width:1200px;  text-align:center}

.sy2_li{float:left;color:#fff; line-height:30px; font-size:14px; text-align:center; margin:25px;_margin-left:2px; position:relative; width:120px;}

.sy2_tit{overflow:hidden}/*下拉菜单样式*/

.sy2_tit:hover{ color:#005ce4!important}

.sy1_ul .sy1_li .sy2_li_h{ border-left:solid 1px #014c6c;border-top:solid 1px #014c6c;border-bottom:solid 1px #014c6c!important; display:block; z-index:2000; }

.sy1_ul .sy1_li .sy2_li_h a{color:#333!important}

.sy1_ul .sy1_li .sy2_li_h a:hover{ color:#005ce4!important;}

.bod_1{ border-bottom:dashed 1px #CCCCCC; border-left:solid 1px #fff; border-top:solid 1px #fff}

.sy1_li_bg{background:url(../images/nav_bg.png) top no-repeat; height:56px!important; display:block; text-align:center; }

.sy1_li_bg a.sy1_tit {color:#da251d!important;}

.sy1_li_bg a.sy1_tit:hover{color:#da251d!important; text-decoration:none}

.sy1_ul li a.sy2_tit{ color:#333; font-size:14px;}

.sy1_ul li a.sy1_tit:hover{ color:#da251d!important;}

.navli3 li a.sy2_tit{font-weight:100}

.navli5 li a.sy2_tit{font-weight:100}


/*二级导航样式*/

.sy2_ul .sy2_inside{ width:200px; float:left;}

.sy2_ul .sy2_inside li{ float:left; width:125px}

.sy2_ul .sy2_inside li .sy3_ul{ width:95px}

.sy2_ul .sy2_inside li .sy3_ul .sy2_inside{ width:95px}

.sy2_ul .sy2_inside li .sy3_ul li{ width:89px;}

.nav2_cent_div{ width:435px;border-left:1px solid #DDD;border-right:1px solid #DDD; float:left}

.sy1_ul li .sy2_ul .nav2_cent_div li{ float:left; padding:0 12px; width:180px;_padding:0 8px; overflow:hidden; position:relative}

.sy1_ul li .sy2_ul .nav2_cent_div li p{ line-height:20px; font-size:12px; font-weight:normal}

.sy1_ul li .sy2_ul .nav2_cent_div h4{ font-size:14px; line-height:30px;}

.sy1_ul li .sy2_ul .nav2_cent_div li h4 a{color:#145EA9; height:auto; width:auto; border:none}

.sy1_ul li .sy2_ul .nav2_cent_div li h4 a:hover{ color:#ec9205}

.sy1_ul li .sy2_ul .nav2_cent_div li img{ width:180px}

.sy1_ul li .sy2_ul .nav2_cent_div li a{width:180px; height:103px; display:block; overflow:hidden; border:#d6d6d6 solid 1px}

.sy1_ul li .sy2_ul .nav2_cent_div li a:hover{ border-color:#F93}

.sy1_ul li .sy2_ul .nav2_cent_div li p a{ display:none}

.sy1_ul li .sy2_ul .nav2_cent_div li h2 a{ color:#333; border:none; width:auto; height:auto; display:block; margin-top:5px; line-height:30px; font-size:12px; font-weight:normal}

.sy1_ul li .sy2_ul .nav2_cent_div li h2 a:hover{ color:#ec9205}

.nav2_cent_img, .nav2_cent_img0{ float:left; padding-left:18px; width:282px; text-align:left}

.nav2_cent_img img, .nav2_cent_img0 img{ width:280px;border:#d6d6d6 solid 1px}

.nav2_cent_img img, .nav2_cent_img0 img:hover{border-color:#F93}

.nav2_cent_img h2, .nav2_cent_img0 h2{ margin-top:5px; font-size:12px}

.nav2_cent_img h2 a, .nav2_cent_img0 h2 a{ color:#333; font-weight:normal}

.nav2_cent_img h2 a:hover, .nav2_cent_img0 h2 a:hover{ color:#ec9205}

.navli2 .sy2_ul{ float:left}

.sy2_ul li a:hover{ color:#005ce4!important;text-decoration:none;}


/*二级下拉*/

.nav2_yywh_img{ border-left:1px solid #ddd;width:360px; float:left;}

.nav2_yywh_img a img{ width:360px; height:310px; margin-left:30px;}

.navli6 .sy2_ul .sy2_inside{ width:100%;}
.sy2_inside .a01{ background:#f4f4f4;}
.sy2_inside .dl{ width:240px; float:left; display:block; overflow:hidden; height:300px; background:url(../images/tb_ico.png) bottom no-repeat #fff; padding:15px 0;   position: relative;}
.sy2_inside .dt{ width:100%; text-align:center;}
.sy2_inside .dt h3{ font-weight:normal; font-size:14px; text-align:center;}
.sy2_inside .dt img{ width:129px; margin:10px auto; display:block; height:113px; }

.sy2_inside .dd{ width:190px; margin:0 auto; text-align:left; }
.sy2_inside .dd a{ color:#5b5b5b; font-size:12px;}
.sy2_inside .dd a:hover{ color:#b71c1c}


.sy2_inside .morea{ text-align:right;  width:200px; display:block; height:40px; position: absolute; bottom:0px; line-height:40px;}
.sy2_inside .morea a{ color:#f00; line-height:30px; font-size:14px; display:block;}

#lanrenzhijia0,#lanrenzhijia1,#lanrenzhijia2,#lanrenzhijia3,#lanrenzhijia4,#lanrenzhijia5,#lanrenzhijia6,#lanrenzhijia7,#lanrenzhijia8,#lanrenzhijia9{ width:100%; height:120px; margin:10px auto; padding-right:12px; overflow:auto; background:url(../images/axl_02.png) right repeat-y;}

.sy2_inside .solution_list{ width:240px; display:block; float:left; overflow:hidden; background:#f2f1f4;}
.sy2_inside .solution_list a{ display:block; float:left; margin-left:30px; width:240px; line-height:24px; font-size:14px; text-align:left; }
.sy2_inside .layer02{ width:900px; display:block;overflow:hidden;}
.sy2_inside .layer02 dl{ padding:10px 20px; border-left:1px solid #dddddd; float:left; display:block; width:258px;}
.sy2_inside .layer02 dl dt p{ text-align:left; line-height:24px; padding:10px 0;}
.sy2_inside .layer02 dl dt h4{color:#c31515; font-weight:bold; font-size:14px; line-height:30px;}






.warpper{ width:100%; padding:0; margin:0; display:block; overflow:hidden;}
.recommend{ width:1202px; margin:40px auto; display:block; overflow:hidden;}
.pro_tit{ width:100%; background:url(../images/pro_tit.png) left no-repeat #bfbfbf;display:block; height:61px;overflow:hidden; }
.pro_tit h2{ font-size:22px; color:#fff; padding-left:10px; float:left; padding-right:10px; font-weight:normal;line-height:61px;}
.pro_tit h2 span{ font-size:14px; color:#fff; text-transform:uppercase; font-weight:normal;}
.pro_tit .more01{ float:right; display:block; overflow:hidden; padding-right:15px;line-height:61px;}
.pro_tit .more01 a{ color:#fff; font-size:18px; }

.productlist{ width:1200px; margin:0 auto; display:block; overflow:hidden; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;}
.productlist dl{ width:400px; float:left; border-bottom:1px solid #e5e5e5; display:block; padding:40px 0 30px; background:url(../images/list_01.png) right no-repeat;}
.productlist dl dt{ width:135px; float:left; padding:10px 20px;}
.productlist dl dt p{ font-size:18px; color:#000; line-height:30px; padding-top:15px;}
.productlist dl dt p{ color:#000;}
.productlist dl dt span{ border:1px solid #c9c9c9; width:80px; text-align:center; display:block; margin:30px 0 0; border-radius:15px;padding:5px 10px; }
.productlist dl dt span a{ color:#666666;}
.productlist dl:hover  dt span{border:1px solid #da251d;}
.productlist dl:hover dt span a{color:#da251d}
.productlist dl dd{ width:202px; display:block; float:left;height:175px; overflow:hidden;}
.productlist dl dd img{ width:202px; height:175px;}

.adv_comm{ width:100%; padding:0; margin:0; display:block; overflow:hidden; background:url(../images/float.png) center no-repeat; height:229px;}
.sang_ys,.solu_list{ width:1200px; margin:0 auto; display:block; overflow:hidden;}
.sang_ys .tel{ width:300px; float:right;display:block; overflow:hidden; margin-top:60px;}
.sang_ys .tel p{ font-size:18px; color:#fff; line-height:30px;}
.sang_ys .tel h2{ font-size:34px; color:#fff; padding:10px 0;}
.sang_ys .tel .mess{ width:180px; display:block; border:1px solid #fff; border-radius:30px; text-align:center }
.sang_ys .tel .mess a{ display:block; padding:5px 30px; font-size:20px; color:#fff;}


.index_solution{ width:100%; padding:50px 0; display:block; overflow:hidden; background:#eee;}
.sol_tit{width:100%; border-bottom:1px solid #e8e8e8;display:block; height:61px;overflow:hidden;}
.sol_tit h2{ font-size:22px; color:#151515; padding-left:8px; float:left; padding-right:10px; font-weight:normal;line-height:61px; background:url(../images/ab_tit.png)  left bottom no-repeat;}
.sol_tit h2 span{ font-size:14px; color:#5c5c5c; text-transform:uppercase; font-weight:normal;}
.sol_tit .more01{ float:right; display:block; overflow:hidden; padding-right:15px;line-height:61px;}
.sol_tit .more01 a{ color:#6d6d6d; font-size:18px; }

.solut{width:1200px; margin:30px auto 0; display:block; overflow:hidden;}
.solut dl{ width:585px; background:#fff; border:1px solid #e8e8e8; display:block; overflow:hidden; margin:0 13px 20px 0; float:left;}
.solut dl dt{ width:209px; padding:15px 10px 15px 10px; float:left; display:block;}
.solut dl dd{ width:340px; padding:15px 10px 15px 5px; float:left; display:block;}
.solut dl dd h3{ font-size:18px; color:#000; padding-bottom:20px; font-weight:normal;}
.solut dl dd p{ font-size:14px; color:#939393; line-height:26px;}
.solut dl dd span{ width:100px; border-radius:20px; background:#da251d; display:block; margin-top:10px; float:right; text-align:center;}
.solut dl dd span a{ display:block; padding:5px 15px; color:#fff;}
.solut dl:hover dd h3{ color:#da251d; }



.company{ width:1200px; margin:40px auto; display:block; overflow:hidden;}
.about{ width:445px;display:block; overflow:hidden;}
.about img{ padding:15px 10px 10px;}
.about p{ color:#777; font-size:14px; line-height:30px; padding:10px;}
.about .ab_more{ border:1px solid #c31515; background:url(../images/more1.png) right no-repeat #fff; width:80px; display:block; margin-left:15px; padding-left:10px; margin-top:10px;}
.about .ab_more a{ color:#666666; display:block; padding:1px 0;}



.tab{ width:710px; margin:18px auto 30px;}
.tab .tab-hd { overflow:hidden; zoom:1; border-bottom:2px solid #da251d;}
.tab .tab-hd .moreb{ width:60px; display:block; float:right; line-height:44px;}
.tab .tab-hd .moreb a{ color:#6d6d6d;}
.tab .tab-hd li{ float:left; width:124px; color:#535353; text-align:center; cursor:pointer; background:#efefef; line-height:44px; font-size:16px;}
.tab .tab-hd li.active{ background:#da251d; color:#fff !important;}
.tab .tab-bd li{display:none;  padding:20px 10px 15px 0; border-top:0 none; font-size:24px;}
.tab .tab-bd li.thisclass{ display:list-item;}
.tab-bd li .news_tj{ display:block; overflow:hidden;}
.tab-bd li .news_tj img{ width:181px; float:left; margin-right:15px;}
.tab-bd li .news_tj h3{ font-size:16px; font-weight:normal; padding-bottom:15px;}
.tab-bd li .news_tj  p{ font-size:14px; line-height:30px; color:#7c7c7c;}
.tab-bd li .news_list{ width:100%;display:block; overflow:hidden; margin:10px 0;}
.tab-bd li .news_list dl{ background:url(../images/lit.png) left no-repeat; line-height:40px; border-bottom:1px dashed #e5e5e5; display:block; overflow:hidden; width:330px; float:left; margin-right:20px;}
.tab-bd li .news_list dl a{ font-size:14px; display:block; float:left; padding-left:10px;}
.tab-bd li .news_list dl span{ float:right;font-size:12px; color:#919191}



/*   footer   */
.footer{ width:100%; background:#353535; padding:0; margin:0; display:block; overflow:hidden;}
.foot_nav{ width:1200px; margin:0 auto; display:block; overflow:hidden; padding-top:30px;}
.foot_nav dl{ display:block; float:left; padding:0 50px 20px 30px; border-right:1px solid #4e4d4d; height:350px;}
.foot_nav dl dt{ padding:15px 0; background:url(../images/db_ico.png) left bottom no-repeat;}
.foot_nav dl dt a{ color:#c3c3c3; font-size:16px;}
.foot_nav dl dd{ line-height:36px;}
.foot_nav dl dd a{ font-size:14px; color:#8a8a8a;}

.db_con{ width:405px; float:right;display:block; }
.lx h3{ font-size:18px; color:#c3c3c3; padding:15px 0 10px; font-weight:normal;}
.lx p{ line-height:30px; color:#8a8a8a; font-size:14px;}
.tp_link{width:170px;display:block;overflow:hidden; min-height:170px;}

.db_link{ position: relative;
        cursor: pointer;
	height: 36px;
    line-height: 36px;
	 width:170px;
	margin-top:30px;
    background-color: #E3E3E3;
    color: #000;
	}
.db_link .val_{
    text-align: center;
    color: #000;
	 background:url(../images/link.png) 20px no-repeat;
	}
.db_link  .arr{    display: inline-block;
    background: url(../images/yq.gif) no-repeat center;
    width: 7px;
    height: 4px;
    margin-left: 10px;
    vertical-align: middle;}

.sele_{    display: none;
    position: absolute;
    width: 99%;
    left: 0;
    top: 20px;
    background: #fff;
    border: 1px solid #cacad9;
    max-height: 120px;
    overflow: auto;}
	
.db_link .sele_ {
    background: #E3E3E3;
    top: 36px;
}

.sele_ a{color: #000; display:block; text-align:center;}

.tp_link .btn {
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 20px 0;
    background: #e3e3e3;
    color: #000;
    text-align: left;
    text-indent: 15px;width:170px;
}
.tp_link .btn .ico_{    background: url(../images/wb.png) center no-repeat;    float: left;
    width: 30px;
    height: 100%;
    margin-left: 1em;    font-style: normal; }


.ewm{ width:200px; float:right; display:block; overflow:hidden; margin-top:30px;}
.ewm img{ float:left; display:block; margin-right:10px;}
.ewm p{ color:#fff; line-height:90px;}


.copy_right{ width:100%; background:#cc3333; padding:15px 0; margin:0; display:block; overflow:hidden;}
.db_copy{ width:1200px; margin:0 auto;display:block; overflow:hidden;}
.db_copy img{ width:189px; float:left; margin-right:30px;}
.db_copy p{ color:#dcdcdc; font-size:14px; line-height:50px;}
.db_copy p a{ color:#000;}
.db_copy p span{ color:#000;}








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

.position{ width:100%display:block; overflow:hidden; height:45px;}
.position p{ background:url(../images/home.png) left no-repeat; padding-left:20px; line-height:45px; font-size:14px;}

.list_nav{ width:100%;display:block; overflow:hidden; background:#eee; margin:30px 0;}
.list_nav ul{ list-style:none; display:block; overflow:hidden; width:100%;}
.list_nav ul li{ float:left; display:block; overflow:hidden; border-right:1px solid #e5e5e5;}
.list_nav ul li a{ font-size:16px; color:#737373; display:block; padding:15px 30px; }
.list_nav ul li a:hover,.on3{ background:#da251d; color:#fff !important; }

.ab_content,.Sample_content,.news_page,.video_content{ padding:20px 15px; display:block; overflow:hidden;}
.ab_content p{ font-size:14px; color:#868686; line-height:40px;}

.pro_nav ul li a{ font-size:16px; color:#737373; display:block; padding:15px 17px; }

.pro_content{ display:block; overflow:hidden; width:100%;}
.pro_content dl{ width:580px;padding:30px 10px 30px 10px;display:block; overflow:hidden; float:left; background:url(../images/dl_03.png) right repeat-y;}
.pro_content dl dt{ width:301px; float:left; border:1px solid #d6d6d6; display:block; margin-right:15px;}
.pro_content dl dt img{ width:301px; height:262px;}
.pro_content dl dd{ display:block; overflow:hidden;  }
.pro_content dl dd h3{ font-size:16px; color:#c31515; background:url(../images/pro_bg.png) left bottom no-repeat; padding:10px 0 15px;}
.pro_content dl dd p{ font-size:14px; color:#535353; line-height:30px; padding:20px 0 35px;}
.pro_content dl dd span{ display:block;}
.pro_content dl dd span a{ padding:10px 20px; display:block; color:#535353; float:left;}
.pro_content dl dd span .zx{ background:#c31515; color:#fff;}


.news_content{ padding:20px 0; display:block; overflow:hidden;}
.news_content dl{ background:#f6f4f4; display:block; overflow:hidden; margin-bottom:30px; padding:15px;}
.news_content dl dt{ float:left; display:block; margin-right:30px; width:270px;}
.news_content dl dt img{ width:270px; height:174px;}
.news_content dl dd{display:block; overflow:hidden;}
.news_content dl dd h3{ font-size:16px;line-height:40px;}
.news_content dl dd h3 a{ color:#000;}
.news_content dl dd p{ font-size:14px; color:#757575; line-height:30px; padding:15px 0 20px;}
.news_content dl dd span{ display:block; width:120px; border:1px solid #dc362f; text-align:center;}
.news_content dl dd span a{ display:block; padding:8px 20px; font-size:14px; color:#dc362f;}

.news_content dl:hover dd h3 a{ color:#dc362f;}
.news_content dl:hover dd span{ background:#dc362f;}
.news_content dl:hover dd span a{ color:#fff;}



.Sample_content ul{ list-style:none; display:block; overflow:hidden;}
.Sample_content ul li{ width:270px; float:left; display:block; margin-right:22px; margin-bottom:15px;}
.Sample_content ul li img{ width:270px; height:180px;}
.Sample_content ul li p{ padding:15px 0; text-align:center;}
.Sample_content ul li p a{ font-size:16px; color:#4f4f4f; }
.Sample_content ul li:hover p a{ color:#dc362f;}

.video_content ul{ list-style:none; display:block; overflow:hidden;}
.video_content ul li{ float:left; display:block; margin-right:22px; margin-bottom:15px; width:360px;}
.video_content ul li p{ padding:10px 0; text-align:center; font-size:18px; line-height:40px;}

.foot-tel .p1{color:#333;font-size:18px; display:block; overflow:hidden; line-height:30px;}
.foot-tel .p2{color:#999;font-size:13px;}
.foot-tel .p1 .p_tel{    display: inline-block;padding-left:25px;}
.foot-tel .p1 .p_qq{     display: inline-block;  padding-left:20px;
       padding-top: 10px;}
.foot-tel .p1 .p_qq img{ }





.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;
	}
.tj_product_out li img{
	width:163px;
	height:153px;
}
.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}