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


/* Title */
.Title{width: 100%;text-align: center;padding-top: 52px;}
.Title h3{font-size: 30px;color: #333333;font-weight: normal;}
.Title h3 a{color: #333333;text-decoration: none;}
.Title p{font-size: 16px;color: #888888;margin-top: 4px;}
.Title i{display: block;width: 50px;height: 1px;background: #0a638b;margin: 20px auto 0;}


.index-tilte {padding-top: 37px;}
.index-tilte h2 {text-align: center;font-size: 28px;color: #333333;font-weight: 500;}
.index-tilte h2 a{font-size: 28px;color: #333333;text-decoration:none;}
.index-tilte p{font-size: 12px;color: #aaaaaa;font-family: "Arial";text-align: center;margin-top: 8px;}
.index-tilte img{margin-top: 32px;}

.IndexTilte{text-align: center;padding: 60px 0 40px;}
.IndexTilte h3{color: #333;font-size: 35px;font-weight: normal;}
.IndexTilte h3 a{text-decoration: none;}
.IndexTilte b{color: #f3802f;}
.IndexTilte p{color: #999;font-size: 18px;margin-top: 10px;}
.IndexTilte p i{width: 61px;height: 1px;background: #ddd;display: inline-block;margin: 5px 10px;}

/* com-title */
.com-title{width: 100%;text-align: center;padding-top: 37px;}
.com-title h2{font-size: 35px;color: #333333;font-weight: normal;}
.com-title h2 i{display: inline-block;*display: inline-block;width: 404px;height: 1px;background: #dddddd;margin: 0 42px;position: relative;top: -10px;}
.com-title h2 i.com-title-xianl{border-right: 17px solid #ffb400;}
.com-title h2 i.com-title-xianr{border-left: 17px solid #ffb400;}
.com-title h2 em{font-weight: bold;color: #62b11b;}
.com-title h2 a{color: #333333;text-decoration: none;}
.com-title p{font-size: 16px;color: #666666;margin-top: 10px;}

/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:650px; overflow:hidden;}
#flashs .btn{width: 100%;position: absolute;left: 0;bottom: 80px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 60px;height: 4px;background: #cccccc;margin: 0 5px;cursor: pointer;}
#flashs .btn span.cur {background: #f3802f;}

#flashs .bannerBtn{width: 65px;height: 78px;overflow: hidden;display: none;z-index: 999;position: absolute;cursor: pointer;top: 50%;background: rgba(0,0,0,0.3);}
#flashs .bannerBtn:hover{background:#f3802f;}
#flashs .prev{left: 5%;}
#flashs .next{right: 5%;}
#flashs:hover .bannerBtn{display: block;}

/* hotSale 案例*/
.hotSale{width: 100%;/*margin-top: 50px;*/}
.hotSale .mainCon{width: 100%;margin-top: 33px;}
.hotSale .mainCon ul{width: 105%;}
.hotSale .mainCon li{width: 366px;height: 420px;position: relative;padding: 16px 15px 0 16px;border: 1px solid #f1f1f1;float: left;margin-right: 15px;margin-bottom: 10px;}
.hotSale .mainCon li h3{font-size: 18px;color: #333333;font-weight: normal;margin: 20px 0 4px 0;}
.hotSale .mainCon li img{display: block;transition: all 1s ease-out;  transform: scale(1); width:365px;height:243px;}
.hotSale .mainCon li .Pic{display: block;width: 365px;height: 243px;overflow: hidden;}
.hotSale .mainCon li p{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 60px;line-height: 20px;}
.hotSale .mainCon li .p2 em{font-size: 18px;color: #f3802f;font-weight: bold;margin-top: 12px;}
.hotSale .mainCon li .details{width: 100px;height: 33px;border-radius: 4px;text-indent: 34px;display: block;background: url(Img/Index/hotSale_icon01.png) no-repeat 15px center #f1f1f1;position: absolute;right: 20px;bottom: 20px;line-height: 33px;font-size: 14px;color: #999999;text-decoration: none;}
.hotSale .mainCon li:hover img{transform: scale(1.2);}
.hotSale .mainCon li:hover{box-shadow: 0 0 8px 4px #f3f3f3;}
.hotSale .mainCon li:hover .details{background: url(Img/Index/hotSale_icon02.png) no-repeat 15px center #f3802f;color: #FFF;}

.hotSale .more{position:relative;margin-top:30px;height:42px;clear:both;text-align:center;}
.hotSale .more:after{content:"";display:block;position:absolute;z-index:1;top:50%;left:0;width:100%;height:1px;background:#eee;}
.hotSale .more a{position:relative;z-index:333;display:block;margin:0 auto;width:142px;height:42px;line-height:42px;font-size:16px;color:#333;border:#ddd solid 1px;background:#fff;}
.hotSale .more a:hover{color:#fff;background:#0a638b;border-color:#0a638b;}


/* Features */
.WeDiff{background: #fff;}
.WeDiff .container{position: relative;}
.WeDiffImg{width: 860px;height: 637px;position: absolute;right: -260px;}
.WeDiffImg img{width: 100%;height: 100%;}

.WeDiffText{width: 50%;}
.WeDiffText ul li{width: 240px;float: left;margin-right: 60px;margin-bottom: 55px;height: 254px;}
.WeDiffText ul li:nth-of-type(3),.FeaturesText ul li:nth-of-type(4){margin-bottom: 0;}
.WeDiffText ul li:hover h3 em{color: #0a638b;}
.WeDiffText ul li:hover span img{top: -68px;}
.WeDiffText ul li:nth-child(2n+2){margin-right: 0;}
.WeDiffText ul li span{width: 68px;height: 68px;display: block;overflow: hidden;position: relative;}
.WeDiffText ul li span img{width: 68px;height: 136px;position: relative;}
.WeDiffText ul li h3{margin: 30px 0 20px;}
.WeDiffText ul li h3 em{font-size: 19px;color: #333;border-right: 4px #f3802f solid;padding-right: 25px;}
.WeDiffText ul li a{text-decoration: none;}
.WeDiffText ul li p{font-size: 14px;color: #999;line-height: 25px;}

/*优势*/
.ysxy {background: #f8f8f8; margin-top: 20px;}
.ysxy .Title{padding: 80px 0 50px 0;}
.ysxy .conbox {float: left;width: 25%;background: #f5f5f5;position: relative;}
.ysxy .conbox .pImg {position: relative;z-index: 1;overflow: hidden;}
.ysxy .conbox img {display: block;width: 100%;transition: all 0.5s;}
.ysxy .conbox .pImg:hover img {transform: scale(1.1);}
.ysxy .conbox .conTit {position: absolute;left: 0;top: 0; z-index: 2;width: 100%; height: 50%;background: #f5f5f5;}
.ysxy .con1 .conTit ,.ysxy .con3 .conTit {top: 50%;}
.ysxy .conbox .conTit .p1 {padding-top: 15%;text-align: center;margin-bottom: 7%;color: #333;}
.ysxy .conbox .conTit .p1 b {display: block;font-size: 18px;font-family: "Bodoni Bd BT";color: #333;margin-bottom: 5px;padding: 0 20px;}
.ysxy .conbox .conTit .p1 span {display: block;font-size: 16px;}
.ysxy .conbox .conTit .p1 em {display: block;width: 45px;height: 1px;background: #999999;margin: 6% auto 0 auto;}
.ysxy .conbox .conTit .p2 {text-align: center;margin: 0 10% 12% 10%;font-size: 14px;}
.ysxy .conbox .conTit .p3 {text-align: center;}
.ysxy .conbox .conTit .embg {width: 0;height: 0;border: 10px solid #f5f5f5;position: absolute;left: 50%;margin-left: -5px}
.ysxy .con1 .conTit .embg {top: 0;border-top-color: #0a638b;}
.ysxy .con2 .conTit .embg {bottom: 0;border-bottom-color: #0a638b;}
.ysxy .con3 .conTit .embg {top: 0;border-top-color: #0a638b;}
.ysxy .con4 .conTit .embg {bottom: 0;border-bottom-color: #0a638b;}


/* concern */
.concern{background: url(Img/Index/concern.jpg) no-repeat center;height: 994px;margin-top: 10px;}
.concernNav{position: relative;height: 215px;}
.concernNav ul li{width: 20%;text-align: center;float: left;position: absolute;}

.concernTitle{text-align: center;color: #fff;padding: 100px 0 79px;}
.concernTitle p{font-size: 22px;}
.concernTitle h6{font-size: 14px;font-weight: normal;margin: 20px 0 30px;}
.concernTitle h3{font-weight: normal;font-size: 42px;margin-bottom: 20px;}

.concernNav ul li.li01{left: -70px;top: 34px;}
.concernNav ul li.li02{left: 98px;top: 55px;}
.concernNav ul li.li03{left: 265px;top: 40px;}
.concernNav ul li.li04{left: 435px;top: 65px;}
.concernNav ul li.li05{left: 610px;top: 16px;}
.concernNav ul li.li06{left: 810px;top: 7px;}
.concernNav ul li.li07{left: 995px;top: 29px;}
.concernNav ul li.li03 h3{margin: 8px 0 15px;}
.concernNav ul li p{margin: 19px 0 8px;}
.concernNav ul li.cur a{color: #f3802f;}
.concernNav ul li.cur a i{background-position: -31px -2px;}
.concernNav ul li a{color: #fff;text-decoration: none;}
.concernNav ul li a p{font-size: 16px;}
.concernNav ul li a h3{font-size: 24px;margin: 8px 0 19px;}
.concernNav ul li a i{background: url(Img/Index/concern.png) no-repeat center;width: 23px;height: 23px;display: inline-block;background-position: -2px -1px;}

.concernList{background: url(Img/Index/concernContentbg.png) no-repeat center;padding: 17px 23px;}
.concernBox{border: 1px #404f0d solid;height: 347px;padding: 0 50px 0 180px;}
.concernBox dt{margin-top: 45px;}
.concernBox dt img{width: 300px;height: 264px;margin-right: 98px;}
.concernBox .concernText{width: 520px;margin-top: 80px;}
.concernBox .concernText h3{font-size: 24px;color: #fff;margin-bottom: 40px;}
.concernBox .concernText p{font-size: 14px;color: #fff;margin-bottom: 20px;line-height: 25px;}
.concernBox .concernText p em{margin-right: 10px;float: left;}
.concernBox .concernText p span{float: left;width: 500px;}
.concernContent .concernList{display: none;}

/* Features */
.Features .IndexTilte{text-align: center;padding: 60px 0 40px;}
.Features .IndexTilte h3{color: #333;font-size: 35px;font-weight: normal;}
.Features .IndexTilte h3 a{text-decoration: none;}
.Features .IndexTilte b{color: #f3802f;}
.Features .IndexTilte p{color: #999;font-size: 18px;margin-top: 10px;}
.Features .IndexTilte p i{width: 61px;height: 1px;background: #ddd;display: inline-block;margin: 5px 10px;}

.Features{background: #fff;padding-bottom: 75px;}
.Features .container{position: relative;}
.FeaturesImg{width: 860px;height: 637px;position: absolute;left: -260px;}
.FeaturesImg img{width: 100%;height: 100%;}

.FeaturesText{width: 50%;}
.FeaturesText ul li{width: 240px;float: right;margin-left: 60px;margin-bottom: 55px;height: 254px;}
.FeaturesText ul li:nth-of-type(3),.FeaturesText ul li:nth-of-type(4){margin-bottom: 0;}
.FeaturesText ul li:hover h3 em{color: #0a638b;}
.FeaturesText ul li:hover span img{top: -68px;}
.FeaturesText ul li:nth-child(2n+2){margin-right: 0;}
.FeaturesText ul li span{width: 68px;height: 68px;display: block;overflow: hidden;position: relative;}
.FeaturesText ul li span img{width: 68px;height: 136px;position: relative;}
.FeaturesText ul li h3{margin: 30px 0 20px;}
.FeaturesText ul li h3 em{font-size: 24px;color: #333;border-right: 4px #f3802f solid;padding-right: 25px;}
.FeaturesText ul li a{text-decoration: none;}
.FeaturesText ul li p{font-size: 14px;color: #999;line-height: 25px;}



/*专家团队
.zytd {padding-bottom: 60px;background: #f8f8f8;overflow: hidden;}
.zytd h2 {font-size: 42px;}
.zytd .conbox {position: relative;margin-top: 30px;}
.zytd .conleft {width: 300px;background: #fff;}
.zytd .conleft ul li {height: 119px;border-bottom: 1px solid #efefef;font-size: 18px;position: relative;}
.zytd .conleft ul li a {display: block;padding-left: 40px;height: 119px;color: #999;}
.zytd .conleft ul li b {padding-top: 35px;display: block;font-size: 20px;color: #1f1f1f;margin-bottom: 8px;}
.zytd .conleft ul li em {display: none;width: 0;height: 0;border: 11px solid #0a638b;border-right: none;border-top-color: #f8f8f8;border-bottom-color: #f8f8f8;position: absolute;right: -11px;top: 50px;}
.zytd .conleft ul li.cur {background: #0a638b;}
.zytd .conleft ul li.cur a {color: #fff;}
.zytd .conleft ul li.cur b {color: #fff;}
.zytd .conleft ul li.cur em {display: block;}
.zytd .conright {width: 878px;background: #fff;height: 480px;position: relative;z-index: 2;}
.zytd .conright dl {position: relative;padding-left: 450px;padding-right: 60px;display: none;}
.zytd .conright dl.cur {display: block;}
.zytd .conright dl dt {position: absolute;left: 0;top: 0;width: 397px;height: 480px;}
.zytd .conright dl dd.dd1 {padding-top: 45px;font-size: 18px;padding-bottom: 35px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.zytd .conright dl dd.dd1 span {font-size: 24px;color: #0a638b;}
.zytd .conright dl dd.dd2 {font-size: 14px;line-height: 30px;height: 150px;margin-bottom: 60px;}
.zytd .conright dl dd.dd3 a {display: block;width: 188px;height: 48px;line-height: 48px;border-radius: 27px;background: #0a638b;text-align: center;color: #fff;box-shadow: 3px 3px 35px #d0d8eb;}
.zytd .zytdbg {display: block;width: 372px;height: 361px;background: url(Img/Index/zytdbg.png) no-repeat center;position: absolute;right: -200px;bottom: -60px;z-index: 1;}
*/
.zytd {padding-bottom: 60px;background: #f8f8f8;overflow: hidden;}
.zytd h2 {font-size: 42px;}
.zytd .conbox {position: relative;margin-top: 30px;}
.zytd .conleft {width: 300px;background: #fff;box-shadow: -5px 8px 20px #999;}
.zytd .conleft ul li {height: 119px;border-bottom: 1px solid #efefef;font-size: 18px;position: relative;}
.zytd .conleft ul li a {display: block;padding-left: 40px;height: 119px;color: #999;}
.zytd .conleft ul li b {padding-top: 35px;display: block;font-size: 20px;color: #1f1f1f;margin-bottom: 8px;}
.zytd .conleft ul li em {display: none;width: 0;height: 0;border: 11px solid #0a638b;border-right: none;border-top-color: #f8f8f8;border-bottom-color: #f8f8f8;position: absolute;right: -11px;top: 50px;}
.zytd .conleft ul li.cur {background: #0a638b;}
.zytd .conleft ul li.cur a {color: #fff;}
.zytd .conleft ul li.cur b {color: #fff;}
.zytd .conleft ul li.cur em {display: block;}
.zytd .conright {width: 878px;background: #fff;height: 480px;position: relative;z-index: 2;box-shadow: 8px 8px 20px #999;}
.zytd .conright dl {position: relative;padding-left: 450px;padding-right: 60px;display: none;}
.zytd .conright dl.cur {display: block;}
.zytd .conright dl dd.dd1 i{display: block;margin-top: 5px;font-style: normal;}
.zytd .conright dl dt {position: absolute;left: 0;top: 0;width: 397px;height: 480px;}
.zytd .conright dl dd.dd1 {padding-top: 45px;font-size: 18px;padding-bottom: 27px;border-bottom: 1px solid #ddd;margin-bottom:25px;}
.zytd .conright dl dd.dd1 span {font-size: 24px;color: #0a638b;}
.zytd .conright dl dd.dd2 {font-size: 14px;line-height: 30px;height: 160px;margin-bottom: 88px;}
.zytd .conright dl dd.dd3 a {display: block;width: 188px;height: 48px;line-height: 48px;border-radius: 27px;background: #0a638b;text-align: center;color: #fff;box-shadow: 3px 3px 35px #d0d8eb;}
.zytd .zytdbg {display: block;width: 372px;height: 361px;background: url(Img/Index/zytdbg.png) no-repeat center;position: absolute;right: -200px;bottom: -60px;z-index: 1;}

/*案例*/
.clfa {padding-bottom: 70px;background: #fff;}
.clfa .clfa_type {width: 850px; height: 58px;margin: 0 auto;background: #0a638b;border-radius: 54px;overflow: hidden;margin-bottom: 50px;margin-top: 30px;}
.clfa .clfa_type li {float: left;width: 156px;text-align: center;height: 58px;font-size: 15px;}
.clfa .clfa_type li a {display: block;height: 18px;line-height: 18px;margin-top: 20px;border-left: 1px solid #3539b3;color: #fff;}
.clfa .clfa_type li:first-child {padding-left: 35px;}
.clfa .clfa_type li:first-child a {border-left: none;}
.clfa .clfa_type li.pdr {padding-right: 35px;}
.clfa .clfa_type li.cur {font-weight: bold;/* background: #f3802f; */}
.clfa .clfa_type li.cur a {/*border-left-color: #f3802f;*/color: #f3802f;}
.clfa .clfa_con {padding-bottom: 15px;}
.clfa .clfa_con .conbox {display: none;}
.clfa .clfa_con .conbox.cur {display: block;}
.clfa .clfa_con dl {float: left;padding-left: 225px;position: relative;width: 350px;margin-left: 50px;margin-bottom: 35px;}
.clfa .clfa_con dl.bdnot {margin-left: 0;}
.clfa .clfa_con dl dt {width: 190px;height: 134px;padding: 7px 0 0 7px;/* background: url(Img/Index/clfabg.jpg) no-repeat left top; */position: absolute;left: 0;top: 0;background: #0a638b;}
.clfa .clfa_con dl dt img{width:200px;height:145px;}
.clfa .clfa_con dl dd.dd1 {padding-top: 10px;font-size: 16px;font-weight: bold;margin-bottom: 24px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} 
.clfa .clfa_con dl dd.dd1 a {color: #333;}
.clfa .clfa_con dl dd.dd2 {line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 72px;margin-bottom: 20px;}
.clfa .clfa_con dl dd.dd3 {padding-left: 105px;position: relative;font-style: italic;}
.clfa .clfa_con dl dd.dd3 em {display: block;width: 85px;height: 1px;background: #cccccc;position: absolute;left: 0;top: 8px;}
.clfa .clfa_con dl:hover dd.dd1 a {color: #0a638b;}
.clfa .clfa_con dl:hover dd.dd3 em {background: #0a638b;}
.clfa .clfa_con dl:hover dd.dd3 a {color: #0a638b;}

.clfa .clfa_bot {text-align: center;}
.clfa .clfa_bot a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.clfa .clfa_bot a.a1 {width: 175px;height: 54px;border: 1px solid #ddd;line-height: 54px;border-radius: 5px;}
.clfa .clfa_bot a.a1:hover {background: #0a638b;color: #fff;border-color: #0a638b;}
.clfa .clfa_bot a.a2 {font-size: 24px;width: 230px;position: relative;border: 1px solid #0a638b;height: 54px;border-radius: 5px;overflow: hidden;padding-left: 80px;margin-left: 25px;}
.clfa .clfa_bot a.a2 span {position: absolute;left: 0;top: 0;background: #0a638b;height: 44px;width: 30px;padding:10px 25px 0 25px;font-size: 14px;color: #fff;}
.clfa .clfa_bot a.a2 b {display: block;height: 54px;line-height: 54px;color: #0a638b;}

/* News */
.News{background: url(Img/Index/InforMation_bg.jpg) no-repeat center;height: 948px;}
.NewsNav{text-align: center;margin-top: 0px;}
.NewsNav ul{display: inline-block;*display: inline;zoom: 1;}
.NewsNav ul li{width: 123px;height: 45px;line-height: 45px;text-align: center;float: left;}
.NewsNav ul li a{font-size: 16px;color: #0a638b;text-decoration: none;font-weight: bold;}
.NewsNav ul li.cur{background: #f3802f;}
.NewsNav ul li.cur a{color: #fff;}

.News .IndexTilte p{color: #fff;}

.NewsList{margin-top: 40px;height: 508px; overflow: hidden;position: relative;}
.NewsList ul li a{text-decoration: none;display: block;padding-top: 25px;}
.NewsList ul li{width: 391px;background: url(Img/Index/InforMationbg.jpg) no-repeat center;height: 508px;float:left;margin-left:13px;position: relative;}
.NewsList ul li:first-child{margin-left: 0;}
.NewsList ul li i{width: 1px;height: 140px;background: #f3802f;display: block;position: absolute;top: 205px;left: 45px;z-index: 99;}
.NewsList ul li h3{font-size: 18px;color: #000;font-weight: normal;margin-bottom: 25px;margin: 35px 30px 25px 77px;}
.NewsList ul li p{font-size: 14px;color: #999;margin: 0 30px 0 77px;line-height: 20px;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 60px;}
.NewsList ul li span{display: block;width: 344px;height: 242px;margin: 0 auto;overflow: hidden;}
.NewsList ul li span img{width: 344px;height: 242px; transition: all .8s ease-out;}
.NewsList ul li:hover span img{transform: scale(1.1);}

.NewsList ul li .calendar{border-top: 1px #ddd solid;margin-top: 38px;height: 60px;line-height: 60px;}
.NewsList ul li .calendar h4{background: url(Img/Index/calendar.png) no-repeat left;padding-left: 30px;background-size: initial;font-style: italic;font-weight: bold;color: #ccc;font-size: 14px;float: left;margin-left: 44px;}
.NewsList ul li .calendar em{float: right;width: 76px;height: 60px;line-height: 60px;border-left: 1px #ddd solid;}
.NewsList ul li .calendar em img{width: 10px;height: 19px;display: block;margin: 20px auto;}
.NewsList ul li:hover a h3{color: #0a638b;}
.NewsList ul li:hover .calendar h4{color: #0a638b;}
/* link */
.link{width: 100%;border-bottom: 1px solid #f2f2f2;    border-top: 1px solid #f2f2f2;}
.link dl{padding: 18px 0 16px 0;}
.link dt{float: left;width: 74px;background: url(Img/Index/link_xian.png) no-repeat right 5px;}
.link dt p{font-size: 24px;color: #666666;font-family: arial;text-transform: uppercase;}
.link dt span{display: block;font-size: 14px;color: #666666;margin-top: -4px;}
.link dd{float: left;width: 1094px;overflow: hidden;margin-top: 12px;padding-left: 30px;}
.link dd a{display: block;font-size: 14px;color: #999999;float: left;margin-bottom: 6px;margin-right:45px;}