@charset "utf-8";
/* CSS Document */

body { background:#fff; font-size:14px; font-family:"Microsoft Yahei"; color:#000; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#005097; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button],select{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#999; }
textarea::-webkit-input-placeholder { color:#999; }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.dlHead{ background:#fff; width:100%; position:relative; z-index:99; padding:0 4vw; text-align:center;} 
.dlHead-logo{ margin-top:20px;}
.dlHead-nav{ display:inline-block; vertical-align:top;}
.dlHead-nav li{ float:left; position:relative; width:130px; }
.dlHead-nav li a.far{ font-size:16px; display:block; line-height:108px;}
.dlHead-nav li.active a.far{ background:#005097 url(../images/nav-hover.png) no-repeat center; color:#fff;}
.dlHead-nav li .subNav{ background:#005097; padding:5px 0; width:100%; position:absolute; left:0; top:100%; display:none;}
.dlHead-nav li .subNav a{ display:block; font-size:15px; color:#fff; line-height:38px; margin-bottom:5px;}
.dlHead-nav li .subNav a:hover{ background:#c51c1f;}

.dlHead-search{ position:relative; padding-top:36px;}
.dlHead-search .srhBtn{ background:url(../images/search-btn.png) no-repeat; width:38px; height:38px; display:inline-block; cursor:pointer;}
.dlHead-search .srhBox{ background-color:#f0f0f0; position:absolute; right:0; top:100%; padding:10px 45px 10px 10px; width:300px; display:none;}
.dlHead-search .srhBox .inpt{ background:none; width:100%; height:30px; line-height:30px; color:#2c2c2c;}
.dlHead-search .srhBox .btn{ background:#005097 url(../images/search-btn.png) no-repeat center; width:45px; height:50px; display:inline-block; position:absolute; right:0; top:0; cursor:pointer; }


.dlBanner{ overflow:hidden; position:relative;}
.dlBanner li{ position:relative;}
.dlBanner li img{ width:100%; display:block;}
.dlBanner .swiper-pagination{ bottom:30px !important;}
.dlBanner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 7px !important; opacity:1; transition:all 0.4s;}
.dlBanner .swiper-pagination-bullet-active{ background:#ffe60d;}


.dlAbout{ background:url(../images/about-bg.png) no-repeat left center; position:relative; padding:100px 0 60px 0;}
.dlAbout-figure{ width:54.5%;}
.dlAbout-word{ width:460px; position:absolute; left:50%; margin-left:-600px; top:100px;}
.dlAbout-word .tit{ background:url(../images/about-tit.png) no-repeat left bottom; padding:0 0 12px 34px; margin-top:45px; font-size:16px; font-weight:bold;}
.dlAbout-word .txt{ line-height:30px; color:#666; text-align:justify; margin-top:25px; max-height:150px; overflow:hidden;}
.dlAbout-word .slogan { padding-top:15px;}
.dlAbout-word .slogan dd{ background:url(../images/about-line.png) no-repeat left bottom; padding:0 0 25px 20px; line-height:26px; margin-top:15px; font-size:16px; font-weight:bold; color:#666;}
.dlAbout-word .view{ background:#005097; line-height:46px; color:#fff; padding:0 42px; margin-top:50px; display:inline-block; border-radius:30px;}
.dlAbout-word .view:hover{ background:#c51c1f;}


.dlProduct{ background-image:url(../images/dlProduct-bg.jpg); background-position:center; background-size:cover; padding:75px 0; border-bottom:16px #ffe60d solid;}
.dlProduct .dlService-title .cn{ color:#fff;}
.dlProduct .dlService-title .en{ color:#fff;}
.dlProduct .dlService-title .ti{ color:rgba(255,255,255,.6);}
.dlProduc-list{ margin-top:55px; padding-bottom:75px; position:relative; overflow:hidden;}
.dlProduc-list li{ background:#fff; padding:30px 0; position:relative; text-align:center; overflow:hidden;}
.dlProduc-list li .pic{ height:310px; position:relative;}
.dlProduc-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.dlProduc-list li .tit{ font-size:18px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dlProduc-list li .cover{ background:rgba(26,33,43,.9); width:100%; height:100%; position:absolute; left:0; top:100%; padding:115px 40px 0 40px; color:#fff; transition:all 0.4s;}
.dlProduc-list li .cover .t{ font-size:30px; font-weight:bold; font-style:italic;}
.dlProduc-list li .cover .c{ line-height:24px; max-height:48px; overflow:hidden; margin-top:30px;}
.dlProduc-list li .cover .m{ background:#e40210; width:188px; height:50px; line-height:50px; display:inline-block; font-size:16px; margin-top:65px;}
.dlProduc-list li:hover .cover{ top:0;}
.dlProduc-list .button{ position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.dlProduc-list .swiper-pagination{ position:relative; display:inline-block; vertical-align:middle;}
.dlProduc-list .swiper-pagination-bullet{ background:rgba(255,255,255,.6); width:10px; height:10px; margin:0 6px !important; opacity:1;}
.dlProduc-list .swiper-pagination-bullet-active{ background:#ffe60d;}
.dlProduc-list .swiper-button-next, .dlProduc-list .swiper-button-prev{ width:40px; height:40px; position:relative; top:auto; margin-top:auto; display:inline-block; vertical-align:middle; margin:0 13px;}
.dlProduc-list .swiper-button-next{ background:url(../images/product-right.png) no-repeat;}
.dlProduc-list .swiper-button-prev{ background:url(../images/product-left.png) no-repeat;}


.dlService{ background-image:url(../images/dlService-bg.jpg); background-position:center; background-size:cover; padding:50px 0 70px 0;}
.dlService-title{ text-align:center;}
.dlService-title .cn{ font-size:36px;}
.dlService-title .en{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999; margin-top:8px;}
.dlService-title .ti{ color:#777; margin-top:18px;}
.dlService-list{ margin-top:30px;}
.dlService-list li{ background:#fff; width:576px; float:left; padding:23px 23px 35px 23px; text-align:center; position:relative; border-bottom:1px #d3d3d3 solid;}
.dlService-list li:before{ content:''; background:url(../images/jia.png) no-repeat; width:36px; height:36px; position:absolute; right:0; bottom:0;}
.dlService-list li .pic{ overflow:hidden; height:240px;}
.dlService-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.dlService-list li .tit{ font-size:24px; font-weight:bold; margin-top:20px;}
.dlService-list li .txt{ line-height:24px; color:#666; height:72px; overflow:hidden; margin-top:15px; padding:0 30px;}
.dlService-list li:last-child{ float:right;}
.dlService-list li:hover .pic img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}


.dlNews{ padding:45px 135px 70px 135px; position:relative;}
.dlNews-list{ overflow:hidden; margin-top:65px;}
.dlNews-list li{ overflow:hidden;}
.dlNews-list li .pic{ width:238px; overflow:hidden;}
.dlNews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.dlNews-list li .word{ width:calc(100% - 238px); min-height:238px; padding:35px 30px 0 30px; border:1px #ededed solid; border-left:0;}
.dlNews-list li .word .t{ font-size:20px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dlNews-list li .word .d{ display:block; color:#666; padding:15px 0;}
.dlNews-list li .word .c{ line-height:24px; max-height:72px; overflow:hidden; color:#666;}
.dlNews-list li:hover .pic img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.dlNews-list .swiper-button-next, .dlNews-list .swiper-button-prev{ width:62px; height:62px; top:auto; margin-top:auto; bottom:158px;}
.dlNews-list .swiper-button-next{ background:url(../images/news-right.png) no-repeat center #b4b4b4; right:0;}
.dlNews-list .swiper-button-next:hover{ background:url(../images/news-right.png) no-repeat center #e40210;}
.dlNews-list .swiper-button-prev{ background:url(../images/news-left.png) no-repeat center #b4b4b4; left:0;}
.dlNews-list .swiper-button-prev:hover{ background:url(../images/news-left.png) no-repeat center #e40210;}


.dlElegant{ background:#f8f8f8; padding:55px 0 60px 0;}
.dlElegant-list{ margin-top:55px;}
.dlElegant-list li{ width:25%; float:left; position:relative; overflow:hidden;}
.dlElegant-list li:before{ content:''; background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.4s; }
.dlElegant-list li:after{ content:''; background:rgba(173,13,13,.8); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;  transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; transform:scaleY(0); opacity:0; visibility:hidden\9;}
.dlElegant-list li .tit{ font-size:30px; color:#fff; position:absolute; left:40px; top:30px; z-index:1; transition:all 0.4s;}
.dlElegant-list li .cover{ width:100%; height:100%; position:absolute; left:0; top:100%; z-index:3; text-align:center; color:#fff; z-index:3; padding-top:21%; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.dlElegant-list li .cover .t{ font-size:30px; font-weight:bold;}
.dlElegant-list li .cover .c{ font-size:16px; line-height:36px; margin-top:30px;}
.dlElegant-list li:hover .tit{ opacity:0;}
.dlElegant-list li:hover:before{ opacity:0;}
.dlElegant-list li:hover:after{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; opacity:1; visibility:visible\9;}
.dlElegant-list li:hover .cover{ top:0;}


.dlFooter{ background-image:url(../images/dlFooter-bg.jpg); background-position:center; background-size:cover; padding:70px 4vw;}
.dlFooter-logo{ width:35%; margin-top:40px;}
.dlFooter-menu dl{ width:180px; float:left;}
.dlFooter-menu dl dt{ font-size:18px; color:#fff; padding-bottom:20px;}
.dlFooter-menu dl dd a{ display:block; line-height:36px; color:#c4cfe3;}
.dlFooter-menu dl dd a:hover{ color:#fff;}
.dlFooter-code{ text-align:center; color:#fff;}
.dlFooter-code img{ margin-bottom:10px;}
.dlFooter-copy{ background:#0e1013; line-height:30px; color:#fff; padding:20px 4vw;}
.dlFooter-copy .fr{ max-width:calc(100% - 500px);}
.dlFooter-copy a{ color:#fff;}



/**新闻中心**/
.pbanner img{ width:100%;}
.pmenu{ background:#005097; padding-top:3px;}
.pmenu-nav a{ padding:0 48px; float:left; position:relative; line-height:57px; font-size:16px; color:#fff;}
.pmenu-nav a:before{ content:''; background:#fff; width:1px; height:17px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.pmenu-nav a.active, .pmenu-nav a:hover{ background:#fff; color:#c51c1f; font-weight:bold;}
.pmenu-add{ color:#fff; line-height:57px;}

.pmain{ padding:30px 0 70px 0;}
.pmain .dlService-title{ padding-top:40px;}
.pabout-info{ font-size:16px; line-height:30px; color:#666; text-align:justify; padding-top:50px;}
.pabout-honor{ margin-left:-46px; position:relative;}
.pabout-honor li{ background:#fff; width:calc(25% - 46px); margin:40px 0 0 46px; float:left;}
.pabout-honor li .pic{ height:290px; position:relative;}
.pabout-honor li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pabout-honor li .tit{ background:#6d6d6d; line-height:56px; font-size:16px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pabout-honor li:hover .tit{ background:#c51c1f;}


.pnews-list li{ padding:40px 0; position:relative; border-bottom:1px #e6e6e6 solid;}
.pnews-list li:before{ content:''; background:#f8f8f8; width:calc(100% + 100px); height:0; position:absolute; left:-50px; top:50%; transition:all 0.4s;}
.pnews-list li .pic{ width:220px; overflow:hidden; position:relative; z-index:1;}
.pnews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pnews-list li .word{ width:890px; padding:0 35px; position:relative; z-index:1;}
.pnews-list li .word:before{ content:''; background:#e6e6e6; width:1px; height:74px; position:absolute; right:0; top:0;}
.pnews-list li .word .t{ background:url(../images/pnews-line.png) no-repeat left bottom; font-size:22px; padding-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pnews-list li .word .c{ line-height:24px; color:#555; height:48px; overflow:hidden; margin-top:10px;}
.pnews-list li .word .m{ background:#c0c0c0; width:100px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:32px; text-align:center; margin-top:10px; display:inline-block; font-size:12px; color:#fff;}
.pnews-list li .word .d{ font-size:14px; color:#999; margin-top:5px; display:none;}
.pnews-list li .date{ text-align:center; position:relative; z-index:1;}
.pnews-list li .date .d{ font-size:48px; color:#c51c1f; line-height:1;}
.pnews-list li .date .y{ font-size:12px; color:#999; margin-top:4px;}
.pnews-list li:hover:before{ height:100%; top:0;}
.pnews-list li:hover .pic img{ transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.pnews-list li:hover .word .m{ background:#c51c1f;}


.ppage{ padding-top:50px; font-size:0; text-align:center;}
.ppage a{ background:#d2d2d2; line-height:38px; margin:0 7px; vertical-align:top; padding:0 14px; display:inline-block; font-size:16px; color:#fff; }
.ppage .nowpage{ background:#c51c1f; line-height:38px; margin:0 7px; vertical-align:top; font-size:16px; padding:0 14px; display:inline-block; color:#fff;}
.ppage a:hover{ background:#c51c1f; color:#fff;}


.pnews-detaWarp{ background:#fff; padding:60px 35px 30px 35px; position:relative; margin-top:-150px; z-index:2; border-top:4px #005097 solid; box-shadow:0 0 13px rgba(47,54,57,.13);}
.pnews-detaTop{ padding-bottom:25px; border-bottom:1px #e5e5e5 solid;}
.pnews-detaTop .t{ font-size:30px; padding-bottom:30px; }
.pnews-detaTop .c span{ color:#999; padding-right:40px;}
.pnews-detaInfo{ font-size:16px; line-height:30px; text-align:justify; color:#555; padding:50px 0;}
.pnews-detaPage a{ display:block; padding:30px 0; font-size:16px; border-top:1px #e5e5e5 solid;}
.pnews-detaPage a span{ padding-right:40px; color:#999;}
.pnews-detaPage a:hover{ color:#c51c1f;}
.pnews-detaPage a:hover span{ color:#c51c1f;}
.pnews-detaPage a.return{ color:#999;}
.pnews-detaPage a.return:hover{ color:#c51c1f;}


/**联系我们**/
.pcontact{ padding-top:55px;}
.pcontact-figure{ width:476px;}
.pcontact-word{ width:660px;}
.pcontact-word dl{ margin-bottom:25px; line-height:34px;}
.pcontact-word dl dt{ min-width:155px; font-size:20px; font-weight:bold; float:left;}
.pcontact-word dl dd{ overflow:hidden; font-size:16px; }
.pcontact-word dl dd a{ color:#005097;}
.pcontact-word dl dd .code{ margin-top:25px;}
.pcontact-word dl dd .code img{ width:130px; display:inline-block; vertical-align:middle;}
.pcontact-word dl dd .code .c{ display:inline-block; vertical-align:middle; font-size:14px; line-height:24px; padding-left:10px;}


/**人才招聘**/
.pjoin-list .jt { padding:0 68px 0 35px; margin-top:40px; line-height:68px; position:relative; border:1px #d6d6d6 solid; cursor:pointer;}
.pjoin-list .jt span { float:left; color:#666;}
.pjoin-list .jt span.name{ width:255px; font-size:20px; font-weight:bold; color:#222;}
.pjoin-list .jt span.where{ width:270px;}
.pjoin-list .jt span.number{ width:260px;}
.pjoin-list .jt span.arrow{ background:#d8d8d8; width:68px; height:68px; position:absolute; right:0; top:0; }
.pjoin-list .jt span.arrow:before{ content:''; background:#fff; width:32px; height:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt span.arrow:after{ content:''; background:#fff; width:2px; height:32px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pjoin-list .jt.jt-act span.name{ color:#c51c1f;}
.pjoin-list .jt.jt-act span.arrow{ background:#c51c1f;}
.pjoin-list .jt.jt-act span.arrow:after{ display:none;}
.pjoin-list .jc { background:#f5f5f5; display:none; line-height:33px; padding:30px 45px;}



/**员工风采**/
.pelegant-list{ margin-left:-26px; position:relative; margin-top:45px;}
.pelegant-list li{ width:calc(25% - 26px); float:left; text-align:center; margin-left:26px;}
.pelegant-list li img{ width:100%;}
.pelegant-list li .tit{ font-size:18px; margin-top:20px;}


/**产品中心**/
.pproduct-screen{ margin:-10px 0 0 -10px;}
.pproduct-screen a{ background:#fff; float:left; line-height:37px; margin:10px 0 0 10px; border-radius:25px 0 25px 0; padding:0 30px;}
.pproduct-screen a.active, .pproduct-screen a:hover{ background:#d31417; color:#fff;}

.pproduct-list{ margin-left:-30px; position:relative;}
.pproduct-list li{ width:calc(25% - 30px); margin:35px 0 0 30px; float:left; text-align:center;}
.pproduct-list li .pic{ background:#fff; height:316px; position:relative;}
.pproduct-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pproduct-list li .tit{ font-size:18px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pproduct-detaTop{ background:#fff; padding:40px 60px 65px 60px;}
.pproduct-detaTop-word{ width:460px;}
.pproduct-detaTop-word .t{ font-size:30px; font-weight:bold;}
.pproduct-detaTop-word .st{ font-size:24px; margin-top:15px; line-height:36px;}
.pproduct-detaTop-word .c{ font-size:18px; line-height:36px; color:#555; margin-top:30px;}
.pproduct-detaTop-figure{ width:550px;}
.pproduct-detaTop-figure .gallery-top{ position:relative; overflow:hidden; border:20px #fafafc solid;}
.pproduct-detaTop-figure .gallery-top li{ height:395px; position:relative;}
.pproduct-detaTop-figure .gallery-top li img{ max-height:100%;  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.pproduct-detaTop-figure .swiper-button-next, .pproduct-detaTop-figure .swiper-button-prev{ background:#a0a0a0 url(../images/product-arrow.png) no-repeat center; width:30px; height:36px; margin-top:-18px;}
.pproduct-detaTop-figure .swiper-button-next{ right:0; transform:rotate(180deg);}
.pproduct-detaTop-figure .swiper-button-next:hover{ background-color:#c51c1f;}
.pproduct-detaTop-figure .swiper-button-prev{ left:0;}
.pproduct-detaTop-figure .swiper-button-prev:hover{ background-color:#c51c1f;}
.pproduct-detaTop-figure .gallery-thumbs{ overflow:hidden;}
.pproduct-detaTop-figure .gallery-thumbs li{ height:102px; position:relative; text-align:center;}
.pproduct-detaTop-figure .gallery-thumbs li:before{ content:''; background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.pproduct-detaTop-figure .gallery-thumbs li img{ max-height:100%;}
.pproduct-detaTop-figure .gallery-thumbs li.swiper-slide-thumb-active { border:2px #c51c1f solid;}
.pproduct-detaTop-figure .gallery-thumbs li.swiper-slide-thumb-active:before{ display:none;}

.pproduct-detaInfo{ background:#fff; padding:0 60px 50px 60px;}
.pproduct-detaInfo .d-tit{ background:#f6f6f6;}
.pproduct-detaInfo .d-tit .cn{ background:#c51c1f; font-size:18px; line-height:56px; color:#fff; font-weight:bold; position:relative; display:inline-block; padding:0 68px;}
.pproduct-detaInfo .d-tit .cn:before{ content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #c51c1f; position:absolute; bottom:-10px; left:50%; margin-left:-5px;}
.pproduct-detaInfo .d-txt{ font-size:16px; line-height:30px; color:#555; text-align:justify; padding-top:50px;}



.mobile-inner { width: 100%; position: relative; display: none; z-index: 9999; font-family: "microsoft yahei"; }
.mobile-inner.scoll { position: fixed; left: 0; top: 0; }
.mobile-inner-header {background-color:#14345d;width: 100%;height: 46px;line-height: 46px;padding-left: 15px;font-size: 16px;color: #fff;}
.mobile-inner-header-icon {color: #ffffff;height: 46px;font-size: 25px;text-align: center;float: right;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover { background-color: rgba(255,255,255,0.2); cursor: pointer; }
.mobile-inner-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color: rgba(255,255,255,1); }
.mobile-inner-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg); }
.mobile-inner-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
.mobile-inner-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
 @keyframes clickfirst {  0% {
 transform: translateY(4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond {  0% {
 transform: translateY(-4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
.mobile-inner-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }
.mobile-inner-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
 @keyframes outfirst {  0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-4px) rotate(0deg);
}
}
 @keyframes outsecond {  0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(4px) rotate(0deg);
}
}
.mobile-inner-nav { background-color:#005097; width: 100%; position: absolute; top: 40px; left: 0px; padding: 10px 15px 20px 15px; display: none; }
.mobile-inner-nav a { display: block; line-height: 45px; text-decoration: none; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size:16px; font-weight:bold;}
.mobile-inner-nav a:last-child { border-bottom: 0; }
.mobile-inner-nav a:hover { color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); }