@charset "utf-8";



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



*{margin: 0;padding: 0;}



.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}



.clearfix{zoom:1;}



/* object-fit */



.obj-cover {object-fit: cover;font-family:'object-fit: cover;';}



.obj-contain {object-fit: contain;font-family:'object-fit: contain;';}



.mobilep{display:none;}



/* 绗竴姝?鎷疯礉椤圭洰涓嬮潰鐢熸垚鐨?@font-face */



@font-face {



  font-family: 'iconfont';



  src: url('../fonts/iconfont.eot');



  src: url('../fonts/iconfont.eot') format('embedded-opentype'),



  url('../fonts/iconfont.woff2') format('woff2'),



  url('../fonts/iconfont.woff') format('woff'),



  url('../fonts/iconfont.ttf') format('truetype'),



  url('../fonts/iconfont.svg#iconfont') format('svg');



}



/* 绗簩姝?瀹氫箟浣跨敤 iconfont 鐨勬牱寮?*/



.iconfont {



  font-family: "iconfont" !important;



  font-size: 16px;



  font-style: normal;



  -webkit-font-smoothing: antialiased;



  -moz-oxs-font-smoothing: grayscale;



}







.top .erji>a:hover,.xinwen_a span a:hover,.guan .guan_a ul.guan_b li>a:hover,.link_c a:hover{text-decoration: underline !important;}







/* 椤堕儴 */



.dingbu{width: 100%;line-height: 30px;background: url(../images/topbg.jpg) repeat-x;}



