@charset "utf-8";



blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,legend,li,menu,ol,p,pre,textarea,ul {margin: 0;padding: 0;border: 0}



address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;margin: auto}



body {font-family: -apple-system, Helvetica Neue, Arial, PingFang SC, lucida grande, lucida sans unicode, lucida, helvetica, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;}



li,ol,ul {list-style-type: none}



img {border: 0;vertical-align: middle}



h1,h2,h3,h4,h5,h6 {font-weight: 400}



b {display: block}



samp {font-family:"Microsoft Yahei"}



a:link {text-decoration: none; }



a:visited {text-decoration: none; }



a:hover {text-decoration: none; }



a:active {text-decoration: none; }



.clearfix:before,.clearfix:after {content: "";display: table; }



.clearfix:after {clear: both; }



.fix:after {clear: both;content: "";display: table} 











html{overflow-y: scroll;height:100%;}



html,body{min-width:1340px;}



.w1200{ width: 1200px; margin:0 auto; }



.w1180{ width: 1180px; margin:0 auto; }



.w920{ width: 920px; margin:0 auto; }



.w1280{ width: 1280px; margin:0 auto; position: relative; overflow: hidden; }



 



.fl{float:left;display:inline}



.fr{float:right;display:inline}



.clear{ clear: both; }







.layout{ width: 1200px; display: block; padding: 40px 0; margin:0 auto ; position: relative; overflow: hidden; }



.layout2{ width: 1200px; margin:0 auto;position: relative; overflow: hidden; }



.layout3{ width: 1200px; margin:0 auto;position: relative; overflow: hidden; padding: 40px 0;  }







.nav {  height:60px;  width: 100%; position: absolute; top:40px; z-index: 2;}

.logo { float: left; }  

.nav_fix {    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 9999;    height: 60px;  background: rgba(44,107,208,0.6); } 

.menu{ float: right; width:750px; }

.menu ul{ float: right; }

.menu ul li{ float: left; display: block; }

