@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400|Raleway:300);
html,body{ font:12px/1.8 'microsoft yahei',"宋体",tahoma,verdana,'simsun'; -webkit-text-size-adjust:none;}
a{ color:#222; text-decoration:none;}
a:hover{ color:#c00; text-decoration:none;}
ul,ul li {list-style-type:none!important;}
.lf{ float:left;}
.ri{ float:right;}
.ptp{ padding-top:20px;}
.newlist{  float:left;}
.editor{word-wrap: break-word;font-family:宋体b8b\4f53,arial; font-size:14px;}
.editor p,.editor li,.editor div{margin-top:15px;}

.inner{ width:1010px; margin:0 auto; position:relative;}

/*******************************网站头部********************************************/

header{float:Left;}
.mtou {width:100%;float:left;padding:30px 0px;}

.mtou .inner {width:1050px;}
/******顶部左侧*******/
.mtleft {float:left;width:600px;height:120px;}
.mtleft span {float:left;font-size:14px;margin-left:10px;}
.mtleft .lg {float:left;width:177px;height:100px;margin-top:20px;}
.mtleft div {float:left;width:410px;height:120px;margin-left:5px;}
.mtleft div img {float:left;width:405px;height:100px;}
/*.mtleft .biaoy {float:left;}
.mtleft .biaoy img {width:130px;height:58px;padding:0px 20px 0px 0px;border-right:#666 1px solid;float:left;}
.mtleft .biaoy span {margin-left:20px;float:left;height:58px;line-height:28px;color:#666;font-size:20px;font-family:"微软雅黑";letter-spacing:1px;}
.mtleft .gname {width:500px;float:left;height:70px;line-height:70px;font-size:28px;font-family:"微软雅黑";text-indent:30px;}
.mtleft .gname a:hover {color:#222;}*/

/******顶部右侧*******/
.mtright {width:380px;float:right;}
.ss {width:360px;float:right;}
.ss .metsearch .text_input {width:260px;height:35px;border:#ccc 1px solid;backround:#fff;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;padding-left:10px;float:left;}
.ss .metsearch .searchgo {width:80px;float:right;border:none;background:#c30a0a;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;height:37px;line-height:37px;text-align:center;color:#fff;font-size:20px;font-family:"微软雅黑";letter-spacing:3px;}
.ss .metsearch .searchgo:hover {background:#c30a0a; cursor:pointer;}
.rex {background:url(../t_01.png) no-repeat 0px 0px;width:379px;height:45px;line-height:35px;float:left;margin-top:30px;}
.rex strong {font-weight:normal!important;font-size:20px;margin-left:50px;}
.rex span {font-size:28px;color:#c00;font-weight:bold;}


/******顶部 导航样式*******/
.daoahng {width:100%;float:left;height:37px;background:#aab5bd; box-shadow:5px 3px 3px #323232;-webkit-box-shadow:5px 3px 3px #323232;-moz-box-shadow:5px 3px 3px #323232;-ms-box-shadow:5px 3px 3px #323232;-o-box-shadow:5px 3px 3px #323232;position:relative;}
.daoahng ul li {float:left;width:130px;height:37px;line-height:37px;text-align:center;}
.daoahng ul li a {color:#fff;font-size:14px; font-weight:bold}
.daoahng ul li:hover{background:#c30a0a;transition:1.2s;-webkit-transition: 1.2s;-moz-transition: 1.2s;}


.hengfu {width:100%;float:left;}



/*************底部******************/
footer{color:#888;padding:15px 0px 40px 0px;float:left;width:100%;border-top:#dcdcdc 1px solid;background:#f8f8f8;font-size:14px;}
.foot-nav{ text-align:center;height:30px; line-height:30px; padding-top:15px;}
.foot-nav span{margin:0px 8px;color:#333;}
.foot-text{ text-align:center; padding:5px 0px 10px;color:#333;letter-spacing:1px;line-height:30px;}
footer a{ color:#333;}
footer a:hover{ color:#c00;font-weight:bold;}


/****************************************************主页中间部分*******************************************************/
.cont_main {width:100%;float:left;padding:10px 0px;}
.cont_m {padding:10px 0px;}


.mzuo {width:230px;float:left;}
.myou {width:760px;float:right;}

/****左侧栏目列表*****/
.sb_nav {width:230px;float:left;}
.ti1-ml {float:left;background:url(../tit.png) no-repeat 0px 0px #c30a0a;width:226px;height:50px;text-aline:center;line-height:50px;color:#fff;font-size:24px;font-family:"黑体";border:#e00404 2px solid;border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px;-moz-border-radius:8px 8px 0px 0px;-ms-border-radius:8px 8px 0px 0px;-o-border-radius:8px 8px 0px 0px;}
.sb_nav .active {width:100%;float:left;}
.leftsidebar_box{width:230px;}
.line{height:2px;width:100%;background-image:url(../images/line_bg.png);background-repeat:repeat-x;}
.leftsidebar_box dd a{line-height:40px;float:left;width:100%;text-align:center; font-size:12px}
.leftsidebar_box dt img{position:absolute;right:10px;top:31px;}
.leftsidebar_box dd a:hover {text-decoration:underline;}

.index_nav .active dl {float:left;width:99.5%;border:#ccc 1px solid;margin:5px 0px;background:#fafafa;}
.index_nav .leftsidebar_box dt{padding-right:10px;background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:16px;position:relative;line-height:40px;height:40px;cursor:pointer;}
.index_nav .leftsidebar_box dt img{position:absolute;right:10px;top:31px;}
.index_nav .active dl:hover dd {display:block!important;position:absolute;z-index:5555;width:162px;margin-left:67px;}
.index_nav .active dl:hover dd dl {height:100%!important;margin:0px!important;}

.other_nav .active dl {float:left;width:100%;margin:0px;background:#fafafa;}
.other_nav .leftsidebar_box dd dl {background:#eee;}
.other_nav .leftsidebar_box dt{padding-left:10px;padding-right:10px;background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:16px;position:relative;line-height:40px;height:40px;cursor:pointer;}
.other_nav .leftsidebar_box dt img{position:absolute;right:30px;top:18px;}


.sb01 {background:url(../sb01.png) no-repeat 0px 0px;position:absolute;top:84px;left:5px;width:70px;height:28px;}
.sb02 {background:url(../sb02.png) no-repeat 0px 0px;position:absolute;top:150px;left:5px;width:70px;height:70px;}
.sb03 {background:url(../sb03.png) no-repeat 0px 0px;position:absolute;top:232px;left:5px;width:70px;height:67px;}
.sb04 {background:url(../sb04.png) no-repeat 0px 0px;position:absolute;top:312px;left:5px;width:70px;height:70px;}
.sb05 {background:url(../sb05.png) no-repeat 0px 0px;position:absolute;top:805px;left:13px;width:64px;height:70px;}
.sb06 {background:url(../sb06.png) no-repeat 0px 0px;position:absolute;top:395px;left:5px;width:70px;height:63px;}
.sb07 {background:url(../sb07.png) no-repeat 0px 0px;position:absolute;top:476px;left:5px;width:70px;height:70px;}
.sb08 {background:url(../sb08.png) no-repeat 0px 0px;position:absolute;top:560px;left:19px;width:39px;height:70px;}
.sb09 {background:url(../sb09.png) no-repeat 0px 0px;position:absolute;top:650px;left:5px;width:70px;height:48px;}
.sb10 {background:url(../sb10.png) no-repeat 0px 0px;position:absolute;top:726px;left:5px;width:70px;height:61px;}

/****右侧新品展示*****/
.cp {float:left;width:760px;}
.cp .tit {float:left;width:100%;height:2px;background:#000;margin:24px 0px;}
.cp .tit span {width:225px;background:#fff;display:block;margin:-19px auto 0px auto;text-align:center;font-size:23px; font-weight:bold}
.cp .tit span div {color:#000;font-size:18px;line-height:30px;}
.cp .tit span strong {background:#fff;color:#d9d9d9;font-size:13px;line-height:18px;font-weight:normal;}
.cp .txtlist {width:100%;float:left;border:#fafafa 1px solid;border-top:none;}
.cp .txtlist ol li {float:left;width:173px!important;height:170px;border:#dcdcdc 1px solid;margin:13px 4px;overflow:hidden;padding:3px}
.cp .txtlist ol li img {width:173px;height:130px;float:left;}
.cp .txtlist ol li span,.cp .txtlist ol li h3 {float:left;width:173px;height:40px;text-align:center;line-height:40px;overflow:hidden;font-size:14px;}
.cp .txtlist ol li:hover {border:#c30a0a 1px solid;}
.cp .txtlist ol li:hover a {color:#c00;}


.ktit .inner {display:none;}
/********中间部分 横河********/
.ktit {width:100%;float:left;border-bottom:#333 1px solid;}
.ktit img {float:left;margin-left:30px;}
.ktit strong {font-weight:normal!important;font-size:30px;color:#333;padding:0px 10px;}
.ktit span {font-size:26px;font-weight:200;}

.ktop {width:100%;float:left;}
.kbott {width:100%;float:left;margin-top:15px;}

/******横河简介******/
.gywm {width:1100px;float:left;margin-top:20px;}
.k_head {width:100%;float:left;height:40px;border-bottom:#ccc 2px solid;}
.k_head span {height:40px;border-bottom:#c30a0a 2px solid;width:100px;text-align:center;color:#000;float:left;font-size:22px;line-height:40px;}
.k_head span .icon {width:5px;height:20px;background:#c30a0a;display:inline-block;float:left;text-indent:100px;overflow:hidden;margin-top:10px;margin-right:5px;}
.gywm .k_jj {width:100%;float:left;padding:10px;}
.gywm .k_jj img {width:290px;height:210px;float:left;margin-top:10px;}
.gywm .k_jj span {float:left;width:700px;margin-left:10px;margin-top:10px;text-indent:2em;}
.gywm .k_jj span.jj {font-size:15px;line-height:26px;}
.gywm .k_jj span.more {font-size:15px;}
.gywm .k_jj span.more a {color:#c00;}


/******宣传视频******/
.shipin {margin-top:20px;width:320px;float:right;}
.shipin .k_head span {width:150px;}



/*******中间四步骤********/
.shiyear {width: 160px;position: absolute;top: 140px;left: 20px; font-size:12px;}
.shiyear1 {width: 160px;position: absolute;top: 140px;left: 30px;font-size:12px}
.shiyear2 {width: 160px;position: absolute;top: 123px;left: 300px;font-size:12px}
.years {width: 1008px;margin: 0 auto;}
.yeart {width: 1008px;height: 2px; /* 	border: 1px solid yellow; */margin:29px 0px;position: relative;background:#000;}
.years p {font-size: 20px;font-family: "YouYuan";position: absolute;left: 345px;top: 62px;color: white;}
.years img {position: absolute;left: 315px;top: -33px;}
.com {width: 1010px;height: 520px; /*border: 1px solid red;*/margin: 0 auto;clear: both;overflow:hidden;}
.com ul {padding:0px;}
.com ul li p span {font-size: 16px;color: black;}
.com ul li {float: left;width: 490px;height: 280px; /*border: 1px solid red;*/position: relative;}
.com ul li .pic {width: 250px;height: 195px;}
.com ul li .pic_12 {position: absolute;right: 10px;top: 40px;}
.com ul li .num_12 {position: absolute;left: 13px;top: 30px;}
.com ul li .num_13 {position: absolute;left: 25px;top: 30px;}
.com ul li .arr_13 {position: absolute;left: 160px;top: 40px;}
.com ul li .arr_12 {position: absolute;left: 150px;top: 40px;}
.com ul li .p_12 {width: 190px;position: absolute;top: 100px;left: 20px;font-size: 13px;color: #535353;}
.com ul li .p_13 {width: 190px;position: absolute;top: 100px;left: 30px;font-size: 13px;color: #535353;}
.com ul li .pic_34 {position: absolute;left: 10px;top: 20px;}
.com ul li .num_34 {position: absolute;right: 47px;top: 10px;}
.com ul li .arr_34 {position: absolute;right: 170px;top: 25px;}
.com ul li .p_34 {width: 190px;position: absolute;top: 80px;right: 50px;font-size: 13px;color: #535353;}
.p_34 span {float: right;}
.box {position: relative;width: 645px;overflow: hidden;}



/*****************中间图片轮播*********************/
.index_slider .slider {width: 100%;min-width: 960px;height: 320px;position: relative;overflow: hidden;background: #fff; text-align: center;}
.index_slider .slider .bd {width: 960px;position: absolute;left: 50%;margin-left: -480px;}
.index_slider .slider .bd li {width: 960px;overflow: hidden;}
.index_slider .slider .bd li img {display: block;width: 960px;height: 280px;}
.index_slider .slider .tempWrap {overflow: visible !important;}
.index_slider .slider .tempWrap ul {margin-left: -960px !important; }
.index_slider .slider .hd {position: absolute;width: 100%;left: 0;z-index: 1;bottom: 0px;text-align: center;}
.index_slider .slider .hd li {display: inline-block;*display: inline;zoom: 1;width: 23px;height: 23px;line-height: 23px;overflow: hidden;background: url(../images/yuan.png) 0 -100px no-repeat;margin: 0 5px;cursor: pointer;filter: alpha(opacity=60);opacity: 0.6;color: #000;font-family: "微软雅黑";font-weight: bold;}
.index_slider .slider .hd li.on {background-position: 0 0;filter: alpha(opacity=100);opacity: 1;background:#c30a0a;color: #FFF;}
.index_slider .slider .pnBtn {position: absolute;z-index: 1;top: 0;width: 100%;height: 280px;cursor: pointer;}
.index_slider .slider .prev {left: -50%;margin-left: -480px;}
.index_slider .slider .next {left: 50%;margin-left: 480px;}
.index_slider .slider .pnBtn .blackBg {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 280px;    background: #000;filter: alpha(opacity=50);opacity: 0.5;}
.index_slider .slider .pnBtn .arrow {display: none;position: absolute;top: 0;z-index: 1;width: 60px;height: 280px;}
.index_slider .slider .pnBtn .arrow:hover {filter: alpha(opacity=60);opacity: 0.6;}
.index_slider .slider .prev .arrow {right: 0;background: url(../slider-arrow.png) -120px 0 no-repeat;}
.index_slider .slider .next .arrow {left: 0;background: url(../slider-arrow.png) 0 0 no-repeat;}


/********************************************中间三部分********************************************************/

/**********工程案例************/
.gongcqh {width:300px;float: left;margin-bottom:15px;}
.mc_cn_title_2x {width: 300px;height: 30px;border-bottom: 1px solid #dadada;margin-bottom: 10px;}
.mc_cn_title_2x p {float: left;line-height:30px;font-size:18px;height:31px;padding:0px 20px;background:#c30a0a;color:#fff;}
.furight  {float:right;height:30px;line-height:30px;}
.anls {width: 300px;float:left;}
.anls ul {padding:0px;}
.anls li {background: #dcdcdc;float: left;height: 35px;line-height: 35px;margin: 0 1px 1px;text-align:center;width: 148px;}
.anls li .dis_pi {display: none;}
.anls li a {color: #000000;font-size: 14px;}
.anls li a:hover, .anls .cur a {background: #c30a0a;display: block;color: #fff;text-decoration: none;}
.anls .curtu {background: rgba(0, 0, 0, 0);display: none;height: 111px;width: 298px;overflow: hidden;}
.anls .curtu a:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

.jswz {margin-left:6%;}
/*******新闻动态 技术文章********/
.same {float:left;width:47%;margin-bottom:15px;}
.same .same_t {width:100%;float:left;height:30px;border-bottom: 1px solid #dadada;margin-bottom: 10px;}
.same .same_t span {float:left;line-height:30px;font-size:18px;height:31px;padding:0px 20px;background:#c30a0a;color:#fff;}
.same .same_t a {float:right;height:30px;line-height:30px;}
.same .same_b {width:100%;float:left;}
.same .same_b ol li {height:25px;line-height:25px;overflow:hidden;}
.same .same_b ol li .icon {width:3px;height:3px;background:#dcdcdc;text-indent:100px;overflow:hidden;float:left;margin:12px 8px 0px 5px;}
.same .same_b ol li a {float:left;width:60%;height:25px;line-height:25px;overflow:hidden;}
.same .same_b ol li span {float:right;}
.same .same_b ol li:hover a {color:#f00; text-decoration:underline;}
.same .same_b ol li:hover .icon {background:#f00;}


/******联系我们*******/
.lxwm {width:230px;float:left;}
.lx_t {width:100%;float:left;height:40px;background:#c30a0a;border:#c30a0a 1px solid;text-align:center;line-height:42px;color:#fff;font-size:18px;}
.lx_b {width:210px;float:left;border:#fafafa 1px solid;padding:10px;}
.lx_b img {float:left;margin-left:10px;}
.lx_b span {width:100%;float:left;font-size:14px;}




/*********在线咨询*********/
.zixun {width:100%;float:left;height:120px;margin:50px 0px;background:#b70000;}
.zixunz {width:1010px;margin:0px auto;}
.zixunl {position:relative;left:0px;top:-50px;float:left;}
.zixunm {float:left;width:535px;height:100px;float:left;color:#fff;font-size:16px;text-align:center;line-height:32px;padding-top:20px;}
.zixunm .f30 {font-size:22px;}
.zixunr {float:right;width:230px;text-align:center;}
.zixunr a {float:right;}
.zixunr span {line-height:18px;margin:8px 3px;float:left;text-align:right;width:100%;color:#fff;}


/*************五大保障体系***************/
.baozhang {background:#ece3d4;}
.wubaz {width:1010px;margin:0px auto;height:150px;}
.wbz {width:270px;float:left;height:150px;}
.wbz .f1,.wbz .f2,.wbz .f3 {width:270px;float:left;text-align:center;}
.wbz .f1 {height:85px;line-height:113px;font-size:38px;color:#622826;}
.wbz .f2 {line-height:26px;font-size:18px;color:#64292b;}
.wbz .f3 {line-height:32px;font-size:26px;color:#64292b;}
.baoz {width:740px;float:left;}
.baoz ul {padding:0px;float:left;margin:10px 23px;}
.baoz ul li.pic {width:100px;height:100px;background:#fff;border-radius:80px;-webkit-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;}
.baoz ul li.pic img {margin:10px;}
.baoz ul li.int {width:100px;text-align:center;color:#622a29;font-size:14px;font-weight:bold;line-height:20px;padding-top:10px;}

/*****************************************二级页面右侧样式***************************************************/
.sb_box  {width:758px;float:right;border:#dcdcdc 1px solid;}
.title {width:100%;float:left;height:40px;border-bottom:#dcdcdc 2px solid;}
.title span {float:left;height:40px;border-bottom:#c30a0a 2px solid;line-height:42px;padding:0px 20px;font-size:18px;font-weight:500;}
.position {float:right;height:40px;line-height:45px;font-weight:500;font-size:14px;margin-right:10px;}


/*********公司信息*********/
.editor div p span {line-height:40px!important;}



.lxw {width:a00%;float:left;padding:20px;}
.lxw ul li {line-height:40px;font-size:22px;}

h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #c30a0a; margin:15px 0px 10px 0px;}
h4.related span{ float:left; display:inline; background:#c30a0a; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95; padding:0px 10px;font-size:14px;}

#rl-product{ position:relative; width:750px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:0px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
.xgwz{ position:relative; width:680px!important; overflow:hidden; margin-left:18px;}
.xgwzz .next{background-position:0px 0px; position:absolute;top:60px; left:700px!important;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:780px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}

#iconDivMain1 {right:1180px!important;}