.dingbu span{font-size: 12px;color: #c0c0c0;}



.an li>a{font-size: 12px;padding: 0px 10px;border-right: 1px solid #c0c0c0;color: #c0c0c0;text-decoration: none;}



.top .erji .map>a,.an li.map>a{border-right: none;}



.top .erji a{color: #ccc; font-size: 14px;};



@media(max-width: 900px){



  .dingbu{display: none;}



  .banner .w-100{ height:100px; object-fit: cover;}



}



/* 椤堕儴 end */



@media screen and (max-width:640px){



 ..logo .logo_a p.index_moju {



   display:none;



  }



}



/* logo */



.logo{width: 100%;line-height: 80px;position: relative;}



.logo .logo_a a>img{margin-top: 0px;}



.logo .logo_a p.index_moju{display: inline-block;vertical-align: middle;margin-top: 20px;}



.logo .logo_a span{font-size: 24px;font-weight: bold;display: inline-block; color: #01a1ed;



padding-left: 20px;line-height: 10px;}



.logo .logo_a .logo_b{background: url(../images/tel.jpg) no-repeat left center;text-align: left; width:250px;}



.logo .logo_a .logo_b>p{padding-left: 60px;line-height: 24px;display: inline-block;padding-top: 20px;font-size: 18px;}



.logo .logo_a .logo_b>p b{width: 100%;display: inline-block; font-size: 24px;}







.logo .logo_a span >a{font-size: 18px;display: inline-block; padding-left: 0px;padding-top: 20px;}



.an{position: absolute;top:0;left: 40%;display: none;}



.an li{display: inline-block;}



.an li>a{padding: 0px 6px;font-size: 14px;}



.an li>a:hover{color:#01a1ed; }



@media screen and (max-width:640px){



 ..logo .logo_a p.index_moju {



   display:none;



  }



}



@media(max-width: 900px){



  .an{display: block;}



  .logo{line-height: 60px;}



  .logo .logo_a li a img{height: 50px;width: auto;margin-left: 0;}



  .logo .logo_a .logo_b>p,.logo .logo_a span{display: none;}



}



/* logo end */







.guan{width: 100%;padding: 30px 0px 20px;}



.guan .guan_a{border-bottom: 1px solid #ebebeb;}



.guan .guan_a ul.guan_b li{display: inline-block;font-size: 14px;line-height: 40px;color: #666;}



.guan .guan_a ul.guan_b li>a{padding: 0px 6px;color: #666;}



.guan .guan_a ul.guan_b li>a:hover{text-decoration: underline !important;}



.guan_c form{width:100%;float:right;position:relative;}



.guan_c form .in_text{background: url(../images/indexa.jpg) no-repeat;width: 550px;height: 40px;text-indent: 1em;



	border: none;font-size: 14px;color: #999;}



.guan_c form .so{font-size:0px;border:none;background:none;width: 40px;height: 40px;cursor: pointer;position:absolute;right:0;top: 0;}



















@media(max-width: 900px){



  .guan{display: none;}



}











/* 瀵艰埅鏍?logo */



header{width: 100%;line-height: 49px;}



header .nav_bj{ width: 0;height: 0;border-bottom: 50px solid #0077d3; border-left: 80px solid transparent;



  background: #fff;}



.bj{width: 40% ;height: 50px;background: #01a1ed;position: absolute;right: 0;z-index: -1;}







header  .container > nav > ul{background: #01a1ed;}



header  .container > nav > ul > li > a {display: inline-block;color: #fff;font-size: 14px;font-weight: bold;



  border-right: 1px solid #008fd2;}



header  .container > nav > ul > li.none a{border-right: none;}







@media (min-width: 768px) {



  header  .container > nav > ul > li {position: relative;background: #01a1ed;}



  header  .container > nav > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;



    top: 150%;left: 0;background:#01a1ed;text-align: center;z-index: 9999; }



  header  .container > nav > ul > li:hover > ul {



    opacity: 1;



    visibility: visible;



    top: 100%;



    -webkit-transition: all .6s;



    -moz-transition: all .6s;



    -ms-transition: all .6s;



    -o-transition: all .6s;



    transition:all .6s;



    width: 100%;



    }



  header .container > nav > ul > li.active a{background: #0077d3;}



  header .container > nav > ul > li.active ul > li > a {;background: none;}



  header .container > nav > ul > li a:hover{background: #0077d3;text-decoration: none !important;;}



  header .container > nav > ul > li > ul > li > a {display: block;margin: 0px auto;background: none;



    line-height: 40px;white-space: nowrap;color: #fff;font-weight: bold;font-size: 14px;}



  header  .container > nav > ul > li:hover > ul li{padding: 6px 16px;}



  header  .container > nav > ul > li:hover > ul li a{color: #fff;}



  header  .container > nav > ul > li > ul > li{color: #fff;}



  header  .container > nav > ul > li > ul > li:hover{background:#0077d3;}



  header  .container > nav > ul > li > ul > li > a:hover {color: #fff;}   



}







@media(min-width: 1300px){



  header  .container > nav > ul > li > a {padding: 0 30px;}



}



@media(max-width: 1299px) and (min-width: 1000px){



  header  .container > nav > ul > li > a {padding: 0 18px;font-size: 14px;}



}



@media(max-width: 1000px) and (min-width: 1200px){



  header  .container > nav > ul > li > a {padding: 0 10px;font-size: 14px;}



}



@media (max-width: 991px) {



  header .nav_bj{border-bottom: none; }



  header{background: none;}



  .logo .logo_a a>img{margin-top: 0;}



  header  .container > nav > ul > li a{border-right: none;}



  header  .container > nav {z-index: 9999;}



  header  .container > nav > ul{background: #f1f1f1;}



  header  .container > nav > ul > li > a {padding: 0 50px;}



  header  .container > nav > ul > li.active a{border-bottom: none;}



  header  .container > nav > ul > li ul li ol.yu{display: block;background: #01a1ed;}



  header  .container > nav > ul > li ul li ol.yu a{color: #fff;}



  header .container > nav > ul > li ul li ol.yu li:hover{background: #01a1ed;}



  header  .container > nav{ margin-top: 36px;background: none;border: none;}



}







@media (max-width: 900px) {



  .bj{background: none;}



  header  .container > nav > ul > li.active > a {color: #fff;}



  header  .container > nav > ul > li.active{ width: 100% ;background: #008fd2;}



  header  .container > nav > ul > li.active:hover{background: #008fd2;}



  header {/* height: 60px; *//* line-height: 60px; */}



  header  .container > .logo-box img {height: 20px;width: auto;}



  header  .container > nav {position: absolute;top: 26px;left: 0;width: 100%;text-align: center; 



    z-index: 9999;background: #f5f5f5;z-index: 9999;}



  header .container > nav{display: none;}



  header .container > nav > ul > li {position: relative;margin-left: 0px;}



  header  .container > nav > ul > li > i.iconfont {top: 0;right: 35px;font-size: 14px;}



  header  .container > nav > ul > li > i.icon-minus {color: #fff;}



  header  .container > nav > ul > li > a {color: #434343;font-size: 16px;}



  header .container > nav > ul > li > ul {display: none;background: #f9f9f9;}



  header .container > nav > ul > li > ul > li > a {display: block;font-size: 14px;color: #000 !important;height: 35px;line-height: 35px;}



  header  .container > nav > ul > li > ul > li > a:hover {color: #000 !important;}



  header  .container > nav > ul > li:hover {background: #01a1ed; }



  header  .container > nav > ul > li:hover > a{color: #fff;}



  header .menu-toggler {right: 15px;height: 100%;padding-top: 19px;overflow-x: hidden;top: 0px;}



  header .menu-toggler > span {position: relative;display: block;width: 30px;height: 4px;



    border-radius: 5px;background: #008fd2;}



  header .menu-toggler > span.top { top: 0;}



  header .menu-toggler > span.middle {left: 0;top: 5px;}



  header .menu-toggler > span.bottom {top: 10px;}



  header .menu-toggler.active > span.middle {left: 100px;}



  header .menu-toggler.active > span.top {top: 10px;transform: rotate(45deg);}



  header .menu-toggler.active > span.bottom {top: 2px;transform: rotate(-45deg);}



  .carousel{/* margin-top: -60px; */}



.slick-slide img{height: 130px;object-fit:cover;}















  



}



/* 瀵艰埅鏍?logo end */ 







/* footer 搴曢儴 */



footer .g_ft{ height:364px; background: url(../images/ftbg.jpg) no-repeat center top;



  overflow: hidden;padding-top: 12px;position: relative;background-size: cover;}



footer .g_ft .f_ftcon a{ color:#fff; display: inline-block;padding: 40px 30px 0;font-size: 16px;}



footer .g_ft .f_pr ul{display: inline-block;margin-top: 20px;padding-top: 50px;vertical-align: top;}



footer .g_ft .f_pr ul.m_fnav{width: 60%;color: #fff;font-size: 14px;line-height: 30px;}

@media screen and (max-width:1320px){

 footer .g_ft .f_pr ul.m_fnav{width:55%}

}

footer .g_ft .f_pr ul em{display: block;font-size: 14px;font-weight: bold;color: #fff;margin-top: 10px;}



footer .g_ft .f_pr ul span{/* display: block; */font-size: 14px;color: #fff;margin-top: 5px;}



footer .g_ft .f_pr ul.m_fnav li{color: #fff;}



footer .g_ft .li02 b{font-weight: normal;font-size: 14px;display: inline-block;padding-left: 90px;}



footer .g_ft .li03 {margin-top: 23px;}



footer .g_ft .li03 b{font-weight: normal;font-size: 26px;}



footer .g_ft .li03 a{margin-left:30px;color: #fff;}







.g_link{background:url(../images/linkbg.jpg) repeat;/* height: 64px; *//* line-height: 64px; */background-size: cover;}



.link_c{overflow:hidden;/* float: left; */width: 100%;font-size: 14px;}



.link_c a{padding-right: 10px;color:#a3b9dd;display: inline;height:30px;line-height:30px;float: left;}



.g_link span{display: block;float: right;}







footer .g_ft .kaoring{position: absolute;right: 18.6%;top: -56px;}



footer .g_ft .kaoring p{color: #fff;padding-top: 20px;font-size: 14px;padding-left: 10px;}







aside{width: 150px;border: 2px solid #3d5e91;position: fixed;right: 2px;top: 20%;background: #fff;z-index: 999;}



aside a>img{width: 100%;}



aside h5{color: #01A1ED;font-size: 14px;text-align: center;padding-top: 6px;}



aside p{color: #01A1ED;font-size: 18px;font-weight: bold; text-align: center;padding-top: 6px;line-height: 10px;}







@media(max-width: 900px){



  footer .g_ft{height: auto;}



  footer .g_ft .f_pr ul.m_fnav,footer .g_ft .f_ftcon a,.g_link,.g_ft ul.kaoring img{display: none;}



  footer .g_ft .f_pr ul{width: 100%;text-align: center;padding-top: 0;margin: 0;}



  aside{display: none;}



footer .g_ft .f_pr ul .fimg{width:100%;}



	.mobilep{display:block;color: #fff;font-size: 12px;margin-top: 10px;}















  



}



/* footer 搴曢儴 end */







/* 浜岀骇鑿滃崟 */



 .menu{display: none;}







@media(max-width: 900px){



  .menu{width: 100%; height: 40px;float: right;clear: both;display: block;z-index: 999;}



  .menu p{width: 100%;position: relative;font-size: 14px;height: 40px;line-height: 40px;display: block;



    cursor: pointer;background: #008fd2;color: #fff;text-align: center;}



  .menu p:hover{background: #007bff;}



  .menubar{position: relative;width: 100%;max-height: 0px;margin: 0 auto;overflow: hidden;z-index: 999;}



  .menubaropen{max-height: 700px;transform-origin:50% 0; transition: all 0.3s ease-out;}



  .menubar li{list-style-type: none; width: 100%;height: 40px;line-height: 40px; 



    text-align: center;background: #008fd2;display: block;cursor: pointer;}



  .menubar li.active{background: #007bff;}



  .menubar li:hover{ background: #008fd2;}



  .menuvalue{background: #008fd2;color: #fff;}



  .menubar li a{color: #fff;}



  @-webkit-keyframes slide-down{



    0%{transform:scale(1,0);}



    25%{transform:scale(1,1.2);}



    50%{transform:scale(1,0.85)



    75%{transform:scale(1,1.05);}



    100%{transform:scale(1,1);}



  }



}