/*Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------公用-----------*/







::-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;

}





.container { width:1180px; margin-left:auto; margin-right:auto;}

{font-family: "微软雅黑" Arial, Helvetica, sans-serif;}





/*--------------------baner begin---------------------------*/

.banner {

  width: 100%;

  position: relative;

  height: 500px;

  margin: 0 auto;

  background: transparent;

  overflow: hidden;

}

.banner .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

}

.banner .bd ul {

  height: 100%;

  width: 100%;

}

.banner .bd li {

  height: 100%;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}

.banner .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}

.banner .hd {

  width: 100%;

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

}

.banner .hd ul {

  text-align: center;

  margin-bottom: 10px;

}

.banner .hd ul li {

  background: #478beb;

  cursor: pointer;

  display: inline-block;

  *display: inline;

  zoom: 1;

  width: 42px;

  height: 11px;

  margin: 1px;

  overflow: hidden;

  *filter: alpha(opacity=50);

  *opacity: .5;

  line-height: 999px;

}

.banner .hd ul .on {

  background: #154fa2;

}

.banner .prev,

.banner .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.banner .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}





/*--------------------baner end---------------------------*/

/*--search begin--*/

.search{

  height: 50px; 

  line-height: 50px; 

}

.search .button{

  float: right;

  width: 450px;

  height: 35px;

  margin-top: 8px;

  background: #fff;

  line-height: 40px;

  background: #fff;

  border: 1px solid #0880fa;

}

.search .button .text{

  width:380px;

  height: 35px;

  padding-left: 10px;

  background: #fff;

}

.search .button .s_btn{

  background: url(../images/gtkj1_13.jpg) no-repeat;

  width:45px;

  height: 35px;

  float: right;

  cursor: pointer;

}

.search .search_s a{

  color: #666;

  margin: 0 2px;

}





/*--ys1--*/

.ys1{

  height: 789px;

  background: url(../images/gtkj1_16.jpg) no-repeat center;

}

.ys1 .container{

  position: relative;

}

.ys1 .ys1_title h3{

  position: absolute;

  top: 23px;

  left: 177px;

  color: #0880fa;

  font-weight: bold;

  font-size: 60px;

}

.ys1 .ys1_title span{

  position: absolute;

  top: 42px;

  left: 434px;

  font-size: 18px;

}

.ys1 .ys1_title p{

  position: absolute;

  top: 45px;

  left: 531px;

  color: #999;

  text-transform: uppercase;

}

.ys1 .ys1_title h4{

  font-size: 30px;

  color: #0880fa;

  position: absolute;

  top: 65px;

  left: 492px;

}

.ys1 .ys1_li h3{

  position: absolute;

  top: 150px;

  left: 561px;

  font-size: 22px;

}

.ys1 .ys1_li h4{

  position: absolute;

  top: 191px;

  left: 571px;

  font-size: 16px;

  color: #666;

}

.ys1 .ys1_li p{

  width: 486px;

  font-size: 16px;

  line-height: 30px;

}

.ys1 .ys1_li p em{

  color: #0880fa;

}

.ys1 .ys1_li .ys1_li_1{

  position: absolute;

  top: 295px;

  left: 653px;

}

.ys1 .ys1_li .ys1_li_2{

  position: absolute;

  top: 355px;

  left: 653px;

}

.ys1 .ys1_li .ys1_li_3{

  position: absolute;

  top: 420px;

  left: 653px;

}

.ys1 .ys1_li .ys1_li_4{

  position: absolute;

  top: 510px;

  left: 653px;

}

.ys1 .ys1_li .ys1_li_5{

  position: absolute;

  top: 605px;

  left: 653px;

}

.ys1 .ys1_tel{

  position: absolute;

  width: 480px;

  top: 675px;

  left: 624px;

  background: url(../images/bak_1.png) no-repeat left;

  height: 70px;

}

.ys1 .ys1_tel a{

  display: block;

  width: 150px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  float: right;

  background: #fff;

  color: #0880fa;

  font-size: 16px;

  margin-top: 15px;

}

.ys1 .ys1_tel a:hover{

  background: #0880fa;

  color: #fff;

}

