/*Generated by wjdhcms 3.0 */



@charset "utf-8";



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



::selection {

 background-color: #098eff;

 color: #fff;

}



::-moz-selection {

 background-color: #098eff;

 color: #fff;

}



::-webkit-selection {

 background-color: #098eff;

 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;

}





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

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





/*--baner begin--*/

.banner {

  width: 100%;

  position: relative;

  height: 550px;

  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;

}





/*--search--*/

.search{

  height: 150px;

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

  margin-top: -65px;

  position: relative;

  z-index: 1;

}

.search .search_r{

  width: 530px;

  float: right;

  margin-right: 62px;

  margin-top: 10px;

  height: 45px;

  line-height: 45px;

  border-bottom: 1px solid #fff;

}

.search .search_r .s_text{

  height: 45px;

  line-height: 45px;

  background: none;

  width: 480px;

  color:#fff;

}

 input::-webkit-input-placeholder{

            color:#acd9ff;

        }

        input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color:#acd9ff;

        }

        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color:#acd9ff;

        }

        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color:#acd9ff;

        }

.search .search_r .s_button{

  width: 41px;

  height: 41px;

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

  cursor:pointer;

} 

.search .search_r span{

  color: #fff;

}

.search .search_r span a{

  color: #fff;

}

.search .search_l{

  font-size: 18px;

  color: #fff;

  padding: 27px 0 0 213px;

}

.search .search_l em{

  display: block;

  font-size: 24px;

  font-weight: bold;

  line-height: 40px;

}





/*case*/

.case{

  height: 500px;

  margin-top: 30px;

  text-align: center;

}

.case .case_title{

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

  height: 90px;

}

.case .case_title h3 a{

  font-size: 30px;

  color: #098eff;

  font-weight: bold;

}

.case .case_title p{

  color: #999999;

  text-transform: uppercase;

  display: block;

  margin-top: 8px;

}

.case ul{

  width: 1250px;

  margin-top: 20px;

}

.case li{

  float: left;

  width: 360px;

  margin: 0 20px;

}

.case li img{

  width: 360px;

  height: 260px;

}

.case li p{

  display: block;

  margin-top: 15px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.3s;

}

.case li:hover p{

  color:#098eff; 

}

.case li span{

  width: 150px;

  height: 60px;

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

  display: block;

  margin: 10px auto;

  transition: 0.3s;

}

.case li span:hover{

  margin: 5px auto;

}







/*gg1*/

.gg1{

  height: 430px;

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

  margin-top: 30px;

}

.gg1 p{

  padding-left: 545px;

  color: #fff;

}

.gg1 .gg1_1{

  padding-top: 64px;

  font-size: 46px;

}

.gg1 .gg1_1 span{

  font-weight: bold;

}

.gg1 .gg1_2{

  font-size: 20px;

  text-transform: uppercase;

  opacity: 0.6;

}

.gg1 .gg1_3{

  margin-top: 30px;

  font-size: 16px;

}

.gg1 .gg1_4{

  margin-top: 120px;

  line-height: 50px;

}

.gg1 .gg1_4 a{

  display: block;

  width: 180px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  background: #fff;

  box-shadow: 5px 5px 5px #098eff;

  float: right;

  margin: 0 20px 0 0;

  font-size: 16px;

}

.gg1 .gg1_4 a:hover{

  background: #098eff;

  color: #fff;

  border: 1px solid #fff;

}



.gg1 .gg1_4 em{

  font-size: 20px;

  margin-left: 10px;

}





/*product*/



.product{

  height: 850px;

  margin-top: 50px;

  text-align: center;

}

.product .p_title{

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

  height: 90px;

}

.product .p_title h2 a{

  font-size: 30px;

  color: #098eff;

  font-weight: bold;

}

.product .p_title p{

  color: #999999;

  text-transform: uppercase;

  display: block;

  margin-top: 8px;

}

.product  .qh{

  margin-top: 30px;

}

.product  .qh li{

  display: inline-block;

  margin: 0 10px;

  transition: 0.3s;

  height: 70px;

  margin: 0 40px;

}

.product  .qh li a{

  display: block;

  width: 170px;

  height: 50px;

  line-height: 50px;

  border: 1px solid #dedede;

  font-size: 16px;

}

.product  .qh li:hover a{

  border: 1px solid #098eff;

  color: #098eff;

}

.product  .qh li:hover{

  background: url(../images/bak_8.jpg) no-repeat center 60px;

}

.product  .qh .active a{

  border: 1px solid #098eff;

  color: #098eff;

}

.product  .qh .active {

  background: url(../images/bak_8.jpg) no-repeat center 60px;

}

.product  .qh_nr{

  border-bottom: 1px solid #dedede;

  height: 50px;

  overflow:hidden;

}

.product  .qh_nr li{

  display: inline-block;

  margin:  10px 20px;

}

