@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#00C0E2}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1200px; margin: auto; max-width: 96%; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; padding:10px 0; }
.logo{ float: left; }
.logo img{ height: 60px; }
.nav{  font-size: 16px; background:#000000; height: 50px; line-height: 50px;}
.nav li{  float: left; width: 16.66% }
.nav li a{ display: block; color: #fff;  text-align: center; }
.nav li a:hover,.nav li.on a{ color: #009EE8;  }

.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }


.tel{   display: flex; align-items: center; padding-top: 5px; }
.tel i{ display: block; font-size: 26px;  color: #009EE8;   margin-right: 15px; }
.tel em{ display: block; color: #999; }
.tel b{ display: block;  color: #000; font-size: 20px; margin-top:-2px;}


.fuwu_list{ margin:1rem auto; }
.fuwu_list li{ float: left; width: 25%; text-align: center;}
.fuwu_list li a{ display: block; padding:70px 20px; }
.fuwu_list li span{ display: block; font-size: 22px; font-weight: bold; margin:30px auto; }
.fuwu_list li p{ line-height: 1.8; margin:40px auto; color: #666; }
.fuwu_list li em{ border:#000 1px solid; height: 45px; line-height: 45px; display: block; width: 100px; margin:auto; }
.fuwu_list li a:hover em{ background:#00C0E2; color: #fff; border:#00C0E2 1px solid; }
.fuwu_list li:nth-child(2){ background:#00C0E2; }
.fuwu_list li:nth-child(2) a span{ color: #fff; }
.fuwu_list li:nth-child(2) a p{color: #fff; }
.fuwu_list li:nth-child(2) a em{ border:#fff 1px solid; color:#fff; }

.box{  background-repeat: no-repeat; background-position: center; background-size: cover;  }
.about_box{ width: 46%; padding:0.7rem 0; }
.index_dh{ text-align: center; }
.index_dh h2{ font-size: 26px; font-weight: bold; }
.index_dh p{ font-size: 16px; font-family: Arial; text-transform:uppercase; color: #666;  }
.index_dh p i{ display: inline-block; width: 10px; height: 10px; background:#00C0E2; margin-right: 10px; margin-top:10px; }
.about_con{ margin:40px auto; line-height: 2; color: #666; }
.about_box a{ display: block;background:#00C0E2; color: #fff;  width: 120px; height: 50px; line-height: 50px; text-align: center; margin:auto;border:#00C0E2 1px solid; }
.about_box a:hover{ background:#fff; color: #00C0E2; border:#00C0E2 1px solid;}

.news_box{ padding:0.7rem 0; }

.news_list{ margin:30px auto 0 auto; }
.news_list li{ float: left; width: 49%; margin-bottom:20px; background:#F5F5F5;  }
.news_list li:nth-child(2n) { float: right; }
.news_list li .pic{ float: left; width: 50%; }
.news_list li .pic span{ padding-top: 66%; }
.news_list li .text{ overflow: hidden; width: 50%; padding: 0 20px; }
.news_list li .text h3{ display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold; }
.news_list li .text span{ display: block;  color: #999; margin:10px auto; }
.news_list li .text p{ line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news_list li a{ display: block; display: flex; align-items: center;  }
.news_list li:hover{ background:#00C0E2; }
.news_list li:hover h3{ color: #fff; }
.news_list li:hover span{color: #fff; }
.news_list li:hover p{color: #fff;}





.foot{ background: #111518; margin: auto; padding:30px 0px; text-align: center; color: #cccccc; line-height: 180%; }
.link{ border-bottom: #393939 1px solid; padding-bottom:20px; margin-bottom: 20px; }
.link a{ margin-left: 20px; }

.foot a{ color: #ccc; }
.foot a:hover{ color: #fff; }
.foot_nr p{ margin:5px auto; }
.foot_nr span{ margin:0 10px; }

.nbanner{ margin: auto; position: relative; }
.nbanner .pic{}
.nbanner .pic span{ padding-top: 20%; }
.nbanner .text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff;}
.nbanner .text .w1200{ margin:auto;}
.nbanner .text .w1200 b{ font-weight: bold; font-size: 0.32rem; display: block; }
.nbanner .text .w1200 p{ margin:auto; line-height: 2; font-family: Arial; font-size: 16px;text-transform:uppercase; }

.route{ border-bottom: #eee 1px solid; height: 50px; line-height: 50px; }


.box_cx{ width:500px; margin:50px auto; max-width: 100%;}
.box_cx .tit{ margin:60px auto; text-align: center; font-size: 28px; }
.box_cx input{ height:45px; line-height:45px; width: calc(100% - 102px); font-size: 16px; border:1px solid #ddd; float:left; text-indent: 10px;}
.box_cx input[type=submit]{ width:100px; height:47px; line-height:47px; text-align:center; background:#00C0E2; color:#FFF; font-size:18px;border:1px solid #00C0E2; float:left;}
.ul_re{ }
.ul_re li{margin:10px auto; list-style:none; font-size:16px; line-height:2;}
.ul_re li span{ color:#999;}



.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }