@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}

header{ height:130px; line-height:130px; border-top:#d21425 4px solid; text-align:center; overflow:hidden}
header .bg{ position:absolute; top:0; left:0; height:105px; width:100%; z-index:0}
header .w1200{ position:relative; z-index:1}
header .zhuye{ display:inline-block; float:left; padding:0 0 0 22px; background:url(../images/home.png) left center no-repeat;}
header .zhuye a{ font-size:14px; color:#a4a4a4;}
header .zhuye a:hover{ color:#cb101e;}
header .logo{ display:inline-block; height:130px; line-height:130px;}
header .logo img{ display:inline-block; vertical-align:middle; margin-top:-2px;}
header .sousuo{display:inline-block;position:relative;z-index: 10000; float:right}
header .sousuo a{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:#d8192e;vertical-align: top;margin-top: 37px;}
header .sousuo a img{ display:inline-block; vertical-align:middle; margin-top:-2px;}
header .search{float:right;width: 190px;overflow:hidden;position:absolute;right: 0;top: 37px;background: #f5f5f5;z-index: 1000;display:none;}
header .search input{float:left;}
header .test{width: 158px;height: 32px;line-height: 32px;padding-left:10px;border:  none;color: #999;background:none;outline:none;font-size: 12px;}
header .btn{width: 32px;height: 32px;border:none;position:  absolute;right: 0;background: #dd1f39 url(../images/sousuo.png) center no-repeat;cursor:pointer;}
header .btn:hover{ background:#c91c33 url(../images/sousuo.png) center no-repeat; color:#fff}

/*=================导航=================*/
.index_float_nav {
    width: 83px;
    text-align: center;
    padding-top: 11px;
    top: 0px;
    position: absolute;
    z-index: 98;
    right: 0;
    background: url(../images/float_nav_bj.png);
    border-radius: 10px 0 0 10px;
    overflow: hidden;
position: fixed;
}
.index_float_nav li {
    width: 100%;
list-style:none;
}

.index_float_nav .float_nav_1 a{background:url(../images/float_nav_1.png) no-repeat center 0; padding-top:30px; margin-bottom:17px;}
.index_float_nav .float_nav_2 a{background:url(../images/float_nav_2.png) no-repeat center 0; padding-top:32px; margin-bottom:25px;}
.index_float_nav .float_nav_3 a{background:url(../images/float_nav_3.png) no-repeat center 0; padding-top:28px; margin-bottom:25px;}
.index_float_nav .float_nav_4 a{background:url(../images/float_nav_4.png) no-repeat center 0; padding-top:29px; margin-bottom:24px;}
.index_float_nav .float_nav_5 a{background:url(../images/float_nav_5.png) no-repeat center 0; padding-top:33px; margin-bottom:30px;}
.index_float_nav .float_nav_6 a{background:url(../images/float_nav_6.png) no-repeat center 0; padding-top:30px; margin-bottom:25px;}
.index_float_nav .float_nav_7 a{background:url(../images/float_nav_7.png) no-repeat center 0; padding-top:33px; margin-bottom:24px;}
.index_float_nav .float_nav_8 a{background:url(../images/float_nav_8.png) no-repeat center 0; padding-top:37px; margin-bottom:22px;}
.index_float_nav li a {
    color: #b01c3d;
    font-size: 12px;
    display: block;
}
a:hover {
    text-decoration: none;
    color: #9f2943;
}
#nav{ position:relative; z-index:1000000}
#nav .main_box{position: relative;}
#nav ul{margin: 0px -32px;text-align: center;}
#nav li{display: inline-block;height: 72px;line-height: 72px;z-index: 1;box-sizing: border-box;text-align: left;position:  relative;}
#nav li i img{ vertical-align:middle; margin-top:-2px;}
#nav li h5{font-size: 16px;}
#nav li h6{ font-size:12px; color:#a7a7ab}
#nav .a{display: block;color: #3b3a3a;font-size: 16px;position:  relative;padding: 0 28px;}
#nav li .a span{position:absolute;left:0px;width:100%;height:2px;bottom: 5px;text-align:center;z-index:1;}
#nav .on a{ color: #dd1f39;}
#nav .on h6,#nav li:hover h6{ font-size:12px; color:rgba(255,255,255,0.5);}
#nav .title{position: relative;}
#nav .list {position:absolute;display:none;top:72px;left:0;width:100%; background: #cb101e;}

#nav .listt{position:relative;}
#nav .list2 {position:absolute;display:none;top:0px;left:120px;width:100%; background: #cb101e;}

#nav .list a{display: block;height: 40px !important;line-height: 40px;text-align: center;font-size: 12px;color: #fff;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */ position:relative}
#nav .list a:hover{background: #dca700;}
#nav li ul li{line-height:36px;height:36px;padding: 0 15px;text-align:center;overflow:hidden;width:120px;}
#nav li ul li a{ font-size:14px; color:#fff;}
#nav li ul li:hover{ background-color:#3d404c;}
#nav .a:before {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 3px;
	width: 0px;
	z-index: 0;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
#nav .a:after{
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: 0;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}

#nav .a:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
#nav .a:hover:after, #nav .a:visited:hover:after {
	height: 450%;
}

.banner{ margin:0; position:relative}
.banner .bd{ width:100% !important}
.banner .bd li{ width:100% !important; height:530px; background:#c30e1a;background-size: 100% 100% !important;}
.banner .bd li h5{position:absolute;bottom:52px;right:50%;margin-right:-600px;width:auto;height:66px;line-height:66px;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99C30D18', endColorstr='#99C30D18');background:rgba(195,13,24,0.6);padding:0 32px 0 32px;font-size:18px;color:#fff;max-width: 700px;-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;}
.banner .bd li h5:hover{ background:rgb(188,11,21);}
.banner .bd li h5 span{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.banner .bd li h5:before{ content:""; position:absolute; left:-42px; border-left:rgba(188,11,21,0.6) 0 solid; border-right:rgba(188,11,21,0.6) 42px solid; border-top:transparent 66px 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;}
.banner .bd li h5:hover:before{ border-right:rgb(188,11,21) 42px solid; border-top:transparent 66px solid;}
.banner .hd{bottom:60px;z-index:1000;width: auto;height: 48px;left: 50%;margin-left: -600px;padding: 0 62px;position: absolute; z-index:2}
.banner .hd ul:before{ content:""; position:absolute; top:50%; margin-top:-1px; left:5px; width:30px; height:2px; background:#fff;}
.banner .hd ul:after{ content:""; position:absolute; top:50%; margin-top:-1px; right:5px; width:30px; height:2px; background:#fff;}
.banner .hd ul li{float:left;width:40px;height:48px;line-height:48px;background:none;position:relative;text-align: center;}
.banner .hd ul li:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#c30e1a;-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;z-index: -1;}
.banner .hd ul li.on:before{ height:100%}
.banner .hd ul li{ display:block; background:none; border:none; font-size:20px; color:#ffffff;  cursor:pointer; position:relative; margin:0 5px}


.container01{ padding:92px 0; overflow:hidden}
.container01 .left{ float:left; width:778px;}
.container01 .left .title span{ display:inline-block; width:116px; height:42px; line-height:42px; text-align:center; background:#c30d18; font-size:16px; color:#fff}
.container01 .left .picScroll{ margin-top:-42px; position:relative; overflow:hidden}
.container01 .left ul li .con{ float:left; width:316px; padding:86px 0 0;}
.container01 .left ul li .con h4{overflow:hidden; line-height:24px; margin-bottom:10px;}
.container01 .left ul li .con h4,.container01 .left ul li .con h4 a{ font-size:16px; color:#4a4a4a}
.container01 .left ul li .con h6{ padding:0 0 30px; font-size:12px; color:#808080; margin-bottom:30px; position:relative}
.container01 .left ul li .con h6:before{ content:""; position:absolute; width:65px; height:1px; background:#808080; bottom:0; left:0}
.container01 .left ul li .con p{ font-size:12px; color:#808080; line-height:26px; height:78px; overflow:hidden}
.container01 .left ul li .img,.container01 .left ul li .img img{ float:right; width:394px; height:296px; overflow:hidden}
.container01 .sPrev, .container01 .sNext{ width:57px; height:57px; z-index:10000; position:absolute; top:50%; margin-top:-28.5px;}
.container01 .sPrev{background:url(../images/left.png) center no-repeat; right: 394px;}
.container01 .sNext{background:url(../images/right.png) center no-repeat; right: 337px;}
.container01 .right{ float:right; width:400px;}
.container01 .right ul{ margin-top:-10px;}
.container01 .right ul li{ height:45px; line-height:45px; border-bottom:#c8c8c8 1px dashed}
.container01 .right ul li:last-child{ border:none}
.container01 .right ul li a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container01 .right ul li a span{ color:#c30d18}
.container01 .right ul li a{ font-size:14px; color:#4a4a4a}
.container01 .right ul li a:hover,.container01 .left ul li .con h4 a:hover{ color:#cb101e}

.container02{ background:url(../images/container02_bg.jpg) center no-repeat; overflow:hidden; height:190px;}
.container02 .title{ float:left; width:198px; padding:40px 0;}
.container02 .title h3{ font-size:22px; color:#fff; margin-bottom:22px;}
.container02 .title h4{ font-size:18px; color:#fff; text-transform:uppercase; margin-bottom:35px;}
.container02 .title h5{ text-align:right}
.container02 ul{text-align:right;margin-top:22px;float: right;}
.container02 ul li{ display:inline-block; width:125px; height:142px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-right:46px; text-align:center; -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;}
.container02 ul li:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');
    background:rgba(255,255,255,0.6);
}
.container02 ul li h3{ height:96px; line-height:96px;}
.container02 ul li h3 img{ display:inline-block; vertical-align:middle}
.container02 ul li h3 img.img02{ display:none}
.container02 ul li:hover h3 img.img01{ display:none}
.container02 ul li:hover h3 img.img02{ display:inline-block}
.container02 ul li h5{ font-size:18px; color:#fff}

.container03{ background:#f5f5f5; padding:45px 0 58px}
.container03 .title{ height:88px; line-height:88px; text-align:center; position:relative; margin-bottom:50px;}
.container03 .title:before{ content:""; position:absolute; bottom:0; width:656px; height:2px; left:50%; margin-left:-328px; background:#e7e7e7;}
.container03 .title:after{ content:""; position:absolute; width:100px; height:6px; background:#c30d18; bottom:-2px; left:50%; margin-left:-50px;}
.container03 .title h2{ font-size:30px; color:#232323}
.container03 ul{ width:1270px; overflow:hidden;}
.container03 ul li{ float:left; width:580px; margin-right:30px; position:relative; margin-bottom:20px;}
.container03 ul li .time{ position:absolute; z-index:2; left:0; top:30px; width:70px; height:70px; background:#808080; text-align:center; padding:5px 0 0;}
.container03 ul li .time:before{ content:""; position:absolute; z-index:0; top:0; left:0; height:0; width:70px; background:#cb101e; -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;}
.container03 ul li:hover .time:before{ height:70px;}
.container03 ul li .time h5{ font-size:16px; color:#fff; font-weight:600; height:32px; line-height:32px; font-family:"Microsoft Yahei"; position:relative}
.container03 ul li .time h3{ font-size:16px; color:#fff; font-family:"Microsoft Yahei"; position:relative}
.container03 ul li .con{ float:right; width:523px; height:145px; background:#fff; padding:30px 20px 20px 40px; position:relative}
.container03 ul li .con:before{ content:""; position:absolute; right:38px; top:124px; width:60px; height:3px; background:#afafaf}
.container03 ul li .con:after{ content:""; position:absolute; right:38px; top:124px; width:0; height:3px; background:#cb101e; -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;}
.container03 ul li:hover .con:after{ width:60px;}
.container03 ul li .con h5{ margin-bottom:5px;}
.container03 ul li .con h5,.container03 ul li .con h5 a{ font-size:18px; color:#3b3a3a}
.container03 ul li .con h5 a:hover{ font-size:18px; color:#cb101e}
.container03 ul li p{ font-size:14px; color:#7a7a7a; line-height:30px; height:60px; overflow:hidden;}
.container03 .more{ text-align:center;}
.container03 .more a{ display:inline-block; width:180px; height:44px; line-height:44px; background:#cb101e; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:16px; color:#fff; overflow:hidden}
.container03 .more a:hover{ background:#b80f1c}

/* HIGHLIGHT */
.button{ position:relative}
.button:before,#bannerUrl button:before {
	content: "";
	position: absolute;
	top: -30px;
	left: -100px;
	height: 110px;
	width: 70px;
	background: rgba(255, 255, 255, .4);
	transform: rotate(20deg);
}

.button:hover:before,#bannerUrl button:hover:before {
	left: 250px;
	transition: all 0.84s;
}

.container04{ background:url(../images/container04_bg.jpg) center no-repeat; height:320px; position:relative}
.container04 .title{ position:absolute; left:50%; margin-left:-600px; top:58px; z-index:2}
.container04 .title h2{ font-size:30px; color:#fff; padding:0 0 30px; position:relative}
.container04 .title h2:before{ content:""; position:absolute; left:0; bottom:0; width:75px; height:2px; background:#fff}
.container04 .title h2 big{ font-size:36px; color:#fff; font-family:Heather; margin-left:14px; height:30px; line-height:24px;}
.container04 .slider-for{ width:100%;  position:relative; z-index:1}
.container04 .slider-for .con{ float:left; width:800px;  padding:165px 0 0}
.container04 .slider-for .con h5{ margin-bottom:26px;}
.container04 .slider-for .con h5 a{ font-size:18px; color:#fff}
.container04 .slider-for .con p{ font-size:14px; color:#dadada; line-height:30px; height:60px; overflow:hidden;}
.container04 .slider-for .img,.container04 .slider-for .img img{     float: right;
    width: 285px;
    height: 400px;
    top: -9px;
    position: relative;}
.container04 .picScroll{   position: absolute;
    width: 1346px;
    height: 77px;
    left: 45%;
    margin-left: -30%;
    bottom: 100px;
    z-index: 10;
    padding: 0 40px;}
.container04 .picScroll .bt{/* position:relative; *//* width:100%; *//* height:100%; */}
.container04 .picScroll .scrollWrap{ position:relative; width:100%; height:100%}
.container04 .picScroll ul{ }
.container04 .picScroll ul li{float:left;width: 99px;text-align: center;}
.container04 .picScroll ul li .img{ width:76px; height:76px; display:inline-block; background:#3d3d3d; overflow:hidden; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.container04 .picScroll ul li .img img{ width:76px; height:76px; display:inline-block; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; opacity:0.7}
.container04 .picScroll ul li.on .img img{ opacity:1; border:#fff 2px solid}

 .container04  .sPrev,.container04  .sNext{width:16px;height:29px;z-index:10000;margin-top:130px;position: absolute;top: 0%;}
.container04  .sPrev{background:url(../images/left01.png) center no-repeat; left:-50px}
.container04  .sNext{background:url(../images/right01.png) center no-repeat; right: -50px;}

.container05{ padding:80px 0 98px}
.container05 .title{ height:88px; line-height:88px; text-align:center; position:relative; margin-bottom:50px;}
.container05 .title:before{ content:""; position:absolute; bottom:0; width:656px; height:2px; left:50%; margin-left:-328px; background:#e7e7e7;}
.container05 .title:after{ content:""; position:absolute; width:100px; height:6px; background:#c30d18; bottom:-2px; left:50%; margin-left:-50px;}
.container05 .title h2{ font-size:30px; color:#232323}
.container05 .title h2 a{ position:absolute;right:0;top:0;float:right; font-size:16px; color:#cb101e; line-height:90px; -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;}
.container05 .title h2 a:hover{ text-decoration:underline}
.container05 ul{ width:1240px; overflow:hidden}
.container05 ul li{ float:left; width:375px; height:380px; background:#f3f4f4; margin-right:35px; padding:35px 27px 0; position:relative}
.container05 ul li .con{ padding:0 0 20px; margin-bottom:32px; position:relative}
.container05 ul li .con:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff}
.container05 ul li .con:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#bebebe; -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;}
.container05 ul li:hover .con:after{ width:100%;}
.container05 ul li h3{ font-size:30px; color:#3a3a3a; font-family:"Microsoft Yahei"; margin-bottom:20px;}
.container05 ul li h4{ font-size:16px; color:#3a3a3a; line-height:30px; height:60px; overflow:hidden;}
.container05 ul li h4 a{ color:#3a3a3a;}
.container05 ul li h4 a:hover{ color:#cb101e}
.container05 ul li .img{ position:absolute; width:320px; height:170px; bottom:25px; left:27px; overflow:hidden; -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;}
.container05 ul li:hover .img{ height:0}
.container05 ul li .img img{ width:320px; height:170px;} 
.container05 ul li .box p{ font-size:14px; color:#717171; line-height:24px; height:72px; overflow:hidden; margin-bottom:32px;}
.container05 ul li .box .more{ text-align:center}
.container05 ul li .box .more a{ display:inline-block}

.footer{ padding:58px 0; background:#2e3238;margin-top:10px;}
.footer .left{ display:inline-block; width:385px; height:185px; background:url(../images/line.png) right center no-repeat; padding:0 15px}
.footer .left h4{font-size:16px; height:22px; line-height:22px; color:#969696;background: url(../images/footer_icon01.png) 37px center no-repeat;padding: 0px 0 0 68px;margin-bottom:28px;}
.footer .left ul{ overflow:hidden}
.footer .left ul li{ float:left; display:inline-block; padding:0 17px; text-align:center}
.footer .left ul li h5{ font-size:14px; color:#969696; margin-top:24px;}
.footer .center{display:inline-block;width:378px;height:185px;background:url(../images/line.png) right center no-repeat;padding: 0 0 0 70px;}
.footer .center h4{font-size:16px; height:22px; line-height:22px; color:#969696;background: url(../images/footer_icon02.png) 0 center no-repeat;padding: 0px 0 0 30px;margin-bottom:28px;text-align: left;}
.footer .center ul{ overflow:hidden; text-align:left; display:inline-block;}
.footer .center ul li{float:left;display:inline-block;width:33.333333%;padding: 0 0px;line-height:40px;}
.footer .center ul li a{ font-size:14px; color:#969696;}
.footer .center ul li a:hover{ color:#fff;}
.footer .right{display:inline-block;width: 427px;height:185px;padding:0 0 0 70px;}
.footer .right h4{font-size:16px; height:22px; line-height:22px; color:#969696;background: url(../images/footer_icon03.png) 0 center no-repeat;padding: 0px 0 0 30px;margin-bottom:28px;text-align: left;}
.footer .right ul{ overflow:hidden; text-align:left; display:inline-block; max-width:100%}
.footer .right ul li{float:left;display:inline-block;width:50%;padding: 0 0px;line-height:40px;text-align:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer .right ul li a{ font-size:14px; color:#969696;}
.footer .right ul li a:hover{ color:#fff;}

footer{ height:85px; line-height:85px; background:#2e3238; text-align:center; border-top:#3c3c3c 1px solid}
footer p{ font-size:14px; color:#969696}
footer p span{ margin:0 6px;}

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


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

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


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

#n_banner{ height:378px;}

.n_main_box{width:100%;}
.n_main_box .w1100{position:relative;width: 1200px;height: 60px;margin: 0 auto;}
.n_nav_box{height: 85px;line-height: 85px;position:relative;background: rgba(0,0,0,0.4);margin-top: -85px;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block;height: 60px;font-size: 36px;float:left;line-height: 40px;color: #fff;text-align: center;margin-left: 28px;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 40px;}
.n_nav a strong{display:block;color: #fff;position:relative;z-index:4;height: 60px;line-height: 60px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{}
.n_nav .on:before,.n_nav a:hover:before{content:"";width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;}
.n_nav .on strong,.n_nav a:hover strong{height: 85px;line-height: 85px;}
.n_up_box{ position:relative;}
.position{position:absolute;height: 85px;line-height: 95px;left: 788px;top: 0;color: #fff;padding-left: 24px;font-size: 14px;background: url(../images/home_icon.png) left 41px no-repeat;}
.position span, .position a, .position i{font-size: 14px;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;}
.position i{margin: 0px 3px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 14px;color: #fff;font-style: normal;}
.position a:hover{color: #cb101e;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}

.n_list{ overflow:hidden; padding:45px 0 36px;}
.n_left{ float:left; width:770px; min-height:1180px}
.n_list ul{ overflow:hidden;}
.n_list ul li{float:left;width:100%;margin-right:70px;position:relative;margin-bottom: 34px;}
.n_list ul li .time{ position:absolute; z-index:2; left:0; top:30px; width:70px; height:70px; background:#c30d18; text-align:center; padding:5px 0 0;}
.n_list ul li .time:before{ content:""; position:absolute; z-index:0; top:0; left:0; height:0; width:70px; background:#cb101e; -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_list ul li:hover .time:before{ height:70px;}
.n_list ul li .time h5{ font-size:16px; color:#fff; font-weight:600; height:32px; line-height:32px; font-family:"Microsoft Yahei"; position:relative}
.n_list ul li .time h3{ font-size:16px; color:#fff; font-family:"Microsoft Yahei"; position:relative}
.n_list ul li .con{ float:right; width:730px; height:187px; border:#c9c8c8 1px solid; padding:30px 44px 30px 54px; position:relative}
.n_list ul li .con:before{content:"";position:absolute;right:38px;bottom: 24px;width:60px;height:3px;background: #c30d18;}
.n_list ul li .con:after{ content:""; position:absolute; right:38px; bottom: 24px; width:0; height:3px; background:#cb101e; -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_list ul li:hover .con:after{ width:60px;}
.n_list ul li .con h4{ margin-bottom:18px; height:48px; line-height:24px; overflow:hidden}
.n_list ul li .con h4,.n_list ul li .con h4 a{ font-size:18px; color:#3b3a3a; font-weight:bold}
.n_list ul li .con h4 a:hover{ font-size:18px; color:#cb101e}
.n_list ul li p{ font-size:14px; color:#7a7a7a; line-height:30px; height:60px; overflow:hidden;}
.n_right{float:right;width:348px;border:#c9c8c8 1px solid;text-align:center;background: #f3f3f3;height:auto !important}
.n_right dl dt{ height:58px; line-height:58px; background:#a30f1f; font-size:20px; color:#fff; font-weight:bold}
.n_right dl .dd{ padding:20px 20px}
.n_right dl .dd dd{ height:58px; line-height:60px; font-size:18px; color:#343434; border-bottom:#e1e1e1 1px solid}
.n_right dl .dd dd a{ color:#343434; }

.fang{height: 158px;background:#f3f3f3 url(../images/fang.png) left bottom no-repeat;}
.n_gg{background:url(../images/n_right_bg.png) center no-repeat;height:730px;margin-top:-60px;padding: 75px 0;}

.n_gg .title{float:left;width: 100%;padding: 0;}
.n_gg .title h3{font-size:22px;color:#fff;margin-bottom: 10px;}
.n_gg .title h4{ font-size:18px; color:#fff; text-transform:uppercase; margin-bottom:35px;}
.n_gg .title h5{ text-align:right}
.n_gg ul{text-align: center;float: right;}
.n_gg ul li{float:  none;display:inline-block;width:113px;height:142px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin: 0 12px;text-align:center;-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_gg ul li:hover{ background:rgba(255,255,255,0.6)}
.n_gg ul li h3{ height:96px; line-height:96px;}
.n_gg ul li h3 img{ display:inline-block; vertical-align:middle}
.n_gg ul li h3 img.img02{ display:none}
.n_gg ul li:hover h3 img.img01{ display:none}
.n_gg ul li:hover h3 img.img02{ display:inline-block}
.n_gg ul li h5{ font-size:18px; color:#fff}

.fanye{ text-align:center}

.n_list ul li .con .img{ margin-left:-15px;}
.n_list ul li .con .img,.n_list ul li .con .img img{ float:left; width:120px;}
.n_list ul li .con .box{ float:right; width:440px; height:125px;}
.n_list ul li .con .box h4{ margin-bottom:8px;}
.n_list ul li .con .box p{ line-height:24px; height:72px;}

.n_detail{ overflow:hidden; padding:45px 0 75px;}

.n_detail .ar_title{padding-bottom: 0;margin-bottom: 24px;padding: 0 0 26px;border-bottom:  #e6e6e6 1px solid;}
.n_detail .ar_title h3{font-size: 26px;color: #000000;margin-bottom: 15px;padding: 0;line-height: 48px;font-weight:  bold; text-align:center; }
.n_detail .ar_title h6 span{position:relative;font-size: 14px;color: #000000;display:inline-block; font-weight:normal;margin-right: 28px;}
.n_detail .ar_title h6 span i{position:absolute;left:0;bottom: -3px;width:100%;height: 3px;}
.n_detail .ar_title h6{display:inline-block;vertical-align: top;} 


/*====上一篇下一篇====*/
#ar_fot{position:relative;padding: 24px 0;box-sizing: border-box;width: 100%;margin-top: 30px;border-top: #e6e6e6 1px solid;}
#ar_fot h1{display:block;width: 100%;font-size: 14px;line-height: 32px;color: #656565;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ar_fot h1 span{ color:#000;}
#ar_fot h1 a{font-size: 14px;color: #000;font-weight:normal;}
#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;}
#ar_fot h1 a:hover{ color:#e3192e}



/* 本例子css */
.sideMenu{padding:20px 20px;}
.sideMenu h5{height:58px; line-height:60px; font-size:18px;  border-bottom:#e1e1e1 1px solid;overflow: hidden;}
.sideMenu h5 a{color:#343434;display: block;float: left;width*: 90%;transition: 0.6s all;}
.sideMenu h5 a:hover{color: #d01d39;transition: 0.6s all;}
.sideMenu h5 em{ float:right; display:block; width:8px; height:58px;background: url(../images/down02.png) no-repeat center; cursor:pointer; }
.sideMenu h5.on em{width: 14px;height: 58px;background: url(../images/down01.png) no-repeat center;}
.sideMenu ul{ padding:20px; color:#999; display:none ;  /*默认都隐藏 */ }
.sideMenu ul li{margin:15px 0;}
.sideMenu ul li a{display: block;color: #999999;font-size: 14px;transition: 0.6s all;}
.sideMenu ul li a:hover{color: #d01d39;transition: 0.6s all;}
.four-nav{margin-bottom: 30px;}
.four-nav ul{overflow: hidden;margin-right: -24px;margin-bottom: 30px;}
.four-nav ul li{float: left;width: auto;margin-right: 24px;margin-bottom: 20px;}
.four-nav ul li a{display: block;height: 50px;line-height: 50px;padding: 0 26px;background-color: #f8f8f8;font-size: 14px;color: #666666;transition: 0.6s all;}
.four-nav ul li a:hover{background-color: #d01d39;color: #fff;transition: 0.6s all;}
.four-nav ul .on a{background-color: #d01d39;color: #fff;}


/* 师资 */
#xp_zw {
	line-height: 200%;
	color: #444444;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#zimu td a{
	display:block;
	width:23px;
	height:23px;
	background:#a30f1f;
	color:#fff;
	    text-align: center;
    line-height: 24px;
	}
.jieshaotitle{ width:100%;  border-bottom: solid 1px #eee;   overflow: hidden; margin-bottom: 20px; }
.jieshaotitle span{ float:left; padding:0 15px; margin-right:2px;     background: #eee;}
.jieshaotitle span.on{  background:#a30f1f; color:#fff;}


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

@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){
	.ar_web{ display:none}
	.ar_wap{ display:block}
}
video#_vsb_player {
    display: block;
    margin: 0 auto;
}