@charset "utf-8";




 
/* @import url(normalize.css); */

/* @import url(aos.css); */

/* @import url(jquery.jaticker_1.0.0.css); */

/* @import url(common_parts.css); */

/* @import url(common.css); */



@media (max-width:1920px){html{font-size:16px;}}

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


@font-face{ font-family:susu; src:url(../font/tt0861m.ttf);}
@font-face{ font-family:susu01; src:url(../font/tt0173m.ttf);}


a{ text-decoration:none}

h6,h5,h4{ font-weight:normal !important}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}

.slow img:hover{ -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}

.slow,.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

h5 a,.more a{-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;}

.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";   filter: 

progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  -moz-box-shadow: 1px 1px 10px #999999; -webkit-box-shadow: 1px 1px 10px #999999; box-shadow:1px 1px 10px #999999;}

.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}

.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 

  



  



.a_body{ position:relative; height:100%}

/* ::-webkit-scrollbar {width:8px;height:8px; background:#f1f1f1}

::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1}

::-webkit-scrollbar-thumb {border-radius:10px; background:#c1c1c1} */



input::-webkit-input-placeholder{ color:#999;}

input::-moz-placeholder{  color:#999; }

input:-moz-placeholder{  color:#999;}

input:-ms-input-placeholder{  color:#999;}



textarea::-webkit-input-placeholder{ color:#999;}

textarea::-moz-placeholder{  color:#999;}

textarea:-moz-placeholder{  color:#999;}

textarea:-ms-input-placeholder{   color:#999;}



.w100{width:100%}

.w1200{width:1200px;margin:0 auto}

.clear{ clear:both}



h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

ul li:hover h5 a{ color:#ff0000}

.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -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;}

















































































.ar_article td,

.ar_article th{ padding:1rem 0.9375rem; border: 1px solid #c6c5c5;}

.ar_article td p,

.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article table {border-collapse: collapse;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; width:100% !important}

.ar_article table tr:not(:first-child) td{ background:none !important}

.ar_article table td { border-left: 1px solid #ccc;border-top: 1px solid #ccc; width:auto !important; }

.ar_article{font-size: 0.875rem;color: #797979;line-height: 1.875rem;text-align:justify;margin-bottom: 1.75rem;}

.ar_article p{font-size: 0.875rem;color: #707070;line-height: 1.875rem;text-align:justify;margin-bottom: 1.75rem;}	

.ar_article strong{ font-weight:bold;}

.ar_article img{ max-width:100%;}

.ar_article a{ color:#717173;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}

.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}

.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:0.9375rem;}

.ar_article sub {vertical-align:sub; font-size: smaller;}

.ar_article sup { vertical-align:super; font-size: smaller;}

.ar_article p span{ display:inline-block;}

.ar_article img{ display:inline-block;}

.ar_article hr{background:none;border: none;border-bottom: #d8d8d8 1px solid;margin-bottom: 20px;}




#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}

#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}

#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}

#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}





.miso-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;}

.miso-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}

.miso-list:focus{outline:none}.miso-list.dragging{cursor:hand}

.miso-slider.miso-track,

.miso-slider.miso-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.miso-track{position:relative;left:0;top:0;display:block}

.miso-track:before,.miso-track:after{content:"";display:table}

.miso-track:after{clear:both}

.miso-loading.miso-track{visibility:hidden}

.miso-slide{float:left;height:100%;min-height:1px;display:none}

[dir="rtl"].miso-slide{float:right}

.miso-slide img{display:block}

.miso-slide.miso-loading img{display:none}

.miso-slide.dragging img{pointer-events:none}

.miso-initialized .miso-slide{display:block}

.miso-loading.miso-slide{visibility:hidden}

.miso-vertical.miso-slide{display:block;height:auto;border:1px solid transparent}

.miso-prev,.miso-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;margin-top: -15px;padding:0;border:none;outline:none;}

.miso-slider{}

.miso-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}







.miso-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer; background:rgba(255,255,255,0.5);}

.miso-dots li.miso-active{background:rgba(255,255,255,1)}

.miso-slide:focus,

.miso-slide a:focus{ outline:none !important;}

.miso-dots li button{ display:none;}



.miso-dots{}

.miso-dots li{}

.miso-dots li.miso-active{}





#top {}

#top:before {position: absolute;z-index: 20;top: 0;left: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.7;background-color:#314690;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left top;transform-origin: left top;transition: all 1.5s ease-in-out;}

#top:after {position: absolute;z-index: 20;bottom: 0;right: -100%;content: "";width: calc((100% / 7.5) * 2);height: 100%;opacity: 0.7;background-color:#314690;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;transition: all 1.5s ease-in-out;}

.start #top:before { left: 0; }

.start #top:after { right: 0; }

#top-logo { position: absolute; z-index: 11; top: 30%; right: calc(100% / 6); width: calc(100% / 6); opacity: 0; }

#top-copy {position: absolute;z-index: 10;bottom: 20%;left: calc(100% / 6);color: rgba(255,255,255,0.8);font-size: 1rem;opacity: 0;height: 301px;}

#top-copy strong {font-size: 3.4375rem;text-transform: uppercase;color: #fff;line-height: 4.4375rem;font-family: susu;}

#top-copy span.s {opacity: 1;font-size: 3.75rem;color: #fff;line-height: 5rem;font-weight:  bold;margin-bottom: 0.5rem;}



#mv-pg {opacity: 0;left: 0;width: 100%;height: 100%;transition: all 1s ease-in-out;}

.active #mv-pg { top: 0; opacity: 1; }

#mv-pg li { position: absolute; width: 100%; height: 410px; opacity: 0; }
#mv-pg li .pg { position: absolute; display: block; width: calc((100% / 6) + 1px); height: 100%; overflow: hidden; background-repeat: no-repeat; top: 0; }

#mv-pg li .pg:nth-child(1) { left: 0; }

#mv-pg li .pg:nth-child(2) { left: calc((100% / 6) * 1); }

#mv-pg li .pg:nth-child(3) { left: calc((100% / 6) * 2); }

#mv-pg li .pg:nth-child(4) { left: calc((100% / 6) * 3); }

#mv-pg li .pg:nth-child(5) { left: calc((100% / 6) * 4); }

#mv-pg li .pg:nth-child(6) { left: calc((100% / 6) * 5); }

@media screen and (max-width:1024px) { 

	#top { height: 100vw !important; }

	#top-logo { top: 20%; right: 2rem; width: calc(50% - 2rem); }

	#top-copy { bottom: 20%; left: 2rem; font-size: 3vw; }

	#top-copy strong { font-size: 4.7vw; }

	#mv-pg { position: relative; top: 0; left: 0; width: 100%; opacity: 1; }

	#mv-pg li { height: 100%; }

	#mv-pg li .pg:nth-child(1) { top: 0; }

	#mv-pg li .pg:nth-child(2) { top: 0; }

	#mv-pg li .pg:nth-child(3) { top: 0; }

	#mv-pg li .pg:nth-child(4) { top: 0; }

	#mv-pg li .pg:nth-child(5) { top: 0; }

	#mv-pg li .pg:nth-child(6) { top: 0; }

}





#idea { background-color: #F5F5F5; }

#idea .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }





#case { background-repeat: no-repeat; background-position: center center; background-size: cover; }

#case .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }





#about { background-color: #FFF; }

#about .inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }





#access { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment:fixed}

#access:after {position: absolute;z-index: 20;bottom: 0;right: 0;content: "";width: calc((100% / 6) * 3);height: 100%;opacity: 0.3;background-color: #d81417;transition: all 1s ease-in-out;-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left bottom;transform-origin: left bottom;mix-blend-mode: multiply; display:none}

#access.active:after {width: calc((100% / 6) * 1.5);}

#access .inner { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }







#recruit { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }

#recruit .inner { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }





#news { background-repeat: no-repeat; background-position: center center; background-size: cover;}

#news:before {position: absolute;z-index: 20;top: 0;left: 0;content: "";width: 0;height: 100%;background-color: rgba(0,0,0,0.05);-webkit-transform: skew(-45deg);transform: skew(-45deg);-webkit-transform-origin: left top;transform-origin: left top;transition: all 1s ease-in-out; display:none}

#news.active:before {width: calc((100% / 6) * 1.5);}

#news .inner { position: relative; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }







.pop-ovh { overflow: hidden !important; }

#popup { position: fixed; z-index: 999999; top: 100%; left: 0; width: 100%; height: 100vh; overflow-y: auto; background-color: rgba(29, 36, 82, 0.9); transition: all 0.6s ease-in-out; -webkit-overflow-scrolling: touch; }

#popup.pop { top: 0; }

#popup .inner { padding: 4rem; }

#popup .popup-close { display: block; width: 6rem; height: 6rem; opacity: 1; color: #1D2452; background-color: #FFF; text-align: center; line-height: 6rem; font-size: 3rem; transition: all 0.3s ease-out; }

#popup.pop-ovh .popup-close { opacity: 0; }

#popup-contents { max-width: 120rem; margin: 0 auto; opacity: 1; transition: all 0.3s ease-out; }

#popup.pop-ovh #popup-contents { opacity: 0; }

#popup-contents h2 { margin-bottom: 4rem; color: #FFF; text-align: center; line-height: 1.4; font-size: 4rem; }

#popup-contents h2 small { display: block; font-size: 1.8rem; }

#popup-contents .case_photos { margin-left: -2rem; }

#popup-contents .case_photos li { width: 33.33%; margin-bottom: 2rem; padding-left: 2rem; float: left; }

#popup-contents .case_photos li span { display: block; background-color: rgba(255, 255, 255, 0.1); }

#popup-contents .error { padding: 8rem; color: #FFF; text-align: center; }

#popup-close-top { position: absolute; top: 0; right: 0; }

#popup-close-bottom { margin: 0 auto; margin-bottom: 4rem; }

@media screen and (max-width:1024px) { 

	#popup-contents .case_photos li { width: 50%; }

	#popup-close-bottom { margin: 0 auto; margin-bottom: 8rem; }

}

@media screen and (max-width:414px) { 

	#popup-contents .case_photos li { width: 100%; }

}



.container01 .img_top{ position:absolute; left:0; top:0; width:50%; height:100%;}

.container01 .right{position:relative;left: 50%;margin-right: 0;width:600px;padding:0 0 0 3.875rem;}

.container01 .right h3{font-size:1.875rem;color:#272729;margin-bottom: 0.375rem;}

.container01 .right h2{font-size:3rem;color:#d81417;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 3.375rem;}

.container01 .right .ar_article{ margin-bottom:7.125rem;}

.container01 .right .ar_article p{ font-size:0.875rem; color:#535151; line-height:1.875rem;}

.container01 .right ul{ float:left; width:650px; margin-bottom:3.75rem}

.container01 .right ul li{ float:left; border-right:#dcdcdc 1px solid; padding:0 40px 0 0; margin-right:44px;}

.container01 .right ul li h1{ font-size:2.5rem; color:#d81417; font-family:susu01;}

.container01 .right ul li h5{ font-size:0.875rem; color:#413f3f}

.container01 .right .more{ overflow:hidden; width:199px; height:46px;}

.container01 .right .more a{ float:left; display:inline-block; width:199px; height:46px; line-height:46px; background:#d81417 url(../image/more.png) right no-repeat; padding:0 0 0 20px; font-size:0.75rem; color:#fff; text-transform:uppercase}



.container02{ background:url(../image/container02_bg.jpg) center no-repeat}







.container02 .left{ float:left; width:800px;}

.container02 .left h3{font-size:1.875rem;color: #fff;margin-bottom: 0.375rem;}

.container02 .left h2{font-size:3rem;color:#d81417;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container02 .left h5{font-size: 0.875rem;color:#e0e4ea;line-height:1.5rem;}

.container02 .right{ float:right; width:300px;}

.container02 .right ul{ text-align:right}

.container02 .right ul li{ margin-bottom:1.875rem}

.container02 .right ul li a{display:inline-block;width:263px;padding: 2rem 1rem 2rem 1.75rem;background:#e1e4e8; border:#fff 1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:left;}

.container02 .right ul li a:hover{ border:#d81417 1px solid; background:#d81417}

.container02 .right ul li a h5{font-size:1rem;color:#2a2a2c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.5rem;}

.container02 .right ul li a h6{ font-size:0.875rem; color:#be0000; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .right ul li a:hover h5{ color:#fff}

.container02 .right ul li a:hover h6{ color:#fff}



.container03{ background:url(../image/container03_bg.jpg) center no-repeat}

.container03 .right{ float:right; width:500px;}

.container03 .right .title h3{font-size:1.875rem;color: #fff;margin-bottom: 0.375rem;}

.container03 .right .title h2{font-size:3rem;color:#d81417;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container03 .right .title h5{font-size: 0.875rem;color:#e0e4ea;line-height:1.5rem; margin-bottom:6.125rem;}

.container03 .right ul li{ padding:0 0 3.5rem 4.5rem; border-bottom:#b9cbe9 1px solid; margin-bottom:3.5rem}

.container03 .right ul li h5{ font-size:1.125rem; color:#fff; font-weight:bold !important; margin-bottom:1rem}

.container03 .right ul li h5 small{ font-size:1.125rem; font-weight:normal; margin-left:0.5rem}

.container03 .right ul li p{ font-size:0.75rem; color:#f0f3fa; line-height:1.25rem;}



.container04{ background:url(../image/container04_bg.jpg) center no-repeat}

.container04 .title{ position:relative; margin-bottom:7.75rem}

.container04 .title h3{font-size:1.875rem;color:#272729;margin-bottom: 0.375rem;}

.container04 .title h2{font-size:3rem;color:#d81417;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container04 .title h5{font-size: 0.875rem;color:#7c7c7e;line-height:1.5rem; position:absolute; right:0; bottom:0.2rem}

.container04 ul{ float:left; width:1350px;}

.container04 ul li{float:left;width: 312px !important;margin-right:128px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;}

.container04 ul li .img,.container04 ul li .img img{ width:312px; height:342px; overflow:hidden}

.container04 ul li .con{ height:86px; padding:25px 44px; background:#fff; position:relative; transition: all 0.36s ease-in-out;}

.container04 ul li .con h5{ margin-bottom:0.5rem; transition: all 0.36s ease-in-out;}

.container04 ul li .con h5,.container04 ul li .con h5 a{ font-size:1rem; color:#1d1d1d}

.container04 ul li .con h6{ font-size:0.875rem; color:#d8372f; transition: all 0.36s ease-in-out;}

.container04 ul li .con .jiantou{ background:url(../image/jiantou01.png) center no-repeat; position:absolute; width:30px; height:5px; right:48px; top:42px; transition: all 0.36s ease-in-out;}

.container04 ul li:hover .con{ text-align:center; transition: all 0.36s ease-in-out;}

.container04 ul li:hover .con .jiantou{ right:-40px;}



.container05{ background:#f7f7f9; position:relative;}

.container05:before{ content:""; position:absolute; top:0; height:100%; width:1px; background:#e9e9ea; left:50%; margin-left:175px;}

.container05 .left{ float:left; width:776px;}

.container05 .left .title{ margin-bottom:3.75rem}

.container05 .left .title h3{font-size:1.875rem;color:#272729;margin-bottom: 0.375rem;}

.container05 .left .title h2{font-size:3rem;color:#d81417;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container05 .left .miso-slider{ height:505px;}

.container05 .left .miso-slide .img{ margin-bottom:2.375rem;}

.container05 .left .miso-slide .img,.container05 .left .miso-slide .img img{ width:704px; height:385px; position:relative}

.container05 .left .miso-slide .img .time{ position:absolute; top:25px; left:25px; width:83px; height:87px; background:#ffffff; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; text-align:center; font-weight:bold}

.container05 .left .miso-slide .img .time h3{ font-size:1.875rem; color:#d8372f; height:56px; line-height:66px;}

.container05 .left .miso-slide .img .time h4{ font-size:0.9375rem; color:#39393a;font-weight:bold}

.container05 .left .miso-slide h5{ font-size:1.125rem; color:#000000; margin-bottom:1rem; max-width:726px;}

.container05 .left .miso-slide h5 a{ font-size:1.125rem; color:#000000;}

.container05 .left .miso-slide p{ font-size:0.875rem; color:#a9a9aa; line-height:1.5rem; height:3rem; overflow:hidden; max-width:726px;}

.container05 .left .miso-prev,.container05 .left .miso-next{width:29px;height:29px;z-index:1000;right: -14px;}

.container05 .left .miso-prev{ background:url(../image/top.png) center no-repeat; margin-top: -245px;}

.container05 .left .miso-next{background:url(../image/bottom.png) center no-repeat;margin-top: 98px;}

.lwy .miso-prev{ left:50px;}

.lwy .miso-next{ right:50px;}

.container05 .right{ float:right; width:366px;}

.container05 .right ul li{ border-bottom:#e5e5e6 1px solid; padding:0 0 2.75rem 0; margin-bottom:2.25rem}

.container05 .right ul li:last-child{ padding:0; margin:0; border:none}

.container05 .right h5{ margin-bottom:0.875rem}

.container05 .right h5,.container05 .right h5 a{ font-size:0.9375rem; color:#000000}

.container05 .right p{ font-size:0.75rem; color:#a9a9aa; line-height:1.25rem; height:2.5rem; overflow:hidden; margin-bottom:1rem}

.container05 .right .img,.container05 .right .img img{ width:366px; height:200px; overflow:hidden}



.container06{ background:url(../image/container06_bg.jpg) center no-repeat}

.container06 .left{ float:left; width:450px;}

.container06 .left .title{ margin-bottom:3.75rem}

.container06 .left .title h3{font-size:1.875rem;color:#fff;margin-bottom: 0.375rem;}

.container06 .left .title h2{font-size:3rem;color:#d81417;font-family:susu;height:3rem;line-height:3rem;text-transform: uppercase;margin-bottom: 1.125rem;}

.container06 .left .lwy{ border-right:rgba(255,255,255,0.25) 1px solid; width:100%}

.container06 .left ul{ margin-bottom:3rem}

.container06 .left ul li{ height:35px; line-height:35px; padding:0 0 0 40px; font-size:14px; color:#fff; margin-bottom:0.875rem}

.container06 .left .ewm{ margin-bottom:3.375rem}

.container06 .left .ewm img{ float:left; width:138px; height:138px; margin-right:22px;}

.container06 .left .ewm span{ float:left; font-size:0.875rem; color:#d4dae7; line-height:1.5rem; margin-top:2.75rem}

.container06 .left p{ font-size:0.75rem; color:#fff; line-height:1.5rem;}

.container06 .left p a{ font-size:0.75rem; color:#fff;}

.container06 .right{ float:right; width:750px; text-align:right; padding:9.5rem 0 0}

.container06 .right dl{ display:inline-block; margin-left:3.75rem; text-align:left}

.container06 .right dl dt a{ font-size:14px; color:#fff; font-weight:bold; margin-bottom:1.5rem}

.container06 .right dl dd a{ font-size:0.75rem; line-height:1.5rem; color:#fff;}



#top header{position:absolute;width:1200px;height:85px;left:50%;margin-left:-600px;top: -70px;z-index:100;}

#top header .left{float:left;width: 220px;height:85px;position:  relative;z-index: 1;}

#top header .left .logo{ float:left;}

#top header .left .logo img{ margin-top:10px;}

#top header .right{float:right;height: 50px;position:  relative;z-index: 2;}





.nav {

  width: auto;

  height: 50px;

  background: #fff;

  border-radius: 5px;

  



  

  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);



}

.nav__cb {

  z-index: -1000;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  pointer-events: none;

}

.nav__content {



position: relative;



width: 50px;



height: 100%;



-webkit-transition: width 1.5s cubic-bezier(0.49, -0.3, 0.68, 1.23);



transition: width 1.5s cubic-bezier(0.49, -0.3, 0.68, 1.23);

}

.nav__cb:checked ~ .nav__content {

  -webkit-transition: width 1.5s cubic-bezier(0.48, 0.43, 0.29, 1.3);

  transition: width 1.5s cubic-bezier(0.48, 0.43, 0.29, 1.3);

  width: 890px;

}

.nav__items {

  position: relative;

  width: auto;

  height: 100%;

  padding-left: 20px;

  padding-right: 60px;

  list-style-type: none;

  font-size: 0;

  white-space: nowrap;

}

.nav__item {

  display: inline-block;

  vertical-align: top;

  text-align: center;

  color: #6C7784;

  font-size: 14px;

  line-height: 50px;

  padding: 0 12px;

  font-family: Helvetica, Arial, sans-serif;

  font-weight: bold;

  -webkit-perspective: 1000px;

  perspective: 1000px;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

  cursor: pointer;

}

.nav__item:hover {

  color: #00bdea;

}

.nav__item-text {

  display: block;

  height: 100%;

  -webkit-transform: rotateY(-70deg);

          transform: rotateY(-70deg);

  opacity: 0;

  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s;

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

}

.nav__cb:checked ~ .nav__content .nav__item-text {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

  opacity: 1;

  -webkit-transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s;

  transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);

}

.nav__item:nth-child(1) .nav__item-text {

  -webkit-transition-delay: 0.8s;

          transition-delay: 0.8s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(1) .nav__item-text {

  -webkit-transition-delay: 0s;

          transition-delay: 0s;

}

.nav__item:nth-child(2) .nav__item-text {

  -webkit-transition-delay: 0.7s;

          transition-delay: 0.7s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(2) .nav__item-text {

  -webkit-transition-delay: 0.1s;

          transition-delay: 0.1s;

}

.nav__item:nth-child(3) .nav__item-text {

  -webkit-transition-delay: 0.6s;

          transition-delay: 0.6s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(3) .nav__item-text {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

}

.nav__item:nth-child(4) .nav__item-text {

  -webkit-transition-delay: 0.5s;

          transition-delay: 0.5s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(4) .nav__item-text {

  -webkit-transition-delay: 0.3s;

          transition-delay: 0.3s;

}

.nav__item:nth-child(5) .nav__item-text {

  -webkit-transition-delay: 0.4s;

          transition-delay: 0.4s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(5) .nav__item-text {

  -webkit-transition-delay: 0.4s;

          transition-delay: 0.4s;

}

.nav__item:nth-child(6) .nav__item-text {

  -webkit-transition-delay: 0.3s;

          transition-delay: 0.3s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(6) .nav__item-text {

  -webkit-transition-delay: 0.5s;

          transition-delay: 0.5s;

}

.nav__item:nth-child(7) .nav__item-text {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(7) .nav__item-text {

  -webkit-transition-delay: 0.6s;

          transition-delay: 0.6s;

}



.nav__item:nth-child(8) .nav__item-text {

  -webkit-transition-delay: 0.1s;

          transition-delay: 0.1s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(8) .nav__item-text {

  -webkit-transition-delay: 0.7s;

          transition-delay: 0.7s;

}

.nav__item:nth-child(9) .nav__item-text {

  -webkit-transition-delay: 0s;

          transition-delay: 0s;

}

.nav__cb:checked ~ .nav__content .nav__item:nth-child(9) .nav__item-text {

  -webkit-transition-delay: 0.8s;

          transition-delay: 0.8s;

}

.nav__btn {

  position: absolute;

  right: 0;

  top: 0;

  width: 50px;

  height: 50px;

  padding: 16px 14px;

  cursor: pointer;

}

.nav__btn:before, .nav__btn:after {

  content: "";

  display: block;

  width: 22px;

  height: 3px;

  border-radius: 2px;

  background: #d81417;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-transition: background-color 0.3s, -webkit-transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3);

  transition: background-color 0.3s, -webkit-transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3);

  transition: transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;

  transition: transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 2s cubic-bezier(0.48, 0.43, 0.29, 1.3);

}

.nav__btn:before {

  margin-bottom: 11px;

}

.nav__btn:hover:before, .nav__btn:hover:after {

  background: #d81417;



}

.nav__cb:checked ~ .nav__btn:before {

  -webkit-transform: translateY(7px) rotate(-225deg);

          transform: translateY(7px) rotate(-225deg);

}

.nav__cb:checked ~ .nav__btn:after {

  -webkit-transform: translateY(-7px) rotate(225deg);

          transform: translateY(-7px) rotate(225deg);

}



.nav__btn .hengxian{position:absolute;left:50%;margin-left: -11px;top:50%;margin-top:-2px;width: 22px;height: 3px;background:#d81417;}



.nav__content .nav__item .nav__item-text a{font-size: 14px;color:#070707;}

.nav__content .nav__item .nav__item-text{ position:relative;}

.nav__content .nav__item.on .nav__item-text:before,.nav__content .nav__item:hover .nav__item-text:before{ content:""; position:absolute; left:0; right:0; height:2px; background:#d81417; bottom:0;}



.drop li {

	opacity: 0;

	transform-origin: top center

}



.drop li a {

	background-color: rgba(23,23,50,.7);

	padding: 10px 0

}



.main li:hover .menu1 li:first-of-type {

	animation: menu1 .3s ease-in-out forwards;

	animation-delay: .3s

}



.main li:hover .menu1 li:nth-of-type(2) {

	animation: menu1 .3s ease-in-out forwards;

	animation-delay: .6s

}



.main li:hover .menu1 li:nth-of-type(3) {

	animation: menu1 .3s ease-in-out forwards;

	animation-delay: .9s

}



.main li:hover .menu1 li:last-of-type {

	animation: menu1 .3s ease-in-out forwards;

	animation-delay: 1.2s

}



.main li:hover .menu5 li:first-of-type {

	animation: menu5 .3s ease-in-out forwards;

	animation-delay: .3s

}



.main li:hover .menu5 li:nth-of-type(2) {

	animation: menu5 .3s ease-in-out forwards;

	animation-delay: .6s

}



.main li:hover .menu5 li:nth-of-type(3) {

	animation: menu5 .3s ease-in-out forwards;

	animation-delay: .9s

}



.main li:hover .menu5 li:nth-of-type(4) {

	animation: menu5 .3s ease-in-out forwards;

	animation-delay: 1.2s

}



.main li:hover .menu5 li:nth-of-type(5) {

	animation: menu5 .3s ease-in-out forwards;

	animation-delay: 1.5s

}



@keyframes menu5 {

	0% {

		opacity: 0;

		transform: rotateX(-90deg)

	}



	100% {

		opacity: 1;

		transform: rotateX(0)

	}

}



.main li .menu5{position:  absolute;width:120px;left:  50%;margin-left:  -60px;}

.main li .menu5 li a{display:block;height: 44px;line-height: 24px;font-size: 12px;color:#fff;border-bottom:rgba(255,255,255,0.05) 1px solid;font-weight:  normal;}

.main li .menu5 li a:hover{ background:#d81417; color:#fff}



.lwy_nav{ position:fixed; top:20px; right:20px; height:50px; z-index:100000; display:none}



.select-hidden {

  display: none !important;

  visibility: hidden;



  opacity: 0;

  padding-right: 10px;

}



header .left > a {

  float:  left;



  cursor: pointer;



  display: inline-block;



  position: absolute;

  font-size: 14px;

  font-weight:  bold;

  color: #fff;

  width: 55px;

  height: 26px;

  margin: 16px 0 0 26px;

}
.select{ width:100%; height:100%}



.select-styled {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 5px 8px;

  -moz-transition: all 0.2s ease-in;

  -o-transition: all 0.2s ease-in;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  border: rgba(220,220,220,0.38) 1px solid;

}

.select-styled:after {

  content: "";

  width: 7px;

  height: 5px;

  background:url(../image/select_bg.png) center no-repeat;

  position: absolute;

  top: 10px;

  right: 10px;

}

.select-styled:hover {

  background-color: #b83729;

}

.select-styled:active, .select-styled.active {

  background-color: #ab3326;

}

.select-styled:active:after, .select-styled.active:after {

  top: 9px;

  border-color: transparent transparent #fff transparent;

}



.select-options {

  display: none !important;

  position: absolute;

  top: 100%;

  right: 0;

  left: 0;

  z-index: 999;

  margin: 0;

  padding: 0;

  list-style: none;

  background-color: #ab3326;

}

.select-options li {

  margin: 0;

  padding: 5px 7px;

  border: rgba(220,220,220,0.38) 1px solid;

  -moz-transition: all 0.15s ease-in;

  -o-transition: all 0.15s ease-in;

  -webkit-transition: all 0.15s ease-in;

  transition: all 0.15s ease-in;

  margin-top: -1px;

}

.select-options li:hover {

  color: #c0392b;

  background: #fff;

}

.select-options li[rel="hide"] {

  display: none;

}







.n_banner{ height:720px; overflow:hidden; padding:276px 0 0}

.n_banner header{ position:absolute; width:1200px; height:85px; left:50%; margin-left:-600px; top:70px; z-index:100}

.n_banner header .left{float:left;width: 220px;height:85px;position:  relative;z-index: 1;}

.n_banner header .left .logo{ float:left;}

.n_banner header .left .logo img{ margin-top:10px;}

.n_banner header .right{float:right;height: 50px;position:  relative;z-index: 2;}

.n_banner .w1200{ text-align:center;}

.n_banner .w1200 h1{font-size:54px;color:#fff;text-transform:uppercase;margin-bottom:15px;font-weight:  normal;}

.n_banner .w1200 h4{ font-size:28px; color:#ffffff; margin-bottom:88px;}

.n_banner .w1200 a{ display:block; width:33px; height:33px; background:url(../image/more01.png) center no-repeat; margin:0 auto}


.n_banner .w1200 a:hover{ background:url(../images/more01_on.png) center no-repeat;}



.n_container .n_title{ padding:70px 0 0; text-align:center; margin-bottom:45px;}

.n_container .n_title h3{ font-size:28px; color:#4c4c4c; text-transform:uppercase; font-weight:bold; margin-bottom:8px;}

.n_container .n_title h5{ font-size:20px; color:#4c4c4c; margin-bottom:20px;}

.n_container .n_title h1{ height:30px; position:relative;}

.n_container .n_title h1:before{ content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#787878}



.n_about{padding: 0px 0 40px;}



footer{ padding:62px 0 50px; background:#2d2d2d; border-bottom:#404040 1px solid}

footer .left{ float:left; width:450px;}

footer .left .lwy{border-right: #4c4c4c 1px solid;width:100%;}

footer .left ul{margin-bottom: 32px;}

footer .left ul li{height:35px;line-height:35px;padding:0 0 0 40px;font-size:14px;color:#fff;margin-bottom: 12px;}

footer .left .ewm{}

footer .left .ewm img{ float:left; width:115px; height:115px; margin-right:22px;}

footer .left .ewm span{float:left;font-size: 14px;color: #d0d0d0;line-height: 24px;margin-top: 36px;}

footer .left p{ font-size:0.75rem; color:#fff; line-height:1.5rem;}

footer .left p a{ font-size:0.75rem; color:#fff;}

footer .right{float:right;width:750px;text-align:right;padding: 6px 0 0;}

footer .right dl{ display:inline-block; margin-left:3.75rem; text-align:left}

footer .right dl dt{margin-bottom: 5px;}

footer .right dl dt a{font-size:14px;color:#fff;font-weight:bold;}

footer .right dl dd a{font-size: 12px;line-height: 24px;color: #c1c1c1;}











.banquan{ padding:20px 0 30px; background:#2d2d2d; text-align:center}

.banquan p,.banquan p a{ font-size:12px; color:#a3a3a3; text-align:center}



.banquan p a:hover{ color:#fff}



h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

ul li:hover h5 a{ color:#ff0000}



.n_dajishi{ padding:0 0 74px;}

.n_dajishi ul{ float:left; width:1280px; margin-bottom:15px;}

.n_dajishi ul li{float:left;width: 350px;margin: 0 70px 40px 0;position:relative;}

.n_dajishi ul li:before{ content:""; position:absolute; right:-10px; bottom:0; width:10px; height:365px; background:#fff; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_dajishi ul li:hover:before{ background:#d81417}

.n_dajishi ul li .img{float:left;width: 350px;height: 190px;overflow:hidden;}

.n_dajishi ul li .con{float:left;width: 350px;height:235px;background:#fff;padding:36px 30px;}

.n_dajishi ul li .con h6{ font-size:12px; color:#8a8a8a; margin-bottom:14px;}

.n_dajishi ul li .con h5 a{ font-size:16px; color:#505050;}

.n_dajishi ul li .con h5 a:hover,.n_dajishi ul li .con .more a:hover{ color:#d81417}

.n_dajishi ul li .con h5{ margin-bottom:12px;}

.n_dajishi ul li .con p{ font-size:12px; line-height:22px; color:#8a8a8a; height:44px; overflow:hidden; margin-bottom:42px;}

.n_dajishi ul li .con .more{ position:relative; padding:0 0 0 84px;}

.n_dajishi ul li .con .more a{ font-size:12px; color:#a6a6a6; font-style:italic;}

.n_dajishi ul li .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:70px;height:1px;background:#a6a6a6;}

.n_dajishi ul li .con .more:hover:before{background:#d81417}





.j_pages{margin:0 auto 0 auto}

.j_pages .box{display:inherit;width:100%;text-align: center;margin-bottom: 0;margin: 0;padding: 0;}

.j_pages a{padding: 0px 10px;height: 35px;line-height: 35px;display:inline-block;margin: 0 5px;color: #343638;font-size: 18px;box-sizing: border-box;text-transform:  uppercase;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.j_pages a font{font-size: 18px;color: #333333;}

.j_pages .on{color: #d81417; border-bottom:  #d81417 2px solid;}

.j_pages span{background:#525ea2;color:#fff!important;}

.j_pages a:hover{color: #d81417;text-decoration:none;border-bottom: #d81417 2px solid;}

.j_pages a:hover font{color:#fff}

.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}



.n_erji{ height:91px; margin-top:-91px; border-top:rgba(255,255,255,0.15) 1px solid;}

.n_erji ul li{ float:left; width:600px; height:90px; line-height:90px; font-size:14px; color:#fff; text-align:center; display:inline-block;}

.n_erji ul li a{ color:#fff; display:block;}

.n_erji ul li.on a,.n_erji ul li:hover a{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCDE1518', endColorstr='#CCDE1518');background:rgba(222,21,24,0.8);}



.n_zhaopin{padding: 0 0 75px;}

.n_zhaopin .slider-nav{margin-left:-1.25rem;margin-right:-1.25rem; margin-bottom:1rem;}

.n_zhaopin .slider-nav .miso-list{ padding:0 0 1.75rem 0}

.n_zhaopin .slider-nav .miso-slide{padding: 0 1.25rem;}

.n_zhaopin .slider-nav .miso-slide .miso{ padding:5.625rem 0; border:#dddddd 1px solid; background:#fff; text-align:center; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.n_zhaopin .slider-nav .miso-slide .con{ text-align:center; width:100%; margin-bottom:24px;}

.n_zhaopin .slider-nav .miso-slide .con img.img02,.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img01{ display:none}

.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img02{ display:inline-block}

.n_zhaopin .slider-nav .miso-slide .miso img{ display:inline-block;}

.n_zhaopin .slider-nav .miso-slide .miso .icon{ width:2.75rem; height:3rem; fill:#9b9b9c; margin-bottom:1.25rem;}

.n_zhaopin .slider-nav .miso-slide .miso h4{font-size: 16px;color: #505050;margin-bottom:0.5rem;}

.n_zhaopin .slider-nav .miso-slide .miso h5{font-size: 12px;color: #cbcbcb;margin-bottom:2.5rem;}

.n_zhaopin .slider-nav .miso-slide .miso h6{ height:2px; position:relative;}

.n_zhaopin .slider-nav .miso-slide .miso h6:before{content:"";position:absolute;width:1.25rem;height: 1px;top:0;left:50%;margin-left:-0.625rem;background: #b6b6b6;}

.n_zhaopin .miso-prev,.n_zhaopin .miso-next{width: 36px;height: 36px;background-size:100% 100%;z-index:1000;margin-top: -2.5rem;}

.n_zhaopin .miso-prev{left: -45px;background:url(../image/left.png) center no-repeat;}

.n_zhaopin .miso-next{right: -45px;background:url(../image/right.png) center no-repeat;}

.n_zhaopin .slider-for .miso-slide .ar_article{padding: 2.75rem 3.375rem 2.75rem;border:#dddddd 1px solid;background: #f2f2f2;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll{height:16.75rem; overflow-y:scroll; margin-right:-1.5rem; padding:0 1.5rem 0 0}

/* .n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar {width:2px;height:2px; background:#cecece} */

/* .n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:#cecece} */

/* .n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb { border-radius:10px; background:#b92d40} */

.n_zhaopin .slider-nav .miso-slide.miso-current .miso{ background:#b02f3f; border:#b02f3f 1px solid;}

.n_zhaopin .slider-nav .miso-slide.miso-current .miso img{ display:block}

.n_zhaopin .slider-nav .miso-slide.miso-current .miso .icon{ fill:#fff;}

.n_zhaopin .slider-nav .miso-slide.miso-current .miso h4{ color:#fff;}

.n_zhaopin .slider-nav .miso-slide.miso-current .miso h5{ color:#fff;}

.n_zhaopin .slider-nav .miso-slide.miso-current .miso h6:before{ background:#fff}



.n_news_detail{padding: 0 0 50px;}

.n_news_detail .left{float:left;width: 795px;}

.n_news_detail .left .img_scoll .miso-dots{ bottom:30px; z-index:1000}

.n_news_detail .left .img_scoll{ overflow:hidden; margin-bottom:1.875rem;}

.n_news_detail .left .img_scoll .miso-dots li{width:12px;height:12px;background: none;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border: #fff 1px solid;}

.n_news_detail .left .img_scoll .miso-dots li.miso-active{background: #d81417;border:  #d81417 1px solid;}

.n_news_detail .left .img img{width: 795px;height: 540px;}

.n_news_detail .left .title{padding: 0 0 0 1.125rem;border-left: #d81417 2px solid;margin-bottom:2.625rem;}

.n_news_detail .left .title h3{font-size: 24px;line-height: 1.875rem;color:#4a4a4a;margin-bottom:0.75rem;font-weight:  normal;}

.n_news_detail .left .title h5{font-size:0.875rem;color: #797979;font-weight: bold;}

.n_news_detail .left .ar_article{padding:0 0 0 1.5rem;margin-bottom: 3rem;}

.n_news_detail .right{float:right;width: 350px;}

.n_news_detail .right h3{ display:none}

.n_news_detail .right h3{ height:3rem; line-height:3rem; font-size:1.25rem; color:#4a4a4a; margin-bottom:1.5rem}

.n_news_detail .right h3 small{ font-size:0.875rem; color:#797979; text-transform:uppercase; margin-left:0.5rem}

.n_news_detail .right ul li{margin-bottom: 2rem;}

.n_news_detail .right ul li .img{overflow:hidden;position:relative;margin-bottom: 1.25rem;}

.n_news_detail .right ul li .img img{width: 350px;height: 190px;}

.n_news_detail .right ul li h4{font-size: 1rem;color:#4e4e4e;padding: 0 10px;text-align: left;margin-bottom:0.75rem;overflow:hidden;}

.n_news_detail .right ul li h4 a{display:  inline-block;width: 100%;font-size: 1rem;color:#4e4e4e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news_detail .right ul li h4 a:hover{ color:#d81417}

.n_news_detail .right ul li h6{font-size:0.75rem;color: #797979;padding: 0 10px;}

.n_news_detail .right ul .miso-dots{text-align: center;padding: 0;}

.n_news_detail .right ul .miso-dots li{ width: 0.625rem;height: 0.625rem; margin:0 0.25rem}

.n_news_detail .right ul .miso-dots li button:before{width: 0.625rem;height: 0.625rem;content:"";border:#5f5f5f 1px solid;opacity: 1; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.n_news_detail .right ul .miso-dots li.miso-active button:before{ background:#5f5f5f;}





#ar_fot{padding: 15px 5px 0;position:relative;border-top: #d6d6d6 1px solid;}

#ar_fot h1{display:block;font-size: 0.8125rem;line-height: 1.875rem;color: #707070;font-weight:  normal;}

#ar_fot h1 a{font-size: 0.8125rem;color: #707070;font-weight:normal;}

#ar_fot h1 a:hover{ color:#d81417;}

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



.miso_fx{ position:absolute; right:0; top:30px;}



.shart_box{display: inline-block;height: 40px;position:relative;vertical-align: top;font-size:  0.75rem;color: #89888d;}

.shart_box:hover #j_shart_s_24{ display:block;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{display:  inline-block;padding-left: 4px;position:relative;}

.shart_box a{line-height:36px;color: #89888d;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

#j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat}




#j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}





.n_langman{ padding:0 0 85px 0}

.n_langman ul{ margin-bottom:60px;}

.n_langman ul li{margin-bottom: 20px;overflow:hidden;}

.n_langman ul li .left{width: 310px;height: 415px;background: #f2f2f2;padding: 0 34px;}
.n_langman ul li:hover .left{ background:#d81417;}
.n_langman ul li .left .con{ display:table; width:100%; height:100%;}

.n_langman ul li .left .con .table_cell{ display:table-cell; vertical-align:middle;}

.n_langman ul li .left .con .table_cell h5{font-size: 18px;color: #434344;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_langman ul li .left .con .table_cell h5 a{ color:#434344;}
.n_langman ul li:hover .left .con .table_cell h5 a{ color:#fff}

.n_langman ul li .left .con .table_cell h6{ font-size:13px; color:#959595; margin-bottom:15px;}
.n_langman ul li:hover .left .con .table_cell h6{ color:#fff}

.n_langman ul li .left .con .table_cell p{font-size: 13px;color:#959595;line-height: 22px;max-height:6rem;overflow:hidden;margin-bottom: 40px;}
.n_langman ul li:hover .left .con .table_cell p{ color:#fff}

.n_langman ul li .left .con .table_cell a{display:inline-block;}

.n_langman ul li .right{width: 880px;overflow:hidden;}

.n_langman ul li .right img{width: 880px;max-height: 415px;}

.n_langman ul li .con .more{position:relative;padding: 0 0 0 40px;}

.n_langman ul li .con .more a{ font-size:12px; color:#a6a6a6; font-style:italic;}

.n_langman ul li:hover .con .more a{ color:#fff}

.n_langman ul li .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:30px;height:1px;background:#959595;}

.n_langman ul li:hover .con .more:before{background:#fff}




.n_jiaoyu .fl01{ padding:80px 0 0; background:#f2f2f2;}

.n_jiaoyu .fl01 .left{ float:left; width:498px; padding:34px 0 0}

.n_jiaoyu .fl01 .left .title h4{ font-size:28px; color:#4c4c4c; text-transform:uppercase; font-weight:bold !important; margin-bottom:5px;}

.n_jiaoyu .fl01 .left .title h5{ font-size:20px; color:#4c4c4c; margin-bottom:32px;}

.n_jiaoyu .fl01 .left .title h6{ height:3px; position:relative; margin-bottom:46px;}

.n_jiaoyu .fl01 .left .title h6:before{ content:""; position:absolute; left:0; top:0; background:#d81417; height:3px; width:20px;}

.n_jiaoyu .fl01 .left p{ font-size:14px; color:#6f6f6f; line-height:30px;}

.n_jiaoyu .fl01 .right{ float:right;}



.n_jiaoyu .fl02{ padding:70px 0; background:#fff; margin-top:-6px;}

.n_jiaoyu .fl02 .title{ margin-bottom:22px;}

.n_jiaoyu .fl02 .title h3{ text-align:center;}

.n_jiaoyu .fl02 ul li{ float:left; width:400px; text-align:center;}

.n_jiaoyu .fl02 ul li .img{ width:255px; height:255px; background:#f1adae; margin:0 auto; border-radius:50%; position:relative; margin-bottom:22px;}

.n_jiaoyu .fl02 ul li .img >img{ width:220px; height:220px; margin:18px auto; border-radius:50%;}

.n_jiaoyu .fl02 ul li .img .con{position:absolute;width: 220px;height: 220px;top: 18px;left: 17px; border-radius:50%;}

.n_jiaoyu .fl02 ul li:hover .img .con{ background:#de373a;}

.n_jiaoyu .fl02 ul li .img .con .table01{ display:table; width:100%; height:100%;}

.n_jiaoyu .fl02 ul li .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle;}

.n_jiaoyu .fl02 ul li .img .con h3{ height:65px;}

.n_jiaoyu .fl02 ul li .img .con h5{font-size:16px;color:#fff;position:relative;}

.n_jiaoyu .fl02 ul li .img .con h5:before{ content:""; position:absolute; left:50%; top:40px; width:1px; height:0; background:#fff; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl02 ul li:hover .img .con h5:before{ height:20px;}

.n_jiaoyu .fl02 ul li h6{ font-size:14px; color:#6d6d6d; line-height:22px; opacity:0; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl02 ul li:hover h6{ opacity:1}



.n_jiaoyu .fl03{ height:620px; background:url(../image/n_jiaoyu_fl03_bg01.jpg) center no-repeat fixed; padding:74px 0 0}

.n_jiaoyu .fl03 .title{ margin-bottom:56px;}

.n_jiaoyu .fl03 .title h3{ text-align:center;}

.n_jiaoyu .fl03 ul{ width:1310px; margin-left:-28px;}

.n_jiaoyu .fl03 ul li{ float:left; width:262px; text-align:center;}

.n_jiaoyu .fl03 ul li .img{width:150px;height:150px;border:rgba(255,255,255,0.2) 1px solid;margin:0 auto;border-radius:50%;position:relative;margin-bottom: 65px;}

.n_jiaoyu .fl03 ul li:hover .img{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#59D81417', endColorstr='#59D81417');background:rgba(216,20,23,0.35); border:rgba(216,20,23,0) 1px solid}

.n_jiaoyu .fl03 ul li .img .con{position:absolute;width:125px;height:125px;top: 12px;left: 12px;border-radius:50%;background:rgba(255,255,255,0.2);}

.n_jiaoyu .fl03 ul li:hover .img .con{ background:#de373a;}

.n_jiaoyu .fl03 ul li .img .con .table01{ display:table; width:100%; height:100%;}

.n_jiaoyu .fl03 ul li .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle;}

.n_jiaoyu .fl03 ul li .img .con h4{ font-size:15px;color:#fff; margin-bottom:5px;}

.n_jiaoyu .fl03 ul li .img .con h5{font-size:14px;color:#fff;position:relative;}

.n_jiaoyu .fl03 ul li .img .con h5:before{content:"";position:absolute;left:50%;top: 95px;width:1px;height:0;background:#fff;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl03 ul li:hover .img .con h5:before{ height:20px;}

.n_jiaoyu .fl03 ul li h6{font-size:14px;color: #fff;line-height:22px;opacity:0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl03 ul li:hover h6{opacity: 0.8;}



.n_jiaoyu .fl04{ padding:80px 0 95px;}

.n_jiaoyu .fl04 .title{ text-align:center;}

.n_jiaoyu .fl04 .title h4{ font-size:28px; color:#4c4c4c; text-transform:uppercase; font-weight:bold !important; margin-bottom:5px;}

.n_jiaoyu .fl04 .title h5{ font-size:20px; color:#4c4c4c; margin-bottom:32px;}

.n_jiaoyu .fl04 .title h6{height: 30px;position:relative;margin-bottom:46px;}

.n_jiaoyu .fl04 .title h6:before{ content:""; position:absolute; left:50%; margin-left:-0.5px; top:0; background:#787878; height:30px; width:1px;}

.n_jiaoyu .fl04 ul{ width:1220px; overflow:hidden;}

.n_jiaoyu .fl04 ul li{ float:left; width:390px; height:510px; margin-right:15px; position:relative;}

.n_jiaoyu .fl04 ul li .img{ width:100%; height:100%; position:relative; text-align:center;}

.n_jiaoyu .fl04 ul li .img .con{position:absolute;width: 320px;height: 440px;top: 50%;margin-top: -220px;left: 50%;margin-left: -160px;padding:0 52px;text-align: center;}

.n_jiaoyu .fl04 ul li:hover .img .con{ background: rgba(216,20,23,0.75); -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl04 ul li .img .con .table01{ display:table; width:100%; height:100%;}

.n_jiaoyu .fl04 ul li .img .con .table01 .table_cell{ display:table-cell; vertical-align:middle; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl04 ul li .img .con h3{ height:64px;}

.n_jiaoyu .fl04 ul li .img .con h4{ font-size:16px; color:#fff; margin-bottom:8px; }

.n_jiaoyu .fl04 ul li .img .con h5{ font-size:14px; color:#fff; position:relative;}

.n_jiaoyu .fl04 ul li .img .con h5:before{content:"";position:absolute;left:50%;top:35px;width:1px;height:0;background:rgba(255,255,255,0.5);-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.n_jiaoyu .fl04 ul li:hover .img .con h5:before{ height:20px;}

.n_jiaoyu .fl04 ul li .img .con p{text-align: center;font-size:13px;line-height:26px;color:rgba(255,255,255,0.8);opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;height:0;}

.n_jiaoyu .fl04 ul li:hover .img .con p{ opacity: 1; height:auto;  margin-top:64px; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}



.n_team .w1200{ border-left:#e1e1e1 1px solid; padding:25px 0 92px 0;}

.n_team ul{ margin-bottom:54px; overflow:hidden;}

.n_team ul li{ padding:50px 0 50px 62px; border-bottom:#e1e1e1 1px solid; overflow:hidden; position:relative;}

.n_team ul li:before{ content:""; position:absolute; left:0px; top:50%; margin-top:-25px; width:3px; height:50px; background:#b1b1b1; z-index:100}

.n_team ul li:hover:before{ background:#d81417}

.n_team ul li .left{ float:left; width:230px; height:250px; overflow:hidden;}

.n_team ul li .left img{ width:230px; height:250px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.n_team ul li .right{ float:right; width:858px;}

.n_team ul li .right .con h3{ font-size:22px; color:#323232; font-weight:normal; margin-bottom:12px; margin-top:22px;}

.n_team ul li .right .con h3 a{ font-size:22px; color:#323232;}

.n_team ul li .right .con h3 a:hover,.n_team ul li .right .con .more a:hover{ color:#d81417;}

.n_team ul li .right .con h6{ font-size:14px; color:#656565; margin-bottom:22px;}

.n_team ul li .right .con p{ font-size:14px; line-height:30px; height:90px; overflow:hidden; color:#6f6f6f; margin-bottom:40px;}

.n_team ul li .right .con .more{ position:relative; padding:0 0 0 84px;}

.n_team ul li .right .con .more a{ font-size:12px; color:#a6a6a6; font-style:italic;}

.n_team ul li .right .con .more:before{content:"";position:absolute;left:3px;top: 5px;width:70px;height:1px;background:#a6a6a6;}

.n_team ul li .right .con .more:hover:before{background:#d81417}



.n_team_detail{ padding:60px 0; background:#f2f2f2;}

.n_team_detail .left{ float:left; width:310px; height:495px; border:#dcdcdc 1px solid; padding:48px 0 0 0; text-align:center; position:relative}

.n_team_detail .left:before{content:"";position:absolute;left:50%; margin-left:-25px; top:-2px;width:50px;height:3px;background:#d81417;}

.n_team_detail .left .img img{ width:230px; height:250px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.n_team_detail .left h3{ font-size:22px; color:#323232; font-weight:normal; margin-bottom:12px; margin-top:25px;}

.n_team_detail .left h6{ font-size:14px; color:#656565; margin-bottom:40px;}

.n_team_detail .left a{ display:inline-block; width:135px; height:35px; line-height:35px; background:#d81417 url(../image/jiantou02.png) 28px center no-repeat; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 0 0 54px; font-size:13px; color:#f2f2f2; text-align:left;}

.n_team_detail .left a:hover{ background:#2d2d2d url(../image/jiantou02.png) 28px center no-repeat}



.n_team_detail .right{ float:right; width:850px; padding:44px 0 0}

.n_team_detail .right h3{ font-size:22px; color:#6f6f6f; font-weight:normal; margin-bottom:30px;}



.n_contact{ overflow:hidden;}

.n_contact ul{ text-align:center; height:204px;}

.n_contact ul li{ display:inline-block; *display:inline; *zoom:1; font-size:0;}

.n_contact ul li h3{ height:56px; margin-top:25px;}

.n_contact ul li h5{ font-size:14px; color:#3b3b3b}

.n_contact ul li dl{ display:inline-block; *display:inline; *zoom:1; margin:0 10px;}

.n_contact ul li dl dt img{ border:#d0d0d0 1px solid; width:115px; height:115px;}

.n_contact ul li dl dd{ font-size:12px; color:#969696; line-height:32px;}

.n_contact .map{ border-top:#e5e5e5 1px solid;}



.n_about .fl01{ padding:0 0 85px 0}

.n_about .fl01 .left{ float:left; position:relative; width:829px; margin-left:-226px;}

.n_about .fl01 .left .img{ position:absolute; top:66px; right:-328px;}

.n_about .fl01 .right{ float:right; width:512px; padding:184px 0 0}

.n_about .fl01 .right h3{ font-size:28px; color:#464646; font-weight:normal; margin-bottom:40px;}



.n_about .fl02{ height:366px; background:url(../image/n_about_fl02_bg.jpg) center no-repeat fixed; padding:110px 0 0; text-align:center;}

.n_about .fl02 h4{ font-size:22px; color:#fff; margin-bottom:22px; }

.n_about .fl02 h5{ font-size:14px; color:#fff; margin-bottom:64px;}



.n_about .fl03{ padding:62px 0; position:relative;}

.n_about .fl03:before{content:"";position:absolute;left:50%;top:0;bottom: 102px;width:1px;border-left:#979797 1px dotted;}

.n_about .fl03:after{ content:""; width:11px; height:11px; background:#d81417; position:absolute; left:50%; margin-left:-5.5px; top:0; border-radius:50%;}

.n_about .fl03 ul li{ padding:70px 0; border-bottom:#979797 1px dotted;}

.n_about .fl03 ul li:nth-child(2n-1){ background:#f2f2f2;}

.n_about .fl03 ul li .left{ float:left; width:526px;}

.n_about .fl03 ul li .left h2{font-size:78px;color: #e3e3e3;font-weight:normal;font-family:Humnst777 Cn BT;}

.n_about .fl03 ul li .left h4{ font-size:22px; color:#d81417; margin-top:-50px; margin-bottom:26px;}

.n_about .fl03 ul li .left h6{ height:3px; position:relative; margin-bottom:38px;}

.n_about .fl03 ul li .left h6:before{content:"";position:absolute;left:0;top: 0;width:15px;height:3px;background:#d81417;}

.n_about .fl03 ul li .left p{ font-size:14px; color:#636363; line-height:30px; margin-bottom:15px}

.n_about .fl03 ul li .right{ float:right; width:520px; padding:26px 0 0}

.n_about .fl03 ul li .right img{ width:520px; height:270px;}



.n_licheng .more{margin-top:60px;text-align:center;height: 40px;}

.n_licheng .more a{display:inline-block;width: 170px;height: 47px;line-height: 47px;font-size: 14px;color: #fff;background: #d81417;overflow:hidden;-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_licheng .more a:hover{ background:#2d2d2d;}

.n_licheng .more p{display:inline-block;width: 170px;height: 47px;line-height:  47px;background:#333;font-size: 14px;color: #fff; border-radius:3px; text-align:center}



.n_zixun{ padding:0 0 55px;}

.n_zixun h4{ font-size:22px; color:#4c4c4c; margin-bottom:32px;}

.n_zixun .fl01{ padding:50px 0 50px 0}

.n_zixun .form_box{}

.n_zixun .form_box .con{ float:left; width:388px; height:53px; line-height:51px; border:#e0e0e0 1px solid; -moz-border-radius:26.5px; -webkit-border-radius:26.5px; border-radius:26.5px; margin-bottom:16px;}

.n_zixun .form_box .con .select{ width:386px; height:51px; margin:0; border:none;}

.n_zixun .form_box .con .select .select-styled{border:none;padding: 0 22px;font-size:  15px;color: #727272;font-weight:  normal;}

.n_zixun .form_box .con .select .select-styled:hover,.n_zixun .form_box .con .select .select-styled:active,.n_zixun .form_box .con .select .select-styled.active{ background:none;}

.n_zixun .form_box .con .select .select-styled:after{ width:11px; height:8px; background:url(../image/select_bg01.png) center no-repeat; top:22px; right:22px;}

.n_zixun .form_box .con .select .select-styled:active:after,.n_zixun .form_box .con .select .select-styled.active:after{ top:20px; background:url(../image/select_bg02.png) center no-repeat}

.n_zixun .form_box .con .select .select-options{border-radius:10px;overflow:hidden;background: rgba(232, 232, 232, 0.9);}

.n_zixun .form_box .con .select .select-options li{height:40px;line-height:40px;padding:0 22px;font-weight:normal;border:none;border-bottom:rgba(220,220,220,0.38) 1px solid; color: #666;}

.n_zixun .form_box .con input{ width:386px; height:51px; margin:0; border:none; padding:0 22px; background:none; font-size:15px;color:#727272;}

.n_zixun .form_box .con input::-webkit-input-placeholder{ color:#727272;}

.n_zixun .form_box .con input::-moz-placeholder{  color:#727272; }

.n_zixun .form_box .con input::-moz-placeholder{  color:#727272;}

.n_zixun .form_box .con input::-ms-input-placeholder{  color:#727272;}

.n_zixun .form_box .con .form_title{ float:left; width:110px; padding:0 0 0 22px; font-size:15px;color:#727272;}

.n_zixun .form_box .con .opt{ float:left; font-size:15px;color:#727272; margin-right:28px;}

.n_zixun .fl02{ padding:58px 0 35px 0; border-bottom:#e0e0e0 1px solid}

.n_zixun .form_box .button{ float:left; width:388px; height:53px; line-height:51px; border:#e0e0e0 1px solid; background:#d81417; -moz-border-radius:26.5px; -webkit-border-radius:26.5px; border-radius:26.5px; margin-bottom:16px;}

.n_zixun .form_box .button:hover{ background:#2d2d2d}

.n_zixun .form_box .button input{ width:100%; height:100%; background:none; border:none; font-size:15px; color:#fff;}



.magic-radio,

.magic-checkbox {

  position: absolute;

  display: none; }



.magic-radio[disabled],

.magic-checkbox[disabled] {

  cursor: not-allowed; }



.magic-radio + label,

.magic-checkbox + label {

  position: relative;

  display: block;

  padding-left: 25px;

  cursor: pointer;

  vertical-align: middle;

  }

  .magic-radio + label:hover:before,

  .magic-checkbox + label:hover:before {

    animation-duration: 0.4s;

    animation-fill-mode: both;

    animation-name: hover-color; }

  .magic-radio + label:before,

  .magic-checkbox + label:before {

    position: absolute;

    top: 18px;

    left: 0;

    display: inline-block;

    width: 14px;

    height: 14px;

    content: '';

    border: 1px solid #c2c2c2;

    }

  .magic-radio + label:after,

  .magic-checkbox + label:after {

    position: absolute;

    display: none;

    content: ''; }



.magic-radio[disabled] + label,

.magic-checkbox[disabled] + label {

  cursor: not-allowed;

  color: #e4e4e4; }

  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,

  .magic-checkbox[disabled] + label:hover,

  .magic-checkbox[disabled] + label:before,

  .magic-checkbox[disabled] + label:after {

    cursor: not-allowed; }

  .magic-radio[disabled] + label:hover:before,

  .magic-checkbox[disabled] + label:hover:before {

    border: 1px solid #e4e4e4;

    animation-name: none; }

  .magic-radio[disabled] + label:before,

  .magic-checkbox[disabled] + label:before {

    border-color: #e4e4e4; }



.magic-radio:checked + label:before,

.magic-checkbox:checked + label:before {

  animation-name: none; }



.magic-radio:checked + label:after,

.magic-checkbox:checked + label:after {

  display: block; }



.magic-radio + label:before {

  border-radius: 50%; }



.magic-radio + label:after {

  top: 23px;

  left: 5px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #d81417;

  }



.magic-radio:checked + label:before {

  border: 1px solid #d81417;

  }



.magic-radio:checked[disabled] + label:before {

  border: 1px solid #c9e2f9; }



.magic-radio:checked[disabled] + label:after {

  background: #c9e2f9; }



.magic-checkbox + label:before {

  border-radius: 3px; }



.magic-checkbox + label:after {

  top: 2px;


  left: 7px;

  box-sizing: border-box;

  width: 6px;

  height: 12px;

  transform: rotate(45deg);

  border-width: 2px;

  border-style: solid;

  border-color: #fff;

  border-top: 0;

  border-left: 0; }



.magic-checkbox:checked + label:before {

  border: #3e97eb;

  background: #3e97eb; }



.magic-checkbox:checked[disabled] + label:before {

  border: #c9e2f9;

  background: #c9e2f9; }
  
  .DynarchCalendar-topCont{ box-sizing:content-box;}