.ys1 .ys1_tel span{

  padding-left: 70px;

  display: block;

  color: #fff;

  padding-top: 5px;

}

.ys1 .ys1_tel span p{

  font-size: 30px;

  font-weight: bold;

}







/*--Product--*/

.Product{

  height: 830px;

  margin-top: 50px;

}

.Product .pro_title {

  text-align: center;

}

.Product .pro_title p{

  text-transform: uppercase;

  font-size: 18px;

  background: #fff;

  width: 200px;

  margin: auto;

  display: block;

}

.Product .pro_title h2{

  background: #fff;

  width: 170px;

  margin: auto;

  display: block;

}

.Product .pro_title h2 a{

  font-size: 30px;

  color: #0880fa;

}

.Product .pro_title em{

  width: 530px;

  height: 40px;

  border: 1px solid #dedede;

  display: block;

  margin: -60px auto 0;

  position: relative;

  z-index: -1;

}

.Product .pro_list{

  margin-top: 50px;

  text-align: center;

}

.Product .pro_list li{

  width: 180px;

  height: 45px;

  line-height: 45px;

  display: inline-block;

  *display: block;

  _display: block;

  margin: 0 20px;

  background: #0880fa;

  transition: 0.3s;

}

.Product .pro_list li a{

  color: #fff;

  font-size: 16px;

  display: block;

}

.Product .pro_ul{

  margin-top: 30px;

  height: 630px;

    overflow: hidden;

} 

.Product .pro_ul ul{

  width:1250px;

  margin-left: -20px;

}

.Product .pro_ul li{

  width: 380px;

  float: left;

  margin:  15px;

  text-align: center;

  transition: 0.3s;

}

.Product .pro_list li:hover{

  background: #0058b2;

}

.Product .pro_ul .pro_ul_img{

  width: 380px;

  height: 260px;

  overflow: hidden;

}

.Product .pro_ul li img{

  width: 380px;

  height: 260px;

  transition: 0.3s;

}

.Product .pro_ul li:hover img{

  transform: scale(1.1,1.1);

}

