@charset "utf-8";
/* CSS Document */
/**
科大国际
Time : 2019-3-1
Author : jj
**/
@font-face{
	font-family: myFirstFont;
	src:url(../font/GeBody.ttf);
}

/*banner*/

/*s_f1*/
/*banner*/
.banner {/* height: 680px; */width:100%;overflow:hidden;position:relative;z-index: -1;/* margin-top: -179px; */top: -30px;}
.banner .swiper-slide{height: 650px;}
.banner .swiper-slide a{ display:block; height:100%;}
.banner .pagination{ position:absolute; bottom:92px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
.banner .pagination span{ display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #fff;border:1px solid rgba(255,255,255,.5); margin:0 4.5px; cursor:pointer;}
.banner .pagination span.swiper-active-switch{ background:#cc9933; border:1px solid #cc9933;}
/*banner end*/
.qxgs{background: #cc9933;padding:3% 2%;width:190px;box-sizing: border-box;}
.qxbox{height: 204px!important;padding: 15px 30px;width:1000px;position: relative;}
/*项目分类*/
.qxgs h1{font-size: 20px;color: #fff;text-align: center;margin-top:10px;}
.qxgs span{width:40px;height: 1px;background: #fff;display: block;margin:15px auto;}
.qxgs a{display: block;width: 100px;border:1px #E7D1AF solid;line-height: 30px;color:#fff;font-size: 12px;text-align: center;margin:0 auto;margin-top:20px;}
.qxgs P{font-size: 16px;color:#e7d1af;text-align: center;}
.diwen{margin-top: -441px;  position: relative;  z-index: -4;width: 100%;}
.s_xiangmu{display: flex;margin-top: -130px;margin-bottom:40px;/* height:76px !important; */}
.s_xiangmu .bd{overflow:hidden;background: #fff;/* height: 204px !important; */}
.s_xiangmu ul{}
.s_xiangmu ul li{width: 291px!important;margin: 0 11px;box-sizing: border-box;float:left;height: 190px !important;/* background:rgba(255,255,255,0.83); */position:relative;}
.s_xiangmu ul li img{width: 100%;height: 150px;}
.s_xiangmu ul li:after{content:"";position:absolute;display:block;width:1px;/* height:67px; */top:5px;right:-1px;background:#fff;}
.s_xiangmu ul li span{ display:block; width:33px; height:30px; margin:12px auto 4px;}
.s_xiangmu ul li h5{text-align:center;font-size:14px;line-height: 35px;height: 35px;color:#4d4d4d;}
.s_xiangmu ul li.on{/* background:#cc9933; */}
.s_xiangmu ul li.on h5{/* color:#fff; */}
.s_xiangmu ul li.li_1 span{ background:url(../img/f1_ico1.png) center no-repeat;}
.s_xiangmu ul li.li_2 span{ background:url(../img/f1_ico2.png) center no-repeat;}
.s_xiangmu ul li.li_3 span{ background:url(../img/f1_ico3.png) center no-repeat;}
.s_xiangmu ul li.li_4 span{ background:url(../img/f1_ico4.png) center no-repeat;}
.s_xiangmu ul li.li_5 span{ background:url(../img/f1_ico5.png) center no-repeat;}
.s_xiangmu ul li.li_6 span{ background:url(../img/f1_ico6.png) center no-repeat;}
.s_xiangmu ul li.li_7 span{ background:url(../img/f1_ico7.png) center no-repeat;}
.s_xiangmu ul li.li_8 span{ background:url(../img/f1_ico8.png) center no-repeat;}
.s_xiangmu ul li.li_9 span{ background:url(../img/f1_ico9.png) center no-repeat;}
.s_xiangmu ul li.li_1.on span{ background:url(../img/f1_ico1_on.png) center no-repeat;}
.s_xiangmu ul li.li_2.on span{ background:url(../img/f1_ico2_on.png) center no-repeat;}
.s_xiangmu ul li.li_3.on span{ background:url(../img/f1_ico3_on.png) center no-repeat;}
.s_xiangmu ul li.li_4.on span{ background:url(../img/f1_ico4_on.png) center no-repeat;}
.s_xiangmu ul li.li_5.on span{ background:url(../img/f1_ico5_on.png) center no-repeat;}
.s_xiangmu ul li.li_6.on span{ background:url(../img/f1_ico6_on.png) center no-repeat;}
.s_xiangmu ul li.li_7.on span{ background:url(../img/f1_ico7_on.png) center no-repeat;}
.s_xiangmu ul li.li_8.on span{ background:url(../img/f1_ico8_on.png) center no-repeat;}
.s_xiangmu ul li.li_9.on span{ background:url(../img/f1_ico9_on.png) center no-repeat;}
.s_xiangmu .prev,.container01 .next{position:absolute;width:32px;height:76px;display:block;top: 60px;cursor:pointer;}
.s_xiangmu .prev{background:url(../img/f1_l.png) center no-repeat;left: 3px;}
.s_xiangmu .next{background:url(../img/f1_r.png) center no-repeat;right: 6px;}

.xinwen{margin-top:30px;}
.s_news{ width:652px; box-sizing:border-box; float:left;}
.s_news .hd{ margin-bottom:20px; overflow:hidden; }
.s_news .hd .tt{ float:left; font-size:14px; color:#cc9933; line-height:40px;}
.s_news .hd .tt span{ font-size:20px; color:#555; font-family:arial; margin-right:6px; }
.s_news .hd ul{ float:right;}
.s_news .hd ul li{ float:left; text-align:center;  overflow:hidden; width:125px; height:40px; background:#555; border-left:1px solid #fff; margin-left:17px;}
.s_news .hd ul li span{/* position:relative; *//* margin-right:5px; *//* width:10px; *//* height:10px; *//* display:inline-block; *//* background:url(../img/s_news_hd.png) center no-repeat; */}
.s_news .hd ul li a{ display:block; font-size:14px; color:#fff; width:100%; height:40px; line-height:40px; }
.s_news .hd ul li.on{ background:#cc9933; }
.s_news .hd ul li.on a{ color:#fff;}
.s_news .bd .slide{ }
.s_news .bd .new1{ padding-bottom:10px; overflow:hidden;}
.s_news .bd .new1 .img{ width:190px; float:left;}
.s_news .bd .new1 .txt{ width:430px; float:right; padding-top:10px;}
.s_news .bd .new1 h5{ margin-bottom:13px;}
.s_news .bd .new1 h5 a{ font-size:16px; color:#313135; display:inline-block; width:345px;transition:.3s; -webkit-transition:.3s;}
.s_news .bd .new1 h5 a:hover{ color:#cc9933;}
.s_news .bd .new1 a.btn{ display:block; font-size:12px; color:#3a3a3c; margin-top:20px; text-decoration:underline;font-family:arial;}
.s_news .bd .new1 a.btn:hover{ color:#cc9933;}
.s_news .bd .new1 p{font-size:12px;line-height:20px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;height:40px;color:#8d8d93;} 
.s_news .bd ul{}
.s_news .bd ul li{ display:block; height:36px; line-height:36px; border-bottom:1px dotted #d7d7d7; transition:.3s; -webkit-transition:.3s; position:relative; padding-left:15px; }
.s_news .bd ul li:before{ content:"•"; font-size:16px; color:#727272; position:absolute; left:0;}
.s_news .bd ul li h5{ float:left; font-size:14px; color:#606063; width:393px;transition:.3s; -webkit-transition:.3s; height:36px; line-height:36px;}
.s_news .bd ul li span{ float:right; font-size:12px; color:#9f9fa0; height:36px; line-height:36px; font-family:arial;}
.s_news .bd ul li:hover{}
.s_news .bd ul li:hover h5{ color:#cc9933;}

.s_about{ width:329px; height:312px; float:left; background:url(../img/s_about.jpg); padding:50px 43px; margin-left:50px;}
.s_about h3{ font-size:16px; color:#fff;}
.s_about h3 span{ font-size:12px; color:#fff; color: rgba(255,255,255,.5); text-transform:uppercase; font-family:arial; margin-left:10px;}
.s_about i{ display:block; margin-top:12px; width:12px; height:1px; background:#fff; margin-bottom:38px;}
.s_about h5{ font-size:15px; color:#fff; margin-bottom:13px;}
.s_about p{ font-size:12px; line-height:20px; height:40px; overflow:hidden; color:#fff; color: rgba(255,255,255,.8);}
.s_about .txt>span{ margin-top:35px; display:block;}
.s_about .txt>span:hover{ opacity:.6;}
.s_licheng{ width:166px; float:right;height:312px; background:url(../img/s_licheng_bg2.png) right bottom no-repeat #cc9933;}
.s_licheng:hover{background:url(../img/s_licheng_bg2_on.png) right bottom no-repeat #cc9933;}
.s_licheng .img{ width:166px; height:170px;}
.s_licheng .txt{ padding-left:30px; padding-top:40px;}
.s_licheng h5{ font-size:16px; color:#fff; margin-bottom:10px;}
.s_licheng p{ font-size:12px; color:#fff; color: rgba(255,255,255,.3); text-transform:uppercase; font-family:arial; margin-bottom:38px;}
.s_licheng span{ font-size:10px;text-transform:uppercase; font-family:arial; color:#cdd5e2;}


.container04{ margin-top:42px; margin-bottom:35px;}
.container05 .box1{clear:both;width: 601px;height:166px;background:#f5f5f5;float:left;}
.container05 .box1 .img{ width:189px; height:166px; float:left;}
.container05 .box1 .txt{float:left;width: 350px;margin:30px;}
.container05 .box1 h5{ margin-bottom:19px;}
.container05 .box1 h5 a{ font-size:16px; color:#313135;}
.container05 .box1 h5 a:hover{ color:#cc9933;}
.container05 .box1 p{ font-size:12px; color:#8d8d93; line-height:20px; height:40px; overflow:hidden;}
.container05 .box1 .btn{ color:#3a3a3c; font-size:12px; display:block; margin-top:18px; text-decoration:underline;}
.container05 .box1 .btn:hover{ color:#cc9933;}
.container04 .box2{ width:166px; height:166px; float:left; background:#cc9933;}
.container04 .box2 span{ display:block; width:36px; height:36px; background:url(../img/shuju.png) center no-repeat; margin:0 auto; margin-top:40px; margin-bottom:15px; transition:.3s; -webkit-transition:.3s;}
.container04 .box2:hover span{ transform:rotate(-90deg);}
.container04 .box2 h5{ font-size:16px; color:#fff; text-align:center; margin-bottom:7px;}
.container04 .box2 p{ font-size:12px; color:rgba(255,255,255,0.3); text-transform:uppercase; text-align:center;}
.container04 .box3{ width:544px; float:right; padding:25px 44px; background:#f5f5f5;}
.container04 .box3 h3{ margin-bottom:13px;}
.container04 .box3 h3 a{ font-size:16px; color:#313135;}
.container04 .box3 h3 a:hover{ color:#cc9933;}
.container04 .box3 h3 a span{ float:right; display:inline-block; width:20px; height:20px; border:1px solid #b4b4b4; text-align: center; line-height:16px; font-size:12px; color:#737373;}
.container04 .box3 h3 a span:hover{ color:#fff; background:#cc9933; border:0;}
.container04 .box3 ul{ clear:both;}
.container04 .box3 ul li{ height:29px; line-height:29px; position:relative; padding-left:15px;}
.container04 .box3 ul li:before{ content:"•"; font-size:16px; color:#727272; position:absolute; left:0;}
.container04 .box3 ul li a{ font-size:13px; color:#606063; display:inline-block; width:350px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container04 .box3 ul li a:hover{ color:#cc9933;}
.container04 .box3 ul li span{ float:right; font-size:12px; color:#9f9fa0; line-height:29px;}

.container05{height: 166px;overflow: hidden;margin-bottom: 30px;margin-top: 30px;}
.container05 .coop-container{ overflow:hidden; }
/* .container05 ul li{}
.container05 ul li a{ display:block; width:280px; margin:0 auto;}
.container05 ul li a .img{ width:280px; height:106px; position:relative; background:#cc9933;}
.container05 ul li a .img:before{ content:""; display:block; width:100%; height:100%; background: url(../img/s_xm_jianyou.png) center no-repeat rgba(181,29,35,.75); position:absolute; top:0; left:0; opacity:0; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; filter:alpha(opacity=0); /* IE */
/* -moz-opacity:0; 
-khtml-opacity:0;  transform:scale(1.2);} */ */
/* .container05 ul li h5{ text-align:center; line-height:45px; color:#5a5a5c; font-size:14px;} */
.container05 ul li:hover .img:before{ opacity:1;filter:alpha(opacity=1); 
-moz-opacity:1; /* 老版Mozilla */
-khtml-opacity:1; /* 老版Safari */  transform:scale(1);}
.coop_bottom{ height:2px; background:#cc9933; position:relative; z-index: 1;}
.coop_bottom a{ display:block;top:-12px; left:50%; margin-left:-12px; position:absolute; width:21px; height:21px;}

/*内页*/

/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}
.ny_banner {width: 1920px;height:459px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}
.ny_banner h5{ font-size:32px; font-family:arial; color:#ffff; text-transform:uppercase; text-align:center; font-weight:bold; padding-top:266px;}
.ny_banner i{ width:20px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:15px;}

.n_main{}
.n_title{ height:80px; border-bottom:1px solid #c9c9c9;}
.n_title .m{ overflow:visible;}
.n_position{ float:left; background:url(../img/home_ico.png) left center no-repeat; padding-left:20px; margin-top:30px;}
.n_position a{ font-size:12px; color:#9e9e9f; padding-right:18px; position:relative;}
.n_position a:after{ content: url(../img/home_ico2.png); position:absolute; right:6px; top:1px;}
.n_position em{ font-size:12px; color:#c10000;}
.n_position a:hover{ color:#c10000;}

.n_nav{ position:relative; text-align:center; font-size:0; float:right; margin-top:20px;}
.n_nav a{display:inline-block; width:135px; height:40px; line-height: 40px; border-radius:3px; text-align: center;box-sizing: border-box;position: relative; -webkit-transition:0.2s;transition:0.2s; margin-left:1px;}
.n_nav a strong{display:block;color: #474748;position:relative;z-index:4;font-size:14px;height:40px; line-height: 40px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{background: #c10000;color: #fff;}
.n_nav a:before{content:"";width:9px;height:9px;position: absolute;bottom:-24px;left: 50%;margin-left: -7px;background:#fff; border:2px solid #c10000; border-radius:50%;-webkit-transition:0.6s;transition:0.6s; opacity:0;
 transform:scale(0); -webkit-transform:scale(0);}
.n_nav .on:before,.n_nav a:hover:before{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}

.n_content{ background:#f3f4f8; padding-top:60px;}


#n_up_box{border-bottom: 1px #e1e1e1 solid;background: #fff;margin-top:-30px;}
.main_box {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    /* position: relative; */
}
#n_nav a {
    display: inline-block;
    position: relative;
    height: 50px;
    padding: 0 40px;
    line-height: 50px;
    font-size: 15px;
    color: #555;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
#n_nav a strong{font-weight: normal;}
#position {
    /* position: absolute; */
    line-height: 50px;
    height: 50px;
    /* right: 0px; */
    /* top: 0px; */
    color: #8a8c8e;
    font-size: 12px;
   background: url(../img/home_ico.png) no-repeat left center;
    padding-left: 22px;
}
#position span, #position a, #position i {
    font-size: 12px;
    color: #8a8c8e;
}
#position em {
    font-size: 12px;
    color: #cc9933;
    font-style: normal;
}
#n_nav a.on {
    background: #cc9933;
    color: #fff;
}
.banban{width: 100%;position: relative;top:-30px;z-index: -1;}
.banban img{display: block;width: 100%;}
#n_nav a:hover {
    background: #cc9933;
    color: #fff;
}
.gywm{margin:40px auto;}
.gy_l{width: 800px;}
.gy_l p{font-size: 14px;line-height:32px;color: #666;margin-top:20px;}
.gy_l ul{display: flex;justify-content: space-between;margin-top:20px}
.gy_l ul li h1{font-size: 30px;font-family: impact;color:#cc9933;text-align: center;}
.gy_l ul li span{font-size: 13px;color: #666;display: block;text-align: center;line-height:28px;}
.gy_r{margin-top:80px}

img{max-width: 100%;}
.gywm p{font-size: 14px;line-height: 30px;color: #666;margin-top: 15px;}
.qytd{margin:30px auto;}
.qytd ul li a{display: flex;align-items: center;}
.tdtu{width: 158px;height: 188px;overflow: hidden;}
.tdtu img{width: 100%;/* max-height: 100%; */}
.qytd ul li{background: #f4f5f9;}
.tdzi{padding:2%;}
.tdzi h1{font-size: 16px;color: #CC9933;line-height: 30px;}
.tdzi p{font-size: 13px;color: #444;line-height: 30px;}
.tdzi{width: 1070px;}
.qytd ul li{margin-bottom: 2%;}
.qytd ul li:hover{/* box-shadow: #d4d6de 3px 3px 13px; */background: #cc9933;
 -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.qytd ul li:hover h1{color:#fff;
 -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.qytd ul li:hover p{color:#fff;
 -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.qyry{margin:30px auto;}
.qyry ul{display: flex;flex-wrap: wrap;}
.qyry ul li{width: 280px;margin:0 10px;box-sizing: border-box;padding: 20px;background: #f4f5f9;margin-bottom:20px;}
.qyry ul li a p{font-size: 15px;color: #444;margin-top:10px;text-align: center;}
.rytu{width: 240px;height: 180px;}
.rytu img{width: 100%;height: 100%;}
.qyry ul li:hover{background: #cc9933;
 -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.qyry ul li:hover p{color:#fff;
 -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
/*====翻页效果====*/
.j_pages{margin:0 auto;/* padding-bottom:80px; */}
.j_pages .box{display:inherit;width:100%;text-align: center;/* padding-top: 49px; */}
.j_pages a{padding: 0px 12px;height: 32px;line-height: 31px;display:inline-block; margin:0 1px; border:1px solid #dedede; color: #666666;font-size: 12px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}
.j_pages .on{background:#cc9933;color:#fff!important;border:1px solid #cc9933;}
.j_pages span{background:#cc9933;color:#fff!important;border:1px solid #cc9933}
.j_pages a:hover{background:#cc9933;color:#fff!important;text-decoration:none;border:1px solid #cc9933;}
.j_pages a:hover font{color:#fff}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}

.n_dashiji{ padding:60px 0 0; min-height:535px;}
.n_dashiji .miso_hd{ background:url(../img/kedu.png) center 50% no-repeat; margin-bottom:50px}
.n_dashiji .miso_hd ul li{height:100px;text-align:center;cursor: pointer;}
.n_dashiji .miso_hd ul li:before{content:"";position:absolute;background:url(../img/dot.png) center no-repeat;width:16px;height:16px;top:50%;margin-top: -7px;left:50%;margin-left:-8px; transition:0.6s}
.n_dashiji .miso_hd ul li:after{content:"";position:absolute;background:url(../img/dot_on.png) center no-repeat;width:16px;height:16px;top:50%;margin-top: -7px;left:50%;margin-left:-8px; transition:0.6s; transform:scale(0)}
.n_dashiji .miso_hd ul li .icon{ height:78px; opacity:0; transition:0.6s; transform:scale(0)}
.n_dashiji .miso_hd ul li h3{ font-size:24px; color:#d4d4d4}
.n_dashiji .miso_hd ul li.miso-current .icon{ opacity:1; transform:scale(1)}

.n_dashiji .miso_hd ul li.miso-current:before{ transform:scale(0)}
.n_dashiji .miso_hd ul li.miso-current:after{ transform:scale(1)}

.n_dashiji .miso_bd ul li h2{font-size:16px;color: #cc9933;}
.n_dashiji .miso_bd ul li h2 big{ font-size:30px; margin-right:8px}
.n_dashiji .miso_bd ul li h3{font-size:16px;color: #cc9933;margin:28px 0 18px;}
/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:1 }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff url(../img/ajax-loader.gif) center center no-repeat; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display:inline-block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ font-size:20px; color:#fff; font-weight:bold; font-family:"Microsoft Yahei"}
.miso-lightbox .miso-prev:before{ content: '←';}
.miso-lightbox .miso-next:before{ content: '→';}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.mitu{width: 500px;height: 250px;}
.mitu img{width: 100%;height: 100%;}
.mizi{width: 700px;box-sizing: border-box;padding: 30px;}
.miso_bd ul li{background: #f4f5f9;}

.cybj{padding:30px 0;}
.cybj h1{font-size:20px;color: #cc9933;margin-bottom:20px;}
.cybj p{font-size: 14px;color: #666;margin-top: 15px;line-height: 30px;}
.cybj img{/* margin-top: 30px; *//* margin-bottom: 30px; */}
.busbj{/* width: 100%; *//* background: url(../img/ds.jpg) no-repeat bottom center; *//* background-size: 100% 420px; */}

.sytit{display: flex;justify-content: center;margin:50px 0}
.sytit a{display: block;width: 130px;font-size: 16px; line-height: 35px;color:#444;background: #f4f5f9;text-align: center;margin:0 1%}
.syhz{padding: 30px 0;}
.synow{background: #cc9933!important;color:#fff!important}
.sytit a:hover{background: #cc9933!important;color:#fff!important}
.syul{margin-top:30px}
.syul li{background: #f4f5f9;margin-bottom: 2%;}
.syul li a{display: flex;}
.sytu{width: 320px;height: 190px;}
.sytu img{width: 100%;height: 100%;}
.syzi{width:880px;padding: 20px;box-sizing: border-box;}
.syzi h1{font-size: 18px;color: #444;margin-top:10px}
.syzi p{font-size: 14px;color: #666;margin:15px 0; line-height: 28px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient: vertical;}
.syzi span{display: block;width: 130px;line-height: 30px;text-align: center;color: #666;font-size: 14px;border: 1px #ccc solid;}
.syul li:hover{background: #cc9933; -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.syul li:hover h1{color: #fff; -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.syul li:hover p{color: #fff; -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.syul li:hover span{color: #fff;border:1px #fff solid; -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}

/*==================Ã¦â€¹â€ºÃ¨ÂËœÃ¤Â¿Â¡Ã¦ÂÂ¯=====================*/

#n_hr{
    margin: 50px auto;
}
#n_hr .left{ background: url(../img/bg_hr_info.jpg) center top no-repeat; width:355px; height: 780px; display: block;}
#n_hr .left .ar_article{ padding:90px 20px 55px 20px; text-align: center;font-size: 13px;}
#n_hr .left .ar_article p{text-align: center; font-size: 13px;}
#n_hr .left .more{ text-align:center; }
#n_hr .left .more a{ display: block; text-align: center;}
#n_hr .left .more a img{ display: block; margin: 0 auto; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#n_hr .left .more h1{ font-size: 12px; color: #5b5b5d; display: block; margin-top: 5px;}
#n_hr .left .more:hover img{ margin-top: -5px; }
#n_hr .left .more:hover h1{ color: #cc9933;}
#n_hr .right{ width: 740px;}
/*==============Ã¤ÂºÂºÃ¦â€°ÂÃ¦â€¹â€ºÃ¨ÂËœ=====================*/
#n_hr .up_box{ margin-bottom: 65px;}
#n_hr #list_slide{  position:relative;}
#n_hr #list_slide dl strong.num{ position: absolute; left: -90px; top: -1px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size:18px; background: #cc9933; }
#n_hr #list_slide dl{  margin-left: 60px; margin-bottom:15px; border-bottom:1px dotted #cccdd1; position: relative; background:#f3f5f8; border: 1px solid #e7e7eb;}
#n_hr #list_slide dt{border:none;  display:block; position:relative;  padding: 0px 30px; background: #fff;  cursor:pointer; height:48px; }
#n_hr #list_slide dt h1{  color:#424243; font-size:15px; line-height:48px; background:url(../img/icon_hr_on.png) right center no-repeat;  display:block;}
#n_hr #list_slide dd{ display:none; line-height:24px;  padding: 0px 30px;}
#n_hr #list_slide dd p{  margin-bottom:0;}
#n_hr #list_slide dd p:last-child{ padding-bottom:0;}
#n_hr #list_slide dd .content{ padding:14px 0px 15px 0px;}
#n_hr #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;}
#n_hr #list_slide dt.on{background: #f3f5f8;}
#n_hr #list_slide dt.on h1{ background:url(../img/icon_hr_off.png) right center no-repeat ;  }

.zhao{background: url(../img/co.jpg) no-repeat;background-size: 100% 100%;padding: 4%;}
.zhao_l h1{font-size: 20px;font-weight: bold;color:#444;}
.zhao_l span{font-size:12px;color:#999;margin-top:8px;display: block;}
.lianxi{margin-top:20px}
.lianxi p{font-size: 14px;color:#666}
.lianxi h1{font-size: 24px;font-weight: bold;color: #cc9933;margin-top:6px;}
.zhao_r{width: 110px;height: 110px;margin-top:40px;margin-right: 30px; border-radius: 100%;border:5px #cc9933 solid;text-align: center;line-height: 100px;font-size:20px;font-weight: bold;color:#cc9933}

.newsDetail_top {
    /* padding: 30px 0; */
    padding-bottom: 15px;
    border-bottom: 1px #eee solid;
    margin-bottom: 30px;
}
.newsDetail_top .left {
    /* border-left: 6px solid #e77817; */
    /* padding-left: 15px; */
}
.newsDetail_top .title {
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 34px;
    font-weight: bold;
}
.newsDetail_top .info {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 26px;
}
.newsDetail_bottom {
    padding-top: 40px;
}
.newsDetail_bottom .left {
    width: 90%;
}
.newsDetail_bottom .clearfix {
    margin-bottom: 1px;
}
.newsDetail_bottom .clearfix:hover a{color:#cc9933}
.newsDetail_bottom .right:hover a{background: #cc9933;color:#fff}
.newsDetail_bottom .left_l {
    width: 8%;
    height: 34px;
    border-radius: 3px 0 0 3px;
    background: #d4d4d4;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.newsDetail_bottom .left_r {
    width: 92%;
    height: 34px;
    padding: 0 1%;
    line-height: 34px;
    background: #ededed;
    font-size: 14px;
    color: #666;
}
.newsDetail_bottom .left_r a {
    color: #666;
}
.newsDetail_bottom .right {
    width: 10%;
    height: 69px;
    background: #d4d4d4;
    line-height: 69px;
    text-align: center;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}
.newsDetail_bottom .right a {
    transition: all 0.6s ease-in-out;
    font-size: 16px;
    color: #666;
    line-height: 69px;
    display: block;
}
.newsDetail_con p{font-size: 14px;color:#666;line-height: 34px;}


.box1{
    position: relative;
    perspective: 1000px;
    /* padding:30px; */
}
.box1 .box-img{
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
    height: 215px;
    padding: 30px;
    background: #fff;
}
.box1:hover .box-img{
    transform: rotateY(-90deg);
}
.box1 .box-img img{
    width: 100%;
    height: auto;
}
.box1 .box-content{
    width:100%;
    height: 215px;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    padding: 20px;
    text-align: center;
    background: #fff;
    border:4px #cc9933 solid;
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
}
.box1:hover .box-content{
    transform: rotateY(0);
}
.box1 .title{
    font-size: 20px;
    color: #cc9933;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
}
.box1 .description{
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.box1 .social-links{
    margin: 0;
    padding: 0;
    list-style: none;
}
.box1 .social-links li{
    display: inline-block;
    margin: 0 10px;
}
.box1 .social-links li a{
    font-size: 20px;
    color: #a6a6a6;
}
.box1 .social-links li a:hover{
    text-decoration: none;
    color: #666;
}
@media only screen and (max-width: 990px) {
    .box1{  margin-bottom:20px; }
}
@media only screen and (max-width: 479px) {
    .box1 .box-content{ padding: 20px; }
}

.qxli{width:380px;/* height: 215px; */margin:10px;/* background: #fff; */}
.row{display: flex;flex-wrap: wrap;}

.box-img h1{font-size: 20px;color: #cc9933;font-weight: bold;margin-top: 10px;text-align: center;}
.box-img h2{font-size: 28px;color: #666;margin:20px 0;text-align: center;}
.box-img p{font-size: 13px;color: #666;text-align: center;}
.box-img span{font-size: 13px;color: #666;overflow: hidden;height: 115px;line-height: 28px;text-align: center;margin-top: 17px;display:block;}

.erji{width: 100%;position: absolute;top: 63px;background: #fff;left: 0;z-index: 999;display: none;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;}
.erji a{display: block;line-height: 35px;text-align: center;}
.erji a:hover{background: #cc9933;}
#nav>li:hover .erji{display: block!important;}
.bigimg{width:55%!important;height:auto!important; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
			.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
			.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
			.imgbox{}
			.imgbox>img{width:100%;}
			.imgbox:hover{cursor:zoom-in}
			.mask:hover{cursor:zoom-out}
			.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
			.mask>img:hover{cursor:pointer}
#n_hr .left .ar_article p {
    text-align: center;
    font-size: 13px;
}
.ar_article p {
    font-size: 14px;
    color: #706e6e;
    line-height: 30px;
    padding-bottom: 25px;
    text-align: justify;
}

#s_wx:hover #fix_ewm_box{display: block!important;}



/*==============字号控件=====================*/
#font_set_box{ position:absolute; right:0px; top:0px; background: url(../img/icon_font.png) left center no-repeat; padding-left: 20px;}

.font_box{ display:inherit; position:relative; }

.font_box a { display:inline-block; width:14px; line-height:36px;  background: #fff; font-size:12px; color: #c4c5c7; text-align:center;}

.font_box a:hover{ color:#cc9933; }

.font_size_lg{ font-size:18px !important; line-height: 40px !important;}

.font_size_lg p{ font-size:18px !important; line-height: 40px !important;}

.font_size_md{ font-size:16px !important; line-height: 36px !important;}

.font_size_md p{ font-size:16px !important;  line-height: 36px !important;}

.font_size_sm{ font-size:14px !important;}

.font_size_sm p{ font-size:14px !important;}

.box1 .box-content::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.box1 .box-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
       /* border-radius: 10px; */
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
        background: #cc9933;
    }
.box1 .box-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
       /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
      /*  border-radius: 10px; */
        background: #fff;
    }