@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em ,i , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
li{list-style:none;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.cur{cursor:pointer}

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;outline: none; font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;width:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}

/*end reset*/


/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
.container{margin-left:auto; margin-right:auto; width:1004px;}
.container2{margin-left:auto; margin-right:auto; width:1200px;}

/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff;}
.header .header_top{ overflow:hidden; height:130px;}
.header .header_top .logo{ float:left; overflow:hidden}
.header .logo dt{ float:left; margin-right:23px;}
.header .logo dd{ float:left; margin-top:50px;}
.header .logo dd h2{ font-size:24px; color:#ff5b00; font-weight:normal; margin-bottom:8px;}
.header .logo dd p{ font-size:12px;}
.header .logo dd a{ color:#333}
.header .logo dd .a1{ padding-right:15px; border-right:1px dotted #ccc; margin-right:15px;}
.header .header_right{ float:right; overflow:hidden;}
.header .header_right .header_top_nav{ overflow:hidden; margin-top:20px; margin-bottom:30px;}
.header .header_right .header_top_nav li{ float:left; padding:0 15px; border-right:1px dotted #ccc;}
.header .header_right .header_top_nav .last{ border:none; padding-right:0}
.header .header_right .header_top_nav .last a{ color:#ff5b00;}
.header .header_right .header_phone{ width:380px; height:44px; background:url(Img/Common/header_phone.png) no-repeat center; overflow:hidden; margin-left:12px;}
.header .header_right .header_phone li{ float:left; margin:0 10px; line-height:18px;}
.header .header_right .header_phone li img{ position:relative; top:4px; left:-3px;}
.header .header_right .header_phone ul{ border-right:1px dotted #b8b8b8; float:left; margin-left:8px; overflow:hidden; margin-top:12px;}
.header .header_right .header_phone span{ display:block; font-size:24px; color:#ff5b00; float:left; line-height:44px; font-weight:normal; margin-left:8px;}
.header .header_nav{ overflow:hidden; width:100%; height:60px; background:url(Img/Common/nav_bg.jpg) no-repeat left top; position:relative}
.header .header_nav b{ display:block; width:458px; height:3px; background-color:#ff5b00; position:absolute; left:0; top:0}
.header .header_nav p{ width:0px; height:3px; background-color:#ff5b00;}
.header .header_nav ul{ overflow:hidden; height:57px;}
.header .header_nav li{ float:left; line-height:57px; font-size:14px;padding:0 16px; background:url(Img/Common/nav_bor.png) no-repeat left center}
.header .header_nav li a{ color:#fff; text-decoration:none; display:block}
.header .header_nav .first{ background:none}
.header .header_nav .cur a,.header .header_nav li:hover a{ color:#ff5b00; font-weight:bold}

/*footer*/
.footer{ overflow:hidden; width:100%; height:600px; background-color:#111;}
.footer ul{ overflow:hidden; width:1020px; margin:0 auto; overflow:hidden; margin-top:48px; margin-bottom:42px;}
.footer ul li{ float:left; width:158px; height:158px; background:url(Img/Common/footer_yuan01.png) no-repeat 9px 9px; margin:0 6px; overflow:hidden; position:relative}
.footer li b{ display:block; width:32px; height:32px; margin:0 auto; margin-top:47px; margin-bottom:12px; position:relative}
.footer li p{ text-align:center; font-size:16px; color:#fff; position:relative; left:0}
.footer li .b01{ background:url(Img/Common/footer01.png) no-repeat center}
.footer li .b02{ background:url(Img/Common/footer02.png) no-repeat center}
.footer li .b03{ background:url(Img/Common/footer03.png) no-repeat center}
.footer li .b04{ background:url(Img/Common/footer04.png) no-repeat center}
.footer li .b05{ background:url(Img/Common/footer05.png) no-repeat center}
.footer li .b06{ background:url(Img/Common/footer06.png) no-repeat center}
.footer li .lihover{ width:140px; height:140px; background:url(Img/Common/footer_yuan02.png) no-repeat center; padding:9px; display:none}
.footer li .lihover span{ display:block; background:url(Img/Common/footer_li0.png) no-repeat center; width:140px; height:90px; text-align:center; padding-top:50px; color:#fff; text-align:center;}
.footer li:hover{ background:none}
.footer li:hover .lihover{ display:block}
.footer li:hover b{ display:none}
.footer li:hover p{ display:none}





.footer dl{ width:165px; float:left; height:185px; overflow:hidden; background:url(Img/Common/nav_bor.png) left top repeat-y; padding-left:35px;}
.footer dt a{ font-size:16px; color:#fff;}
.footer dt{ margin-bottom:20px;}
.footer dd a{ font-size:13px; color:#999; line-height:29px; display:block}
.footer .footer_ewm{ width:200px; text-align:center; float:left; background:url(Img/Common/nav_bor.png) repeat-y left top,url(Img/Common/nav_bor.png) repeat-y right top}
.footer .footer_ewm img{ display:block; margin:0 auto; margin-bottom:10px;}
.footer .footer_ewm p{ font-size:12px; color:#999; margin-bottom:5px;}
.footer .footer_center{ overflow:hidden}
.footer .footer_btm{ overflow:hidden; margin-top:50px;}
.footer .footer_btm .dizhi { float:left; overflow:hidden}
.footer .footer_btm .dizhi p{ font-size:12px; color:#888; line-height:20px; margin-bottom:20px; margin-left:35px;}
.footer .footer_btm .dizhi p em{ background:url(Img/Common/footer_dian.png) no-repeat right center; padding-right:20px; margin-right:30px;}
.footer .footer_btm .dizhi span{display: block; font-size:12px; color:#555; margin-left:35px; float: left;}
.footer .footer_btm .phone{ float:right; text-align:right;}
.footer .footer_btm .phone p{ color:#ccc;}
.footer .footer_btm .phone i{ font-style:normal; display:block; font-size:24px; color:#ccc; font-weight:normal}
.footer .footer_btm .phone span{ display:block; width:111px; height:17px; background:url(Img/Common/footer_yy.png) no-repeat center; text-align:center; font-size:10px; line-height:17px; font-family:Arial; float:right}

/* BurstImg */
.BurstImg{background: url(Img/Shenduyun/BurstImgBg.jpg) no-repeat center;height: 1174px;}

.BurstImg h3{font-size: 60px;color: #fff;text-align: center;font-weight: normal;padding: 75px 0 50px;}
.BurstImg span{width: 1920px;height: 938px;display: block;}
.BurstImg span img{display: block;width: 100%;}
/* BurstImg End */

/* IntelligentAge */
.IntelligentAge{padding: 40px 0 70px;}
.IntelligentAge h3{font-size: 60px;color: #333;font-weight: normal;text-align: center;}
.IntelligentAge ul{margin: 70px 0 80px;}
.IntelligentAge ul li{float: left;width: 25%;border-left: 1px #f0f0f0 solid;text-align: center;height: 100px;}
.IntelligentAge ul li.li02{width: 49%;}
.IntelligentAge ul li.li02 span{width: auto;}
.IntelligentAge ul li:first-child{border-left: none;}
.IntelligentAge ul li span{width: 65px;height: 65px;display: block;margin: 0 auto;font-size: 48px;color: #333;line-height: 65px;}
.IntelligentAge ul li span img{display: block;width: 65px;height: 65px;}
.IntelligentAge ul li p{font-size: 18px;color: #999;margin-top: 20px;}

.CommittedTo{text-align: center;background: url(Img/Shenduyun/CommittedToBg.png) no-repeat center;padding: 25px 0 30px;}
.CommittedTo h3{font-size: 40px;color: #fff;font-weight: normal;}
.CommittedTo h3 b{font-weight: normal;display: block;font-size: 50px;}
.CommittedTo a{width: 263px;height: 52px;display: block;background-color: #3ff9fb;font-size: 24px;color: #666;text-align: center;line-height: 52px;margin: 30px auto 0;border-radius: 50px;box-shadow: 0 0 35px rgba(0,0,0,0.3);}
.CommittedTo h4{font-size: 35px;color: #f3f60b;margin-top: 20px;font-weight: normal;}
/* IntelligentAge End */

/* CommittedSendu */
.CommittedSendu{text-align: center;}
.CommittedSendu h3{font-size: 60px;font-weight: normal;color: #333;}
.CommittedSendu p{font-size: 18px;color: #333;margin-top: 20px;}

.CommittedSendu span{margin: 70px auto 130px;width: 875px;height: 525px;display: block;}
.CommittedSendu span img{display: block;width: 875px;height: 525px;}
/* CommittedSendu End */

/* FreeRanking */
.FreeRanking{background: url(Img/Shenduyun/FreeRankingBg.jpg) no-repeat center;height: 762px;padding-top: 170px;}

.FreeRanking h3{font-size: 60px;color: #fff;font-weight: normal;}
.FreeRanking p{font-size: 18px;color: #fff;line-height: 25px;margin-top: 55px;}
.FreeRanking h4{font-size: 30px;color: #fff;margin-top: 100px;font-weight: normal;}
.FreeRanking a.More{font-size: 24px;color: #fff;width: 196px;height: 60px;text-align: center;line-height: 60px;display: block;border: 1px #fff solid;border-radius: 50px;margin-top: 20px;}
/* FreeRanking End */

/* Inquiry */
.Inquiry{background: url(Img/Shenduyun/InquiryBg.jpg) no-repeat center;height: 745px;text-align: center;padding-top: 55px;}
.Inquiry h3{font-size: 60px;color: #333;font-weight: normal;}
.Inquiry p{font-size: 18px;color: #333;line-height: 30px;margin-top: 20px;}
.Inquiry span{display: block;width: 963px;height: 569px;margin: 65px auto 0;}
.Inquiry span img{display: block;width: 100%;}
/* Inquiry End */

/* PromotionSystem */
.PromotionSystem{background: url(Img/Shenduyun/PromotionSystemBg.jpg) no-repeat center;height: 800px;text-align: center;}

.PromotionSystem h3{font-size: 60px;color: #fff;padding: 45px 0 75px;color: #fff;font-weight: normal;}
.PromotionSystem span{display: block;}
.PromotionSystem span img{display: block;width: 100%;}
/* PromotionSystem End */

/* KeyWords */
.KeyWords{background: url(Img/Shenduyun/KeyWordsBg.jpg) no-repeat center;height: 800px;}
.KeyWords h3{font-size: 60px;color: #333;font-weight: normal;}
.KeyWords p{font-size: 18px;color: #333;line-height: 30px;margin-top: 40px;}
.KeyWords a{width: 180px;height: 50px;margin:  0 auto;display: block;background-color: #5b07d2;text-align: center;line-height: 50px;border-radius: 50px;color: #fff;font-size: 24px;margin-top: 90px;}

.KeyWords div{padding-top: 135px;margin-left:365px;width:  620px;text-align:  center;}
/* KeyWords End */

/* Ranking */
.Ranking{background: url(Img/Shenduyun/RankingBg.jpg) no-repeat center;height: 700px;text-align: center;}
.Ranking h3{font-size: 60px;color: #fff;font-weight: normal;padding-top: 85px;}
.Ranking h4{font-size: 36px;color: #333;font-weight: normal;width: 648px;height: 68px;text-align: center;line-height: 68px;background-color: #fff;border-radius: 50px;margin: 20px auto 20px;}
.Ranking p{font-size: 16px;color: #fff;}
.Ranking p em{margin-right: 30px;}
.Ranking p em i{width: 20px;height: 20px;display: inline-block;border-radius: 50%;margin-right: 10px;border: 2px #fff solid;vertical-align: middle;}
.Ranking h5{font-size: 30px;color: #fff;font-weight: normal;margin-top: 20px;}
.Ranking a{width: 205px;height: 60px;background-color: #10d4eb;border-radius: 50px;text-align: center;line-height: 60px;font-size: 20px;color: #333;display: block;margin: 30px auto 0;}
/* Ranking End */

/* BannerImg */
.BannerImg{height: 290px;}
.BannerImg span{width: 627px;height: 524px;display: block;margin: 0 auto;position: relative;top: -230px;}
.BannerImg span img{display: block;width: 627px;height: 524px;}
/* BannerImg End */

/* WebsiteInquiry */
.WebsiteInquiry h3{font-size: 60px;color: #333;font-weight: normal;text-align: center;margin-top: 65px;}

.WebsiteInquiry h4{text-align: center;font-weight: normal;font-size: 36px;color: #333;}
.WebsiteInquiry a{width: 180px;height: 50px;margin:  0 auto;display: block;background-color: #5b07d2;text-align: center;line-height: 50px;border-radius: 50px;color: #fff;font-size: 24px;margin-top: 25px;box-shadow: 0 0 20px rgba(0,0,0,0.3);}

.WebsiteInquiryCon{height: 341px;width: 1238px;background: url(Img/Shenduyun/WebsiteInquiryBgf.png) no-repeat center;margin: 40px 0 50px;position: relative;}
.WebsiteInquiryCon span{width: 432px;height: 392px;display: block;margin: 0 auto;position: relative;top: -30px;}
.WebsiteInquiryCon span img{display: block;width: 432px;height: 392px}
.WebsiteInquiryCon dl{position: absolute;top: 50px;left: 90px;}
.WebsiteInquiryCon dl dt{font-size: 40px;color: #fff;font-weight: normal;}
.WebsiteInquiryCon dl dd p{font-size: 18px;color: #fff;margin-top: 30px;}
.WebsiteInquiryCon dl.dl02{left: 850px;}
/* WebsiteInquiry End */

/* OptimizationSystem */
.OptimizationSystem{height: 800px;background: url(Img/Shenduyun/OptimizationSystemBG.jpg) no-repeat center;margin-top: 30px;text-align: center;}
.OptimizationSystem h3{font-size: 60px;color: #fff;font-weight: normal;padding: 115px 0 30px;}
.OptimizationSystem p{font-size: 18px;color: #fff;line-height: 25px;}

.OptimizationSystemCon{position: relative;}
.OptimizationSystemCon span{width: 577px;height: 323px;display: block;margin: 100px auto 0;}
.OptimizationSystemCon ul{position: absolute;}
.OptimizationSystemCon ul li{position: relative;}
.OptimizationSystemCon ul li h4{color: #fff;font-weight: normal;font-size: 14px;}
.OptimizationSystemCon ul li h4 em{font-size: 80px;}
.OptimizationSystemCon ul li p{font-size: 18px;color: #fff;margin-top: 5px;}
.OptimizationSystemCon ul li i{width: 51px;height: 16px;display: inline-block;background: url(Img/Shenduyun/OptimizationSystem.png) no-repeat center;position: absolute;top: 45px;left: 145px;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;}
@keyframes future{
    0%{opacity:0.2;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
	100%{opacity:0.2;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.2;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
	100%{-webkit-opacity:0.2;transform:scale(0.7)}
}
.OptimizationSystemCon ul li.li01{top: -197px;right: -140px;}
.OptimizationSystemCon ul li.li01 i{top: 46px;left: 150px;}
.OptimizationSystemCon ul li.li02{top: -217px;right: -347px;}
.OptimizationSystemCon ul li.li02 i{top: 50px;left: 100px;}
.OptimizationSystemCon ul li.li03{top: -315px;right: -770px;}
.OptimizationSystemCon ul li.li03 i{top: 53px;left: -46px;}
.OptimizationSystemCon ul li.li04{top: -548px;right: -889px;}
.OptimizationSystemCon ul li.li04 i{top: 71px;left: -25px;}
/* OptimizationSystem End */

/* ClientNeeds */
.ClientNeeds{background: url(Img/Shenduyun/ClientNeedsBg.jpg) no-repeat center;height: 797px;text-align: center;}

.ClientNeeds h3{font-weight: normal;font-size: 60px;color: #fff;padding-top: 130px;}
.ClientNeeds h4{font-size: 24px;color: #fff;margin-top: 60px;font-weight: normal;}
.ClientNeeds p{font-size: 18px;color: #fff;line-height: 25px;margin-top: 20px;}
.ClientNeeds ul{margin-top: 20px;}
.ClientNeeds ul li{float: left;}
.ClientNeeds ul li h3{font-size: 22px;color: #fff;padding-top: 50px;}
.ClientNeeds ul li.li01{background: url(Img/Shenduyun/ClientNeedsBox01.png) no-repeat center;width: 165px;height: 329px;margin-left: 115px;}
.ClientNeeds ul li.li02{background: url(Img/Shenduyun/ClientNeedsBox02.png) no-repeat center;width: 136px;height: 316px;margin-left: 125px;margin-top: 60px;}
.ClientNeeds ul li.li02 h3{padding-top: 40px;}
.ClientNeeds ul li.li03{background: url(Img/Shenduyun/ClientNeedsBox03.png) no-repeat center;width: 194px;height: 302px;margin-left: 70px;}
.ClientNeeds ul li.li03 h3{padding-top: 70px;}
.ClientNeeds ul li.li04{background: url(Img/Shenduyun/ClientNeedsBox04.png) no-repeat center;width: 145px;height: 292px;margin-left: 110px;margin-top: 35px;}
.ClientNeeds ul li.li04 h3{padding-top: 40px;}
/* ClientNeeds End */

/* PromotionFee */
.PromotionFee{background: url(Img/Shenduyun/PromotionFeeBg.jpg) no-repeat center;height: 955px;}

.PromotionFee .container2{position: relative;}
.PromotionFee h3{font-weight: normal;font-size: 60px;color: #fff;padding-top: 180px;}
.PromotionFee p{font-size: 18px;color: #fff;line-height: 30px;margin-top: 55px;}
.PromotionFee span{display: block;margin-top: 55px;}
.PromotionFee em{display: block;position: absolute;right: -95px;top: 105px;border-radius: 45px;overflow: hidden;box-shadow: 0 5px 50px rgba(0,0,0,0.5);}
/* PromotionFee End */

/* Case */
.Case{text-align: center;}
.Case h3{font-weight: normal;font-size: 60px;color: #333;padding: 50px 0 30px;}
.Case a.CaseMore{width: 416px;height: 100px;line-height: 100px;font-size: 50px;color: #333;background-color: #3ff9fb;border-radius: 50px;display: block;box-shadow: 0 5px 50px rgba(0,0,0,0.3);margin: 20px auto 30px;}

.CaseBox{position: relative;width: 1200px;overflow: hidden;}
.CaseBox ul{position: relative;}
.CaseBox ul li{float: left;width: 573px;height: 506px;margin:0 27px; overflow:hidden;}

.CaseBOT{text-align: center;margin-top: 30px;}
.CaseBOT span.cur{background-color: #cd0e9c;}
.CaseBOT span{width: 20px;height: 20px;background-color: #5b07d2;border-radius: 50%;display: inline-block;margin: 0 5px;cursor: pointer;}

.CaseCon{position: relative;}
.CaseCon i{display: block;width: 61px;height: 61px;overflow: hidden;cursor: pointer;position: absolute;top: 50%;margin-top: -30px;}
.CaseCon i img{display: block;width: 61px;height: 61px;}
.CaseCon i.prev{left: -100px;}
.CaseCon i.next{right: -100px;}
/* Case End */

/* TraditionalOptimization */
.TraditionalOptimization{text-align: center;padding-bottom: 75px;}
.TraditionalOptimization h3{font-weight: normal;font-size: 60px;color: #333;padding: 50px 0;}
.TraditionalOptimization h3 em{display: block;color: #333;font-size: 18px;margin-top: 5px;}
.TraditionalOptimization-Left ul li{border-bottom: 1px #dadada solid;}
.TraditionalOptimization-Left ul li span{font-size: 24px;color: #fff;width: 300px;border-left: 1px #dadada solid;height: 94px;display: block;float: left;}
.TraditionalOptimization-Left ul li.li01{background-color: #565656;height: 94px;line-height: 94px;}
.TraditionalOptimization-Left ul li.li01 span:first-child{width: 184px;border-left: none;}
.TraditionalOptimization-Left ul li.li02{height: 94px;line-height: 94px;}
.TraditionalOptimization-Left ul li.li02 span{width: 300px;border-left: 1px #dadada solid;height: 94px;display: block;font-size: 18px;color: #333;float: left;}
.TraditionalOptimization-Left ul li.li02 span:first-child{width: 184px;border-left: none;background-color: #f5f5f5;}
.TraditionalOptimization-Left ul li span.span01{line-height: 30px;padding-top: 20px;height: 74px;}

.TraditionalOptimization .container2{position: relative;}
.TraditionalOptimization-Right{width: 415px;height: 514px;background: url(Img/Shenduyun/TraditionalOptimization.png) no-repeat center;position: absolute;right: 0;top: 180px;border-radius: 10px;overflow: hidden;}
.TraditionalOptimization-Right ul li{height: 95px;font-size: 25px;color: #fff;font-weight: normal;line-height: 100px;border-bottom: 1px #a97cdb solid;}
.TraditionalOptimization-Right ul li:first-child{height: 110px;}
.TraditionalOptimization-Right ul li.li03{line-height: 45px;}
.TraditionalOptimization-Right a{font-size: 30px;color: #333;width: 263px;height: 52px;background-color: #10d4eb;border-radius: 50px;line-height: 52px;text-align: center;display: block;margin: 30px auto 0;}
/* TraditionalOptimization End */