@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
max-width: 100%;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#333333; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
img{max-width: 100%;}

.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}
.wrap{width: 1680px;margin: 0 auto;box-sizing: border-box;}

.tit01{font-size: 2.5rem;color: #333;text-align: center;line-height: 2.3rem;height: 5.5rem;overflow: hidden;font-weight: normal;position: relative;}
.tit01:before{content: "";width: 30px;height: 2px;background: #25a1fd;position: absolute;bottom: 5px;left: calc(50% - 15px);-webkit-transition:all .5s;transition:all .5s;}
.tit01:after{content: "";width: 20px;height: 2px;background: #25a1fd;position: absolute;bottom: 0;left: calc(50% - 10px);-webkit-transition:all .5s;transition:all .5s;}
.tit01:hover:before{width: 40px;left: calc(50% - 20px);}
.tit01:hover:after{width: 30px;left: calc(50% - 15px);}
.tit01 a{color: #333;}
.tit01 a:hover{color: #25a1fd;}
.tit01 span{display: block;font-size: 1rem;color: #888;padding: 0.25rem 0 0;}

.t_top{height:39px;line-height: 40px;font-size: 14px;color: #999;overflow: hidden;background:  #eee;}
.t_top_rt{float: right;}
.t_top_rt a{float: left;line-height: 40px;font-size: 14px;color: #999999;padding:0 20px;background-repeat: no-repeat;background-position: left center;}
.t_top_rt em{float: left;padding:0 4px 0 67px;line-height: 40px;font-family: DIN Black , Arial;color: #fff;font-weight: bold;font-size: 20px;
 background: url(../images/t_pho.jpg) no-repeat 14px center;}

.header { height: 188px; }
.h_con{height: 150px;}
.header .logo { float: left; padding-top:28px; }
.header .logo img { width: 110px; }
.slogan { float: left; margin-top: 44px; padding-left: 12px; position: relative;font-weight: normal;color: #000000;}

.slogan span { display: block;  font-size: 46px;  line-height: 24px;font-weight: bold}
.slogan span em{color: #25a1fd;}
.slogan  b{ display: block; font-size: 20px; color: #333333; line-height: 20px;padding-top: 24px;font-weight: normal;    letter-spacing: 4px;}
.h_contact { float: right; margin-top: 49px; }
.h_contact span img{ display: block; width:49px;height: 49px;float:left;margin-right: 11px;}
.h_contact strong { display: block; font-size: 34px; color: #25a1fd; line-height:26px; float:left;font-weight: bold;font-family: Arial;}
.h_contact strong i{ font-size: 16px;color: #333;line-height: 16px; display: block;padding-bottom: 10px;font-weight: normal;}
.h_contact:hover span img {animation-duration: 2s;animation-name: flipInY;}

.h_nav { height: 77px;  clear: both;box-sizing: border-box;border-top: 2px solid #ededed;}
.header .h_nav li { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin-top: -2px; height: 77px;  }
.header .h_nav li:last-child>a:after{display: none;}
.header .h_nav li>a:before {  position: absolute; content: ""; width: 100%; height: 0; background:#25a1fd; left: 0; bottom: 0; transition: .3s ease; -o-transition: .3s ease; z-index: -1;}
.header .h_nav li>a:after{position: absolute;content: "";width: 1px;height: 100%;background: url('../images/h_line.png') no-repeat center; right: -1px;top: 0;}
  
.header .h_nav li>a { position: relative; display: block; font-size: 17px; color: #222; text-align: center; line-height: 77px; height:77px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 28.5px; z-index: 2;transition: .3s ease; -o-transition: .3s ease; }
.header .h_nav li:hover>a, .header .h_nav li.cur>a {  color: #fff;}
.header .h_nav li:hover>a:before, .header .h_nav li.cur>a:before { height: 100%; }
.header .h_nav li:hover>a:after, .header .h_nav li.cur>a:after { display: none; }

  

.fullSlide { position: relative; z-index: 9; clear: both; width: 100% ; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% ; height: auto ; display: block }
.fullSlide .bd .li { width: 100% ; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto ; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 44px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #ffffff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#006ece;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3%; }
.fullSlide .next2 { right: 3% ; }



.search{height:77px;position:relative;z-index: 20;background: url(../images/search_bg.jpg) no-repeat center;}
.search h2{ float: left;width: 245px;border-right: 1px solid #d1d1d1;height: 77px;padding-top: 18px;box-sizing: border-box;font-size: 18px;line-height: 18px;color: #666666; font-weight: normal; }
.search h2 b{ font-size: 18px;line-height: 18px;color: #25a1fd;font-weight: bold;display: block;padding-top: 6px; }
.search p{float: left;height: 77px;line-height: 77px;font-size: 14px;color: #211613;padding-left: 40px;background: url(../images/hot.png) no-repeat left 26px;margin-left: 65px;width: 280px;}
.search p b{ font-weight: normal; }
.search p a{color: #999999;}
.search p a:hover{color: #25a1fd;}
.search p a em{ display: inline-block;padding: 0 10px; }
.search p a:last-child em{ display: none; }
.sea{float:right;width: 23px;height: 24px;z-index: 100; margin-top: 27px;position:relative;padding-right: 38px;}
.sea_icon{width: 23px;height: 24px;background: url(../images/sea.png) no-repeat center;background-size: 100%;cursor: pointer;}
.sea_box{position: absolute;width: 345px;right: 0;top:55px;z-index: 100;display: none;}
.sea_box input {float: left;border: 2px solid #25a1fd;font-size: 14px;}
.sea_box input.txt {width: 230px;padding: 0 20px;line-height: 34px;height: 34px;}
.sea_box input.btn {width: 70px;background-color: #25a1fd;color: #fff;cursor: pointer;height: 38px;}

/**/
.guide{background: #f6f6f6;padding: 5rem 0;}
.gui_tit{font-size: 2.5rem;color: #333;text-align: center;line-height: 2.3rem;height: 5.5rem;overflow: hidden;font-weight: normal;position: relative;}
.gui_tit:before{content: "";width: 30px;height: 2px;background: #25a1fd;position: absolute;bottom: 5px;left: calc(50% - 15px);-webkit-transition:all .5s;transition:all .5s;}
.gui_tit:after{content: "";width: 20px;height: 2px;background: #25a1fd;position: absolute;bottom: 0;left: calc(50% - 10px);-webkit-transition:all .5s;transition:all .5s;}
.gui_tit:hover:before{width: 40px;left: calc(50% - 20px);}
.gui_tit:hover:after{width: 30px;left: calc(50% - 15px);}
.gui_tit a{color: #333;}
.gui_tit a:hover{color: #25a1fd;}
.gui_tit span{display: block;font-size: 1rem;color: #888;padding: 0.25rem 0 0;}
.guide dl{width: 20%;float: left;text-align: center;height: 13rem;position: relative;margin-top: 3rem;}
.guide dl:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;right: 0;}
.guide dl dt{width: auto;height: 4.8rem;line-height: 0;overflow: hidden;margin: 0 auto;}
.guide dl dt img{width: 4.5rem;height: 4.8rem;}
.guide dl:hover dt img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.guide dl dd{width: 100%;padding: 2.1rem 0 0;}
.guide dl dd h5{font-size: 1.4rem;color: #333;height: 2.2rem;line-height: 2.2rem;overflow: hidden;font-weight: normal;}
.guide dl dd p{font-size: 0.8rem;color: #666;line-height: 1.3rem;padding: 0.6rem 0 0;}
.guide dl dd i{display: block;}
.guide dl:nth-of-type(5):before{background: none;}

.case{padding: 5rem 0 2.5rem;}
.case_nav{padding: 1.7rem 0 0;height: 4rem;width: 74.28%;margin: 0 auto;}
.case_nav ul li{width: 19.5%;float: left;padding: 0 1%;position: relative;}
.case_nav ul li:before{content: "";width: 0.3rem;height: 0.3rem;background: #d2d2d2;position: absolute;top: 1.1rem;left: -0.15rem;border-radius: 50%;}
.case_nav ul li a{font-size: 1.1rem;color: #333;display: block;width: 100%;text-align: center;height: 2.5rem;line-height: 2.5rem;}
.case_nav li a,.ban01_l span a{
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;}
.case_nav li a:before,.ban01_l span a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #25a1fd;
    border-radius: 3rem;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
.case_nav li a:hover:before,.case_nav li.cur a:before,.ban01_l span a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
.case_nav ul li a:hover,.case_nav ul li.cur a{color: #fff;}
.case_nav ul li:first-child:before{background: none;}
.case_nav ul li:last-child{width: 12%;}
.case_l{width: 100%;}
.case_l ul li{width: 32.85%;float: left;line-height: 0;position: relative;overflow: hidden;margin-bottom: 0.5rem;}
.case_l ul li img{display: block;width: 100%;}
.case_l ul li p{width: 80%;position: absolute;bottom: 1.2rem;left: 0;font-size: 1.1rem;color: #fff;height: 2rem;line-height: 2rem;padding:0 6% 0 14%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.line-scale-pulse-out{ display: block; position: absolute;bottom: 0.2rem;left: 0;line-height: 0;width: 2rem;margin-left: 1rem;}
.line-scale-pulse-out > i {
  background-color: #fff;
  width: 0.1rem;
  height: 1.5rem;
  border-radius: 2px;
  margin:0 1px 0 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
  .line-scale-pulse-out > i:nth-child(2), .line-scale-pulse-out > i:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important; }
  .line-scale-pulse-out > i:nth-child(1), .line-scale-pulse-out > i:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
            animation-delay: 0.4s !important; }
.case_l ul li em{width: 1.5rem;height: 0.4rem;display: block;float: right;line-height: 0;padding: 0.6rem 0 0;}
.case_l ul li em img{width: 1.5rem;height: 0.4rem;}
.case_l ul li:nth-child(2n){margin-left: 34.3%;}
.case_c{width: 32.86%;position: absolute;top: 16.2rem;left: 33.57%;}
.case_c dl{width: 100%;height: 35rem;position: relative;}
.case_c dl dt{width: 100%;height: 100%;line-height: 0;overflow: hidden;}
.case_c dl dt img{display: block;width: 100%;}
.case_c dl dd{position: absolute;bottom: 1.6rem;left: 7.5%; width: 85%;}
.case_c dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.case_c dl dd h5 a{font-size: 1.2rem;color: #fff;font-weight: normal;display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_desc{font-size: 0.7rem;color: #fff;line-height: 1.3rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.case_c .line-scale-pulse-out{bottom: 5rem;left: 0;margin-left: 0;}
.case_s dl{ float: left;width: 289px; margin-right: 14px;margin-bottom: 35px;}
.case_s dt{ display: block;overflow: hidden;}
.case_s dt img{ display: block;width: 100%;height: 289px;object-fit: cover;transition: all 0.5s;}
.case_s dl:hover dt img{transform:scale(1.05);}
.case_s dl:nth-child(4n){margin-right: 0;}
.case_s dd{ height: 160px;background: #f6f6f6;padding: 0 28px;}
.case_s dd h3{ display:block;height: 64px;line-height: 64px;border-bottom: 1px solid #d9d9d9;overflow:hidden;}
.case_s dd h3 a{ display: block;font-size: 18px;color: #333333;}
.case_s dd h3 a:hover{ color:#cca57a;}
.case_s dd h3 a em{float: right;font-size: 14px;display: block;} 
.case_s dd p{ padding-top: 14px;font-size: 14px;color: #666666;line-height: 24px;}
.super{padding: 5.5rem 0;}
.sup01{width: 23.9%;margin-top: 2.5rem;margin-right: 1.46%;height: 30rem;overflow: hidden;}
.sup01 dl{width: 100%;height: 30rem;}
.sup01 .sup_dl01{position: relative;}
.sup_dl01:before{content: "";width: 100%;height: 2px;background: #ccc;position: absolute;bottom: 2px;left: 0;z-index: -1;}
.sup_dl01:after{content: "";width: 5.3rem;height: 2px;background: #25a1fd;position: absolute;bottom: 2px;left: 0;}
.sup01 dl dt{width: 100%;line-height: 0;overflow: hidden;}
.sup01 dl dt img{display: block;width: 100%;}
.sup_dl01 dd{width: 90%;margin: 0 auto;padding: 2.2rem 0 0;}
.sup_dl01 dd h5{font-size: 1.5rem;color: #333;line-height: 2rem;height: 4rem;font-weight: normal;}
.sup_dl01 dd h5 i{display: block;}
.sup_dl01 dd p,.sup_dl02 dd p{font-size: 0.7rem;color: #666;line-height: 1.3rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; padding: 2rem 0 0;}
.sup_dl01 dd em{display: block;width: 1rem;height: 0.3rem;padding: 3rem 0 0 0.5rem;}
.sup_dl01 dd em img{width: 1rem;height: 0.3rem;}
.sup_dl02{position: absolute;top: -33rem;left: 0;-webkit-transition:all .5s;transition:all .5s;}
.sup_dl02 dd{width: 80%;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);padding: 1rem 10% 2rem;}
.sup_dl02 dd h5{font-size: 1.3rem;color: #fff;font-weight: normal;height: 2rem;line-height: 2rem;overflow: hidden;}
.sup_dl02 dd p{color: #fff;padding-top: 0.5rem;}
.sup_dl02 dd span{display: block;width: 5rem;margin-top: 1rem;}
.sup_dl02 dd span a{font-size: 0.6rem;color: #fff;display: block;width: 100%;text-align: center;height: 1.5rem;line-height: 1.5rem;border: #fff 1px solid;border-radius: 1rem;}
.sup_dl02 dd span a:hover{background: #fff;color: #333;}
.super .nobor{margin-right: 0;}
.super .sup01:hover .sup_dl02,.super .sup01.cur .sup_dl02{top: 0;}

.about{ overflow: hidden; background: url(../images/a_img.jpg) no-repeat center 0; box-sizing: border-box; margin-bottom: 87px;}
.about h2{ padding-top: 112px; height: 805px;background: url(../images/a_bg.png) no-repeat center bottom; margin-bottom: -184px;text-align: center;}
.about h3{ float: left; width: 369px; color: #fff; padding-left:50px; height: 185px;}
.about h3 i{ display: block; line-height: 100%; font-weight: bold; color: #fff; font-size: 47px; padding-bottom: 18px;}
.about p{height: 185px; float: right; width: 715px; margin-right: 29px;}
.about p em{ display: block; height: 60px; font-size: 16px; color: #333333; line-height: 26px;}
.about p i{ display: block; text-align: right;}
.about p i a{ display: inline-block; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #d72a1a; width: 129px; font-size: 16px; transition: all 0.2s;}
.about p i a:hover{ width: 139px; letter-spacing: 3px;}

.a_bom{ position: relative; padding-top: 12px;}
.a_uu{ position: absolute; left: -65px; cursor: pointer; top: 90px;transition: all 0.2s;}
.a_dd{ position: absolute; right: -65px; cursor: pointer; top: 90px;transition: all 0.2s;}
.a_bom ul li{ float: left; width: 290px; position: relative; font-size: 0; line-height: 0; margin-right: 14px;}
.a_bom ul li img{ width: 290px;}
.a_bom ul li i{ display: block;transition: all 0.2s; width: 100%; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 16px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.6);}
.a_bom ul li:hover i{ height: 100%; font-size: 0;background: url(../images/a_li.png) no-repeat;}

/* indexFrom */
.indexFrom { position: relative; background: url("../images/indexFrom-bg.jpg") no-repeat center; width: 100%; height: 374px;}
.indexFrom-con { float: right;}
.indexFrom-con .tit { float: left; margin-right: 210px; margin-top: 68px;}
.indexFrom-con .tit h2 { font-size: 36px; color: #fff;}
.indexFrom-con .tit p { font-size: 16px; color: #fff; padding: 20px 0 35px;}
.indexFrom-con .tit span { display: block; position: relative;  font-family: "DIN Regular"; padding-left: 50px; font-size: 24px; color: #fff; line-height: 34px; margin-bottom: 15px;}
.indexFrom-con .tit span:after { content: ''; display: block; position: absolute; left: 0; top: 0; background: url("../images/indexFrom-icon.png") no-repeat center; width: 34px; height: 34px;}
.indexFrom-con .indexFrom-input { float: left; width: 340px;padding-top: 25px;}
.indexFrom-con .indexFrom-input input { width: 95%; background: #fff; outline: none; border: none; height: 65px; line-height: 65px;padding-left: 5%; margin-bottom: 7px; font-size: 15px;}
.indexFrom-con .indexFrom-input textarea {width: 95%; padding-left: 5%; padding-top: 25px; height: 83px; background: #fff; border: none; outline: none; font-size: 15px;}
.indexFrom-con .indexFrom-input button { display: block;border: none; background: #56b6ff; margin-top: 7px; width: 100%; height: 65px; line-height: 65px; text-align: center; font-size: 16px;font-size: 20px; color: #fff;}

/* indexFrom end */


.news_bg{padding: 5rem 0;background: #f5f5f5;}
.news_l{width: 64.29%;padding: 0.7rem 0 0;}
.news_tit{height: 3.5rem;line-height: 3.5rem;overflow: hidden;border-bottom: #dcdcdc 1px solid;position: relative;}
.news_tit:before{content: "";width: 0.25rem;height: 1.4rem;background: #25a1fd;position: absolute;top: 1.1rem;left: 0;}
.news_tit a{font-size: 1.3rem;color: #333;padding-left: 1rem;}
.news_tit a:hover,.news_l dl dd h5 a:hover,.wd dl dt a:hover{ color: #25a1fd;}
.news01{padding: 2rem 0;width: 100%;border-bottom: #dcdcdc 1px dashed;height: 9rem;overflow: hidden;}
.news01 dl dt{width: 35.56%;overflow: hidden;line-height: 0;float: left;}
.news01 dl dt img{display: block;width: 100%;}
.news01 dl dd{width: 60%;float: right;padding: 0.5rem 0 0;}
.news01 .news_r{width: 68.5%;float: left;padding: 0 7.5% 0 0;}
.news01 dl dd h5{height: 1.5rem;line-height: 1.5rem;overflow: hidden;font-weight: normal;}
.news01 dl dd h5 a{font-size: 1rem;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news01 .news_desc,.news02 dl dd{font-size: 0.8rem; color: #888; line-height: 1.5rem; height: 3rem; overflow: hidden;padding: 0.2rem 0 0;}
.news01 dl dd em{display: block;width: 7.5rem;padding: 1.2rem 0 0;}
.news01 dl dd em a{font-size: 0.8rem;color: #fff;display: block;width: 64%; padding: 0 18%; height: 2rem;line-height: 2rem;overflow: hidden;border-radius: 2rem;background: #25a1fd;}
.news01 dl dd em i{font-size: 1.1rem;height: 0.4rem;display: block;float: right;line-height: 0;padding: 0.65rem 0 0;}
.news01 dl dd em i img{font-size: 1.1rem;height: 0.4rem;}
.news01 dl dd em a:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
.news01 dl dd span{display: block;float: left;height: 4rem;width: 22.22%; font-size: 0.8rem;line-height: 2rem;padding: 0.8rem 0 0;color: #333; font-family:Arial, Helvetica, sans-serif;text-align: center;margin-top: 1rem;position: relative;}
.news01 dl dd span:before{content: "";width: 0.1rem;height: 3rem;background: #d2d2d2;position: absolute;top: 1.1rem;left: 0;}
.news01 dl dd span b{display: block;font-size: 2.5rem;}
.news02{width: 100%;overflow: hidden;}
.news_qie{width: 100%;float: left;}
.news02 dl{    width: 47%;  height: 4.8rem; padding: 1.8rem 3% 0 0; float: left;}
.news02 dl dt a{font-size: 1rem;color: #333;display: block;height: 1.5rem;line-height: 1.5rem;width: 95%;padding-left: 1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;position: relative;}
.news02 dl dt a:before{content: "";width: 0.3rem;height: 0.3rem;background: #fff;position: absolute;top: 0.5rem;left: 0;border: #25a1fd 2px solid;border-radius: 50%;}
.news02 dl dt a:hover{color: #25a1fd;}
.news02 dl dd{padding: 0.3rem 0 0 1rem;}
.news02 dl dd a,.wd dl dd a{display:block;font-size: 0.8rem; color: #888;}

/*甯歌闂瓟*/
.wd{width: 30%;padding: 0.7rem 0 0;}
.wd_m{padding: 2rem 0 0;overflow: hidden;}
.wd dl{height: 6rem;width: 94%;margin: 0 auto;}
.wd dl dt{height: 1.8rem;line-height: 1.8rem;overflow: hidden;}
.wd dl dt a{width: 100%;font-size: 1rem;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dl dd{width: 100%;font-size: 0.8rem;color: #888;height: 3rem;line-height: 1.5rem;overflow: hidden;padding: 0.2rem 0 0;}

.f_bg{background:#222; height:19.5rem;position: relative;}
.f_bg:before{content: "";width: 100%;height: 1px;background: rgba(255,255,255,0.2);position: absolute;top: 5.1rem;left: 0;}
.footer{width: 70rem;margin: 0 auto;min-width: 1200px;max-width: 1400px;}
.f_nav{height: 5rem;line-height: 5rem;overflow: hidden;}
.f_nav ul li{float: left;padding: 0 2rem;}
.f_nav ul li a{font-size: 16px;color: #fff;}
.f_nav ul li a:hover{font-weight: bold;}
.f_logo{width: 21.4%;padding: 3.5rem 0 0;background:url(../images/f_line.png) no-repeat right 3.5rem;line-height: 0;}
.f_logo img{width: 7rem;height: 5rem;}
.f_logo span{color: rgba(255,255,255,0.5);font-size: 15px;display: block;height: 1.2rem;line-height: 1.2rem;padding: 0.5rem 0 0;}
.f_logo p{color: rgba(255,255,255,0.5);font-size: 15px;height: 1.2rem;line-height: 1.2rem;}
.f_logo p a{color: rgba(255,255,255,0.5);}
.f_ban{width: 40%;padding: 2.8rem 0 0 7%;font-size: 0.8rem;color: rgba(255,255,255,0.5);background:url(../images/f_line.png) no-repeat right 3.5rem;}
.f_ban p{line-height: 2.1rem;padding-left: 1.5rem;font-size: 15px;}
.f_ban span{padding: 0 0.5rem;}
.f_ban a{color: rgba(255,255,255,0.5);}
.f_ban p.f_p01{background:url(../images/f_ico01.png) no-repeat left center;}
.f_ban p.f_p02{background:url(../images/f_ico02.png) no-repeat left center;}
.f_ban p.f_p03{background:url(../images/f_ico03.png) no-repeat left center;}
.f_ban p.f_p04{background:url(../images/f_ico04.png) no-repeat left center;}
.f_er{width: 26%; padding:3.3rem 0 0;}
.f_er p{width: 6.5rem;float: left;padding: 0 0 0 2.5rem;text-align: center;}
.f_er em{display: block;width:5.5rem; height:5.5rem;line-height: 0;padding: 0.5rem;background:url(../images/f_erbg.png) no-repeat;background-size: cover;}
.f_er img{ width:5.5rem; height:5.5rem;}
.f_er p span{display: block;font-size: 0.7rem;color: rgba(255,255,255,0.5);line-height: 2rem;}

.f_link{height: 4.5rem;line-height: 4.5rem;overflow: hidden;background: #262626;border-top: rgba(255,255,255,0.1) 1px solid;}
.f_link b{display: block;float: left;font-size: 0.7rem;color: rgba(255,255,255,0.5);width: 6%;font-weight: normal;}
.f_link p{font-size: 14px;color: rgba(255,255,255,0.5);float: left;width: 94%;}
.f_link p a{font-size: 14px;color: rgba(255,255,255,0.5); padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}