.Product .pro_ul li p{

  display: block;

  line-height: 35px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.Product .pro_ul li:hover p{

  color: #0880fa;

}





/*witness*/

.witness{

  height: 230px;

  background: #f8f8f8;

}

.witness .wit_tel{

  width: 550px;

  float: right;

  margin-top: 50px;

}

.witness .wit_tel span{

  font-size: 20px;

  font-weight: bold;

}

.witness .wit_tel p{

  font-size: 12px;

  color: #999;

  text-transform: uppercase;

  line-height: 40px;

}

.witness .wit_tel a{

  display: block;

  width: 180px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border: 1px solid #0880fa;

  color: #0880fa;

  font-size: 16px;

  float: right;

  margin-top: 20px;

}

.witness .wit_tel a:hover{

  background: #0880fa;

  color: #fff;

}

.witness .wit_tel em{

  font-weight: bold;

  font-size: 22px;

  color: #0880fa;

  padding-top:25px;

  display: block;

}

.wit_ul{

  width:590px;

  padding-top: 50px;

  position: relative;

}

.wit_ul .wit_ul_r{

  width: 550px;

  height: 130px;

  border: 1px solid #dedede;

  position: absolute;

  left:30px;

      overflow: hidden;

}

.wit_ul .wit_ul_r .wit_ul_r_1{

  padding-top: 25px;

}

.wit_ul .wit_ul_r li{

  width: 450px;

  float: right;

  margin-right: 15px;

}

.wit_ul .wit_ul_r li .wit_text{

  width: 340px;

  float: right;

}

.wit_ul .wit_ul_r li .wit_text h3 a{

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.wit_ul .wit_ul_r li:hover .wit_text h3 a{

  color: #0880fa;

}

.wit_ul .wit_ul_r li .wit_text p{

  color: #666;

  line-height: 24px;

  margin-top: 8px;

  display: block;

  height: 44px;

  overflow: hidden;

}

.wit_ul .wit_ul_r li img{

  width: 80px;

  height: 80px;

  border-radius: 50%;

}

.wit_ul .wit_ul_title{

  width: 75px;

  height: 70px;

  background: #f8f8f8;

  position: absolute;

  top: 80px;

  left: 0;

}

.wit_ul .wit_ul_title h3{

  display: block;

  padding-top: 10px;

  border-bottom: 1px solid #0880fa;

  padding-bottom: 10px;

  font-size: 18px;

}

.wit_ul .wit_ul_title h3 a{

  color: #0880fa;

}



/*case*/

.sgxc {

  height: 550px;

  margin-top: 40px;

}

.sgxc .sgxc_title {

  text-align: center;

}

.sgxc .sgxc_title p{

  text-transform: uppercase;

  font-size: 18px;

  background: #fff;

  width: 200px;

  margin: auto;

  display: block;

}

.sgxc .sgxc_title h3{

  background: #fff;

  width: 170px;

  margin: auto;

  display: block;

}

.sgxc .sgxc_title h3 a{

  font-size: 30px;

  color: #0880fa;

}

.sgxc .sgxc_title em{

  width: 530px;

  height: 40px;

  border: 1px solid #dedede;

  display: block;

  margin: -60px auto 0;

  position: relative;

  z-index: -1;

}

.sgxc .C_list{position: relative; height: 500px;margin-top: 25px;}



.sgxc .C_list .C_list_img{

  width: 300px; 

  height: 200px;

  overflow: hidden;

}

.sgxc .C_list .C_list_3 .C_list_img{

  width: 560px;

  height: 425px;

}

.sgxc .C_list .C_list_img_1{

  width: 560px;

  height: 420px;

  overflow: hidden;

}

.sgxc .C_list .C_list_1{position:absolute; top:30px; }

.sgxc .C_list .C_list_1 img,.C_list .C_list_2 img,.C_list .C_list_4 img,.C_list .C_list_5 img{

  width: 300px; 

  height: 200px;

  position: relative; 

  transition: all 0.3s;

}

.sgxc .C_list .C_list_1 img:hover,.C_list .C_list_2 img:hover,.C_list .C_list_4 img:hover,.C_list .C_list_5 img:hover{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}

.sgxc .C_list .C_list_1 p,.C_list .C_list_2 p,.C_list .C_list_4 p,.C_list .C_list_5 p{

  line-height: 35px;

  width:100%; 

  height: 35px; 

  background: #0880fa;

  position:absolute; 

  display: block;

  text-align: center; 

  top: 170px; 

  color: #fff; 

  overflow: hidden;

  transition: 0.3s;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.sgxc .C_list .C_list_2{position:absolute;  top: 250px; }

.sgxc .C_list .C_list_3{position:absolute; top:30px; left: 310px;width: 560px;height: 425px; }

.sgxc .C_list .C_list_3 p{

  line-height: 35px;

  height: 35px;

  width: 100%; 

  background: #0880fa;

  position:absolute;

  display: block;

  text-align: center;

  top: 390px; 

  color: #fff;

}

.sgxc .C_list .C_list_3 img{

  width: 560px;

  height: 425px;

  transition: all 0.3s;

}

.sgxc .C_list .C_list_3 img:hover{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}

.sgxc .C_list .C_list_4{position:absolute;  top: 30px; left: 880px; }

.sgxc .C_list .C_list_5{position:absolute;  top: 250px; left: 880px;}

.sgxc .C_list .C_list_1 :hover P,.C_list .C_list_2 :hover P,.C_list .C_list_3 :hover P,.C_list .C_list_4 :hover P,.C_list .C_list_5 :hover P{

  background: rgba(0,0,0,0.8);

}





/*Solution*/



.sideMenu{height: 550px;   }

    .sideMenu .sfq h3,.sideMenu .sfq_1 h3{background:#e6f2ff url(../images/bak_2.png) no-repeat 150px center ;

  color: #0880fa;

  font-size: 18px;

  font-weight: bold;

  padding-left: 230px;

  display: block;

  line-height: 60px;

  width:270px;

    }

.sideMenu .Sol_title {

  text-align: center;

  margin: 50px 0;

}

.sideMenu .Sol_title p{

  text-transform: uppercase;

  font-size: 18px;

  background: #fff;

  width: 200px;

  margin: auto;

  display: block;

}

.sideMenu .Sol_title h3{

  background: #fff;

  width: 170px;

  margin: auto;

  display: block;

}

.sideMenu .Sol_title h3 a{

  font-size: 30px;

  color: #0880fa;

  text-align:center;

}

.sideMenu .Sol_title em{

  width: 530px;

  height: 40px;

  border: 1px solid #dedede;

  display: block;

  margin: -60px auto 0;

  position: relative;

  z-index: -1;

}

.sideMenu .sfq{

    width: 500px;

    float: left;

    margin-left:60px;

  }

.sideMenu .sfq_1{

    width: 500px;

    float: right;

    margin-right:60px; 

  }

.sideMenu .sideMenu_li{

    margin:18px 0 ;

  }

.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }

.sideMenu h3.on em{ background-position:16px -57px; }

.sideMenu ul{ padding:8px 25px; color:#999; display:none;height: 80px;overflow: hidden;line-height: 30px; }

/*ys2*/

.ys2{

  height: 430px;

  background: url(../images/gtkj1_18.jpg) no-repeat center;

}

.ys2 .ys2_c{

  width: 515px;

  padding: 45px 0 0 572px;

}

.ys2 .ys2_c span i{

  font-weight: bold;

  font-size: 30px;

  color: #0880fa;

}

.ys2 .ys2_c span em{

  color: #999;

  padding-left: 20px;

  text-transform: uppercase;

}

.ys2 .ys2_c ul{

  height: 180px;

  margin-top: 50px;

}

.ys2 .ys2_c li{

  width: 115px;

  float: left;

  text-align: center;

}

.ys2 .ys2_c .ys2_c_1{

  margin-right: 80px;

} 

.ys2 .ys2_c .ys2_c_2{

  margin-right: 80px;

}

.ys2 .ys2_c li h3{

  color: #0880fa;

  font-size: 16px;

}

.ys2 .ys2_c li img{

  margin: 15px 0;

}

.ys2 .ys2_c li p{

  line-height: 30px;

}

.ys2 .ys2_tel{

  margin: 36px 0 0 370px;

  width: 770px;

  height: 50px;

  line-height: 50px;

  color: #fff;

}

.ys2 .ys2_tel a{

  display: block;

  width: 290px;

  height: 40px;

  line-height: 40px;

  float: right;

  border: 1px solid #fff;

  text-align: center;

  color: #fff;

}

.ys2 .ys2_tel a:hover{

  background: #fff;

  color: #0880fa;

}

.ys2 .ys2_tel span em{

  font-size: 24px;

  font-weight: bold;

}





/*service*/

.service{

  height: 684px;

  background: url(../images/gtkj1_19.jpg) no-repeat center;

}

.service .ser_title{

  height: 50px;

  width: 550px;

  padding-top:45px;

}

.service .ser_title span a{

  float: right;

  color: #666;

  margin-top: 35px;

  text-transform: uppercase; 

}

.service .ser_title h3{

   border-left: 2px solid #0880fa;

   padding-left: 10px;

}

.service .ser_title h3 a{

  color: #0880fa;

  font-weight: bold;

  font-size: 24px;

}

.service .ser_title h3 p{

  text-transform: uppercase;

  color: #999;



}

.service ul{

  margin-top:40px;

  margin-left: 20px;

}

.service li{

  width:530px;

  margin-bottom:32px;

}

.service li h3 a{

  color: #fff;

  font-size: 16px;

  background: url(../images/bak_6.png) no-repeat center left;

  padding-left: 35px;

  overflow: hidden;

  display: block;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.service li p{

  color: #fff;

  overflow: hidden;

  display: block;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 35px;

}





/*abuot*/

.abuot{

  height: 675px;

  background: url(../images/gtkj1_20.jpg) no-repeat center;

}

.abuot .abuot_r{

  width: 860px;

  float: right;

}

.abuot .abuot_r .abuot_r_t{

  height: 200px;

  margin-top: 22px;

}

.abuot .abuot_r .abuot_r_t li{

  float: left;

  margin-left: 2px;

}

.abuot .abuot_r .abuot_r_t .abuot_1{

  width: 270px;

  margin-left: 10px;

}

.abuot .abuot_r .abuot_r_t .abuot_1 h3 a{

  color: #fff;

  font-weight: bold;

  font-size: 30px;

  display: block;

  margin: 49px 0 0 33px;

}

.abuot .abuot_r .abuot_r_t .abuot_1 p{

  font-size: 50px;

  font-weight: bold;

  color: #fff;

  display: block;

  padding: 0 0 0 33px;

  text-transform: uppercase;

}

.abuot .abuot_r .abuot_r_t .abuot_2{

  width: 210px;

  height: 200px;

  overflow: hidden;

}

.abuot .abuot_r .abuot_r_t .abuot_3{

  width: 365px;

  height: 200px;

  overflow: hidden;

}

.abuot .abuot_r .abuot_r_t .abuot_2 p,.abuot .abuot_r .abuot_r_t .abuot_3 p{

  width:100%;

  height: 100%;

  display: block;

  background: rgba(0,0,0,0.7);

  color: #fff;

  font-weight: bold;

  font-size: 16px;

  text-align: center;

  line-height: 200px;

  margin-top: -200px;

  position: relative;

  z-index: 1;

  transition: 0.3s;

}

.abuot .abuot_r .abuot_r_t .abuot_2:hover p,.abuot .abuot_r .abuot_r_t .abuot_3:hover p{

  margin-top: 0;

}

.abuot .abuot_r .abuot_r_t .abuot_2 img{

  width: 210px;

  height: 200px;

}

.abuot .abuot_r .honer{

  width: 820px;

  margin-left: 10px;

}

.abuot .abuot_r .honer .honer_title{

  height: 50px;

  line-height: 50px;

  border-bottom: 1px solid #dedede;

  margin-top: 30px;

}

.abuot .abuot_r .honer .honer_title span a{

  float: right;

  color: #666;

}

.abuot .abuot_r .honer .honer_title h3 a{

  font-size: 20px;

  font-weight: bold;

  color: #0880fa;

}

.abuot .abuot_r .honer .honer_list{

  margin-top: 20px;

  width: 820px;

  overflow: hidden;

      height: 280px;

}

.abuot .abuot_r .honer .honer_list li{

  width: 290px;

  float: left;

  margin:  0 20px;

  text-align: center;

}

.abuot .abuot_r .honer .honer_list li img{

  width: 290px;

  height: 240px;

  border:1px solid #dedede;

}

.abuot .abuot_r .honer .honer_list li p{

  display: block;

  line-height: 45px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.abuot .abuot_r .honer .honer_list li:hover p{

  color: #0880fa;

}

.abuot .abuot_l{

  width: 255px;

  padding-top: 115px;

}

.abuot .abuot_l p{

  color: #4697f9;

  font-size: 50px;

  text-transform: uppercase;

}

.abuot .abuot_l h3 a{

  font-size: 22px;

  color: #fff;

}

.abuot .abuot_l span{

  line-height: 30px;

  margin-top: 30px;

  display: block;

  color: #fff;

}

.abuot .abuot_l em a{

  width: 170px;

  height: 45px;

  text-align: center;

  line-height: 45px;

  border: 1px solid #fff;

  color: #fff;

  font-size: 16px;

  display: block;

  margin-top: 20px;

}

.abuot .abuot_l em a:hover{

  background: #fff;

  color: #0880fa;

}







/*news*/







.news{

  height: 580px; 

  padding-top: 30px;

}

.news .new_r_li{

  height: 525px;

  overflow: hidden;

  width:720px;

}

.news .news_r{

  width: 720px; 

  float: right;

}

.news .news_r .news_r_t{

  height: 50px; 

  line-height: 50px; 

  border-bottom: 1px solid #dedede;

}

.news .news_r .news_r_t span a{ 

  float: right; 

  color: #666; 

}

.news .news_r .news_r_t span a:hover{ 

  color: #0880fa;

}

.news .news_r .news_r_t h3 a{

  display: block;

  float: left;

  margin-right: 30px; 

  font-size: 18px;

}

.news .news_r .news_r_t .active{ 

  border-bottom: 2px solid #0880fa; 

  color: #0880fa;

}

.news .news_r .new_r_li_t{

  margin-top: 20px;

}

.news .news_r .new_r_li_t .new_r_img{

  width: 405px; 

  float: right;

}

.news .news_r .new_r_li_t .new_r_img h4 a{

  font-size: 18px; 

  overflow: hidden; 

  white-space: nowrap; 

  text-overflow: ellipsis ;

  width: 405px; 

  display: block; 

  padding-bottom: 10px;

}

.news .news_r .new_r_li_t .new_r_img h4 a:hover{

  color: #0880fa;

}

.news .news_r .new_r_li_t .new_r_img p{

  color: #666; 

  line-height: 30px; 

  height: 113px; 

  overflow: hidden;

}

.news .news_r .new_r_li_t .new_r_img span a{ 

  width: 100px; 

  height: 30px; 

  line-height:30px;   

  text-align: center; 

  background: #0880fa; 

  display: block; 

  color: #fff;

  margin-top: 35px;  

}

.news .news_r .new_r_li_t .new_r_img span a:hover{

  background: #0880fa;  

  border-radius: 10px;

}

.news .news_r .new_r_li_t img{

  width: 280px;   

  height: 230px;

}

.news .news_r ul{

  margin-top: 35px;

}

.news .news_r li{

  height: 30px; 

  line-height: 30px;

  margin: 5px 0; 

}

.news .news_r li a{

  width: 580px; 

  background: url(../images/bak_7.png) no-repeat center left; 

  padding-left: 25px; 

  color: #666; 

  overflow: hidden; 

  white-space: nowrap; 

  text-overflow: ellipsis; 

  display: block;

}

.news .news_r li span{

  float: right;

}

.news .news_r li a:hover{

  color: #0880fa;

  background: url(../images/bak_8.png) no-repeat center left; 

}

.news .news_l{

  width: 400px;

}

.news .news_l img{

  width: 400px; 

  height: 225px; 

  margin-top: 20px;

}

.news .news_l .news_l_t{

  height: 50px; 

  line-height: 50px; 

  border-bottom: 1px solid #dedede;

}

.news .news_l .news_l_t span a{ 

  float: right; 

  color: #666; 

}

.news .news_l .news_l_t span a:hover{

  color: #0880fa;

}

.news .news_l .news_l_t h3 a{ 

  display: block; 

  float: left; 

  margin-right: 30px; 

  font-size: 18px;

  border-bottom: 2px solid #0880fa;

  color: #0880fa;

}

.news .news_l .span{

  height: 40px; 

  border-bottom: 1px solid #dedede;  

  line-height: 40px;

}

.news .news_l .span span{  

  font-size: 16px;   

  height: 30px; 

  line-height: 30px; 

  margin-top: 10px; 

  border-left: 2px solid #0880fa; 

  padding-left: 10px; 

  width: 300px; 

  overflow: hidden; 

  display:block; 

  white-space: nowrap; 

  text-overflow: ellipsis;

}

.news .news_l .span:hover span{

  border-left: 2px solid #0880fa; 

}

.news .news_l .span a:hover{

  color: #0880fa; 

}

.news .news_l .span em{

  transition: all 0.3s;

  float: right; 

  width: 30px; 

  height: 30px; 

  color: #fff; 

  background: #0880fa; 

  display: block; 

  line-height: 30px; 

  text-align: center;

}

.news .news_l .span :hover em{  

  border-radius: 10px; 

  transition: all 0.3s;

  background: #0880fa;

}

.news .news_l ul{

  margin-top: 20px;

}

.news .news_l li{

  height: 30px; 

  line-height: 30px;

  margin: 5px 0; 

}

.news .news_l li a{

  width: 260px; 

  background: url(../images/bak_7.png) no-repeat center left; 

  padding-left: 25px; 

  color: #666;   

  overflow: hidden; 

  white-space: nowrap; 

  text-overflow: ellipsis; 

  display: block;

}

.news .news_l li span{

  float: right;

}

.news .news_l li a:hover{

  color: #0880fa;

  background: url(../images/bak_8.png) no-repeat center left; 

}