﻿@charset "utf-8";
/*初始样式*/
*{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{ color:#292e33;font:14px "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a{ color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;}
a:hover{text-decoration:none;}
img{border:none;}
.vam{ vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:0;font-family: "Microsoft Yahei";}
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
i,em{ font-style:normal;}

.tr {text-align:right;}
.tl {text-align:left;}
.center{ text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;}



/*头部*
.header{height: 150px;overflow: hidden;background: url(/skins/default/images/head-bg.jpg) no-repeat center top;}
.header .content{position: relative;}
.header .logo{margin-top: 24px;float: left;}
.header .logo img{width: 126px;height: 91px;}
.header .nav{margin-top: 82px;float: right;}
.header .nav li{float:left;background: url(/skins/default/images/nav-line.png) no-repeat right 3px;font-size: 15px;text-align: center;height: 65px;}
.header .nav li:last-child{background: none;}
.header .nav li a{color: #222;padding: 0 9px;margin: 0 11px;display: block;height: 65px;}
.header .nav li span{display: block;font-size: 8px;text-transform: uppercase;color: #BFBFBF;-moz-transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);-o-transform:scale(0.7,0.7);}
.header .nav li.cur a,.header .nav li:hover a{border-bottom: 3px solid #1A4EC8;}
.header em{position: absolute;right: 0;top: 0;width: 1018px;height: 39px;line-height: 39px;color: #fff;font-size: 18px;padding-left: 23px;box-sizing: border-box;}
.header em i{float: right;font-family: DIN-Bold,impact;font-size: 28px;background: url(/skins/default/images/tel.png) no-repeat left center;padding-left: 26px;}
/

/*广告*/
.banner{height: auto;max-width: 1920px; width:100%; margin:0 auto!important;position: relative;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .prev{position:absolute;top:45%;left:1.2%;z-index: 10;cursor: pointer;}
.banner .next{position:absolute;top:45%;right:1.2%;z-index: 10;cursor: pointer;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 50%; width: 1200px; bottom:40px;margin-left: -600px;line-height: 0;}
.banner .hd li{width:12px;height:12px;background: #fff;margin: 0 16px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #EF8301;border: 3px solid #fff;background: none;box-sizing: border-box;}


/*板块标题*/
.title{text-align: center;font-size: 60px;line-height: 60px;}
.title a{display: block;color: #222;}
.title span{display: block;font-size: 22px;line-height: 22px;font-weight: normal;margin-top: 12px;}
.title span:before{content: "";display: inline-block;width: 93px;height: 1px;background: #e6e6e6;vertical-align: middle;margin-right: 18px;}
.title span:after{content: "";display: inline-block;width: 93px;height: 1px;background: #e6e6e6;vertical-align: middle;margin-left: 18px;}


/*引子*/
.yz{background: #f2f2f2;padding: 80px 0 70px;}
.yz li{float: left;background: url(/skins/default/images/yz-line.png) no-repeat right top;height: 82px;text-align: center;padding: 0 38px;font-size: 30px;}
.yz li:last-child{background: none;}
.yz li img{display: inline-block;vertical-align: bottom;}
.yz li i{display: inline-block;vertical-align: bottom;line-height: 20px;margin-left: 3px;}
.yz li i b{font-size: 20px;display: block;font-weight: normal;margin-top: 8px;}
.yz li span{display: block;font-size: 20px;line-height: 20px;margin-top: 13px;}
.yz li:first-child{padding-left: 0;}
.yz li:last-child{padding-right: 0;}
.yz li:first-child i{font-size: 20px;}


/*高品质塑料储罐*/
.pro{padding-top: 105px;padding-bottom: 60px;}
.pro-l{margin-top: 54px;width: 230px;float: left;background: #1A4EC8;padding-top: 24px;height: 665px;box-sizing: border-box;border-radius:5px;overflow: hidden;}
.pro-l h3{text-align: center;font-size: 30px;line-height: 30px;color: #fff;}
.pro-l h3 span{display: block;font-size: 17px;color: #fff;opacity: 0.5;text-transform: uppercase;margin-top: 7px;line-height: 18px;}
.pro-l ul{width: 220px;height:568px;margin: 0 auto;background: #fff;border-radius:5px;margin-top: 12px;padding-top: 11px;box-sizing: border-box;}
.pro-l ul li{margin-bottom: 15px;}
.pro-l ul li:last-child{margin-bottom: 0;}
.pro-l ul li b a{width: 190px;height: 36px;border-radius: 17px;background: #FF9500;text-align: center;display: block;margin: 0 auto;line-height: 36px;font-weight: normal;font-size: 18px;color: #333;background:linear-gradient(0deg,rgba(197,197,197,1),rgba(235,235,235,1));
border:1px solid rgba(232, 232, 232, 1);}
.pro-l ul li p{display: none;padding-left: 41px;padding-right: 33px;line-height: 36px;}
.pro-l ul li p a{display: block;color: #888;position: relative;}
.pro-l ul li p a:after{content: ">";position: absolute;right: 0;top: 0;}
.pro-l ul li b.cur a{background:rgba(255,149,0,1);border:none;color: #fff;}
.pro-l ul li p{display: block;}
.pro-r{margin-top: 54px;float: right;width: 957px;}
.pro-r li{width: 315px;float: left;margin-right: 6px;margin-bottom: 17px;text-align: center;}
.pro-r li:nth-child(3n){margin-right: 0;}
.pro-r li a{display: block;}
.pro-r li img{width: 315px;height: 185px;display: block;}
.pro-r li h4{display: block;font-size: 16px;font-weight: normal;color: #999;line-height: 16px;margin-top: 6px;}


/*品质造就品牌*/
.pp{background: url(/skins/default/images/pp-bg.jpg) no-repeat center top;padding-top: 89px;}
.pp h2 span:before,.pp h2 span:after{display: none;}
.pp-c{height:530px; background:rgba(255,255,255,1); box-shadow:0px 3px 18px 0px rgba(6,0,1,0.17);margin-top: 22px;padding: 0 37px;}
.pp-c li{text-align: center;float: left;width:295px;margin-right: 120px;padding-top: 49px;border-bottom: 3px solid #E6E6E6;height: 226px;box-sizing: border-box;transition: all .25s linear;}
.pp-c li:nth-child(3n){float: right;margin-right: 0;}
.pp-c li em{display: block;line-height: 0;-webkit-transition: -webkit-transform 0.7s; -moz-transition: -moz-transform 0.7s; -o-transition: -o-transform 0.7s; transition: transform 0.7s;}
.pp-c li:hover{border-color: #053197;}
.pp-c li:hover em{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.pp-c li b{display: block;font-size: 24px;line-height: 24px;color: #222;margin-top: 24px;background: url(/skins/default/images/pp-tbg.png) no-repeat center bottom;padding-bottom: 13px;}
.pp-c li span{display: block;font-size: 15px;color: #666;line-height: 24px;margin-top: 4px;}
.pp .tel{background: url(/skins/default/images/pp-tel.png) no-repeat;width: 518px;height: 61px;margin: 33px auto 0;padding-left: 92px;color: #1A4EC8;box-sizing: border-box;padding-top: 15px;}
.pp .tel span{display: inline-block;line-height: 20px;font-size: 20px;vertical-align: middle;}
.pp .tel b{font-size:36px;font-family: Gotham-Bold,Impact,Arial;color: #1A4EC8;display: inline-block;vertical-align: middle;text-indent: 0;line-height: 80%;}
.pp-c2{margin-top: 143px;}
.pp-c2 li{float: left;width: 400px;height: 154px;text-align: center;color: #fff;padding-top: 35px;box-sizing: border-box;}
.pp-c2 li h3{font-size: 32px;line-height: 32px;display: block;}
.pp-c2 li span{display: block;margin-top: 26px;}
.pp-c2 li i{display: block;font-family: Arial;opacity: 0.3;-moz-transform:scale(0.7,0.7);-webkit-transform:scale(0.7,0.7);-o-transform:scale(0.7,0.7);white-space: nowrap;}
.pp-c2 li.p1{background: url(/skins/default/images/pp-bg1.jpg) no-repeat;}
.pp-c2 li.p2{background: url(/skins/default/images/pp-bg2.jpg) no-repeat;}
.pp-c2 li.p3{background: url(/skins/default/images/pp-bg3.jpg) no-repeat;}


/*实力领创 行业标杆*/
.sl{padding-top: 80px;padding-bottom: 46px;}
.sl-c{background: url(/skins/default/images/sl-bg.png) no-repeat center top;margin-top: 35px;}
.sl-c dl{float: left;width: 535px;margin-bottom: 54px;}
.sl-c dl:nth-child(2){margin-top: 20px;}
.sl-c dl:nth-child(2n){float: right;}
.sl-c dl dt img{display: block;width: 535px;height: 330px;}
.sl-c dl dd{height: 156px;border:1px solid #E5E5E5;box-sizing: border-box;padding: 22px 24px 0;}
.sl-c dl dd h3{height: 42px;border-bottom: 1px solid #E4E4E4;font-size: 30px;color: #222;line-height: 30px;margin-bottom: 6px;}
.sl-c dl dd h3 span{display: inline-block;height: 41px;border-bottom: 3px solid #1A4EC8;}
.sl-c dl dd p{font-size: 15px;line-height: 30px;color: #666;letter-spacing: -0.5px;}
.sl-c dl:last-child dd{margin-top: -7px;}


/*案例见证口碑*/
.case{background: url(/skins/default/images/case-bg.jpg) no-repeat center top;height: 1085px;box-sizing: border-box;padding-top:89px;}
.case-t{margin-top: 40px;background: #fff;height: 65px;line-height: 65px;border:1px solid rgba(229,229,229,1);}
.case-t li{float: left;width: 16.66%;text-align: center;font-size: 20px;font-weight: bold;position: relative;}
.case-t li:after{content: "";display: block;position: absolute;right: 0;width: 1px;height: 35px;background: #EDEDED;top: 15px;}
.case-t li:hover a,.case-t li.cur a{color: #1A4EC8;}
/*
.case-t li:last-child{float: right;}
    */
.case-t li:last-child:after{display: none;}
.case-c{margin-top: 33px;position: relative;height: 365px;}
.case-c dt{float: left;width: 650px;height: 365px;}
.case-c dt img{width: 650px;height: 365px;}
.case-c dd{float: left;width: 550px;height: 365px;background: #fff;padding: 30px 28px 0 30px;box-sizing: border-box; }
.case-c dd a{display: block;padding-bottom: 25px;border-bottom: 2px solid #E6E6E6;}
.case-c dd h4{font-size: 24px;line-height: 24px;display: block;color: #333;margin-bottom: 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:492px;}
.case-c dd b{display: block;font-size: 18px;font-weight: bold;line-height: 18px;margin-bottom: 5px;}
.case-c dd p{font-size: 15px;line-height: 24px;color: #333;}
.case-c dd p span{color: #1A4EC8;}
.case-c ul{position: absolute;left: 677px;bottom: 22px;}
.case-c ul h3{font-size: 18px;line-height: 18px;display: block;color: #333;margin-bottom: 8px;}
.case-c ul li{width: 229px;height: 129px;float: left;overflow: hidden;}
.case-c ul li:nth-of-type(1){margin-right: 21px;display: inline;}
.case-c ul li a{display: block;}
.case-c ul li img{width: 229px;height: 129px;}
.liuyan{background: url(/skins/default/images/liuyan-bg.jpg) no-repeat center top;height: 230px;margin-top: 80px;box-shadow:0px 4px 17px 1px rgba(7,0,2,0.27);box-sizing: border-box;padding: 32px 0 0 44px; clear:both;}
.liuyan h3{font-size: 36px;line-height: 36px;display: block;color: #000;margin-bottom: 20px;}
.liuyan h3 span{font-size: 18px;line-height: 18px;color: #666;font-weight: normal;display: inline-block;vertical-align: bottom;margin-left: 8px;}
.liuyan li{float: left;width: 340px;height: 40px;border:1px solid #DCDCDC;background: #fff;margin-bottom: 20px;margin-right: 40px;}
.liuyan li:nth-child(3){margin-right: 0;}
.liuyan input{width: 340px;height: 40px;border:none;background: none;text-indent: 10px;color: #666;}
.liuyan li:nth-child(4),.liuyan input.message{width: 930px;height: 40px;margin-right: 20px;}
.liuyan li:nth-child(5),.liuyan input.btn{width: 153px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;background: #FF9500;border:none;margin-right: 0;}


/*底部
.foot{background: url(/skins/default/images/foot-bg.jpg) no-repeat center top;height: 370px;}
.foot-t{height: 325px;padding-top: 74px;box-sizing: border-box;}
.foot-tl{float: left;width: 250px;background: url(/skins/default/images/foot-line.png) no-repeat right 8px;}
.foot-tl h2{line-height:0;margin-bottom: 12px;}
.foot-tl h2 a{display: block;}
.foot-tl h2 img{width: 144px;height: 102px;}
.foot-tl span{display: block;font-size: 15px;color: #fff;line-height: 15px;margin-bottom: 53px;}
.foot-tl em a{display: block;background: url(/skins/default/images/foot-icon.png) no-repeat left center;padding-left: 26px;color: #fff;line-height: 14px;font-size: 14px;}

.foot-tc{float: left;padding-left: 80px;box-sizing: border-box;width: 370px;background: url(/skins/default/images/foot-line.png) no-repeat right 8px;}
.foot-tc h3,.foot-tr h3,.foot-code h3{font-size: 20px;line-height: 20px;color: #fff;margin-bottom: 42px;margin-top: 10px;}
.foot-tc p{display: block;font-size: 14px;line-height: 14px;}
.foot-tc p a{display: block;font-size: ;color: #fff;opacity: 0.5;width: 138px;float: left;margin-bottom: 22px;}

.foot-tr{float: left;padding-left: 66px;box-sizing: border-box;width: 321px;background: url(/skins/default/images/foot-line.png) no-repeat right 8px;}
.foot-tr p{color: #fff;opacity: 0.5;line-height: 24px;margin-bottom: 10px;}
.foot-tr p em{display: inline-block;vertical-align: top;margin-right: -4px;}
.foot-tr p i{display: inline-block;width: 188px;vertical-align: top;}

.foot-code{float: right;padding-left: 46px;width: 208px;}
.foot-code h3{margin-bottom: 28px;}
.foot-code i{text-align: center;display: inline-block;}
.foot-code i:first-child{margin-right: 9px;}
.foot-code i img{width: 97px;height: 97px;display: block;}
.foot-code i span{display: block;color: #fff;opacity: 0.5;line-height: 14px;font-size: 14px;margin-top: 28px;}


.foot-b{height: 45px;background: #053197;}
.foot-bl{float: left;line-height: 45px;color: #fff;opacity: 0.5;}
.foot-bl span{margin-left: 25px;}
.foot-br{float: right;line-height: 45px;color: #fff;opacity: 0.5;}
.foot-br span{display: inline-block;}
.foot-br p{display: inline-block;}
.foot-br a{color: #fff;margin-left: 40px;margin-right: -4px;}
.foot-br a:first-child{margin-left: 0;}

*/