input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;line-height: 1.5}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}
.wd1200{width:1200px;margin: 0 auto;}
.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}


/*Ã¦Â»Å¡Ã¥Å Â¨*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/*head*/
.head1 {
    border-bottom: 1px solid #e5e5e5;
    height: 38px;
    line-height: 37px;
    color: #fff;
    font-size: 13px;
    background-color: #1c1d1d;
  }
  
  .head1 a {
    color: #fff;
  }
  
  .head-index .logo {
    line-height: 115px;
  }
  
  .head-index .tel {
    background: url(/site/houshande/4a1897e6/21/08/0b7236fa60c77963279be4fc109a9313ea47cba7.png) no-repeat left center;
    padding-left: 65px;
    line-height: 16px;
    margin-top: 34px;
  }
  
  .head-index .tel p:nth-of-type(1) {
    color: #666666;
    font-size: 16px;
  }
  
  .head-index .tel p:nth-of-type(2) {
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #373737;
  }
  
  .menu {
    background: #1059a9;
  }
  
  .x-menu {
    float: none;
  }
  
  .x-menu > li {
    margin: 0;
    background: url(/site/houshande/4a1897e6/21/08/ed4f0008c94e886ba6f77ea0adaf106aa8a3afee.png) 0px 24px no-repeat;
  }
  
  .x-menu > li:last-child {
    border-right: none;
  }
  .x-menu > li:first-child {
    background:none;
  }
  .x-menu > li > a {
    font-size: 16px;
    color: #fff;
    line-height: 64px;
    padding: 0 40px;
  }
  
  .x-menu > li.active > a {
    background: none;
  }
  
  .x-menu > li:hover > a {
    background: #f07f1b;
  }
  
  .x-sub-menu {
    background: #1059a9;
  }
  
  .x-menu > li:after {
    display: none;
  }
  
  .x-sub-menu > li > a {
    color: #fff;
  }
  
  .x-sub-menu > li > a:hover {
    background: #f07f1b;
  }
  

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";}

#menu{margin-top:5px;}

/*Ã§Æ’Â­Ã©â€”Â¨Ã¦ÂÅ“Ã§Â´Â¢*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:320px;float:left;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*Ã¤Â¸Â»Ã¤Â½â€œÃ¦Â Â·Ã¥Â¼Â*/
#container{width:1000px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*Ã©Â¦â€“Ã©Â¡ÂµÃ¦â€“Â°Ã©â€”Â»*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*Ã©Â¦â€“Ã©Â¡ÂµÃ¥Â·Â¦Ã¤Â¾Â§Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*Ã¥Â·Â¥Ã§Â¨â€¹Ã¦Â¡Ë†Ã¤Â¾â€¹*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¦Å½Â¨Ã¨ÂÂ*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*Ã¥â€œÂÃ§â€°Å’Ã¥Ë†â€”Ã¨Â¡Â¨*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*Ã¥â€°ÂÃ¥ÂÂ°Ã¥Â¤Å¡Ã©Â¡ÂµÃ§Â­Â¾*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*Ã¥Ââ€¹Ã¦Æ’â€¦Ã©â€œÂ¾Ã¦Å½Â¥*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*Ã©Â¡ÂµÃ©ÂÂ¢Ã¥Âºâ€¢Ã©Æ’Â¨*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------Ã¥â€ â€¦Ã©Â¡Âµ-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1000px;margin:0 auto;}
.n_banner img{width:1000px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}


