/*???*/
* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0;  }
li, ul { list-style-type: none; }
input, textarea {  outline: 0;  border: 0;  }
img { border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, em, i {  font-weight: normal;  font-style: normal; }
a { text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #333; }
.container { width:68.35%; margin:0 auto; }
.container01 { width:100%; margin:0 auto;      padding: 0px 8%;
    box-sizing: border-box;
    text-align: center;}
.lf {float:left;}
.rt {float:right;}
.clear:after {clear:both; content: "";display: block; height:0; visibility:hidden;}



@media screen and (max-width:768px){
    .container { width:96%; margin:0 auto;overflow: hidden;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
    .container { width:90%; margin:0 auto;}
}


/*top*/
.top { background-color: #2470ee; border-bottom: 1px solid #4e8df2; height: 36px; line-height: 36px; }
.top a { color: #8cb3f2;}
.top i { color: #4e8df2; padding: 0 10px;}
@media screen and (max-width:768px){
    .top { display: none;}
}

/*header*/
.header { padding: 1% 0; background-color: #2470ee; position: relative;}
.header .logo a { display: block; width: 100%;}
.header .logo a img { width: 100%; height:100%; }
.header .search { width: 15%; height: 36px; border: 1px solid #fff; border-radius: 20px; margin-top: 1%; }
.header .search input.submit { background:url("../images/search.png") no-repeat center; cursor: pointer; width: 18px; height: 36px; float: left;}
.header .search input.text{ width:85%; height:34px; color: #fff; padding-left: 15px; float: left; background: none;}
.con_star{padding-top:50px;}
@media screen and (max-width:768px){
    .header { padding: 3% 0;}
    .header .logo { float: none;}
    .header .logo a { width: 80%; height:auto;}
    .header .search  { float: none;  width:80%; margin-top: 2%;}
}
@media screen and (max-width: 1919px) and (min-width:1024px){
    .header .search { width: 20%; }
    .header .search input.text{ width:82%;color:#fff; }


}

/* 主菜单 */
.navbox { width:100%; background: url("../images/hei.png"); position: absolute; left: 0; bottom:-60px; height: 60px; line-height: 60px; z-index: 999;}
.nav .nav_pc { width: 100%;}
.nav ul li { float:left;position: relative;box-sizing: border-box;z-index: 999;padding:0px 10px;font-size:17px;}
.nav ul li .f_a { display:block;text-align:center;color:#fff;}
.nav ul li:hover .f_a { background-color:#fe9602;color: #fff; transition:all .3s}
.nav ul li .s_navbox { display:none;position: absolute;left: 12px;width: 200px; background:url("../images/hei.png");z-index: 9999;box-sizing: border-box}
.nav ul li .s_navbox .s_a a { color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;line-height:46px;border-top: 1px solid #fff;}
.nav ul li .s_navbox .s_a a:hover { background-color:#fe9602;color: #fff;}
.m_nav { display:none}
.headlf .m_logo { display: none}
.headrg .m_menuimg { display: none}
.active { background-color: #cf1322}
.activ2 { background-color: #cf1322}

@media screen and (max-width: 1820px) and (min-width:1740px){
.nav ul li{padding:0px  8px;}
}

@media screen and (max-width: 1739px) and (min-width:1601px){
.nav ul li{padding:0px 10px;font-size:14px;}
}

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

.logo{width:80%;}
.nav ul li{font-size:15px;padding:0px 10px;}
.container01{padding:0px 2%;}
}


@media screen and (max-width:1400px){
.container01{width:100%;}
.nav ul li{font-size:14px;padding:0px 5px;}
}
@media screen and (max-width: 1240px) and (min-width: 0px){

.foot .qr_code{width:100%;}

    .msgNum{display: none;}
    .word{display:none;}
    .slider{/*margin-top: 44px;*/margin-top:0px;}
    .navbox{display:none}
    .m_img{display:block;height:44px;position:absolute;bottom:8%;right:4%;z-index:9999;overflow: hidden;   width:20%;}
    .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
    .m_img .headlf .m_logo{height:40px;display: block}
    .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
    .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block;}
    .m_nav {display:block;position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;z-index:10000}
    .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .m_nav .m_navList{position:absolute;width:80%; right:0; top:0;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
    .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
    .m_nav .m_navList ul li{border-bottom:1px solid #232530}
    .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
    .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
    .m_nav .m_navList ul li .m_f_a a{flex: 1;}
    .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
    .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
    .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.sj_nav{padding-left:20px;color:#fff;}
.sj_nav a{line-height:35px;color:#fff;font-size:16px;}
}


/*banner*/
.banner { width: 100%; position: relative;}
.banner .slideBox { width: 100%; position: relative; overflow: hidden; z-index: 0;}
.banner .slideBox .bd { width: 100%; z-index: 0; }

.banner .slideBox .bd li { display: block; width: 100%; zoom: 1;}
.banner .slideBox .bd li img { display: block; width: 100%;}
.banner .slideBox .hd { position: absolute; left: 50%; margin-left: -33px; bottom: 20px;}
.banner .slideBox .hd ul li { float: left; margin-right:8px; width:14px; height:14px; cursor: pointer; background: rgba(255,255,255,0.6); border-radius: 50%; }
.banner .slideBox .hd ul li.on { background: rgba(255,255,255,1);}
@media screen and (max-width:768px){
    .banner .slideBox .hd { display: none;}
}



/*ny*/
.m_box { padding: 90px 0 40px; background-color: #f2f5f7;}
/*left*/
.m_box .m_left { width:18%;}
.m_box .m_left .m_line { margin-bottom: 30px; }
.m_box .m_left .m_line .head { text-align:center; background-color:#2470ee; padding: 20px 0; margin-bottom: 10px;}
.m_box .m_left .m_line .head p { color:#fff; font-size: 1.6em; line-height: 26px;}
.m_box .m_left .m_line ul li { text-align:center; line-height:50px; height:50px; overflow:hidden; position: relative; background-color:#fff; margin-bottom: 10px;
    border-left: 5px solid #2470ee; }
.m_box .m_left .m_line ul li a { color: #333; z-index: 1; position: relative;font-size:16px;}
.m_box .m_left .m_line ul li i { display: block; width: 0; height: 50px; transition: all .3s; background-color: #2470ee; position: absolute; left: 0; top:0; }
.m_box .m_left .m_line ul li:hover i { width: 100%;}
.m_box .m_left .m_line ul li:hover a { color: #fff; }
/*right*/
.m_box .m_right { width:79%; background-color: #fff; padding: 25px 25px 40px; box-sizing: border-box;min-height:480px;}
.m_box .m_right .head2 { border-bottom:1px dashed #ccc;  padding-bottom: 15px;}
.m_box .m_right .head2 h4 { float:left; font-size:17px; padding-left: 35px; background:url("../images/ch-icon1.png") no-repeat left center; height: 24px; line-height: 24px; }
.m_box .m_right .location { float:right; font-size:16px;}
.m_box .m_right .location span,.m_box .m_right .location a { float:left; color:#999; margin-left: 5px;}
.m_box .m_right .location a:hover { color: #2470ee; }
@media screen and (max-width:768px){
   .m_box{padding:15px 0px 40px;}
    .m_box .m_left { width:100%; float: none;}
    .m_box .m_left .m_line{    margin-bottom: 10px;}
    .m_box .m_left .m_line ul { overflow: hidden; width: 105%; }
    .m_box .m_left .m_line ul li { float: left; line-height:36px; height:36px; width: 29%; margin: 0 2% 0 0;display:none; }
    .m_box .m_left .m_line ul li i { display: none; }
    .m_box .m_right { width:100%; float: none; padding: 25px 10px 25px;}
    .m_box .m_right .head2 { display: none;}
    .m_box .m_right .location { display: none;}

.m_box .m_left .m_line .head{padding:12px 0px;}
.m_box .m_left .m_line .head p{font-size:17px;}

.ny_content table{width:90%!important;}
ny_content {font-size:16px!important;}


}


#banner{width:100%;max-height:650px;position: relative;}
#banner  .slick-dotted.slick-slider{margin-bottom:0px;}

#banner .fbanner{width:100%;max-height:650px;}
#banner .fbanner .image{max-height:650px;overflow: hidden;}
#banner .fbanner .image img{width:100%;height: auto; }
#banner .fbanner .slick-dots{bottom:18px; right:0px; }
#banner .fbanner  .slick-dots li{width:13px;height:13px;background:#fff;margin: 0 4px!important;border-radius: 50px;}
#banner .fbanner  .slick-dots li.slick-active{background:#ffa84b;width:13px;height:13px;margin-top:4px;}


#banner .fbanner .slick-dots li button:before{content: ''!important;}

#banner .fbanner .slick-dotted.slick-slider{margin-top:-10px;}
.word{padding:45px 0px;color:#fff;}
.word  a{color:#fff;font-size:17px; padding:0px 5px;}

.word i{font-size:17px;}