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


.header{width: 100%;height: 100px;top: 50px;left: 50%;z-index: 4777;padding: 0;}
.header:before{ content:""; position:absolute; top:0; left: 50%;margin-left:-600px; width:1200px; height:70px; 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 .h-container{padding: 0;width: 1200px;margin: 0 auto;}
.header .logo {display: block;float: left;width: 120px;height: 100px;line-height: 100px;position:relative;}

.header.width{position:fixed;top:0;width: 100%;margin-left: -50%; }
.header.width:before{ width:100%; margin-left:-50%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; border-bottom:#f3f3f5 1px solid}

.nav{ float: right; position:relative}
.nav li{ position: relative; float: left; display: block; margin-left: 20px;}
.nav>ul>li>a{display: block;height: 100px;line-height: 100px;text-align: center;padding: 0px 0px;position: relative;z-index: 1;font-size: 16px;color: #434343;}
.nav>ul>li>a:before {content: "";width: calc(100% - 30px);height: 3px;background-color: #ee1c25;position: absolute;left: 15px;bottom: 0px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);transition: transform .3s cubic-bezier(.4,0,.2,1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility:hidden\9;}
.nav>ul>li>a:hover:before,.nav>ul>li.on>a:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}


.banner{position:relative;z-index:1;height: 610px;background:#000;}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .table{text-align:left;}
.banner .miso-list li h1{font-size: 2.575rem;color:#fff;font-family: DINOT;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);text-transform:uppercase;line-height: 2.5rem;margin-bottom: 4.75rem;text-align: center;font-weight: 600; position:relative}
.banner .miso-list li h1:before{content:"";position:absolute;left:50%;margin-left:-1.5px;bottom: -2.875rem;width:3px;height:1.5625rem;background:#fff;}
.banner .miso-list li h5{text-align:  center;font-size: 3.125rem;color: #fff;5)line-height:1.625rem;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);font-weight: bold;}
.banner .miso-list li a{display:inline-block;width:13.75rem;line-height:3.75rem;height:3.75rem;text-align:center;font-size:0.875rem;color:#fff;font-weight:bold;text-transform:uppercase;background:#e24821;overflow:  hidden;}
.banner .miso-dots{z-index:1000;width: 100%;bottom: 30px;}
.banner .miso-dots li{width: 20px;height: 20px;background: none;margin: 0 30px; position:relative}
.banner .miso-dots li:before{content:"";position:absolute;right: -58px;width:55px;height:1px;background:rgba(255,255,255,0.4);top:50%;margin-top: -1px;}
.banner .miso-dots li:last-child:before{ display:none}
.banner .miso-dots li button{font-size:18px;color:#fff;display:  block;width:  100%;height:  20px;line-height: 20px;background:  none;border: none;}
.banner .miso-dots li.miso-active button{ color:#f0161b}
.banner .miso-prev,.banner .miso-next{ z-index:100000; width:65px; height:65px; opacity:0.55; margin-top:-32.5px;}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}

.container01{background:#f3f3f5;overflow:hidden;padding: 0 0 85px;}
.container01 .fl{ float:left; width:802px; padding:120px 0 0; position:relative; z-index:1}
.container01 .fl .title{ margin-bottom:45px;}
.container01 .fl .title h4{ font-size:22px; color:#211d1e; margin-bottom:10px;}
.container01 .fl .title h3{ font-size:36px; color:#ee1c25; text-transform:uppercase}
.container01 .fl p{ width:582px; font-size:14px; color:#727273; line-height:30px; margin-bottom:65px;}
.container01 .fl ul{ overflow:hidden; padding:24px 0 44px; font-size:0; text-align:center; background:#fff}

.container01 .fl ul li{ display:inline-block; *display:inline; *zoom:1; width:188px;}
.container01 .fl ul li h3{ height:72px; line-height:72px;}
.container01 .fl 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;}
.container01 .fl ul li:hover h3 img{transform: rotatey(180deg);-webkit-transform: rotatey(180deg);-moz-transform: rotatey(180deg);}
.container01 .fl ul li h5{ font-size:16px; color:#0b0708;}
.container01 .fl ul li:hover h5{ color:#ee1c25}
.container01 .fl .more a{ height:45px; line-height:45px; width:220px; background:#ee1c25; display:inline-block; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; text-align:center; font-size:14px; color:#fff; text-transform:uppercase; padding-right:30px; position:relative; overflow:hidden}
.container01 .fl .more a:before{ content:""; position:absolute; width:22px; height:9px; right:44px; top:50%; margin-top:-4.5px; background:url(../images/jiantou.png) center no-repeat; -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 .fl .more a:hover:before{ right:-30px;}
.container01 .fl .more a:hover{ padding-right:0; background:#ce1a22}
.container01 .fr{ width:355px; position:relative; z-index:0}
.container01 .fr img{ float:right}


.container02{}
.container02 ul{overflow:hidden;}
.container02 ul li{ float:left; width:25%;}
.container02 ul li .img{float:left;width: 100%;position:relative; overflow:hidden}
.container02 ul li .img img{ width:100%; -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;}
.container02 ul li:hover .img img{ transform:scale(1.05);}
.container02 ul li .img:before{ content:""; position:absolute; left:50%; width:0; height:100%; bottom: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; background:#c4ac91}
.container02 ul li .img:hover:before{ width:100%; left:0}

.container02 ul li .con{ position:absolute; top:0; left:0; width:100%; height:100%}
.container02 ul li .con .icon{height: 116px;line-height: 116px;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.container02 ul li .con h4{font-size: 20px;color:#ffffff;margin-bottom: 10px;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;}
.container02 ul li .con h5{ font-size:12px; color:rgba(255,255,255,0.4); text-transform:uppercase; -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; position:relative; margin-bottom:60px;}
.container02 ul li .con h5:before{content:"";position:absolute;width: 22px;height:2px;background: #db0d12;bottom:-25px;left:50%;margin-left: -11px;}
.container02 ul li .con p{ font-size:12px; line-height:24px; color:#fff}

.container02 ul li .con:before{ content:""; position:absolute; left:50%; width:0; height:100%; bottom: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;}
.container02 ul li .con:hover:before{ width:100%; left:0}


.container02 ul li .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCEE1C25', endColorstr='#CCEE1C25');background:rgba(238,28,37,0.8); }
:root .container02 ul li .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00EE1C25', endColorstr='#00EE1C25');}/*for IE9*/ 
:root .container02 ul li .con:before{filter:none;}/*for IE9*/
.container02 ul li .con .table{ position:relative}

.container03{ overflow:hidden; padding:94px 0 85px; min-width:1200px;}
.container03 .title{ margin-bottom:75px; text-align:center}
.container03 .title h4{ font-size:22px; color:#211d1e; margin-bottom:14px;}
.container03 .title h3{ font-size:36px; color:#ee1c25; text-transform:uppercase}
.container03 ul{ overflow:hidden; margin:0 -15px;}
.container03 ul li{ float:left; width:33.333333%; padding:0 15px; margin-bottom:24px;}
.container03 ul li a{ display:block; position:relative; width:100%; height:100%}
.container03 ul li .img,.container03 ul li .img img{ width:380px; height:265px; overflow:hidden}
.container03 ul li .con{ position:absolute; top:28px; left:28px; bottom:28px; right:28px; padding:45px 45px; overflow:hidden}

.container03 ul li a .con:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0; -moz-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container03 ul li a .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2F0161B', endColorstr='#B2F0161B');background:rgba(240,22,27,0.7);}
:root .container03 ul li .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00F0161B', endColorstr='#00F0161B');}/*for IE9*/
:root .container03 ul li .con:before{filter:none;}/*for IE9*/
.container03 ul li a:hover .con:before{ top:0; height:100%}
.container03 ul li .con .table{ position:relative}
.container03 ul li .con h5{ font-size:18px; color:#fff; margin-bottom:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; margin-top:100%; -moz-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container03 ul li .con p{ font-size:12px; color:rgba(255,255,255,0.8); line-height:18px; height:36px; overflow:hidden; margin-bottom:15px; position:relative}
.container03 ul li .con span{ height:27px; line-height:27px; width:99px; background:#fff; display:inline-block; text-align:center; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative}
.container03 ul li .con span img{ margin-top:-3px}
.container03 ul li:hover .con h5{ margin-top:0}

.container05{ padding:70px 0 70px; background:#f2f4f6; overflow:hidden}
.container05 .title{ margin-bottom:75px; text-align:center}
.container05 .title h4{ font-size:22px; color:#211d1e; margin-bottom:14px;}
.container05 .title h3{ font-size:36px; color:#ee1c25; text-transform:uppercase}

.container05 ul{max-width:1474px;margin:0 auto;overflow:hidden;padding-bottom: 100px;}
.container05 ul li{ padding:0 23px; float:left; width:33.33333%;}
.container05 ul li a{display:block;width:100%;height:100%;padding: 23px 23px 38px 23px;background:#fff;position:relative;border-top:#d7d7d7 3px solid;}
.container05 ul li a .top_box{ overflow:hidden; position:relative; margin-bottom:30px;}
.container05 ul li a .top_box .img{ width:70%; display:table-cell; overflow:hidden}
.container05 ul li a .top_box .img img{ width:100%}
.container05 ul li a .top_box .time{ width:30%; display:table-cell; background:#f3f3f3;}
.container05 ul li a .top_box .time .h{ position:absolute; left:70%; top:0; right:0; height:100%;}
.container05 ul li a .top_box .time h2{ font-size:54px; color:#333333; margin-bottom:10px;}
.container05 ul li a .top_box .time h5{ font-size:12px; color:#9c9c9c}
.container05 ul li a > h5{ font-size:18px; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:18px}
.container05 ul li a p{ font-size:13px; color:#8a8a8a; line-height:22px; height:44px; overflow:hidden;}

.container05 ul li a:before{ content:""; position:absolute; top:-3px; right:0; width:0; height:3px; background:#ee1c25; -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 a:before{ left:0; width:100%;}
.container05 ul li a .top_box .time:before{ content:""; position:absolute; top:0; right:0; width:0; height:100%; background:#ee1c25; -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 a .top_box .time:before{ left:70%; width:30%;}
.container05 ul li:hover a .top_box .time h2{ color:#fff;}
.container05 ul li:hover a .top_box .time h5{ color:#fff}
.container05 ul li a > h5:hover{ color:#ee1c25}

.container05 .more{text-align:center;margin-top: -50px;}
.container05 .more a{height:51px;line-height:49px;width:171px;border:#e5e5e5 1px solid;display:inline-block;text-align:center;font-size: 13px;color: #5f5b5b;text-transform:uppercase;padding-right:30px;position:relative;overflow:hidden;}
.container05 .more a:before{ content:""; position:absolute; width:22px; height:9px; right:44px; top:50%; margin-top:-4.5px; background:url(../images/jiantou02.png) center no-repeat; -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;}
.container05 .more a:hover:before{ right:-30px;}
.container05 .more a:hover{ padding-right:0; background:#ee1c25; color:#fff; border:#ee1c25 1px solid}

.container05 .miso-prev,.container05 .miso-next{z-index:100000;width: 50px;height: 50px;line-height: 48px;margin-top: 0;background:none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;top: auto;bottom: 0;}
.container05 .miso-prev:hover,.container05 .miso-next:hover{ opacity:1}
.container05 .miso-prev{left: 50%;margin-left: -160px;border: #e5e5e5 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 .miso-prev:hover{ border: rgb(238, 28, 37) 1px solid;background: rgb(238, 28, 37);}
.container05 .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size:24px;font-family:simsun;color: #5f5b5b;font-weight:  bold;}
.container05 .miso-prev:hover:before{ color:#fff}
.container05 .miso-next{right:50%;margin-right: -160px;border: #e5e5e5 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 .miso-next:hover{border: rgb(238, 28, 37) 1px solid;background: rgb(238, 28, 37);}
.container05 .miso-next:before{content:">";width:100%;height:100%;position:absolute;left:0;top:0;font-size:24px;font-family:simsun;color: #5f5b5b;font-weight:  bold;}
.container05 .miso-next:hover:before{ color:#fff}

.container06{ height:530px; overflow:hidden; padding:100px 0 0}
.container06 .title{ overflow:hidden; margin-bottom:55px;}
.container06 .title h3{ font-size:30px; color:#ffffff; height:51px; line-height:51px; float:left;}
.container06 .title h3 small{ font-size:24px; color:#fff; margin-left:12px}

.container06 .more{text-align:center; float:right}
.container06 .more a{height:51px;line-height:49px;width:171px;border:rgba(255,255,255,0.4) 1px solid;display:inline-block;text-align:center;font-size: 13px;color:rgba(255,255,255,0.8);text-transform:uppercase;padding-right:30px;position:relative;overflow:hidden;}
.container06 .more a:before{ content:""; position:absolute; width:22px; height:9px; right:44px; top:50%; margin-top:-4.5px; background:url(../images/jiantou03.png) center no-repeat; -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;}
.container06 .more a:hover:before{ right:-30px;}
.container06 .more a:hover{ padding-right:0; background:#ee1c25; color:#fff; border:#ee1c25 1px solid}

.container06 ul{ padding:18px 5px; background:#fff; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.container06 ul li .box{ padding:15px 65px; background:url(../images/line.png) right center no-repeat; position:relative;}
.container06 ul li .box:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:0; -moz-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background:#f0161b}
.container06 ul li:hover .box:before{ top:0; height:100%}
.container06 ul li .box h3{ font-size:24px; color:#242526; height:58px; line-height:58px; text-align:center; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container06 ul li .box h3 span{ position:relative;  }
.container06 ul li .box h3 span:before{ content:""; position:absolute; left:-52px; top:50%; margin-top:-0.5px; width:23px; height:1px; background:#f0161b}
.container06 ul li .box h3 span:after{ content:""; position:absolute; right:-52px; top:50%; margin-top:-0.5px; width:23px; height:1px; background:#f0161b}
.container06 ul li:hover .box h3 span:before{ background:#f67376}
.container06 ul li:hover .box h3 span:after{ background:#f67376}
.container06 ul li .box h5{ font-size:14px; color:#242526; margin-bottom:20px; text-align:center; position:relative}
.container06 ul li .box p{ font-size:14px; color:#7e7e7f; line-height:24px; height:48px; overflow:hidden; margin-bottom:20px; position:relative}

.container06 ul li:hover .box h3,.container06 ul li:hover .box h5,.container06 ul li:hover .box p{ color:#fff}

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


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

/*友情链接*/
.container10{ background:#353536; border-bottom:#4a4a4a 1px solid}
.container10 .w1200{padding: 10px 0;position:relative;}
.container10 .nav{float:left;width: 105px;font-size: 15px;color: #fff;height: 32px;line-height: 32px;padding: 0 0 0 20px;background: url(../images/icon_lj.png) 0 center no-repeat;}



.container10 ul{float:left;width: calc(100% - 230px);height: 50px;overflow:hidden;box-sizing: border-box;}
.container10 ul li{float:left;line-height: 33px;padding: 0 20px 0 0;height: 33px;overflow: hidden;}

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

.footer{padding: 24px 0 15px;background:#353536;overflow:hidden;}
.footer .logo{float:left;width:290px;border-right:#444446 1px solid;min-height: 78px;padding: 10px 0 0;}
.footer .left{float:left;width: 610px;min-height: 78px;padding:0 0 0 32px;}
.footer .left h4{ padding:0 0 0 24px; font-size:16px; color:#fff; background:url(../images/icon_ren.png) left center no-repeat; margin-bottom:24px; font-weight:bold}
.footer .left span{font-size:14px;color: #9a9a9b;line-height: 30px;display:block;}
.footer .left span a{ font-size:12px; color:#f0161b}
.footer .left span a img{margin: 6px 6px 0 10px;display:  inline-block;vertical-align: top;}
.footer .center{float: right;min-height: 78px;padding:0 0 0 0;text-align:center;}
.footer .center h3{ float:left}
.footer .center h5{ float:left; font-size:12px; color:#9a9a9b; line-height:24px; padding:20px 0 0 18px}

footer{ background:#2d2d30; height:45px; line-height:45px; text-align:center;}
footer p,footer p a{ font-size:12px; color:#686869; -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}


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


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

.header01{ height:110px; line-height:110px; background:url(../images/header01_bg.jpg) center no-repeat;}
.header01 .nav>ul>li>a{ height:110px; line-height:110px;}

.n_banner{ height:230px;}

.position{height: 70px;line-height: 70px;margin-top: -70px;}
.position .box{float:right;padding: 0 0 0 16px;background: url(../images/icon_home.png) left 29px no-repeat;}
.position .box a,.position .box span,.position .box em{ font-size:12px; color:#ffffff; font-style:normal; color:rgba(255,255,255,0.9); -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position .box em{ color:#000000}
.position .box span{ margin:0 7px;}
.position .box a:hover{ color:#ee1c25}

.n_about{ padding:38px 0 50px;}
.erji{ margin-bottom:60px;}
.erji ul{ text-align:center}
.erji ul li{display:inline-block;min-width: 170px;line-height:45px;height:45px;background:#f4f4f5;margin:0 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-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;}
.erji ul li a{display:inline-block;width:100%;height:45px;font-size:16px;color:#777777;-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;padding: 0 15px;}
.erji ul li:hover,.erji ul li.on{ background:#ee1c25 url(../images/bg.png) center no-repeat; }
.erji ul li:hover a,.erji ul li.on a{ color:#fff}


.n_item{ padding:38px 0 70px;}

.n_item .ul{ overflow:hidden; margin:0 -15px; margin-bottom:30px}
.n_item .ul li{ float:left; width:33.333333%; padding:0 15px; margin-bottom:24px;}
.n_item .ul li a{ display:block; position:relative; width:100%; height:100%}
.n_item .ul li .img,.n_item .ul li .img img{ width:380px; height:265px; overflow:hidden}
.n_item .ul li .con{ position:absolute; top:28px; left:28px; bottom:28px; right:28px; padding:45px 45px; overflow:hidden}

.n_item .ul li a .con:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0; -moz-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.n_item .ul li a .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2F0161B', endColorstr='#B2F0161B');background:rgba(240,22,27,0.7);}
:root .n_item .ul li .con:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00F0161B', endColorstr='#00F0161B');}/*for IE9*/
:root .n_item .ul li .con:before{filter:none;}/*for IE9*/
.n_item .ul li a:hover .con:before{ top:0; height:100%}
.n_item .ul li .con .table{ position:relative}
.n_item .ul li .con h5{ font-size:18px; color:#fff; margin-bottom:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; margin-top:100%; -moz-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.n_item .ul li .con p{ font-size:12px; color:rgba(255,255,255,0.8); line-height:18px; height:36px; overflow:hidden; margin-bottom:15px; position:relative}
.n_item .ul li .con span{ height:27px; line-height:27px; width:99px; background:#fff; display:inline-block; text-align:center; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative}
.n_item .ul li .con span img{ margin-top:-3px}
.n_item .ul li:hover .con h5{ margin-top:0}

/*====翻页====*/
.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: 33px;line-height: 31px;display:inline-block;margin: 0px 4px;color: #666666;font-size: 12px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;padding: 0 12px;border:  #dedede 1px solid;}
.j_pages a font{font-size:14px;color: #7b7b7b;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #ee1c25;color: #fff;border: #ee1c25 1px solid;}
.j_pages .page-active a{background: #ee1c25;color: #fff;border: #ee1c25 1px solid;}
.j_pages a:hover{background: #ee1c25;color:#fff!important;border:  #ee1c25 1px solid;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}


.n_product{ padding:38px 0 70px;}
.n_product .ul{ overflow:hidden; margin:0 -15px; margin-bottom:30px}
.n_product .ul li{ float:left; width:33.333333%; padding:0 15px; margin-bottom:24px;}
.n_product .ul li a{ display:block; position:relative; width:100%; height:100%}
.n_product .ul li .img,.n_product .ul li .img img{ width:380px; height:265px; overflow:hidden}
.n_product .ul li .con{ height:65px; line-height:65px; background:#eaebee; text-align:center; position:relative}
.n_product .ul li .con:before{ content:""; position:absolute; top:1px; left:0; width:100%; height:1px; background:#dcdcdc}
.n_product .ul li .con:after{ background:#ee1c25; width:50px; height:3px; content:""; position:absolute; top:0; left:50%; margin-left:-25px; -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 .ul li a:hover .con:after{ width:100%; margin-left:-50%}
.n_product .ul li .con h5{ padding:0 15px; font-size:16px; color:#6d6d6d}

.n_product_detail{ padding:38px 0 70px;}
.n_product_detail .fl01{ border:#eeeeee 1px solid; height:306px; overflow:hidden; margin-bottom:70px}
.n_product_detail .ul{ float:left; width:550px; height:306px;}
.n_product_detail .ul li.miso-slide{ text-align:center}
.n_product_detail .ul li.miso-slide img{ width:550px; height:306px; display:inline-block}
.n_product_detail .ul .miso-prev,.n_product_detail .ul  .miso-next{ width:19px; height:35px; top:50%; margin-top:-17.5px;}
.n_product_detail .ul .miso-prev{background:url(../images/left_prev.png) center no-repeat; left:20px; }
.n_product_detail .ul .miso-next{background:url(../images/right_next.png) center no-repeat; right:20px; }

.n_product_detail .con{float:left;width: 648px;height:306px;padding:58px 38px;}
.n_product_detail .con h4{ font-size:24px; color:#000000; margin-bottom:26px}
.n_product_detail .con .ar_article{ font-size:14px; line-height:36px; color:#555; height:144px; overflow:hidden; overflow-y:scroll; padding-right:15px; margin-right:-15px;}
.n_product_detail .con .ar_article p{ font-size:14px; line-height:36px; color:#555; margin-bottom:36px}
.n_product_detail .con .ar_article::-webkit-scrollbar {width:2px;height:2px; background:#f1f1f1}
.n_product_detail .con .ar_article::-webkit-scrollbar-track {border-radius:1px; background:#f1f1f1}
.n_product_detail .con .ar_article::-webkit-scrollbar-thumb {border-radius:1px; background:#333}
.n_product_detail .fl02 h4{ font-size:16px; color:#ee1c25; font-weight:bold; position:relative; margin-bottom:28px}
.n_product_detail .fl02 h4:before{ content:""; position:absolute; width:64px; height:2px; background:#ee1c25; bottom:-10px; left:0;}
.n_product_detail .fl02 .ar_article{ margin-bottom:0}
.n_product_detail .fl02 .ar_article p{ font-size:14px; line-height:36px; color:#555; margin-bottom:30px}
.n_product_detail .fl02 .ar_article p:last-child{ margin-bottom:0; padding-bottom:0}


.n_news{ padding:38px 0 70px;}
.n_news .ul{width: 1350px;margin-bottom:25px;overflow:hidden;}
.n_news .ul li{float:left;width: 355px;margin: 0 67.5px 50px 0;border-bottom:#eeeeee 1px solid;position:relative;}
.n_news .ul li:after{ content:""; position:absolute; right:0; width:0; height:2px; background:#ee1c25; -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_news .ul li:hover:after{ left:0; width:100%}
.n_news .ul li .img,.n_news .ul li .img img{width: 355px;height: 233px;overflow:hidden;}
.n_news .ul li .con{padding: 28px 0 30px;}
.n_news .ul li .con h5,.n_news .ul li .con h5 a{font-size:18px;color: #333333;}
.n_news .ul li .con h5 a:hover{ color:#ee1c25}
.n_news .ul li .con p{font-size:13px;line-height:22px;height:44px;overflow:hidden;color:#8b8b8b;margin: 18px 0 20px;}
.n_news .ul li .con span{font-size:12px;color: #8a8a8a;}



.n_news_detail{padding:38px 0 70px;}
.n_news_detail .left{float:left;width: 756px;}
.n_news_detail .title{height: auto;margin-bottom: 40px;overflow: hidden;position:relative;padding-bottom: 20px;}
.n_news_detail .title:after{ content:""; position:absolute; left:0; bottom:0; width:48px; height:3px; background:#ee1c25}
.n_news_detail .title:before{ background:#f5f5f5; content:""; position:absolute; left:0; bottom:0; width:100%; height:3px;}
.n_news_detail .time{float:left;width: 48px;height: auto;padding: 0;position:relative;text-align: center;}
.n_news_detail .time:before{ content:""; position:absolute; bottom:34px; left:28px; right:28px; height:1px; background:#ee1c25;}
.n_news_detail .time h3{font-size: 35px;color: #727171;margin-bottom:7px;}
.n_news_detail .time h6{ font-size:12px; color:#a7a8aa;}
.n_news_detail .ar_title{float:left;width:calc(100% - 120px);padding:0 0 0 30px;padding-bottom: 0;}
.n_news_detail .ar_title h3{font-size: 24px;color: #444444;line-height: 36px;margin-bottom: 5px;}
.n_news_detail .ar_title h6{position:relative;font-size: 12px;color: #aeaeae;}
.n_news_detail .right{float:right;width: 365px;box-sizing:border-box;padding: 10px 0 0;}
.n_news_detail .right h4{font-size: 18px;color: #636363;height:16px;line-height:16px;margin-bottom:34px;}
.n_news_detail .right h4 small{font-size: 12px;color: #ee1c25;margin-left: 7px;text-transform:  uppercase;}

.n_news_detail .right ul li{width: 365px;margin: 0 0 42px 0;border-bottom:#e0dfdf 1px solid;position:relative;}
.n_news_detail .right ul li:after{ content:""; position:absolute; right:0; width:0; height:2px; background:#ee1c25; -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_news_detail .right ul li:hover:after{ left:0; width:100%}
.n_news_detail .right ul li .img,.n_news_detail .right ul li .img img{width: 365px;height: 240px;overflow:hidden; position:relative}
.n_news_detail .right ul li .con{padding: 28px 0 30px;}
.n_news_detail .right ul li .con h5,.n_news .ul li .con h5 a{font-size:16px;color: #151617;}
.n_news_detail .right ul li .con h5 a:hover{ color:#ee1c25}
.n_news_detail .right ul li .con p{font-size:12px;line-height:24px;height:48px;overflow:hidden;color:#717578;margin: 18px 0 0;}
.n_news_detail .right ul li .img span{font-size:12px;color: #fff; width:86px; line-height:30px; height:30px; background:#ee1c25; position:absolute; left:0; bottom:22px; text-align:center;}


#ar_fot{position:relative;float:left;box-sizing: border-box;width: 100%;line-height: 36px;border: #eeeeee 2px solid;}
#ar_fot h1{display:block;width: 378px;font-size: 14px;color: #848484;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 20px 20px;position:relative;margin: -2px -2px;}
#ar_fot h1:before{content:"";position:absolute;right:0;top:0;height: 2px;background:#ee1c25;width: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;z-index:0;}
#ar_fot h1:hover:before{ width:100%; left:0}
#ar_fot h1 a{font-size: 14px;color: #848484;font-weight:normal;}
#ar_fot h1 a:hover{color: #ee1c25;}
#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: left;}


.n_contact{padding:38px 0 0;}
.n_contact .fl01{padding: 0 0 60px;}
.n_contact .fl01 .w1200{padding: 0 60px;}
.n_contact .left{padding-top:78px;}
.n_contact .left .ar_article{margin-bottom: 45px;}
.n_contact .left .ar_article p{ margin-bottom:0}
.n_contact .right{ }
.n_contact .left .ar_article h3{font-size: 30px;color: #404040;margin-bottom: 4px;font-weight:  normal;}
.n_contact .left .ar_article h6{font-size: 12px;color: #bbbbbb;margin-bottom: 40px;text-transform:  uppercase;height: 20px;line-height: 20px; position:relative}
.n_contact .left .ar_article h6:before{content:"";position:absolute;left:0;bottom: -20px;width:24px;height: 3px;background:#ee1c25;-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_contact .left .ar_article h5{font-size:14px;color: #656565;line-height: 32px; font-weight:normal; margin-bottom:0}
.n_contact .left .ar_article h5 span{ display:inline-block; width:25px;}
.n_contact .left ul{text-align: left;font-size: 0;}
.n_contact .left ul li{display:inline-block; *display:inline;*zoom:1;margin-right: 20px;text-align:center;}
.n_contact .left ul li h6{font-size: 12px;line-height: 18px;color: #656565;margin-top: 15px;}
.n_contact .left ul li img{width:121px;height:121px;}
.n_contact .fl02{ background:#f9f9f9; padding:48px 0;}
.n_contact .fl02 iframe{ margin-left:58px !important}

#n_zizhi{width: 1200px;margin:0 auto;padding:60px 0 80px;}
#n_zizhi .ul { float:left; width: 1277.5px;margin-bottom:30px;}
#n_zizhi .ul li{display:block;float:left;width: 282px;margin: 0 24px 40px 0;box-sizing: border-box;text-align: center;}
#n_zizhi .ul li.last{ margin-bottom:0; border-bottom:none; padding-bottom:0;}
#n_zizhi .ul li a{ display:block;  }
#n_zizhi .ul li .pic_box{width: 100%;height: 220px;display:table;padding: 0;background: #f7f7f8;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_zizhi .ul li:hover .pic_box{box-shadow: 0 0 10px rgba(0,0,0,0.17);}
#n_zizhi .ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: center;}
#n_zizhi .ul li img{max-width: 185px;max-height: 173px;display: inline-block;}
#n_zizhi .ul li span{display:block;text-align:center;font-size: 16px;color: #777777;padding-top: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#n_zizhi .ul li:hover a span{color:#ee1c25;}
#n_zizhi .ul li:hover img{ box-shadow:none;}

.n_join{padding:60px 0 80px;}
.n_join ul{margin-bottom: 48px;}
.n_join ul li{ margin-bottom:10px;}
.n_join ul li .top{position:  relative;height:90px;background:#f4f5f9;padding: 22px 30px;box-sizing:  border-box;}
.n_join ul li .top i{ position:absolute; right:35px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/jia.png) center no-repeat;}
.n_join ul li .top h5{font-size:16px;color: #5e5e5e;margin-bottom: 15px;}
.n_join ul li .top h6{font-size:12px;color: #484848;}
.n_join ul li a.open .top{border-bottom: #ee1c25 2px solid;}
.n_join ul li a.open .top i{ background:url(../images/jian.png) center no-repeat;}
.n_join ul li a.open .top h5{}
.n_join ul li a.open .top h6{}
.n_join ul li .ar_article{padding:35px;background:#f4f5f9;display:none;border-top: #fff 2px solid;}
.n_join ul li .ar_article p{ font-size:14px; line-height:30px; margin-bottom:30px; color:#838383}



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

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


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

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

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

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

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

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

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

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

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

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