.menu ul li a{ padding: 0 10px;line-height: 62px; height: 62px; display: block; position: relative; font-size: 16px; color: #fff; margin-left: 10px; }

.menu ul li a:hover,.menu ul li a.current{ border-bottom: 1px solid #2375c6; }



 
.swiper-slide{ text-align: center; }
.swiper-slide  img{ max-width: 100%;  text-align: center; }



.ind_serve{ width: 100%; background: url(../images/index_bg2.jpg) no-repeat center bottom; position: relative; overflow: hidden; padding-top: 100px; display: block; }

.index_txt{ width: 1200px; margin: 0 auto; display: block; position: relative; overflow: hidden; }

.index_txt h3{ text-align: center; width: 100%; font-size: 30px; font-weight: bold; line-height:50px; color: #2d8dec; padding-bottom:10px; display: block; position: relative; overflow: hidden; }

.index_txt em{ background: #4f9dea; width: 60px; height: 5px; margin: 0 auto; display: block; position: relative; }

 

.servicesBox{ width: 100%; max-width: 1480px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0 120px; display: block;  }

.servicesBox .serBox { cursor:pointer;  display:inline; width:480px; height:466px; float:left; overflow:hidden; position:relative;}

.servicesBox .serBoxOn {display:none; width:480px; height:466px;  position:absolute; left:0px; top:0px; z-index:19;}

.servicesBox .serBox .pic1 { width:480px; height:308px; text-align:center; position:absolute; top:90px; right:0px; z-index:99;}

.servicesBox .serBox .pic1 .a1{ width: 480px; height:100px; display: table-cell; text-align: center; vertical-align: middle;  }

.servicesBox .serBox .pic1 .a1 img{ max-width: 480px; max-height: 100px; text-align: center; margin: 0 auto; display: block; }

.servicesBox .serBox .txt1 { width:480px; height:140px;   position:absolute; top:220px; left: 0px; z-index:99;}

.servicesBox .serBox .txt1 .a2{font-size: 22px; color: #fff; text-align: center; line-height: 35px; padding-top: 15px; padding-bottom: 15px; display: block;}

.servicesBox .serBox .txt1 .a3{font-size: 20px; color: #fff; text-align: center; line-height: 28px; padding: 10px 0; width: 300px; margin: 0 auto; display: block;  position: relative;}
.servicesBox .serBox .txt1 .a3:before{ width: 150px; height: 1px; position: absolute; top: 0; left: 50%; margin-left: -75px; display: block; background: #fff; content: "";  }
.servicesBox .serBox .txt1 .a3:after{ width: 150px; height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -75px; display: block; background: #fff; content: "";  }

.servicesBox .serBox .pic2 { width:480px; height:308px; text-align:center; position:absolute; top:90px; left:-480px; z-index:99;}

.servicesBox .serBox .pic2 .a1{font-size: 22px; color: #fff; text-align: center; line-height: 35px;}

.servicesBox .serBox .txt2 { width:480px; height:200px; position:absolute; top:150px; right:-480px; z-index:99;}

.servicesBox .serBox .txt2 .a2{font-size: 16px; line-height: 22px; color: #fff; text-align: center; width: 160px; height: 110px; margin: 0 auto; display: block;}

.servicesBox .serBox .txt2 .a3 a{ width: 148px; height: 39px; margin: 35px auto 0; display: block; position: relative; overflow: hidden; text-align: center; border: 3px solid #fff; line-height: 39px; font-size: 20px; color: #fff; border-radius:30px; }

.servicesBox .serBox .txt2 .a3 a:hover{ background: #fff; color: #2d8dec; } 



@media (max-width: 1479px){

.servicesBox{ width: 100%; max-width: 1300px; margin: 0 auto; position: relative; overflow: hidden; padding: 20px 0 40px; display: block;  }

.servicesBox .serBox { cursor:pointer;  display:inline; width:413px; height:401px;  float:left; overflow:hidden; position:relative;}

.servicesBox .serBoxOn {display:none; width:413px; height:401px;   position:absolute; left:0px; top:0px; z-index:19;}

.servicesBox .serBox .pic1 { width:413px; height:300px; text-align:center; position:absolute; top:70px; right:0px; z-index:99;}

.servicesBox .serBox .pic1 .a1{ width: 413px; height:100px; display: table-cell; text-align: center; vertical-align: middle;  }

.servicesBox .serBox .pic1 .a1 img{ max-width: 413px; max-height: 100px; text-align: center; margin: 0 auto; display: block; }

.servicesBox .serBox .txt1 { width:413px; height:140px;   position:absolute; top:160px; left: 0px; z-index:99;}

.servicesBox .serBox .txt1 .a2{font-size: 22px; color: #fff; text-align: center; line-height: 35px; padding-top: 15px; padding-bottom: 15px; display: block;}

.servicesBox .serBox .txt1 .a3{font-size: 22px; color: #fff; text-align: center; line-height: 28px; padding: 10px 0; width: 300px; margin: 0 auto; display: block; }

.servicesBox .serBox .pic2 { width:413px; height:300px; text-align:center; position:absolute; top:30px; left:-413px; z-index:99;}

.servicesBox .serBox .pic2 .a1{font-size: 22px; color: #fff; text-align: center; line-height: 35px;}

.servicesBox .serBox .txt2 { width:413px; height:200px; position:absolute; top:90px; right:-413px; z-index:99;}

.servicesBox .serBox .txt2 .a2{font-size: 14px; line-height: 22px; color: #fff; text-align: center; width: 160px;  margin: 0 auto; display: block;}

.servicesBox .serBox .txt2 .a3 a{ width: 148px; height: 39px; margin:20px auto 0; display: block; position: relative; overflow: hidden; text-align: center; border: 2px solid #fff; line-height: 39px; font-size:16px; color: #fff; border-radius:30px; }

}







.ind_ffl{ width: 100%; background: #cceaff; padding: 70px 0 100px; display: block; position: relative; overflow: hidden; }



.ind_ffla{ width: 1300px; margin:0 auto 0; padding-top: 50px; display: block; position: relative; overflow: hidden;  }





.guide-slider {width:1300px;margin:50px auto 0; height:590px;}

.guide-slider .guide {width:90px;height: 590px; float: left;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;position: relative;overflow: hidden;}

.guide-slider .guide .display { width: 90px;height: 590px; font-weight: bold; font-size: 24px; padding-top: 230px; box-sizing: border-box; line-height: 25px; color: #fff; text-align: center;float: left;position: relative;z-index: 2;background: #2d8dec;-webkit-transition: all ease-in .3s;transition: all ease-in .3s;}  

.guide-slider .guide .behind {width:990px;height: 590px;display: inline-block; background: #fff;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 1;} 

.guide-slider .guide.on {width: 1080px;}

.guide-slider .guide.on .display {background: #0964c1;border-right-color: transparent;}  







.ind_fff{ width: 100%; background: #fff; padding: 70px 0 100px; display: block; position: relative; overflow: hidden; }
.ind_case{ width: 1300px; margin: 0 auto; display: block; position: relative; padding-top: 50px; padding-bottom: 60px; overflow: hidden;}
.ind_case dl{ width: 420px; height: 289px; overflow: hidden; float: left; display: block; position: relative; margin-right: 20px; margin-bottom: 20px;  }
.ind_case dl:nth-child(3n){ margin-right: 0; }
.ind_case dl dt{ width:100%; display: block; position: relative;  }
.ind_case dl dt img{ width: 420px; height: 289px; display: block;transition: all 1s; }
.ind_case dl dd{ width: 100%; background: rgba(33,142,190,.9); height: 120px; display: block; position: absolute; bottom: 0; z-index: 22; transition: height .2s;  }
.ind_case dl dd h3{text-align: center; font-size: 20px; color: #fff; padding-top: 10px; line-height: 40px;}
.ind_case dl dd p{ font-size:16px; color: #fff; line-height:25px; display: block; text-align: center; width: 100%; position: relative; overflow: hidden;  }
.ind_case dl:hover dt img{transform: scale(1.1);} 
 




.ind_news{ width: 1300px; margin:50px auto 0 auto; position: relative; overflow: hidden; display: block;  }

.ind_news dl{width: 640px; float: left; border: 1px solid #e6e6e6; padding: 10px; box-sizing: border-box; margin-right: 20px; margin-bottom: 20px;}

.ind_news dl:nth-child(even){ margin-right: 0; }

.ind_news dl dt{ width: 157px; height: 125px; overflow: hidden; display: block; float: left; }

.ind_news dl dt img{ width: 157px; height: 125px; transition: all 1s; }

.ind_news dl dd{width: 420px; float: right; padding-right: 15px; padding-top: }

.ind_news dl dd h3{ font-size: 16px; font-weight: bold; color: #1278dc; line-height:35px; display: block; position: relative; }

.ind_news dl dd p{font-size: 14px; line-height: 20px; color: #666; display: block; position: relative;padding: 5px 0;  }

.ind_news dl dd h4{font-size: 14px; line-height: 20px; color: #999; display: block; position: relative;  }

.ind_news dl dd h4 span{ color: #333; float: right; }

.ind_news dl:hover{ border: 1px solid #287bb8; }

.ind_news dl:hover dt img{transform: scale(1.1);}



.ind_newsad a{ width: 360px; height: 86px; margin: 40px auto 0; display: block; position: relative; overflow: hidden; font-size: 20px; color: #fff; line-height: 86px; text-align: center; background: #0860bb; border-radius: 60px; font-weight: bold;  }



.ind_newsad a:hover{}



.footer{ width: 100%; background: #0860bb; position: relative; overflow: hidden; display: block; padding-bottom: 60px; }

.footnav{ width: 1120px; margin: 0 auto; display: block;position: relative; overflow: hidden; border-bottom: 1px solid #2576c8; text-align: center; }

.footnav ul li{ font-size: 16px; color: #fff; padding: 0 45px; display: inline-block; line-height:90px; height: 90px; }

.footnav ul li a{ color: #fff; }

.footnav ul li a:hover{ font-weight: bold; }



.w112{ width: 1120px; margin: 0 auto; display: block; position: relative; overflow: hidden; }

.fotle{ width: 700px; padding-left: 100px; box-sizing: border-box; float: left; padding-top: 25px; font-size: 16px; line-height: 30px; color: #fff; }
.fotle a{ color: #fff; }

.fotrg{ width:300px; float: right;  padding-right: 100px; padding-top: 25px;  }

.fotrg dl{ width: 120px; float: right; display: block; }

.fotrg dl dt img{ width: 120px; height: 120px; display: block; }

.fotrg dl dd{ width: 100%; line-height: 45px; text-align: center; height: 45px; font-size: 14px; color: #fff; display: block; }


.log{ width: 1300px; margin: 0 auto; border-bottom: 1px solid #eaeaea; height: 45px; }
.logle{ float: left; line-height: 45px; font-size: 14px; color: #4c4c4c; display: block; position: relative; }
.logtel{ float: right; background: url(../images/tel.png) no-repeat left center; line-height: 45px; height: 45px; padding-left: 25px; font-size: 17px; color: #003a84 ; font-weight: bold;}
.logtel em{ font-weight: normal; }

.w1300{ width: 1300px; margin:0 auto; }

.tp{ width: 100%; height: 139px; background: #fff;  position: fixed; top: 0; z-index: 9999;border-bottom: 1px solid #2375c6; } 

.tp .logo{padding-top:10px;}

.tp .menu ul li a{ padding: 0 10px;line-height: 62px; height: 62px; display: block; position: relative; font-size: 16px; color: #000; margin-left: 10px; }

.tp .menu ul li a:hover,.tp .menu ul li a.current{ border-bottom: 4px solid #2375c6; color: #0860bb; }





.bana { width:100%; height:auto; margin:0 auto; text-align:center; margin-top: 139px;}

.bana img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center;}



.return{ width: 100%; padding: 15px 0; display: block; position: relative; overflow: hidden; border-bottom: 1px solid #e5e5e5; text-align: center;}

.return ul{text-align: center;}

.return li{display: inline-block; margin: 10px 0;}

.return li a{display:block;font-size:16px;color:#000;padding:0 30px;border-left:1px solid #e5e5e5;line-height:18px; }

.return li:first-child a{border-left:0}

.return li a:hover,.return li a.current{color:#0860bb}



.postin{ width: 100%; height: 50px; position: relative; overflow: hidden; display: block; }

.location { width: 100%; float: left; height:50px; padding-left: 30px; box-sizing: border-box; color: #000;font-size:14px; line-height: 50px; background: url(../images/dz.png) no-repeat left center;}

.location a {color: rgb(102, 102, 102);}

.sbwt{ color: rgb(102, 102, 102); font-size: 14px; line-height: 50px; float: right; text-align: right; width: 550px; height: 50px; }



.contxt{width: 100%; height: 60px; border-bottom: 1px dashed #eaeaea; line-height: 60px; background: url(../images/icon_5.jpg) no-repeat 3px center; padding-left:25px;  box-sizing: border-box; font-size: 20px; color: #000; margin: 15px auto； }

.contbg{ width: 100%; font-size: 14px; color: #000; line-height:30px; padding: 15px 0; display: block; position: relative; overflow: hidden;}

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

.content{ width: 1200px; margin: 0 auto; padding: 30px 0; position: relative; overflow: hidden;}





.lst_case{ width: 100%; margin: 0 auto; display: block; position: relative; padding: 30px 0;  overflow: hidden;}

.lst_case dl{ width: 380px; height: 289px; overflow: hidden; float: left; display: block; position: relative; margin: 10px;} 

.lst_case dl dt{ width:100%; display: block; position: relative;  }

.lst_case dl dt img{width: 380px; height: 289px;  display: block;transition: all 1s; }

.lst_case dl dd{ width: 100%; background: rgba(33,142,190,.9); height: 110px; display: block; position: absolute; bottom: 0; text-align: center;  z-index: 22; transition: height .2s;  }
.lst_case dl dd h3{text-align: center; font-size: 18px; color: #fff; padding-top: 15px; line-height: 30px;}
.lst_case dl dd p{ font-size:16px; color: #fff; line-height:25px; display: block; text-align: center; width: 100%; position: relative; overflow: hidden;  }
.lst_case dl:hover dt img{transform: scale(1.1);} 
 



.newa_lst{ width:100%; margin: 0 auto; padding: 20px 0; box-sizing: border-box;  position: relative;  box-sizing: border-box; }

.newa_lst ul li{ width: 100%; padding:15px 0;  border-bottom: 1px dashed #c5c5c5; display: block; float: left;}

.newapic{ width: 250px;height: 160px; overflow: hidden; display: block; float: left; float: left; }

.newapic img{ width: 250px; max-height: 160px;transition: all 1s;}

.newarg{ width: 900px; float: right; }

.newarg h4{ font-size: 20px; color: #000; line-height: 28px; display: block; overflow: hidden; height: 28px; font-weight: normal; }

.newarg p{ font-size: 14px; line-height:28px; color: #434343; }

.newarg h5{ font-size:12px; line-height:28px; padding: 5px 0; color: #929292; display: block;}



.newa_lst ul li:hover .newapic img{transform: scale(1.1);}

.newa_lst ul li:hover .newarg h4{ color: #f00} 



.dede_pages {text-align: center; padding: 20px 0 40px; overflow: hidden; width: 100%;} 

.dede_pages ul li { font-size:14px; padding:8px 15px; margin-right:3px; color: #000; text-decoration: none; display: inline;  border: 1px solid #EEE;}

.dede_pages ul li a{ color:#000;text-decoration: none; }

.dede_pages ul li a:hover { color:#f00;text-decoration: underline;}

.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a { color:#fff; background:#000;border: 1px solid #000;text-decoration: none;}



.arale{ padding:20px 0; width:100%; margin:0 auto; box-sizing: border-box; }

.ert{ text-align:center; font-size:26px; font-weight:400; color:#333; margin-top:20px; display: block;  }

.wr{text-align:center; border-bottom:#ececec 1px solid; padding-bottom:15px; line-height:35px; color: #666; }

.wr span{ margin: 0 8px; }

.aoaer{line-height:30px; color:#555; margin-top:20px; font-size:16px; }

.aoaer img,.dy-text img{ max-width:100%; margin:0 auto;}

.aoaer a{ color:#F83300;}





.main_r_nav{ width: 100%; box-sizing: border-box; padding:0 10px;  height:40px; margin:20px auto; background:#f2f2f2; display: block; position: relative;}

.main_r_nav ul li{color:#2d2a3d;font-size:15px; font-weight:600; line-height:40px;font-family:"microsoft yahei"; width:40%; float:left; height:40px; overflow:hidden; }

.main_r_nav ul li a{color:#2d2a3d; line-height:40px; font-weight:normal; }

.main_r_nav ul li a:hover{color:#ff7300;}



.conews{ width: 100%; position: relative; overflow: hidden;}

.conews dl{ width: 100%; padding: 25px 0; display: block; border-bottom: 1px dashed #eaeaea; position: relative; overflow: hidden;}

.conews dl dt{ width: 970px; float: left;}

.conews dl dt h2{ font-size: 20px; color: #000; line-height: 36px; display: block; overflow: hidden; position: relative; height: 36px;}

.conews dl dt p{ font-size: 14px; height: 26px; line-height: 26px; display: block; width: 100%; height: 52px; overflow: hidden; color: #969696; margin-top: 10px;}

.conews dl dd a{ width: 124px; height: 38px; border: 1px solid #000; float: right; margin-top: 25px; text-align: center; line-height: 38px; font-size: 14px; color: #000;}

.conews dl dd a:hover{border: 1px solid #d2020b; color: #d2020b;}