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

html { font-family: "microsoft yahei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 1.5rem; line-height: 1.6; color: #333; background-color:#fff; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
input, select, textarea, button{ vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
img { border: 0; vertical-align: middle; max-width:100%; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #444; }
a:hover { color: #d40000; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li, ol, dl, dt {list-style: none;}
h1, h2, h3 { font-weight: normal; }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }

/*阻止旋转屏幕时自动调整字体大小*/
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: rgba(0,0,0,.3); }
textarea::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
input::-webkit-input-speech-button { display: none; }
/*清除select默认箭头*/
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none;}/* 清除select默认箭头 for IE 11 */



/**index**/
.p-head{ background:#fff; width:100%; height:60px; position:fixed; left:0; top:0; z-index:999;}
.logo{ background-image:url(../images/logo.png); background-size:70px auto; width:70px; height:48px; position:absolute; left:10px; top:5px; z-index:20;}
.navBtn{ background:url(../images/navBtn.png) no-repeat; background-size:38px auto; width:38px; height:38px; position:absolute; right:12px; top:11px; cursor:pointer; z-index:20;}
.mtop{ width:100%; height:60px; display:block;}


.appMain{ max-width:750px; margin:auto;}

.banner{ width:100%; background-size:cover; background-position:top center; height:480px; position:relative;}
.banner .fish{ background:url(../images/fish.png) no-repeat; background-size:130px auto; width:130px; height:144px; display:inline-block; position:absolute; left:0; bottom:-10px;}
.banner .octopus{ background:url(../images/octopus.png) no-repeat; background-size:115px auto; width:115px; height:160px; display:block; position:absolute; right:5px; bottom:-20px;}

.about-pic{ background-image:url(../images/about-picBg.jpg); width:100%; background-size:cover; background-position:top center; height:327px; position:relative; padding-top:30px;}
.about-picTit{ text-align:center; height:35px; }
.about-picTit img{ max-height:100%;}
.about-picList{ width:83%; margin:auto; margin-bottom:0 !important; margin-top:15px;}
.about-picList .item{ background-size:cover; background-position:center; width:100%; height:220px;}
.about-picList .slick-dots{ bottom:10px; font-size:0;}
.about-picList .slick-dots li{ width:10px; height:10px; margin:0 4px;}
.about-picList .slick-dots li button{ width:10px; height:10px; border:1px rgba(0,0,0,.7) solid; padding:0; border-radius:50%;}
.about-picList .slick-dots li button:before{ display:none;}
.about-picList .slick-dots li.slick-active button{ background:#287eae; border-color:#287eae;}


.about-word{ background-image:url(../images/about-wordBg.jpg); width:100%; background-size:cover; background-position:top center; height:293px; padding:0 10px; position:relative;}
.about-word .t{ color:#fff; font-weight:bold; text-align:center; padding-top:30px; font-size:20px;}
.about-word .c{ text-align:center; color:rgba(255,255,255,.9); padding:0 10px; margin-top:10px; max-height:96px; overflow:hidden;}
.about-word .m{ text-align:center; padding-top:20px;}
.about-word .m a{ background-image:url(../images/about-more.png); background-size:123px auto; width:123px; height:30px; line-height:30px; color:#fff; text-align:left; text-indent:20px; display:inline-block;}
.about-word:before{ content:''; background:url(../images/about-icon.png) no-repeat; background-size:135px auto; width:135px; height:115px; display:block; position:absolute; right:0; bottom:-50px;}

.product{ background-image:url(../images/productBg.jpg);  width:100%; background-size:cover; background-position:top center; height:1040px; padding-top:30px;}
.prodcut-title{ background:url(../images/product-titleBg.png) no-repeat center; background-size:120px auto; text-align:center; min-height:124px; padding-top:30px;}
.prodcut-title img{ height:35px;}
.prodcut-title .m{ display:block; color:rgba(255,255,255,.8); font-size:16px; margin-top:5px;}


.proItem-01{ height:300px; padding-left:5px;}
.proItem-01 img{ max-height:100%;}
.proItem-02{ height:350px; padding-right:5px; text-align:right; position:relative; margin-top:-100px;}
.proItem-02 img{ max-height:100%;}
.proItem-03{ height:320px; padding-left:5px;  position:relative; margin-top:-20px;}
.proItem-03 img{ max-height:100%;}


.footer{ background-image:url(../images/footerBg.jpg);  width:100%; background-size:cover; background-position:top center; height:365px; padding:50px 10px 0 10px;}
.footer-title{ height:35px; text-align:center;}
.footer-title img{ max-height:100%;}
.footer-tel{ padding-top:15px; line-height:35px; font-size:18px; color:#fff;}
.footer-tel .f-tel{ background:url(../images/f-tel.png) no-repeat left center;  background-size:35px auto; padding-left:45px; }
.footer-tel .f-wx{ background:url(../images/f-wx.png) no-repeat right center; background-size:40px auto; padding-right:45px; margin-left:30px;}
.footer-link{ border-top:1px #2f4369 solid; border-bottom:1px #2f4369 solid; margin-top:10px;}
.footer-link li{ width:45%; float:left; text-align:center; height:50px; display:table; vertical-align:middle; padding:10px 10px 0 10px;}
.footer-link li:first-child{ width:30%; border-right:1px #2f4369 solid;}
.footer-link li:last-child{ width:25%; border-left:1px #2f4369 solid;}
.footer-link li img{ max-height:30px;}
.footer-copy{ color:rgba(255,255,255,.7); font-size:14px; line-height:30px; padding-top:10px;}


.second-menu{ position:relative; z-index:99;}
.second-menu-head{ background:#d40000; height:45px; padding:0 10px; position:relative; cursor:pointer;}
.second-menu-head .cn{ line-height:45px; color:#fff; font-size:18px; float:left;}
.second-menu-head .ico{ background:url(../images/second-menu-icon.png) no-repeat; background-size:29px auto; width:29px; height:15px; display:inline-block; position:absolute; right:15px; top:15px; -moz-transition: -moz-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; -webkit-transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out;}
.second-menu-list{ background:rgba(0,0,0,.8); width:100%; position:absolute; left:0; top:45px; padding-top:20px; text-align:center; display:none;}
.second-menu-list a{ display:block; font-size:16px; color:#fff; position:relative; padding-bottom:20px;}
.second-menu-list a:hover, .second-menu-list a.active { color:#d40000;}
.second-menu-list a:before{ content:''; background:rgba(255,255,255,.4); width:1px; height:15px; position:absolute; left:50%; bottom:2px;}
.second-menu-list a:last-child:before{ background:none;}
.second-menu.open  .ico{ -moz-transform:rotate(135deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);} 
.second-menu.open .second-menu-list{ display:block; -moz-animation:subnav-open 0.3s ease; -webkit-animation:subnav-open 0.3s ease; animation:subnav-open 0.3s ease;}
@-moz-keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
transform:scaleY(1)
}
}
@-webkit-keyframes subnav-open { 0% {
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes subnav-open { 0% {
-moz-transform:scaleY(0.85);
-ms-transform:scaleY(0.85);
-webkit-transform:scaleY(0.85);
transform:scaleY(0.85)
}
100% {
-moz-transform:scaleY(1);
-ms-transform:scaleY(1);
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}

.pPro-Banner{ background-size:cover; background-position:top center; width:100%; height:250px;}
.pPro-menu{ padding:5px;}
.pPro-menu a{ padding:3px 18px; float:left; margin:5px 5px; border-radius:3px; border:1px #dcdcdc solid;}
.pPro-menu a.active, .pPro-menu a:hover{ background:#d40000; border-color:#d40000; color:#fff;}
.pPro-list{ padding:0 5px 20px 5px;}
.pPro-list li{ width:50%; padding:15px 5px 0 5px; float:left; text-align:center; display:inline-block;}
.pPro-list li .img-box{ padding:4px; border-radius:3px; border:1px #dcdcdc solid;}
.pPro-list li .img-box .img{ background:url(../images/pPro-listBg.jpg) repeat-x center; padding:10px; max-height:190px;}
.pPro-list li .tit-box{ margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


.pAbout-Banner{ background-size:cover; background-position:top center; width:100%; height:200px; text-align:center; position:relative; color:#fff;}
.pAbout-Banner:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0;}
.pAbout-Banner .cn{ font-size:30px; line-height:normal; vertical-align:top; position:relative; z-index:2; padding-top:70px;}
.pAbout-Banner .en{ font-size:18px; text-transform:capitalize; position:relative; z-index:2;}
.pAbout-des{ padding:25px 10px; color:#666; text-align:justify;}


.pNews-list{ padding:0 10px 20px 10px;}
.pNews-list li{ margin-top:20px; vertical-align:top;}
.pNews-list li .aImg{ background-size:cover; background-position:top center; width:100%; }
.pNews-list li .aImg img{ width:100%;}
.pNews-list li .aWord{ padding-top:10px;}
.pNews-list li .aWord .d{ display:block; font-size:14px; color:#999;}
.pNews-list li .aWord .t{ font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#d40000; padding:3px 0; line-height:normal;}
.pNews-list li .aWord .c{ color:#777; max-height:48px; overflow:hidden;}


.pHonor-list{ padding:0 5px 20px 5px;}
.pHonor-list li{ width:50%; float:left; padding:20px 5px 0 5px; text-align:center;}
.pHonor-list li .aImg{ padding:4px; border:1px #dcdcdc solid;}
.pHonor-list li .aTit{ color:#555; margin-top:5px;}


.recuite{ padding:10px 10px 30px 10px;}
.recuite-info{ margin-top:20px; }
.recuite-info.first .recuite-list{ display:block;}
.recuite-top{ background:#e1e2e3; transition:366ms; position:relative; overflow:inherit; cursor:pointer;}
.recuite-top .t{  display:block; float:left; position:relative; color:#373d41; font-size:16px; line-height:40px; padding-left:10px; }
.recuite-top .ico{ background-image:url(../images/recuite-iconA.png); background-size:20px auto; width:20px; height:20px; position:absolute; right:10px; top:10px;}
.recuite-top.on{ background:#1f6a9e;}
.recuite-top.on .t{ color:#fff;}
.recuite-top.on .ico{ background-image:url(../images/recuite-iconB.png);}
.recuite-list{ background:#fff; padding:20px 10px; position:relative; color:#666; line-height:2; border:1px solid #1f6a9e; border-top:none; display:none;}
.recuite-list .t{ font-size:18px; color:#373d41; padding-bottom:10px;}
.recuite-list .deliver{ margin-top:15px; padding-top:15px; border-top:1px solid #e1e2e3;}
.recuite-list .deliver a{ color:#d40000; font-size:16px; text-decoration:underline;}



.navPup{ background:rgba(0,0,0,.80);  height:100%; width:100%; left:0; position:fixed; top:0; z-index:999; padding:20px; display:none;}
.navPup.animate{ display:block; -moz-animation:subnav-open 0.3s ease; -webkit-animation:subnav-open 0.3s ease; animation:subnav-open 0.3s ease;}
.navPup-ibox{ background:#fff; width:90%; height:90%; position:fixed; left:5%; top:5%; padding-top:10px; padding-bottom:145px;}
.navPup .close{ background:url(../images/navClose.png) no-repeat; background-size:20px auto; width:20px; height:20px; position:absolute; right:5px; top:5px; display:inline-block;}


.nav-list { height:100%; overflow-y:scroll;}
.nav-list li { width:100%; text-align:center; position:relative;}
.nav-list li a.far{ display:block; color:#333; line-height:40px; font-size:17px; position:relative;}
.nav-list li a.current{ background:#d40000; color:#fdd69f; font-weight:bold;}
.nav-list li a.current:before{content:''; height:13px; width:13px; display:block; border:1px solid #fdd69f; border-left-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:17px; right:21px;}
.nav-list li .msubnav{ padding:5px 0; display:none;}
.nav-list li .msubnav a{ display:block; font-size:15px; color:#777; line-height:2; }
.nav-list li .msubnav a:hover{ color:#d40000;}

.nav-tel{ background:url(../images/nav-tel.jpg) no-repeat 5px center; background-size:30px auto; padding-left:40px; line-height:30px; color:#d40000; font-size:14px; position:absolute; left:0; bottom:105px;}
.nav-tel em{ font-size:16px; color:#444;}

.nav-link{ background:#f0f0f0; padding:10px 0; position:absolute; left:0; bottom:0;}
.nav-link li{ width:50%; float:left; padding:5px 10px; height:40px; text-align:right;}
.nav-link li img{ max-width:80%; max-height:100%;}
.nav-link li:nth-child(2n){ text-align:left;}



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

.banner{ height:445px;}	
.banner .fish{ height:162px; bottom:-20px;}
.banner .octopus{ height:175px;}

.about-pic{ height:300px;}
.about-picList .item{ height:195px;}

.about-word{ height:275px;}
.about-word .t{ padding-top:20px;}

.product{ height:943px; padding-top:20px;}
.proItem-01{ height:280px;}
.proItem-02{ height:320px;}
.proItem-03{ height:290px;}

.footer{ height:335px;}
.footer-tel{ padding-top:10px; font-size:16px; line-height:30px;}
.footer-tel .f-tel{ background-size:30px auto; padding-left:35px;}
.footer-tel .f-wx{ background-size:35px auto; padding-right:40px;}
.footer-link li{ padding:5px 10px 0 10px; height:40px;}
.footer-copy{ line-height:24px; padding-top:5px;}


}

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

.banner{ height:417px;}
.about-word{ height:260px;}
.about-picList .item{ height:188px;}
.about-word .t{ font-size:18px;}
.about-word .m{ padding-top:15px;}

.footer{ height:330px;}
.footer-title{ height:30px;}
.footer-link li{ padding:5px 10px; height:30px;}
.footer-copy{ font-size:13px;}


}

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

.banner{ height:370px;}
.banner .fish{ background-size:105px auto; width:105px; height:115px; bottom:0;}
.banner .octopus{ background-size:90px auto; width:90px; height:120px; bottom:0;}

.about-pic{ height:255px; padding-top:20px;}
.about-picTit{ height:30px;}
.about-picList{ margin-top:10px;}
.about-picList .item{ height:170px;}

.about-word{ height:232px;}
.about-word .t{ padding-top:15px; font-size:17px;}
.about-word .c{ font-size:14px; max-height:90px; margin-top:6px;}
.about-word .m{ padding-top:5px;}

.product{ height:810px;}
.prodcut-title{ background-size:105px auto;}
.prodcut-title img{ height:30px;}
.proItem-01{ height:240px;}
.proItem-02{ height:270px;}
.proItem-03{ height:240px;}

.footer-title{ height:25px;}
.footer-tel { line-height:25px; font-size:15px;}
.footer-tel .f-tel{ background-size:25px auto; padding-left:30px;}
.footer-tel .f-wx{ background-size:30px auto; padding-right:35px; margin-left:20px;}

}




.message-filed{ margin-top:19px;}
.message-filed label{width: 80px;float:left;text-align:right;line-height:40px;}
.message-filed .area{/* width:500px; *//* height:150px; */font-size:13px;color:#c8c8c8;line-height:24px;padding:10px;float:left;border-radius:5px;border:1px #dcdcdc solid;box-sizing:border-box;resize:none;}
.message-filed .inpt{/* width:500px; */height:40px;line-height:20px;float:left;color:#c8c8c8;font-size:13px;padding:10px;border-radius:5px;border:1px #dcdcdc solid;box-sizing:border-box;}
.message-filed .yzm-inpt{/* width:345px; */}
.message-filed .yzm-img{ width:92px; height:32px; margin:4px 0 0 10px; display:block; float:left;}
.message-filed .in{ float:left; line-height:40px; color:#666; padding-left:10px;}
.message-filed .btn{ background:#d40000; width:200px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:16px; margin-bottom:28px; border-radius:5px; cursor:pointer;}



/**发展历程*/
.course_list{margin: 1em;position: relative;}
.course_list .line{width: 2px;height: 100%;background: #dadada;position: absolute;left: 17%;top:0;}
.course_list ul li{line-height: 16px;margin: 0 0 1em 0;position: relative;font-family:"微软雅黑 Light";min-height: 25px;}
.course_list ul li span{float: left;font-size: 14px;color: #282828;width: 15%;margin-top: 3px;}
.course_list ul li b{width: 7px;height: 7px;background: url(../images/about_07.png) no-repeat;float: left;position: absolute;left: 16.5%;top: 7px;}
.course_list ul li .course_list_txt{float: left;color: #666666;margin:0 0 0 5%;width: 75%;font-size: 12px;line-height: 25px;}
.course_list ul li .course_list_txt p{color: #333;}