@charset "utf-8";

/* CSS Document */



/*

 * @Author: hbiao 

 * @Date: 2017-11-27 19:31:23 

 * @Last Modified by: hbiao

 * @Last Modified time: 2017-11-29 09:48:02

 */





 /* Title */

.Title{width: 100%;text-align: center;padding-top: 56px;}

.Title h2{font-size: 32px;color: #333333;font-weight: normal;}

.Title h2 a{color: #333333;text-decoration: none;}

.Title p{font-size: 18px;color: #888888;margin-top: 5px;}

.Title i{display: block;width: 169px;height: 2px;margin: 18px auto 0;}

.Title i img{display: block;width: 169px;height: 2px;}



/* banner 

.banner{width: 100%;height: 550px;position: relative;}

.banner a{display: block;background: url(../images/banner.jpg) no-repeat center;height: 550px;}

.banner .btnList{width: 100%;text-align: center;position: absolute;bottom: 30px;}

.banner .btnList span{display: inline-block;*display: inline-block;width: 35px;height: 1px;background: #5e9ac6;margin: 0 5px;}

.banner .btnList span.cur{background: #fff;}



*/

.banner{ overflow:hidden; width:100%;}

#flashs{ position:relative; height:650px; overflow:hidden;}

#flashs .btn{ width: 100%;text-align: center;position: absolute;bottom: 30px;z-index: 998;}

#flashs .btn span{ display: inline-block;*display: inline-block;width: 35px;height: 1px;background: #5e9ac6;margin: 0 5px;}

#flashs .btn span.cur {background: #fff;}



#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

#flashs:hover .bot{display: block;}



/* search */

.search{width: 100%;height: 66px;background: #f6f6f6;}

.search p{float: right;height: 66px;line-height:66px;font-size: 14px;color: #333333;width: 575px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: bold;}

.search p a{font-size: 14px;color: #888888;font-weight: normal;margin-left: 22px;}

.search p a:first-child{margin-left: 0;}



.search .Input{width: 335px;height: 33px;line-height: 33px;float: left;margin-top: 16px;position: relative;background: url(../images/searchBg.png) no-repeat center;}

.search .Input input{padding-left: 20px;font-size: 13px;outline: none;border: none;color: #999999;height: 33px;line-height: 33px;width: 275px;background: none;float: left;}

.search .Input a{display: block;width: 40px;height:33px;background: url(../images/searchBtn.png) no-repeat center;float: right;}



/* classfiy */

.classfiy{width: 100%;padding-bottom: 60px;}

.classfiy .mainCon{width: 100%;margin-top: 55px;overflow: hidden;}

.classfiy .mainCon ul{margin-left: 25px;width: 105%;}

.classfiy .mainCon li{float: left;width: 130px;margin-right: 74px;margin-bottom: 34px;}

.classfiy .mainCon li a{text-decoration: none;display: block;}

.classfiy .mainCon li img{display: block;width: 130px;height: 276px;position: relative;}

.classfiy .mainCon li span{display: block;width: 130px;height: 138px;overflow: hidden;position: relative;}

.classfiy .mainCon li em{font-size: 16px;color: #333333;display: block;margin-top: 15px;text-align: center;}

.classfiy .mainCon li:hover img{top: -138px;}

.classfiy .mainCon a.more{width: 166px;height: 46px;line-height: 46px;text-align: center;font-size: 15px;color: #fff;background: #f26a20;display: block;margin: 22px auto 0;text-decoration: none;}

.classfiy .mainCon a.more img{display: inline-block;*display: inline-block;margin-left: 8px;position: relative;top:-3px;}





/* case */

.case{width: 100%;background: #fffff;height: 548px;}

.case .mainCon{width: 100%;margin-top: 54px;padding-bottom: 73px;border-bottom: 1px solid #e9e9e9;}

.case .mainCon .menu{width: 330px;margin: 0 auto;}

.case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666;}

.case .mainCon .menu li:first-child{border-left: 1px solid #e7e7e7;}

.case .mainCon .menu li{float: left;position: relative;width: 160px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #e7e7e7;border-left: none;font-size: 15px;color: #666666}

.case .mainCon .menu li a{color: #666666;text-decoration: none;display: block;}

.case .mainCon .menu li i{display: none;width: 11px;height: 5px;position: absolute;bottom: -5px;left: 50%;margin-left: -6px;}

.case .mainCon .menu li img{display: block;}

.case .mainCon .menu li.cur{background: #0c6eb3;border-color: #0c6eb3;}

.case .mainCon .menu li.cur i{display: block;}

.case .mainCon .menu li.cur a{color: #fff;}

.case .mainCon .conBox{width: 100;position: relative;margin-top: 50px;}

.case .mainCon .conBox .caseBtn{width: 1200px;position: absolute;left: 50%;top: 86px;height: 49px;margin-left: -600px;}

.case .mainCon .conBox .btn{display: block !important;width: 52px;height: 49px;cursor: pointer;position: absolute;top: 0px;z-index: 99;}

.case .mainCon .conBox .btn img{display: block;width: 52px;height: 49px;}

.case .mainCon .conBox .prev{left: 0px;}

.case .mainCon .conBox .next{right: 0px;}

.case .mainCon .conBox .con{height: 404px;width: 100%;overflow: hidden;position: relative;}

.case .mainCon .conBox .con .box{width: 1200px;height: 404px;position: relative;}

.case .mainCon .conBox .box ul{position: absolute;left: 0px;top: 0;width: 200%;}

.case .mainCon .conBox .box li{float: left;width: 392px;margin-right: 12px;position: relative;height: 404px;}

.case .mainCon .conBox .box .Pics{display: block;width: 392px;height: 254px;overflow: hidden;}

.case .mainCon .conBox .box .Pics img{display: block;width: 392px;height: 254px;transform: scale(1);transition: all 1s ease-out;}

.case .mainCon .conBox .box .intro{position: absolute;width: 392px;height: 124px;bottom: 0;left: 0;text-align: center;padding-top: 26px;}

.case .mainCon .conBox .box .intro h3{font-size: 16px;color: #333333;font-weight: normal;}

.case .mainCon .conBox .box .intro h3 a{color: #333333;text-decoration: none;}

.case .mainCon .conBox .box .intro p{line-height: 22px;font-size: 13px;color: #9c9c9c;height: 44px;padding: 0 0px;margin-top: 22px;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px; text-align:center;width:80%;margin:20px auto}

.case .mainCon .conBox .box .intro a.more{display: none;width: 125px;height: 35px;line-height: 35px;color: #fff;font-size: 13px;background: url(../images/case_ty.png) no-repeat center;margin: 26px auto 0;}

.case .mainCon .conBox .box li:hover .intro{background: #0c6eb3;}

.case .mainCon .conBox .box li:hover .intro h3 a{color: #fff;}

.case .mainCon .conBox .box li:hover .intro p{color: #fff;}

.case .mainCon .conBox .box li:hover .Pics img{transform: scale(1.2);}





/* flow */

.flow{width: 100%;padding-bottom: 78px;margin-top: 242px;}

.flow .mainCon{width: 100%;margin-top: 50px;}

.flow .mainCon .conBox{width: 100%;height: 356px;overflow: hidden;position: relative;}

.flow .mainCon .conBox .box{width: 100%;height: 356px;}

.flow .mainCon .conBox .boxL{float: left;width: 618px;height: 356px;}

.flow .mainCon .conBox .boxL img{display: block;width: 618px;height: 356px;}

.flow .mainCon .conBox .boxR{width: 582px;float: left;background: url(../images/flowBg.jpg) no-repeat center;height: 356px;}

.flow .mainCon .conBox .boxR dt{float: left;width: 68px;height: 79px;padding-top: 12px;background: #f26a20;text-align: center;}

.flow .mainCon .conBox .boxR dt span{display: inline-block;font-size: 42px;color: #fff;font-family: arial;padding-bottom: 10px;border-bottom: 1px solid #fff;*display: inline-block;zoom: 1;font-weight: bold;}

.flow .mainCon .conBox .boxR dd{width: 390px;float: left;margin-left: 22px;padding-top: 86px;}

.flow .mainCon .conBox .boxR h3{font-size: 30px;color: #fff;}

.flow .mainCon .conBox .boxR span{display: block;color: #5096c8;font-size: 14px;margin-top: 4px;}

.flow .mainCon .conBox .boxR i{margin: 26px 0 32px 0;height: 1px;display: block;background: #257dbb;    }

.flow .mainCon .conBox .boxR p{line-height: 28px;font-size: 15px;color: #fff;}

.flow .mainCon .menu{width: 100%;position: relative;margin-top: 60px;}

.flow .mainCon .menu ul{position: relative;z-index: 2;}

.flow .mainCon .menu li{float: left;margin-left: 36px;width: 140px;text-align: center;cursor: pointer;}

.flow .mainCon .menu li span{display: block;width: 58px;height: 37px;line-height: 37px;margin: 0 auto;font-size: 16px;color: #fff;font-family: arial;background: url(../images/flow_y01.jpg) no-repeat center;}

.flow .mainCon .menu li:first-child{margin-left: 0;}

.flow .mainCon .menu li em{font-size: 16px;color: #333333;margin-top: 22px;display: block;}

.flow .mainCon .menu i{position: absolute;width: 100%;height: 1px;background: #e9e9e9;top: 17px;left: 0;}

.flow .mainCon .menu li.cur span{background: url(../images/flow_y02.jpg) no-repeat center;}



/* scheme */

.scheme{width: 100%;background: url(../images/schemeBg.jpg) no-repeat center;height: 645px;}

.scheme .Title h2{color: #fff;font-weight: bold;}

.scheme .Title p{display: inline-block;*display: inline-block;color: #fff;background: #f26a20;padding: 0 16px;border-radius: 16px;height: 30px;line-height: 30px;}

.scheme .mainCon{width: 100%;margin-top: 38px;height: 390px;}

.scheme .mainCon .boxL{width: 556px;float: left;margin-top: 40px;}

.scheme .mainCon .boxL .form_line{width: 100%;margin-bottom: 12px;}

.scheme .mainCon .boxL .label{float: left;width: 172px;text-align: right;height: 45px;line-height: 45px;font-size: 18px;color: #333333;}

.scheme .mainCon .boxL .label em{float: right;line-height: 40px;font-size: 20px;color: #f26a20;position: relative;top: 5px;}

.scheme .mainCon .boxL select{width: 170px;height: 43px;border: 1px solid #e4e4e4;font-size: 14px;color: #666666;margin-right: 8px;padding-left: 14px;outline: none;}

.scheme .mainCon .boxL input{width: 335px;height: 43px;border: 1px solid #e4e4e4;outline: none;padding-left: 14px;font-size: 14px;color: #b3b3b3;}

.scheme .mainCon .boxL .element{margin-left: 10px;float: left;}

.scheme .mainCon .boxL .acreage input{padding-right: 40px;width: 295px;display: block;float: left;}

.scheme .mainCon .boxL .acreage em{margin-left: -40px;font-size: 18px;color: #333333;display: block;float: left;line-height: 43px;}

.scheme .mainCon .boxL .phone p{margin-top: 13px;font-size: 14px;color: #f26a20;}

.scheme .mainCon .boxL a.count{width: 166px;height: 46px;line-height: 46px;text-align: center;font-size: 15px;color: #fff;background: #f26a20;display: block;text-decoration: none;margin: 20px 0 0 182px}

.scheme .mainCon .boxL a.count img{display: inline-block;*display: inline-block;margin-left: 8px;position: relative;top:-3px;}

.scheme .mainCon .boxR{width: 416px;margin-right: 85px;margin-top: 34px;float: right;}

.scheme .mainCon .boxR h3{font-size: 18px;color: #333333;font-weight: normal;font-size: 18px;}

.scheme .mainCon .boxR h3 em{color: #f26a20;font-family: arial;font-size: 28px;margin-right: 4px;display: inline-block;*display: inline-block;zoom: 1;width: 100px;}

.scheme .mainCon .boxR ul{border: 1px solid #e9e9e9;height: 162px;padding-top: 28px;margin-top: 36px;}

.scheme .mainCon .boxR li{overflow: hidden;margin-bottom: 14px;}

.scheme .mainCon .boxR li span{display: block;width: 50%;text-align: right;font-size: 14px;color: #333333;float: left;}

.scheme .mainCon .boxR li b{display: block;width: 48%;float: left;padding-left: 2%;font-weight: normal;position: relative;top: -4px;}

.scheme .mainCon .boxR li em{font-size: 20px;color: #333333;font-family: arial;margin-right: 5%;width: 55px;display: inline-block;*display: inline-block;zoom: 1;}

.scheme .mainCon .boxR p{margin-top: 32px;padding-left: 40px;background: url(../images/scheme_phone.png) no-repeat left center;}

.scheme .mainCon .boxR p em{font-size: 14px;color: #999999;position: relative;top: -6px;}

.scheme .mainCon .boxR span{font-size: 30px;color: #0c6eb3;}







/* adv */

.adv{width: 100%;background: url(../images/advBg.jpg) no-repeat center;height: 684px;}

.adv .mainCon{width: 100%;margin-top: 50px;position: relative;}

.adv .mainCon .conBox{width: 1210px;height: 493px;margin-left: -10px;overflow: hidden;}

.adv .mainCon .conBox dt{float: left;width: 600px;height: 402px;border-top: 9px solid #fff;border-left: 10px solid #fff;margin-top: 82px;}

.adv .mainCon .conBox dd{width: 459px;height: 299px;padding: 125px 72px 0 69px;float: left;background: #fbfbfb;}

.adv .mainCon .conBox dd h3{font-size:26px;color: #333333;font-weight: normal;}

.adv .mainCon .conBox dd h3 em{color: #333333;font-weight: bold;font-family: arial;font-size: 40px; }

.adv .mainCon .conBox dd span{display: block;font-size: 14px;color: #cdcdcd;position: relative;top: -10px;}

.adv .mainCon .conBox dd i{display: block;width: 100%;height: 1px;background: #f1f1f1;margin: 14px 0 30px 0;}

.adv .mainCon .conBox dd p{line-height: 28px;color: #666666;font-size: 18px;}

.adv .mainCon .menu{width: 600px;height:139px;position: absolute;right: 0;bottom: 0;}

.adv .mainCon .menu li{float: left;width:198px;height: 69px;background: #0c6baf;font-size: 22px;color: #fff;text-align: center;line-height: 69px; margin-left:1px; margin-bottom:1px;/*border-left: 1px solid #8db9d9; border-bottom:1px solid #8db9d9*/}

.adv .mainCon .menu li img{display: inline-block;*display: inline-block;position: relative;top: 8px;margin-right: 10px;}

.adv .mainCon .menu li.cur{background: #f26a20;}



/* about */

.about{width: 100%;}

.about .mainCon{width: 100%;margin-top: 0px;}

.about .mainCon .conL{float: left;width: 598px;}

.about .mainCon .conL h3{font-size: 24px;color: #333333;font-weight: normal;}

.about .mainCon .conL h3 a{color: #333333;text-decoration: none;}

.about .mainCon .conL i{display: block;width: 43px;height: 2px;background: #0c6baf;margin: 21px 0 36px 0;}

.about .mainCon .conL p{font-size: 14px;line-height: 26px;color: #666666;text-indent: 2em;}

.about .mainCon .conL a.details{display: block;width: 146px;height: 42px;}

.about .mainCon .conL a.details img{display: block;width: 146px;height: 42px;margin-top: 55px;}

.about .mainCon .conL .box {margin-top: 66px;}

.about .mainCon .conL .box a img{display: inline-block;*display: inline-block;position: relative;top: 12px;margin-right: 10px;width: 39px;height: 39px;}

.about .mainCon .conL .box a{display: block;background: #0c6baf;color: #fff;width: 170px;height: 64px;margin-right: 7px;float: left;text-decoration: none;text-align: center;font-size: 15px;font-weight: bold; line-height:64px; text-align:center}

.about .mainCon .conL .box a:first-child{background: #f26a20;}

.about .mainCon .conR{width: 443px;height: 460px;padding: 0 50px;background: #0c6baf;float: right;}

.about .mainCon .conR h3{padding-top: 24px;font-size: 20px;color: #fff;text-align: right;}

.about .mainCon .conR h3 a{font-size: 20px;color: #fff;}

.about .mainCon .conR h3 em{font-size: 16px;color: #7fb1d5;}

.about .mainCon .conR .conBox{width: 443px;position: relative;margin-top: 26px;height: 361px;overflow: hidden;}

.about .mainCon .conR .conBox i{display: block;width: 52px;height: 49px;position: absolute;top: 152px;cursor: pointer;z-index: 9}

.about .mainCon .conR .conBox i.prev{left: 0;}

.about .mainCon .conR .conBox i.next{right: 0;}

.about .mainCon .conR .conBox .box{position: relative;height: 361px;overflow: hidden;}

.about .mainCon .conR .conBox ul{position: absolute;top: 0;left: 0;}

.about .mainCon .conR .conBox li span{border: 1px solid #eeeeee;width: 441px;display: block;height: 323px;}

.about .mainCon .conR .conBox li span img{display: block;width: 441px;height: 323px;}

.about .mainCon .conR .conBox li{width: 443px;float: left;text-align: center;}

.about .mainCon .conR .conBox li p{font-size: 15px;color: #fff;margin-top: 18px;display: block;}

.about .mainCon .conR .conBox li a{display: block;text-decoration: none;}



/* news */

.news{width: 100%;background: #f5f5f5;padding-bottom: 50px; margin-bottom:-40px;}

.news .mainCon{width: 100%;margin-top: 33px;}

.news .mainCon .menu{width: 444px;margin: 0 auto;}

.news .mainCon .menu li{float: left;width: 145px;height: 46px;line-height: 46px;text-align: center;margin-left: 3px;background: #0c6baf;font-size: 16px;color: #fff;position: relative;}

.news .mainCon .menu li a{text-decoration: none;display: block;color: #fff;}

.news .mainCon .menu li i{display: none;position: absolute;width: 9px;height: 5px;left: 50%;margin-left: -4px;bottom: -5px;}

.news .mainCon .menu li img{display: block;width: 9px;height: 5px;}

.news .mainCon .menu li.cur{background: #f26a20;}

.news .mainCon .menu li.cur i{display: block;}

.news .mainCon .conBox{width: 100%;height: 400px;overflow: hidden;margin-top: 35px;}

.news .mainCon .conBox .box{width: 100%;height: 400px;}

.news .mainCon .conBox .boxL{float: left;width: 502px;height: 384px;border: 8px solid #fff;}

.news .mainCon .conBox .boxL a{position: relative;display: block;width: 502px;height: 384px;}

.news .mainCon .conBox .boxL a img{width: 502px;height: 384px;}

.news .mainCon .conBox .boxL a span{display: block;height: 53px;position: absolute;left: 0;bottom: 0;width: 100%;background: url(../images/newsBg.png);line-height: 53px;text-align: center;font-size: 16px;color: #fff;}

.news .mainCon .conBox .boxR{width: 634px;float: right;}

.news .mainCon .conBox .boxR dl{height: 107px;border-top: 1px dotted #d2cdcc;padding-top: 14px;}

.news .mainCon .conBox .boxR dl:first-child{border-top: none;}

.news .mainCon .conBox .boxR dt{width: 78px;float: left;text-align: center;}

.news .mainCon .conBox .boxR dt span{display: block;font-size: 58px;color: #c8c8c8;}

.news .mainCon .conBox .boxR dt em{display: block;font-size: 18px;color: #c8c8c8;position: relative;top: -5px;}

.news .mainCon .conBox .boxR dd{padding-top: 10px;width: 538px;float: right}

.news .mainCon .conBox .boxR dd h3{font-size: 16px;color: #333333;font-weight: normal;}

.news .mainCon .conBox .boxR dd h3 a{color: #333333;text-decoration: none;}

.news .mainCon .conBox .boxR dd p{line-height: 24px;color: #888888;font-size: 13px;margin-top: 12px;height: 48px;overflow: hidden;text-overflow: ellipsis;}

.news .mainCon .conBox .boxR dd p a{text-decoration: none;color: #888888;}

.news .mainCon .conBox .boxR dd:hover h3 a{color: #f26a20;font-weight: bold;}

/* .link */

.link{height: 23px;background: #f5f5f5;}

.link dl{position: relative;}

.link dt{width: 183px;height: 62px;background: #f26a20;line-height: 62px;text-align: center;font-size: 14px;color: #fff;position: absolute;left: 0;top: 0;}

.link dt a{font-size: 14px;color: #fff;}

.link dt em{font-size: 30px;color: #fff;font-weight: bold;font-family:arial;text-transform: uppercase;}

.link dd{width: 1377px;height: 62px;background: #0c6baf;position: absolute;left: 183px;top: 0;}

.link dd p{width: 1017px;overflow: hidden;}

.link dd p a{display: block;font-size: 14px;color: #fff;float: left;margin-left: 30px;height: 62px;line-height: 62px;}




/*********banner css*************/
.slide_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height:58px;
  width: 58px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }



/************在线留言 ***************/
	/* formbox */
#conform{ width:470PX; margin-top:30px; /*border:1px solid #CCC;*/ float:left }
.ttt{ width:96%; height:30px; line-height:30px; background:#4D5F7E ; padding-left:2%; margin-bottom:20px; font-size:14px; font-weight:bold; color:#FFF}
.ttt2{ width:98%; height:30px; line-height:30px; background:#4D5F7E ; padding-left:2%; margin-bottom:20px; font-size:14px; font-weight:bold; color:#FFF}
.formbox{width:470px;margin:0 auto; margin-top:40PX;}
.formbox li{height:50px !important;float: left !important;
text-align:left !important; width:100% !important; margin-top:10px; margin-left:-5px;
}
.formbox li label{ line-height:32px; width:100px; float:left; text-align:right; }
.formbox li label em{ color:#F00;display:inline-block;margin-top:7px;line-height:10px;vertical-align:top; }
.formbox li input.text{ float:left; height:46px; font-size:12px; padding:2px; padding-top:0px; margin:0px 0 0 0; width:300px; line-height:16px; border:1px solid #d7dbde; background:#d7dbde; padding-left:20px; font-size:14px;}
.formbox li input.text22{ float:left; height:50px; font-size:12px; padding:2px; margin:3px 0 0 0; width:150px;line-height:16px;  }
.formbox li textarea{ float:left; font-size:12px; padding:2px; margin:3px 0 0 0; width:302px; height:40px; margin-bottom:20px; }
.formbox li .btnimg{ height:50px; background:#0c6db2 ; border:0; width:164px; cursor:pointer; font-size:14px; font-weight:800; color:#fff; margin-left:55px;}


.indexmapbox{ width:685px; height:306px; float:left; background:#669; margin-top:80px;}