﻿@charset "utf-8";
/* CSS Document */
::selection {

    background-color:#0055b0;

	color:#fff;

}

::-moz-selection {

    background-color:#0055b0;

	color:#fff;

}
::-webkit-selection {

       background-color:#0055b0;

	color:#fff;

}
::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5

}
::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2

}
::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555

}
* {

    padding: 0;

    margin: 0;

    font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}
body {

    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}
:focus {

    outline: 1;

}
article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}
a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}
ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}
mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}
del {

    text-decoration: line-through;

}
table {

    border-collapse: collapse;

    border-spacing: 0;

}
hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}
input,

select {

    vertical-align: middle;

}
li,

ul {

    list-style-type: none;

}
img {

    border: none;

}
a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}
a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}
input,

textarea {

    outline: 0;

    border: 0;

}
textarea {

    resize: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.fullSlide{min-width:1200px;position:relative;height:584px;overflow:hidden;}
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:584px;overflow:hidden;text-align:center;}
.fullSlide .bd li  img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.fullSlide .hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.fullSlide .hd ul{margin-left:500px;}
.fullSlide .hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
.fullSlide .hd ul li{width:62px;height:5px;background:#fff;}
.fullSlide .hd ul .on{background:#0055b0;}

.clear{clear:both;}
.pagetop{ width:100% ;margin:0 auto; height:170px; background:url(../images/top_bg.jpg) no-repeat center;}
.top_nr{ width:1180px;height:40px; margin:0 auto;}
.top_nr .wel{ float:left; line-height:40px;color:#666;}
.top_nr .top_r{ float:right; line-height:40px;}
.top_nr .top_r a{color:#666;padding:0 5px;}
.top_n{ width:1180px;height:130px; margin:0px auto; }
.top_n .left_nr{float:left;width:890px;}
.top_n .left_nr .logo{float:left; margin:15px 15px 0 0px;}
.top_n .left_nr .trait{margin:35px 0 0 0px; float:left; height:70px; font-size:18px;color:#f68b00; line-height:30px;font-weight:bold;background:url(../images/xt.png) no-repeat left center; padding-left:15px;}
.top_n .left_nr .trait p{font-size:18px;color:#333;font-weight:bold;}
.top_n .right_tel{ float:right;margin:13px auto  0 auto; height:51px; display:block;background:url(../images/tel.png) no-repeat top left; padding-left:60px;  }
.top_n .right_tel span{ font-size:14px;color:#333;display:block;font-weight:bold;}
.top_n .right_tel p{font-size:22px;color:#0055b0;line-height: 28px; font-weight:bold;text-align:center;}
.nav{width:100%;height:50px;margin:0px auto; background:#0055b0;}
.nav .menu{ width:1180px;height:50px;margin:0 auto; }
.nav .menu ul li{float:left;width:131px; line-height:50px; text-align:center; overflow:hidden;background:url(../images/nav_l.jpg) no-repeat right center;}
.nav .menu ul li a{font-size:15px;color:#fff; display:block; text-align:center;}
.nav .menu ul li a:hover{ background:#fd9e23;color:#fff;}
.nav .menu ul li.another{ background:#fd9e23;color:#fff;}
.fixedNav{width:100%;height:50px;margin:0px auto;position: fixed;top: 0px;left: 0px;margin: auto;z-index: 100000;}

.form_bg{margin:0 auto; background:url(../images/sou_bg.jpg) repeat-x center; height:60px; width:100%;}
.form_bg .search{ width:1180px; margin:0 auto; height:60px;}
.search_t{width:905px; height:60px; float:left; color:#333; line-height:60px;font-size:12px;padding-left:8px; margin-left:10px;}
.search_t a{padding:0 10px;color:#333; font-size:12px;}
.search2{float:left;width:204px;height:25px;line-height:25px;text-align:left;margin-top:17px; border:1px solid #dbdbdb;padding-left:6px; }
.search_s input{float:left;width:34px; height:27px;  margin-top:17px;background:#fd9e23; color:#fff;}
.footer{width:100%;height:303px; margin:0 auto; background:url(../images/footer_bg.jpg) no-repeat center;}
.footer .menu_bg{width:100%;height:70px; margin:0 auto;}
.footer .footer_menu{ width:1180px;height:70px;margin:0 auto;background:url(../images/footer_xt.jpg) no-repeat bottom center;}
.menu_bg .footer_menu ul li{float:left;line-height:70px; text-align:center;width:131px;}
.menu_bg .footer_menu ul li a{font-size:14px;color:#fff; display:block;}
.foot{width:1180px;margin:0 auto;}
.right_new{float:left; margin:25px 0 0 30px; }
.footer .right_new p{ font-size:14px;margin:10px 0;text-align:left;color:#fff; line-height:24px;}
.footer .right_new p a{color:#fff; font-size:14px;} 
.footer .right_new p img{padding-left:0px;}
.foot .er{float:right;margin:30px 40px 20px 10px; width:130px; height:130px; background:url(../images/er_bg.png) no-repeat center;}
.foot .er img{width:118px; height:118px; margin:0 auto; display:block; padding:6px;}
.foot .er p{color:#fff; font-size:14px; text-align:center; line-height:40px;}
.clear_h2{color:#fff; font-size:14px;}
@charset "utf-8";



/* CSS Document */


.tit01{font-size: 40px;letter-spacing: 2px; text-align: center; font-family: "Microsoft YaHei";color: #1d1d1d;font-weight:normal; }
.tit01 a{color: #1d1d1d; }
.tit01 b{font-weight: bold; color: #0055b0;}
.tit01 span{ display: block;padding-bottom: 13px; background: url(../images/sbtitbg.png) no-repeat center bottom;}
.tit01 em{font-size: 18px;color: #292929;  font-weight: normal;  display:block;font-family:"Microsoft Yahei"; text-transform: uppercase; }


.jm_bj{  background:#fff; height: 700px; box-sizing: border-box;  font-family:"Microsoft Yahei";}
.jm h2{margin-bottom: 52px;}
.jm dl {width: 1200px;position: relative; margin:0 auto;}
.jm dl dt{width:1200px;padding:5px; height: 421px;box-shadow: 0 0 10px #ececec; box-sizing: border-box; overflow: hidden;}
.jm dl dt img{width:1190px; height: 411px;  display: block;}
.jm dl dd{width:1200px; float:right;box-sizing: border-box;text-align: center;line-height: 30px; font-size: 16px;  color: #464545;  height: 85px; box-sizing: border-box;}

.jm dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jm dt img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

.m_zz{background: none;padding:0px; width: 1200px;margin:40px auto 0;}
.m_zz{height: 140px;}
.m_zz ul{width: 1200px; height: 140px; position: relative; }
.m_zz li{ width:365px;padding-left: 84px;height: 140px; box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative;  }
.m_zz li:before{content: ""; position: absolute;right:0px; height: 103px; width:70px; background: url(../images/zzline.png) no-repeat;top:22px; }
.m_zz li em{display: block; position: relative;width:150px; height: 90px; }
.m_zz li em b{ margin-left:0px;float: left;font-size: 72px; color: #0055b0; font-family: "Arial";}
.m_zz li em i{ font-size: 18px;  color: #fff; font-weight: normal; text-align: center; line-height: 24px;  width: 24px; height: 24px;display: block; position: absolute;top:13px; right: -10px; background: #0055b0; border-radius: 100%;}
.m_zz .zz1{padding-top: 0px;}
.m_zz .zz1 h3{font-size: 18px; color: #1f1f1f; text-align: left; font-weight: normal;}
.m_zz .zz1 h3 p{ font-size: 12px; color: #e2e2e2; }
.m_zz li:nth-child(1){width: 210px;padding-left: 10px;}
.m_zz li:nth-child(1) em{width: 88px;}
.m_zz li:nth-child(1) em i{right:-30px;}

.m_zz li:nth-child(2){padding-left: 44px;}
.m_zz li:nth-child(2) em{width: 170px;}
.m_zz li:nth-child(2) em i{right:-30px;}

.m_zz li:nth-child(3){width: 320px;padding-left: 44px;}
.m_zz li:nth-child(3) em{width:140px; }
.m_zz li:nth-child(4){width: 305px;padding-left: 44px;}
.m_zz li:nth-child(4) em{width:140px; }
.m_zz li:nth-child(4) em i{}
.m_zz li:nth-child(4):before{background: none;}


.content {
    width: 1200px;
    margin: 0 auto;
}
.casebj{ height: 900px; background:#fff; padding-top:40px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; }
.casebj h2{ margin-bottom: 32px;}
.casebj h2 span{ background: url(../images/casetitbg.png) no-repeat center bottom;}
.case_nav{ width:266px;  float: left;}
.case_nav ul{}
.case_nav ul li {width:264px;padding-left: 25px; text-align: left; height: 87px; background: #f4f4f4; position: relative;box-sizing: border-box;border:1px solid #ebebeb; margin-top: -1px;}
.case_nav ul li:after{content: "";position: absolute; right:27px;top: 27px; border-top:8px solid rgba(0,0,0,0);  border-bottom:8px solid rgba(0,0,0,0);border-left:12px solid #cecece;}

.case_nav ul li em{margin-top: 27px;margin-right: 18px; width: 33px; height: 33px;overflow: hidden; float: left;position: relative;}
.case_nav ul li em img{position: absolute;top:0;left:0;}
.case_nav ul li  i{display: block;font-size: 12px;  color: #d3d3d3;}
.case_nav ul li span{ text-decoration: none; display: block; font-weight: normal; font-size: 20px; color: #232323; position: relative;z-index: 1; float: left;margin-top: 23px;}
.case_nav ul li.cur{border-left:4px solid #292d33; background:#0055b0;border-top-color: #0055b0;border-right-color:#0055b0;}
.case_nav ul li.cur span{color: #fff;}
.case_nav ul li.cur em img{left:-32px;}
.case_nav ul li.cur span i{opacity: 0.21;}
.case_nav ul li.cur:after{content: "";position: absolute; right:30px;top: 36px; border-top:8px solid rgba(0,0,0,0);  border-bottom:8px solid rgba(0,0,0,0);border-left:12px solid #fff;}
.case_nr {width:921px; height:518px;float: right;}
.case_nr  dl{width:921px;  height:518px; overflow: hidden;box-sizing: border-box; position: relative;margin-bottom: 11px; }
.case_nr  dl dt{width: 921px;height: 518px; overflow: hidden;}
.case_nr  dl dt img{width: 921px;height: 518px; display: block;}
.case_nr  dl dd{height: 105px;box-sizing: border-box; position:absolute;bottom: 0;left:0; width: ;background: rgba(41,45,51,0.95);width: 921px; }
.case_nr  dl dd .other{height: 105px;width: 921px; position: relative;}
.case_nr  dl dd em{width: 56px; height: 113px; position: absolute;left:20px;top:-35px; background: url(../images/szbg.gif) no-repeat; font-size: 30px;padding-top: 20px; color: #fff; text-align: center;}
.case_nr  dl dd .desc1{width: 810px; position: absolute;left:95px;top:15px;}
.case_nr  dl dd h3{font-weight: bold;text-align: left; font-size: 22px; color: #ffff; height: 35px; line-height: 35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; }
.case_nr  dl dd h3 a{ color: #fff; }
.case_nr  dl dd p{line-height: 28px;overflow: hidden; font-size:16px;color: #fff;  text-align: justify;}
.case_nr  dl dd p a{color: #fff;}


.hz {overflow: hidden; clear: both; margin-top: 30px;}
.hz  ul li{width: 233px; float: left;margin-right:11px; overflow: hidden;}
.hz  ul li img{width: 231px;height: 129px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;border:1px solid #eee;box-sizing:border-box;}
.hz  ul li img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
.hz  ul li span{display: block;height: 50px; line-height: 50px; text-align: center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 16px;border-bottom: 1px solid #e1e1e1; }
.hz  ul li a{text-decoration: none;}


.sb_bj{overflow: hidden; background:#fff;padding-top:40px; box-sizing: border-box; font-family: "Microsoft YaHei"; height: 720px;  }
.sb_bj h2{margin-bottom: 40px;}
.sb_bj h2 span{ background: url(../images/sbtitbg.png) no-repeat center bottom;}
.sb_nav{ width:1200px;overflow: hidden;box-sizing: border-box; margin-bottom: 42px;}
.sb_nav ul li{float: left; height:73px; font-size: 20px; color: #292d33;padding-left:30px;position: relative; background: #f4f4f4;width: 298px;margin-right: 2px;box-sizing: border-box;padding-top: 20px;}
.sb_nav ul li:last-child{margin-right: 0;}
.sb_nav ul li a{text-decoration: none; display: block; font-weight: normal;color: #292d33; }
.sb_nav ul li i{ font-size: 12px; color: #292d33; opacity: 0.18; display: block; }
.sb_nav ul li:hover,.sb_nav ul li.cur{background: #0055b0;color: #fff; }
.sb_nav ul li:hover a,.sb_nav ul li.cur a{color: #fff; }
.sb_nav ul li:hover i,.sb_nav ul li.cur i{color: #fff; opacity: 0.23;}
.sb_nav ul li:after{content: "";position: absolute; right:27px;top: 27px; border-left:7px solid rgba(0,0,0,0);  border-right:7px solid rgba(0,0,0,0);border-top:9px solid #fff;}

.sb_nr{width:1200px;height: 370px; position: relative; overflow: hidden; box-sizing: border-box;}
.sb_nr  ul li{width: 388px; float: left;margin-right:18px; overflow: hidden;}
.sb_nr  ul li img{width: 388px;height:290px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.sb_nr  ul li img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
.sb_nr  ul li span{display: block;height: 78px; line-height: 78px; text-align: left;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 20px; color: #292d33; font-weight: bold; padding:0 45px 0 18px;background:#f0f0f0 url(../images/xcico1.png) no-repeat 345px center;}
.sb_nr  ul li a{text-decoration: none;}
.sb_nr  ul li:last-child{margin-right: 0;}
.sb_nr  ul li:hover span{background:#0055b0 url(../images/xcico2.png) no-repeat 345px center; color: #fff;}



.he_bg{width:100%;margin:0 auto; height:239px;background:url(../images/hz_bg.jpg) no-repeat center;}



.he_bg .hezuo{width:1180px;margin:0 auto; height:200px;padding-top:39px;}



.he_title{width:220px;margin:0 auto;  height:156px; float:left;background:url(../images/hz_t.png) no-repeat left center;margin:0px 0 0 10px;}



.he_title h3 a{font-size:20px;color:#333; text-align:left;font-weight:bold; display:block;margin: 30px 0 3px 0;padding-left: 50px;}



.he_title h3 p{font-size:12px;color:#999; text-align:center;font-weight:normal; display:block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}



.he_title .more{font-size:12px;color:#333;margin: 5px 0 0 50px; display:block; }



.gd_01{ position:relative; height:160px; width:925px;margin: 0 auto; float:right; overflow:hidden;}



.gd_01 em{position: absolute;top: 50px;}



.gd_01 .t_l{ left:0px;}



.gd_01 .t_r{ right:0px;}



.gd_01 #simgs{ margin:0px 0px;}



.gd_01 li{ float:left; width:202px; text-align:center;margin:17px 10px 40px 10px; }



.gd_01 li.last{ padding-right:0;}



.gd_01 li img{ display:block; width:200px; height:100px; border:1px solid #e6e6e6; }



.gd_01 li a{ color:#333;}



.gd_01 .fl { float:left;}



.gd_01 .fr { float:right;}



.gd_01 .pa{ position:absolute;}



.gd_01 .pr{ position:relative}



.gd_01 #simgs a{color:#666;font-size:14px; line-height:40px; text-align:center; text-overflow: ellipsis;



white-space: nowrap;



overflow: hidden;



display: block;}







.product_bg{margin:0 auto;width:100%; height:auto;background:url(../images/body_bg.jpg) repeat center; }



.product{margin:0 auto;width:1180px; height:880px; padding-top:35px;}



.list{ float:left; width:280px; }



.list .list_t{height:128px;background:url(../images/left_t.png) no-repeat center; display:block;}



.list .list_t h2 a{ font-size:36px; color:#fff;display:block; font-weight:bold; text-align:center;padding-top:25px;}



.list .list_con{ float:left;width:280px; background:#efefef;}











#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}



#menu a {display: block;text-decoration: none;	}



#menu li { line-height:30px; font-family:"Microsoft YaHei"; font-size:16px;margin:0px auto;}



#menu li .first{background:url(../images/list.jpg) no-repeat center; height:42px;width:180px;margin:16px 0px 17px 32px;padding: 0 34px 0 0;}



#menu li a.first { height:42px;font-size:16px;color:#fff; line-height:42px; display:block; text-indent:15px;text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

display: block;}



#menu li ul li{height:40px; line-height:40px;margin:0px auto; border-bottom:1px dashed #e4e4e4;}



#menu li ul li a {color: #333;font-size:14px; text-align:left; padding-left: 50px;}



#menu li ul li a:hover {color:#0055b0;}







#tab{width:870px;position:relative;margin:0 auto 0 18px; float:right;}                            



#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; height:40px; border-bottom:1px solid #d5d5d5;}



#tab .tab_menu li{float:left;width:125px;height:40px;line-height:40px;cursor:pointer;text-align:center;margin:0px 10px 0px 0;  background:#0169cf; }



#tab .tab_menu li a{font-size:18px; color:#fff; font-weight:bold;}



#tab .tab_box{width:900px;height:auto;clear:both;top:45px;position:relative; overflow:hidden;}



#tab .tab_menu .selected{background:#fd9e23 ;cursor:pointer;color:#fff; height:40px;}







#tab .tab_box .neirong{width:870px; height:275px;}



#tab .tab_box .neirong .nr_img{width:382px; height:272px; float:left;}



#tab .tab_box .neirong .nr_img img{width:380px; height:270px; border:1px solid #ddd;}



#tab .tab_box .neirong .nr_xq{ width:435px; height:270px; margin-right:15px; float:right;}



#tab .tab_box .neirong .nr_xq h5 a{ font-size:18px; font-weight:normal; color:#444; line-height:50px;}



#tab .tab_box .neirong .nr_xq p{font-size:14px;color:#666; line-height:24px; height:120px; overflow:hidden;}



#tab .tab_box .neirong .xq{width:100px; height:30px; border:1px solid #a0a0a0;}



#tab .tab_box .neirong .xq a{ line-height:30px; text-align:center; font-size:14px; color:#666; display:block; }







#tab .tab_box ul li{width:272px; height:205px;float:left;margin:25px 25px 30px 0px; }



#tab .tab_box ul li a{color:#333; }



#tab .tab_box ul li p a{width:265px; text-align:center; display:block; height:35px; line-height:35px; font-size:14px; color:#666;}
#tab .tab_box ul li.last{ overflow:none;}
#tab .tab_box ul li img{ width:270px; height:203px; border:1px solid #ddd; }
#tab .hide{display:none;}

.banner1{margin:0 auto;width:100%; height:240px; background:url(../images/banner_1.jpg)  no-repeat center;}
.banner1 .zx {width:1180px;margin:0 auto;}
.banner1 .zx .nr{font-size:28px; color:#fff; font-weight:bold; text-align:center; line-height:55px; margin:0px 140px 0 0px; padding-top:80px; float:left;}
.banner1 .zx .nr p{font-size:20px; font-weight:normal; }
.banner1 .zx .zx1{ width:250px; float:right;margin:85px 0px 0 0px;}
.banner1 .zx .zx1 .rexian{ font-size:18px; color:#fff; font-weight:bold;float:left;height:52px;line-height: 40px;}
.banner1 .zx .zixun{margin:0px auto 0 45px; float:left; width:150px; height:40px;background:url(../images/zx.png)  no-repeat center;}
.banner1 .zx .zixun a{ font-size:16px; color:#fff; line-height:40px; display:block; text-align:center; font-weight:bold;}

.advantage_bg{ width:100%; margin:0 auto; background:url(../images/ys_bg.jpg) no-repeat center; height:930px;}
.advantage_bg .advantage_title {width:1180px; margin:0 auto;padding-top:70px; text-align:center;}
.advantage_bg .advantage_title p {margin:20px auto 0 auto;text-align:center; height:46px; line-height:46px; background:url(../images/ys_tt.png) no-repeat center; font-size:18px; font-weight:bold; color:#fff;}
.advantage_bg .advantage{ width:1180px; margin:80px auto 0 auto;height:520px;}
.advantage_bg .advantage .ys_list{width:135px; margin:0 auto 0 25px; float:left;}
.advantage_bg .advantage .ys_list ul li{width:135px; margin:0 0px 25px 0;height:127px; font-size:18px; font-weight:bold; color:#fff; text-align:center;background:url(../images/ys_list.png)  no-repeat center;}

.advantage_bg .advantage .ys_list ul li span{font-size:30px; font-weight:normal; font-family:"Impact"; color:#fff;display: block; margin: 0 auto 10px auto;padding-top: 12px;background:url(../images/ys_xt.jpg)  no-repeat bottom center; text-align:center;}
.advantage_bg .advantage .ys_list ul li:hover,.advantage_bg .advantage .ys_list ul li.casehover{ background:url(../images/ys_list1.png)  no-repeat center; }
.advantage_bg .advantage .ys_nr{width:682px; height:500px; margin-top:15px; margin-left:95px; float:left;}
.advantage_bg .advantage .ys_nr .ys_xq{width:682px; height:500px;}
.advantage_bg .advantage .ys_nr .ys_img{width:682px; height:286px;}
.advantage_bg .advantage .ys_nr .nr{width:682px;}
.advantage_bg .advantage .ys_nr .nr h5{font-size:24px; font-weight:bold; color:#0055b0; text-align:center; }
.advantage_bg .advantage .ys_nr .nr h5 p{ font-size:14px; font-weight:normal; color:#999; display:block;text-transform: uppercase; line-height:45px; text-align:center; background:url(../images/ys_xt1.jpg)  no-repeat bottom center;margin: 0; }
.advantage_bg .advantage .ys_nr .nr p{ font-size:15px; font-weight:normal; color:#545454; line-height:36px; margin:20px 0 20px 50px;}
.review_bg{width:100%;margin: 30px auto 0 auto; background:url(../images/jz_bg.jpg) no-repeat center; height:878px; }
.review{width:1180px;margin:0 auto;padding-top:85px; }
.review_title{width:1180px; margin: 0 auto;  background:url(../images/jz_t.png) no-repeat center; height:110px; text-align:center;}
.review_title h3 a{font-size:30px;color:#0063b8; text-align:center;font-weight:bold;margin-bottom:10px; display:block;}
.review_title h3 p{margin:0 auto; text-align:center; font-size:18px;color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.review ul li{ float:left;width:49%; margin:20px 5px;height:275px;position:relative;}
.review ul li .jz_img{ float:left; width:215px; height:185px;position:absolute;right: 0;top: 45px;}
.review ul li .jz_img img{ width:215px; height:185px; border:1px solid #dbdbdb;}
.review ul li .neir{width:480px; float:left; height:275px; background:#fff; position:relative; border:1px solid #e7e4ea;}
.review ul li .neir:hover,.review ul li .neir:hover h5 a,.review ul li .neir:hover p{ background:#0169cf; color:#fff;}
.review ul li .neir h5 a{font-size:16px; color:#333; padding:40px 0 0px 20px; font-weight:bold; display:block; width:325px; border-bottom:1px dashed #dcdcdc; line-height:40px;}
.review ul li .neir p{ margin:15px 0 0 15px; line-height:24px; width:340px;height:100px; text-align:left; overflow:hidden; color:#545454; font-size:14px;}
.review ul li .neir .xq{ background:url(../images/more.png) no-repeat center; width:138px; height:40px;margin: 20px 0px 0 20px;position: relative;bottom: -38px;} 
.review ul li .neir .xq a{color:#fff;display: block; font-weight:bold;font-size:14px; padding-left: 25px; line-height:40px;} 

.about_bg{width:100%; margin:0 auto; height:811px; background:url(../images/ab_bg.jpg) no-repeat center;}
.about_bg .about{width:1180px; margin:0 auto; height:360px;padding-top:80px;}
.about_bg .about .ab_title{width:257px;height:348px; background:url(../images/ab_t.jpg) no-repeat center; float:left;}
.about_bg .about .ab_title h3 a{font-size:19px; color:#fff; font-weight:bold; text-align:center;margin:150px 0 50px 0;display: block;}
.about_bg .about .ab_title .more{font-size:14px; color:#fff; text-align:center; line-height:30px; border:1px solid #ebebeb; width:115px; height:30px; margin:0 auto; display:block;}
.about_bg .about .ab_nr{width:923px;float:left;}
.about_bg .about .ab_nr .ab_img{width:360px; height:300px;float:left; margin:10px 0;}
.about_bg .about .ab_nr .ab_img img{width:360px; height:300px;float:left; margin:20px 0;}
.about_bg .about .ab_nr .box{width:562px; height:359px; float:left; }
.about_bg .about .ab_nr .box h5 a{font-size:16px; color:#0055b0; font-weight:bold; margin:28px 0 0 35px; display:block;}
.about_bg .about .ab_nr .box p{font-size:14px; color:#333;margin:10px 0 0 35px; line-height:26px; overflow:hidden; text-indent:2em;}
.about_bg .about .ab_nr .xq{width:114px; height:50px; background:url(../images/ab_zx.png) no-repeat center; margin:10px auto 0 auto;}
.about_bg .about .ab_nr .xq a{font-size:14px; color:#333; text-align:center; font-weight:bold; line-height:50px; display:block;}
.rongyu{ width:1180px; height:290px;  margin:40px auto 0 auto;}
.rongyu .ttt{ width:1180px; height:50px; margin:0 auto; border-bottom:1px solid #c9c9c9;}
.rongyu .ttt ul{height:63px;margin:0 auto; width:580px; float:left;}
.rongyu .ttt li{font-family: microsoft yahei; float:left; width:100px;  height:63px;  text-align:center; line-height:63px;cursor:pointer; color:#333; }
.rongyu .ttt li a{ font-size:16px; color:#333; font-weight:bold;}
.rongyu .ttt li.hover a{color:#0055b0;}
.rongyu .tabcont{ width:1180px; float:left; height:210px; overflow:hidden;clear:both;}
.rongyu .tabcont .tabc{width:1180px; float:left; height:auto;clear:both;}
.rongyu .tabcont .tabc ul li{ width:279px; float:left;margin:0 15px; margin-top:5px;}
.rongyu .tabcont .tabc ul li:hover{}
.rongyu .tabcont .tabc ul li img{ width:275px; height:170px; border:1px solid #e2e2e2;}
.rongyu .tabcont .tabc ul li span{ width:275px; text-align:center; line-height:28px; float:left;font-size:14px; color:#333; }
.banner2{margin:0 auto;width:100%; height:285px; background:url(../images/banner_2.jpg)  no-repeat center;}
.banner2 .zx {width:1180px;margin:0 auto;}
.banner2 .zx .nr{font-size:26px; color:#fff; text-align:right; line-height:55px; width:1180px; margin:0px 140px 0 0px; padding-top:40px; float:right;}
.banner2 .zx .nr p{font-weight:bold; font-size:36px;margin-right: 45px; }
.banner2 .zx .zx1{ width:515px; float:right;margin:30px 0px 0 0px; }
.banner2 .zx .zx1 .rexian{ font-size:18px; color:#fff; font-weight:bold;float:left;height:52px;line-height: 40px;}
.banner2 .zx .zixun{margin:0px 0px 0px 15px; float:left; width:150px; height:40px;background:url(../images/zx.png)  no-repeat center;}
.banner2 .zx .zixun a{ font-size:16px; color:#fff; line-height:40px; display:block; text-align:center; font-weight:bold;}
.trends_bg{margin:0 auto;width:100%; height:470px;background:url(../images/body_bg.jpg) repeat center; }
.trends{margin:0 auto;width:1180px; height:410px; padding-top:30px; overflow:hidden;}
.trends .xwr{ width:790px; float:left;}
.xwr .xwnr_t{ border-bottom:1px solid #c9c9c9;height:50px; line-height:50px;}
.xwr .xwnr_t ul{ float:left; }
.xwr .xwnr_t ul li{ float:left; width:120px; text-align:left;}
.xwr .xwnr_t ul li h3 a{ font-size:16px; color:#555; display:block;line-height:50px; text-align:center; font-weight:bold;}
.xwr .xwnr_t ul li.casehover a{ color:#0055b0; border-bottom:2px solid #fd9e23;}
.xwr .xwnr_con{ float:left;}
.xwnr_con .neirong1{float:left; margin-top:20px;}
.neirong1 .nr_left{ width:250px; height:184px;float:left;}
.neirong1 .nr_left img{ width:250px; height:184px;}
.neirong1 .nr_right{ float:right; width:765px; margin-left:15px;}
.nr_right .nrr{ width:760px; height:78px; background:#fff;margin-bottom:10px; color:#333;}
.nrr .nrr_l{ float:left; width:90px; font-size:16px; text-align:center; background:#fd9e23;height: 66px;color:#fff;padding-top: 5px;}
.nrr .nrr_l span{ font-size:24px; font-weight:bold; color:#fff;}
.nrr .nrr_r{ width:650px; float:left;margin-left: 20px; height:80px;}
.nrr_r span{ line-height:25px;}
.nrr_r span a{ font-size:14px; color:#777; font-weight:bold;display: block;
line-height: 45px;}
.nrr_r p{ color:#666; font-size:14px;line-height: 18px;text-overflow: ellipsis; 
white-space: nowrap;overflow: hidden;}
.neirong1 ul li{ float:left; width:47%; line-height:44px; border-bottom:1px dashed #d2d2d2;padding-right: 20px;}
.neirong1 ul li a{ width:285px; height:42px; line-height:42px; overflow:hidden; color:#777;font-size:14px;display: block;float: left;
text-overflow: ellipsis;
white-space: nowrap;}

.neirong1 ul li span{ float:right;color:#777;font-size:14px;}
.trends .wenti{width:360px;float:right;height:410px;}
.trends .wenti .question_title{height:50px; margin:0 auto; }
.trends .wenti .question_title  h3 a{ float:left;font-size:18px; color:#555;margin:0 0px 0 5px; font-weight:normal; line-height:50px;}
.trends .wenti .question_title .more{ float:right;font-size:14px; color:#666;line-height:50px;display:block;}
.trends .wenti ul li{margin:20px auto;border-bottom:1px solid #e1e1e1;}
.trends .wenti .question{ line-height:200%; height:325px; margin:20px 8px 0 8px; overflow:hidden;}
.trends .wen a{color:#565656;font-size:14px; line-height:25px; background:url(../images/Q.png) no-repeat left center;padding-left:35px;font-weight:bold;display: block;text-overflow: ellipsis;
white-space: nowrap;overflow:hidden;}
.trends .right .question ul li{border-bottom:1px dotted #a0a0a0;margin:12px auto;}
.trends .da{margin:10px auto;}
.trends .da p{color:#777;font-size:14px; line-height:25px;background:url(../images/A.png) no-repeat left top;padding-left:35px;height: 120px;overflow: hidden;}
.catenate_bg{ width:100%; height:89px; margin:0 auto; background:url(../images/links_bg.jpg) no-repeat center;}
.catenate_bg .catenate{width:1180px; margin:0 auto; height:89px; }
.catenate_bg .catenate .link{ float:left; width:130px; background:url(../images/links.png) no-repeat left center; line-height:89px; }
.catenate_bg .catenate .link span{ font-size:18px; font-weight:bold; color:#0055b0;padding-left:30px;}
.catenate_bg .catenate .yq a{ font-size:14px; color:#333; line-height:89px; margin-left:10px;}


.breadcrumb-search {
    height: 60px;
    margin-bottom: 40px;
    background-color: #f4f4f4;
    overflow: hidden;
}

.breadcrumb {
    width: 40%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    color: #676767;
}

.breadcrumb img {
    margin-right: 5px;
}

.breadcrumb a {
    color: #676767;
}

.breadcrumb a:hover {
    color: #0055b0;
}

#qrcode {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ececec;
    z-index: 9;
}

#qrcode table {
    width: 225px;
    margin: 0!important;
}

.wjdh-search {
    line-height: 60px;
    width: 60%;
    overflow: hidden;
}
.container {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.cat-menu {
    padding: 0 0 40px;
    text-align: center;
}

.cat-menu .title {
    display: inline;
    color: #bbb;
    font-size: 24px;
    border-bottom: 1px solid #bbb;
    text-transform: uppercase;
}

.cat-menu .menu-list {
    margin-top: 20px;
}

.cat-menu .menu-list span {
    *display: inline;
    _display: inline;
    zoom: 1;
    display: inline-block;
    position: relative;
}

.cat-menu .menu-list span:before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    z-index: 8;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cat-menu .menu-list span a {
    font-size: 16px;
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 20px;
    position: relative;
    z-index: 9;
}

.cat-menu .menu-list .cur a,
.cat-menu .menu-list span:hover a {
    background-color: #0055b0;
}

.cat-menu .menu-list .cur:before,
.cat-menu .menu-list span:hover:before {
    border-top: 10px solid #0055b0;
    bottom: 0;
}
.content-show {
    border: 18px solid #f4f4f4;
    padding: 22px;
    background-color: #fff;
}

.line {
    width: 100%;
    height: 7px;
    background-image: url(../img/bg1.gif);
}

.list01,
.list02,
.list03 {
    background-color: #f4f4f4;
    padding: 20px 0;
}

.list01 .list01-content,
.list02 .list02-content,
.list03 .list03-content {
    background-color: #fff;
}

.list01 .wjdh-title,
.list02 .wjdh-title,
.list03 .wjdh-title {
    border-bottom: 1px solid #f4f4f4;
}

.list01 .content,
.list02 .content,
.list03 .content {
    padding: 0 20px 25px;
}

.page-content {
    height: auto;
    line-height: 25px;
    color: #505050;
    font-size: 14px;
    overflow: hidden;
}

.page-content a {
    color: #333;
    font-size: 15px;
    font-weight: 900;
}

.page-content img {
    max-width: 80%;
    height: auto;
}

.image-list {
    margin-top: 45px;
    margin-bottom: 40px;
}

.image-list .content ul {
    width: 1230px;
}

.image-list .content ul li {
    float: left;
    width: 334px;
    padding: 20px;
    border: 1px solid #e4e4e4;
    margin-right: 26px;
    position: relative;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}



.image-list .content ul li .border-top,
.image-list .content ul li .border-right,
.image-list .content ul li .border-bottom,
.image-list .content ul li .border-left {
    display: block;
    position: absolute;
    background-color:#0055b0;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.image-list .content ul li .border-top {
    height: 1px;
    width: 0;
    left: -1px;
    top: -1px;
}

.image-list .content ul li:hover .border-top {
    width: 376px;
}

.image-list .content ul li .border-right {
    height: 0;
    width: 1px;
    right: -1px;
    top: -1px;
}

.image-list .content ul li:hover .border-right {
    height: 463px;
}

.image-list .content ul li .border-bottom {
    height: 1px;
    width: 0;
    right: -1px;
    bottom: -1px;
}

.image-list .content ul li:hover .border-bottom {
    width: 376px;
}

.image-list .content ul li .border-left {
    height: 0;
    width: 1px;
    left: -1px;
    bottom: -1px;
}

.image-list .content ul li:hover .border-left {
    height: 463px;
}

.image-list .content ul li .title-a {
    font-size: 18px;
    line-height: 35px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image-list .content ul li:hover .title-a {
    color: #0055b0;
}

.image-list .content ul li .img {
    width: 334px;
    height: 230px;
}

.image-list .content ul li img {width: 334px;
    height: 230px;}

.image-list .content ul li p {
    color: #999;
    text-indent: 2em;
    height: 69px;
    line-height: 23px;
    overflow: hidden;
    margin: 15px auto 35px;
}

.image-list .content ul li .more {
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #d0d0d0;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.image-list .content ul li:hover .more {
    background-color: #0055b0;
    border: 1px solid #0055b0;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.image-list .content ul li .more span {
    overflow: hidden;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
}

.image-list .content ul li .more i {
    _display: inline;
    *display: inline;
    display: inline-block;
    zoom: 1;
    width: 0;
    height: 35px;
    background-image: url(../images/bg2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.image-list .content ul li:hover .more i {
    width: 33px;
}

.image-list .tagcell {
    margin: 20px 0;
    text-align: center;
}

.image-list .tagcell span {
    _display: inline;
    *display: inline;
    display: inline-block;
    zoom: 1;
    background-color: #e3e3e3;
    width: 42px;
    height: 10px;
    line-height: 10px;
    border-radius: 5px;
    margin: 0 10px;
}

.image-list .tagcell .on {
    background-color: #a6a6a6;
}

.wjdh-h3 {
    text-align: center;
    margin-bottom: 30px;
}

.wjdh-h3 h3 a {
    display: block;
    color:#0055b0;
    font-size: 26px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.wjdh-h3:hover h3 a {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
}

.wjdh-h3 span {
    *display: inline;
    _display: inline;
    display: inline-block;
    zoom: 1;
    font-size: 20px;
    color: #cdcdcd;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-transform: uppercase;
}

.wjdh-h3:hover span {
    transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
}

.wjdh-h3 span i,
.wjdh-h3 span em {
    position: absolute;
    top: 10px;
    float: left;
    width: 30px;
    height: 1px;
    margin: 0 auto;
    background-color: #bdbdbd;
}

.wjdh-h3 span i {
    left: -40px;
}

.wjdh-h3 span em {
    right: -40px;
}
.text-list {
    margin-bottom: 40px;
}

.text-list ul li {
    float: left;
    width: 50%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    margin-bottom: -1px;
    z-index: 9
}

.text-list ul li:hover {
    z-index: 999;
}

.text-list ul li .border-top,
.text-list ul li .border-bottom {
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    background-color: #0055b0;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.text-list ul li .border-top {
    left: 0;
    top: -1px;
}

.text-list ul li:hover .border-top {
    width: 100%;
}

.text-list ul li .border-bottom {
    left: 0;
    bottom: -1px;
}

.text-list ul li:hover .border-bottom {
    width: 100%;
}

.text-list dl dt {
    float: left;
    width: 170px;
    height: 130px;
    background-color: #f8f8f8;
    border-right: 1px solid #e4e4e4;
    color: #999;
    position: relative;
}

.text-list dl dt i {
    display: block;
    width: 100%;
    height: 0;
    background-color: #0055b0;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.text-list ul li:hover dl dt i {
    height: 100%;
}

.text-list dl dt .date {
    position: absolute;
    z-index: 99;
    left: 50px;
    top: 30px;
}

.text-list ul li:hover .date {
    color: #fff;
}

.text-list dl dt .date span {
    font-size: 32px;
    display: block;
}

.text-list dl dt .date em {
    font-size: 16px;
}

.text-list dl dd {
    float: left;
    width: 335px;
    padding: 30px 0 0 40px;
}

.text-list dl dd a {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-list ul li:hover dd a {
    color: #0055b0;
}

.text-list dl dd p {
    color: #999;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
}

.bottom-contact {
    text-align: center;
}

.bottom-contact .tel,
.bottom-contact .qq {
    *display: inline;
    _display: inline;
    display: inline-block;
    padding-left: 50px;
    text-align: left;
    color: #747474;
    height: 50px;
    overflow: hidden;
    margin: 0 20px;
    padding: 20px 0 20px 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.bottom-contact .tel {
    background-image: url(../images/phone2.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 16px;
}

.bottom-contact .tel p {
    font-size: 24px;
    font-weight: bold;
    position: relative;
}

.bottom-contact .tel p span {
    display: block;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #0055b0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.bottom-contact .tel:hover p span {
    width: 100%;
}

.bottom-contact .qq {
    background-image: url(../img/qq.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 25px;
}

.bottom-contact .tel:hover {
    background-position: 10px 15px;
}

.bottom-contact .qq:hover {
    background-position: left 15px;
}

.side-bar {
    width: 250px;
}

.side-bar .side-bar-tit {
    background-color: #f8f8f8;
    padding: 15px 0;
}

.side-bar .side-bar-tit i {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #0055b0;
    margin-right: 5px;
}

.side-bar .side-bar-tit h2 {
    font-size: 30px;
    font-weight: bold;
    height: 35px;
    line-height: 30px;
    color: #0055b0;
}

.side-bar .side-bar-tit span {
    font-size: 16px;
    font-weight: bold;
    color: #bcbcbc;
    text-transform: uppercase;
    padding-left: 5px;
}

.side-bar dl {
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.side-bar dl dt i,
.side-bar dl dd i {
    display: block;
    width: 16px;
    height: 8px;
    background-color: #fff;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -4px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.side-bar dl .cur i,
.side-bar dl dt:hover i,
.side-bar dl dd:hover i {
    transform: scale(1, 0.2);
    -webkit-transform: scale(1, 0.2);
}

.side-bar dl dt {
    height: 45px;
    line-height: 45px;
    margin-bottom: -2px;
    background-color: #0055b0;
    background-image: url(../images/ico1.png);
    background-repeat: no-repeat;
    background-position: 230px center;
    position: relative;
}

.side-bar dl dt a {
    color: #fff;
    font-size: 18px;
    display: block;
    width: 185px;
    height: 45px;
    line-height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 30px;
}

.side-bar dl dd {
    position: relative;
}

.side-bar dl dd a {
    display: block;
    height: 30px;
    line-height: 30px;
    border-top: 2px solid #fff;
    background-color: #f8f8f8;
    padding: 0 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.side-bar dl dd i {
    display: none;
}

.side-bar dl .cur i,
.side-bar dl dd:hover i {
    display: block;
}

.side-bar dl .cur a,
.side-bar dl dd:hover a {
    background-color: #0055b0;
    color: #fff;
    padding-left: 50px;
}

.side-bar #wjdh-side-hot {
    background-color: #f8f8f8;
}

.side-bar #wjdh-side-hot .tempWrap {
    margin: auto;
}

.side-bar dl ul {
    padding: 10px;
}

.side-bar dl ul li {
    padding-top: 10px;
    border-bottom: 1px solid #e9e9e9;
}

.side-bar dl ul li .img {
    width: 210px;
    height: 190px;
    padding: 4px;
    margin: 0 auto;
    background-color: #e9e9e9;
}

.side-bar dl ul li img {}

.side-bar dl ul li .title-a {
    display: block;
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.side-bar #wjdh-side-hot span.prev,
.side-bar #wjdh-side-hot span.next {
    display: inline-block;
    _display: inline;
    *display: inline;
    zoom: 1;
    width: 35px;
    height: 20px;
    margin: 0 5px;
    cursor: pointer;
}

.side-bar #wjdh-side-hot .hot-btn {
    text-align: center;
    padding: 10px;
}

.side-bar #wjdh-side-hot span.prev {
    background: url(../img/sidebar_left.png);
}

.side-bar #wjdh-side-hot span.next {
    background: url(../img/sidebar_right.png);
}

.side-bar dl .tag {
    padding: 15px 0;
    line-height: 25px;
}

.side-bar dl .tag a {
    padding: 2px 10px;
    background-color: #f8f8f8;
    *display: inline;
    _display: inline;
    zoom: 1;
    display: inline-block;
    margin-bottom: 10px;
}

.side-bar dl .tag a:hover {
    background-color: #0055b0;
    color: #fff;
}

.side-contact {
    margin-bottom: 20px;
}

.side-contact .side-contact-phone {
    background-color: #0055b0;
    font-size: 16px;
    color: #fff;
    background-image: url(../images/phone.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 55px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.side-contact .side-contact-phone:hover {
    background-position: 20px 5px;
}

.side-contact .side-contact-phone p {
    font-size: 24px;
    font-weight: bold;
}

.side-contact .side-contact-adress {
    padding: 10px 20px;
    background-color: #353537;
    background-image: url(../images/adress.png);
    background-position: 20px 10px;
    background-repeat: no-repeat;
    text-indent: 25px;
    color: #cecece;
    line-height: 22px;
}

.wjdh-main {
    width: 890px;
}

.wjdh-title {
    background-color: #fff;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}

.wjdh-title .title-box {
    padding-bottom: 1px;
    border-bottom: 1px solid #ececec;
}

.wjdh-title h3 {
    border-bottom: 1px solid #0055b0;
    font-size: 20px;
    display: inline;
    color: #0055b0;
}

.wjdh-title .more {
    float: right;
    color: #999;
}

.wjdh-title h3 a {
    color: #0055b0;
}

.wjdh-title h3 small {
    font-size: 16px;
    color: #bcbcbc;
    text-transform: uppercase;
}

.wjdh-title .tagcell {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.wjdh-title .tagcell span {
    float: left;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    background-color: #0055b0;
    background-image: url(../img/prev-next.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0 5px;
    cursor: pointer;
}

.wjdh-title .tagcell .next {
    background-position: right center;
}

.content-show {
    border: 18px solid #f4f4f4;
    padding: 22px;
    background-color: #fff;
}

.line {
    width: 100%;
    height: 7px;
    background-image: url(../img/bg1.gif);
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.clearfix {
    clear: both;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.page-about h3 {
    height: 60px;
    border-bottom: #e1e3df dashed 1px;
    line-height: 60px;
    color: #505050;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.page-about .news_author {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #505050;
    font-size: 12px;
    text-align: center;
    border-bottom: #e1e3df dashed 1px;
    margin: 0 auto;
    color: #666;
    margin-bottom: 20px;
}

.page-about .news_author .scan {
    color: #666;
    background-image: url(../img/ewm.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 5px 30px;
    position: relative;
}

.page-content {
    height: auto;
    line-height: 25px;
    color: #505050;
    font-size: 14px;
    overflow: hidden;
}

.page-content a {
    color: #333;
    font-size: 15px;
    font-weight: 900;
}

.page-content img {
    max-width: 80%;
    height: auto;
}

.wjdh-banner {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    height: 320px;
}

.breadcrumb-search {
    height: 60px;
    margin-bottom: 40px;
    background-color: #f4f4f4;
    overflow: hidden;
}

.breadcrumb {
    width: 40%;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    color: #676767;
}

.breadcrumb img {
    margin-right: 5px;
}

.breadcrumb a {
    color: #676767;
}

.breadcrumb a:hover {
    color: #0055b0;
}
.product-list {
    padding: 15px 15px 0 15px;
    background-color: #f8f8f8;
}

.product-list ul {
    width: 990px;
}

.product-list ul li {
    float: left;
    width: 398px;
    padding: 10px;
    border: 1px solid #ececec;
    background-color: #fff;
    margin: 0 20px 20px 0;
}

.product-list ul li:hover {
    border: 1px solid #0055b0;
}

.product-list ul li .img {
    float: left;
    width: 245px;
    height: 170px ;
}

.product-list ul li .info {
    padding-left: 255px;
}

.product-list ul li .info .title-a {
    display: block;
    font-size: 16px;
    line-height: 19px;
    height: 38px;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.product-list ul li:hover .info .title-a {
    color: #0055b0;
}

.product-list ul li .info p {
    color: #999;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
}

.product-list ul li .info .more {
    display: block;
    color: #999;
    border: 1px solid #999;
    width: 80%;
    height: 22px;
    line-height: 22px;
    margin: auto;
    text-align: center;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.product-list ul li:hover .info .more {
    color: #0055b0;
    border: 1px solid #0055b0;
}

.prohead {
    margin-bottom: 25px;
}

.prohead .hleft {
    width: 402px;
    float: left
}

.prohead .hleft .proimg,
.prohead .hleft .cloud-zoom-big {
    width: 400px;
    height: 300px;
    border: 1px solid #ececec;
    padding: 2px;
    margin-bottom: 10px;
}

.prohead .hleft .proimg img {
    width: 400px;
    height: 300px;
}

.prohead .hleft .smallimg {
    width: 402px;
    height: 70px;
    overflow: hidden;
}

.prohead .hleft .smallimg dl {
    width: 402px;
    height: 70px;
}

.prohead .hleft .smallimg dl dt {
    width: 10px;
    height: 45px;
    margin-top: 13px;
}

.prohead .hleft .smallimg dl dt.prev {
    float: left;
}

.prohead .hleft .smallimg dl dt.next {
    float: right;
}

.prohead .hleft .smallimg dd {
    width: 366px;
    height: 70px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

.prohead .hleft .smallimg dd li {
    width: 102px;
    float: left;
    height: 70px;
    text-align: center;
    margin: 0 10px;
}

.prohead .hleft .smallimg dd li img {
    width: 98px;
    height: 68px;
    border: 1px solid #ccc;
}

.prohead .hleft .smallimg dd li a:hover img,
.prohead .hleft .smallimg dd li a.hover img {
    border-color: #0055b0;
}

.prohead .hleft .btns {
    margin-top: 20px;
}

.prohead .hleft .btns span {
    display: none
}

.prohead .hleft .btns a {
    display: block;
    height: 22px;
    line-height: 22px;
    text-indent: 20px;
    font-size: 12px;
    background: url(../img/btn-s-bg.png) no-repeat;
    float: left;
    margin: 0 16px 0 0!important;
    padding: 0!important;
    width: 80px;
}

.prohead .hleft .btns a.b1 {
    background-position: left -150px
}

.prohead .hleft .btns a.b2 {
    background-position: left -30px;
    width: 93px;
}

.prohead .hleft .btns a.b3 {
    background-position: left -120px;
}

.prohead .hleft .btns a.b4 {
    background-position: left -60px;
}

.btns1 {
    clear: both;
    margin-top: 15px;
}

.btns1 a {
    margin-right: 20px;
}

.prohead .hright {
    width: 380px;
    border: 1px solid #dbdbdb;
    padding-bottom: 10px;
}

.prohead .hright .title-a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #0055b0;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prohead .hright p {
    padding: 20px;
    color: #666;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
}

.prohead .hright .info {
    height: 75px;
    overflow: hidden;
    padding: 18px 20px;
    border-bottom: 1px solid #dbdbdb;
}

.prohead .hright .info ul li:first-child {
    height: 25px;
}

.prohead .hright .info ul li {
    color: #0055b0;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.prohead .hright .info ul li label {
    *display: inline;
    _display: inline;
    zoom: 1;
    display: inline-block;
    width: 70px;
}

.prohead .hright .info ul li a {
    color: #0055b0;
    margin-right: 10px;
}

.prohead .hright .tel {
    font-size: 18px;
    font-weight: bold;
    color: #0055b0;
    text-align: center;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
}

.prohead .hright .tel span {
    color: #0055b0;
    position: relative;
    *display: inline;
    _display: inline;
    zoom: 1;
    display: inline-block;
}

.prohead .hright .tel span em {
    color: #333;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 33px;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.prohead .hright .tel:hover span em {
    width: 100%;
}

.prohead .hright .online {
    text-align: center;
    padding: 30px 0;
}

.prohead .hright .online a {
    *display: inline;
    _display: inline;
    zoom: 1;
    display: inline-block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    background-color: #0055b0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0 10px;
}

.prohead .hright .share {
    padding: 5px 20px;
}

.prohead .hright .share .bds_txt {
    float: left;
    margin: 4px 6px 4px 0;
}

.product-content {
    margin-top: 10px;
    margin-bottom: 20px;
}

.product-content .wjdh-title {
    padding: 10px 0;
}

.product-content .wjdh-title .scan {
    position: absolute;
    right: 0;
    bottom: 10px;
    cursor: pointer;
}

.product-content .wjdh-title .scan span {
    display: block;
    background-image: url(../img/ewm.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

#pagelist{ line-height:22px;color:#666; padding:15px;}
#pagelist a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;}
#pagelist a.next,#pagelist a.prev{width:60px;}
#pagelist a.curr{ background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;}
#pagelist a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pagelist a img{ display:block;margin:0 auto;margin-top:12px;}
#pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;}
#pagelist span#totalpage{ margin:0;}
.fenye a img{ display:block;margin:0 auto;margin-top:12px;}

.inside_rnewtime {
    text-align: center;
    font-size: 12px;
    color: #444;
    border: 1px solid #ddd;
    width: 100%;
    height: 25px;
    line-height: 25px;
    background: #f3f3f3;
    margin-top: 5px;
}

.img img {
    background-image: url(../img/wjdh-logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}

li:hover .img img {
    transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
}

.news-list ul li {
    position: relative;
    padding: 10px;
    height: 110px;
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.news-list ul li:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F8F8F8;
    opacity: 0;
    -webkit-transform: scale3d(1, 0.1, 1);
    transform: scale3d(1, 0.1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.news-list ul li:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.news-list ul li .title-a {
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list ul li span {
    float: right;
    color: #747474;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.news-list ul li p {
    color: #747474;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    margin: 10px 0;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.news-list ul li .more {
    float: right;
    width: 100px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #333;
    text-align: center;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.news-list ul li:hover .more {
    color: #f00;
    border: 1px solid #f00;
}

.news-center-company {
    background-color: #f4f4f4;
    padding: 50px 0;
}

.news-center-company .company-top {
    width: 424px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.news-center-company .company-top ul li {
    width: 378px;
    padding: 23px;
}

.news-center-company .company-top .pr {
    position: relative;
}

.news-center-company .company-top dl {
    position: absolute;
    left: 0;
    bottom: -25px;
    color: #fff;
    background-color: #f00;
}

.news-center-company .company-top dl dt {
    font-size: 28px;
    padding: 29px 10px 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.news-center-company .company-top dl dd {
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
}

.news-center-company .company-top ul li .img {
    width: 378px;
    height: 265px;
}

.news-center-company .company-top ul li .title-a {
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-center-company .company-top ul li p {
    margin-top: 40px;
    color: #999;
    line-height: 23px;
    height: 69px;
    overflow: hidden;
    text-indent: 2em;
    margin-bottom: 10px;
}

.news-center-company .company-top ul li .more {
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #d0d0d0;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.news-center-company .company-top ul li:hover .more {
    background-color: #f00;
    border: 1px solid #f00;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.news-center-company .company-top ul li .more span {
    overflow: hidden;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
}

.news-center-company .company-top ul li .more i {
    _display: inline;
    *display: inline;
    display: inline-block;
    zoom: 1;
    width: 0;
    height: 35px;
    background-image: url(../img/bg2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.news-center-company .company-top ul li:hover .more i {
    width: 33px;
}

.news-center-company .company-list {
    width: 725px;
}

.news-center-company .company-list .title {
    margin-bottom: 20px;
}

.news-center-company .company-list .title dl {
    float: left;
    width: 40px;
    text-align: center;
    color: #f00;
    text-transform: uppercase;
}

.news-center-company .company-list .title dl dt {
    font-size: 37px;
    height: 28px;
    line-height: 28px;
}

.news-center-company .company-list .title dl dd {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
}

.news-center-company .company-list .title .title-h3 {
    width: 685px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
}

.news-center-company .company-list .title .title-h3 h3 a {
    font-size: 26px;
    font-weight: bold;
    color: #f00;
    border-bottom: 1px solid #f00;
    padding-bottom: 4px;
}

.news-center-company .company-list .title .more {
    float: right;
    width: 53px;
    height: 14px;
    background-image: url(../img/more3.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 10px;
}

.news-center-company .company-list .list ul li {
    border: 1px solid #e4e4e4;
    width: 100%;
    height: 98px;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: rgba(255, 255, 255, .8);
    * background-color: #fff;
    _background-color: #fff;
    margin-top: 17px;
}

.news-center-company .company-list .list ul li:hover {
    border: 1px solid #f00;
    transform: translate(-10px, -10px);
    -webkit-transform: translate(-10px, -10px);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)
}

.news-center-company .company-list .list ul li .more {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../img/more2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #999;
}

.news-center-company .company-list .list ul li:hover .more {
    background-color: #f00;
}

.news-center-company .company-list .list dl dt {
    float: left;
    width: 125px;
    height: 98px;
    color: #999;
    position: relative;
}

.news-center-company .company-list .list dl dt .date {
    position: absolute;
    z-index: 99;
    left: 30px;
    top: 10px;
}

.news-center-company .company-list .list dl dt .date span {
    font-size: 32px;
    display: block;
    color: #999;
}

.news-center-company .company-list .list ul li:hover .date span {
    color: #f00;
}

.news-center-company .company-list .list dl dt .date em {
    font-size: 16px;
    color: #b7b7b7;
}

.news-center-company .company-list .list dl dd {
    float: left;
    width: 545px;
    padding: 15px 0 0 40px;
}

.news-center-company .company-list .list dl dd a {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-center-company .company-list .list dl dd p {
    color: #999;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
}

#MyContent img{ display:none; }