/*Generated by wjdhcms 3.0 */



@charset "utf-8";



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



::selection {

 background-color: #368df9;

 color: #fff;

}



::-moz-selection {

 background-color: #368df9;

  color: #fff;

}



::-webkit-selection {

 background-color: #368df9;

  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;

}

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

  overflow: hidden;

}

.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---------------------------*/







/*----product begin---*/

.product{

  height: 900px;

  background: url(../images/1_25.jpg) no-repeat center bottom;

  position: relative;

  margin-top: -60px;

}

.product .p_r{

  width: 910px;

  float: right;

  margin-top: 90px;

}

.product .p_r .p_r_t{

  height: 75px;

}

.product .p_r .p_r_t .p_r_t_1{

  width: 460px;

  float: right;

  color: #666;

}

.product .p_r .p_r_t .p_r_t_1 a{

  margin-right: 10px;

  line-height: 30px;

}

.product .p_r .p_r_t .search{

  width: 420px;

  height: 40px;

  border: 3px solid #dedede;

  line-height: 40px;

}

.product .p_r .p_r_t .search .sea_t{

  width: 330px;

  height: 40px;

  padding-left: 10px;

}

.product .p_r .p_r_t .search .sea_b{

  width: 70px;

  height: 40px;

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

  cursor: pointer;

  float: right;

} 

.product .p_r .p_ul .p_ul_l{

  position: relative;

  height: 430px;

}

.product .p_r .p_ul .p_ul_l li{

  text-align: center;

}

