@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.pin{ padding:70px 0 45px;font-size: 0;}
.pin h2,.case h2,.ys h2,.news_bg h2,.about h2{ background:url(img/pin_tbg.png) no-repeat;width: 878px;height: 100px;text-align: center; margin:0 auto;}
.pin h2 b,.case h2 b,.ys h2 b{font-size: 30px;color: #0858b2;display: block;height: 52px;line-height: 52px;overflow: hidden;}
.pin h2 span,.case h2 span,.ys h2 span{display: block;font-size: 14px;color: #666;font-weight: normal;height: 48px;line-height: 48px;}
.pin ul{ display:inline-block;width: 1200px; padding:40px 0 0;}
.pin ul li{width: 240px;float: left;height: 270px;text-align: center;}
.pin ul li b{display: block;font-size: 18px;color: #333; padding:105px 0 0;}
.pin ul li span{display: block;font-size: 14px;color: #666;line-height: 22px; padding:15px 0 0;}
.pin .pin_li01{ background-image:url(img/pin_k01.gif);}
.pin .pin_li02{ background-image:url(img/pin_k01.gif); background-position:-240px 0;}
.pin .pin_li03{ background-image:url(img/pin_k01.gif); background-position:-480px 0;}
.pin .pin_li04{ background-image:url(img/pin_k01.gif); background-position:-720px 0;}
.pin .pin_li05{ background-image:url(img/pin_k01.gif); background-position:-960px 0;}
.pin ul li:hover,.pin ul li.cur{ background-image:url(img/pin_k02.gif);}

/*长龙产品中心*/
.cp_bg{background: #ededed;font-size: 0; padding:0 0 70px;}
.cp_l{width: 260px; border-bottom:#0858b2 5px solid;background: #fff; padding:0 0 20px;}
.cp_l h3{ background:url(img/cp_ltbg.gif) no-repeat;width: 260px;height: 92px; padding:35px 0 0;text-align: center;}
.cp_l h3 a{font-size: 32px;color: #fff;}
.cp_l h3 i{display: block;font-size: 12px;color: #fff;font-weight: normal; padding:10px 0 0;}

.cp_ul01 li a{display: block;font-size: 18px;color: #333;font-weight: bold;width: 200px;height: 59px;line-height: 59px; background:url(img/cp_li01.gif) no-repeat; padding:0 0 0 60px;}
.cp_ul02{ padding:15px 0; border-bottom:#e5e5e5 1px solid;}
.cp_ul02 li a{font-size: 14px;font-weight: normal; background:url(img/cp_ico01.gif) no-repeat 60px 13px;padding: 0 0 0 78px;width: 182px;height: 30px;line-height: 30px;overflow: hidden;}
.cp_l li a:hover,.cp_l span a:hover{color: #0858b2;font-weight: bold;}
.cp_l .nobor{ padding-bottom:0; border:none;height: 30px;overflow: hidden;}
.cp_l span{display: block; background:url(img/cp_ico01.gif) no-repeat 60px 13px;padding: 0 0 0 78px;width: 182px;height: 30px;line-height: 30px;overflow: hidden;}
.cp_l span a{font-size: 14px;color: #333;}

.cp_r{width: 912px;}
.cp_rt{ background:url(img/cp_line01.gif) no-repeat 0 80px;height: 88px;line-height: 100px;overflow: hidden; margin:0 0 0 20px;}
.cp_rt a{font-size: 18px;color: #333;}
.cp_rt a:hover{color: #0858b2;}
.cp_rt span{float: right;}
.cp_rt span a{font-size: 14px;color: #666;}
.cp_r ul li{width: 284px;float: left;position: relative; padding:20px 0 0 20px;line-height: 0;}
.cp_r ul li img{width: 284px;height: 212px;}
.cp_r ul li span{ width:244px; display:block; height:42px; line-height:42px; margin:5px 0 0;font-size: 14px;color: #666; padding:0 0 0 40px; background:url(img/cp_btn.gif) no-repeat; overflow:hidden;}
.cp_r ul li .btn{display: none;width: 284px;height: 212px; background:url(img/cp_picbg.png) repeat;position: absolute;top: 20px;right: 0;}
.cp_r ul li .btn i{display: block;font-size: 16px;color: #fff; background:url(img/cp_btn.png) no-repeat;width: 144px;height: 46px;text-align: center;line-height: 46px; margin:82px auto 0;}
.cp_r ul li:hover .btn{display: block;}
.cp_r ul li i:hover,.ban01 p em a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/*应用领域展示*/
.zhans_bg{ background:url(img/zhans_bg.jpg) no-repeat center 0;height: 440px;font-size: 0;overflow: hidden;}
.zhans h2{ padding:70px 0 0;text-align: center;}
.zhans h2 a{font-size: 24px;color: #fff;}
.zhans h2 i{display: block;font-size: 12px;font-weight: normal; padding:10px 0 0;}
.zhans p{position: absolute;}
.zhans p em{display: block;width: 200px;height: 108px;overflow: hidden;float: left;}
.zhans p em img,.case_l img,.case_r dl dt img,.news_m dt img,.about dl dt img,.photo_m ul li img{width: 200px;height: 108px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.zhans p em img:hover,.case_l img:hover,.case_r dl dt img:hover,.news_m dt img:hover,.about dl dt img:hover,.photo_m ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.zhans p span{display: block;width: 200px;height: 108px;overflow: hidden;float: left;font-size: 18px;color: #fff;text-align: center;}
.zhans p span b{display: block;width: 50px; margin:0 auto; padding:20px 0 10px;-webkit-transition:transform .3s;transition:transform .3s;}
.zhans p a:hover b{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.zhans p span b img{width: 50px;height: 35px;}
.zhans .z_p01{top: 168px;left: 0;}
.zhans .z_p02{top: 276px;left: 200px;}
.zhans .z_p03{top: 168px;left: 400px;z-index: 5;}
.zhans .z_p04{top: 276px;left: 600px;}
.zhans .z_p05{top: 60px;right: 200px;width: 200px;}
.zhans .z_p06{top: 60px;right: 0;width: 200px;}
.zhans .z_p01 span,.zhans .z_p04 span{background: #f58823;}
.zhans .z_p02 span{background: #024085;}
.zhans .z_p03 span,.zhans .z_p05 span,.zhans .z_p06 span{background: #0858b2;}
.zhans .z_tel{font-size: 14px;color: #fff; background:url(img/zhans_tel.png) no-repeat 120px 0;width: 400px;text-align: center;height: 100px;top: 290px;right: 0; padding:6px 0 0;}
.zhans .z_tel b{display: block;font-size: 22px; padding:15px 0 0;}

/*案例*/
.case{ padding:70px 0 40px;font-size: 0;}
.case_m{ padding:40px 0 0;}
.case_l{width: 560px;height: 420px;float: left;overflow: hidden;}
.case_l img{width: 560px;height: 420px;}
.case_r{width: 640px;}
.case_r dl{width: 640px;}
.case_r dl dt{width: 270px;height: 210px;float: left;overflow: hidden;line-height: 0;}
.case_r dl dt img{width: 270px;height: 210px;}
.case_r dl dd{width: 320px;height: 170px;float: left;background: #0858b2; padding:40px 25px 0;}
.case_r dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.case_r dl dd h5 a{font-size: 18px;color: #fff;}
.case_r .case_desc{font-size: 14px;color: #fff;height: 50px;line-height: 25px;overflow: hidden; padding:10px 0 0;}
.case_r dl dd span{display: block;font-size: 14px;color: #fff;text-transform: uppercase; padding:20px 0 0;float: right;}
.case_r .case_dl01 dt{float: right;}
.case_r .case_dl01 dd{background: #f3f3f3;}
.case_r .case_dl01 dd h5 a{color: #333;}
.case_r .case_dl01 .case_desc,.case_r .case_dl01 dd span{color: #666;} 
.case_r em{display: block;width: 12px;position: absolute;z-index: 10;}
.case_r em img{width: 12px;height: 20px;}
.case_r .case_ico01{top: 95px;left: 370px;}
.case_r .case_ico02{top: 305px;right: 370px;}

/*合作客户*/
.partner{ padding:0 0 50px;font-size: 0;}
.partner p{ padding:42px 0 0;}
.partner p a{ width:34px; height:34px; display:block;}
.partner_l a{ background:url(img/hz_lico01.gif) no-repeat;}
.partner_l a:hover{ background:url(img/hz_lico02.gif) no-repeat;}
.partner_r a{ background:url(img/hz_rico01.gif) no-repeat;}
.partner_r a:hover{ background:url(img/hz_rico02.gif) no-repeat;}
.partner_c ul li { width:224px; float:left; padding:0 29px;overflow: hidden;}
.partner_c ul li img{ width:222px; height:111px;}
.hz_btn{display: block;*display: inline;*zoom: 1;position: relative;height:111px;border:1px solid #ececec;width:222px;}
.hz_btn:before,.hz_btn:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #0858b2;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.hz_btn:before{top: -1px;border-bottom: 0;}
.hz_btn:after{bottom: -1px;border-top: 0;}
.hz_btn:hover:before,.hz_btn:hover:after{width: 100%;height: 111px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

/*优势*/
.ys_bg{ background:url(img/ys_bg.gif) repeat;font-size: 0; padding:56px 0 60px;}
.ys h2,.news_bg h2{ background:url(img/ys_tbg.png) no-repeat;}
.ys_m{ background:url(img/ys_mbg.gif) no-repeat;width: 1200px;height: 504px; display:inline-block; margin:40px 0 0;}
.ys_l{width: 169px;height: 504px;}
.ys_l ul li{font-size: 20px;color: #fff;width: 130px;height: 168px;line-height: 250px; padding:0 0 0 39px;overflow: hidden;}
.ys_l .ys_li01{ background-image:url(img/ys_lbg01.png);}
.ys_l .ys_li02{ background-image:url(img/ys_lbg01.png); background-position:0 -168px;}
.ys_l .ys_li03{ background-image:url(img/ys_lbg01.png); background-position:0 -336px;}
.ys_l ul li:hover,.ys_l ul li.on{ background-image:url(img/ys_lbg02.png);}
.ys_r{width: 960px; padding:52px 12px 0 0;}
.ys_r dl{ display:inline-block;width: 960px;}
.ys_r dl dt{width: 500px;float: left;}
.ys_r dl dt img{width: 500px;height: 382px;}
.ys_r dl dd{width: 420px; padding:30px 0 0 30px;float: left;}
.ys_r dl dd h5{font-size: 24px;color: #f58823;height: 70px; background:url(img/ys_line.gif) no-repeat 0 68px; padding:0 0 20px;}
.ys_r dl dd h5 i{display: block;font-size: 14px;color: #a6a6a6;font-weight: normal;text-transform: uppercase; padding:10px 0 0;}
.ys_r dl dd p{font-size: 14px;color: #666;line-height: 25px; padding:15px 0 0 20px; background:url(img/ys_ico01.gif) no-repeat 0 25px;}
.ys_r dl dd p b{color: #1c5db7;}
.ys_r dl dd span{ margin:30px 0 0;display: block;font-size: 20px;color: #fff;font-weight: bold; background:url(img/ys_tel.gif) no-repeat;width: 340px;height: 46px;line-height: 46px;overflow: hidden; padding:0 0 0 74px;}

/*广告条*/
.ban01{ background:url(img/ban01.jpg) no-repeat center 0; height:223px; overflow:hidden;}
.ban01 p{position: absolute;top: 75px;right: 0;width: 310px;text-align: center;}
.ban01 p span{ display:block; font-size:14px; color:#e0e8f5;}
.ban01 p span b{display: block;font-size: 20px;color: #fff; padding:5px 0 0;}
.ban01 p em{ display:block; padding:20px 0 0;margin:0 auto;width: 144px;}
.ban01 p em a{font-size: 16px;color: #fff; width:144px; height:46px; background:url(img/ban_btn.png) no-repeat;display: block;line-height: 46px; }

/*格林威尔公司动态*/
.news_bg{background: #f4f4f4;font-size: 0; padding:70px 0 55px;overflow:hidden;}
.news_bg h2,.about h2{height: 84px;line-height: 50px;}
.news_bg h2 a,.about h2 a{font-size: 30px;color: #0858b2;}
.news_bg h2 i,.about h2 i{font-size: 16px;color: #666;font-weight: normal;text-transform: uppercase; padding:0 0 0 10px;}
.news,.wd{ width:730px;height: 400px; border:#efefef 1px solid; border-top:none;background: #fff;overflow: hidden;}
.news_t,.wd_t{ height:47px; line-height:47px; background:url(img/news_tbg01.gif) repeat-x;overflow: hidden;}
.news_t ul li{ float:left;}
.news_t ul li a{ font-size:18px; color:#333; font-weight:bold; display:block; width:200px; height:47px; line-height:47px; text-align:center;}
.news_t ul li.on a,.news_t ul li a:hover{ color:#0858b2; background:url(img/news_tbg02.gif) repeat-x;}
.news_t span,.wd_t span{ float:right; padding:0 15px 0 0;display: block;}
.news_t span a,.wd_t span a{ font-size:14px; color:#666;}

.news_m{ padding:0 20px;width: 690px;}
.news_m dl{ width:690px; padding:10px 0; margin:0 0 15px; display:inline-block; border-bottom:#a7a7a7 1px dotted; overflow:hidden;}
.news_m dt{ width:270px; float:left;height: 135px; border:#efefef 1px solid;overflow: hidden;}
.news_m dt img{ width:270px; height:135px;}
.news_m dd{ float:left; overflow:hidden; width:390px; padding:0 0 0 18px;}
.news_m dd h3{ height:30px; line-height:25px; border-bottom:#326dbe 1px dashed; overflow:hidden;}
.news_m dd h3 a{ font-size:14px; color:#f58823;}
.news_m .news_desc{ font-size:14px; color:#666; height:60px; line-height:20px;overflow: hidden; padding:15px 0 0;}
.news_m dd span{ display:block; padding:5px 0 0;}
.news_m dd span a{font-size: 14px;color: #f58823;}
.news_m ul li{ height:30px; line-height:30px; overflow:hidden; display:inline-block;width: 690px; background:url(img/cp_ico01.gif) no-repeat 18px 12px;}
.news_m ul li a{ font-size:14px; color:#333; padding:0 0 0 35px;display: block;width: 390px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m ul li a:hover,.wd dt a:hover{ color:#0858b2;}
.news_m ul li span{display: block;float: right;font-size: 12px;color: #666;}

/*常见问题*/
.wd{ width:428px;}
.wd_t p{ width:150px; height:47px; line-height:47px; text-align:center; background:url(img/news_tbg02.gif) repeat-x;float: left;}
.wd_t p a{ font-size:18px; color:#0858b2; font-weight:bold;}
.wd_m{ padding:0 22px;width: 384px; margin:20px 0 0;}
.wd dl{ width:384px; height:90px; border-bottom:#9d9d9d 1px dashed; padding:10px 0 0;}
.wd dt{ height:30px; line-height:30px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333; font-weight:bold;}
.wd dd{ font-size:14px; color:#666; line-height:22px; height:44px; overflow:hidden;}

/*走进长龙管业*/
.about{ background:url(img/ab_bg.gif) no-repeat;width: 1200px;height: 433px; padding:61px 0 0;}
.about h2{ background:none;height: 103px;}
.ab_tel{display: block;font-size: 22px;color: #fff;height: 68px;line-height: 68px; text-align:right; padding:0 30px 0 0;width: 1170px;}
.ab_l{width: 175px; padding:50px 0 0 20px;line-height: 30px;}
.ab_l a{font-size: 18px;color: #fff;}
.about dl{width: 1005px;float: right; display:inline-block;}
.about dl dt{width: 462px;height: 262px;float: right;overflow: hidden;}
.about dl dt img{width: 462px;height: 262px;}
.about dl dd{ padding:0 25px 0 30px;width: 488px;float: left;}
.about dl dd h5{height: 55px;line-height: 55px;overflow: hidden;text-align: center;}
.about dl dd h5 a{font-size: 24px;color: #333;}
.about .ab_desc{font-size: 14px;color: #666;line-height: 26px;height: 104px;overflow: hidden; padding:5px 0 0;}
.about dl dd span{display: block; padding:5px 0 0;}
.about dl dd span a{font-size: 14px;color: #1c5db7;}

/*生产基地*/
.photo{font-size: 0; padding:0 0 60px;}
.photo_t{ border-bottom:#dbdbdb 1px solid;height: 73px;overflow: hidden;}
.photo_t ul li{width: 200px;float: left;height: 74px;line-height: 82px;}
.photo_t ul li a{font-size: 16px;color: #333;font-weight: bold; padding:0 0 0 50px;display: block;width: 150px;height: 74px;}
.photo_t .photo_li01 a{ background-image:url(img/photo_tbg01.gif);}
.photo_t .photo_li02 a{ background-image:url(img/photo_tbg01.gif); background-position:-200px 0;}
.photo_t ul li a:hover,.photo_t ul li.on a{color: #1c5db7; background-image:url(img/photo_tbg02.gif);}
.photo_m{ padding:22px 0 0;}
.photo_m ul li{width: 280px;float: left; padding:0 26px 0 0;overflow: hidden;}
.photo_m ul li em{width: 280px;height: 160px;display: block;overflow: hidden;}
.photo_m ul li img{width: 280px;height: 160px;}
.photo_m .nobor{padding: 0;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}