@font-face {
font-family:fontDin;
src: url(../fonts/din-bold_eot.txt),url(../fonts/din-bold_woff2.txt),url(../fonts/din-bold_ttf.txt)}
@font-face {
font-family:fontDin1;
src: url(../fonts/din-medium_eot.txt),url(../fonts/din-medium_woff2.txt),url(../fonts/din-medium_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #00ab3b;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{width:1300px;margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{ text-align:center; font-size:42px; color:#0c2614;}
.title b{ color:#068cbf;}
.title span{ display:block; font-size:20px; color:#666666; font-weight:lighter; margin:10px 0 15px 0;}
.title em{ font-size:0; display:inline-block;}
.title em i{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#e32031;animation: bounce_fountainG 1.2s linear infinite;} 
.title em i+i{ margin-left:16px;}
.title em i:nth-child(1){animation-delay: .4s;}
.title em i:nth-child(2){background:#068cbf;animation-delay: .6s;}
.title em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
/*抬头*/
.htop{ background:#f3f7f4;}
.htop,.htop a{ font-size:14px; color:#666666; font-weight:lighter; line-height:45px;}
.htop a:hover{ color:#068cbf;}
.htop p.fl{ padding-left:30px; background:url(../images/20200915112915_469239924.png) no-repeat left center;}
.htop p span{ display:inline-block; padding-left:25px; position:relative; cursor:pointer; background:url(../images/20200915112915_211431311.png) no-repeat left center;}
.htop p span:nth-child(2){}
.htop p span:nth-child(3){background:url(../images/20200915112915_1022575999.png) no-repeat left center;}
.htop p span:nth-child(4){background:url(../images/20200915112915_509175363.png) no-repeat left center;}
.htop p span+span{ margin-left:15px;}
.htop p span img{ position:absolute; top:120%; right:0; padding:10px; background:#f5f5f5; transition:all .3s ease; opacity:0; visibility:hidden; z-index:9; width:100px; height:auto;}
.htop p span:hover img{ top:100%; opacity:1; visibility:visible;}
.hsecond{height: 159px;}
.hleft{margin-top: 39px;}
.hlogo a{ display:inline-block; margin-right:20px;}
.hlogo img{vertical-align: text-top;}
.hline{width:1px;height: 82px;background:#d9d9d9;margin:0 25px;}
.hmean{font-size: 21px;color:#666666;font-weight: 320;}
.hmean b{display:block;font-size: 36px;color:#068cbf;margin-bottom: 9px;}
.hphone{line-height: 44px;font-size: 18px;color:#838c85;margin-top: 15px;padding-left:60px;background:url(../images/20200915114618_592099127.png) no-repeat left 35px;}
.hphone span{font-size: 26px;color: #e32031;font-family:fontDin;font-weight:lighter;display:block;font-weight: bold;line-height: 32px;}
/*导航*/
.nav li .cur{background:#e32031;}
.nav{background:#068cbf;font-size:0;/* margin-bottom:1px; */}
.nav li{display:inline-block;width: 14.2%;text-align:center;line-height: 70px;position:relative;}
.nav li>a{font-size:16px;color:#fff;display:block;position:relative;transition:all .3s ease;}
.nav li>a:after,.nav li:nth-child(1)>a:before{content:'';display:block;position:absolute;width:1px;/* height:17px; */background:#0a99cf;top:0;right:0;bottom:0;margin:auto 0;}
.nav li:nth-child(1)>a:before{ right:auto; left:0;}
.nav li.cur>a,.nav li:hover>a{ background:#e32031;}
.nav li .dropmenu{ position:absolute; top:100%; left:0; width:100%; background:#068cbf; z-index:999; display:none;}
.nav li .dropmenu a{ line-height:44px; border-bottom:1px solid #0a99cf; display:block; color:#fff; font-size:14px; transition:all .3s ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.nav li .dropmenu a:hover{ background:#e32031; padding-left:10px;}
.dropmenu table ,.dropmenu tbody,.dropmenu td,.dropmenu tr{ display:block; width:100%;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{min-width:1300px;height: 600px;position:relative;margin:0 auto;}
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{width:100% !important;height: 600px;background-position: center;background-repeat: no-repeat;background-color: #000;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{width: 100%;position: absolute;top: 199px;left: 0;margin-left: 0;height: 370px;overflow: hidden;}
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200915111619_105185000.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200915111619_105185000.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{background: #068cbf;border-radius: 8px;width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{ border-bottom:1px solid #eff4f5;}
.keyword,.keyword a{ font-size:14px; color:#222222; font-weight:lighter;}
.keyword span{ font-weight:normal;}
.keyword a:hover{ color:#068cbf;}
.keyword{ line-height:73px; padding-left:50px; background:url(../images/20200915140818_764004428.png) no-repeat left center;}
.search_bg{ width:268px; height:44px; border-radius:25px; margin-top:15px; background:#f0f2f0;}
#soo{ float:right; margin:5px 5px 0 0;}
#infoname{ padding-left:20px; width:200px; box-sizing:content-box; height:44px; border:none; background:none;}
/*中空吹塑实力厂家*/
.speak{ background:#f0f2f0; padding:65px 0 85px 0;} 
.spcon{ margin:40px 0 70px 0; background:#fff;}
.spwa{margin: 15px 0 0 60px;}
.spwa>p{ font-size:30px; color:#068cbf; font-weight:bold;}
.spwa>p:after{ content:''; display:block; width:32px; height:4px; background:#068cbf; margin-top:18px;}
.sp_c{ font-size:16px; color:#7f8681; line-height:28px;}
.sp_c span{ display:block; font-size:20px; color:#0c2614; margin-bottom:10px;}
.sp_c p{margin-top: 21px;width: 400px;}
.sp_t{ height:346px; width:144px; background:#068cbf; position:relative;}
.sp_t p{ margin:38px auto 0 auto; width:118px; line-height:40px; text-align:center; border-radius:20px; background:#fff; font-size:18px; color:#068cbf; font-weight:bold;}
.sp_t:after{ content:''; display:block; position:absolute; top:35px; left:-12px; width:12px; height:14px; background:url(../images/20200915142419_183339483.png) no-repeat center;}
.spnum{ font-size:0; text-align:center; } 
.spnum li{ display:inline-block; vertical-align:top;font-size:18px; color:#0c2614;}
.spnum li+li{ margin-left:82px;}
.spnum li em{ color:#068cbf;}
.spnum li p{width:138px;height:138px;position:relative;margin:0 auto 20px auto;padding:17px 0;box-sizing:border-box;}
.spnum li p:after{content:'';display:block;width:100%;height:100%;background:url(../images/20200915142419_992859020.png) no-repeat center;position:absolute;top:0;left:0;animation: rotation 5s linear infinite;}
.spnum li:nth-child(2n) p:after{animation: rotation1 5s linear infinite;}
.spnum li p span{margin:0 auto;width:102px;height:102px;display:block;border-radius:50%;line-height:102px;font-size:38px;color:#fff;font-family:fontDin;background: #068cbf;background: linear-gradient(to right,#37a855,#9ebe13);}
@keyframes rotation{ 
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
@keyframes rotation1{ 
0% {
transform:rotate(0);
}
100% {
transform:rotate(-360deg);
}
}
/*雅蓝-产品展示*/
.product{ padding:60px 0 85px 0;}
.procon{ margin-top:40px;}
.proclass{ width:240px; border-top:9px solid #068cbf;}
.proclass table,.proclass tr,.proclass td,.proclass tbody{ display:block; width:100%; padding:0 !important;}
.proclass td p{
    font-size: 15px;
    color: #666666;
    padding-left: 15px;
    position: relative;
    line-height: 39px;
    border-bottom: 1px solid #ffffff;
    background: #f0f2f1;
    padding-right: 15px;
}
.proclass td b{ display:block; font-size:0; background:#d6e3dc;}
.proclass td b a:hover,#showtyepname a:hover{ color:#068cbf;}
#showtyepname a:hover:after{ background:#068cbf;}
.proclass td b a{ display:block; margin-left:18px; line-height:60px; padding-left:40px; font-size:18px; background:url(../images/20200915145759_1369098343.png) no-repeat left center; transition:all .3s ease;}
#showtyepname a{ display:block; font-size:15px; color:#666666; background:#f0f2f1; padding-left:57px; position:relative; line-height:47px; border-bottom:1px solid #ffffff;transition:all .3s ease;}
#showtyepname a:after{ content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; background:#99a69f; top:0; bottom:0; margin:auto 0; left:28px;}
.proshow{ width:1035px;}
.proshow td{width:335px;display:inline-block;padding:0 !important;height: 321px;margin-right: 10px;} 
.proshow td+td{
}
.proshow td br{ display:none;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td a img{width:100%;height: 250px;transition:all .6s ease;}
.proshow td>a{ border:1px solid #f0f2f1;}
.proshow td span{ background:#f0f2f1; position:relative;}
.proshow td span:after{content:'';display:block;position:absolute;width:100%;height:0;transition:all .3s ease;top:0;left:0;background:#068cbf;/* background:linear-gradient(to bottom,#068cbf,#e32031); */-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.proshow td span a{line-height: 59px;font-size:15px;color:#666666;position:relative;z-index:3;transition:all .3s ease;}
.proshow tr+tr{ margin-top:30px; display:block;}
.proshow td:hover span a{ color:#fff;} 
.proshow td:hover img{ transform:scale(1.1);}
.proshow td:hover span:after{ height:100%;}
/*这就是您正在找的-中空吹塑厂家*/
.adv{height:798px;background: #068cbf;padding-top:60px;}
.advtitl{ text-align:center; font-size:22px; color:#e2f3e7; font-weight:lighter;}
.advtitl b{ display:block; font-size:45px; color:#fff; margin-bottom:18px;}
.advtab{ font-size:0; margin:50px 0 25px 0;}
.advtab li{ display:inline-block; vertical-align:top; cursor:pointer;}
.advtab li+li{ margin-left:35px;}
.advtab li i{ display:inline-block; vertical-align:top; background:#e32031; position:relative; margin-right:10px;}
.advtab li span{display:inline-block;vertical-align:top;text-align:center;line-height:96px;font-size:32px;color:#f2f2f2;font-weight:bold;width:200px;background: #e32031;}
.advtab li i:after{ content:''; display:block; position:absolute; width:23px; height:12px; background:url(../images/20200915152617_1982953977.png) no-repeat center; bottom:-20px; opacity:0; visibility:hidden; transition:all .3s ease; left:0; right:0; margin:0 auto;}
.advtab li.on i:after{ bottom:-12px; opacity:1; visibility:visible;}
.advcon{ padding:45px; background:#e4f2eb;}
.adv_c p{ font-size:16px; color:#3a3c40; font-weight:lighter; padding-left:32px; line-height:35px; position:relative;}
.adv_c p+p{ margin-top:40px;}
.advleft{ width:520px; margin-top:20px;}
.adv_c p:after{ content:''; display:block; position:absolute; left:0; width:8px; height:8px; background:#e32031; border-radius:50%; top:13px;}
.adv_c{ margin:45px 0 0 25px;}
.adv_t{ font-size:16px; color:#9aa69e; white-space:nowrap;}
.adv_t span{ vertical-align:top; display:inline-block; width:87px; height:79px; background:#e32031; line-height:79px; text-align:center; font-size:56px; color:#ffffff; font-family:fontDin1;}
.adv_t p{ display:inline-block; vertical-align:top; margin-left:25px;}
.adv_t p b{ display:block; font-size:35px; color:#10311a; padding:3px 0 5px 0;}
/*雅蓝-服务领域*/
.case{ padding:65px 0 40px 0;}
.casecon{ margin:40px 0 0 0;}
.casecon .divdgweb_new_div_item{float:left;width: 298px;margin: 0 0px 35px 27px;position:relative;padding: 103px 0 0 0;transition:all .3s ease;}
.casecon .divdgweb_new_div_item:nth-child(3n){ margin-right:0;}
.casecon .news_div_item_pic {position:absolute;top:0;overflow:hidden;left:0;border:1px solid #e0e4e2;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#068cbf;}
.casecon .news_div_item_pic img{width:100%;height: 100px;transition:all .6s ease;}
.casecon .divdgweb_new_div_item_content{padding: 11px 20px;background:#f0f2f1;position:relative;}
.casecon .divdgweb_new_div_item_a{ font-size:18px; color:#666666;}
.casecon .divdgweb_new_div_item_body{ font-size:14px; color:#989898; font-weight:lighter; line-height:22px; width:275px; margin:10px 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.casebtn{position:absolute;width:80px;box-sizing: border-box;border-left:1px solid #e0e4e2;size:14px;color:#989898;text-transform:uppercase;right:0;top:0;bottom:0;margin:auto 0;background: url(../images/20200915160346_1414061762.png) no-repeat 30px 11px;}
/*关于雅蓝环保*/
.about{ height:690px; padding-top:60px; background:url(../images/20200919190035_1271978110.jpg) no-repeat center;}
.abtitl{ text-align:center; font-size:20px; color:#e7e7e7; font-weight:lighter;}
.abtitl b{ display:block; font-size:45px; color:#fff; margin-bottom:12px;}
.about .w1300{ position:relative; height:100%;}
.abphone p{font-size:15px; color:#fff; padding-left:50px; background:url(../images/20200915162007_330570645.png) no-repeat left center;}
.abphone p span{ font-size:30px; font-family:fontDin; display:block;}
.abphone{ padding:20px 30px; background:#e32031; float:right; right:296px; bottom:15px; position:absolute;}
.abcon{ width:590px; margin:110px 0 0 55px;}
.ab_t{ font-size:26px; color:#2b3338;}
.ab_t em{ display:block; font-size:40px; color:#068cbf; font-family:fontDin; text-transform:uppercase;}
.ab_c{ font-size:15px; color:#666666; line-height:38px; margin:30px 0 40px 0;}
.abbtn{ font-size:0;}
.abbtn a{ display:inline-block; line-height:45px; width:140px; font-size:18px; color:#fff; text-align:center; background:#e32031; transition:all .3s ease;} 
.abbtn a+a{ margin-left:19px;background:#068cbf;}
.abbtn a:hover{ background:linear-gradient(to right,#068cbf,#e32031);}
/*雅蓝-公司环境*/
.qyxx{ padding:40px 0 76px 0;}
.qyxxcenter{ margin-top:40px; position:relative;}
.qyjt{ display:block; position:absolute; left:0; top:40%;cursor:pointer;}
.qyjt.next{ right:0; left:auto;}
.qycon{ width:1134px; margin:0 auto;}
.qycon table,.qycon tr,.qycon tbody{ display:block; width:100%;}
.qycon td{ display:inline-block; padding:0 !important; width:363px; margin-right:23px;}
.qycon td br{ display:none;}
.qycon td a{ display:block; position:relative; overflow:hidden;}
.qycon td div{ padding:0 !important;}
.qycon td div a{ line-height:57px; background:#f0f2f1; font-size:16px; color:#666666; transition:all .3s ease;}
.qycon td a img{transition:all .5s ease;width:100%;height: 240px;}
.qycon td:hover a img{ transform:scale(1.1);}
.qycon td:hover div a{ background:#068cbf; color:#fff;}
/*雅蓝-新闻中心*/
.news{padding:60px 0 85px 0;}
.newstab{ margin:40px 0; font-size:0; text-align:center;}
.newstab a{ display:inline-block; width:148px; line-height:54px; font-size:20px; color:#333333; font-weight:lighter; transition:all .3s ease; background:#e2e8e2;}
.newstab a+a{ margin-left:35px;}
.newstab a.on{ background:#068cbf; color:#fff;}
.newsleft{ width:625px;}
.newsright{ width:654px;}
.newsleft .news_div_item{ padding:26px; background:#fff; position:relative;}
.newsleft .news_div_item+.news_div_item{ margin-top:15px;}
.newsleft .news_div_item_pic{ overflow:hidden; border:1px solid #ddd;width:250px;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
.news_div_item:hover .news_div_item_a{color:#068cbf;}
.newsleft .news_div_item_content{ right:40px; top:40px; bottom:0; width:285px; position:absolute;}
.news .news_div_item_a{ display:block; position:relative; white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#666666;}
.news .news_div_item_body{ font-size:14px; color:#666666; line-height:30px; height:120px; overflow:hidden; margin-top:20px;}
.newsleft .news_div_item_a:after{ content:''; display:block; position:absolute; right:0; top:180px; width:25px; height:25px; background:url(../images/20200915160346_1414061762.png) no-repeat center;}
.newsright .news_div_item{padding: 25px;background:#fff;position:relative;}
.newsright .news_div_item_pic{ width:165px;border:1px solid #ddd; overflow:hidden;}
.newsright .news_div_item_content{position:absolute;right: 198px;width: 253px;top:40px;}
.news_div_item_title{
}
.newsright .news_div_item_body{height: 72px;}
.newsright .news_div_item+.news_div_item{margin-top: 33px;}
.newsright .news_div_item_date{ position:absolute; padding-left:20px; text-align:center; height:115px; border-left:1px solid #f0f2f1; top:32px; right:15px; font-size:16px; color:#666666; font-family:fontDin1; line-height:30px;}
.newsright .news_div_item_month,.newsright .news_div_item_day{ display:inline-block;}
.newsright .news_div_item_year{ font-size:25px;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; right:-80px; bottom:-80px; width:25px; height:25px; background:url(../images/20200915160346_1414061762.png) no-repeat center;}
/*版权*/
.copyright{background: #068cbf;background: linear-gradient(to right,#0ca3dc,#068cbf);}
.links{line-height:99px;font-size:20px;color:#fff;background: #068cbf;}
.links p>a{ font-size:14px; color:#fff;}
.links a:Hover{ text-decoration:underline;}
.links p.fl{}
.links p.fl span{ font-size:34px; text-transform:uppercase; font-family:fontDin1; vertical-align:sub; padding-right:15px;}
.crcon{ padding:50px 0 60px 0;}
.crkslj{ font-size:0;}
.crkslj li{ display:inline-block; vertical-align:top; padding:0 50px;}
.crkslj p{ font-size:18px; color:#fff;}
.crkslj p:after{ content:''; display:block; width:19px; height:2px; background:#ebebeb; margin:20px 0;}
.crkslj a{ display:block; font-size:14px; color:#fff; line-height:35px;}
.crkslj a:hover{ text-decoration:underline;}
.crcodecon ul img{ border:10px solid #fff; border-radius:5px; width:133px; height:auto;}
.crcodecon { margin-right:17px;}
.crcodecon ul{ width:163px !important; position:relative;}
.crcodecon ul:after{ content:''; display:block; position:absolute; width:10px; height:19px; right:0; top:15px; background:url(../images/20200916083731_1244673030.png) no-repeat left center;}
.crcodecon ul:nth-child(2):after{ top:15px;}
.crcodecon ul:nth-child(3):after{ top:72px;}
.crcodecon ul:nth-child(4):after{ top:130px;}
.crcodetab p{cursor:pointer;font-size:14px;color:#fff;width:200px;height:46px;line-height:46px;border-radius:25px;background:#0d5291;background: linear-gradient(to right,#b9d73b,#2d9b49);position:relative;}
.crcodetab p+p{ margin-top:14px;}
.crcodetab p.on{background: linear-gradient(to right,#8bca4d,#0b9730);}
.crcodetab p span{ padding-left:12px; margin-left:50px; border-left:1px solid #7eb122;}
.crcodetab p:after{ content:''; display:block; position:absolute; width:20px; height:20px; background:url(../images/20200916083731_1720170820.png) no-repeat center; top:12px; left:19px;}
.end{border-top: 1px solid #ffffff;}
.end,.end a{ font-size:14px; color:#fff; line-height:90px;}
.end a:hover{ text-decoration:underline;}
.con_gongyong{text-align: center;}