@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:#0B89DD}
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; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 20px 0px; }
.top1{ background: #F6F6F6; height: 35px; line-height: 35px; }
.top_r span{ padding: 0 10px; }

.top{ margin: auto; padding:10px 0; }
.top .w1200{ padding: 10px 0; }
.logo{ float: left;  padding-top: 5px; }
.logo img{ display: block; float: left; height: 30px; margin-right: 10px; margin-top: 5px; }
.logo p{ float: left; font-size: 26px; font-weight: bold; }
.tel{ float: right;   }
.tel span{ display: block;  color: #666; }
.tel p{font-size: 24px; color: #0B89DD; font-weight: bold;}


.nav{  font-size: 16px;background: #0B89DD; height: 42px; line-height: 42px; text-align: center; }
.nav li{ float: left; text-align: center; position: relative; width: 11.11%; width: 12.5%; }
.nav li a{ display: block;  color: #fff;   }
.nav li a:hover,.nav li.on a{background: linear-gradient(to top, #CE2319, #F58603); }
.nav li:after{ content: ""; background: url(../images/bg_li_ctqv.png); width: 2px; height: 100%; right: 0; top: 0; position: absolute; }
.nav li:first-child a:before{ content: ""; background: url(../images/bg_li_ctqv.png); width: 2px; height: 100%; left: 0; top: 0; position: absolute; }


.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; }

.sou_big{ margin:10px auto; line-height: 28px; }
.sou_l a{ margin:auto 5px; display: inline-block; }
.sou_r{border: #0B89DD 2px solid; width: 300px;}
.sou_r input{ float: left; width: calc(100% - 60px); display: block; background: none; border: none; height: 26px; line-height: 26px;  }
.sou_r a{ display: block; overflow: hidden; background: #0B89DD; text-align: center; color: #fff; }

.pic_big{ margin:20px auto; }

.left{ float: left; width: 255px; margin-right: 30px; }
.left_nr{ background: #F6F6F6; padding:5px  15px; }
.right{ overflow: hidden; }

.left_dh{ background: #0B89DD; color: #fff;  padding:0 10px;}
.left_dh_con{ display: flex; align-items: center; text-align: center; width: 135px; margin:auto;  }
.left_dh_con h2{ font-size: 22px; font-weight: bold; }
.left_dh_con p{font-family: 'Times New Roman'; letter-spacing: 5px; font-size: 20px;}
.left_dh i{ font-size: 53px;  font-style: italic; font-family: 'Times New Roman';  font-weight: bold; margin-right: 10px;}
.left_name{  }

.left_nr li{ height: 35px; line-height: 35px; background: #0B89DD; margin:10px auto;}
.left_nr li a{ display: block; color: #fff; /*text-align: center;*/ position: relative; text-indent: 10px; }
.left_nr li a i{ font-size: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.left_nr li a i.icon-jianhao{ opacity: 0;  }
.left_nr li a:hover,.left_nr li a.on{ background: #D33215;}
.left_nr li a:hover i.icon-jianhao,.left_nr li a.on i.icon-jianhao{ opacity: 1; }
.left_nr li a:hover i.icon-jiahao1,.left_nr li a.on i.icon-jiahao1{ opacity: 0; }

.pic_list{ margin:auto; }
.pic_list li{ float: left; width: 23.5%; margin-bottom: 20px; position: relative; margin-left: 2%; }
.pic_list li.li1{ margin-left: 0; }
.pic_list li .pic{ width: 80%; margin:auto; }
.pic_list li .pic span{ padding-top: 100%; }
.pic_list li a{ display: block; border: #EEEEEE 1px solid; margin:auto; position: relative; /*padding-bottom: 30px; */}
.pic_list li .dec{ /*position: absolute; bottom: 10px; width: 100%; left: 0; */}
.pic_list li .text{text-align: center;  padding:0 5px 10px 5px; }
.pic_list li .text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  display: block;}
.pic_list li .text p{ font-family: Arial; font-size: 12px; margin-top: 2px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pic_list li a:hover{border: #FF6600 1px solid; }

.lxwm{ margin:40px auto 0 auto; border: #eee 1px solid; }
.lxwm_nr{ padding: 15px;  line-height: 1.5; }
.lxwm_nr p{ margin:10px auto; }

.about_big{ margin:20px auto; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 30px 0; }
.about_big .w1200{display: flex; align-items: center;}
.about_l{ width: 60%; margin-right:10%; }
.about_r{ overflow: hidden; width: 30%;  }
.about_r .con{padding: 10px; background: #fff; }
.about_r .pic span{ padding-top: 58.7%; }

.ad{ margin:auto; }
.ad li{ float: left;display: flex; align-items: center; margin-right: 30px;   }
.ad li b{ font-size: 25px; color: #fff; display: block;  }
.ad li:before{ content: ""; background: url(../images/icon.png) no-repeat left; width: 54px; height: 48px;  display: block;  }
.about{ line-height: 1.8; color: #fff; margin:20px auto; }
.about a{ color: #FF0000; }
.about a:hover{ color: #fff; }

.hot_pic{ margin:30px auto; }
.index_dh{ text-align: center; font-size: 22px; color: #0B89DD; border-bottom: #eee 1px solid;  }
.index_dh b{ border-bottom: #eee 3px solid; padding-bottom:10px;  display: inline-block; z-index: 1;  bottom: -2px; position: relative;}
.hot_list li{ float: left; margin-left: 20px; width: 200px; }
.hot_list li .pic span{ padding-top: 100%; }
.hot_list li .text{ text-align: center; padding: 10px; }
.hot_list li .text span{ display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hot_list li .text p{ font-size: 12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#dem {overflow:hidden; width:100%; height: 250px; }
#indem { float: left; width: 800%;   }
#dem1 { float: left;}
#dem2 { float: left;}

.news_big{ margin:20px auto; }

.news_l{ float: left; width: 45%; margin-right:5%; }
.news_r{ overflow: hidden; }
.news_dh{margin:auto; border-bottom: #ddd 1px solid; padding-bottom: 10px;}

.news_dh .p{ float: left;  }
.news_dh .p h2{ display: inline-block; font-weight: bold; font-size: 18px; }
.news_dh .p span{text-transform:uppercase; font-size: 12px;}
.news_dh a{ display: block; float: right; color: #0B89DD; }

.news_list{ margin:auto; }
.news_list li{ margin:20px auto; border-bottom:#ddd 1px solid; padding-bottom: 20px; /*display:table-cell; vertical-align:middle;*/}
.news_list li .time{ width: 60px; background: #0B89DD; color: #fff; float: left; margin-right: 30px; text-align: center; padding:7px 0; font-size: 12px; }
.news_list li .time b{ font-size: 24px; }
.news_list li .text{ overflow: hidden; }
.news_list li .text span{ display: block; font-size: 18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li .text p{ margin:2px auto; line-height: 1.5;  color: #666;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px;}

.foot{ background: #0B89DD; margin: auto; padding:20px 0px; color: #fff; text-align: center;  }
.foot_nav{ margin:30px auto; }
.foot_nav a{ margin:0 30px; }
.foot_nr{ margin:auto; }
.foot_nr p{ margin:10px auto; }
.foot_nr p span{ margin:0 10px; }
.foot a{ color: #fff; }

.route{ border-bottom: #0B89DD 1px solid; }
.name{ border-bottom: #0B89DD 3px solid;padding: 0 10px;padding-bottom: 10px; position: relative; bottom: -2px; font-size: 16px; font-weight: bold;  }

.cengji{ margin-top:5px; }

.wap{ display: none; }



.n_dh{ margin:10px auto;  text-align: center;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	text-align: justify;
	background: #0B89DD;
	box-sizing: border-box;
}
.n_dh::-webkit-scrollbar {display: none;}
.n_dh a{ display: inline-block;  color: #fff;  padding:10px; }
.n_dh a.on{background: linear-gradient(to top, #CE2319, #F58603); }