@charset "utf-8";

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.inner {
    width: 980px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
}
/*内页栏目*/
.sidebar{width:1200px;margin-bottom: 60px;}
.sidebar .sb_nav{ float:left; width:245px;}
.sidebar .sb_nav h3.title{ 
    margin-bottom: 0;
    background-color: #0d73d8;
    width: 245px;
    height: 45px;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{     
	width: 245px;
    border: 1px solid #ccc;
    padding: 10px 5px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
}
.active p{
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
    color: #666666;
}
#sidebar dl{ }
#sidebar dl dt{  }
#sidebar dl dt a{border: 1px solid #dddd;width:100%;height:40px;line-height:40px;margin-top:10px; display:block; color:#333; text-align:center;  }
#sidebar dl dt a:hover{ color:#fff; background-color:#656565; background-image:none; }
#sidebar dl dt a.on{background-color:#656565;color: #fff;}
#sidebar dl dd{}
#sidebar dl dd h4{ padding:5px 0px 5px 10px; background:url("../Images/dt-0.gif")/*tpa=http://www.whrti.com/templates/default/images/dt-0.gif*/ no-repeat left center;}
#sidebar dl dt.on a{ color:#fff; background-color:#b50000;}
#sidebar dl h4.on a{color:#fff; background-color:#b50000;}
.sidebar .sb_box{ float:right; width:918px; background:#fff; overflow:hidden;  }
.sidebar .sb_box h3.title{ height:38px; line-height:38px; background-color:#eeeeee; font-size:12px;}
.sidebar .sb_box h3.title span{ height:38px; line-height:38px; background-color:#0d73d8; display:block;float:left; padding-left:30px; padding-right:30px; color:#fff; font-size:16px}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; padding-right:20px;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ color:#1bae1f;}

/*内页二级*/
.leftsidebar_box{width:100%;height:auto !important;overflow:visible !important;}
.leftsidebar_box dt{background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:16px;position:relative;line-height:48px;cursor:pointer;}
.leftsidebar_box dd{ height:30px; border-bottom:1px dashed #ccc; width:184px; margin-left:14px;}
.leftsidebar_box dd a{color:#333;display:block; text-align:center;}
.leftsidebar_box dd a:hover{ display:block;  color:#0c88d1;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}

/*热门产品*/
.hot_pro{width:100%; padding-bottom:20px; border:1px solid #dfdfdf; box-shadow:0 2px 8px #d8d8d8; border-bottom:1px dotted #d8d8d8; margin-top:30px;}
.hots{ width:194px; margin:0 auto;}
.hot_title{ width:194px; height:24px; margin:0 auto; margin-top:15px;}

.clear { clear:both; }



/*产品中心*/
.products{ width:1200px; margin:0 auto; margin-top:50px;}
.pro_left{ width:250px; float:left;}
.left_title img{ width:250px; height:104px; display:block;}
.left_button{ width:248px; height:333px; border:1px solid #e6e6e6; border-bottom:none; borde-top:none; }
.left_button li{ width:220px; height:36px; margin:0 auto; margin-top:25px;}
.left_button li a{ width:220px; height:36px; display:block; background:#1bae1f; color:#fff; text-align:center;}
.left_button li a:hover{ width:220px; height:36px; display:block; background:#f08505; color:#fff;  text-align:center;}
.left_phone img{ width:250px; height:230px; display:block;}
.pro_right{ width:920px; float:right;}
.title01{ width:920px; height:30px; background:url("../Images/title01.jpg")/*tpa=http://www.whrti.com/templates/default/images/title01.jpg*/ no-repeat;}
.title01 a{ color:#999;float:right; margin-right:5px; display:block;}
.title01 a:hover{ display:block; color:#1bae1f;}
.pro_text{ width:950px; overflow:hidden;}
.pro_text li{ float:left; margin-right:20px; margin-top:20px;}
.pro_text li a img{ display:block; border:1px solid #ccc; padding:4px;}
.pro_text li a:hover img{ display:block; border:1px solid #1bae1f; padding:4px;}
.pro_text li h5 a{ display:block; color:#333;text-align:center; margin-top:5px;}
.pro_text li h5 a:hover{ display:block; color:#1bae1f;text-align:center; margin-top:5px; text-decoration:underline;}

/*最新产品*/
.groom{ width:1200px; margin:0 auto; margin-top:50px;}
.title02 img{ width:214px; height:69px; display:block; margin:0 auto;}
.alBox .alConts {position: relative;}
.alBox .alConts ul {margin: 0px auto; width: 1200px; overflow: hidden;}
.alBox .alConts li {margin: 0px 15px; width:245px; text-align: center; float: left;}
.alBox .alConts li a img{ width:245px; height:200px; border:1px solid #ccc; padding:4px; display:block;}
.alBox .alConts li a:hover img{ display:block; border:1px solid #1bae1f;}
.alBox .alConts li h5 {font-weight: normal; margin-top:5px;font-size:14px;}


/*关于我们*/
.abouts{ width:1200px; margin:0 auto; margin-top:50px;}
.title03 img{ display:block; width:214px; height:65px; margin:0 auto;}
.about_pic{ float:left;}
.about_pic img{ float:left; width:450px; height:264px; border:1px solid #ccc; padding:4px; display:block; margin-top:30px;}
.about_text{ width:715px; float:right; margin-top:30px;}
.about_text span{ display:block; color:#sss;float:left; width:715px; margin-top:20px;}
.about_text p{ color:#333;word-break: break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; margin-top:10px; float:left;}
.about_text a{ width:100px; height:30px; background:#1bae1f; float:left; color:#fff; text-align:center; margin-top:15px;}
.about_text a:hover{ width:100px; height:30px; background:#f08505; float:left; color:#fff; text-align:center;}

/*成功案例*/
.cases_bg{ width:100%; height:490px; background:url("../Images/case_bg.jpg")/*tpa=http://www.whrti.com/templates/default/images/case_bg.jpg*/ no-repeat center; margin:0 auto; margin-top:50px;}
.cases{ width:1200px; margin:0 auto;}
.title04{ width:652px; height:49px; margin:0 auto; padding-top:50px;}
.hp-tab-newprd {width:1200px;margin:0 auto;overflow: hidden;position: relative; margin-top:30px;}
.hp-tab-newprd .j-sw-nav {width:1200px;height: 40px;margin: 0 auto;overflow: hidden;position: relative; }
.hp-tab-newprd .j-sw-nav li {float: left; width: 130px; height: 40px; background:#eee; margin-left:90px;}
.hp-tab-newprd .j-sw-nav li a {position: relative;display: block;width: 130px;height: 40px;line-height: 1.91;text-transform: uppercase;font-weight: bold;word-wrap: break-word;overflow: hidden;outline: 0;cursor:pointer; color:#333; font:normal 14px/40px "微软雅黑"; text-align:center;}
.hp-tab-newprd .j-sw-nav li a:hover{position: relative;display: block;width: 130px;height: 40px;line-height: 1.91;text-transform: uppercase;font-weight: bold;word-wrap: break-word;overflow: hidden;outline: 0;cursor:pointer; color:#fff; font:normal 14px/40px "微软雅黑"; text-align:center; background-color:#f08505;}
.hp-tab-newprd .newprd-clip {padding-left:25px;}
.hp-tab-newprd .j-sw-c ul {zoom:1;overflow:hidden;width:1200px;}
.hp-tab-newprd .j-sw-c li {float: left;margin-right: 6px;display:inline; margin-top:30px;}
.hp-tab-newprd .j-sw-c li img {width:285px;height:210px;}
.hp-tab-newprd .j-sw-c li p{ color:#fff;text-align:center; margin-top:10px;}


/*新闻动态*/
.index02{ width:1200px; margin:0 auto; margin-top:50px; height:408px;}
.news{ width:759px; float:right;}
#tabs { width:759px; position:relative;}
html > body #tabs { width:759px;}
#tabs div { position:absolute; top:60px; left:0; width:759px; height:186px;}
#tabs div { display:none;}
#tabs .block { display:block;}
#tabs h3 { float:left; width:379px; height:40px; line-height:40px; margin:0 0 0 0; font-size:18px; cursor:pointer; background-color:#eee; text-align:center; color:#333; font-family:Microsoft YaHei;font-weight:normal;}
#tabs .up { background:#1bae1f;color:#fff;}
#tabs ul { list-style:none; padding:0; margin-top:0px;}
#tabs li {  border-bottom:1px dotted #c6c6c6; height:35px; overflow:hidden; width:365px; float:left; margin-right:14px;}
#tabs li h2{ width:8px; height:8px; background:url("../Images/coins.jpg")/*tpa=http://www.whrti.com/templates/default/images/coins.jpg*/ no-repeat; float:left; margin-top:13px;}
#tabs .tab_title{ display:block; color:#333; text-decoration:none; float:left; font:normal 14px/35px "Microsoft YaHei"; margin-left:5px; }
#tabs .tab_title:hover{ color:#0c88d1;}
#tabs li span{ display:block; float:right; color:#777; }
a.tab_title:link { color: #5a5a5a; text-decoration:none;}
a.tab_title:visited { color:#5a5a5a; text-decoration:none;}
a.tab_title:hover { color:#5a5a5a; text-decoration:none;}
a.tab_title:active { color:#5a5a5a; text-decoration:none;}
a.tab_menu:link { color:#6464d5; text-decoration:none;}
a.tab_menu:hover { color:#8888e0; text-decoration:underline;}
#tabs .new_pic{ height:180px; width:759px; border-bottom:none;}
#tabs .new_pic a img{ display:block; width:310px; height:180px; float:left; margin-right:20px;}
#tabs .new_pic h1 a{ color:#333; margin-top:35px; display:block; }
#tabs .new_pic h1 a:hover{ color:#0c88d1; text-decoration:underline; }
#tabs .new_pic p{ color:#333;word-break:break-all; word-wrap:break-word; text-align:justify; text-justify:inter-ideograph; margin-top:5px;}
#tabs .new_pic p a{ color:#f34b18;margin-left:5px;}

.matter{ width:422px; float:left;}
.title05{ width:422px; height:46px; background:url("../Images/title05.jpg")/*tpa=http://www.whrti.com/templates/default/images/title05.jpg*/ no-repeat;}
.title05 a{ display:block; color:#999;  float:right; margin-right:5px;}
.title05 a:hover{ display:block; color:#f08505;float:right; margin-right:5px;}
.matter_text{ width:422px;}
.matter_text li{ float:left; width:422px; border-bottom:1px solid #ccc;}
.matter_text .wen{ width:422px; float:left; margin-top:5px;}
.matter_text .wen h1{ width:18px; height:18px; background:url("../Images/wen.jpg")/*tpa=http://www.whrti.com/templates/default/images/wen.jpg*/ no-repeat; float:left; margin-right:10px;}
.matter_text .wen a{ display:block; color:#333; float:left;}
.matter_text .wen a:hover{ display:block; color:#f08505;float:left;}
.matter_text .da{ width:422px; float:left; margin-top:10px;}
.matter_text .da h2{ width:18px; height:18px; background:url("../Images/da.jpg")/*tpa=http://www.whrti.com/templates/default/images/da.jpg*/ no-repeat; float:left; margin-right:10px;}
.matter_text .da p{  color:#333;width:390px; float:left;}