@charset "utf-8";
/* CSS Document */


.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:525px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:30px; text-align:center;z-index: 9999;}
#flashs .btn span{ color:#fff;  background:#ede8ef; cursor: pointer;display: inline-block;margin:0 2px;width:65px;height:6px;font-size:14px;line-height:25px;text-align:center;opacity: 0.7;}
#flashs .btn span.cur {background: #e40000;opacity: 1;}
/*左右切换
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}
*/


/*搜索*/
.ss{ overflow:hidden; width:100%; height:70px; background:#f4f4f4; border-bottom:1px solid #f2f2f2;}
.ss .ssBox{ overflow:hidden;}
.ss .ssBox p{ line-height:72px; color:#333;  font-size:13px; float:left}
.ss .ssBox p a{ color:#333333; padding:0 10px; }
.ss .ssK{overflow:hidden;float:right;height: 37px;width:310px;margin-top: 15px;background:#fff url(ssBg.png) no-repeat left center;}
.ss .ssK input{float:left;height:37px;line-height:37px;font-size:12px;padding: 0 10px;width: 239px;outline:none;background:none;border:none;color:#888;text-indent: 28px;}
.ss .ssK a{display:block;float:right;background:url(ssFdj.png) no-repeat center; width:51px;height:37px;}


/*标题*/
.title{  overflow: hidden; width: 100%; text-align: center; margin-top: 45px;}
.title h2{ font-size: 25px; color: #000000}
.title h2 a{ color: #000}
.title h2 strong{ color: #e40000}
.title i{ display: block; background: url("titlt-iBg.png") no-repeat center; width: 100%; height: 3px; margin-top: 20px;}


/*产品*/
.pro{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 50px;}
.pro .title p{ color: #000000; font-size: 18px; margin-top: 20px;}
.pro .proBox{ overflow: hidden; width: 100%; margin-top: 50px;}
.pro .proLt{float: left;width: 220px;border-radius: 5px;overflow: hidden;background-color: #ff5722;}
.pro .proLt h2{ background: url("pro_h2Bg.jpg")no-repeat center; width: 220px; height: 85px; text-indent: 70px; overflow: hidden; color: #fff}
.pro .proLt h2 a{ font-size: 18px; color: #fff; margin-top:24px;}
.pro .proLt h2 span,.pro .proLt h2 a{ display: block}
.pro .proLt h2 span {font-size: 13px;text-transform: uppercase;font-weight: normal;margin-top: 2px;}
.pro .proLtBox{ overflow: hidden; border: 1px solid #f1f0f0; background-color: #fff}
.pro .dl{ overflow: hidden; width: 100%;}
.pro .dl dt{ line-height: 52px; background: url("pro_dtBg.png") repeat-x center; height: 52px; position: relative; font-size: 16px;}
.pro .dl dt a{ display: block; text-indent: 25px; color: #000; text-decoration: none}
.pro .dl dd{ display: none}
.pro .dl dd a:hover{ color:#ff5722 }
.pro .dl dt i{background:url("pro_lt_dt.png") no-repeat center top;display: block;width: 18px;height: 18px;right: 10px;top:11px;position: absolute;}
.pro .dl dd{overflow: hidden;background: #fff;width: 100%;padding: 10px 0; font-size: 13px;border-bottom: 1px #f1f0f0 solid;}
.pro .dl dd a{display: block;height: 35px;line-height: 35px;background: url("pro_lt_jian.png") no-repeat 30px center;font-size: 13px;color: #333333;text-indent: 40px;}
.pro dl.cur dt i{ background-position: bottom}
.pro dl.cur dd{ display: block}
.pro .proRt{ float: right; width: 762px; overflow: hidden}
.pro .proDl{ overflow: hidden; width: 100%;}
.pro .proDl dt{ width: 310px; height: 224px; overflow: hidden; float: left;  border: 5px solid #d3d3d3}
.pro .proDl dt img{ display: block; transition: all 0.5s; transform: scale(1)}
.pro .proDl dd{ float: right; width: 410px;}
.pro .proDl dd h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 15px 0;border-bottom: 1px solid #c9c9c9;font-size: 18px;}
.pro .proDl dd h3 a{ color: #333}
.pro .proDl dd  p{ line-height: 24px; color: #333333; font-size: 13px; height: 100px; overflow: hidden; margin-top: 20px;}
.pro .proDl dt:hover img{transform: scale(1.1)}
.pro .pro_a{overflow: hidden;width: 100%;margin-top: 23px;}
.pro .pro_a a{ display: block; float: left; margin-right: 10px; width: 100px; height: 28px;line-height: 28px; text-align: center; font-size: 14px ;color: #333; border-radius: 3px;  border: 1px solid #cdcdcd;}
.pro .pro_a a:hover{ background: #ff5722; color: #fff; text-decoration: none}
.pro .pro_a a.cur{ background: #ff5722; color: #fff; text-decoration: none;border:0px;}
.pro .ProList{ overflow: hidden; width: 100%; margin-top: 15px;}
.pro .ProList li{ border: 1px solid #c9c9c9; float: left; width:242px; margin-right: 13px; margin-bottom: 16px; }
.pro .ProList li img{ display: block; transition: all 0.5s; transform: scale(1)}
.pro .img-a{overflow: hidden;width: 232px;height: 189px;border: 5px solid #fff;background: #000; display: block}
.pro .ProList li span{ display: block; border-top: 1px solid #c9c9c9; line-height: 45px; height: 45px; text-align: center; font-size: 14px; color: #333333}
.pro .ProList li.last{ margin-right: 0}
.pro .ProList li.btm{ margin-bottom: 0}
.pro .ProList li:hover img{ transform: scale(1.2); opacity: .8;}
.pro .proPhone { overflow: hidden;  margin: 17px 14px; background: url("problemPhone.png") no-repeat left center; font-size:14px ;color: #fff; padding-left:43px}
.pro .proPhone b{ display: block; font-size: 19px; white-space: nowrap; margin-top: 3px;}




/*电话*/
.PhoneLine{ overflow: hidden;text-align: center; width: 560px; margin: 20px auto 0}
.PhoneLine p{float: left;font-size: 16px;background: url("Customize_Phone.png") no-repeat left center;line-height: 30px;text-indent: 35px;margin-top: 5px;color: #333;}
.PhoneLine b{ color: #e40000; font-size: 26px;}
.PhoneLine img{ margin-left: 10px; display: block; float: right}

/*定制*/
.Customized{ overflow: hidden; width: 100%; background-color: #f4f4f4; padding-bottom: 40px;}
.Customized .title img{ display: block; margin: 0 auto; margin-top: 25px;}
.Customized .list{ overflow: hidden; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #cdcdcd}
.Customized .list li{ width: 312px; margin-right: 29px;  margin-top: 30px; float: left}
.Customized .list li>a{ display: block; overflow: hidden; width: 312px; height: 247px; background-color: #000; border-radius: 5px;}
.Customized .list li.last{ margin-right: 0}
.Customized .list li img{display: block;border-radius: 5px;transition: all .5s;transform: scale(1);}
.Customized .list li h3{ text-align: center; margin-top: 20px; font-size: 18px; color: #000000}
.Customized .list li h3 a{ color: #000000}
.Customized .list li h3 span{ font-weight: normal}
.Customized .list li:hover  img{transform:scale(1.1); opacity: .8}

/*Service*/
.Service{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 40px;}
.Service .ServiceNav{ width: 100%; text-align: center; overflow: hidden; margin-top: 30px;}
.Service .ServiceNav li{display: inline-block;font-size: 15px;padding: 0 15px;border-left: 1px dotted #cdcdcd;}
.Service .ServiceNav li{ *display: inline}
.Service .ServiceNav li:first-child{ border: none}
.Service .ServiceNav li a{ color: #333}
.Service .ServiceNav li:hover,.Service .ServiceNav li.cur{ border-color: #ff5722; font-weight: bold}
.Service .ServiceNav li:hover a,.Service .ServiceNav li.cur a{color: #ff5722; text-decoration: none}
.Service .serviceBox{ overflow: hidden; width: 100%; margin-top: 40px; height: 489px; position: relative}
.Service .list { position:absolute ;top:0; left:0; width: 6000px;}
.Service .list li{ width: 1000px; overflow: hidden; height: 489px; float: left;}
.Service .list div{ position: relative}
.Service .list div span{display: block;width: 100%;text-align: center;background: url("ServiceSpan.png") repeat;line-height: 35px;font-size: 13px;color: #fff;position: absolute;left: 0;bottom: 0;}
.Service .divLt{ overflow: hidden; width: 469px; height: 489px; float: left;  background-color: #000}
.Service .divLt img,.Service .imgBox img{ transition: all 0.5s; transform: scale(1);}
.Service .imgBox{width: 253px;height: 239px;overflow: hidden;margin-right: 10px;margin-bottom: 11px;float: left; background-color: #000}
.Service .last{ margin-right: 0}
.Service .imgBtn{ margin-bottom: 0}
.Service .divRt{ float: right; width: 516px;}
.Service .pro_a{overflow: hidden;width: 100%;margin-top: 23px; text-align: center}
.Service .pro_a a{ display: inline-block;  margin-right: 10px; width: 100px; height: 28px;line-height: 28px; text-align: center; font-size: 14px ;color: #333; border-radius: 3px;  border: 1px solid #cdcdcd;}
.Service .pro_a a{ *display: inline}
.Service .pro_a a:hover{ background: #ff5722; color: #fff; text-decoration: none}
.Service .pro_a a.cur{background: #ff5722;color: #fff;text-decoration: none;border: 0px;}
.Service .divLt:hover img,.Service .imgBox:hover img{ transform: scale(1.1); opacity: 0.8}

/*problem*/
.problem{overflow: hidden;background: #f4f4f4;width: 100%;padding-bottom: 35px;}
.problem .problemBox{margin-top: 25px;position: relative;}
.problem .problemPhone{ position: absolute; right: 0; bottom: 30px; width: 245px;}
.problem .problemPhone h4{ background: url("problemPhone.png") no-repeat left center; color: #fff; font-size: 22px; padding-left: 45px; }
.problem .problemPhone h4 p{ font-weight: normal; font-size: 13px; margin-bottom: 3px}
.problem .problemPhone a{ display: block; margin-top: 20px; width: 205px;}


/*advantage*/
.advantage{ overflow: hidden; width: 100%; background-color: #ffffff}
.advantage .title p{ font-size: 18px ;color: #000; margin-top: 10px;}
.advantage .advantageBox{  margin-top: 5px;}
.advantage .advantage01{ background: url("advantageImg__01.jpg") no-repeat center; height: 331px}
.advantage .advantage02{ background: url("advantageImg__02.jpg") no-repeat center; height: 300px}
.advantage .advantage03{ background: url("advantageImg__03.jpg") no-repeat center; height: 316px}
.advantage .advantage04{ background: url("advantageImg__04.jpg") no-repeat center; height: 307px}
.advantage .advantage05{ background: url("advantageImg__05.jpg") no-repeat center; height: 299px; position: relative}
.advantage .advantageCon{/* overflow: hidden; */width: 100%;}
.advantage .advantageWen{width: 490px;/* overflow: hidden; */}
.advantage .wenTit{/* overflow: hidden; */margin-top: 10px;margin-bottom: 10px;display: inline-block;}
.advantage .wenTit dt{background: url("advantage_WenBg.png") no-repeat center;text-align:center;font-size: 22px;color: #fff;padding-top: 35px;height: 85px;float: left;width: 105px;position: relative;left: -5px;}
.advantage .wenTit dd{ float: right; width: 385px; }
.advantage .wenTit dd h3{ margin-top: 30px; font-size: 22px; color: #ff5722;}
.advantage .wenTit dd span{display: block;font-size: 18px;color: #1a1a1a;margin-top: 3px;white-space: nowrap;}
.advantage .advantageWen p{line-height: 28px;font-size: 15px;color: #333333;background: url("advantage_p.png") no-repeat left 11px;/* text-indent: 10px; */margin-left: 50px;padding-left: 10px;}
.advantage .widthMin{ position: relative; right: -25px; }
.advantage .advantagePhone{width: 240px;position: absolute;left:450px;top: 82px;}
.advantage .advantagePhone dl{background: url("advantage_PhoneBg.png") repeat center;overflow: hidden;padding: 10px 0;border-radius: 5px;}
.advantage .advantagePhone dl dt{ width: 38px; float: left;}
.advantage .advantagePhone dl dd{ width: 194px; float: right; font-size: 16px; color: #666666}
.advantage .advantagePhone dl dd b{ display: block; font-size: 22px ;color: #d40e0e}
.advantage .advantagePhone  a{display: block;width: 193px;margin-left: 43px;margin-top: 10px;}


/*流程*/
.lcBg{ overflow: hidden; width: 100%; background: url("lcBg.jpg") no-repeat center; height: 443px}
.lcBg  .PhoneLine{margin-top: 347px;}

/*Customer*/
.Customer{ overflow: hidden; width: 100%;  background-color: #fff; padding-bottom: 40px;}
.Customer .CustomerBox{ overflow: hidden; position: relative; width: 1000px; height: 340px; margin-top: 40px}
.Customer .list{ position: absolute; left:0; top:0}
.Customer .list li{ height: 323px; width: 240px; background-color: #f3f3f3; margin-right: 12px; position: relative; text-align: center; float: left;}
.Customer .list li a.img_a { display: block; overflow: hidden; width: 240px; height: 162px;}
.Customer .list li h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 25px; color: #1a1a1a; font-weight: normal; padding: 0 15px; font-size: 15px;}
.Customer .list li h3 a{ color: #1a1a1a}
.Customer .list li h3 a:hover{ color: #ff5722;text-decoration:none;}
.Customer .list li p{ line-height: 20px; font-size: 13px;color: #666666; height: 60px; margin-top: 14px; padding: 0 20px;}
.Customer .list li a.more{ background: url("Customer_A.png") no-repeat center top; height: 35px; width: 35px; position: absolute; left:50%; margin-left: -18px; bottom: -10px;}
.Customer .list li a.img_a img{ display: block; transition: all 0.5s; transform: scale(1)}
.Customer .list li:hover a.img_a img{ opacity: 0.8; transform: scale(1.1)}
.Customer .list li:hover a.more{ background-position: bottom}
.Customer .pro_a{overflow: hidden;width: 100%;margin-top: 23px; text-align: center}
.Customer .pro_a a{ display: inline-block;  margin-right: 10px; width: 100px; height: 28px;line-height: 28px; text-align: center; font-size: 14px ;color: #333; border-radius: 3px;  border: 1px solid #cdcdcd;}
.Customer .pro_a a{ *display: inline}
.Customer .pro_a a:hover{ background: #ff5722; color: #fff; text-decoration: none}
.Customer .pro_a a.cur{ background: #ff5722; color: #fff; text-decoration: none;border:0px;}

/*about*/
.about{ overflow: hidden; width: 100%; background-color: #f4f4f4; padding: 35px 0}
.about .abLt{float: left;width: 685px;}
.about .abLt h3{ font-size: 20px; background: url("abH3Bg.png") no-repeat left bottom; padding-bottom: 10px; text-indent: 35px;}
.about .abLt h3 a{  color: #333}
.about .aBDl{position: relative;width: 100%;overflow: hidden;margin-top: 25px;padding-bottom: 15px;}
.about .aBDl dt{background: url("aBBg.png") no-repeat left center;width: 362px;height: 233px;float: left;position: absolute;left: -20px;overflow: hidden;}
.about .aBDl dt img{display: block;margin: 5px 0 0 26px;/* margin-left: 10px; */}
.about .aBDl dd { width: 320px; padding: 0 20px; float: right}
.about .aBDl dd h4{ font-size: 18px;color: #000000; font-weight: normal}
.about .aBDl dd h4 a{ color: #000}
.about .aBDl dd p{ line-height: 24px; height: 120px; overflow: hidden;; font-size: 14px; color: #000000;  margin-top: 23px;
}
.about .pro_a{overflow: hidden;width: 100%;margin-top: 23px;}
.about .pro_a a{ display: block; float: left; margin-right: 10px; width: 100px; height: 28px;line-height: 28px; text-align: center; font-size: 14px ;color: #333; border-radius: 3px;  border: 1px solid #cdcdcd;}
.about .pro_a a:hover{ background: #ff5722; color: #fff; text-decoration: none}
.about .pro_a a.cur{ background: #ff5722; color: #fff; text-decoration: none;border:0px;}
.about .aBRt{float: right;width: 308px;background: url("abRyBg.png") no-repeat left center;position: relative;margin-top: 5px;}
.about .aBtn{ position: absolute;  width: 25px; height:42px; top:125px;}
.about .aBLtBt{background: url("aBlt.png") no-repeat center top;left: 35px;}
.about .aBRtBt{ background: url("aBrt.png") no-repeat center top; right: 0 }
.about .aBtn:hover{ background-position: bottom}
.about .abBox{width: 173px;height: 276px;background-color: #fff;margin: 0 auto 0 85px;position: relative; overflow: hidden}
.about .list{ position: absolute; left:0; top:0}
.about .list li{ width: 163px ; float: left;  padding: 5px;}
.about .list li img { display: block; margin: 0 auto}
.about .list li span{ display: block; font-size: 14px; color: #000; line-height: 35px; width: 100%; text-align: center}

/*news*/
.news{ overflow: hidden; width: 100%; background: #fff; padding: 40px 0}
.news .newsLt{ float: left; width: 694px;}
.news .newsNav{ height: 50px; width: 100%}
.news .newsNav li{ width:345px; float: left; line-height: 50px; height: 50px; text-align: center; border: 1px solid #d8d8d8 ;position: relative; font-size: 18px;}
.news .newsNav li i{ display: none; background: url("newLiNav.png") no-repeat center; width: 15px; height: 7px; position: absolute; left:50%; margin-left: -7px; bottom:-8px;}
.news .newsNav li a{ color: #1e1e1e; text-decoration: none}
.news .newsNav li span{ color: #b9b9b9; font-size: 13px; margin-left: 5px;}
.news .newsNav li:hover,.news .newsNav li.cur{ background-color: #ff5722; border-color: #ff5722}
.news .newsNav li:hover a,.news .newsNav li.cur a{ color: #fff; }
.news .newsNav li:hover i,.news .newsNav li.cur i{  display: block }
.news .newsNav li:hover span,.news .newsNav li.cur span{ color: #fff }
.news .newsBox{ overflow: hidden; border: 1px solid #dfdfdf; width: 692px; border-top:none; height: 333px; position: relative}
.news .newsCon{padding: 30px 20px;overflow: hidden; position: relative; top:0; left:0; display: none}
.news .newsCon:first-child{ display: block}
.news .newsDl{ width: 307px; float: left;}
.news .newsDl dt{ overflow: hidden; width: 307px; height: 180px;}
.news .newsDl dd{ overflow: hidden}
.news .newsDl dd h3{font-size: 16px;line-height: 40px;font-weight: normal;margin-top: 8px;}
.news .newsDl dd h3 a{ color: #000}
.news .newsDl dd p{font-size:13px;line-height: 22px;height: 44px;}
.news .newsDl dd p a{ color: #333}
.news .newsList{ width: 330px; float: right; overflow: hidden}
.news .newsList li{overflow: hidden;font-size: 13px;color: #333333;line-height: 38px;border-bottom:1px solid #d8d8d8;background: url("newsLi_li_h.png") no-repeat left center;padding-left: 10px;}
.news .newsList li a{  color: #333; width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float: left;}
.news .newsList li a:hover { color: #ff5722}
.news .newsList li:hover{background: url("newsLi_li.png") no-repeat left center;}
.news .newsList li span{ display: block; float: right; width: 80px; text-align:right}
.news .newsRt{ float: right; width: 290px;}
.news .newsRt h3{ overflow: hidden; width: 94% ; line-height: 52px; height: 52px; background: #ff5722; padding: 0 3%; font-weight: normal}
.news .newsRt h3 a{ font-size: 18px; color: #fff}
.news .newsRt h3 a.more{ font-size: 13px; text-transform: uppercase; display: block; float: right}
.news .newsDa{position: relative;width: 288px;overflow: hidden;height: 314px;}
.news .newsListDa{ position: absolute;  left:0; padding: 0 20px; overflow: hidden}
.news .newsListDa li{width: 100%;padding: 10px 0;overflow: hidden;border-bottom: 1px solid #d8d8d8;}
.news .newsListDa li h4{ background: url("newsWen.png") no-repeat left center; padding-left: 25px; line-height: 35px ;font-size: 13px;  color: #333333; font-weight: normal}
.news .newsListDa li h4 a{ color:#333}
.news .newsListDa li p{ font-size:14px; color: #333; line-height: 22px; height: 44px; overflow: hidden; background: url("newsDa.png") no-repeat left 5px; padding-left: 25px;}
.news .divNew{ padding: 10px 0; border: 1px solid #dfdfdf;border-top:none; }





/*link*/
.link{ overflow: hidden; padding: 20px 0; background-color: #f4f4f4;}
.link  .linkTit{ overflow: hidden; width: 100%; padding-bottom: 15px; color: #d5d5d5;}
.link  .linkTit h3{ float: left; font-size: 16px; }
.link  .linkTit h3 a{ color: #015cb5}
.link  .linkTit  span{ font-size: 13px; color: #999; font-weight: normal}
.link  .linkTit a.link-a{ float: right; font-size: 13px; color: #333333}
.link .linkList li{ float: left; padding: 0 10px; border-right: 1px solid #a8a8a8; margin: 5px 0; font-size: 13px}
.link .linkList li a{ color: #333333}
.link .linkList li:last-of-type{ border-right: none}
.link .linkList li:first-child{  padding-left: 0}