@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: Microsoft YaHei,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;  }
.w1302{ width: 1302px; margin:0 auto; position: relative;  }
.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: 1280px; 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; padding-top: 15px; }
.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;  padding: 25px; }
.menu ul{ float: right; }
.menu ul li{ float: left; display: block; }
.menu ul li a{ padding: 0;line-height: 50px; height: 50px; display: block; position: relative; font-size: 16px; color: #1a1a1a; margin-left: 60px;border-bottom: 2px solid #fff; }
.menu ul li a:hover,.menu ul li a.current{ border-bottom: 2px solid #016dff; color: #016dff }

.tp{ width: 100%; height: 148px; background: #fff;  position: fixed; top: 0; z-index: 9999;border-bottom: 1px solid #2375c6; } 
 
.banner{ margin-top: 148px; display: block; position: relative;  text-align: center;}
.banner .swiper-slide{ text-align: center; }
.swiper-slide  img{ max-width: 100%; text-align: center; }
.banner-swiper .swiper-banner{ text-align: center;   box-sizing: border-box; position: absolute; z-index: 99;  bottom: 110px; color: #fff; }
.swiper-banner .swiper-pagination-bullet{ width: 40px; height: 4px; border-radius: 2px;  }
.banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; }


.ind_one{ width: 100%; padding: 50px 0; display: block; position: relative; overflow: hidden; }
.ind_txt{ width: 1280px; color: #1a1a1a;  margin: 0 auto; font-size: 40px; text-align: center; display: block; position: relative; overflow: hidden; }
.ind_txt span{ font-size: 16px; color: #5a5a5a; letter-spacing: 1px; display: block; font-weight: normal; width: 100%; text-align: center; padding-top: 10px; position: relative; overflow: hidden; }


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

.servicesBox{ width: 1320px; margin: 0 auto; position: relative; overflow: hidden; padding: 30px 0; display: block; }
.servicesBox .serBox { cursor:pointer;  display:inline; width:400px; height:456px; margin: 0 20px; float:left; overflow:hidden; position:relative;}
.servicesBox .serBoxOn {display:none; width:400px; height:456px;  position:absolute; left:0px; top:0px; z-index:19;}
.servicesBox .serBox .pic1 { width:400px; height:300px; text-align:center; position:absolute; top:70px; right:0px; z-index:99;}
.servicesBox .serBox .pic1 .a1{ width: 400px; height:120px; display: table-cell; text-align: center; vertical-align: middle; }
.servicesBox .serBox .pic1 .a1 img{ max-width: 400px; max-height: 120px; text-align: center; margin: 0 auto; display: block; }
.servicesBox .serBox .txt1 { width:400px; height:180px;   position:absolute; top:190px; left: 0px; z-index:99;}
.servicesBox .serBox .txt1 .a2{font-size: 28px; color: #fff; text-align: center; line-height: 80px; display: block;}
.servicesBox .serBox .txt1 .a3{font-size: 20px; color: #fff; text-align: center; line-height: 30px; padding: 5px 0; width: 200px; margin: 0 auto; display: block;  position: relative; letter-spacing: 1px;}
.servicesBox .serBox .txt1 .a3:before{ width: 140px; height: 1px; position: absolute; top: 0; left: 50%; margin-left: -70px; display: block; background: #fff; content: ""; }
.servicesBox .serBox .txt1 .a3:after{ width: 140px; height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -70px; display: block; background: #fff; content: ""; }
.servicesBox .serBox .pic2 { width:400px; height:380px; text-align:center; position:absolute; top:50px; left:-400px; z-index:99;}
.servicesBox .serBox .pic2 .a1{font-size: 28px; color: #fff; text-align: center; line-height: 110px; width: 100%; position: relative; }
.servicesBox .serBox .pic2 .a1:before{ width: 30px; height: 3px; position: absolute; bottom: 10px; left: 50%; margin-left: -15px; display: block; background: #fff; content: ""; }
.servicesBox .serBox .txt2 { width:400px; height:200px; position:absolute; top:180px; right:-400px; z-index:99;}
.servicesBox .serBox .txt2 .a2{ width: 300px; height: 200px; margin: 0 auto; display: block;}
.servicesBox .serBox .txt2 .a2 ul li{ width: 140px; font-size: 16px; display: block; float: left; color: #fff; line-height: 32px; }
.servicesBox .serBox .txt2 .a2 ul li:nth-child(even){ float: right; }
.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; }
 
.log{ width: 100%; margin: 0 auto; background: #f1f1f1; height: 45px; }
.logle{ float: left; line-height: 45px; font-size: 14px; color: #5a5b5d; display: block; position: relative; letter-spacing: 2px; }
.logtel{ float: right; background: url(../images/tel.png) no-repeat left center; line-height: 45px; height: 45px; padding-left: 25px; font-size: 16px; color: #1a1a1a ; font-weight: bold;} 

 
.ind_fhl{ width: 1160px; margin: 0 auto; display: block; position: relative; padding: 70px 0; overflow: hidden; }
.ind_fhl_le{ width: 500px; float: left; display: block; position: relative; }
.ind_fhl_le_a{width: 100%; font-size: 36px; display: block; position: relative; line-height: 70px;}
.ind_fhl_le_a span{ color: #016dff }
.ind_fhl_le_b{ display: block; font-size: 22px; line-height: 44px; height: 44px; margin: 20px 0; letter-spacing: 9px; position: relative; overflow: hidden; }
.ind_fhl_le_b:before{ width: 380px; height: 1px; position: absolute; top: 0; left: 0; display: block; background: #222; content: ""; }
.ind_fhl_le_b:after{ width: 380px; height: 1px; position: absolute; bottom: 0; left: 0; display: block; background: #222; content: ""; }
.ind_fhl_le_c{ width: 320px; display: block; position: relative; overflow: hidden; padding-top: 10px;}
.ind_fhl_le_c dl{ width: 50px; display: block; float: left; position: relative; padding-right: 61px; margin-top: 15px; margin-bottom: 15px; }
.ind_fhl_le_c dl dt{ width: 50px; height: 40px; display: table-cell;vertical-align: middle; text-align: center; }
.ind_fhl_le_c dl dt img{ max-width: 50px; max-height: 40px; display: block; text-align: center; margin: auto; vertical-align: middle; }
.ind_fhl_le_c dl:nth-child(3n){ padding-right: 0; }
.ind_fhl_le_c dl:nth-child(3),.ind_fhl_le_c dl:nth-child(3) dt{ width: 65px; }
.ind_fhl_le_c dl:nth-child(3) dt img{ max-width: 65px;}
.ind_fhl_le_c dl:before{ width: 1px; height: 35px; position: absolute; top: 20px; right: 30px; display: block; background: #dadbdc; content: ""; }
.ind_fhl_le_c dl:nth-child(3n):before{ display: none; }

.ind_fhl_fr{ width: 600px; display: block; float: right; position: relative; overflow: hidden; }
.ind_fhl_fr dl{ width: 170px; float: left; margin-left: 30px; margin-bottom: 20px; display: block; background: #fff; border-radius: 5px; text-align: center; padding: 20px; box-sizing: border-box; }
.ind_fhl_fr dl dt{ width: 130px; height: 40px; display: table-cell; vertical-align: middle; text-align: center; }
.ind_fhl_fr dl dt img{ max-height: 40px; max-width: 130px; display: block; text-align: center; margin: auto;; }
.ind_fhl_fr dl dd{ width: 100%; text-align: center; display: block; position: relative; overflow: hidden; font-size: 18px; color: #222; }
.ind_fhl_fr dl:hover{ background: #016dff }
.ind_fhl_fr dl:hover dd{ color: #fff; }
.ind_fhl_fr dl:hover dt img{
 -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -ms-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -o-filter: grayscale(100%) brightness(200%) contrast(1000%);
 filter: grayscale(100%) brightness(200%) contrast(1000%); 

 }

.ind_three{ width: 100%; padding: 60px 0; display: block; background: url(../images/ind_three.jpg) repeat-x bottom center; position: relative; overflow: hidden; }

 
.menu1box{ width: 100%; float: left;  display: block; position: relative;  z-index: 22;  overflow: hidden; padding-bottom: 20px;}
.menu1box ul li { display:block; float: left; box-sizing: border-box; height:80px;box-shadow: 0 5px 10px 0 rgba(0,0,0,.19); width: 410px;  cursor: pointer; color: #555; text-align: center; font-size: 20px; margin-right: 12px; margin-left: 12px; margin-top: 5px; margin-bottom: 10px; } 
.menu1box ul li span{ height: 80px; width:26px; text-align: right;  display: inline-block; margin-right: 15px; vertical-align: middle;} 
.menu1box ul li span img{ padding-top: 25px; }
.menu1box ul li.hover {color: #fff; background: #016dff ;} 
.menu1box ul li.hover span img{
 -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -ms-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -o-filter: grayscale(100%) brightness(200%) contrast(1000%);
 filter: grayscale(100%) brightness(200%) contrast(1000%); 

 }
 
#main1 ul {display: none;}
#main1 ul.block {display: none;}
.three_a{ width: 1280px; text-align: center; margin:0 auto; overflow: hidden; display: block; position: relative; padding: 20px; box-sizing: border-box; background: url(../images/ind_three_sxo.jpg) no-repeat center top; }


 
.ind_case .tabas{ width:1280px; padding:0; box-sizing: border-box;  margin: 0 auto; display: block;  position:relative; overflow: hidden; text-align: center; z-index:2}
.ind_case .tabas a{font-size:16px;color:#000; padding: 0 40px; margin-top: 20px; margin-bottom: 40px; line-height: 50px; height: 50px; background: #fff; border-radius: 5px;  position:relative;  text-align: center;   display: inline-block;  box-sizing: border-box; margin-right: 8px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.19);}
.ind_case .tabas a:last-child{ margin-right: 0; } 
.ind_case .tabas a.active{ color:#fff; background: #016dff;}  

#cases{ margin: 0 auto; display: block; position: relative; overflow: hidden;}
#cases .swiper-slide dl{ width: 33%; margin-right: 0.5%; overflow: hidden; float: left; display: block; position: relative; margin-bottom: 1%;  }
#cases .swiper-slide dl:nth-child(3n){ margin-right: 0; } 
#cases .swiper-slide dl dt width:100%; height: auto; overflow: hidden; display: block; position: relative;  }
#cases .swiper-slide dl dt img{ width: 100%; display: block;transition: all 1s; }
#cases .swiper-slide dl dd{ width: 100%; background: rgba(0,109,255,.9); display: block; position: absolute; bottom: 0; z-index: 22; transition: height .2s;  }
#cases .swiper-slide dl dd h3{text-align: center; color: #fff;}
#cases .swiper-slide dl dd p{ color: #fff;display: block; text-align: center; width: 100%; position: relative; overflow: hidden;  } 







.ind_case{ margin: 0 auto; display: block; position: relative; overflow: hidden;}
.ind_case dl{ width: 33%; margin-right: 0.5%; overflow: hidden; float: left; display: block; position: relative; margin-bottom: 1%;  }
.ind_case dl:nth-child(3n){ margin-right: 0; }
.ind_case dl dt{ width:100%; height: auto; overflow: hidden; display: block; position: relative;  }
.zoomImageB{width:100%;height:0;padding-bottom:77%;overflow:hidden;background-position: center top;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}

.ind_case dl dt img{ width: 100%; display: block;transition: all 1s; }
.ind_case dl dd{ width: 100%; background: rgba(0,109,255,.9); display: block; position: absolute; bottom: 0; z-index: 22; transition: height .2s;  }
.ind_case dl dd h3{text-align: center; color: #fff;}
.ind_case dl dd p{ color: #fff;display: block; text-align: center; width: 100%; position: relative; overflow: hidden;  }
.ind_case dl:hover dt img{transform: scale(1.1);} 

@media (max-width:999px){

.ind_case{ width: 100%;}
.ind_case dl dd{ height: 90px;}
.ind_case dl dd h3{ padding-top: 10px; line-height: 26px; font-size: 16px;}
.ind_case dl dd p{ font-size:12px; line-height:22px; }

}
 


@media (min-width: 1000px){

.ind_case{ width: 100%;}
.ind_case dl dd{ height: 100px;}
.ind_case dl dd h3{ padding-top: 15px; line-height: 26px; font-size: 18px;}
.ind_case dl dd p{ font-size:12px; line-height:22px; }

}

@media (min-width: 1300px){

.ind_case{ width: 100%;}
.ind_case dl dd{ height: 120px;}
.ind_case dl dd h3{ padding-top: 20px; line-height: 30px; font-size: 20px;}
.ind_case dl dd p{ font-size:14px; line-height:24px; }

}

@media (min-width: 1600px){

.ind_case{ width: 90%;}
.ind_case dl dd{ height: 130px;}
.ind_case dl dd h3{ padding-top: 20px; line-height: 40px; font-size: 22px;}
.ind_case dl dd p{ font-size:15px; line-height:24px; }

}


@media (min-width: 1700px){

.ind_case{ width: 90%;}
.ind_case dl dd{ height: 140px;}
.ind_case dl dd h3{ padding-top: 20px; line-height: 40px; font-size: 28px;}
.ind_case dl dd p{ font-size:18px; line-height:28px; }

}



.mabg{ width: 100%; background: #f2f7fa;; position: relative; overflow: hidden; display: block; }

.ind_more a{ width: 170px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #222; font-size: 18px; margin: 20px auto 0; display: block; position: relative; overflow: hidden;  color: #222;}
.ind_more a:hover{ background: #016dff; border: 1px solid #016dff; color: #fff; }
.ind_four{ width: 100%; background: url(../images/ind_four.jpg) no-repeat center; padding: 70px 0; display: block; position: relative; overflow: hidden; }
.ind_four_fl{ width: 320px; float: left; padding-left: 60px;  display: block; position: relative; overflow: hidden; color: #fff; padding-top: 20px;font-size: 40px; line-height: 70px; }
.ind_four_fl:before{ width: 26px; height: 4px; display: block; position: absolute; top: 10px; left: 60px; content: ""; background: #fff; }
.ind_four_fl span{ display: block; width: 100%; position: relative; overflow: hidden; text-align: justify; font-size: 30px; line-height: 70px;}
.ind_four_fl span:before{ width: 310px; height: 1px; background: #fff; display: block; content: ""; position: absolute; bottom: 0; left: 0; }
.ind_four_fr{ width:780px; float: right; display: block; position: relative;  }
.ind_four_fr dl{ width: 170px; float: left; margin: 12px; display: block; position: relative; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.1); color: #fff; padding: 20px; box-sizing: border-box; text-align: center;   }
.ind_four_fr dl dt{ width: 130px; height: 35px; display: table-cell; vertical-align: middle; text-align: center;  }
.ind_four_fr dl dt img{ max-height: 35px; max-width: 130px; display: block; vertical-align: middle; margin: auto; text-align: center; -webkit-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -moz-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -ms-filter: grayscale(100%) brightness(200%) contrast(1000%);
  -o-filter: grayscale(100%) brightness(200%) contrast(1000%);
 filter: grayscale(100%) brightness(200%) contrast(1000%);  }
.ind_four_fr dl dd{ width: 100%; padding-top: 10px; display: block; font-size: 18px; text-align: center; position: relative; line-height: 30px; color: #fff }
.ind_four_fr dl:hover{ background: rgba(255,255,255,1); color: #016dff; }
.ind_four_fr dl:hover dd{ color: #016dff; }
.ind_four_fr dl:hover dt img{-webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;  filter: none; }

.ind_news{ width: 100%; display: block; position: relative; overflow: hidden; }
.ind_news dl{ width: 420px; float: left; display: block; margin-right: 10px; margin-bottom: 10px; position: relative; overflow: hidden; background: #fff; }
.ind_news dl:hover{ background: #016dff; }
.ind_news dl:nth-child(3n){margin-right: 0 }
.ind_news dl dt{ width: 100%; height: 180px; display: block; overflow: hidden; position: relative; }
.zoomImageC{width:100%;height:0;padding-bottom:43%;overflow:hidden;background-position: center top;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.ind_news dl dd{ width: 100%; padding: 20px; box-sizing: border-box; display: block; position: relative; overflow: hidden; }
.ind_news dl dd h3{ font-size: 18px; color: #222; display: block; width: 100%; position: relative; overflow: hidden; height: 24px; line-height: 24px; }
.ind_news dl dd p{ font-size: 14px; margin: 10px auto; height: 66px; display: block; width: 100%; position: relative; overflow: hidden;line-height: 24px; color: #5a5a5a; }
.ind_news dl dd span{ font-size: 12px;  height: 24px; display: block; width: 100%; position: relative; overflow: hidden; line-height: 24px; color: #5a5a5a; }
.ind_news dl dd span em{ font-style: normal; float: right; }
.ind_news dl:hover dd h3,.ind_news dl:hover dd p,.ind_news dl:hover dd span{ color: #fff; }
.ind_news ul{ width: 100%; display: block; position: relative; overflow: hidden; }
.ind_news ul li{ width: 420px; display: block; float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; position: relative; background: #fff; padding: 15px 20px; box-sizing: border-box; }
.ind_news ul li a{ width: 100%; line-height: 40px; font-size: 18px; display: block; height: 40px; overflow: hidden; display: block; position: relative; color: #222; }
.ind_news ul li:hover{ background: #016dff; }
.ind_news ul li:hover a{color: #fff;  }
.ind_news ul li:nth-child(3n){margin-right: 0 }

.ind_moe a{ width: 290px; height: 48px; text-align: center; line-height: 48px; border: 1px solid #222; font-size: 18px; margin: 20px auto 0; display: block; position: relative; overflow: hidden;  color: #222;}
.ind_moe a:hover{ background: #016dff; border: 1px solid #016dff; color: #fff; }

.footer{ width: 100%; background: url(../images/ind_fot.jpg) no-repeat center; padding: 40px 0 20px; display: block; position: relative; overflow: hidden; }

.w1080{ width: 1080px; float: left; display: block; }

.fot_log{width: 320px; float: left; display: block; position: relative; overflow: hidden;}
.fot_log img{ max-width: 100%; padding-bottom: 30px; display: block; }
.fot_log span{width: 100%; font-size: 18px; color: #fff; letter-spacing: 8px; display: block; position: relative; overflow: hidden;}
.fot_nav{ float: right; border-bottom: 1px solid rgba(255,255,255,.3); display: block; width: 680px; padding-top: 15px; }
.fot_nav ul li{ display: block; float: left; padding-right: 50px; }
.fot_nav ul li a{ font-size:16px; color: #fff; line-height: 70px; display: block; letter-spacing: 1px;  }
.fot_nav ul li:last-child{ padding-right: 0; }
.fot_txt{ width: 100%; display: block; padding:40px 0 30px 0; position: relative; overflow: hidden; line-height: 22px; vertical-align: middle; font-size: 14px; color: #fff;}
.fot_txt span{ display: inline-block; vertical-align: middle; text-align: center; margin-right: 10px; margin-left: 30px; }
.fot_txt span:first-child{ margin-left: 0; }
.fot_txt span img{ vertical-align: middle; }
.fot_wx{ width: 120px; float: right; padding-top: 25px; }
.fot_wx img{ max-width: 100%; }
.fot_wx span{ width: 100%; text-align: center; display: block; position: relative; color: #fff; font-size: 14px; padding-top: 15px; }
.foot{ width: 1280px; margin: 0 auto; padding: 20px 0; display: block; position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,.3); ;text-align: center; font-size: 14px; color: #fff;}
.foot a{ color: #fff; }






.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; }
 
.w112{ width: 1120px; margin: 0 auto; display: block; position: relative; overflow: hidden; }


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

.retwsedurn{ width: 100%; padding:20px 0 0; display: block; position: relative; overflow: hidden; text-align: center;}
.retwsedurn ul{text-align: center;}
.retwsedurn li{display: inline-block; margin-right: 10px; margin-top: 10px;}
.retwsedurn li:nth-child(5n){ margin-right: 0; }
.retwsedurn li a{display:block;font-size:16px;color:#000; width:248px ; line-height: 50px; height: 50px; background: #fff; border-radius: 5px; } 
.retwsedurn li a:hover,.return li a.current{color:#fff; background: #016dff;}

.return{ width: 100%; padding:20px 0 0; display: block; position: relative; overflow: hidden; text-align: center;}
.return ul{text-align: center;}
.return li{display: inline-block; margin-right: 8px; margin-top: 10px;}
.return li:nth-child(8n){ margin-right: 0; }
.return li a{display:block;font-size:16px;color:#000; width:153px ; line-height: 50px; height: 50px; background: #fff; border-radius: 5px; } 
.return li a:hover,.return li a.current{color:#fff; background: #016dff;}
.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: 1280px; 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: 414px; height:320px; overflow: hidden; float: left; display: block; position: relative;margin-right: 19px; margin-bottom: 20px;} 
.lst_case dl:nth-child(3n){ margin-right: 0; }
.lst_case dl dt{ width:100%; display: block; position: relative;  }
.lst_case dl dt img{width: 414px; height: 320px;  display: block;transition: all 1s; }
.lst_case dl dd{ width: 100%; background: rgba(1,109,255,.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: 980px; 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:#FFF; 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;}