@import url("fonts.css");
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{font-size:20px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td{ margin: 0; padding: 0;}
body{ max-width:800px;font-size:0.6rem;margin:0 auto; background:#FFF;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a{color:#333;text-decoration:none;}

a:hover{text-decoration:none; color:#F00;}
.clear{ clear:both;height:0; overflow:hidden;}
/*iphone 6*/
@media screen and (min-width:375px){ 
html{ font-size: 20px;}  
}

@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 21.973px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.613px;}  
}
@media screen and (min-width:480px){ 
html{ font-size:25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size:28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size:42.667px;}  
}
/*****************************/
.header-top {
    width: 100%;
    height: 2.5rem;
    background: -webkit-gradient(linear, 0% 46%, 100% 25%, from(rgb(111, 109, 110)), color-stop(0.5, rgb(44, 41, 41)), to(rgb(111, 109, 110)));
    text-align: center;
    line-height:  2.5rem;
    color: #FFF;
    font-size: 0.8rem;
}
.header-top span img{ margin-right: 10px; width:24px;}
.header-logo{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;padding: 15px 4%;}
.header-logo .logo{width: 40%;}
.header-logo .logo img{width:100%;display: block;}
.header-logo .logo-p{width: 60%;text-align: right;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;font-weight: bold;}
.header-logo .logo-p p{font-size:0.6rem;width: 100%;color:#aa2924;}
.header-logo .logo-p span{font-size: 0.52rem;width: 100%;}
.banner img{width: 100%;display: block;}

.nav-list{display: webkit-flex;display: flex;display:-moz-flex;}
.nav-list li{flex: 1;text-align: center;background: #055bae;color: #FFF;height: 3rem;line-height: 3rem;font-size: 0.7rem;}
.nav-list li.curr{background: #AA2924;}
.nav-list li:nth-child(1){border: 0;}

.nav-listbox{position: relative;height:14rem;}
.listbox1 li{float: left;width:33.33333%;text-align: center;padding:0.5rem 0.1rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.listbox1 li a{color:#333;display: block;line-height: 1rem;font-size:0.65rem;}
.nav-listbox .listbox{width: 100%;position: absolute;top: 0px;left: 0px;overflow: hidden;}

.listbox2{padding: 2%;box-sizing: border-box;}
.listbox2 h2{font-size:0.9rem;}
.listbox2 h2 span{font-weight: normal;}
.listbox2 ul{padding: 2% 0px;overflow: hidden;}
.listbox2 ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.listbox2 ul li:nth-child(3n){margin-right: 0px;}
.listbox2 ul li a{display: block;text-align: center;border: 1px solid #DDD;background: #EEE;line-height: 1.8rem;font-size: 0.65rem;}
.listbox2 h3{font-size: 0.7rem;font-weight: normal;line-height: 1.2rem;}

.tel_box{background:#0761b9;color: #FFF;line-height: 3rem;font-size:0.768rem;text-align: center;font-weight: bold;}
.tel_box img{width:1.5rem;height:1.5rem;}
.tel_box a{float: right;display: block;width:5rem;background:#ce4d48;text-align: center;color:#FFF;font-size: 0.8rem;}

.title h2{font-size: 1rem;text-align: center;line-height:3rem;color: #055BAE;margin-top: 0.5rem;}
.title img{display: block;width: 80%;margin: 0px 10%;}
.title h2 span{color:#AA2924;margin-left: 0.5rem;}

.m-cnt{overflow: hidden;margin: 4% 2%;}
.m-cnt li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;border: 2px solid #b1b1b1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:0.5rem 0px;font-size: 0.65rem;line-height:44px;}
.m-cnt li.curr a{color:#FFF;}
.m-cnt li:nth-child(3n){margin-right: 0px;}
.m-cnt li img{margin-right: 0.4rem;float: left;margin-left: 0.3rem;}
.m-cnt li img.hover{display: none;}
.m-cnt li.curr{background: #055BAE;border: 2px solid #055BAE;color: #FFF;}
.m-cnt li.curr img.active{display: none;}
.m-cnt li.curr img.hover{display:inline;}

.tab_cat_box{width: 100%;position: relative;overflow: hidden;padding: 4% 0px;}
.tab_cat_box .m-cnt-box{width:500%;position: relative;overflow: hidden;}
.tab_cat_box .m-cnt-box .con{float: left;width:20%;}
.tab_cat_box .m-cnt-box .con dl{float: left;width:45%;margin: 0px 2.5%;}
.tab_cat_box .m-cnt-box .con dl img{width: 100%;display: block;height:9rem;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;}
.tab_cat_box .m-cnt-box .con dl dd{text-align: center;padding:4% 2%;}
.tab_cat_box .m-cnt-box .con dl a{display: block;font-size: 0.65rem;line-height: 1.2rem;}

.div-title{background: url(../images/tt.jpg) no-repeat center center;text-align: center;padding: 1rem 0px; background-size: cover;}
.div-title h2{color: #FFF;font-size: 1rem;}
.div-title h2 span{color:#AA2924;}
.div-title h3{font-weight: normal;color:#FFF;line-height: 2rem;font-size: 0.75rem;}
.div-title p{margin: 2% 12%;color:#c1ddf8;font-size: 0.7rem;border: 1px solid #449bee;border-radius: 10px;line-height: 2rem;}

.m_menu ul{overflow: hidden;padding: 4% 2%;}
.m_menu ul li{float: left;width: 25%;text-align: center;margin: 2% 0px;}
.m_menu ul li i{width: 3.5rem;height: 3.5rem;background: #055BAE;border-radius: 100%;margin: 0px auto;display: block;overflow: hidden;}
.m_menu ul li i img{display: block;margin:0.65rem auto;width: 2.2rem;height: 2.2rem;}
.m_menu ul li h2{font-weight: normal;line-height: 1.5rem;font-size: 0.65rem;}
.about{padding: 1rem 2%;}
.about img{width: 100%;display: block;}
.m_about_box_top{padding: 1rem 2%;padding-top: 0px;}
.m_about_box_top h3{font-size: 0.9rem;padding-bottom: 0.5rem;}
.m_about_box_top p{line-height:1.5rem;font-size: 0.65rem;}
.m_about_box_top span{display: inline-block;width:5rem;height: 1.5rem;margin-top: 0.5rem;}
.m_about_box_top span a{display: block;text-align: center;line-height: 1.5rem;color: #FFF;font-size: 0.65rem;background: #AA2924;}

.abanner{position: relative;padding:1.5rem 0px;}
.abanner .slick-slide{float: left;}
.abanner .slick-slide a{display: block;padding: 4%;text-align: center;}
.abanner .slick-slide a img{width: 100%;height: 130px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;}
.abanner .slick-list{overflow: hidden;margin: 0px 2%;}
.abanner .slick-slide a .hh{line-height: 1.3rem;font-size: 0.65rem;}
/*.abanner .slick-prev,.abanner .slick-next{position: absolute;width: 1.2rem;height: 2rem;background: #FFF;border: 1px solid #DDD;font-size: 0.8rem;top: 50%;margin-top: -1rem;color: #999;}
.abanner .slick-prev{left: 5px;}
.abanner .slick-next{right: 5px;}
*/
.news-nav{overflow: hidden;display: -webkit-flex;display: flex;margin: 1rem 0px;margin-bottom: 0.5rem;}
.news-nav li{flex: 1;text-align: center;background: #055BAE;border-left: 1px solid #FFF;color:#FFF;font-size: 0.7rem;line-height: 3rem;}
.news-nav li:nth-child(1){border: 0;}
.news-nav li.curr{background: #AA2924;}

.newsbox{position: relative;overflow: hidden;width: 100%;margin-bottom:4.5rem;}
.newsbox .newslist{position: relative;width: 300%;overflow: hidden;}
.newsbox .newslist .box{float: left;width: 33.3333%;}
.newsbox .newslist .box ul{padding: 2%;}
.newsbox .newslist .box li a{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.newsbox .newslist .box li a .img{width:7.5rem;overflow: hidden;}
.newsbox .newslist .box li a .img img{width: 100%;}
.newsbox .newslist .box li a .div-pp{width: calc(100% - 8rem);margin-left: 0.5rem;}
.newsbox .newslist .box li a .div-pp h3{font-size: 0.7rem;margin-bottom: 8px;}
.newsbox .newslist .box li a .div-pp p{font-size: 0.65rem;line-height: 1rem;color: #666;}
.newsbox .newslist .box li{margin-bottom: 10px;}

.footer{background: #055BAE;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;position: fixed;width: 100%;bottom: 0px;left: 0px; z-index:99;}
.footer li{flex: 1;text-align: center;border-right: 1px solid #4ea2f8;padding-top: 0.5rem;border-left: 1px solid #033a6f;}
.footer li p{color:#FFF;font-size: 0.65rem;line-height: 1.5rem;}
.footer li:nth-child(1){border-left: 0;}
.footer li:nth-child(4){border-right: 0;}
.footer li a img{ width:20px}

.bbanner{ padding:1.5rem 0px; position:relative; background:#F3F3F3;}
.bbanner .con{ float:left}
.bbanner .con img{ width:100%}
.slick-list{ margin:0px 2%; overflow:hidden; padding-bottom:1rem;}
.bbanner .con li h3{ line-height:1.5rem; font-size:0.9rem; color:#035aac; padding:10px 0px; padding-bottom:0px;}
.bbanner .con li h3 span{ float:left; font-size:1.2rem; font-weight:bold;font-family: Impact; color:#9f9e9e; margin-right:8px;}
.bbanner .con li p{ font-size:0.8rem; color:#333; position:relative; margin-top:5px; overflow:hidden; margin-bottom:5px;}
.bbanner .con li p:after{ content:""; display:block; width:3rem; height:2px; background:#aa2924; margin-top:10px;}

.bbanner .con p{ line-height:1.2rem;font-size:0.65rem; color:#666;}
.bbanner .con p span img{ width:auto;}
.bbanner .slick-prev,.abanner .slick-prev{ left:25%; background:url(../images/uu1.gif) no-repeat center center; background-size:cover;}
.bbanner .slick-next,.abanner .slick-next{ right:25%; background:url(../images/dd1.gif) no-repeat center center; background-size:cover;}

.bbanner button,.abanner button{ border:0; width:1.5rem; height:1.5rem; text-indent:999cm; overflow:hidden; position:absolute; bottom:1rem; z-index:1;}

.bbanner .slick-dots,.abanner .slick-dots{ position:absolute; width:100%; text-align:center; bottom:1.75rem; margin-bottom:-8px;}
.bbanner .slick-dots li,.abanner .slick-dots li{ display:inline-block; margin:0px 5px;}
.bbanner .slick-dots li span,.abanner .slick-dots li span{ background:#666; display:block; width:10px; height:10px; overflow:hidden;text-indent:999cm; border-radius:100%;}
.bbanner .slick-dots:before,.abanner .slick-dots:before{ content:""; width:3rem; height:1px; background:#afafaf; display:block; position:absolute; left:25%; margin-left:-3rem; top:50%;}
.bbanner .slick-dots:after,.abanner .slick-dots:after{ content:""; width:3rem; height:1px; background:#afafaf; display:block; position:absolute; right:25%; margin-right:-3rem; top:50%;}
.bbanner .slick-dots li.slick-active span,.abanner .slick-dots li.slick-active span{ background:#0964bb;}

.newslist .box .aa{ line-height:1.8rem; font-size:0.8rem;}

.connav span{margin: 0 auto;line-height:2rem;background:#222224;font-size:0.8rem;color: #FFF;position: relative; display:block; text-align:center; overflow:hidden;}
.connav span:before{content:"\f107";font-family:FontAwesome;float: right;position: absolute;right: 15px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.connav span.curr:before{transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}
.connav ul li{display: block;margin:0px;border-bottom: 1px solid #333;}
.connav ul li a{border:0;border-radius: 0px;padding: 10px 0px;color: #FFF;font-size:0.8rem; display:block; text-align:center}
.connav ul{background: #000;display: none;}
.connav{margin-top: -10px;}
.content-Article img{width: 100% !important; height:auto !important;}

.contentt{margin: 4px;background: #FFF;padding: 8px; padding-bottom:4.5rem;}
.content-Article{line-height:1.5rem; font-size:0.7rem !important;}
.contentt .content-Article p{font-size:0.7rem !important;}
.content-Article table{border-bottom: 1px solid #DDD;border-left: 1px solid #DDD;}
.content-Article table tr td{border-top: 1px solid #DDD;border-right: 1px solid #DDD;padding: 8px;}
.content-Article table tr td img{width: 100%;}
.titlee{background: #EEE;height:2rem;line-height:2rem;padding: 0px 12px;font-size:0.6rem;}

.content-list ul li{border-bottom: 1px dashed #DDD; padding:0.5rem 0px}

.content-list ul li a{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.content-list ul li a div.imgs{ width:3rem; height:3rem;}
.content-list ul li a div.imgs img{ width:3rem; height:3rem;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;}
.content-list ul li a div.imgpp{ width: calc(100% - 3.5rem);width: -webkit-calc(100% - 3.5rem);width: -moz-calc(100% - 3.5rem); margin-left:0.5rem;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-content: center;align-content: center;}
.content-list ul li a div.imgpp h3{ font-weight:normal; color:#000; width:100%; height:1rem; overflow:hidden; line-height:1rem; font-size:0.65rem}
.content-list ul li a div.imgpp p{ line-height:1rem; color:#999; width:100%;}
.content-list ul li a div.imgpp span{ color:#888}

.fenye{padding: 30px 0px;overflow: hidden;}
.fenye table{ margin:0 auto}
.fenye table a,.fenye table span{display: inline-block;height: 30px;line-height: 30px;padding: 0px 12px;border: 1px solid #DDD;font-size: 12px;border-radius: 3px;margin: 0px 2px;}
.fenye table a:hover,.fenye table span{background: #118CD9;color: #FFF;}
.box-title{text-align: center;font-size:0.8rem;color: #000;line-height:2rem;}
.content-Article .boxs{text-align: center;line-height: 1.5rem;color: #999;border-bottom: 1px dashed #DDD;}
.content-Article .boxs span{margin: 0px 10px;font-size:0.8rem;}
#MyContent{ padding:10px 0px}
.ncontrol{background: #FFF;border-top: 1px solid #DDD;line-height: 1.5rem;}