﻿@charset "utf-8";

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

/**/
.guany_bg{ background:#f2f2f2;}
.guany dl dt{width: 398px;height: 298px;float: left;overflow: hidden;}
.guany dl dt img,.ys dl dt img,.news02 dl dt p img,.about dl dt img{width: 398px;height: 298px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.guany dl dt img:hover,.ys dl dt img:hover,.news02 dl dt p img:hover,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.guany dl dd{width: 780px;float: right; padding:45px 0 0;}
.guany dl dd h5{font-size: 18px;color: #333; background:url(../image/guany_line.gif) no-repeat 0 48px;height: 50px;line-height: 40px;overflow: hidden;}
.guany dl dd h5 i{color: #3b5ea7;}
.guany dl dd p{font-size: 14px;color: #333;line-height: 24px;height: 95px;overflow: hidden; padding:12px 0 0;}
.guany dl dd span{width: 260px;float: left;}
.guany dl dd span em{display: block;float: left;font-size: 14px;color: #fff;width: 28px;text-align: center;height: 28px;line-height: 28px;background: #426abc; border-radius:50%;}
.guany dl dd span b{display: block;font-size: 14px;color: #333; padding:0 0 0 10px;float: left;line-height: 28px;}

/*工程塑料中心*/
.fenl{ padding:80px 0 85px;}
.fenl_bt{font-size: 30px;color: #333; background:url(../image/cp_tbg.png) no-repeat;height: 114px;line-height: 40px;text-align: center; padding:40px 0;}
.fenl_bt a{font-size: 30px;color: #333;}
.fenl_bt i{color: #3b5ea7;}
.fenl_bt span{display: block;font-size: 16px;color: #333;font-weight: normal;}

.fenl_ul01 li{width: 150px;float: left; background:url(../image/cp_lbg.gif) no-repeat 0 60px;}
.fenl_ul01 li a{ font-family:Arial, Helvetica, sans-serif;font-size: 14px;color: #fff;font-weight: bold;display: block;height: 60px;line-height: 60px;width: 150px; background:url(../image/cp_tbg01.gif) no-repeat;text-align: center;}
.fenl_ul01 li a:hover{ background:url(../image/cp_tbg02.gif) no-repeat;}
.fenl_ul02{height: 351px;}
.fenl_ul01 .fenl_ul02 li{ background:none;}
.fenl_ul01 .fenl_ul02 li a{font-size: 14px;color: #333;height: 38px;line-height: 38px;font-weight: normal; border-bottom:#bbb 1px solid;width: 95px; margin:0 auto; background:none;}
.fenl_ul01 .fenl_ul02 li a:hover{ background:url(../image/cp_line.gif) no-repeat 0 13px;color: #88be4b;}
.fenl_ul01 li em{display: block;width: 30px;height: 30px; margin:12px auto 0;}
.fenl_ul01 li em a{ background:url(../image/cp_ico01.png) no-repeat;display: block;width: 30px;height: 30px;}
.fenl_ul01 li em a:hover{ background:url(../image/cp_ico02.png) no-repeat;}

/*广告条*/
.ban01{ background:url(../image/ban01.jpg) no-repeat center 0;height:200px; overflow:hidden;}
.ban01 p{position: absolute;top: 72px;right: 0;width: 415px;}
.ban01 p span{ display:block; font-size:14px; color:#fff;float: left; background:url(../image/ban_tel.png) no-repeat 0 9px; padding:0 0 0 34px;line-height: 24px;width: 205px;}
.ban01 p span b{font-size: 22px;font-family:'DINOT-Regularffa9c31671ad4d';display: block;}
.ban01 p em{ display:block;float: left;width: 105px; padding:10px 0 0;}
.ban01 p em a,.ab_tel span a{display: block;font-size: 14px;color: #333;width: 105px;height: 30px;text-align: center;line-height: 30px;background: #fff; border-radius:20px;}
.ban01 p em a:hover,.case .u-more:hover,.ab_tel span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}

.ban02{ background:url(../image/ban02.jpg) no-repeat center 0;}

/*应用案例*/
.case{ padding:80px 0 0;}
.case ul li{width: 390px;height: 292px;float: left;position: relative;line-height: 0; margin:0 5px 10px;overflow: hidden;}
.case ul li img{width: 390px;height: 292px;}
.case ul li span{ width:390px; display:block;height:58px; line-height:58px;position: absolute;bottom: 0;left: 0; overflow:hidden;font-size: 16px;color: #fff; background:url(../image/case_picbg.png) repeat;}
.case ul li em{display: block;float: left;width: 33px;-webkit-transition:transform .3s;transition:transform .3s;line-height: 0; padding:12px 95px 0 25px;}
.case ul li em img{width: 33px;height: 33px;}
.case ul li a:hover em{-webkit-transform:translate(10px, 0);transform:translate(10px, 0);}
.case .u-more{display: block;font-size: 16px;color: #fff;font-weight: bold;width: 160px;height: 50px;text-align: center;line-height: 50px;background: #88be4b; border-radius:30px; margin:30px auto 0;}

/*合作客户*/
.partner_l a{ background:url(../image/hz_lico01.png) no-repeat; width:53px; height:53px; display:block;}
.partner_l a:hover{ background:url(../image/hz_lico02.png) no-repeat;}
.partner_r a{ background:url(../image/hz_rico01.png) no-repeat; width:53px; height:53px; display:block;}
.partner_r a:hover{ background:url(../image/hz_rico02.png) no-repeat;}
.partner_l{ position:absolute; top:75px; left:-66px;}
.partner_r { position:absolute; top:75px; right:-66px;}
.partner_c ul li { width:224px; float:left; padding:40px 8px;}
.partner_c ul li img{ width:224px; height:126px;box-shadow: 0 3px 10px 3px #d0d0d0;}

/*优势*/
.ys_bg{ background:url(../image/ys_bg.jpg) no-repeat center 0;height: 735px; padding:50px 0 0;}
.ys dl{width: 390px;height: 500px;float: left; margin-right:15px;}
.ys dl dt{width: 390px;height: 208px;overflow: hidden;line-height: 0;}
.ys dl dt img{width: 390px;height: 208px;}
.ys dl dd{background: #fff;width: 343px;height: 275px; border:#eee 1px solid; padding:15px 20px 0 25px;}
.ys dl dd h5{font-size: 16px;color: #333;height: 65px; background:url(../image/guany_line.gif) no-repeat 0 64px;line-height: 24px;}
.ys dl dd h5 em{display: block;}
.ys dl dd h5 em img{width: 30px;height: 28px;}
.ys dl dd p{font-size: 14px;color: #333;line-height: 24px; padding:10px 0 0;}
.ys .last_dl{ margin-right:0;}
.ys dl:hover{box-shadow: 0 3px 10px 3px #d0d0d0;}

/**/
.shou_bg{ background:url(../image/shou_bg.jpg) no-repeat center 0;height: 242px;}
.shou h3{font-size: 22px;color: #fff; background:url(../image/shou_k01.gif) no-repeat;width: 220px;height: 159px;float: left;line-height: 34px; padding:0 0 0 80px;}
.shou h3 i{display: block; padding:38px 0 0;}
.shou ul{width: 900px;float: left;}
.shou ul li{font-size: 14px;color: #fff;line-height: 24px; background:url(../image/shou_k01.gif) no-repeat;width: 270px;height: 159px;float: left; padding:0 15px;}
.shou ul li b{display: block;font-size: 18px; padding:20px 0 10px;}
.shou ul li:hover,.shou ul li.cur{ background:url(../image/shou_k02.gif) no-repeat;}

/*新闻中心*/
.news_main{ padding:80px 0 70px;}
.news01{width: 575px;}
.news_t h3{width: 145px;height: 62px;background: #3b5ea7;float: left; padding:18px 0 0 30px;line-height: 26px;}
.news_t h3 a{font-size: 20px;color: #fff;}
.news_t h3 i{display: block;font-size: 14px;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.news_t span{display: block;width: 100px;height: 45px;background: #c4c4c4;text-align: center;line-height: 45px;float: right;overflow: hidden;}
.news_t span a{font-size: 12px;color: #fff;text-transform: uppercase;}

.news01 dl{ border-bottom:#ececec 1px solid; display:inline-block;width: 575px; padding:15px 0;}
.news01 dl dt{width: 130px;float: left;text-align: center;font-size: 18px;color: #484848;line-height: 30px;}
.news01 dl dt i{display: block;font-size: 26px; padding:10px 0 0;}
.news01 dl dd{width: 420px;float: left; padding:0 0 0 25px;}
.news01 dl dd h5,.news02 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news01 dl dd h5 a,.news02 dl dd h5 a{font-size: 14px;color: #333;}
.news01 dl dd h5 a:hover,.news01 ul li a:hover,.news02 dl dd h5 a:hover,.wd dt a:hover{color: #3b5ea7;}
.news01 .news_desc,.news02 .news_desc{font-size: 14px;color: #333;height: 44px;line-height: 22px;overflow: hidden;}
.news01 ul li{  border-bottom:#ececec 1px solid; display:inline-block;width: 575px;height: 50px;line-height: 50px;overflow: hidden;}
.news01 ul li a{display: block;float: left;font-size: 14px;color: #333;width: 390px;float: left; padding:0 25px;}
.news01 ul li span{display: block;float: left;font-size: 14px;color: #484848;width: 130px;text-align: center;}

.news02{width: 585px;}
.news02 dl dt{width: 585px; display:inline-block;}
.news02 dl dt p{width: 340px;float: left;height: 170px;overflow: hidden;}
.news02 dl dt p img{width: 340px;height: 170px;}
.news02 dl dt span{display: block;float: left;width: 243px;height: 168px;text-align: center; border:#ededed 1px solid;font-size: 20px;color: #484848;line-height: 40px;}
.news02 dl dt i{display: block;font-size: 40px; padding:40px 0 0;}
.news02 dl dd{width: 585px; padding:15px 0 0;}

/*常见问题*/
.wd{ padding:0 0 80px;}
.wd_t{width: 175px;height: 200px;}
.wd_t a{font-size: 18px;color: #fff;font-weight: bold;display: block;width: 145px;height: 160px;background: #3b5ea7 url(../image/wen_more.gif) no-repeat 30px 130px; padding:40px 0 0 30px;line-height: 30px;}
.wd_t i{display: block;font-size: 16px;text-transform: uppercase;}
.wd_m{width: 1005px; padding:0 0 0 20px; }
.wd dl{ width:280px;float: left; padding:0 0 0 50px;}
.wd dt{ background:url(../image/wen.gif) no-repeat; padding:25px 0 0; height:50px; line-height:50px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#484848; font-weight:bold;}
.wd dd{  background:url(../image/da.gif) no-repeat; padding:35px 0 0;}
.wd_desc{font-size:14px; color:#333;height: 44px;line-height: 22px;overflow: hidden;}
.wd dd span{display: block;width: 92px; padding:12px 0 0;}
.wd dd span a{font-size: 12px;color: #484848;text-transform: uppercase;display: block;width: 90px;height: 30px;text-align: center;line-height: 30px; border:#d2d2d2 1px solid;overflow: hidden;}
.wd dd span a:hover{background: #3b5ea7;color: #fff;border:#3b5ea7 1px solid;}

/*聚焦善德宸信*/
.ab_bg{ background:url(../image/ab_bg.jpg) no-repeat center 0;height: 630px; padding:60px 0 0;font-size: 0;overflow: hidden;}
.about dl{width: 920px;float: left; padding:40px 0 0 35px;}
.about dl dt{width: 470px;height: 278px;overflow: hidden;float: left;}
.about dl dt img{width: 470px;height: 278px;}
.about dl dd{width: 360px;float: left; padding:0 0 0 80px;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 20px;color: #333;}
.about dl dd h5 a:hover{color: #142d6d;}
.about .ab_desc{font-size: 14px;color: #333;line-height: 24px; padding:10px 0 0;height: 144px;overflow: hidden;}
.about dl dd span{display: block; padding:20px 0 0;}
.about dl dd span a{font-size: 14px;color: #333;}
.ab_r{ padding:70px 0 0 0;width: 200px;}
.ab_r a{font-size: 16px;color: #333;display: block;width: 200px;height: 40px;line-height: 40px; margin-bottom:10px;}
.ab_r a.cur,.ab_r a:hover{ background:#3b5fa7;color: #fff;border-radius:20px;}
.ab_r em{font-size: 22px;display: block;float: left; padding:0 40px 0 30px;font-weight: bold;}
.ab_tel{background:url(../image/ab_tel.png) no-repeat center 0;width: 200px;text-align: center;position: absolute;top: 418px;right: 0;}
.ab_tel b{display: block;font-family: 'DINOT-Regularffa9c31671ad4d';font-size: 26px;color: #333;  padding:25px 0 0;}
.ab_tel span{ display:block;width: 105px; padding:14px 0 0; margin:0 auto;}
.ab_tel span a{background: #3b5ea7;color: #fff;}

/**/
@-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);}
}