.product .p_r .p_ul .p_ul_l li p{

  width: 100%;

  height: 35px;

  line-height: 35px;

  background: #7d7d7d;

  color: #fff;

  margin-top: -35px;

  z-index: 2;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.product .p_r .p_ul .p_ul_l li:hover p{

  background: #f8a335;

}

.product .p_r .p_ul .p_ul_l li:first-child{

  width: 550px;

  height: 420px;

  position: absolute;

  left: 0;

}

.product .p_r .p_ul .p_ul_l li:first-child .p_ul_l_img{

  width: 550px;

  height: 420px;

  overflow: hidden;

}

.product .p_r .p_ul .p_ul_l li:first-child .p_ul_l_img img{

  width: 550px;

  height: 420px;

  transition: all 0.3s;

}

.product .p_r .p_ul .p_ul_l li:first-child:hover .p_ul_l_img img{

  transform: scale(1.1,1.1);

  transition: all 0.3s;

}

.product .p_r .p_ul .p_ul_l li:nth-child(2){

  width: 345px;

  height: 205px;

  position: absolute;

  left: 560px;

}

.product .p_r .p_ul .p_ul_l li:nth-child(3){

  width: 345px;

  height: 205px;

  position: absolute;

  left: 560px;

  top: 215px;

}

.product .p_r .p_ul .p_ul_l li:nth-child(2) .p_ul_l_img,.product .p_r .p_ul .p_ul_l li:nth-child(3) .p_ul_l_img{

  width: 345px;

  height: 205px;

  overflow: hidden;

}

.product .p_r .p_ul .p_ul_l li:nth-child(2) .p_ul_l_img img,.product .p_r .p_ul .p_ul_l li:nth-child(3) .p_ul_l_img img{

  width: 345px;

  height: 205px;

  transition: all 0.3s;

}

.product .p_r .p_ul .p_ul_l li:nth-child(2):hover .p_ul_l_img img,.product .p_r .p_ul .p_ul_l li:nth-child(3):hover .p_ul_l_img img{

  transform: scale(1.1,1.1);

  transition: all 0.3s;

}

.product .p_r .p_ul_gd{

  position: relative;

}

.product .p_r .p_ul_gd .p_ul_gd_1{

  width: 800px;

  overflow: hidden;

  margin: auto;

}

.product .p_r .p_ul_gd li{

  width:260px;

  height: 225px;

  margin: 0 5px;

  text-align: center;

  float: left;

}

.product .p_r .p_ul_gd li img{

  width:260px;

  height: 225px;

  transition: all 0.3s;

}

.product .p_r .p_ul_gd li p{

  width: 100%;

  height: 35px;

  line-height: 35px;

  background: #7d7d7d;

  color: #fff;

  margin-top: -35px;

  z-index: 2;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.product .p_r .p_ul_gd li:hover p{

  background: #f8a335;

}

.product .p_r .p_ul_gd .prev{

  width: 34px;

  height: 225px;

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

  position: absolute;

  left: 0;

  top: 0;

  cursor: pointer;

}

.product .p_r .p_ul_gd .next{

  width: 34px;

  height: 225px;

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

  position: absolute;

  right: 0;

  top: 0;

  cursor: pointer;

}

.product .p_l{

  width: 246px;

  height: 830px;

  border: 1px solid #368df9;

}

.product .p_l h2{

  display: block;

  height: 186px;

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

  width: 246px;

}

.product .p_l h2 a{

  color: #fff;

  font-size: 24px;

  color: #ffffff;

  font-weight: bold;

  display: block;

  padding: 137px 0 0 23px;

}

.product .p_l h2:hover a{

  color: #f8a335;

}

.product .p_l .p_l_1{

  margin: 30px auto 0;

  width: 215px;

}

.product .p_l .p_l_1 h3 a{

  border-bottom: 1px solid #dedede;

  height: 45px;

  line-height: 45px;

  display: block;

  background: url(../images/1_22.jpg) no-repeat left;

  padding-left:40px;

  font-size: 16px;

  font-weight: bold;

}

.product .p_l .p_l_1 h3 a:hover{

  color: #368df9;

  background: url(../images/1_22.jpg) no-repeat 10px;

  padding-left: 45px;

  border-bottom: 1px solid #368df9;

}

.product .p_l .p_l_1 .p_l_1_a{

  margin:10px 0 10px 30px;

}

.product .p_l .p_l_1 .p_l_1_a a{

  display: block;

  line-height: 30px;

}

.product .p_l .p_l_1 .p_l_1_a a:hover{

  color: #368df9;

  padding-left: 10px;

}

.product .p_l .p_tel{

  text-align: center;

  margin-top: 30px;

}

.product .p_l .p_tel p{

  font-size: 24px;

  color: #368df9;

  margin: 20px 0;

}

.product .p_l .p_tel a{

  display: block;

  width:170px;

  height: 50px;

  line-height: 50px;

  background: #368df9;

  color: #fff;

  font-size: 16px;

  margin: 10px auto;

}

.product .p_l .p_tel a:hover{

  background: #f8a335;

}

.product .p_l .p_tel img{

  width: 170px;

  height: 170px;

}

.product .p_l .p_tel em{

  display: block;

  margin: 10px 0;

}

/*---product end---*/











/*----ys1 begin----*/

.ys1{

  height: 380px;

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

  color: #fff;

}

.ys1 .container{

  position: relative;

}

.ys1 span{

display: block;

position: absolute;

right: 15px;

top: 95px;

font-size: 18px;

color: #333;

line-height: 30px;

}

.ys1 i{

  display: block;

  position: absolute;

  right: 10px;

  top: 250px;

  font-size: 18px;

  line-height: 40px;

}

.ys1 em{

  display: block;

  position: absolute;

  right: 220px;

  top: 62px;

  font-size: 18px;

  line-height: 40px;

}

.ys1 a{

  display: block;

  position: absolute;

  right: 236px;

  top: 260px;

  font-size: 18px;

  line-height: 40px;

  width: 140px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #f8a335;

  color: #fff;

}

.ys1 a:hover{

  background: #368df9;

}

/*----ys1 end------*/





/*----ys2 begin----*/

.ys2{

  height: 670px;

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

}

.ys2 .container{

  position: relative;

}

.ys2 li{

  width: 735px;

  margin: 20px 0;

}

.ys2 li:first-child{

  position: absolute;

  right: 0;

  top: 170px;

}

.ys2 li:nth-child(2){

  position: absolute;

  right: 0;

  top: 325px;

}

.ys2 li:nth-child(3){

  position: absolute;

  right: 0;

  top:495px;

}

.ys2 li h3{

  color: #f8a335;

  font-size: 30px;

  font-weight: bold;

  float: right;

  margin-right: 20px;

  margin-top:10px;

}

.ys2 .ys2_p{

  text-align: right;

  width: 570px;

  line-height: 30px;

}

.ys2 .ys2_p em{

  color: #f8a335;

}

/*----ys2 end------*/





/*----客户案例 begin----*/

.case{

  height: 540px;

  text-align: center;

}

.case .case_t{

  background: url(../images/1_29.jpg) no-repeat center top;

  height: 100px;

}

.case .case_t h3 a{

  display: block;

  font-size: 30px;

  font-weight: bold;

  color: #368df9;

}

.case .case_t p{

  margin-top: 40px;

  line-height: 20px;

  color: #999999;

}

.case .case_li{

  position: relative;

  margin-top: 50px;

}

.case .case_li .case_li_1{

  width: 1180px;

  overflow: hidden;

      height: 310px;

}

.case .case_li li{

  width: 360px;

  margin: 0 20px;

  position: relative;

  float: left;

}

.case .case_li li img{

  width: 360px;

  height: 270px;

}

.case .case_li li p{

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space:nowrap;

  line-height: 50px;

}

.case .case_li li:hover p{

  color: #f8a335;

}

.case .case_li li .case_li_zz{

  position: absolute;

  top: -270px;

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

  width: 360px;

  height: 270px;

  transition: all 0.3s;

}

.case .case_li li:hover .case_li_zz{

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

  position: absolute;

  top: 0;

  transition: all 0.3s;

}

.case .prev{

  width: 155px;

  height: 40px;

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

  cursor: pointer;

  position: absolute;

  left:400px;

  top: 340px;

}

.case .next{

  width: 155px;

  height: 40px;

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

  cursor: pointer;

  position: absolute;

  left:660px;

  top: 340px;

}

/*----客户案例 end------*/



/*----ys3 begin----*/

.ys3{

  height: 959px;

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

  margin-top: 30px;

}

.ys3 .ys3_t{

  width: 465px;

  margin: auto;

}

.ys3 .ys3_t span{

  float: right;

  display: block;

  font-size: 16px;

  margin-top: 30px;

}

.ys3 .ys3_t h3{

  display: block;

  font-size: 30px;

  color: #368df9;

  font-weight: bold;

  padding-top: 32px;

}

.ys3 .ys3_li{

  position: relative;

}

.ys3 .ys3_li li:first-child{

  position: absolute;

  top: 140px;

}

.ys3 .ys3_li li:nth-child(2){

  position: absolute;

  top:405px;

}

.ys3 .ys3_li li:nth-child(3){

  position: absolute;

  top:667px;

}

.ys3 .ys3_li li h3{

  color: #368df9;

  font-size: 18px;

  font-weight: bold;

  margin-left: 130px;

  margin-top: -2px;

}

.ys3 .ys3_li li .ys3_li_text{

  margin-top: 70px;

}

.ys3 .ys3_li li .ys3_li_text a{

  display: block;

  width: 140px;

  height: 35px;

  line-height: 35px;

  background: #f8a335;

  color: #fff;

  text-align: center;

  float: right;

  margin-right: 100px;

}

.ys3 .ys3_li li .ys3_li_text a:hover{

  background: #368df9;



}

.ys3 .ys3_li li .ys3_li_text p{

  line-height: 32px;

  width: 490px;

}

/*----ys3 end------*/





/*----客户见证 begin----*/

.khjz{

  height: 580px;

  background: url(../images/1_40.jpg) no-repeat center top;

}

.khjz .case_t h3 a{

  display: block;

  text-align: center;

  color: #368df9;

  font-size: 30px;

  font-weight: bold;

  padding-top: 25px;

  height: 80px;

}

.khjz .witness_list li{width: 570px; height: 200px;border:1px solid #dedede; float: left; margin:9px;}

.khjz .witness_list li img{float: right; width: 220px; height: 200px;}

.khjz .witness_list .xq{ text-align: left; padding-left:10px; }

.khjz .witness_list .xq h3{font-size: 18px; height: 50px; line-height: 50px; width: 320px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight: bold;}

.khjz .witness_list .xq p{color: #666; line-height: 25px; width: 320px; height: 95px; overflow:hidden;}

.khjz .witness_list .xq span a{height: 50px; line-height: 50px; color: #f8a335;}

.khjz .witness_list li:hover{border: 1px solid #f8a335;}

.khjz .witness_list li:hover a{color:  #f8a335;}

/*----客户见证 end------*/





/*----合作客户 begin----*/

.hzkh{

  height: 460px;

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

}

.hzkh .hzkh_r{

  width: 580px;

  float: right;

  margin: 30px;

}

.hzkh .hzkh_r .hzkh_r_t{

  height: 50px;

  border-bottom: 1px solid #368df9;

  line-height: 50px;

  margin-left: 40px;

  width: 580px;

}

.hzkh .hzkh_r .hzkh_r_t span a{

  float: right;

  color: #fff;

}

.hzkh .hzkh_r .hzkh_r_t h3 a{

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

  padding-left: 45px;

  font-size: 24px;

  color: #368df9;

  font-weight: bold;

}

.hzkh .hzkh_r .hzkh_r_li{

  width: 670px;

  margin-top: 20px;

}

.hzkh .hzkh_r .hzkh_r_li li{

  width: 170px;

  float: left;

  margin-left: 40px;

  text-align: center;

  margin-bottom: 10px;

  transition: all 0.3s;

}

.hzkh .hzkh_r .hzkh_r_li li img{

  width: 170px;

  height: 90px;

  border: 1px solid #dedede;

}

.hzkh .hzkh_r .hzkh_r_li li p{

  line-height: 50px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: normal;

  display: block;

}

.hzkh .hzkh_r .hzkh_r_li li:hover{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}

.hzkh .hzkh_r .hzkh_r_li li:hover p{

  color: #368df9;

}

.hzkh .hzkh_l{

  width: 530px;

}

.hzkh .hzkh_l .hzkh_l_t{

  padding-top: 78px;

  padding-left: 30px;

}

.hzkh .hzkh_l .hzkh_l_t span{

  font-size: 50px;

}

.hzkh .hzkh_l .hzkh_l_t em{

  font-size: 20px;

  line-height: 60px;

}

.hzkh .hzkh_l .hzkh_l_t i{

  font-size: 16px;

}

.hzkh .hzkh_l .hzkh_l_b{

  margin-top: 30px

}

.hzkh .hzkh_l .hzkh_l_b a{

  display: block;

  width: 180px;

  height: 50px;

  line-height: 50px;

  float: right;

  background: #f8a335;

  color: #fff;

  font-size: 16px;

  text-align: center;

}

.hzkh .hzkh_l .hzkh_l_b a:hover{

  background: #368df9;

}

.hzkh .hzkh_l .hzkh_l_b span{

  line-height: 50px;

  margin-left: 30px;  

}

.hzkh .hzkh_l .hzkh_l_b span em{

  font-size: 30px;

  font-weight: bold;

}

/*----合作客户 end------*/



/*----abuot begin----*/

.abuot{

  height: 495px;

  margin-top: 30px;

  text-align: center;

}

.abuot img{

  width: 1180px;

  height: 240px;

}

.abuot .abuot_1{

  width: 170px;

  height: 130px;

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

  margin: -50px auto 0;

  position: relative;

  z-index: 1;

}

.abuot .abuot_1:hover{

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

}

.abuot .abuot_1:hover h3 a{

  color: #368df9;

}

.abuot .abuot_1 h3 a{

  display: block;

  padding-top: 65px;

  font-size: 18px;

  color: #f8a335;

  font-weight: bold;

}

.abuot .abuot_1 p{

  color: #999;

  margin-top: 10px;

}

.abuot span{

  margin-top: 20px;

  display: block;

  line-height: 30px;

}

.abuot em a{

  color: #f8a335;

  padding-top: 20px;

  display: block;

}

.abuot em a:hover{

  color: #368df9;

}

/*----abuot end------*/



/*--施工现场  begin--*/



.sgxc{

  height: 330px;

  text-align: center;

  margin-top: 10px;

}

.sgxc .sgxc_t{

  border-bottom: 1px solid #dedede;

}

.sgxc .sgxc_t h3{

  display: inline-block;

  *display: inline;

  _display:inline;

  zoom:1;

}

.sgxc .sgxc_t h3 a{

  margin: 0 20px;

  width: 180px;

  height: 40px;

  line-height: 40px;

  color: #fff;

  font-size: 18px;

  background: #f8a335;

  float: left;

}

.sgxc .sgxc_t .active a{

  background: #368df9;

}

.sgxc .sgxc_li{

  margin-top: 30px;

}

.sgxc .sgxc_li_1{

  width: 1180px;

  overflow: hidden;

      height: 210px;

}

.sgxc .sgxc_li_1 li{

  float: left;

  width: 225px;

  margin: 0 15px;

}

.sgxc .sgxc_li_1 li .sgxc_li_img{

  width: 225px;

  height: 180px;

  overflow: hidden;

}

.sgxc .sgxc_li_1 li .sgxc_li_img img{

  width: 225px;

  height: 180px;

  transition: all 0.3s;

}

.sgxc .sgxc_li_1 li:hover img{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}

.sgxc .sgxc_li_1 li:hover p{

  color: #368df9;

}

.sgxc .sgxc_li_1 li p{

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 40px;

}

/*--施工现场  end--*/



/*---新闻 begin---*/

.news{

  height: 580px; 

  background: #f8f8f8;

  padding-top: 30px;

}

.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: #368df9; 

}

.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 #368df9; 

  color: #368df9;

}

.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: #368df9;

}

.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: #368df9; 

  display: block; 

  color: #fff;

  margin-top: 35px;  

}

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

  background: #368df9;

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

    line-height: 23px;

    margin: -21px 0;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.news .news_r li a{

  width: 580px; 

  background: url(../images/ico_11.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: #368df9;

  background: url(../images/ico_11_1.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: #368df9;

}

.news .news_l .news_l_t h3 a{ 

  display: block; 

  float: left; 

  margin-right: 30px; 

  font-size: 18px;

  border-bottom: 2px solid #368df9;

  color: #368df9;

}

.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 #368df9; 

  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 #368df9; 

}

.news .news_l .span a:hover{

  color: #368df9; 

}

.news .news_l .span em{

  transition: all 0.3s;

  float: right; 

  width: 30px; 

  height: 30px; 

  color: #fff; 

  background: #368df9; 

  display: block; 

  line-height: 30px; 

  text-align: center;

}

.news .news_l .span :hover em{

  border-radius: 10px; 

  transition: all 0.3s;

  background: #368df9;

}

.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/ico_11.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: #368df9;

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

}

/*--新闻 end--*/







/*--友情链接 begin--*/



.links{

  height: 145px;

  padding-top: 30px;

}

.links h3{

  font-size: 18px;

  display: block;

  width: 180px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  color: #fff;

  background: #368df9;

  margin-left: 20px;

}

.links h3 span{

  font-size: 14px;

  color: #fff;

  padding-left: 5px;

}

.links ul{

  margin-top: -20px;

  border: 1px solid #368df9;

  height: 70px;

  padding-top: 30px;

}

.links ul li{

  float: left;

  margin: 10px 14px;

}

.links ul li a:hover{

  color: #368df9;

}

/*--友情链接 end--*/