@charset "utf-8";

/*banner*/



.banner {

    width: 100%;

    margin: 0 auto;

    height: 500px;

}



.fullSlide {

    width: 100%;

    position: relative;

    height: 500px;

    background: transparent

}



.fullSlide .bd {

    margin: 0 auto;

    position: relative;

    z-index: 0;

    overflow: hidden

}



.fullSlide .bd ul {

    width: 100% !important

}



.fullSlide .bd li {

    width: 100% !important;

    height: 500px;

    overflow: hidden;

    text-align: center;

    background-position: center;

    background-repeat: no-repeat;

    box-shadow: 1px 5px #e99315;

}



.fullSlide .bd li a {

    display: block;

    height: 500px

}



.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: 15px;

    left: 0;



}



.fullSlide .hd ul {

    text-align: center;

}



.fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 42px;

    height: 11px;

    margin: 1px;

    overflow: hidden;

    background: #333;

    *filter: alpha(opacity=50);

    *opacity: .5;

    line-height: 999px

}



.fullSlide .hd ul .on {

    background: #ff7e00;

}



.fullSlide .prev,

.fullSlide .next {

    display: block;

    position: absolute;

    z-index: 1;

    top: 50%;

    margin-top: -30px;

    left: 15%;

    z-index: 1;

    width: 40px;

    height: 60px;

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

    cursor: pointer;

    *filter: alpha(opacity=50);

    *opacity: .5;

    display: none

}



.fullSlide .next {

    left: auto;

    right: 15%;

    background-position: -6px -137px

}



.fullSlide .bd li .ban_phone {

    position: absolute;

    top: 335px;

    right: 430px;

}



.fullSlide .bd li .ban_phone strong {

    font-size: 24px;

    color: #fff;

}



.fullSlide .bd li .ban_phone a {

    display: inline-block;

    height: 52px;

    margin-left: 40px;

}







.sou{

    height: 100px;

    border-bottom: solid 1px #ddd;

    overflow: hidden;

}

.sou .ding{

    padding: 10px 150px 0 0px;

    float: left;

    color: #fff;

    font-size: 20px;

    line-height: 35px;

}



.sou .search1 {

    float: left;

    width: 400px;

    height: 40px;

    line-height: 40px;

    display: inline;

    margin-top: 30px;

    background: none;

    border: solid 1px #ddd;

  }

  

  .sou .search1 .text {

    width: 330px;

    height: 43px;

    float: left;

    background: none;

    line-height: 433px;

    color: #ddd;

    font-size: 12px;

    font-family: "Microsoft YaHei";

    padding-left: 16px;

  }

  

  .sou .search1 .submit {

    width: 52px;

    height: 34px;

    cursor: pointer;

    float: right;

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

  }



  .sou .tel{

      color: #0357a3;

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

      padding-left: 55px;

      float: right;

      margin-top: 20px;

  }

  .sou .tel strong{

      

      

      line-height: 40px;

  }

  .pro_warp .fenlei{

      height: 85px;

      overflow: hidden;

      margin-top: 50px;

  }

.pro_warp h3{

    width: 190px;

    height: 80px;

    float: left;

    

}

.pro_warp .cp_cont{

    line-height: 35px;

    height: 85px;

    font-size: 14px;

    width: 980px;

    float: right;

}

.pro_warp .cp_cont a{

    width: 130px;

    border: solid 1px #ddd;

    margin-left: 30px;

    text-align: center;

    display: block;

    float: left;

    margin-bottom: 10px;

}

.pro_warp .pro_cont li{

    width: 295px;

    height: 285px;

    float: left;

    background: #eff4fc;

    margin-top: 10px;

    text-align: center;

    font-size: 16px;

    padding: 5px;

    box-sizing: border-box;

}

.pro_warp .pro_cont li h4{

    font-weight: bold;

    line-height: 45px;

}

.pro_warp .pro_cont li p{

    font-size: 14px;

}

.pro_warp .pro_cont li span{

    display: block;

    width: 80px;

    height: 26px;

    background: #0357a3;

    margin: 5px auto;

    border-radius: 13px;

    color: #fff;

    line-height: 26px;

    text-align: center;

    font-size: 12px;

}

.pro_warp .pro_cont li img{

    width: 285px;

    height: 200px;

}







/* ys */

.ys_wrap{

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

    height: 790px;

    overflow: hidden;

    margin-top: 40px;

}

.ys_cont{

    position: relative;

}

.ys_wrap h3{

    text-align: center;

    font-size: 24px;

    color: #fff;

    letter-spacing: 10px;

    padding-top: 110px;

    text-align: center;

    margin-bottom: 50px;

}

.ys_wrap .bd dl{

    position: relative;

}

.ys_wrap .bd dd{

    position: absolute;

    right: 0;

    top: 40px;

    width: 400px;

    height: 430px;

    background: url(../images/ys_list.png) center;

    color: #fff;

    box-sizing: border-box;

    padding: 50px 40px;

}

.ys_wrap .bd dd h4{

    font-size: 18px;

    line-height: 24px;

}

.ys_wrap .bd dd span{

    display: inline-block;

    background: #fff;

    height: 2px;

    width: 30px;

    margin-right: 5px;

}

.ys_wrap .bd dd p{

    margin-top: 30px;

    line-height: 35px;

}

.ys_wrap .hd{

    position: absolute;

    top: 400px;

    left: -50px;

    z-index: 99;

}

.ys_wrap .hd a{

    font-size: 30px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    line-height: 50px;

    background: #0357a3;

    display: block;

    float: left;

    width: 50px;

    height: 50px;
	
	cursor:pointer;

}

.ys_wrap .ban_1{

    position: absolute;

    right: 30px;

    color: #fff;

    top: 530px;

    width: 330px;

}