.product  .qh_nr li a:hover{

  color: #098eff;

}

.product  .p_list{

  margin-top: 20px;

  height: 569px;

  overflow: hidden;

} 

.product  .p_list ul{

  width: 1250px;

  margin-left: -10px;

}

.product  .p_list li{

  width: 380px;

  float: left;

  margin:10px;

  transition: 0.3s;

}

.product  .p_list li img{

  width:380px;

  height: 260px;

  border: 1px solid #dedede;

}

.product  .p_list li p{

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  line-height: 45px;

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

  color: #fff;

  margin-top: -45px;

  position: relative;

  z-index: 1;

  transition: 0.3s;

}

.product  .p_list li:hover{

  transform: scale(1.1,1.1);

}

.product  .p_list li:hover p{

  background: #098eff;

}





/*gg2*/

.gg2{

  height: 150px;

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

}

.gg2 .gg2_tel{

  width: 350px;

  float: right;

  margin: 60px 100px 0 0 ;

}

.gg2 .gg2_tel span{

  font-size: 18px;

  margin: 0 5px;

}

.gg2 .gg2_tel a{

  display: block;

  width: 200px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background: #098eff;

  box-shadow: 5px 5px 5px #43a9ff;

  color: #fff;

  margin-top: 10px;

}

.gg2 .gg2_tel a:hover{

  box-shadow: 0 0 0 #43a9ff;

}

.gg2 .gg2_l{

  padding: 33px 0 0 27px;

}

.gg2 .gg2_l i{

  font-size: 18px;

}

.gg2 .gg2_l i span{

  font-weight: bold;

}

.gg2 .gg2_l p{

  display: block;

  line-height: 35px;

}

.gg2 .gg2_l em{

  font-size: 18px;

  font-weight: bold;

}



/*ys*/

.ys{

  height: 890px;

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

}

.ys .container{

  position: relative;

}

.ys .ys_title{

  padding: 70px 0 0 124px;

  width: 540px;

  height: 80px;

}

.ys .ys_title span{

  font-size: 30px;

  display: block;

}

.ys .ys_title em{

  color: #098eff;

  font-size: 80px;

  float: right;

  line-height: 80px;

  font-weight: bold;

}

.ys .ys_ul{

  margin-top: 50px;

  height: 594px;

  overflow: hidden;

}

.ys li{

  width: 480px;

  

}

.ys li h3 span{

  font-size: 18px;

  font-weight: bold;

}

.ys li h3 p{

  color: #999;

  text-transform: uppercase;



} 

.ys li em{

  margin-top: 20px;

  line-height: 25px;

  display: block;

  color: #666;

  padding-bottom: 10px;

    border-bottom: 1px solid #dedede;

}

.ys .ys_1{

  margin-top: 20px;

}

.ys .ys_1 h3{

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

  padding-left: 50px;

}

.ys .ys_2{

  margin-top: 55px;

}

.ys .ys_2 h3{

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

  padding-left: 50px;

}

.ys .ys_3{

  margin-top: 55px;

}

.ys .ys_3 h3{

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

  padding-left: 50px;

}

.ys .ys_4{

  margin-top: 20px;

}

.ys .ys_4 h3{

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

  padding-left: 50px;

}

.ys .ys_5{

  margin-top: 55px;

}

.ys .ys_5 h3{

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

  padding-left: 50px;

}

.ys .ys_qh .prev{

  width: 110px;

  height: 30px;

  display: block;

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

  cursor: pointer;

  position: absolute;

  top: 830px;

  left: 200px;

  color: #f7fcfe;

  text-align: left;

  color: #098eff;

  overflow: hidden;

  box-shadow: 5px 5px 5px #6ab8ff;

}

.ys .ys_qh .next{

  width: 110px;

  height: 30px;

  display: block;

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

  cursor: pointer;

  position: absolute;

  top: 830px;

  left: 350px;

  color: #f7fcfe;

  text-align: left;

  color: #098eff;

  overflow: hidden;

  box-shadow: 5px 5px 5px #6ab8ff;

}





/*serve*/

.serve{

  height: 645px;

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

  color: #fff;

}

.serve .container{

  position: relative;

}

.serve .serve_title{

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

  height: 90px;

  text-align: center;

  padding-top: 50px;

}

.serve .serve_title h3 a{

  font-size: 30px;

  color: #fff;

  font-weight: bold;

}

.serve .serve_title p{

  color: #fff;

  text-transform: uppercase;

  display: block;

  margin-top: 8px;

}

.serve li{

  width: 370px;

}

.serve li h3{

  font-size: 30px;

}

.serve li p{

  font-size: 16px;

}

.serve .serve_1{

  position: absolute;

  top: 207px;

  left: 70px;

  text-align: right;

}

