@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/tt0173m.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}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

body{ min-width:1380px;}

header{height:85px;background:#fff;position:relative;z-index: 10;}
header .logo{ float:left; line-height:85px; padding:0 0 0 120px}
header .right{ float:right}
header .right nav{ float:left}
nav ul li{float:left;padding-right: 40px;height:85px;}
nav ul li .a{ font-size:15px; color:#4c4c4c; height:85px; line-height:85px; display:inline-block; position:relative}
nav ul li .a:after{ content:""; position:absolute; right:0; bottom:0; background:#bb3526; width:0px; height:2px; -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;}
nav ul li:hover .a:after{ left:0; width:100%}
nav ul li .a i{line-height:85px;margin: -1px 0 0 12px;display: inline-block;}
nav ul li .a i img{ display:inline-block}
nav ul li.on .a:after{ left:0; width:100%}
nav ul li .content{ display:none; position:absolute; top:85px; width:100%; left:0; height:510px; background:#fff; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid}
nav ul li .content .left_box{float:left;width:35%;background:#f4f4f4;height: 508px; padding:45px 0 0 12rem}
nav ul li .content .left_box dl dd{ font-size:14px; color:#333; line-height:50px;}
nav ul li .content .left_box dl dd a{ color:#333}
nav ul li .content .left_box dl dd a:hover{ color:#c12d3a}
nav ul li .content .right_box{ float:left; width:65%; height:510px; padding:50px 50px 0 105px; position:relative}
nav ul li .content .top{ position:absolute; left:50%; margin-left:-16px; bottom:50px;}
nav ul li .content .right_box h3{ font-size:32px; color:#bb3526; font-weight:bold; line-height:32px; margin-bottom:50px}
nav ul li .content .right_box h3 small{ font-size:32px; text-transform:capitalize; margin-left:8px}
nav ul li .content .right_box p{ font-size:14px; color:#bb3526; line-height:30px;}
nav ul li .content .right_box .fl{ margin-right:400px}
nav ul li .content .right_box .fr img{ width:350px; height:200px; position:absolute; right:50px; top:50px;}

header .right .huiyuan{ float:left; line-height:85px; display:none;}
header .right .huiyuan a{ color:#7a7a7a}
header .right .huiyuan img{ margin-right:12px; margin-top:-3px}

.banner_box{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 20s; /*动画所花费的时间*/
}
.banner .banmiso{ height:640px;}
.banner .banmiso h3{ font-size:42px; color:#fff; margin-bottom:24px}
.banner .banmiso h3{ opacity: 0; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner .banmiso.miso-current h3{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition-delay:1s}

.banner .banmiso p{ font-size:26px; color:#fff}
.banner .banmiso p{ opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -ms-transition: 0.6s ease-out; transition: 0.6s ease-out;}
.banner .banmiso.miso-current p{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition-delay:2s}
.banner .miso-prev,.banner .miso-next{ width:55px; height:55px;}
.banner .miso-prev{ background:url(../images/l.png) center no-repeat; left:6.25rem}
.banner .miso-next{ background:url(../images/r.png) center no-repeat; right:6.25rem}
.banner .miso-prev:hover{ background:url(../images/l_on.png) center no-repeat;}
.banner .miso-next:hover{ background:url(../images/r_on.png) center no-repeat;}

.banner-next { z-index: 99; position: absolute; bottom: 80px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; text-align: center; color: #ffffff; color: ; }
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon { position:relative; width:20px; height:30px; background:url(../images/next-icon.png) center no-repeat}

.banner-next .next-icon:before{content:""; width:2px; height:7px; position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px; background:url(../images/icon.png) center no-repeat; -webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite; -moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite; animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border:none; background:none; border-radius: 0;}

.sherbtn{ float: right; position: relative; margin-left: 22px; z-index: 10; background:#6b6c6d}
.sherbtn span{ display: block; width: 85px; height: 85px; background:url(../images/serch1.png) center no-repeat; cursor: pointer; transition: 0.4s; position: relative; z-index: 3;}
.sherbtn:before{content: "";width: 100%;height: 85px;position: absolute;left: 0;top: 0;background: #c12d3a;-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);transition: transform .4s cubic-bezier(.4,0,.2,1);transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-moz-transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: 0;}
.sherbtn .searchdown{position: absolute;ri;right: 0;top: 85px;background: #c12d3a;padding: 27px 46px 24px 38px;opacity: 0;visibility: hidden;transition:0.4s;} 
.searchdown .search{ margin-bottom: 0; width: 337px;}
.searchdown .search .seartext{width: 100%;height: 34px;line-height: 34px;color: #969696;border-radius: 14px;}
.searchdown .serbtn{ height: 34px; line-height: 34px;}

.sherbtn.on span,.sherbtn:hover span{ background: url(../images/serch1.png) center no-repeat;}
.sherbtn.on:before,.sherbtn:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.sherbtn:hover .searchdown{ opacity: 1; visibility: visible;}
.searinfo{ margin-bottom: 48px;}
.searchli{ padding: 48px 0 93px 0;}
.seartitle{ line-height: 1; color: #c12d3a; font-size: 28px; font-weight: normal; margin-bottom: 28px;}
.new-boxs .projectli1{ margin-bottom: 40px;}
.search{ width: 638px; margin: auto; margin-bottom: 76px; position: relative;}
.search .seartext{ padding-left: 26px; width: 612px; height: 51px; line-height: 51px; background: #fff; border-radius: 14px; border: none; color: #969696; font-size: 14px; font-family: "微软雅黑";}
.serbtn{ width: 44px; height: 51px; line-height: 51px; color: #c12d3a; font-size: 14px; font-family: arial; position: absolute; right: 0; top: 0; border-radius: 0 14px 14px 0; background:none; border:none; cursor: pointer; transition:.34s; -moz-transition:.34s; -webkit-transition:.34s; -ms-transition:.34s;} 
.serbtn:hover{ color: #c12d3a;}



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


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

.container01{ padding:70px 0 80px}
.container01 ul{ font-size:0; margin:0 -30px;}
.container01 ul li{ display:inline-block; *display:inline; *zoom:1; padding:0 30px; width:33.333333%}
.container01 ul li .img,.container01 ul li .img img{ width:360px; height:290px; overflow:hidden}
.container01 ul li h5{ height:70px; line-height:70px; font-size:15px; color:#5a5a5a; padding:0 10px; background:#f1f3f6; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center}
.container01 ul li a{display:  block;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container01 ul li a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);transform:scale(1.05);}

.container00 .title{ margin-bottom:58px; text-align:center}
.container00 .title h3{ font-size:32px; color:#363636; margin-bottom:18px;}
.container00 .title h5{ font-size:15px; color:#676767}
.container02 .content{ background:#f1f3f6; padding:55px 0}
.container02 .content .left{ width:331px; text-align:center; height:445px; border-right:#d3d3d4 1px solid}
.container02 .content .left h3{ font-size:18px; color:#5a5a5a; font-weight:bold; margin-bottom:50px;}
.container02 .content .left .img{ margin-bottom:45px}
.container02 .content .left .img,.container02 .content .left img{ width:330px; height:265px; overflow:hidden;}
.container02 .content .left .more{ text-align:center}
.container02 .content .left .more a{display:inline-block;color: #5a5a5a;width:160px;height:45px;line-height:43px;border-radius:3px;border:#c6c7c9 1px solid;-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 .content .left .more a:hover{ background:#c12d3a; border:#c12d3a 1px solid; color:#fff}

.container02 .content .right{ width:869px; padding:0 68px}
.container02 .content .right ul{ font-size:0; margin:0 -24px; margin-top:12px}
.container02 .content .right ul li{ display:inline-block; *display:inline; *zoom:1; padding:0 24px; width:50%; margin-bottom:28px}
.container02 .content .right ul li a{ display:inline-block; width:100%; height:85px; background:#fff; padding:25px 25px; -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 .content .right ul li a h5{ font-size:15px; color:#5a5a5a; margin-bottom:8px}
.container02 .content .right ul li a h6{font-size:12px;color:#8d8c8c;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.container02 .content .right ul li a:hover{ box-shadow:0 7px 13px rgba(0,0,0,0.13)}

.container03{ padding:80px 0 98px}
.container03 ul{ font-size:0}
.container03 ul li{ display:inline-block; *display:inline; *zoom:1; width:240px; position:relative}
.container03 ul li .img{width:240px;height:240px;overflow: hidden;}
.container03 ul li .img img{ width:240px;height:240px;}
.container03 ul li .con{ width:240px; height:240px;}
.container03 ul li .con h5{ font-size:16px; color:#4b4b4b; margin-bottom:10px}
.container03 ul li .con h6{ font-size:12px; color:#979797; margin-bottom:28px; text-transform:uppercase}
.container03 ul li .con h4{ height:2px; position:relative}
.container03 ul li .con h4:before{ content:""; position:absolute; width:20px; height:2px; background:#d6d6d6; left:50%; margin-left:-10px;}
.container03 ul li .con h4:after{ content:""; position:absolute; width:0; height:2px; background:#bc3728; left:50%; margin-left:-10px; -moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container03 ul li:hover .con h4:after{ width:20px;}
.container03 ul li:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:transparent 1px solid; -moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container03 ul li:hover:after{ left:10px; top:10px; right:10px; bottom:10px; border:#d6d6d6 1px solid}

.container04{ background:url(../images/container04_bg.jpg) center no-repeat; overflow:hidden; height:505px;}
.container04 ul li{ float:left; width:25%; height:505px; position:relative; border-right:rgba(255,255,255,0.2) 1px solid}
.container04 ul li:last-child{ border:none}
.container04 ul li .img{ position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover !important;}
.container04 ul li a{ position:relative; z-index:1; display:block; width:100%; height:100%;}
.container04 ul li h3{position:relative;z-index:1;height: 110px;line-height: 110px;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;}
.container04 ul li h3:before{content:"";position:absolute;width:15px;height:2px;background:#767575;bottom:0;left:50%;margin-left:-7.5px;z-index:10;display: none;}
.container04 ul li h3 img{ -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;}
.container04 ul li h5{font-size: 18px;c;color: #fff;margin: 0 0 64px;position:relative;z-index:1;}
.container04 ul li h6{ font-size:12px; color:#b8b8bc; text-transform:uppercase; position:relative; z-index:1}
.container04 ul li p{padding:0 4rem;line-height:24px;font-size:14px;color:transparent;position:relative;text-align:left;-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;height:0;overflow:  hidden;}
.container04 ul li a h6:after{ content:""; position:absolute; width:0; height:2px; background:#fff; bottom:-30px; left:50%; margin-left:-7.5px; -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:11}
.container04 ul li a:before{content:"";background:#c12d3a;position:absolute;left:50%;width:0;top: -1px;margin-left: -1px;height: 100%;-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;}
.container04 ul li a:hover:before{ width:100%; margin-left:-50%}
.container04 ul li a:hover p{ color:#fff2f0; height:96px; margin-top:90px}
.container04 ul li a:hover h6:after{ width:15px;}
.container04 ul li .more{ position:relative; z-index:1; font-size:12px; color:#fff; display:inline-block; width:130px; height:40px; line-height:38px; border-radius:3px; border:#c6c7c9 1px solid; -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{ padding:104px 0 40px;}
.container05 ul{ font-size:0}
.container05 ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; text-align:center; margin-bottom:50px;}
.container05 ul li .img{ height:100px; line-height:100px;}
.container05 ul li h5{ font-size:15px; color:#313233}

.container05 ul li:hover .img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

.container06{ padding:65px 0 100px; background:#f6f8fa;  position:relative}
.container06 ul{margin:0 -37px; font-size:0}
.container06 ul li{ padding:0 37px; display:inline-block; *display:inline; *zoom:1; width:33.33333%}
.container06 ul li .box .img,.container06 ul li .box .img img{overflow:hidden;width:350px;height:200px;position:relative;z-index: 0;}
.container06 ul li .box .con{padding: 0;position:  relative;z-index: 3;}
.container06 ul li .box .con .time{width:60px;height:70px;background:#bc3728;color:#fff;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;margin-top: -10px;}
.container06 ul li .box .con .time h3{font-size: 22px;margin: 12px 0 5px;font-weight:  bold;}
.container06 ul li .box .con .time h6{font-size: 14px;font-weight:  bold;}
.container06 ul li .box .con .fr{width: 272px;}
.container06 ul li .box .con .fr h5{margin: 10px 0 0;}
.container06 ul li .box .con .fr h5,.container06 ul li .box .con .fr h5 a{font-size: 16px;color: #333232;line-height: 24px;white-space: normal;}

.container06 ul li .box .con .time:hover{ background:#db5141;}
.container06 ul li .box .con .fr h5 a:hover{ color:#db5141}
.container06 ul li .box .con01{ overflow:hidden; padding:15px 0 0; border-top:#ebebeb 1px solid; margin-top:26px}
.container06 ul li .box .con01 p{ font-size:12px; line-height:22px; color:#9a9999; height:44px; overflow:hidden; margin-bottom:32px}
.container06 ul li .box .more a{ font-size:12px; color:#868686}
.container06 ul li .box .more a:hover{ color:#bc3728}

canvas {
  pointer-events: none;
}

.footer{padding:75px 0 65px;background:#373d41;overflow:hidden;}
.footer .left{float:right; text-align:right}
.footer .left h5{ font-size:15px; color:#fff; }
.footer .left h3{ font-size:24px; color:#c83c2c; margin:14px 0 30px; font-family:DINOT; font-weight:bold}
.footer .left h5 img{ margin:-3px 5px 0 0}
.footer .left .bottom .con{ display:inline-block; padding:20px 0 0; font-size:12px; color:#aeb0b1; line-height:22px; margin-right:22px}
.footer .left .bottom .img{ display:inline-block}
.footer .right{float:left;width: 942px;font-size:0;padding:5px 0 0;background: url(../images/line.png) right top no-repeat;}
.footer .right dl{display:inline-block; *display:inline; *zoom:1;margin: 0 44px 0 0;text-align:left;}
.footer .right dl dt{font-size: 16px;margin-bottom: 22px;position:relative;}
.footer .right dl dt:before{content:"";position:absolute;bottom: -24px;left:0;width: 56px;height:2px;background:#c3c3c4;display: none;}
.footer .right dl dt a{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;}
.footer .right dl dd{font-size: 12px;line-height: 27px;color: #a8a8a8;}
.footer .right dl dd a{color: #a8a8a8;-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;}
.footer .right dl dt a:hover,.footer .right dl dd a:hover{ color:#fff}

.wailian{ padding:25px 0; margin:25px 0 35px; border-top: #484e51 1px solid; border-bottom: #484e51 1px solid;}
/*友情链接*/
.container10{}
.container10 .nav{float:left;width: 85px;font-size: 15px;color: #fff;height: 32px;line-height: 32px;padding: 0;}
.container10 ul{float:left;width: calc(100% - 85px);overflow:hidden;box-sizing: border-box;}
.container10 ul li{float:left;line-height: 33px;padding: 0 24px 0 0;height: 33px;overflow: hidden;}

.container10 ul li a{color:#c6c6c6;font-size: 13px;-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;}
.container10 ul li a:hover{color: #bf3c38;}
.container10 .height{ height:auto;}


.tubiao ul{ font-size:0; margin:0 -65px;}
.tubiao ul li{display:inline-block; *display:inline; *zoom:1;width:14%;text-align:center;background:url(../images/line01.png) right top no-repeat;}
.tubiao ul li .img{ height:60px; line-height:60px; margin-bottom:12px}
.tubiao ul li h5{ font-size:14px; color:#cccccc}
.tubiao ul li:last-child{ background:none}

.tubiao ul li:hover .img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}

footer{background: #2e3438;height:55px;line-height:55px;text-align:center;}
footer p,footer p a{font-size:12px;color: #838687;-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;}
footer p a:hover{ color:#fff}
footer p.fl a{ color:#bebfc0; margin-right:12px}

/*悬浮*/
.message{position:fixed;right:25px;width:60px;height:177px;background:#c12d3a;bottom: 10%;text-align:center;z-index: 1000;-webkit-transform: translateX(100%) translateZ(0px);-moz-transform: translateX(100%) translateZ(0px);transform: translateX(100%) translateZ(0px);backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform 1.2s ease-in-out;-moz-transition: -moz-transform 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.message a{display:block;padding: 24px 0 0;position:relative;font-size: 13px;color: #fff;line-height: 18px;}
.message a img.img01{ margin-bottom:48px; margin-left:3px;}
.message a:before{content:"";position:absolute;top:46px;left:50%;margin-left:-0.5px;width:1px;height:30px;background: #fff;}
.message.on{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%);}



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


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

.n_banner,.n_banner .w1200{ height:350px;}
.n_banner .table{ text-align:left}
.n_banner .mianbao{display:inline-block;padding: 0;margin-left:30px;text-align:left;}
.n_banner .mianbao h4{ font-size:22px; color:#c12d3a; font-family:Futura Bk BT; margin-bottom:8px;}
.n_banner .mianbao h3{ font-size:35px; color:#3f3b3d; margin-bottom:75px;}
.n_banner .mianbao h6{ margin-left:-2px; padding:0 0 0 70px; position:relative;}
.n_banner .mianbao h6:before{ content:""; position:absolute; left:5px; top:7px; width:60px; height:1px; background:#9d9fa4}
.n_banner .mianbao h6 a,.n_banner .mianbao h6 i,.n_banner .mianbao h6 span{ font-size:12px; color:#686868; margin:0 3px; font-style:normal; height:14px; line-height:14px; -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_banner .mianbao h6 a:hover{ color:#c12d3a}

.sanji{margin-top: -28px;}
.sanji ul{font-size: 0;}
.sanji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;}
.sanji ul li a{font-size:16px;color:#4f4f52;display:inline-block;padding-bottom:14px;position:relative;width:  200px;height: 55px;line-height: 53px;border:  #dcdcdc 1px solid;text-align: center;background: #fff;}
.sanji ul li a:hover{ color:#c12d3a;}
.sanji ul li a:before{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #c12d3a;-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;}
.sanji ul li.on a:before,.sanji ul li:hover a:before{ left:0; width:100%}

.n_product{ padding:65px 0 72px}
.n_product ul{ font-size:0; margin:0 -13px; margin-bottom:60px;}
.n_product ul li{ display:inline-block; *display:inline; *zoom:1; padding:0 13px; width:25%; margin-bottom:30px}
.n_product ul li .img,.n_product ul li .img img{width: 280px;height: 230px;overflow:hidden;}
.n_product ul li h5{width: 280px;height:70px;line-height:70px;font-size:15px;color:#5a5a5a;padding:0 10px;background:#f1f3f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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_product ul li a:hover h5{ background:#c12d3a; color:#fff}
.n_product ul li a{display:  block;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

/*====翻页====*/
.j_pages{margin: 0px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0; text-align:center}
.j_pages .box li{display:inline-block;}
.j_pages a{height: 35px;line-height: 35px;display:inline-block;margin: 0px 4px;color: #666666; background:#eeeff4; border-radius:2px; font-size: 14px;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;text-align:center;padding: 0 13px; }
.j_pages a font{font-size:14px;color: #66635f;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #c12d3a;color: #fff;}
.j_pages .page-active a{background: #c12d3a;color: #fff;}
.j_pages a:hover{background: #c12d3a;color:#fff!important;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_product_detail{ overflow:hidden; padding:45px 0 25px;}
.n_product_detail .left{float:left;width: 575px;}
.n_product_detail .fl01{ overflow:hidden; margin-bottom:55px;}
.n_product_detail .lwy .slider-nav{}
.n_product_detail .lwy .slider-nav .miso-slide img{ width:100%}
.n_product_detail .lwy .slider-nav .miso-slide .miso{margin: 0;}
.n_product_detail .lwy .slider-nav .miso-slide .miso img{width: 100%;height: 475px;}
.n_product_detail .lwy .slider-nav .miso-slide.miso-current .miso img{}
.n_product_detail .lwy .slider-nav .miso-dots{ bottom:16px}
.n_product_detail .lwy .slider-nav .miso-dots li{ width:8px; height:8px; background:#cbcbcb; border-radius:50%}
.n_product_detail .lwy .slider-nav .miso-dots li.miso-active{ background:#c12d3a}
.n_product_detail .right{float:right;width: 525px;height: 475px;padding: 0;}
.n_product_detail .right .table{ text-align:left}
.n_product_detail .right h4{ font-size:18px; color:#5a5a5a; margin-bottom:22px;}
.n_product_detail .right h2{margin-bottom:66px;position:relative;line-height: 30px; font-size:30px; color:#c12d3a}
.n_product_detail .right h2:before{content:"";position:absolute;left:0;bottom: -26px;width:100%;height:1px;background:#e0e1e4;}
.n_product_detail .right h2:after{content:"";position:absolute;left:0;bottom: -50px;width:24px;height:3px;background:#115a2f;display: none;}
.n_product_detail .right .ar_article{height:144px;overflow:hidden;overflow-y:scroll;margin-bottom:40px;padding-right: 10px;}
.n_product_detail .right .ar_article p{ font-size:14px; color:#5a5a5a; line-height:24px; margin-bottom:24px }
.n_product_detail .right .ar_article::-webkit-scrollbar {width:1px;height:1px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-track {border-radius:10px; background:none}
.n_product_detail .right .ar_article::-webkit-scrollbar-thumb {border-radius:10px; background:none}
.n_product_detail .right a{ display:inline-block; width:140px; height:40px; line-height:40px; text-align:center; border-radius:4px; background:#c12d3a; margin-right:46px; font-size:14px; color:#fff; -moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_product_detail .right a.a2{ background:#f0771e}
.n_product_detail .right a:hover{ background:#333}
.n_product_detail .fl02{ overflow:hidden}
.n_product_detail .fl02 h3{height: 50px;line-height: 50px;background: #f1f3f6;padding:0 42px;margin-bottom:30px;}
.n_product_detail .fl02 h3 span{display:inline-block;position:relative;font-size:  16px;color: #555555;}
.n_product_detail .fl02 h3 span:before{content:"";position:absolute;bottom:0;left: -42px;width: 3px;height: 100%;background: #c12d3a;}
.n_product_detail .fl02 .ar_article p{ font-size:14px; line-height:36px;}

.n_hy{ padding:70px 0 82px}
.n_hy .ul{ font-size:0; margin:0 -14px; margin-bottom:65px}
.n_hy .ul li{ display:inline-block; padding:0 14px; margin-bottom:20px; width:25%;}
.n_hy .ul li img{width:280px;height:100px;border: #e4e5e7 1px solid;}
.n_hy .ul li a{ display:block; width:280px;height:100px; position:relative}
.n_hy .ul li .con{position:absolute;left:0;top:0;width:100%;height:100%;line-height: 100px;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;overflow: hidden;}
.n_hy .ul li .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -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; background:#c12d3a; background:rgba(193,45,58,0.9)}
.n_hy .ul li:hover .con:before{ width:100%; left:0}
.n_hy .ul li .con h5{font-size:16px;color:#fff;position:relative;z-index:10;-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;margin-top:-100%;}
.n_hy .ul li:hover .con h5{display:inline-block;margin-top:0;transition-delay: 0.12s;}

.n_news{ padding:70px 0 90px; position:relative}
.n_news ul{margin:0 -37px; font-size:0; margin-bottom:30px}
.n_news ul li{ padding:0 37px; display:inline-block; *display:inline; *zoom:1; width:33.33333%; margin-bottom:55px}
.n_news ul li .box .img,.n_news ul li .box .img img{overflow:hidden;width:350px;height:200px;position:relative;z-index: 0;}
.n_news ul li .box .con{padding: 0;position:  relative;z-index: 3;}
.n_news ul li .box .con .time{width:60px;height:70px;background:#bc3728;color:#fff;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;margin-top: -10px;}
.n_news ul li .box .con .time h3{font-size: 22px;margin: 12px 0 5px;font-weight:  bold;}
.n_news ul li .box .con .time h6{font-size: 14px;font-weight:  bold;}
.n_news ul li .box .con .fr{width: 272px;}
.n_news ul li .box .con .fr h5{margin: 10px 0 0;}
.n_news ul li .box .con .fr h5,.n_news ul li .box .con .fr h5 a{font-size: 16px;color: #333232;line-height: 24px;white-space: normal;}

.n_news ul li .box .con .time:hover{ background:#db5141;}
.n_news ul li .box .con .fr h5 a:hover{ color:#db5141}
.n_news ul li .box .con01{ overflow:hidden; padding:15px 0 0; border-top:#ebebeb 1px solid; margin-top:26px}
.n_news ul li .box .con01 p{ font-size:12px; line-height:22px; color:#9a9999; height:44px; overflow:hidden; margin-bottom:32px}
.n_news ul li .box .more a{ font-size:12px; color:#868686}
.n_news ul li .box .more a:hover{ color:#bc3728}

.n_about{ padding:55px 0 60px;}
.n_about .ar_article{padding:40px 0 0;}
.n_about .ar_article h3{ font-family:26px; color:#3f3b3d; font-weight:normal; margin-bottom:30px}

.n_solution{ padding:75px 0 55px}
.n_solution ul li{ overflow:hidden; margin-bottom:22px}
.n_solution ul li .img{ float:left; width:400px; height:210px;}
.n_solution ul li .fr{ float:left; width:790px; height:210px; border:#eeeeee 1px solid}
.n_solution ul li .fr .con{ float:left; width:658px; padding:0 0 0 40px}
.n_solution ul li .fr .con h5{ font-size:20px; color:#3f3b3d; margin:40px 0 25px; -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_solution ul li .fr .con p{ font-size:14px; color:#898889; line-height:26px; height:78px; overflow:hidden;}
.n_solution ul li .fr .jia{ float:right; width:70px; height:210px; background:#eeeef3; line-height:210px; text-align:center; font-size:30px; color:#3f3b3d; -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_solution ul li:hover .fr .jia{ background:#c12d3a; color:#fff}
.n_solution ul li:hover .fr .con h5{ color:#c12d3a}

.n_solution_detail{ padding:75px 0 15px}
.n_solution_detail .title{ padding-bottom:26px; border-bottom:#eeeef3 3px solid; text-align:center; margin-bottom:45px;}
.n_solution_detail .title h3{ font-size:30px; color:#3f3b3d; margin-bottom:18px;}
.n_solution_detail .title h6{ font-size:14px; color:#c2c2c4}

.n_jx{ padding:78px 0 92px}
.n_jx ul{margin: 0 -7.5px;overflow:hidden;margin-bottom: 32px;}
.n_jx ul li{padding: 0 7.5px;float:left;width:33.333333%;margin-bottom: 35px;}
.n_jx ul li .figure{ -moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_jx ul li .img,.n_jx ul li .img img{ width:390px; height:265px; overflow:hidden}
.n_jx ul li .con{height: 45px;b;padding: 0 10px;text-align:center;position:relative;line-height: 45px;margin-top: -45px;width: 390px; -moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_jx ul li .con h5{font-size:14px;color: #fff;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_jx ul li .con h6{ font-size:14px; color:#38393a; line-height:23px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_jx ul li .figure:hover{ box-shadow:0 0 10px rgba(0,0,0,0.15)}
.n_jx ul li .con{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
:root .n_jx ul li .con{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
:root .n_jx ul li .con{filter:none;}/*for IE9*/
.n_jx ul li .figure:hover .con{ background:rgba(193,45,58,0.8)}

.n_news01{ padding:85px 0 85px;}
.n_news01 .ul{ font-size:0; margin:0 -37px; margin-bottom:40px}
.n_news01 .ul li{display:inline-block; *display:inline; *zoom:1; width:33.333333%; padding:0 37px; margin-bottom:50px; }
.n_news01 .ul li .box{ position:relative; border-bottom:#ece9e9 1px solid}
.n_news01 .ul li .box:after{ content:""; position:absolute; right:0; width:0; height:3px; background:#c12d3a; -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_news01 .ul li .box:hover:after{ left:0; width:100%}
.n_news01 .ul li .img,.n_news .ul li .img img{width: 350px;height: 200px;overflow:hidden;}
.n_news01 .ul li .con{padding: 40px 12px 30px;}
.n_news01 .ul li .con h5,.n_news01 .ul li .con h5 a{font-size:18px;color: #333333;}
.n_news01 .ul li .con h5 a:hover,.n_news01 .ul li .con>a:hover{ color:#c12d3a}
.n_news01 .ul li .con p{font-size:13px;line-height:22px;height:44px;overflow:hidden;color: #8b8b8b;margin: 18px 0 30px;}
.n_news01 .ul li .con span{font-size:12px;color: #2d2d2d;text-decoration:underline;}
.n_news01 .ul li .con>a{ float:right; font-size:14px; color:#8b8b8b; text-decoration:underline}

.n_zizhi{ padding:90px 0 85px}
.n_zizhi ul{margin: 0 -10px;overflow:hidden;margin-bottom: 45px;}
.n_zizhi ul li{padding: 0 10px;float:left;width:25%;margin-bottom: 28px;}
.n_zizhi ul li .figure{width: 100%;height: 245px;border:#dcdcdc 2px solid;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.n_zizhi ul li .img{width:100%;height: 200px;line-height: 200px;overflow:hidden;text-align:center;}
.n_zizhi ul li .img img{ max-width:200px; max-height:140px; overflow:hidden; display:inline-block}
.n_zizhi ul li .con{padding: 0;text-align:center;position:relative;}
.n_zizhi ul li .con h5{font-size: 15px;color: #66635f;margin-bottom:5px;padding: 0 35px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zizhi ul li .con h6{ font-size:14px; color:#38393a; line-height:23px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_zizhi ul li .figure:hover{ box-shadow:0 0 10px rgba(0,0,0,0.15); border:#c12d3a 2px solid}

.n_contact{padding: 70px 0 0;}
.n_contact .fl01{width: 100%; }
.n_contact .title00{padding-bottom:28px;margin-bottom:28px;text-align:center;background: url(../images/line02.png) center bottom no-repeat;}
.n_contact .title00 h3{ font-size:22px; color:#4b4b4d; }
.n_contact .fl01 .con{padding: 0;overflow: hidden;margin-bottom: 33px;}
.n_contact .fl01 .con .ar_article p{margin-bottom: 28px;text-align: center;font-size: 15px;color: #565658;line-height: 24px;}
.n_contact .fl01 .con h3{ padding:18px 0 0}
.n_contact .fl01 .con .right{float: left;width: auto;height:367px;position:relative;}
.n_contact .fl01 .con .right img{float:  right;margin: 0;}
.n_contact .fl01 .con  ul{text-align: center;font-size: 0;}
.n_contact .fl01 .con ul li{display:inline-block; *display:inline;*zoom:1;margin-left: 0;text-align: center; margin:0 14px}
.n_contact .fl01 .con ul li h6{ height:36px; line-height:36px; text-align:center; font-size:14px; color:#545353;}
.n_contact .fl01 .con ul li .img{width: 129px;height: 129px;line-height: 129px;display:  inline-block;border: #e9e9e9 1px solid;text-align: center;}
.n_contact .fl01 .con ul li .img img{width: 100px;height: 100px;display:  inline-block;}
.n_contact .fl01 .con ul li .con01{font-size: 14px;line-height: 40px;color: #89898d;text-align:  center;}

.n_dinggou{ padding:90px 0 125px;}

.n_dinggou ul{ font-size:0; margin:0 -40px;}
.n_dinggou ul li{ padding:0 40px; display:inline-block; width:50%}
.n_dinggou ul li a{ display:block; height:145px; border:#e5e5e5 1px solid;}
.n_dinggou ul li a .con{ float:left; width:275px; padding:45px 0 0 64px}
.n_dinggou ul li a .con h3{ font-size:24px; color:#292929; margin-bottom:10px}
.n_dinggou ul li a .con h5{ font-size:14px; color:#9f9d9d; text-decoration:underline;}
.n_dinggou ul li a .img{ float:right}
.n_dinggou ul li a:hover h5{ color:#c12d3a}

.n_zl{ padding:75px 0 80px}
.n_zl ul{font-size:0;margin:0 -15px;margin-bottom: 40px;}
.n_zl ul li{ display:inline-block; width:33.333333%; padding:0 15px; margin-bottom:56px;}
.n_zl ul li .img,.n_zl ul li .img img{ width:380px; height:235px; overflow:hidden}
.n_zl ul li .con{ width:380px; height:152px; border:#e7e7ec 1px solid; padding:36px 22px 22px}
.n_zl ul li .con h5{ font-size:18px; color:#343434; margin-bottom:22px;}
.n_zl ul li .con p{ font-size:14px; line-height:24px; height:48px; color:#b0b1b4}
.n_zl ul li .more{ height:50px; line-height:50px; background:#e7e7ec; font-size:15px; color:#434343; text-align:center; -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_zl ul li .more img{ margin-left:12px;}
.n_zl ul li .more img.img02{ display:none}
.n_zl ul li .figure:hover .more{ background:#c12d3a; color:#fff}
.n_zl ul li .figure:hover .more img.img01{ display:none}
.n_zl ul li .figure:hover .more img.img02{ display:inline-block}
.n_zl ul li .con h5:hover{ color:#c12d3a}

.n_zhaopin .fl01{ padding:90px 0 40px; background:url(../images/line03.png) center bottom no-repeat; margin-bottom:50px;}
.n_zhaopin .fl02{ position:relative; padding-bottom:80px;}
.n_zhaopin .fl02 h3{ font-size:24px; color:#3f3b3d; text-align:center; margin-bottom:60px;}
.n_zhaopin .slider-nav{ margin:0 -15px;}
.n_zhaopin .slider-nav .miso-slide{ padding:0 15px;}
.n_zhaopin .slider-nav .top{text-align:  center;height:140px;background:#eeeef3;padding: 40px 15px 0; border-top-left-radius:5px; border-top-right-radius:5px}
.n_zhaopin .slider-nav .top h4{font-size:24px;color:#3f3b3d;margin-bottom: 20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zhaopin .slider-nav .top h5{ font-size:14px; color:#959397}

.n_zhaopin .slider-nav .miso-slide .ar_article{padding: 2.75rem 3.375rem 2.75rem 2.375rem;border: #e5e5e5 1px solid;background:#fff;text-align:left;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.n_zhaopin .slider-nav .miso-slide .ar_article .ar_article_scroll{height: 16.5rem;overflow-y:scroll;margin-right:-1.5rem;padding:0 1.5rem 0 0;}
.n_zhaopin .slider-nav .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar {width:2px;height:2px; background:#ebebeb}
.n_zhaopin .slider-nav .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:#ebebeb}
.n_zhaopin .slider-nav .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb {border-radius:10px; background:#b92d40}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .top{ background:#c12d3a;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .top h4{ color:#fff;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .top h5{ color:#fff;}
.n_zhaopin .slider-nav .miso-slide .ar_article .ar_article_scroll p{ font-size:13px; color:#8c8a88}

.n_zhaopin .fl02:before{content:"";position:absolute;background:#eeeef3;left:0;bottom:0;width:100%;top: 225px;}
.n_zhaopin .miso-prev,.n_zhaopin .miso-next{width:34px;height:34px;background-size:100% 100%;z-index:1000;margin-top: -17px;}
.n_zhaopin .miso-prev{ left:-3.75rem; background:url(../images/left.png) center no-repeat;}
.n_zhaopin .miso-next{ right:-3.75rem; background:url(../images/right.png) center no-repeat;}

.n_peidai{ padding:90px 0 80px;}
.n_peidai ul{ font-size:0; margin:0 -30px; margin-bottom:30px;}
.n_peidai ul li{ display:inline-block; width:50%; padding:0 30px; margin-bottom:46px;}
.n_peidai ul li .box{ padding:22px; border:#eeeeee 1px solid; -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_peidai ul li .box:hover{ border:#c12d3a 1px solid;}
.n_peidai ul li .box .top{ overflow:hidden; margin-bottom:25px;}
.n_peidai ul li .box .top .img, .n_peidai ul li .box .top .img img{ float:left; width:230px; height:145px; overflow:hidden}
.n_peidai ul li .box .top .con{ float:right; width:294px; height:145px; background:#eeeef3; padding:38px 28px 0 26px;}

.n_peidai ul li .box .top .con h5{ font-size:18px; color:#2b2a2b; margin-bottom:22px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_peidai ul li .box .top .con p{ font-size:14px; color:#8b8d92}
.n_peidai ul li .box .bottom h6{ font-size:15px; color:#8b8d92; line-height:32px; padding:0 0 0 25px;}
.n_peidai ul li .box .bottom h6 img{ margin:-3px 3px 0 35px; }
.n_peidai ul li .box .bottom h6 a{ font-size:13px; color:#c12d3a}


#n_dsj{background:url(../images/bg_dsj.png) center top repeat-y;padding: 60px 0 88px;}
#n_dsj .content{ position:relative}
#n_dsj .content:before{ content:""; position:absolute; width:1px; left:50%; height:100%; top:0; margin-left:-0.5px; background:#d8d8d8; }
#n_dsj dl{position:relative;padding: 55px 0;border-bottom:  #e4e4e4 1px solid;}
#n_dsj dl:before{content:"";position:absolute;background:#f1f3f6;height:100%;left: 50%;width: 0;top: 0;margin-left: -1000px; -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_dsj dt{ display:block; border-bottom:1px solid #e4e5e9; padding-bottom:10px;}
#n_dsj dt h1{position:absolute; top: 80px; right:auto; left: 635px; display:block; }
#n_dsj dt h1 strong{font-size: 24px;color: #66635f;}
#n_dsj .dd{display:block;width:100%;position:relative;min-height: 174px;background: url(../images/right002.png) 592.5px 75px no-repeat;}
#n_dsj .dd .pic_box{position:absolute;top:0;left: 220px;}
#n_dsj .dd .pic_box img{width: 319px;height: 174px;display:block;}
#n_dsj .dd .text_box {width: 345px;position:absolute;right: 180px;top:0;}
#n_dsj .dd .text_box .box{ position:relative;}
#n_dsj .dd .text_box h3{font-size: 30px;font-weight:bold;display:block;color: #c12d3a;margin-bottom: 32px;line-height: 30px;}
#n_dsj .dd .text_box h3 small{font-size:16px;color:#686868;font-weight:  normal;margin-left: 3px;}
#n_dsj .dd .text_box p{overflow:hidden;font-size:14px;line-height:30px;color: #555555;}
#n_dsj .dd.left_box{background: url(../images/bg_dsj_li_right.png) 588px  0px no-repeat;}

#n_dsj dl:hover:before{ width:2000px;}


#n_dsj .dd.right_box{}
#n_dsj .dd.right_box .box{text-align:left;width: 345px;}
#n_dsj .dd .pic_box{-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_dsj .dd.right_box .pic_box{left:auto;right: 220px;border: 3px solid rgb( 231, 233, 235 );-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_dsj .dd.right_box .text_box{right:auto;left: 180px;}
#n_dsj .dd.right_box .text_box h1{ left:auto; right:-190px; text-align:right;}
#n_dsj .dd .text_box h1 strong{ position:relative; display: inline-block;}
#n_dsj .dd .text_box h1 strong::before {position: absolute;top: 0;left: 0;overflow: hidden; max-width: 0;color: #004785;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}
#n_dsj .dd:hover .text_box h1 strong::before,#n_dsj .dd:focus .text_box h1 strong::before {max-width: 100%;}
#n_dsj .dd:hover .pic_box{}
#n_dsj .dd.right_box .text_box p{ text-align:right;}
#n_dsj .dd.first{ padding-top:110px; background:url(../images/bg_dsj_li_right.png) 592px 115px no-repeat;}
#n_dsj .dd.first .pic_box{ top:110px;}
#n_dsj .dd.first:hover .pic_box{ top:120px;}
#n_dsj  dl.left_section dt h1{display:block;right: 610px;left: auto;}
#n_dsj_box .bnt_more{ }
#n_dsj_box .bnt_more a{ background:#66635f url(../images/bg_dsj_last.png) center no-repeat; display:block; margin:0px auto; height:40px; width:40px; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -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_dsj_box .bnt_more a:hover{ background:#333 url(../images/bg_dsj_last.png) center no-repeat;}
#n_dsj h2{ border-bottom:#e4e4e4 1px solid; height:144px; line-height:144px; font-size:30px; font-family:Futura Bk BT; text-align:center; color:#c12d3a; text-transform:uppercase}


.n_news_detail{padding: 60px 0 50px;}
.n_news_detail .left{float:left;width: 718px;}
.n_news_detail .title{margin-bottom: 40px;overflow: hidden;border-bottom:  #e0e0df 1px solid;}
.n_news_detail .title .time{ float:left; width:72px; height:90px; background:#66635f; padding:10px 0 0; text-align:center}
.n_news_detail .title h3{ font-size:24px; color:#fff; line-height:44px;}
.n_news_detail .title h5{ font-size:14px; color:#fff}
.n_news_detail .title .time{ float:left; width:72px; height:90px; background:#66635f}
.n_news_detail .title h6 b{font-size:12px;line-height:36px;font-weight:normal;color:#2d2d2d;margin-right: 15px;}
.n_news_detail .ar_title{float: right;width: 100%;padding: 0;position:relative;}
.n_news_detail .ar_title:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;background:#66635f;display: none;}
.n_news_detail .ar_title h6{ color:#8c8a88; font-size:14px;}
.n_news_detail .ar_title h3{font-size: 24px;color: #363636;font-weight:  bold;margin-bottom: 28px;}
.n_news_detail .ar_title h6 span{position:relative;font-size: 13px;color: #6b6b6b;display:inline-block;height: 50px;line-height: 40px;font-weight:normal;}
.n_news_detail .ar_title h6 span i{position:absolute;left:0;bottom: -2px;width:100%;height:2px;background-color: #59a058;}
.n_news_detail .right{float:right;width: 430px;box-sizing:border-box;padding: 32px 0 50px;background: #f7f7f7;}
.n_news_detail .right h4{font-size: 18px;color: #66635f;height: 64px;line-height: 64px;margin-bottom: 10px;padding: 0 20px 0 40px;}
.n_news_detail .right h4 big{ font-size:30px; color:#c12d3a; text-transform:uppercase; font-family:Futura Bk BT}
.n_news_detail .right h4 img{ margin:0 10px 0 5px;}
.n_news_detail .right .first .img,.n_news_detail .right .first .img img{ width:300px; height:150px;}
.n_news_detail .right .first .con{ padding:38px 24px; background:#fff}
.n_news_detail .right .first .con h5 a{ font-size:16px; color:#1b1b1b}
.n_news_detail .right .first .con h6{ font-size:12px; color:#a8a8a8; margin:18px 0 22px; text-decoration:underline}
.n_news_detail .right .first .con p{ font-size:14px; line-height:26px; overflow:hidden; height:52px; color:#797979; margin-bottom:22px;}
.n_news_detail .right .first .con .more{}
.n_news_detail .right .first .con .more a{ display:inline-block; width:130px; height:38px; line-height:38px; text-align:center; margin:0 auto; font-size:14px; color:#fff; background:#187b42; position:relative; overflow:hidden}
.n_news_detail .right .first .con .more a:before{ content:""; position:absolute; left:0; bottom:0; height:0; background:#115a2f; width:100%; -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:0}
.n_news_detail .right .first .con .more a:hover:before{ top:0; height:50px;}
.n_news_detail .right .first .con .more a span{ position:relative; z-index:1}

.n_news_detail .right ul{ padding: 0 20px 15px;}
.shart_box{display:inline-block;margin-top: -66px;background:url(../images/icon_share.png) left center no-repeat;float: right;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 26px;position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

#ar_fot{position:relative;float:left;box-sizing: border-box;width: 100%;line-height: 50px;border-top: #c12d3a 1px solid;padding: 0;margin-top: 20px;}
#ar_fot h1{display:block;width: 50%;font-size: 14px;color: #a3a2a0;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin-top: -3px;padding: 18px 0 0;}
#ar_fot h1 a{font-size: 14px;color: #a3a2a0;font-weight:normal;}
#ar_fot h1 a:hover{color: #66635f;}
#ar_fot h1:before{ content:""; position:absolute; right:0; top:0; width:0; height:3px; background:#66635f; -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;}
#ar_fot h1:hover:before{ width:100%; left:0}
#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 a,#ar_fot span{}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fr{ text-align:right}

.notice .tab-hd {height: 40px;margin-bottom: 28px;border-bottom: #efefef 1px solid;}
.notice .tab-hd ul {padding: 0;background: #fff url(../images/line04.png) center no-repeat;margin: 0 20px;}
.notice .tab-hd li{float: left;line-height: 65px;height: 65px;text-align:center;margin-right: 20px; cursor:pointer}
.notice .tab-hd li a{display:block;height: 65px;font-size: 16px;color: #9d9b99;}
.notice .tab-hd li a span{ display:inline-block; height:65px; line-height:65px;}
.notice .tab-hd li a:hover{}
.notice .tab-hd li.miso-current a span{border-bottom: #c12d3a 2px solid;}
.notice .tab-hd li.miso-current a{ color:#363636}

.notice .tab-bd{ margin:0 5px;}
.notice .tab-bd li{ padding:36px 0; border-bottom:#dad9d9 1px solid}
.notice .tab-bd li h5,.notice .tab-bd li h5 a{ font-size:17px; color:#363636}
.notice .tab-bd li p{ font-size:12px; color:#a2a09e; line-height:20px; height:40px; overflow:hidden; margin:20px 0 36px;}
.notice .tab-bd li span{ font-size:18px; color:#d2d2d1}
.notice .tab-bd li .more{ float:right}
.notice .tab-bd li .more a{ float:right; font-size:12px; color:#66635f; text-transform:uppercase}
.notice .tab-bd li h5 a:hover,.notice .tab-bd li .more a:hover{ color:#c12d3a}


.form_sousuo{position:relative;display:inline-block;margin-top: 0;margin: 3px 0 0 30px;}
.form_sousuo .input{width: 700px;height: 50px;background: #f9f9f9; border:#e6e6e6 1px solid}
.form_sousuo .input input{width:100%;height:100%;vertical-align:top;border:none;background:none;font-size: 14px;padding: 0 58px 0 15px;color: #686868;line-height: 40px;}
.form_sousuo .input input::-webkit-input-placeholder{ color:#a9a9a9;}
.form_sousuo .input input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#a9a9a9; }
.form_sousuo .input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#a9a9a9;}
.form_sousuo .input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a9a9a9;}
.form_sousuo #bnt_close{position:absolute;right: 12px;top: 0;bottom: 0;width: 33px;border:none;text-align:center;-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;cursor:pointer;background: none;background:url(../images/sousuo.png) center no-repeat;}

.sousuok{border-top:#efefef 1px solid;padding: 100px 0 70px;text-align:center;}

.sanji01{margin-top: -28px; text-align:center; border-bottom:#dadada 1px solid; margin-bottom:50px;}
.sanji01 ul{font-size: 0;}
.sanji01 ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin: 0 30px;}
.sanji01 ul li a{font-size:16px;color:#4f4f52;display:inline-block;padding-bottom:14px;position:relative;height: 55px;line-height: 53px;text-align: center;background: #fff;}
.sanji01 ul li a:hover{ color:#c12d3a;}
.sanji01 ul li a:before{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #c12d3a;-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;}
.sanji01 ul li.on a:before,.sanji01 ul li:hover a:before{ left:0; width:100%}


.n_sousuo{ padding-bottom:80px}
.n_sousuo h3{ font-size:15px; color:#4c4c4c; margin-bottom:56px;}

.n_sousuo ul li{ margin-bottom:46px}
.n_sousuo ul li h5{ font-size:17px; color:#c12d3a; font-weight:bold; margin-bottom:14px}
.n_sousuo ul li h5 a{ color:#c12d3a;}
.n_sousuo ul li p{ font-size:14px; color:#707070; line-height:26px;}

.n_sousuo ul li h5 a:hover{ color:#9d2530}


header .menu-btn{position:relative;width: 85px;height: 85px;cursor: pointer;float:right;z-index:2;background: #c12d3a;}
header .menu-btn:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:#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;}
/*header .menu-btn:hover:before{ left:0; width:100%; transition-delay:0}*/
header .menu-btn .icon{position:absolute;left:50%;top:50%;width: 24px;transform: translateX(-50%) translateY(-10px);-o-transform: translateX(-50%) translateY(-10px);-ms-transform: translateX(-50%) translateY(-10px);)}
header .menu-btn .icon span{width: 24px;height: 2px;background: #fff;display: block;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;}
header .menu-btn .icon span.span02{margin: 7px 0;}
header .menu-btn:hover span{}
header .menu-btn.on .icon span.span01{transform: rotate(45deg) translateX(4px) translateY(-2px);-webkit-transform: rotate(45deg) translateX(4px) translateY(-2px);transition-delay:0.3s;transform-origin: 3px;}
header .menu-btn.on .icon span.span03{transform: rotate(-45deg) translateX(4px) translateY(2px);-webkit-transform: rotate(-45deg) translateX(4px) translateY(2px);transition-delay:0.3s;transform-origin: 0px;}
header .menu-btn.on .icon span.span02{ width:0;}
header .menu-btn .icon:hover span.span02{ width:14px}
header .menu-btn.on .icon:hover span.span02{ width:0}

/*网站地图*/

.top_box{position:fixed;top:0;left: 0;width:100%;height:100%;z-index:1000000;pointer-events: none;-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;}
.top_box a.boxclose{position: absolute;right: 3.5rem;top:2rem;z-index:10000;-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;cursor:  pointer;opacity: 0;}
.top_box a.boxclose:hover{position:fixed;z-index:100;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}

.c-menu__bg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	visibility:hidden;
	z-index: 0;
	-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;
}

.c-menu__bg:after {
	content: '';
	display: block;
	left: 0;
	position: absolute;
	top: -140vh;
	width: 200vh;
	height: 200vh;
	transform: rotate(45deg);
	background: #112038;
	display:none
}

.c-menu__bg:before {
	background: #c12d3a;
	background-size:cover;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.has-active-menu .c-menu__bg {
	left: 0;
	pointer-events:auto;
	visibility:visible;
	width: 100%;
}

.top_box.has-active-menu{pointer-events:auto;visibility:visible;left: 0;}

.top_box.has-active-menu a.boxclose{opacity: 1;transition-delay: 0.6s;}


.lwy_box{width: 0;height:100%;font-size:0;position:relative;-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;left: -100vw;}
.lwy_box .w1210{ height:100vh}
.has-active-menu .lwy_box{width:100%;height:100%;display:block;position: relative;z-index: 1000;text-align: center;left: 0;padding: 0 100px;}
.lwy_box .am-container01,.lwy_box .am-container01 .am-g,.lwy_box .am-container01 .am-g .am-u-lg-12{ height:100%;}
.lwy_box .table .table_cell .line{ position:relative;}
.lwy_box .table .table_cell .line:before{content:"";position:absolute;top: 50px;left: 50%;width: 2000px;margin-left: -1000px;height:1px;background: rgba(255,255,255,0.13);}
.lwy_box dl{display:inline-block;text-align: left;margin: 0 2.5rem;}
.lwy_box .dl_box{}
.lwy_box dl dt{font-size: 16px;color:#fff;margin-bottom: 60px;text-transform:uppercase;}
.lwy_box dl dt a{ color:#fff; position:relative}
.lwy_box dl dt a:hover{ text-decoration:  underline;}
.lwy_box dl dt a:before{content:"";position:absolute;left:0;bottom: 20px;width:100%;height:3px;}
.lwy_box dl dt a:after{content:"";position:absolute;left:0;bottom: -36px;width:0;height:3px;background: #ffffff;-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;border-radius: 1.5px;}
.lwy_box dl:hover dt a:after{ width:100%}
.lwy_box dl dd{height: 36px;line-height: 36px;}
.lwy_box dl dd a{font-size: 14px;color: rgba(255,255,255,0.6);}
.lwy_box dl dd a:hover{ color:#fff}
.lwy_box .nav_duoyu{ margin-top:2.5rem}
.lwy_box .nav_duoyu ul li{ display:inline-block; margin:0 0.4375rem;}
.lwy_box .nav_duoyu ul li a{ display:inline-block; border:#747475 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:11.5625rem; height:3.4375rem; line-height:calc(3.4375rem - 2px); font-size:0.8125rem; color:rgba(255,255,255,0.65); text-transform:uppercase; position:relative; overflow:hidden;}
.lwy_box .nav_duoyu ul li a span{ position:relative; z-index:10}
.lwy_box .nav_duoyu ul li a:hover{ color:#fff; border:#e24821 1px solid}
.nav_duoyu ul li:nth-child(1){ display:none}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

.logo001{ margin-bottom:6.875rem}

.lwy_box ul{margin-top:8.75rem;padding: 0 5rem;}
.lwy_box ul li{padding: 0;-webkit-transition: -webkit-transform 0.6s ease-in-out;-moz-transition: -moz-transform 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;text-align: center;}
.lwy_box li .con h4{font-size: 15px;color: rgba(255,255,255,0.35);text-transform:uppercase;margin-bottom:18px;font-family: Californian FB;}
.lwy_box ul li .con h3{font-size: 16px;color: rgba(255,255,255,0.75);margin: 20px 0 8px;}
.lwy_box ul li .box{ position:relative; text-align:center}
.lwy_box ul li .box .icon{border:rgba(222,223,224,0.75) 1px solid;border-radius:100%;display:inline-block;width:4.6875rem;height:4.6875rem;text-align:center;line-height: 4.6875rem;}
.lwy_box ul li .box .icon img{display:inline-block;margin-top: -3px;}
.lwy_box .miso-prev, .lwy_box .miso-next{ width:8px; height:15px;}
.lwy_box .miso-prev{ background:url(../images/left.png) center no-repeat; left:0}
.lwy_box .miso-next{ background:url(../images/right.png) center no-repeat; right:0}

.page-content{position:relative;padding: 0;}
.page-content .container{position: fixed;left:50%;margin-left:-272px;width:544px;box-shadow:0 0 20px rgba(0,0,0,0.15);border-radius:15px;padding: 48px 90px 48px;top: 50%;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.page-content .container .login-form h3.form-title{ font-size:40px; color:#333; font-weight:bold; margin-bottom:34px}
.page-content .container .login-form .form-group{ margin-bottom:28px; position:relative}
.page-content .container .login-form .form-group .control-label{ width:100%; display:block; font-size:16px; color:#333; line-height:30px;}
.page-content .container .login-form .form-group input{width:100%;display:block;font-size:16px;color:#999;height:50px;border: #d3d3d3 1px solid;line-height:48px;padding:0 20px;border-radius:4px;background:none;outline:none;}
.rememberme{ display:none}
.forget-password{width:100%;display:block;font-size:16px;color:#333;line-height:30px;text-decoration:underline;margin: -20px 0 30px;}
.form-actions button{height:50px;line-height:50px;text-align:center;font-size:20px;color: #ffff;background:#f66f6a;border-radius:4px;border:none;outline:none;display:block;width:100%; cursor:pointer}
.create-account a{width:100%;display:block;font-size: 18px;color:#333;line-height:30px;text-decoration:underline;margin: 27px 0 0;text-align:center;}

.forget-password:hover,.create-account a,.page-content .container .login-form .form-group .control-label font{ color:#c12d3a}
.form-actions button:hover{ background:#c12d3a}

#dr_code_img,.dr_code_img{ position:absolute; top:0; right:0}

.page-content .container .login-form p{ width:100%; display:block; font-size:14px; color:#333; line-height:30px; margin-bottom:20px}
.page-content .container .login-form .form-control{ width:100%; display:block; font-size:16px; color:#333; line-height:30px;}

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

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



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

@media(max-width: 1660px){
	header .logo{ padding:0 0 0 30px}
}

@media(max-width: 1490px){
	nav ul li{ padding-right:20px}
}

@media(max-width: 1440px){
	nav ul li{ padding-right:10px}
}

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

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

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

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

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

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