﻿
/* Title */
.Title{text-align: center;animation: fadeinT 1s ease-out backwards;}
.Title h3{font-size: 32px;color: #333;transition: .8s all;}
.Title:hover h3{transform: translateY(-10px);}
.Title h3 a{color: #333;}
.Title p{font-size: 18px;color: #666;margin-top: 10px;}
.Title span{margin: 0 10px;background: url(../image/dui.png) no-repeat center left;padding-left: 20px;}
.Title i{background: url(../image/Title.png) no-repeat center center;height: 1px;width: 35px;display: block;margin: 20px auto 0;}

.Title02 h3 a{color: #fff;}
.Title02 p{color: #fff;}
.Title02 i{background: url(../image/Title02.png) no-repeat center center;}
/* Title˜ End */


/* --factory-- */
.factory{padding:60px 0;overflow:hidden;background:#fff;}
.factory .bigImg{position:relative;float:left;width:596px;height:386px;overflow:hidden;}
.factory .bigImg .pic{width:596px;height:386px;overflow:hidden;}
.factory .bigImg .pic img{display:block;width:596px;height:386px;transition:all .5s;}
.factory .bigImg .pic a:hover img{transform:scale(1.1);}
.factory .bigImg .tit{position:absolute;left:0;bottom:0;width:100%;height:60px;line-height:60px;font-size:17px;color:#fff;text-align:center;background:#333\9;background:rgba(0,0,0,0.5);}
.factory .list{float:right;width:600px;height:386px;overflow:hidden;animation:fadeinB 1s ease;}
.factory .list .item{position:relative;float:left;margin-left:10px;margin-bottom:10px;width:290px;height:188px;overflow:hidden;} 
.factory .list .pic{width:290px;height:188px;overflow:hidden}
.factory .list .pic img{display:block;width:290px;height:188px;transition:all .5s;}
.factory .list .pic a:hover img{transform:scale(1.1);}
.factory .list .tit{position:absolute;left:0;bottom:0;width:100%;height:45px;line-height:45px;font-size:15px;color:#fff;text-align:center;background:#333\9;background:rgba(0,0,0,0.5);}
/* --end factory-- */


.Demand{padding: 40px 0;overflow: hidden;background: #f2f2f2 url(../image/Demand_bg.jpg) no-repeat center center;}
.Demand .pic{width: 600px;position: relative;float: left;animation: fadeinL 1s ease-out backwards;}
.Demand .pic span{width: 600px;height: 375px;display: block;overflow: hidden;}
.Demand .pic span img{width: 600px;height: 375px;display: block;transition: .8s all;}
.Demand .pic:hover span img{transform: scale(1.1);}
.Demand p{background: url(../image/NewsBg.png) center top;height: 64px;line-height: 64px;position: absolute;left: 0;bottom: 0;width: 94%;overflow: hidden;padding: 0 3%;}
.Demand p em{display: block;float: left;color: #fff;font-size: 18px;font-weight: bold;}
.Demand p a{display: block;float: right;font-size: 14px;color: #333;width: 107px;height: 38px;line-height: 38px;text-align: center;background-color: #fff;position: relative;border-radius: 10px 0 10px 0;top: 14px;}
.Demand p a i{width: 14px;height: 7px;display: inline-block;vertical-align: middle;margin-left: 10px;background: url(../image/jietou.png) no-repeat center center;}

.Demand .text{width: 560px;float: right;animation: fadeinR 1s ease-out backwards;}
.Demand .text h3{font-weight: normal;font-size: 32px;color: #333;}
.Demand .text h3 em{font-size: 18px;color: #666;margin-top: 5px;display: block;}
.Demand .text form ul{margin-top: 27px;}
.Demand .text form ul li{position: relative;width: 100%;margin-top: 10px;}
.Demand .text form ul li:first-child{margin-top:0;}
.Demand .text form ul li input{width: 84%;height: 50px;line-height: 50px;padding: 0 13% 0 3%;border: 1px #e3e3e3 solid;outline: none;font-size: 16px;color: #999;border: 1px #e3e3e3 solid;}
.Demand .text form ul li i{height: 50px;width: 1px;background-color: #e3e3e3;display: block;position: absolute;right: 55px;top: 1px;}
.Demand .text form ul li.li03 input{background: #fff url(../image/Demand02.png) no-repeat 522px center;}
.Demand .text form ul li.li02 input{background: #fff url(../image/Demand01.png) no-repeat 521px center;}
.Demand .text form ul li.li04 a{display: block;height: 50px;color: #fff;font-size: 16px;background-color: #074e67;margin-top: 10px;text-align: center;line-height: 50px;width: 150px;}
.Demand .text form ul li.li04 a em{display: block;width: 4px;height: 8px;display: inline-block;vertical-align: middle;background: url(../image/Demand03.png) no-repeat center center;margin-left: 10px;}
.Demand .text form ul li textarea{width: 94%;height: 60px;outline: none;resize: none;border: 1px #e3e3e3 solid;padding: 3%;font-size: 16px;color: #999;}


.newsCenterPress2 .mainCon .more2{display: block;color: #074e67;font-size: 16px;width: 160px;text-align: center;padding: 13px 0;border: 1px solid #ccc;border-radius: 30px;margin: 15px auto 0;}
.newsCenterPress2 .mainCon .more2:hover{background: #074e67;color:#fff}


/*方案中心*/
.SolutionCon{padding: 0 0 15px;}
.SolutionCon .SolutionBox{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);width: 590px;float:left;margin-right: 20px;margin-bottom: 20px;}
.SolutionCon .SolutionBox2,.SolutionCon .SolutionBox4,.SolutionCon .SolutionBox6{margin-right:0}
.SolutionCon .SolutionBox dl{width: 260px;text-align:center;}
.SolutionCon .SolutionBox dl dt{margin: 0 auto;}
.SolutionCon .SolutionBox dl dt img{width: 260px;height:160px;display:block;}
.SolutionCon .SolutionBox dl dd h3{font-size: 17px;color:#181818;font-weight:normal;line-height: 38px;border-right: 1px #ddd solid;}
.SolutionImg {width: 314px;position:relative;padding: 8px 0 15px;}
.SolutionText{overflow:hidden;margin: 0 auto;width: 290px;}
.SolutionText ul li{margin-right: 10px;font-size: 16px;color: #666;display: block;margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.SolutionText ul li:hover a{color:#074e67;}
.SolutionCon .SolutionBox:hover dl{background:#074e67;}
.SolutionCon .SolutionBox:hover dl h3{color:#fff;}

.backList{font-size: 18px;text-align:center;display: block;line-height: 45px;/* background: url(/images/Inpage/back_list.png) no-repeat 15px center #f4f4f4; */width: 110px;color: #666;padding-left: 20px;margin-left: 20px;}