.sy-product{background: url(/site/houshande/4a1897e6/21/08/5cca552d3d89e114dae1681f934856def6dafee4.jpg) no-repeat;height: 830px;padding: 60px 0px 130px 0px;}
.sy-product-title{text-align: center;position: relative;}
.sy-product-title em{font-style: normal;font-size: 36px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #333333;}
.sy-product-title h3{font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #0f57a1;}
.sy-product-title span{font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;display: block;margin: 20px 0px;}
    .sy-product-title a{position: absolute;top: 83px;right: 0px;font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #1e1d1d;}
    .sy-product-left{float: left;width: 550px;border: solid 1px #ededed;}
    .sy-product-left h3{height: 71px;line-height: 71px;background: #0f57a1 url(/site/houshande/4a1897e6/21/08/ac35af5e452d17fbed877f612b9193436497015e.png) no-repeat 500px 23px;font-size: 20px;font-weight:bold;color: #ffffff;padding-left: 15px;}
    .sy-product-left a img{width: 100%;margin-top: 30px;margin-bottom: 10px;}

    .sy-product-right{float: right;width: 630px;}
    .x-product-list22{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .x-product-list22 li{width: 48%;text-align: center;background: #fff;border: solid 1px #ededed;margin-right: 15px;margin-bottom: 15px;}
    .x-product-list22 li a h3{height: 35px;line-height: 35px;background: #0f57a1 url(/site/houshande/4a1897e6/21/08/787b9eae5bf0deccf9ef1b2bc3c4c5fd4f47f062.png) no-repeat 268px 8px;font-size: 20px;font-weight:bold;color: #ffffff;padding-left: 10px;text-align: left;}
    .x-product-list22 li:nth-child(2n){margin-right: 0px;}
    .x-product-list22 li a img{
        width: 100%;
    /*height: 62%;*/
    height: 183px;
    }

    .box1{height:464px;background: url(/site/houshande/4a1897e6/21/08/f418af5f7863b82e6843d55d4f52a9c1a23b2ccd.jpg) no-repeat top center;padding-top: 45px;padding-bottom: 90px;}
    .bt1{text-align: center;}
    .bt1 h3{color: #ffffff;font-size: 36px;font-weight: bold;}
    .bt1 em{color: #f7fbff;font-size: 36px;font-style: normal;}
    .bt1 span{font-size: 16px;color: #faf7f7;;display: block;margin-top: 10px;margin-bottom: 45px;}
    .yul{margin-top: 23px;}
    .yul li{width: 285px;
        height: 199px;
        background-color: #ffffff;margin-right: 20px;}
    .yul li:last-child{margin-right: 0;}
    .yul li a.img{display: block;text-align: center;margin-top: 20px;}
    .yul li h3{text-align: center;font-size: 18px;font-weight: 600;color: #333333;margin-top: 10px;}
    .yul li span{color: #4f4f4f;line-height: 24px;font-size: 12px;display: block;margin: 0 auto;margin-top: 6px;text-align: center;letter-spacing: 0px;color: #333333;}


    .fbox{margin-top: 29px;position: relative;height: 600px;}
.tab2{display: none;width:1010px;height: 456px;}
.tab2 h3{letter-spacing: 2px;color: #ffffff;font-weight: normal;line-height: 32px;font-size: 32px;width: 625px;}
.tab2  p{line-height: 30px;letter-spacing: 1px;color: #ffffff;font-size: 18px;margin-top: 18px;width: 625px;}
.fleft{position: absolute;right: 0;top:0;}
.shu{text-align: center;color: #fff;border-right:  1px solid rgba(255,255,255,.2);letter-spacing: 2px;font-family: Impact;font-size: 42px;width: 123px;line-height: 100px;}
.ful li{width:191px;height: 114px;border: 1px solid #dadada;background: url(/site/houshande/4a1897e6/21/08/45852c7f4a955600c31aba1bd58b205cc6c9f62a.png) no-repeat center bottom;}
.fcon{width: 191px;text-align: center;}
.fcon .img2{display: none;}
.ful li .img{margin-top: 16px;}
.ful li.cur .fcon .img1{display: none;}
.ful li.cur .fcon .img2{display: inline-block;}
.fcon h3{font-size: 18px;color: #515151;font-weight: bold;}
/* .ful li:nth-child(2){background: #0590df;}
.ful li:nth-child(3){background: #247ed4;}
.ful li:nth-child(4){background: #1767b4;}
.ful li:nth-child(5){background: #015db5;}
.ful li:nth-child(6){background: #01509c;} */
.ful li.cur{position: relative;}
.ful li.cur .shu{color: #3b3b43;}
.ful li.cur .fcon h3{color: #01509c;}
.box4-title{text-align: center;}
.box4-title h3{font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #0f57a1;}
.box4-title em{font-family: MicrosoftYaHei-Bold;
	font-size: 36px;
	font-weight:bold;
    font-style: normal;
	letter-spacing: 0px;
	color: #323232;}
.box4-title span{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #585757;}
    .box4{background: url(/site/houshande/4a1897e6/21/08/c66a73aa25706d462198d1b54ffb7ec78b67f8c2.jpg) no-repeat;height: 693px;padding: 60px 0px;}


.houde{background: url(/site/houshande/4a1897e6/21/08/cc092ae56c85052db06d7384ffa37f70b9065d7f.jpg)  no-repeat;height: 265px;}  
.houde-content{    width: 440px;
  float: right;
  margin-top: 113px;}  
.houde-content h2{
font-size: 22px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
margin-left: 137px;
margin-top: -18px;
}
.houde-content span{
font-size: 22px;
font-weight: bold;
font-stretch: normal;
letter-spacing: 1px;
color: #ffffff;
display: inline-block;
margin-left: 139px;
margin-top: 13px;
}
.houde-content a{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
float: right;
margin-top: -5px;
margin-right: -5px;
}

.syabout-left{float:right;width:560px;}
.syabout-right{float:left;width:601px;overflow:hidden;}
.syabout-right img{max-width:100%; height:auto !important;width:auto !important;}
.syabout-left h2{font-size: 24px;font-weight: bold;color: #343434;margin-top: 20px;margin-bottom: 25px;}
.syabout-left h3{
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #505050;
	margin-top: 15px;
	}
.syabout-left p{font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;}
.syabout{margin-top: 50px;margin-bottom: 70px;}
.syabout-box{margin-top:0px;}
.syabout-right p img{transition: all .5s ease;}
.syabout-right p img:hover{transform: scale(1.1);}
.alk{background: url(/site/houshande/4a1897e6/21/08/be2117910d24dc7424d6fa9c9810f543b06182c1.png) no-repeat;width: 166px;height: 44px;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 44px;letter-spacing: 0px;color: #6c6c6c;padding-left: 26px;margin-top: 30px;}
.banner2 {
  width: 601px;
  height: 398px;
  position: relative;
}

.banner2 ul.bb2 {
  position: relative;
  padding: 0px;
  margin: 0px;
  z-index: 5;
}

.banner2 ul.bb2 li {
  position: absolute;
  display: none;
}

.banner2 .num2 {
  position: absolute;
  right: 45%;
  bottom: 17px;
  z-index: 100;
  
}

.banner2 .num2 li {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
  line-height: 18px;
  text-indent: -100px;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}

.banner2 .num2 li.num_hover2 {
  background: #0f57a1;
}

.banner2 .num2 li.num_hover2 a {
  color: #fff;
}

.banner2 .num2 li a {
  float: left;
  display: block;
  text-align: center;
  color: #666;
  text-decoration: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.banner2 ul.bb2 li a img{width:100%;}
    
    
.box9 .pbt {
  background: url(/site/houshande/4a1897e6/21/08/8db061f86a149ab1b4c50f4873f1a437988b566f.png) no-repeat 64px 24px;
  padding-left: 81px;
  color: #ffffff;
  padding-top: 25px;
  font-size: 28px;
  font-weight: 600;
}

.box9 .pbt span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 1px;
  margin-left: 13px;
}

.liu {
  margin-top: 14px;
  padding: 0px 65px;
}

.liu ul li {
  float: left;
}

.liu ul li input {
  outline: none;
  border: 1px solid #d6d6d6;
  display: block;
  width: 320px;
  height: 41px;
  margin-right: 16px;
  
  padding-left: 26px;
  color: #b0b0b0;
  font-size: 14px;
  margin-bottom: 13px;
  
}
.liu ul li:nth-child(3) input{margin-right: 0px;}
.liu ul li:first-child input,
.liu ul li:nth-child(4) input {
  background: #fff;
}

.liu ul li.ly input {
  width: 656px;
}

.liu ul li.yzm input {
  width: 239px;
  padding-left: 10px;
}

.liu ul li.tj input {
  width: 320px;
  background: #0f57a1;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  border: none;
  padding: 0px;
}

.liu ul li input[name="checkcode"]::placeholder {
  text-decoration: underline;
}

.checkCodeImg {
  background-color: #ffffff;
  padding: 4px 0;
}
#x-form{background: #fff;
  padding: 20px 31px;}
/* Ã¦â€“Â°Ã©â€”Â» */

.x-news {
  padding-top: 45px!important;
  padding-bottom: 87px!important;
}

.x-news-box {
  margin-top: 43px;
}

.x-news-img {
  padding: 0 2%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #0f57a1), color-stop(45%, #fff), to(#fff));
  background: linear-gradient(to bottom, #0f57a1 45%, #fff 30%, #fff 100%);
  border: 1px solid #d5d5d5;
  float: left;
  width: 373px;
}

.newst {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: block;
  padding: 23px 0 20px;
}

a.newst {
  color: #fff;
}

.newst span {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #8e8e8e;
  font-family: 'Ã¥Â®â€¹Ã¤Â½â€œ';
  font-size: 20px;
  text-align: center;
  float: right;
  background: #fff;
  border-radius: 50%;
  transition: all .6s;
}

.x-news-img:hover .newst span {
  color: #fff;
  background: #333;
}

.newst:hover {
  color: #fff;
}

.x-news-img .con {
  display: block;
}

.x-news-img .con .pic {
  overflow: hidden;
  height: 264px;
}

.x-news-img .con h3 {
  color: #515151;
  font-weight: 700;
  font-size: 16px;
  /* padding: 25px 0 16px; */
}

.x-news-img:hover .con h3 {
  color: #0f57a1;
}

.x-news-img .con p {
  color: #646464;
  font-size: 14px;
  line-height: 2;
  min-height: 84px;
}

.x-news-img .data {
  color: #646464;
  font-size: 12px;
  padding: 21px 0;
}

.x-news-img .data span,
.x-news-top .date span {
  float: right;
}

.x-news-img:hover .data span {
  color: #0f57a1;
}


.x-news-right{float:right;width:810px;}
.x-news-top {
  width: 388px;
  margin-left: 13px;
  display: inline-block;
  margin-bottom: 15px;
  padding: 60px 4% 59px;
  background: #fff;
  transition: all .6s;
  box-shadow: 0 0 5px #e8e8e8;
  height: 261px;
}

.x-news-top h3 {
  font-size: 16px;
  color: #3a3a3a;
  line-height: 1.6;
  font-weight: 700;
  padding-bottom: 15px;
  margin-bottom: 9px;
}

.x-news-top p {
  font-size: 14px;
  color: #5f5f5f;
  line-height: 1.6;
  min-height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.x-news-top .date {
  padding-top: 20px;
  font-size: 12px;
  color: #646464;
}

.x-news-top:hover {
  transform: translateY(-4px);
}

.x-news-top:hover h3,
.x-news-top:hover .date span {
  color: #0f57a1;
}

.x-news-list li {
  position: relative;
  padding: 18px 80px 18px 0;
  border-bottom: 1px solid #ededed;
}

.x-news-list li a {
  display: block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}

.x-news-list li a:hover {
  color: #0f57a1;
}

.x-news-list li span {
  position: absolute;
  right: 0;
  width: 80px;
  text-align: right;
  top: 50%;
  margin-top: -9px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}


.x-news{background: url(/site/houshande/4a1897e6/21/08/fb57b0ccd6a850c5e2f0c2c5abc806091d877e83.jpg) no-repeat;height: 849px;}

h2.bt {
  font-weight: 600;
  text-align: center;
  font-size: 36px;
  color: #333333;
}



h2.bt span {
  color: #0f57a1;
}

h2.bt b {
  color: #000;
}

h2.bt p {
  font-size: 16px;
  color: #666666;
  font-weight: 500;
  margin-top: 18px;
}