@charset "utf-8";
*{ margin:0; padding:0;}
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700');

@font-face{font-family: "HelveticaLTStd-Bold"; src:url(../fonts/HelveticaLTStd-Bold.ttf)}
@font-face{font-family: "HelveticaLTStd-BoldCond"; src:url(../fonts/HelveticaLTStd-BoldCond.ttf)}
@font-face{font-family: "HelveticaLTStd-Cond"; src:url(../fonts/HelveticaLTStd-Cond.ttf)}
@font-face{font-family: "HelveticaLTStd-Light"; src:url(../fonts/HelveticaLTStd-Light.ttf)}

@font-face{font-family:"Poppins"; src:url(../fonts/Poppins-Regular.ttf)}
@font-face{font-family:"Poppinsb"; src:url(../fonts/Poppins-Bold.ttf)}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:70px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #35383f; text-decoration: none; outline:none;}a:hover {color: #0059d3; text-decoration: underline}
body {background:#fff;font-size:1em;color: #35383f;line-height:1.6em;font-family:Verdana,微软雅黑; -webkit-text-size-adjust:none;}

.mainbody { width:80%; margin:0 10%;font-family:Microsoft YaHei;}

.m_nav,.m_img{ display:none;}
.top{width:100%; top:0;left:0; z-index:889; position:absolute;}

/*导航栏部分*/
.navs11 { width:100%;height:90px; background-color:rgba(0,0,0,.7);}
.logo { height:57px; float:left; margin-top:16px;}

/*导航栏变异部分*/

.navs22 { width:100%;height: 90px;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 2px 2px 2px;}
.fixnav {position: fixed;top: 0px;left: 0px;z-index:888;}

.header{width:100%; top:0;left:0; z-index:889; position:absolute;}

.menu11{ height:90px; overflow:hidden;}
.nav0 { height:50px; float:right; padding-top:20px;}
.nav0 ul li { height:50px; text-align:center; line-height:50px; font-size:16px; float:left; text-transform:uppercase;}
.nav0 ul li a,.nav0 ul li a:visited{color:#fff; margin:0 25px; padding:0 3px;height:50px;display:block; text-decoration:none;}
.dh2 a { color:#3a3a3a;}

.menu12 {height:90px; overflow:hidden; }
.menu12 .nav0 ul li a,.menu12 .nav0 ul li a:visited{color:#444;}
.m_banner{ display:none;}

.flash { clear:both; width:100%; background:url(../images/01_02.jpg) no-repeat center top; height:600px;}
.flash2 { clear:both; width:100%; height:350px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
.sybg { clear:both; width:94%; overflow:hidden; padding:0 3%;}

.abtit { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%; line-height:50px;}
.abtit h3 { font-size:2.6em; color:#000; font-weight:bold;}
.abtit p { font-size:64px; color:#edf0f6; text-transform:uppercase; font-weight:bold;}

.abtit2 { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%; line-height:45px;}
.abtit2 h3 { font-size:40px; color:#000; font-weight:bold;}
.abtit2 p { font-size:16px; color:#ababab; text-transform:uppercase;}

.tit { clear:both; width:100%; padding-bottom:15px; overflow:hidden;}
.tit p { text-transform:uppercase; padding:10px 0 5px 0; color:#b0b0b0; font-size:20px; font-weight:400; font-family:Arial;}
.tit b { display:inline-block; width:55px; height:3px; background:#0a6dc9; font-size:0; overflow:hidden;}
.tit h3 { font-size:32px; padding:10px 0; color:#000;}

.hdbg { clear:both; width:100%; height:50px; line-height:50px; border-bottom:#ddd 1px solid; overflow:hidden; font-size:0.9em;}
.hdbg p { background:url(../images/aa-1.png) no-repeat left center; padding-left:20px; color:#939393;}
.hdbg img { vertical-align:middle;}
.hdbg a {color:#939393;}

.abbg { clear:both; width:100%; background:url(../images/abbg.png) no-repeat center bottom; padding:80px 0; overflow:hidden;}
.syabout { width:45%; float:left; color:#2c2c2c;}
.sytex { line-height:32px;}
.sytex p { padding:5px 0; text-indent:2em;}

.aimg { float:right; width:50%;}
.aimg img.ss { max-width:46%; height:auto !important; height:100%;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; margin:0 2%;}
.aimg img.ss1 { max-width:100%; height:auto !important; height:100%;margin-top:15px;}

.more33 { padding-top:30px; line-height:24px; clear:both;}
.more33 a { display:inline-block;font-size:16px; padding:10px 35px; border-radius:25px; color:#fff;background-color: #0a6dc9;text-decoration: none;}
.more33 a:hover {padding:10px 40px; transition:all 500ms;}
.more33 img { vertical-align:middle; margin-left:5px;}
.more33 a:hover img { margin-left:10px; transition:all 500ms;}

.about { line-height:32px;}
.about p { padding:5px 0; text-indent:2em;}
.ab2 img.aa { -moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; border:#efefef 1px solid; max-width:300px; height:auto !important; height:100%; margin:0 55px;}
.ab2 img.a1 {float: left; width: 500px; margin:0 20px 10px 0;}

.news h1,.product h1 { font-size:1.8em; text-align:center; width:85%; margin:0 auto; font-weight:bold; line-height:1.2em;}

.product { font-size:1em}
.product .pimg { width:40%; float:left; background:#fff; border:#ddd 3px solid;height: 300px;line-height: 300px;vertical-align: middle; text-align:center; position:relative; overflow:hidden;}
.product .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}

.product .text { width:55%; float:right;}
.product .text h1 { text-align:left; margin:0;}
.product .text h1 span { font-size:20px; display:inline-block; background:#deecfe; padding:5px 20px; border-radius:25px; line-height:18px;}
.product .text .tex { line-height:1.8em;}

.contact { line-height:1.8em;}
.contact strong { font-size:1.4em;}
.contmap { margin:10px auto; height:400px; width:100%; border:#ddd 1px solid; overflow:hidden;}

.probg { clear:both; width:100%; padding:70px 0; background:url(../images/pbg.jpg) no-repeat center; overflow:hidden; background-size:cover;}
.sypro li { width:28%; float:left; margin-left:3%; margin-top:35px; background:#fff; padding:10px 25px 25px 25px; position:relative;}
.sypro li.s1,.sypro li.s4,.sypro li.s7,.sypro li.s10 { margin-left:0;}
.sypro li .img { width: 100%;height: 230px;line-height: 230px;position: relative; text-align:center; border-bottom:#efefef 1px solid;vertical-align: middle;overflow:hidden;}
.sypro li .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;}
.sypro li h3 { font-size:1.3em; padding:20px 0 10px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.sypro li h3 span { font-size:14px; display:inline-block; background:#deecfe; padding:0 10px; border-radius:25px; line-height:18px;}
.sypro li p { color:#8e8e8e; min-height: 40px;font-size: 14px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sypro li:hover {animation-name: move;animation-duration:1s;animation-fill-mode: forwards;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
@keyframes move {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}
.sypro li img.sy { max-width:15%; height:auto !important; height:100%; position:absolute; left:20px; top:20px; z-index:99;}

.nypro li { width:27%; float:left; margin:2% 1.5%; margin-top:35px; background:#fff; padding:10px 25px 25px 25px; position:relative;}
.nypro li .img { width: 100%;height: 230px;line-height: 230px;position: relative; text-align:center; border-bottom:#efefef 1px solid;vertical-align: middle;overflow:hidden;}
.nypro li .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;}
.nypro li h3 { font-size:1.3em; padding:20px 0 10px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.nypro li h3 span { font-size:14px; display:inline-block; background:#deecfe; padding:0 10px; border-radius:25px; line-height:18px;}
.nypro li p { color:#8e8e8e; min-height: 40px;font-size: 14px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.nypro li p a { text-decoration:none;color:#8e8e8e;}
.nypro li:hover {animation-name: move;animation-duration:1s;animation-fill-mode: forwards;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
@keyframes move {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}
.nypro li img.sy { max-width:15%; height:auto !important; height:100%; position:absolute; left:20px; top:20px; z-index:99;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 12px; height:30px; line-height:30px; border:#ddd 1px solid; vertical-align:middle;}
span.current,a.num:hover { background:#fbfef6; border:#dee6d2 1px solid; color:#6aaf08;}
a.next,a.prev { text-decoration:none; text-indent:-9999px; margin:0 5px; width:32px; height:32px; display:inline-block; vertical-align:middle;}
a.prev { background:#6aaf08 url(../images/a2.png) no-repeat center;}
a.next{ background:#6aaf08 url(../images/a1.png) no-repeat center;}

.pnpage { clear:both; text-align:center; margin-top:15px; padding-top:15px; font-size:0.9em;}
.pnpage a { padding:0 10px; font-weight:bold;}

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

.linkbg { clear:both; width:100%; background:#0059d3; line-height:60px; height:60px; overflow:hidden; color:#fff;}
.footer2{ clear:both;width:80%; background:#333; padding:0 10%; padding-top:50px; color:#7a7a7a; font-size:0.8em;}
.footer2 h3 { font-size:18px; font-weight:bold; padding-bottom:10px; color:#fff;}
.footer2 h3 span { display:block; text-transform:uppercase; font-family:Arial; font-weight:400;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.footer2 .ftnav { width:20%; float:left;}
.footer2 .ftnav2 { width:35%;}
.footer2 .ftnav2 li { width:40%; float:left;}
.footer2 .ftnav a { display:block; color:#7a7a7a;}
.footer2 .ftlx { width:45%; float:left;}
.footer2 .ftlx li { float:left; width:60%;}
.footer2 .ftlx li:nth-last-child(1),.footer2 .ftlx li:nth-last-child(3),.footer2 .ftlx li:nth-last-child(5) { width:40%;}
.footer2 .ftlx .tex { color:#7a7a7a;}
.footer2 .ftlx .tex a { color:#7a7a7a;}

.footer { clear:both; color:#fff; line-height:50px; text-align:center; border-top:#595959 1px solid;}
.footer a,.footer a.zzb07link { color:#fff;}


#go_top {position: fixed;right:10px; bottom:60px;z-index:99;width:60px; height:220px;}
#go_top a.t1 {background:#b3b3b3 url(../images/top1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius:2px; margin-bottom:2px;}
#go_top a.t1:hover {background:#0059d3 url(../images/top1.png) no-repeat center;}
#go_top a.t2 {background:#b3b3b3 url(../images/ft1.png) no-repeat center; text-decoration:none; display:block;height:60px;border-radius:2px;}
#go_top a.t2:hover {background:#0059d3 url(../images/ft1.png) no-repeat center;}

.right-btn-group {width:60px;height:125px; margin:5px 0; position:relative;}
.right-btn-group .show-tel,.right-btn-group .show-qq,.right-btn-group .show-ew, .right-btn-group .to-top {border-radius: 2px;}
.right-btn-group .show-tel a:hover span,.right-btn-group .show-qq a:hover span, .right-btn-group .show-ew a:hover span, .right-btn-group .to-top a:hover span {display: block}

.right-btn-group .to-top {width: 60px;height: 60px}
.right-btn-group .to-top a {border-radius: 2px;display: block;width: 60px;height: 60px;background:#b3b3b3 url(../images/wx.png) no-repeat center;}
.right-btn-group .to-top a:hover {background: #0059d3 url(../images/wx.png) no-repeat center;}
.right-btn-group .to-top span {display: none;position: absolute;width:170px;height:180px;top:0;left: -170px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:24px; padding-top:4px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .to-top span:after {content: ' ';top:88px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.right-btn-group .to-top b { font-size:24px; font-family:Arial; color:#ca0b04;}
.right-btn-group .to-top img { width:150px;}

.right-btn-group .show-tel {width: 60px;height: 60px; margin-bottom:5px;}
.right-btn-group .show-tel a {border-radius: 2px;display: block;width: 60px;height: 60px;background:#b3b3b3 url(../images/tel.png) no-repeat center;}
.right-btn-group .show-tel a:hover {background: #0059d3 url(../images/tel.png) no-repeat center;}
.right-btn-group .show-tel span {display: none;position: absolute;width:170px;height:60px;top:0;left: -170px;z-index: 5;color: #fff;background-color: #fff;text-align:center; color:#686868; font-size:14px; line-height:24px; padding-top:4px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 5px #ccc;}
.right-btn-group .show-tel span:after {content: ' ';top:23px;right: -10px;width: 1px;height: 1px;display: block;position: absolute;z-index: 5;border-bottom: 5px transparent dashed;border-left: 5px #fff solid;border-right: 5px transparent dashed;border-top: 5px transparent dashed}
.right-btn-group .show-tel b { font-size:24px; font-family:Arial; color:#ca0b04;}

@media screen and (max-width: 1800px)and (min-width: 1600px){
  .sypro li { margin-left:2%;}
}
@media screen and (max-width: 1600px)and (min-width: 1400px){
  .sypro li { margin-left:2%; width:27.2%;}
}
@media screen and (max-width: 1400px)and (min-width: 1200px){
  .sypro li { margin-left:2%; width:26.6%;}
}
@media screen and (max-width: 1200px) and (min-width: 1024px){
  .sypro li { margin-left:2%; width:26%;}
}
@media screen and (max-width: 768px) and (min-width: 0px){
}