@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/miso.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 1.5rem 0 0;font-size: 0;text-align:  center;}
.j_pages a{width: 2.25rem;height: 2.25rem;line-height: 2.25rem;display:inline-block;margin: 0 0.5rem;vertical-align: top;color: #7a7a7a;font-size: 0.875rem;box-sizing: border-box;border: #b7b6b4 1px solid;-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;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.j_pages a font{font-size: 1.125rem;color: #7a7a7a;display:  block;vertical-align:  top;}
.j_pages .on{background: #e84518;color: #fff;border: #e84518 1px solid;}
.j_pages a:hover{background:#e84518;color:#fff!important; border:1px solid #e84518}
.j_pages span{background:#e84518;color:#fff!important;border:1px solid #e84518}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages a:hover font{ color:#fff}

/*==========================================公共 结束=============================================*/

header{ height:36px; line-height:36px; background:#566576;}
header:before{content:"";position:absolute;width:505px;height:36px;background:#fff; right:50%;margin-right: -960px;}
header:after{content:"";position:absolute;width:0;height:0;border-left:20px solid transparent;border-bottom: 36px solid #ffffff;right:50%;margin-right: -455px;}
header .left{ float:left; width:600px; font-size:12px; color:#b7bcc2}
header .right{ float:left; width:600px; text-align:right; padding:0 180px 0 0}
header .right ul{display:inline-block;font-size:0;position: relative;z-index: 0;}
header .right ul li{display:inline-block; *display:inline; *zoom:1;margin-right: 26px;}
header .right ul li a{ font-size:12px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
header .right ul li a:hover{ color:#fda700}
header .right .sousuo{display:inline-block;position:relative;z-index: 10000;}
header .right .sousuo img{ vertical-align:middle; margin-top:-3px;}
.search{float:right;overflow:hidden;position:absolute;right:30px;top: 1px;background:#fff;z-index: 1000;display:none;}
.search input{float:left;}
.test{width: 270px;height: 34px;line-height: 34px;padding-left:10px;border:  none;color: #999;background:none;outline:none;}
.btn{width: 54px;height: 35px;border:none;position:  absolute;right: 0;font-size: 14px;color: #333;background: #e1e1e1;cursor:  pointer;}
.btn:hover{background: #fda700;color:#fff;}

.logo{ height:124px; line-height:124px;}
.logo .w1200{ position:relative;}
.logo .w1200 img.img01{ position:absolute; right:0; bottom:4px}
.logo img{ vertical-align:middle;}

/* 本例子css */
.nav{height: 50px;line-height: 50px;background: #395778;}
.nav li{float:left;}
.nav li a{display:block;width: 109px;text-align:center;font-size: 16px;color: #ffffff;}
.nav li a:hover, .nav li a:hover.on{color: #ffd800;text-decoration:none;}
.nav li a.on{color: #fff;}
.nav li a.on2{text-decoration:none;background:#e6e6e6; color: #464646;}
.nav li:hover.on{background:#e6e6e6;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;margin-top: 0;}
.nav li ul li{float:none;display:block;position:relative;line-height: 40px;_display:inline;z-index:99;height: 40px;}
.nav li ul li .s{position:absolute;top:0;left:150px;border-left:1px solid transparent;width: 100%;margin: 0;}
.nav li ul li .s li{float:none;margin-right: 0;}
.nav li ul li a{display:block;width:100%;height: 40px;line-height: 40px;padding: 0px 30px 0px 13px;background-color:#fff;text-align:left;font-weight:normal;font-size: 14px;color: #fff;background-color:#fff;filter:Alpha(opacity=70);background-color: rgba(57, 87, 120, 0.8);letter-spacing:0px;}
.nav li ul li a:hover{color:#fff;background: #395778;}
.nav .t,.nav .t:hover{}

.banner{margin:0;position:relative;z-index:1;height:460px;width: 100%; background:url(../images/bg.jpg) center no-repeat}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{height:100%;width: 100%;}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .w1200{ height:100%; position:relative}
.banner .miso-list li h1{ font-size:4.375rem; color:#fff; font-family:myFirstFont01; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5); text-transform:uppercase; letter-spacing:0.02rem; line-height:5rem; margin-bottom:1.625rem;}
.banner .miso-list li h5{font-size: 18px;color: #333333;line-height: 60px;height: 60px;background: rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;width:100%;padding: 0 12px;}
.banner .miso-list li h5 a{ position:relative; z-index:1}
.banner .miso-list li h5:before{ content:""; position:absolute; left:0; width:100%; height:0; bottom:0; background:rgba(253,167,0,0.9); -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-list li:hover h5:before{ height:60px;}
.banner .miso-list li h5 a{display:inline-block;width: 70%;overflow:  hidden;text-align: left;color: #fff;}
.banner .miso-dots{bottom: 0;z-index:1000;height: 60px;display:inline-block;padding: 1.75rem 1.75rem;width:auto;right: 50%;margin-right: -570px;}
.banner .miso-dots li{width: 13px;height: 13px;background: none;margin: 0 7px;border: #fff 1px solid;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.banner .miso-dots li.miso-active{background: #fff;}
.banner .miso-prev,.banner .miso-next{ z-index:100000; width:65px; height:65px; opacity:0.55; margin-top:-32.5px; display:none !important}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-list li .am-container,.banner .miso-list li .am-container .am-g,.banner .miso-list li .am-container .am-g .am-xs-12{ height:100%; position:relative}

.container01{ padding:50px 0 40px; overflow:hidden}
.container01 .left{ float:left; width:590px;}
.container01 .left ul.slider li a{ display:block; width:590px; height:450px; position:relative;}
.container01 .left ul.slider li a h5{ height:60px; line-height:60px; background:#f2f2f2; padding:0 28px; font-size:16px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .left ul.slider li:hover a h5{ color:#fda700}
.container01 .left ul.slider li a .time{ position:absolute; right:10px; bottom:36px; background:rgba(253,167,0,0.9); width:65px; height:70px; text-align:center}
.container01 .left ul.slider li a .time h3{ height:50px; line-height:50px; font-size:26px; color:#fff}
.container01 .left ul.slider li a .time h6{ font-size:12px; color:rgba(255,255,255,0.6)}
.container01 .left ul.slider li.miso-slide .img,.container01 .left ul.slider li.miso-slide .img img{ width:590px; height:390px;}
.container01 .left ul.slider .miso-prev,.container01 .left ul.slider .miso-next{width:40px;height:70px;z-index: 1000; margin-top:-65px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .left ul.slider .miso-prev{ background:url(../images/left.png) center no-repeat}
.container01 .left ul.slider .miso-next{ background:url(../images/right.png) center no-repeat; right:0}
.container01 .left ul.slider .miso-prev:hover{ background:url(../images/left_on.png) center no-repeat}
.container01 .left ul.slider .miso-next:hover{ background:url(../images/right_on.png) center no-repeat;}

.container01 .right{ float:right; width:560px; padding:10px 0 0}
.container01 .right .title{ height:32px; line-height:32px; background:#e9e9e9; margin-bottom:28px;}
.container01 .right .title h3 span{ margin-top:-10px; height:42px; line-height:42px; background:#395778; display:inline-block; padding:0 19px; font-size:20px; color:#fff; position:relative}
.container01 .right .title h3 span:before{content:"";position:absolute;width:0;height:0;border-right:32px solid transparent;border-bottom:42px solid #fda700;right:-35px;border-left: #fda700 3px solid;}
.container01 .right .title h3 span:after{ content:""; position:absolute;width:0;height:0;border-right:32px solid transparent;border-bottom:42px solid #395778; right:-32px}
.container01 .right .title h3 a{ font-size:12px; color:#868686; float:right; margin-right:18px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container01 .right .title h3 a:hover{ color:#fda700}
.container01 .right .first{ padding:0 0 20px; border-bottom:#d9d9d9 1px solid; margin-bottom:20px;}
.container01 .right .first h5{ font-size:18px; color:#333333; margin-bottom:13px; font-weight:bold}
.container01 .right .first h5 a{ font-size:18px; color:#333333;}
.container01 .right .first p{ font-size:14px; color:#808080; line-height:24px; height:48px; overflow:hidden;}
.container01 .right ul li{ font-size:16px; line-height:38px;}
.container01 .right ul li a{ font-size:16px; color:#333333; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; display:inline-block; width:85%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container01 .right ul li:hover a{ padding:0 0 0 3px;}
.container01 .right ul li a:hover,.container01 .right .first h5 a:hover{ color:#fda700}
.container01 .right ul li span{ float:right; font-size:14px; color:#808080}

.container02{ padding:42px 0 10px; background:#fafafa}
.container02 .title{ margin-bottom:32px;}
.container02 .title h3{font-size:20px;color:#515a65;font-weight:bold;line-height: 20px;}
.container02 .title a{ font-size:12px; color:#868686; font-weight:normal; float:right; margin-right:18px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 .title a:hover{ color:#fda700}
.container02 ul{ float:left; margin:0 -21px}
.container02 ul li{ float:left; width:33.33333%; padding:0 21px; margin-bottom:32px;}
.container02 ul li .time{ float:left; width:65px; text-align:center}
.container02 ul li .time h3{ height:36px; line-height:36px; background:url(../images/jianbian.png) center repeat-y; font-size:26px; color:#fff; position:relative}
.container02 ul li .time h3 span{ position:relative; z-index:1}
.container02 ul li .time h3:before{ content:""; background:#fda700; position:absolute; left:0; width:0; top:0; height:36px; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 ul li:hover .time h3:before{ width:100%}
.container02 ul li .time h6{ height:24px; line-height:24px; font-size:12px; color:#666666}
.container02 ul li a{ float:right; width:290px; font-size:16px; line-height:26px; overflow:hidden; color:#333; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03{ padding:50px 0 42px; background:url(../images/container03_bg.jpg) center; overflow:hidden}
.container03 .left{ float:left; width:590px;}
.container03 .title{ margin-bottom:32px;}
.container03 .title h3{font-size:20px;color:#fff;font-weight:bold;line-height: 20px;}
.container03 .title a{ font-size:12px; color:#fff; font-weight:normal; float:right; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .title a:hover{ color:#fda700}
.container03 .left ul li{ font-size:16px; line-height:38px;}
.container03 .left ul li a{ font-size:16px; color:#f1f3f4; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; display:inline-block;  width:85%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container03 .left ul li:hover a{ padding:0 0 0 3px;}
.container03 .left ul li a:hover,.container02 ul li:hover a{ color:#fda700}
.container03 .left ul li span{ float:right; font-size:14px; color:#d2d6db}

.container03 .right{ float:right; width:560px;}
.container03 .right .first{padding: 10px 0 10px;margin-bottom:20px;overflow:hidden;}
.container03 .right .first .img{ float:left; width:146px; height:110px;  overflow: hidden;}
.container03 .right .first .con{ float:right; width:390px;}
.container03 .right .first h5{ font-size:16px; color:#fff; margin-bottom:13px; font-weight:bold}
.container03 .right .first h5 a{ color:#fff;}
.container03 .right .first h5 a:hover{ color:#fda700;}
.container03 .right .first p{ font-size:12px; color:#b0b7c1; line-height:20px; height:40px; overflow:hidden; margin-bottom:18px;}
.container03 .right .first h6{ font-size:12px; color:#c4cad1}
.container03 .right ul li{ font-size:16px; line-height:38px;}
.container03 .right ul li a{ font-size:16px; color:#f1f3f4; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; display:inline-block;  width:85%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container03 .right ul li:hover a{ padding:0 0 0 3px;}
.container03 .right ul li a:hover,.container01 .right .first h5 a:hover{ color:#fda700}
.container03 .right ul li span{ float:right; font-size:14px; color:#d2d6db}

.container04{padding: 50px 0 25px;overflow:hidden;}
.container04 .content{ margin:0 -21px; overflow:hidden}
.container04 .content .con{float:left;width:33.33333%;min-width:370px;padding:0 21px;}
.container04 .content .con .title{ margin-bottom:32px;}
.container04 .content .con .title h3{font-size:20px;color:#515a65;font-weight:bold;line-height: 20px;}
.container04 .content .con .title a{ font-size:12px; color:#868686; font-weight:normal; float:right; margin-right:18px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .content .con .title a:hover{ color:#fda700}
.container04 ul li{ margin-bottom:30px; overflow:hidden}
.container04 ul li .time{ float:left; width:65px; height:55px; border:#d2d2d2 1px solid; text-align:center; position:relative}
.container04 ul li .time h3{ height:36px; line-height:36px; font-size:20px; color:#fda700; font-weight:bold}
.container04 ul li .time h3 span{ position:relative; z-index:1}
.container04 ul li .time:before{ content:""; background:#fda700; position:absolute; left:0; width:0; top:0; height:55px; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 ul li:hover .time:before{ width:100%}
.container04 ul li:hover .time h3,.container04 ul li:hover .time h6{color:#fff;}
.container04 ul li .time{ border:#fda700 1px solid;}
.container04 ul li .time h6{ font-size:12px; color:#666666}
.container04 ul li .time h6 span{ position:relative; z-index:1}
.container04 ul li a{ float:right; width:290px; font-size:16px; line-height:26px; overflow:hidden; color:#333; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 ul li a:hover{ color:#fda700}

.container05{ padding:0 0 34px; overflow:hidden}
.container05 .title{ margin-bottom:12px;}
.container05 .title h3{font-size:20px;color:#515a65;font-weight:bold;line-height: 20px;}
.container05 ul.slider{ margin:0 -12.5px;}
.container05 ul.slider .miso-list{ padding:16px 0;}
.container05 ul.slider li.miso-slide{ padding:0 12.5px;}
.container05 ul.slider li.miso-slide img{ width:220px; height:50px; -webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 ul.slider li.miso-slide:hover img{ box-shadow:0px 5px 15px rgba(0, 0, 0, 0.3);}
.container05 ul .miso-prev,.container05 ul .miso-next{width:12px;height:22px;z-index: 1000; margin-top:-11px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container05 ul.slider .miso-prev{ background:url(../images/left01.png) center no-repeat; left:-32px;}
.container05 ul.slider .miso-next{ background:url(../images/right01.png) center no-repeat; right:-32px;}


/*==========================================首页 开始=============================================*/

footer{background:url(../images/footer_bg.jpg) center top no-repeat;height: auto;font-size:0;text-align:center;padding: 3rem 0 0;background-size:  cover;}
footer .top p{ font-size:14px; line-height:32px; color:#fff}
footer .bottom{ height:50px; line-height:50px; border-top:rgba(255,255,255,0.3) 1px solid; margin-top:40px;}
footer .bottom p{ font-size:12px; color:rgba(255,255,255,0.7)} 

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.mbx_nav{ height:72px; line-height:52px; padding:20px 0 0;}
.mbx_nav .w1200{ border-bottom:#d9d9d9 1px solid; overflow:hidden}
.mbx_nav .mianbao{ float:left; background:url(../images/mbx_nav_bg.png) left 18px no-repeat; padding:0 0 0 14px}
.mianbao,.mianbao span,.mianbao a{ font-size:14px; color:#4c4c4c; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.mianbao a:hover{ color:#ffd800}
.mianbao a{ margin-right:2px;}
.mbx_nav big{ font-size:22px; color:#333333; float:right;}

.n_container{ padding:50px 0 65px;}
.n_container .n_left{float:left;width:240px;}
.n_container .n_left h1{ height:92px; line-height:92px; background:#395778 url(../images/n_left_bg.png) right bottom no-repeat; font-size:26px; color:#fff; text-align:center; position:relative}
.n_container .n_left h1:before{ content:""; position:absolute; border-top:#fff 20px solid; border-right:transparent 20px solid; left:0; top:0;}
.n_container .n_left .gg{ margin-top:20px;}
.n_container .n_left .con{padding: 0;border:#eeeeee 1px solid; border-bottom: none;}
.n_container .n_left .con ul li{line-height: 65px;font-size: 16px;color: #595959;background:#fafafa;border-bottom:#e6e6e6 1px solid;position:relative;padding: 0 0 0 38px;}
.n_container .n_left .con ul li:before{content:"";width: 6px;height: 6px; position:absolute;left:25px;top: 50%;margin-top: -3px; background:url(../images/dot.png) left center no-repeat}
.n_container .n_left .con ul li:hover:before,.n_container .n_left .con ul li.on:before{background:url(../images/dot01.png) left center no-repeat}
.n_container .n_left .con ul li.on:before{}
.n_container .n_left .con ul li a{color: #595959;}
.n_container .n_left .con ul li a:hover,.n_container .n_left .con ul li.on a{ color:#395778; font-weight:bold}
.n_container .n_left .con ul li dl{display:none;margin-bottom: 15px;}
.n_container .n_left .con ul li dl dd{ height:30px; line-height:30px;}
.n_container .n_left .con ul li dl dd a{ font-size:12px; color:#999}
.n_container .n_left .con ul li i.up{ transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}
.n_container .n_left .con ul li i{background: #808080;width: 15px;height: 1px;position:absolute;right: 26px;top: 50%;-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_container .n_right{float:right;width:910px;min-height: 300px;}
.n_container .n_right .n_list ul{ margin-bottom:45px;}
.n_container .n_right .n_list ul li{ font-size:16px; line-height:38px; padding:0 0 0 14px; background:url(../images/dot02.png) left center no-repeat}
.n_container .n_right .n_list ul li a{ font-size:16px; color:#000000; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; display:inline-block; width:85%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_container .n_right .n_list ul li:hover a{ padding:0 0 0 3px;}
.n_container .n_right .n_list ul li a:hover{ color:#fda700}
.n_container .n_right .n_list ul li span{ float:right; font-size:14px; color:#808080}

.n_article .ar_title{padding:10px 0 20px 0;}
.n_article .ar_title{padding:0 0 0px 0;position:relative;box-sizing: border-box;margin-bottom: 42px;}
.n_article .ar_title h1{font-size: 26px;display:block;text-align: center;line-height: 40px;color: #000000;margin-bottom: 20px;margin-top: -8px;}
.n_article .ar_title h2{font-size: 14px;position:relative;text-align: center;display:block;color: #999999;}
.n_article .ar_title h2 span{ margin:0 8px;}
.n_article .ar_article{padding-bottom: 0px;min-height:400px;}

#ar_fot{position:relative;padding: 20px 20px;border:  #e5e5e5 1px solid;background: #f8f8f8;}
#ar_fot h5{width: 100%;display:block;font-size: 16px;line-height: 32px;color: #595959;font-weight: normal;}
#ar_fot h5 a{font-size: 16px;color: #595959;font-weight:normal;width: 100%;max-width: 90%;display:  inline-block;}
#ar_fot h5 a:hover{color: #ffd800;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_list01 .fl03 ul{margin: 0 -13.5px;overflow:hidden;margin-bottom: 30px;}
.n_list01 .fl03 ul li{float:left;margin: 0 13.5px;width: 285px;overflow:hidden;margin-bottom: 32px;}
.n_list01 .fl03 ul li .img,
.n_list01 .fl03 ul li .img img{width: 285px;height: 200px;overflow:hidden;}

.n_list01 .fl03 ul li:hover .con a{color: #ffd800;}
.n_list01 .fl03 ul li:hover img{ -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}

.n_list01 .fl03 ul li .con{padding: 0 15px;box-sizing: border-box;background: #f8f8f8;border: #e5e5e5 1px solid;}
.n_list01 .fl03 ul li .con h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;height:60px;line-height:60px;}
.n_list01 .fl03 ul li .con h5 a{color: #333333;}

.n_news_detail .ar_article tr:nth-child(odd){ background:#f5f5f5;}
.n_news_detail .ar_article table{ margin-bottom:32px;}

.n_teacher{ padding:10px 0 0}
.n_teacher dl{ margin-bottom:50px;}
.n_teacher dl dt .title{ height:32px; line-height:32px; background:#e9e9e9; margin-bottom:28px;}
.n_teacher dl dt .title h3 span{margin-top:-10px;height:42px;line-height:42px;background:#395778;display:inline-block;padding:0 19px;font-size:20px;color:#fff;position:relative;min-width: 118px;}
.n_teacher dl dt .title h3 span:before{content:"";position:absolute;width:0;height:0;border-right:32px solid transparent;border-bottom:42px solid #fda700;right:-35px;border-left: #fda700 3px solid;}
.n_teacher dl dt .title h3 span:after{ content:""; position:absolute;width:0;height:0;border-right:32px solid transparent;border-bottom:42px solid #395778; right:-32px}
.n_teacher dl .content{margin:0 -8px;overflow:hidden;font-size: 0;}
.n_teacher dl .content dd{width: 12.5%;display:inline-block;border-radius:4px;font-size:16px;height:40px;line-height:40px;text-align:center;padding: 0 8px;margin: 0;margin-bottom: 0.625rem;}
.n_teacher dl .content dd a{font-size:16px;color:#333333;display: block;background:#f8f8f8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_teacher dl .content dd a:hover{ background:#395778; color:#fff}

.n_join ul{font-size: 0;}
.n_join ul li{padding: 0 0;overflow:hidden;}
.n_join ul li p{font-size: 14px;color: #666666;line-height: 34px;padding-bottom: 12px;}
.n_join ul li .top{background: #f7f7f7 url(../images/line.png) 20px center no-repeat;height: 50px;position:relative;line-height: 50px;margin-bottom: 20px;}
.n_join ul li .top i{position:absolute;right: 27px;top:50%;margin-top: -7px;width: 55px;height: 14px;background: url(../images/jia.png) center no-repeat;}
.n_join ul li .top h5{position:relative;font-size: 18px;color: #395778;padding: 0 32px;display:inline-block;font-weight:  bold;}
.n_join ul li .top h5:after{position:absolute;right: -1.25rem;bottom:0px;content:"";width: 0;height: 0;border-bottom: 3.125rem solid #3460c2;border-right: 1.25rem solid transparent;display: none;}
.n_join ul li .top h6{font-size:12px;color: #a0a0a0;text-transform:  uppercase;}
.n_join ul li div.open .top i{ background: url(../images/jian.png) center no-repeat;}
.n_join .submenu{padding: 0 20px;}
.n_join .submenu p{ font-size:14px; color:#666666}
.n_join .submenu dl dd{ font-size:14px; line-height:24px; color:#666666; margin-bottom:10px; background:url(../images/dot03.png) 0 10px no-repeat; padding:0 15px}

.n_join .first{padding:20px;background:#f7f7f7;overflow:hidden;margin-bottom: 40px;}
.n_join .first .img{ float:left; width:240px; height:320px; line-height:320px; text-align:center}
.n_join .first .img img{ display:inline-block; vertical-align:middle; max-width:240px; max-height:320px;}
.n_join .first .con{ float:right; width:600px;}
.n_join .first .con h5{ font-size:20px; color:#323232; margin-bottom:20px; margin-top:20px; font-weight:bold;}
.n_join .first .con h6{ font-size:14px; color:#666666; line-height:32px;}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1700px){
}

@media(max-width: 1420px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
}

@media(max-width: 1100px){
}

@media(max-width: 992px){
}

@media(max-width: 768px){
}