.serve .serve_2{

  position: absolute;

  top: 207px;

  left: 739px;

}

.serve .serve_3{

  position: absolute;

  top: 363px;

  left: 70px;

  text-align: right;

}

.serve .serve_4{

  position: absolute;

  top: 363px;

  left: 739px;

}

.serve .serve_p{

  text-align: center;

  position: absolute;

  top: 495px;

  left: 232px;

  display: block;

}

.serve .serve_tel{

  position: absolute;

  top: 560px;

  left: 184px;

  width: 815px;

}

.serve .serve_tel a{

  display: block;

  width: 230px;

  height: 40px;

  background: #fff;

  float: right;

  line-height: 40px;

  text-align: center;

  box-shadow: 5px 5px 5px #acd1f0;

  color: #098eff;

  font-size: 18px;

}

.serve .serve_tel a:hover{

  background: #098eff;

  color: #fff;

 border: 1px solid #fff;

}

.serve .serve_tel span{

  line-height: 40px;

}

.serve .serve_tel span em{

  font-size: 30px;

  font-weight: bold;

  margin-left: 15px;

}









/*流程*/

.flow{

  height: 500px;

  margin-top: 50px;

}

.flow .flow_title{

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

  height: 90px;

  text-align: center;

}

.flow .flow_title h3 a{

  font-size: 30px;

  color: #098eff;

  font-weight: bold;

}

.flow .flow_title p{

  color: #999;

  text-transform: uppercase;

  display: block;

  margin-top: 8px;

}

.flow .flow_c{

  height: 390px;

  position: relative;

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

}

.flow .flow_c p{

   font-size: 18px; 

   width: 40px;

}

.flow .flow_c .flow_1{

  position: absolute;

  top: 80px;

  left: 99px;

}

.flow .flow_c .flow_2{

  position: absolute;

  top: 184px;

  left: 220px;

}

.flow .flow_c .flow_3{

  position: absolute;

  top: 80px;

  left: 342px;

}

.flow .flow_c .flow_4{

  position: absolute;

  top: 184px;

  left: 465px;

}

.flow .flow_c .flow_5{

  position: absolute;

  top: 80px;

  left: 590px;

}

.flow .flow_c .flow_6{

  position: absolute;

  top: 184px;

  left: 715px;

}

.flow .flow_c .flow_7{

  position: absolute;

  top: 80px;

  left: 835px;

}

.flow .flow_c .flow_8{

  position: absolute;

  top: 184px;

  left: 960px;

}

.flow .flow_c .flow_9{

  position: absolute;

  top: 80px;

  left: 1080px;

}







/*witness*/

.witness{

  height:420px;

  margin-top: 30px;

}

.witness .witness_title{

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

  height: 90px;

  text-align: center;

}

.witness .witness_title h3 a{

  font-size: 30px;

  color: #098eff;

  font-weight: bold;

}

.witness .witness_title p{

  color: #999;

  text-transform: uppercase;

  display: block;

  margin-top: 8px;

}

.witness .witness_ul{

  margin-top: 10px;

}

.witness .witness_ul ul{

  width: 1250px;

}

.witness .witness_ul li{

  width: 270px;

  float: left;

  margin: 0 15px;

  text-align: center;

}

.witness .witness_ul li img{

  width: 130px;

  height: 130px;

  border-radius: 50%;

  transition: 0.3s;

}

.witness .witness_ul li .w_text{

  width: 270px;

  height: 220px;

  background: #f8f8f8;

  margin-top: -80px;

  transition: 0.3s;

}

.witness .witness_ul li .w_text h3{

  display: block;

  padding: 110px 15px 0 15px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.3s;

}

.witness .witness_ul li .w_text p{

  padding: 15px 15px 0 15px ;

  text-align: left;

  line-height: 24px;

  height: 45px;

  overflow: hidden;

  transition: 0.3s;

}

.witness .witness_ul li:hover .w_text{

  background: #098eff;

}

.witness .witness_ul li:hover .w_text h3,.witness .witness_ul li:hover .w_text p{

  color: #fff;

}

.witness .witness_ul li:hover img{

  transform: scale(1.05,1.05);

}





/*abuot*/

.about{

  height: 615px;

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

}

.about .a_title{ 

  text-align: center;

  color: #fff;

  padding-top: 30px;

}

.about .a_title hr{

  display: inline-block;

  *display: inline;

  _display: inline;

  zoom:1;

  width: 100px;

  border-color: #fff;

  text-align: center;

}

.about .a_title h3{ 

  font-size:30px; 

  font-weight: bold;

}

.about .a_title h3 a{

  color: #fff;

}



.about .a_title p{

  line-height: 20px;

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

}

.about .about_img{

  margin-top:30px;

  height: 300px;

  width: 1180px; 

  overflow: hidden;

}

.about .about_img img{

  height: 300px;

  width: 1180px; 

  transition:all 0.3s;

}

