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

body { font-size:14px; font-family:"Microsoft Yahei"; color:#333; background:#fff; -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:#1d61b7; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none;  word-break:break-all; word-wrap:break-word; 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:88%; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}
.c-blue{ color:#1d61b7;}



/*阻止旋转屏幕时自动调整字体大小*/
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] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#777; }
textarea::-webkit-input-placeholder { color:#777; }
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**/
.htHead-Box{ padding-bottom:100px;}
.htHead{ background:#fff; width:100%; position:fixed; left:0; top:0; z-index:9999; height:100px; box-shadow:0 1px 2px rgba(0,0,0,.1);}
.htHead-logo{ margin-top:17px;}


.navlist li{ width:140px; float:left; display: block;}
.navlist li a{ padding-top:40px; height:100px; font-size:18px; font-weight:bold; display:block; text-align: center;}
.navlist li a.act,.nav li.hov a{ color:#1d61b7;}
.subbg{ position:fixed; left:0px; top:100px; z-index:800; background: none rgba(7,82,176,0.90); width:100%; padding:0 6%; display:none;}
.subbox { position:relative; overflow:hidden; float:right; }
.subnav { float:left; padding:15px 0px; height:300px; width:140px;  position:relative; border-right:1px solid #5286c8;}
.subnav a { text-align:center; display: block; position:relative; font-size:14px; line-height:22px; padding:5px 0; color:#fff;}
.subnav a:hover{ text-decoration:underline;}
.subnav .cbg { content: ""; background-color:#0092dc; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:50%; transform-origin:50%;-webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.subnavAct .cbg{ -webkit-transform:scaleX(1); transform:scaleX(1);}


.htBanner{ position:relative; width:100%;}
.htBanner li img{ width:100%; display:block;}


.htCmo{ width:50%; position:relative; overflow:hidden;}
.htCmo-tit{  width:100%;  font-size:48px; padding:40px 0 0 60px; color:#fff; text-transform:uppercase; text-align:left; position:absolute; left:0; top:0; z-index:2; transition:all 0.4s;}
.htCmo-tit .en{ font-size:30px; text-transform:none;  vertical-align:top; display:block;}
.htCmo-con{ overflow:hidden;}
.htCmo-con img{ width:100%; display:block; transition:all 0.3s;}
.htCmo-con:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.htCmo:hover .htCmo-tit{ transform:translateY(0); opacity:1; visibility:visible;}


.htMarke{ width:33.3%; position:relative; overflow:hidden;}
.htMarke img{ width:100%; display:block; transition:all 0.3s; }
.htMarke .tit{ font-size:48px; color:#fff; width:96px; line-height:55px; display:inline-block; position:absolute; left:60px; top:40px; z-index:1;}
.htMarke:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.htNews{ width:33.3%; position:relative; overflow:hidden;}
.htNews img{ width:100%; display:block; transition:all 0.3s; }
.htNews:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.htNews .tit{ font-size:48px; color:#fff; width:96px; line-height:55px; display:inline-block; position:absolute; left:60px; top:40px; z-index:1;}

.htNews-pic{ overflow:hidden;}
.htNews-pic img{ width:100%; display:block; transition:all 0.3s;}
.htNews-pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.htNews-word{ padding:35px 25px 0 25px;}
.htNews-word .t{ font-size:18px; font-weight:bold; color:#1d61b6;}
.htNews-word .c{ height:24px; overflow:hidden; margin-top:20px;}
.htNews-word .c li{ font-size:18px; line-height:24px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.htNews-word .c li span{ float:right; font-size:16px;}



.htContact{ background:#0f80d6; position:relative; width:33.3%; overflow:hidden;}
.htContact img{ width:100%; display:block; transition:all 0.3s; }
.htContact:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.htContact .word{  position:absolute; left:60px; top:40px; color:#fff; transition:all 0.4s;}
.htContact .word .t{ font-size:48px; color:#fff; width:96px; line-height:55px; display:inline-block;}
.htContact .word .c{ font-size:20px; margin-top:18px; transition:all 0.4s; opacity:1;}
.htContact .word .en{ font-family:Impact; font-size:18px; text-transform:uppercase; margin-top:15px; transition:all 0.4s; opacity:1;}

.htContact:hover .word .c{ opacity:1;}
.htContact:hover .word .en{ opacity:1;}


.htAbout{ background-image:url(../images/htAbout-Bg.jpg); background-position:center; background-size:cover; width:100%; min-height:520px;}
.htAbout-tit{ font-size:36px; padding-top:65px;}
.htAbout-txt{ max-width:42%; font-size:16px; line-height:28px; color:#555; margin-top:15px; text-align:justify;}
.htAbout-list{ padding-top:65px; text-align:center;}
.htAbout-list li{ background:url(../images/htAbout-i1.png) no-repeat; width:216px; height:188px; padding-top:30px; vertical-align:top; margin:0 50px; display:inline-block; transition:all 0.4s;}
.htAbout-list li .icon{ display:inline-block; vertical-align:top; font-size:70px; color:#979797;}
.htAbout-list li .tit{ font-size:18px; color:#666; margin-top:15px; text-align:center;}
.htAbout-list li:hover{ background:url(../images/htAbout-i2.png) no-repeat; }
.htAbout-list li:hover .icon{ color:#fff;}
.htAbout-list li:hover .tit{ color:#fff;}


.htHot { position:fixed; top:12%; z-index:9999; left:-715px; }
.htHot-tit { background-color:#1d61b7; height:190px; width:60px; margin-top:200px; position:relative; color:#fff; font-size:22px; text-align:center; padding:25px 18px 0px 18px; line-height:27px; display:block; float:left; cursor:pointer; }
.htHot-tit .iconfont{ font-size:24px; display:inline-block; margin-top:10px;}
.htHot-list{ background:#1d61b7; padding:20px; padding-right:14px; float:left; display:block; width:715px; }
.htHot-list li { width:220px; display:inline-block; float:left; margin:0px 7px 6px 0px; }
.htHot-list li a span { background:#4a4a4a; width:100%; display:block; text-align:center; height:30px; line-height:30px; color: #fff;  }




.htFooter{ padding:55px 0 45px 0;}
.htFooter-contact .t{ font-size:24px; color:#666;}
.htFooter-contact .c{ line-height:30px; color:#666; margin-top:15px;}
.htFooter-code{ text-align:center; line-height:30px; color:#666;}
.htFooter-code img{ margin-bottom:10px;}
.htFooter-code a{ color:#666;}


/**新闻中心**/
.pbanner img{ width:100%; display:block;}
.plocat{ height:50px; line-height:50px; border-bottom:1px #eee solid;}
.plocat-menu a{ padding:0 9px; display:inline-block; position:relative; color:#666; margin-right:60px; float:left;}
.plocat-menu a.active, .plocat-menu a:hover{ color:#1d61b7;}
.plocat-menu a:before{ content:''; background:#1d61b7; width:0; height:2px; position:absolute; left:50%; bottom:-1px; transition:all 0.4s;}
.plocat-menu a:after{ content:''; background:#cacaca; width:1px; height:12px; position:absolute; top:50%; margin-top:-6px; right:-35px;}
.plocat-menu a.active:before, .plocat-menu a:hover:before{ width:100%; left:0;}

.plocat-add{ color:#666;}
.plocat-add .sy{ font-size:22px; color:#4e83c7; display:inline-block; vertical-align:top; padding:0 9px; border-right:1px #eee solid; border-left:1px #eee solid; margin-right:12px;}



.pnews-list li{ display:inline-block; padding:30px 0; overflow:hidden;}
.pnews-list li .pic{ width:385px; overflow:hidden;}
.pnews-list li .pic img{ width:100%; transition:all 0.4s; display:block;}
.pnews-list li .word{ width:calc(100% - 385px); padding-left:35px;}
.pnews-list li .date{ display:block; color:#777;}
.pnews-list li .tit{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:15px;}
.pnews-list li .txt{ line-height:30px; max-height:60px; overflow:hidden; color:#666; margin-top:15px; text-align:justify;}
.pnews-list li .more{ width:144px; height:42px; line-height:40px; display:block; color:#1d61b7; margin-top:20px; text-align:center; border:1px #1d61b7 solid;}
.pnews-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pnews-list li:hover .more{ background:#1d61b7; color:#fff;}
.pnews-more{ background:#606060; display:block; text-align:center; font-size:18px; color:#fff; padding:25px 0; margin-top:80px; line-height:30px;}
.pnews-more .iconfont{ font-size:30px; margin-right:10px; display:inline-block; vertical-align:top;}
.pnews-more:hover{ background:#1d61b7; color:#fff;}


.pnews-detaMain{ background:#ededed; padding-bottom:65px;}
.pnews-detaWarp{ background:#fff; width:1300px; margin:auto; position:relative; margin-top:-250px; z-index:2; padding:60px 55px; border-top:4px #1d61b7 solid;}
.pnews-detaTitle .t{ font-size:30px; padding-bottom:40px; border-bottom:2px #e5e5e5 solid;}
.pnews-detaTitle .c{ color:#999; padding-top:20px;}
.pnews-detaTitle .c span{ padding-right:40px;}
.pnews-detaCont{ font-size:16px; color:#666; line-height:30px; text-align:justify; padding-top:40px;}




/**产品中心**/
.pproduct-screen{ background:#f0f0f0; max-width:560px; padding:23px 0; margin-top:50px;}
.pproduct-screen .tit{ line-height:34px; font-size:20px; float:left; padding-left:30px; padding-right:18px;}
.pproduct-screen .return{ background:#1d61b7; padding:0 24px; color:#fff; line-height:34px; float:left; display:inline-block; margin-left:20px;}
.pproduct-screen .return .iconfont{ display:inline-block; vertical-align:top; margin-right:10px;}
.pproduct-screen .select { width:218px; height:34px; position:relative; z-index:100; float:left; }
.pproduct-screen .select-span { background:#fff; height:34px; line-height:32px; display:block; color:#888; padding-left:17px; position:relative; border:1px #e0e0e0 solid;}
.pproduct-screen .select-span .iconfont{ background:#e3e3e3; width:34px; height:32px; line-height:32px; text-align:center; font-size:10px; color:#969696; position:absolute; right:0; top:0;}
.pproduct-screen .select-list { background:#e2e2e2; position:absolute; top:100%; width:100%; left:0; padding:15px 0px; z-index:110; display:none; height:155px; overflow:scroll; overflow-x:hidden; }
.pproduct-screen .select-list a { color:#4f4f4f; padding:4px 14px; display:block; }
.pproduct-screen .select-list a:hover { background:#1d61b7; color:#fff; }


.pproduct-list{ position:relative; margin-left:-45px;    display: flex;
    flex-wrap: wrap;}
.pproduct-list li{ width:calc(25% - 45px); margin-left:45px; margin-top:45px; float:left; padding:16px; text-align:center; display:inline-block; border:1px #ddd solid;}
.pproduct-list li .pic{ max-height:258px; overflow:hidden;}
.pproduct-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pproduct-list li .tit{ font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:18px;}
.pproduct-list li .txt{ color:#666; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pproduct-list li:hover .pic img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}


.pproduct-detaTop .figure{ width:507px;}
.pproduct-detaTop .figure img{ width:100%;}
.pproduct-detaTop .word{ width:calc(100% - 507px); padding:100px 0 0 50px;}
.pproduct-detaTop .word .t{ font-size:40px; font-weight:bold;}
.pproduct-detaTop .word .c{ font-size:16px; line-height:30px; color:#888; padding-top:30px;}



/**联系我们**/
.pcontact{ position:relative; width:1080px; margin:auto; padding-top:70px; z-index:1; padding-bottom:70px;}
.pcontact-list{ margin-left:-30px; position:relative;}
.pcontact-list li{ background:#fff; width:calc(33.3% - 30px); float:left; margin-left:30px; position:relative; text-align:center;}
.pcontact-list li .icon{ background:#1d61b7; width:100px; height:100px; line-height:96px; font-size:30px; color:#fff; display:inline-block; margin-top:-40px; vertical-align:top; position:relative; border:2px #fff solid; border-radius:50%;}
.pcontact-list li .text{ padding:25px 35px 30px 35px; line-height:30px; color:#888; min-height:118px; border-bottom:3px #f5f3f0 solid; transition:all 0.4s;}
.pcontact-list li:hover .text{ color:#1d61b7; border-color:#1d61b7;}



/**人力资源**/
.pjoin-main{ position:relative; overflow:hidden;}
.pjoin-main .w{ width:72%; }
.pjoin-concept{ padding:40px 0;}
.pjoin-concept .t{ text-align:center; font-size:30px; color:#1d61b7;}
.pjoin-concept .c{ background:#0f80d6 url(../images/c-Bg.jpg) no-repeat right bottom; margin-top:60px;}
.pjoin-concept .c .c-img{ width:50%;}
.pjoin-concept .c .c-word{ width:50%; padding:40px 35px 0 35px; font-size:18px; line-height:36px; color:#fff; text-align:justify;}


.pjob-pic{ padding:80px 0;}
.m-pjob-pic{ display:none; padding:15px 0;}
.pJob-list { margin-top:45px;}
.pJob-list .jt{ background:#ededed; line-height:50px; margin-top:1px; padding:0 25px; position:relative;}
.pJob-list .jt .name{ font-size:18px;}
.pJob-list .jt .arrow{ width:26px; height:26px; border:1px #555 solid; border-radius:50%; position:absolute; right:20px; top:12px;}
.pJob-list .jt .arrow:before{ content:''; background:#555; width:3px; height:15px; position:absolute; left:11px; top:5px;}
.pJob-list .jt .arrow:after{ content:''; background:#555; width:15px; height:3px; position:absolute; left:5px; top:11px;}
.pJob-list .jt.jt-act{ background:#015bac; color:#fff;}
.pJob-list .jt.jt-act .arrow{ border-color:#fff;}
.pJob-list .jt.jt-act .arrow:before{ display:none;}
.pJob-list .jt.jt-act .arrow:after{ background:#fff;}
.pJob-list .jc{ background:#f4f4f4; padding:25px; line-height:30px; color:#555; display:none;}
.pJob-list .jc .c-t{ font-weight:bold; color:#333; padding-top:25px;}
.pJob-list .jc .column li{ padding-right:50px; float:left;}
.pJob-list .jc .column li label{ font-weight:bold; color:#333;}


.pjoin-accept{ background-image:url(../images/pjoin-accepBg.jpg); background-position:center; background-size:cover; width:100%; min-height:502px; padding-top:55px;}
.pjoin-accept .t{ text-align:center; font-size:30px; color:#fff;}
.pjoin-accept .c{ color:#fff; line-height:30px; text-align:center; padding-top:35px;}
.pjoin-accept-list{ text-align:center; position:relative; padding-top:10px;}
.pjoin-accept-list li{ background:#1d61b7; width:210px; margin:34px 42px 0 42px; display:inline-block; line-height:50px; font-size:16px; text-align:center; color:#fff; display:inline-block; vertical-align:top; cursor:pointer;}


.accept-popup{ background:rgba(0,0,0,.7); width:100%; padding-left:120px; position:absolute; right:-100%; top:-50px; z-index:999; transition:all 0.4s;}
.accept-popup-iboxt{ background:#fff; overflow-y:auto;}
.accept-popup-iboxt .title{ background:#ededed; padding:110px 0 110px 22%; color:#666;}
.accept-popup-iboxt .title .t{ font-size:36px; line-height:1;}
.accept-popup-iboxt .title .d{ display:block; margin-top:18px; line-height:21px;}
.accept-popup-iboxt .title .d .iconfont{ font-size:20px; margin-right:10px; vertical-align:top; display:inline-block;}
.accept-popup-iboxt .word{ padding:25px 0 55px 22%; color:#666; line-height:30px;}
.accept-popup-iboxt .word .t{ padding:30px 0;}
.accept-popup .close{ background:#1d61b7; width:120px; height:120px; font-size:26px; line-height:30px; color:#fff; display:inline-block; padding:25px 30px 0 30px; text-align:center; position:absolute; left:0; top:50%; margin-top:-60px;}



/**走进海通**/
.pabout-info{ background:#fafafa; padding:100px 0 134px 0; position:relative;}
.pabout-info:before{ content:''; background-image:url(../images/pabout-infoWordBg.jpg); background-size:cover; background-position:center; width:100%; height:415px; position:absolute; bottom:0; left:0;}
.pabout-infoTitle{ background:#fff; padding:45px 0 20px 0; text-align:center; position:relative; z-index:1; border-top:3px #1d61b7 solid;}
.pabout-infoTitle .cn{ font-size:36px; font-weight:bold; color:#1d61b7;}
.pabout-infoTitle .en{ font-size:24px; color:#1d61b7; font-style:italic; margin-top:15px;}
.pabout-infoWord{ background:rgba(255,255,255,.9); text-align:center; line-height:30px; font-size:16px; padding:45px 5% 0 5%; min-height:280px; position:relative; z-index:1;}


.pabout-arch{ text-align:center; padding:45px 0 65px 0; text-align:center;}
.pabout-arch .tit{ font-size:36px; font-weight:bold; color:#1d61b7;}
.pabout-arch .txt{ font-size:16px; line-height:36px; color:#666; padding:30px 0;}


.pabout-devel{ background-image:url(../images/pabout-develBg.jpg); background-size:cover; background-position:center; padding:65px 0 55px 0;}
.pabout-devel-tit{ text-align:center; font-size:36px; font-weight:bold; color:#fff; padding-bottom:75px;}
.pabout-devel-list{ overflow:hidden; position:relative; padding-bottom:60px;}
.pabout-devel-list li{ background:#fff; width:20%; padding:25px 18px; border-radius:10px; float:left;}
.pabout-devel-list li .t{ font-size:40px; line-height:1; padding-bottom:20px; border-bottom:1px #e5e5e5 solid;}
.pabout-devel-list li .c{ font-size:16px; line-height:30px; text-align:justify; color:#666; text-indent:30px; margin-top:20px; height:270px; overflow:hidden;}
.pabout-devel-list .swiper-scrollbar{ background:#bcbcbc; width:66% !important; height:4px; left:17% !important; bottom:0 !important;}
.pabout-devel-list .swiper-scrollbar-drag{ background:#1d61b7;}


.pabout-honor{ background:#ededed; padding-bottom:65px;}
.pabout-honor-title{ background:#1d61b7; text-align:center; color:#fff; padding:45px 0 60px 0;}
.pabout-honor-title .t{ font-size:36px; font-weight:bold;}
.pabout-honor-title .c{ font-size:16px; line-height:30px; margin-top:35px;}
.pabout-honor-list{ width:65%; margin:auto; overflow:hidden; position:relative; padding-bottom:90px; margin-top:5px;}
.pabout-honor-list li .ho-item{ background:#fff; margin-top:54px;}
.pabout-honor-list .swiper-pagination{ font-size:0;}
.pabout-honor-list .swiper-pagination-bullet{ background:#fff; width:20px; height:20px; opacity:1; margin:0 15px !important;}
.pabout-honor-list .swiper-pagination-bullet-active{ background:#1d61b7;}

.pabout-culture{ background-image:url(../images/pabout-cultureBg.jpg); background-size:cover; background-position:center; padding:70px 0 80px 0; color:#fff; text-align:center;}
.pabout-culture .tit{ font-size:36px; font-weight:bold;}
.pabout-culture .txt{ font-size:16px; line-height:30px; padding:25px 0 95px 0;}
.pabout-culture .list li{ width:320px; display:inline-block; padding:0 40px; vertical-align:top;}
.pabout-culture .list li .icon{ width:150px; height:150px; line-height:148px; display:inline-block; vertical-align:top; font-size:24px; font-weight:bold; border-radius:50%; border:1px solid rgba(255,255,255,.6); transition:all 0.4s;}
.pabout-culture .list li .t{ font-size:20px; margin-top:25px;}
.pabout-culture .list li .c{ margin-top:18px; line-height:24px; opacity:0; transition:all 0.4s;}
.pabout-culture .list li:hover .icon{ background:#fff; color:#2367a5;}
.pabout-culture .list li:hover .c{ opacity:1;}


/**手机导航**/
.menuBtn { background:#1d61b7; width:50px; height:50px; position:absolute; right:0; top:0; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menuBtn .burger {  background:#fff; width:28px; height:3px; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0px 0px 0px -14px; border-radius:3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menuBtn .burger-2 { top:24px; }
.menuBtn .burger-3 { top:32px; }
.menuBtn.active .burger-1 { top: 22px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 22px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#1d61b7; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:18px; position: relative; padding:10px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#1d61b7; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#1d61b7;}

.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}



.caseMmenu{ background-color:#1d61b7;  position: relative; z-index:10; margin-top:5px; display:none;}
.caseMmenu dt {  width: 100%; color: #fff;  line-height:40px; height:40px; overflow: hidden; text-align: center; font-size:15px; cursor:pointer; }
.caseMmenu dt .caret { display:inline-block; width:0; height:0; margin-left:10px; vertical-align:middle; border-top:6px solid; border-right:6px solid transparent; border-left:6px solid transparent; }
.caseMmenu dd{ background-color:#1d61b7; position:absolute; left:0px; top:40px; padding:10px 0; width:100%; display:none;}
.caseMmenu dd a { text-align:center; font-size:15px; display:block; line-height:32px; color:#fff;}
.caseMmenu dd a.act, .caseMmenu dd a:hover { background:#fff; color:#1d61b7; }