.ys_wrap .ban_1 a{

    display: block;

    width: 60px;

    height: 60px;

    text-align: center;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    padding: 10px;

    float: left;

    box-sizing: border-box;

    margin-right: 10px;

}















.case_warp{

    padding-top: 40px;

}

.case_warp .title{

    width: 500px;

    float: left;

}

.case_warp .title h3{

    font-weight: bold;

}

.case_warp .title h4{

    text-transform: uppercase;

    color: #999;

    font-size: 14px;

    line-height: 30px;

}

.case_warp .title span{

    display: block;

    width: 40px;

    height: 3px;

    background: #0357a3;

}

.case_warp .title p{

    line-height: 36px;

    font-size: 16px;

    color: #666;

}



.case_warp  dl{

    border: solid 1px #ddd;

    width: 373px;

    float: left;

    box-sizing: border-box;

    padding:25px;

    margin: 30px 0 0px 30px;

}

.case_warp dl:nth-child(3){

    margin-left: 0

}

.case_warp  dl img{

    width: 323px;

    height: 210px;

}

.case_warp  dl dd{

    text-align: center;

    padding-top:20px;

}

.case_warp  dl h4 a{

	display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}


.case_warp  dl dd p{

    color: #999;

    line-height: 30px;

    display: block;

}

.case_warp  dl:hover{

    border: solid 1px #0357a3;

}

.case_warp  dl:hover a.more{

    background: #0357a3;

    color: #fff;

    box-shadow: 2px 2px 5px #0357a3;

    border: none;

}



/*公司简介*/

.ab_wrap{

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

    height: 600px;

    box-sizing: border-box;

    padding-top: 60px;

}

.about_con dl dt {

    float: left;

    height: 380px;


    position: relative;

}

.about_con dl dt .hd{

    width: 587px;

    height: 380px;

    background: #0357a3;

    position: absolute;

    left: -50px;

    bottom: -70px;

}

.about_con dl dt .bd{ position:relative; z-index:9;}

.about_con dl dt img {

    width: 587px;

    height: 380px;

}



.about_con dl dt a {

    display: block;

    width: 587px;

    height: 380px;

    

}

.about_con dl dt ul{

    position: absolute;

    right: 20px;

    bottom: 20px;

    z-index: 9;

    width: 100%;

    text-align: center;

}

.about_con dl dt ul li{

    width:10px;

    height: 10px;

    margin-right: 5px;

    background: rgba(255,255,255,0.6);

    z-index: 9;

    display: inline-block;

    border-radius: 5px;

}

.about_con dl dt ul li.on{

    background: rgba(255,255,255,1);

    width: 30px;

}

.about_con dl dd {

    width: 593px;

    height: 380px;

    float: right;

    box-sizing: border-box;

    padding: 40px 30px;

    background: #fff;

}



.about_con dl dd a {

    display: block;

}



.about_con dl dd b.title {

    font-size: 18px;

    line-height: 40px;

}

.about_con dl dd span{

    display: inline-block;

    background: #0357a3;

    height: 2px;

    width: 30px;

    margin-right: 5px;

}



.about_con dl dd p.nei {

    font-size: 14px;

    line-height: 36px;

    margin-top: 10px;

    height: 144px;

    overflow: hidden;

}



.about_con dl dd a.more {

    display: block;

    width: 100px;

    height: 30px;

    border: solid 1px #999;

    color: #999;

    text-align: center;

    line-height: 30px;

    margin-top: 40px;

    text-transform: uppercase;

}



.new_warp .hd{

    width: 145px;

    height: 410px;

    float: left;

    background: #f6f6f6;

    position: relative;

    top: -50px;

}

.new_warp .hd li{

    border-bottom: dashed 1px #ccc;

    padding-top: 15px;

    height: 60px;

}

.new_warp .hd li.on{

    background: #0357a3;

}

.new_warp .hd li.on a{

    color: #fff

}

.new_warp .hd li.on a span{

    color: #fff

}

.new_warp .hd li a{

    font-size: 18px;

    padding-left: 20px;

    

}

.new_warp .hd li a span{

    font-size: 12px;

    color: #999;

    text-transform: uppercase;

    display: block;

    padding-left: 20px;

}

.new_warp .hd .tel{

    text-align: center;

    margin-top: 40px;

}

.new_warp .hd .tel a{

    display: block;

    margin: 0 auto;

    width: 80px;

    height: 24px;

    background: #0357a3;

    text-align: center;

    line-height: 24px;

    color: #fff;

    margin-top: 10px;

    font-size: 12px;

}

.new_warp .bd{

    width: 1030px;

    height: 340px;

    float: right;

    margin-top: 40px;

}

.new_warp .bd .list .tj{

    width: 355px;

    height: 320px;

    float: left;

    background: #f6f6f6;

    box-sizing: border-box;

    padding: 15px;

    margin-right: 10px;

}

.new_warp .bd .list .tj img{

    width: 325px;

    height: 200px;

}

.new_warp .bd .list .tj h4{

    font-size: 16px;

    line-height: 45px;
	
	height:45px;

}

.new_warp .bd .list .tj h4 b{
	width:230px;
	display:block;
	float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.new_warp .bd .list .tj h4 span{

    font-size: 14px;

    float: right;

    color: #999;

}

.new_warp .bd .list .tj p{

    color: #999;

    line-height: 24px;

}

.new_warp .bd .list ul{

    float: right;

    width: 660px;

}

.new_warp .bd .list ul li{

    width: 330px;

    float: left;

    line-height: 40px;

    height: 40px;

    overflow: hidden;

    border-bottom: solid 1px #ddd;

    box-sizing: border-box;

    padding:0 15px;

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

}

.new_warp .bd .list ul li span{

    float: right;

    color: #999;

}