@charset "utf-8";
/* CSS Document */
*{ padding:0;margin:0;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
body {font-family:Helvetica, Tahoma, Arial, "Microsoft YaHei";  background-color:#fff;min-width:1200px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
img{ border: none;}
li{ list-style: none;}
ul, ol{ list-style: none;}
input,label,img,th{vertical-align:middle;}
em, i{font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-style: normal; font-weight:normal;}
a{text-decoration: none;}
*:focus {outline: none;}
.container{ max-width: 1200px; min-width: 1200px; margin:0 auto; overflow:hidden;}
.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{ 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: "."; 
    clear: both; 
    height: 0; 
}

/*header***************************************************************/
header{width: 100%; height: 110px; line-height: 110px; background: #fff;}
header h1{}
header h1 a{display: block;}
.tel{font-size:24px; color: #f78b1d;  line-height: 30px;
background: url(../images/tel_bg.png) no-repeat center left; padding-left: 30px;
 margin-top: 40px;}
.nav{ margin-top: 40px; margin-left: 30px}
.nav li{float:left; width: 130px; height:40px; line-height:40px;
text-align: center; font-size:16px;}
.nav li>a{display:block;color:#666666; }
.nav li a:hover, .nav li a.cur{background: #1792d4; color: #fff; border-radius: 30px;}
.nav li a:hover{transition:all .5s;
 -webkit-transition:all .5s; -moz-transition:all .5s;
 -ms-transition:all .5s; -o-transition:all .5s;}



/*banner***************************************************************/
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;}
.swiper-pagination-bullet{opacity:1!important;background: #fff!important;}
.swiper-pagination-bullet-active{background: #1792d4!important;}



/*syproject***************************************************************/
.sytit1{ border-top: 5px solid #1792d4; text-align: center; color: #fff;
  background: url(../images/sytit1-bg.png) no-repeat center center;
  padding: 10px 0 24px 0; margin-bottom: 45px}
.sytit1 span{font-size: 36px; text-transform: uppercase; display: block;}
.sytit1 em{font-size: 30px;display: block;}
.sytit{text-align: center;  color: #0493e1; padding:45px 0; }
.sytit span{font-size: 36px; text-transform: uppercase; display: block;}
.sytit em{font-size: 30px;display: block;}
.lan{color: #0493e1}

.syproject ul{width: 100%; display: inline-block;}
.syproject ul li{float: left; width: 275px; height: 300px; position: relative;
margin: 0px 33px 33px 0; overflow:hidden;}
.syproject ul li img{ height: 100%;}
.syproject ul li p{position: absolute; bottom: 0; left: 0; width: 100%;
background: rgba(0,0,0,0.8); color: #fff; text-align: center;
height: 45px; line-height: 45px;}
.syproject ul li .mask{background: rgba(0,0,0,0.7);color: #fff; width:100%; opacity: 0;
height: 100%; position: absolute; top:100%; left: 0; text-align: center; padding:20px 0; }
.syproject ul li .mask a{font-size: 16px; color: #fff; display: block; line-height:30px;}
.syproject ul li:hover p{ opacity: 1;}
.syproject ul li:hover .mask{opacity: 1; top: 0}
.syproject ul li a:hover{text-decoration: underline;}
.syproject ul li .mask{transition: .6s ease-in-out;
  -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out;
  -ms-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out;}


/*syanli***************************************************************/
.syanlibg{width: 100%; /*background: url(../images/syanli-bg.png) no-repeat;*/padding-bottom:20px;background-color:#f4f4f4 }
.syanli{width: 100%;}
.syanli li{float: left; width:370px;margin: 0px 45px 10px 0;}
.syanli li a{display: block; color: #666666;}
.syanli li b{ width:100%; height:218px; overflow: hidden; display: block; border: 3px solid #fff}
.syanli li b img{width:100%; height:100%;}
.syanli li p{width: 100%;margin:25px 0; text-align: center; font-size: 18px;
height: 24px; overflow: hidden;}
.syanli li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}

.anlidmore{width:300px;height:50px;line-height:50px;margin: 20px auto; text-align:center;
background: #fff; border-radius:40px;font-size:26px;}
.anlidmore a{color:#3da4dc;display:block; font-weight:bold;}
.anlidmore i{display: inline-block;width:27px; height:13px; margin-top: -2px;
  background: url(../images/anlidmore-ibg.png) no-repeat center center; opacity: 0; }
.anlidmore:hover i{opacity: 1; margin:0 15px;}
.anliul li, .anlidmore i{transition:all .5s;
-webkit-transition:all .5s; -o-transition:all .5s;
-moz-transition:all .5s; -ms-transition:all .5s;}


/*syjianjie***************************************************************/
.syjianjie{ width:100%;}
.syjianjiey{ width:540px;}
.syjianjiey img{width:100%; height:auto}
.syjianjiey:hover img{transform: scale(0.95); -webkit-transform: scale(0.95)
-o-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95)}

.syjianjiez{ width:50%;}
.syjianjiez span{ width:100%; font-size:30px;color:#0493e1;display:block;}
.syjianjiez span:after{content: ""; display: block;
  width:50px; height:2px; background: #0493e1; margin: 25px 0;}
.syjianjiez p{overflow:hidden;font-size:18px; line-height:1.8; color:#333333;}
.syjianjiez .amore{display:block;  font-size:17px; color:#0493e1; width: 200px; text-align: center;
 margin-top:60px; border:1px solid #0493e1; border-radius: 30px; height: 40px; line-height:40px}
.syjianjiez span:after, .syjianjiez .amore{transition:all .5s;
-webkit-transition:all .5s; -o-transition:all .5s;
-moz-transition:all .5s; -ms-transition:all .5s;}
.syjianjiez:hover span:after{width:300px;}
.syjianjiez .amore:hover{background: #0493e1; color: #fff;}



/*syzizhi***************************************************************/
#box{ width:100%; height: 290px; margin:0 auto; position:relative; overflow:hidden;}    
#box ul{ position:absolute; left:0; top:0;}    
#box ul li{float:left;margin-right:80px;width: 238px;margin-top: 20px;} 

.syzizhiall{width:100%; position:relative; margin-bottom: 30px;}

/*.syzizhiall li{float:left;margin-right:80px;width: 238px;margin-top: 20px;}*/
#box li p { width: 100%; text-align: center;height: 238px;  }
#box li p::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
#box li p img { max-width: 100%;max-height: 100%;}
#box li span{ height:40px; line-height: 40px; color: #666666; font-size: 16px; display:block; text-align: center;  }
.syzizhiall .prev{ background: url(../images/zizhi-prev.jpg) no-repeat;
 width:36px;height: 103px;position:absolute;top:60%;cursor:pointer;left:0;}
.syzizhiall .next{ background: url(../images/zizhi-next.jpg) no-repeat;
 width:36px;height: 103px;position:absolute;top:60%;cursor:pointer;right:0;}

  

/*synews***************************************************************/
.synews{width: 100%; margin-bottom: 45px}
.synews ul{width: 100%; display: inline-block;}
.synews li{width: 48%;font-size: 14px; margin-bottom: 60px;}
.synews li a{color: #666;}
.synews li img{width: 149px; height: 113px; float: left;}
.synews li .synewsy{width: 70%;}
.synewsy span{font-size: 16px; display: block; margin-bottom: 10px;}
.synewsy p{line-height: 28px;}
.synewsy em{display: block; margin-top: 5px;}
.newsdmore{border:1px solid #0493e1}
.synews li{transition:all .5s;
-webkit-transition:all .5s; -o-transition:all .5s;
-moz-transition:all .5s; -ms-transition:all .5s;}
.synews li:hover .synewsy span{color: #0493e1;}
.synews li:hover{transform: translateY(5px); -webkit-transform: translateY(5px);
-o-transform: translateY(5px); -ms-transform: translateY(5px); -moz-transform: translateY(5px);}


.link{width: 100%; margin-bottom: 25px; }
.link span{ margin-bottom: 20px; font-size: 18px;width: 100%; display: block; color: #0493e1}
.link a{display: inline-block;font-size: 14px;  color: #666666;
 margin-right: 5px; margin-bottom: 10px;}
.link a:hover{ text-decoration: underline;}

/*footer*****************************************************************/
.foot{background: #3da4dc; padding:35px 0 15px 0; width: 100%; color: #fff;}
.footul{width:100%; display: inline-block;}
.footul li{float: left; margin-right:33px; font-size: 14px;}
.footul span{font-size: 16px;display: block;margin-bottom:30px;}
.footul a{display: block;margin-bottom: 10px;color: #fff;}
.footul a:hover{text-decoration: underline;}

.foottel{}
.foottel span{font-size: 16px;display: block;margin-bottom:30px;}
.foottel p{font-size: 14px; color: #fff;line-height: 24px;}
.copy{width: 100%;font-size: 14px; color: #fff; padding-top: 20px; margin-top:30px;
background: url(../images/copy-bg.jpg) repeat-x top; text-align: center; line-height:24px;}
.copy a{font-size: 14px; color: #fff;line-height: 24px;}
.copy span{float: right;}


/*gong gong*******************************************************************/
.nban{width: 100%; overflow: hidden;}
.nban img{width: 100%}
.posi{width: 100%; border-bottom: 1px solid #e6e6e6; padding: 20px 0;
font-size: 16px; color: #666;}
.posi a{color: #666;}
.posi a:hover{color: #0493e1}

.neirong{font-size: 14px; color: #666; line-height: 1.8; overflow: hidden; margin-bottom:40px}
.neirong p{font-size: 14px; color: #666; line-height: 2.2; overflow: hidden;}
.neirong img{width: auto; max-width: 100%}

.fenye{width: 100%; display: inline-block; margin:50px 0; 
  text-align:center; font-size:14px;}
.fenye a{ color:#000;padding:8px 15px; margin:0 2px; border: 1px solid #eeeeed}
.fenye a:hover{color:#fff;background: #00a8e7}
.fenye span{color:#fff;background: #00a8e7; padding:8px 15px; margin:0 5px;}


/*about*******************************************************************/
.neidtit{width: 100%; text-align: center; padding: 40px 0}
.neidtit span{font-size: 30px; color: #0493e1; display: block;}
.neidtit p{font-size: 18px; color: #0493e1; margin-top: 8px}
.neidtit:after{ display: block; content: "";margin:0 auto; margin-top: 5px;
  background:#0493e1; width: 50px; height: 2px;
transition: .6s ease-in-out;
  -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out;
  -ms-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out;}
.neidtit:hover:after{width: 100px;}
.about{font-size: 16px; color: #333; line-height: 1.8; overflow: hidden; margin-bottom:40px}
.about p{font-size: 16px; color: #333; line-height: 1.8; overflow: hidden;}
.about img{width: auto; max-width: 100%}

/*contact*******************************************************************/
.contact{width: 100%; overflow: hidden; margin-bottom: 40px;}
.contact .ditu{margin-top: 40px;}
.contact h1{font-size: 24px; color: #262626; margin: 30px 0;}
.contact p{font-size: 18px; color: #666; line-height: 1.8}
.contact p>span{color: #3da4dc}

/*zizhi*******************************************************************/
.zizhi{width: 100%; display: inline-block;}
.zizhi li{float:left;margin-right:80px;width: 238px;margin-bottom: 40px;}
.zizhi li p { width: 100%; text-align: center;height: 238px; }
.zizhi li p::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.zizhi li p img { max-width: 100%;max-height: 100%;}
.zizhi li span{ height:40px; line-height: 40px; color: #666666; font-size: 16px; display:block; text-align: center;  }

/*.zizhi li{float:left;margin-right:145px; border:1px solid white; width: 300px;height: 100%;overflow:hidden;margin-bottom: 40px;} 
.zizhi li img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);} */


/*neianli*******************************************************************/
.neianli li b{border: 3px solid #eaeaea;transition: all .5s;
-webkit-transition: all .5s; -o-transition: all .5s;
-ms-transition: all .5s; -moz-transition: all .5s;}
.neianli li a{color: #666666}
.neianli li:hover b{border: 3px solid #3da4dc}

/*news*******************************************************************/
.list_img{ overflow:hidden; margin:45px 0px; padding-bottom: 45px; border-bottom: 1px solid #e0e0e0}
.list_img li{ width:100%;float:left}
.list_img .liimg{width: 382px; height: 242px;overflow:hidden;}
.list_img .liimg img{width:100%; height: 100%}
.list_img .litxt{ width:64%;}
.list_img .litxt a{ color:#333333; display:block; }
.list_img .litxt span{ font-size:24px; margin-bottom:20px; display: block;}
.list_img .litxt:hover a{ color:#0493e1;}
.list_img .litxt p{ color:#666; font-size:14px; line-height:28px;height:110px; overflow:hidden;}
.list_img .litxt .more{ color:#333; margin-top:40px; display:block; font-size:18px;}
.list_img .litxt:hover .more{ color:#0493e1;}
.list_img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}

.list_new{ width: 100%;display: inline-block;}
.list_new li{width:100%; color:#666; font-size:14px; line-height:40px;}
.list_new li a{color:#666; display: block;}
.list_new li a:hover{ color:#0493e1; }
.list_new span{ float:right; }

/*newscon*******************************************************************/
.newscon-t{width: 100%; padding:35px 0; border-bottom: 1px solid #e0e0e0;
text-align: center; margin-bottom: 40px }
.newscon-t h1{font-size: 30px; color: #333;}
.newscon-t span{font-size: 14px; color: #999999; line-height: 30px; display: block;}
.blue{font-size:16px;}
.przuo{width: 250px; margin-top: 40px; background: #f6f6f6; display: inline-block;}
.przuo>li{ width:100%;  float:left;  line-height:55px; font-size:18px;
border-bottom:1px solid #e4e4e4;}
.przuo>li>a{ display:block; color:#666; padding-left:20px;}
.przuo>li:hover, .przuo>li.cur{background: #0a8ed4;}
.przuo>li:hover>a, .przuo>li.cur>a{color:#fff;}
/*.przuo>li.cur .przuo-zi{display: block;}*/
.przuo-zi{display:none; font-size:14px; background: #f6f6f6; padding:26px 0px 26px 26px;}
.przuo-zi>a{ padding-left:16px; display:block;color:#666; line-height: 28px;
 background: url(../images/przuo-abg.jpg) no-repeat left center;}
.przuo-zi>a:hover{color:#0086cf; text-decoration: underline;
 background: url(../images/przuo-abgh.jpg) no-repeat left center;}

.pryou{width:900px; margin-top: 40px;}





img{transition:all .5s;
 -webkit-transition:all .5s; -moz-transition:all .5s;
 -ms-transition:all .5s; -o-transition:all .5s;}
.bghuise{ background:#f7f7f7; width:100%; padding:50px 0px;}
.main2{display: block; background:#fff;width: 100%; min-width:1200px;max-width:1200px;margin: 0 auto; padding:0px 40px; padding-bottom:40px;}
.maintwo{display: block; background:#fff;width: 100%; min-width:1200px;max-width:1200px;margin: 0 80px; padding:0px 40px; padding-bottom:40px;}

/*新闻 内容页面 关于我们*/

.tuji{ overflow: hidden;}
.tuji li{ float:left; width: 280px; margin-right: 30px;  }
.tuji li p{ position:relative; display: block; width: 280px; height:300px; text-align: center; border:1px solid #e4e4e4;  }
.tuji li p img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 max-width:280px; max-height:300px;  vertical-align: middle;}
.tuji li span{ font-size: 14px; color: #666666; display: block; height: 50px; line-height: 50px; text-align: center; }
hr{ width:100%; height:1px; border:1px dashed #ebebeb; }



.art_new{ width:100%;}



.art_dtit{ color:#4f4f4f; text-align:center; width:100%; margin:0 auto; margin-top:40px; 



padding-bottom:20px; border-bottom:1px dashed #ebebeb;}



.art_dtit .art_tit{ font-size:30px;}



.art_dtit .art_date{font-size:14px; color:#777777; margin-top:10px;}







.art_txt{color:#747474; font-size:14px; line-height:1.8; overflow:hidden;}



.art_txt p{ margin:1.2em 0;}



.art_txt img{max-width:100%; }



.art_page{ width:100%; clear:both; margin-top:20px;}



.art_page a{ font-size:14px; color:#a0a0a0; display:block; margin:10px 0;}



.art_page a:hover{ color:#2e73b8; text-decoration:underline;}