.about .about_img img:hover{

  transition: all 0.3s;

  transform: scale(1.1,1.1);

}

.about span{

  width: 1010px;

  margin: 20px auto 0;

  line-height: 30px;

  text-indent: 30px;

  display: block;

}



/*--走进开友实业 end--*/







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



.sgxc{

  height: 330px;

  text-align: center;

  margin-top: 10px;

  overflow:hidden;

}

.sgxc .sgxc_t h3{

  display: inline-block;

  *display: inline;

  _display:inline;

  zoom:1;

}

.sgxc .sgxc_t h3 a{

  margin: 0 20px;

  width: 180px;

  height: 50px;

  line-height: 50px;

  color: #333;

  font-size: 18px;

  background: #dedede;

  float: left;

  transition: 0.3s;

}

.sgxc .sgxc_t .active a{

  background: #098eff;

  color: #fff;

  box-shadow: 5px 5px 5px #6db9ff;

}

.sgxc .sgxc_li{

  margin-top: 30px;

  height: 220px;overflow: hidden;

}

.sgxc .sgxc_li_1{

  width: 1180px;height: 220px;

  overflow: hidden;

}

.sgxc .sgxc_li_1 li{

  float: left;

  width: 225px;

  margin: 0 35px;

}

.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: #1792fb;

}

.sgxc .sgxc_li_1 li p{

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 40px;

}













/*news*/

.news{height: 420px; background:#f8f8f8;padding-top: 50px;}



.news .news_t{width: 890px; height: 50px;}



.news .news_t span a{ float: right; color: #666; line-height: 50px; }



.news .news_t span a:hover{color: #1792fb;}



.news .news_t h3 a{width: 130px; height: 40px; background:#fff; display: block; line-height: 40px; text-align: center;font-size: 16px; float: left; margin-right:10px;}



.news .news_t .active a{background: #1792fb; color: #fff;box-shadow: 5px 5px 5px #68b4fa;}



.news .news_b {height: 315px; width: 890px; margin-top: 30px;overflow:hidden;}



.news .news_b .news_b_r{width: 530px; float: right;}



.news .news_b .news_b_r li{height: height:35px; margin-bottom: 10px; line-height: 35px;background: url(../images/bak_9.png) no-repeat left center;}



.news .news_b .news_b_r li a{width: 400px;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  padding-left: 20px; }



.news .news_b .news_b_r li span{float: right;}



.news .news_b .news_b_l{width: 320px; height: 315px;  line-height: 30px;}



.news .news_b .news_b_l p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align: center;}



.news .news_b .news_b_l:hover a{color: #1792fb;}



.news .news_b .news_b_l img{width: 320px; height: 280px;}



.news .news_b .news_b_r li:hover{ background:#1792fb url(../images/bak_10.png) no-repeat left center; }



.news .news_b .news_b_r li:hover a{color: #fff;}



.news .news_b .news_b_r li:hover span{color: #fff;}















.news .zzzs{



  width: 265px;



  float: right;



}



.news .zzzs .zzzs_t{



  height: 40px;



  line-height: 40px;



  background: #1792fb;

  box-shadow: 5px 5px 5px #68b4fa;



}







.news .zzzs .zzzs_t span a{



  float: right;



  color: #fff;

  margin-right: 10px;



}



.news .zzzs .zzzs_t h3 a{



  color: #fff;



  font-size: 18px;



  margin-left: 10px;



}



.news .zzzs .zzzs_li{



  margin: 30px auto 0;



  height: 305px;



  overflow: hidden;



}



.news .zzzs .zzzs_li li{



  width: 240px;



  text-align: center;



  margin:10px auto;



}



.news .zzzs .zzzs_li li .zzzs_li_img{



  width: 240px;



  height: 180px;



  overflow: hidden;



}



.news .zzzs .zzzs_li li .zzzs_li_img img{



  width: 240px;



  height: 180px;



  transition: all 0.3s;



}



.news .zzzs .zzzs_li li:hover img{



  transition: all 0.3s;



  transform: scale(1.1,1.1);



}



.news .zzzs .zzzs_li li p{



  display: block;



  line-height: 40px;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



.news .zzzs .zzzs_li li:hover p{



  color: #1792fb;



}











































.links{



  height: 125px;





  padding-top: 30px;

margin-bottom: 30px;

}



.links h3{



  font-size: 18px;



  display: block;



  width: 180px;



  height: 45px;



  line-height: 45px;



  text-align: center;



  color: #fff;



  background: #1792fb;



}



.links h3 span{



  font-size: 14px;



  color: #aecfec;



  padding-left: 5px;



}



.links ul{



  margin-top: 20px;



}



.links ul li{



  float: left;



  margin: 10px 20px;



}



.links ul li a:hover{



  color: #3682f9;



}