/*-------------------------------成功案例区---------------------*/
.nTab{float: left;width:1225px;background-position:left;background-repeat:repeat-y; }
.nTab .TabTitle{text-align: center;}
.nTab .TabTitle ul{display: inline-block;*display:inline;zoom:1;}
.nTab .TabTitle li{ width: 150px;float: left;position: relative;}
.nTab .TabTitle li i{ width: 1px; height:20px; position: absolute;left: 0; top: 50%;margin-top: -5px;}
.nTab .TabTitle li:first-child i{display: none;}
.nTab .TabTitle li a{line-height:35px;width: 140px;position: relative;font-size:16px;cursor: pointer;display: inline-block;border:5px solid transparent; border-top:5px solid #ea5504;  background:#333; color:#fff;border:2px solid;border-radius:25px;-moz-border-radius:25px;}
.nTab .TabTitle li a b{width: 0; height: 0; border:5px solid transparent; border-top:5px solid #ea5504;position: absolute; bottom: -10px; left: 50%; margin-left: -5px;display: none;}
.nTab .TabTitle li.active a{ background:#fe3f14; color:#fff; /* Old Firefox */}
.nTab .TabTitle li.active a b{display: block;}
.none {display:none;}

.box12{width: 1200px; margin: 0 auto;}
.idx_case{ height:980px;position: relative;overflow: hidden; border-top:1px solid #EEE;}
.box12 .ihead { width:100%; text-align:center; margin-bottom:40px; margin-top:40px; }
.box12 .ihead h2 { font-size:35px; color:#222; line-height:50px; font-weight:400;  }
.box12 .ihead p { padding-top:15px; color:#666; font-size:18px;}

.case_ul{text-align: center;}
.case_ul ul{display: inline-block;*display:inline;zoom:1;margin-top: 36px;}
.case_ul li{ float:left;margin:0px 20px 25px 0px;width: 387px;}
.case_ul li:hover{ background:#fff;}
.case_ul li:hover img{transition:transform 1s ease;  transform:scale(1.10,1.10);-moz-transition:scale(1.10,1.10);-ms-transition:scale(1.10,1.10);-o-transition:scale(1.10,1.10);}
.case_img{width: 387px;height:250px;position: relative;overflow: hidden;}
.case_img img{width: 100%; height:100%;}
.case_APP{width:280px;height:580px;position: relative;overflow: hidden;}
.case_APP img{width:280px;}
.APPcase{text-align: center;}
.APPcase ul{display: inline-block;*display:inline;zoom:1;margin-top: 36px;}
.APPcase li{ float:left;margin:0px 20px 15px 0px;width: 280px;}
.APPcase li:hover{ background:#fff;}
.APPcase li:hover img{transition:transform 1s ease;  transform:scale(1.10,1.10);-moz-transition:scale(1.10,1.10);-ms-transition:scale(1.10,1.10);-o-transition:scale(1.10,1.10);}
.APPcase li:hover .case_img i,.case_ul li:hover .case_img b{display: block;}
.APPcase li h3{  padding-top:10px;font-size: 16px; height:35px; color: #666; background-color:#eee;}
.APPcase li p{color: #999;min-height: 2em;}
.APPcase li p i{margin-left: 0px;}
.APPcase li:hover h3{color: #fff;background-color:#333333;}
.APPcase li:hover p{color: #fff;}

.case_ul li:hover .case_img i,.case_ul li:hover .case_img b{display: block;}
.case_ul li h3{  padding-top:10px;font-size: 16px; height:35px; color: #666; background-color:#eee;}
.case_ul li p{color: #999;min-height: 2em;}
.case_ul li p i{margin-left: 0px;}
.case_ul li:hover h3{color: #fff;background-color:#333333;}
.case_ul li:hover p{color: #fff;}
.case_more{ margin:0 auto; position:relative; text-align:center;width:220px; height:35px; padding-top:10px;background-color:#fe3f14;}
.case_more a{ font-size:18px; color:#fff;}
.case_more:hover{  font-size:18px;  background-color:#333333;}

/*about*/

.dXabout .enspan{padding-top:20px;  display:block; text-align:center; font-size:13px; color:#c1c1c1; font-family:Arial}
.dXabout h3{ font-size:32px; color:#222; text-align:center; padding-bottom:20px; background:url(../Img/zhichi_h.png) no-repeat center bottom; margin-bottom:40px;}
.dXabout h3 b{ color:#fe2002;}
.dXabout h3 a{ color:#222;}

.dXabout{width: 100%;overflow: hidden;background: url(../Images/AnswerBg.jpg) repeat;padding-bottom: 58px; margin-bottom:0px;}
.dXabout .Title h2{background: url(../Images/aboutBg1.png) no-repeat center;}
.dXabout .GJ-intro{width: 100%;overflow: hidden;height: 302px;margin-top: 50px; }
.dXabout .GJ-intro .GjPic{display: block;float: left; border:5px solid #fff;}
.dXabout .GJ{float: right;width: 610px;height: 302px; }
.dXabout .Ab a{color: #2454AC;}
.dXabout .GJ h4{font-size: 22px;font-weight: normal;margin-bottom: 12px;}
.dXabout .GJ h4 a{color: #333333;}
.dXabout .GJ p{font-size: 14px;color: #666666;line-height: 25px;text-overflow: ellipsis;overflow: hidden;height: 125px;}
.dXabout .GJ span a{font-size: 14px; color: #2454ac;}
.dXabout .ABox{width: 610px;position: relative;margin-top:10px;overflow: hidden;height: 120px;}
.dXabout .ABox ul{overflow: hidden;width: 575px;position: absolute;top: 0;left: 0;height: 120px;}
.dXabout .ABox li{float: left;width: 188px;height: 120px;margin-right: 11px;}
.dXabout .ABox i{display: block;position: absolute;width: 34px;height: 60px;color: #FFFFFF;cursor: pointer;z-index: 5;}
.dXabout .ABox .btn01{top: 0;right: 0;background: url(../Images/aboutBtn02.jpg) no-repeat left top;}
.dXabout .ABox .btn01:hover{background: url(../Images/aboutBtn01.jpg) left top;}
.dXabout .ABox .btn02{right: 0;bottom: 0; background: url(../Images/aboutBtn02.jpg) no-repeat left bottom;}
.dXabout .ABox .btn02:hover{background: url(../Images/aboutBtn01.jpg) left bottom;}

.dXabout .baseBox{position: relative;margin-top: 37px;}
.dXabout .baseBox i{display: block;width: 30px; height: 60px;position: absolute;top: 66px;cursor: pointer;}
.dXabout .baseBox .btn01{background: url(../Images/hz-btn01.png) no-repeat left top; left: -50px;}
.dXabout .baseBox .btn02{background: url(../Images/hz-btn02.png) no-repeat right top;right: -50px;}
.dXabout .BLb{width: 1000px;overflow: hidden;position: relative;height: 220px;}
.dXabout .BLb ul{position: absolute;top: 0; left: 0;}
.dXabout .BLb li{width: 235px;float: left;text-align: center;height: 220px;margin: 0 7px;}
.dXabout .BLb li img{display: block;margin-bottom: 12px;}
.dXabout .BLb li a{font-size: 14px;color: #555555;text-decoration: none;}

/*合作伙伴*/
.hzhbBox{ text-align:center;margin-bottom:40px;}
.hzhbBox .hztop{ padding:0px 0;}
.hzhbBox .cpbot{ margin-top:50px; margin-bottom:56px;}

/*推广案例展示*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*end reset*/
/*标题*/
.dxtitle{ overflow: hidden; width: 100%; text-align: center; margin-top: 55px;}
.dxtitle h2{ font-size: 36px; color: #fe3f14; font-weight: normal}
.dxtitle h2 a{color: #fe3f14;}
.dxtitle i{display:block;width: 30px;height: 1px;background: #fe3f14; margin: 15px auto 0}
.dxtitle em{ font-size: 12px; color: #999999; margin-top: 15px}
.dxtitle p{ font-size: 14px; color: #666666; margin-top: 15px}
.dxtitle strong{ color: #ffae00;}
.advantage .yscontainer{margin-left:auto; margin-right:auto; width:1000px;}
.advantage{ overflow: hidden; width: 100%; background: url("../Images/advantageBg.jpg") no-repeat center; height: 843px;}
.advantage .advantageList{ width: 100%; margin-top: 45px; height: 385px; position: relative; *margin-top: 52px; }
.advantage li{ width: 176px; padding: 0 15px; background: url("../Images/ysLiBg.png") no-repeat center top; position:absolute;text-align: center; height: 249px; color: #fff}
.advantage li h3{ font-size: 24px; margin-top: 45px;}
.advantage li p{ margin-top: 20px; line-height: 22px; font-size: 14px;}
.advantage li i{ position:absolute; background: url("../Images/advantageLi.png") no-repeat center top; width: 25px; height: 25px; left:50%; margin-left: -12px;}
.advantage li.li01{ left:0; top:70px;}
.advantage li.li02{ left:265px; top:0px;}
.advantage li.li03{ right:265px; top:0px;}
.advantage li.li04{ right:0; top:70px;}
.advantage li.li01 i{bottom: -105px;}
.advantage li.li02 i{bottom: -83px;}
.advantage li.li03 i{bottom: -75px;}
.advantage li.li04 i{ bottom: -95px;}
.advantage li:hover{ background-position: bottom; color: #724217}
.advantage li:hover i{ background-position: bottom;}



.Principle{ overflow:hidden; width: 100%; background-color: #fff; padding-bottom: 35px}
.Principle .title{ margin-top: 55px;}
.Principle .list{ overflow: hidden; width:1000px; margin-top: 20px;}
.Principle .list li{ float: left; width:180px; padding: 0 10px; text-align: center; overflow: hidden}
.Principle .list li h3{ font-size: 24px; color: #fe3f14; font-weight: normal; margin-top: 15px;}
.Principle .list li p{ line-height: 22px; font-size: 14px; color: #666666; height: 66px; margin-top: 15px;}
.Principle h4{color: #b8d3c4;background: url("Img/Index/PrinciplePhone.png") no-repeat center;margin: 0 auto;width: 360px;height: 50px;line-height: 50px;margin-top: 25px;text-align: center;font-size: 26px;/* font-weight: normal */}
.Principle h4 span{ font-size: 18px; color: #fff; font-weight: normal}
.index3{ height:400px;}
.page-width { width:1200px; margin:0 auto; position:relative; }
.index3a ul{ width:1250px;}
.index3a li{ float:left; width:280px; padding-bottom:40px; line-height: 22px; padding-right: 27px;}
.index3a li div span{ font-size: 15px;}
.index3a li div{ padding:10px 0; font-size: 13px; color:#000000;}
.index3a li p{ color:#707070;}
.index3a li p span{ color:#e10000;}


/*news*/
.news{ overflow: hidden; width: 100%; padding: 60px 0;}
.news .newsLt{ float: left; width: 755px; }
.news .newsRt{ float: right; width: 365px;}
.news .newsNav{ overflow: hidden}
.news .newsNav li{ width: 133px; height: 38px; line-height:38px;text-align: center; font-size: 14px; background-color: #eee; float: left; margin-right: 10px;}
.news .newsNav li a{ color: #666666; text-decoration: none}
.news .newsNav li:hover,.news .newsNav li.cur{ background: #fe3f14}
.news .newsNav li:hover a,.news .newsNav li.cur a{  color: #fff}
.news .newsBox,.news .newsCon,.news dl{ overflow: hidden; width: 100%; }
.news .newsBox{ margin-top: 35px; height: 325px; width: 755px;position: relative}
.news .newsCon{ position:absolute; left:0; top:0; display: none}
.news .newsCon:first-child{ display: block}
.news dl dt{ width: 167px; height: 120px; float: left;}
.news dl dd {width:570px;float: right;margin-top: 0px;overflow: hidden;}
.news dl dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px }
.news dl dd h3 a{ color: #fe3f14}
.news dl dd p{ font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666666; margin-top: 10px}
.news .newsLi{overflow:hidden;width: 100%;margin-top: 20px;border-top:1px solid #c9c9c9;}
.news .newsLi li { font-size: 14px; overflow:hidden; width: 100%; padding: 14px 0; border-bottom: 1px dashed #c9c9c9}
.news .newsLi li a{ display: block; width:580px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left;}
.news .newsLi li span{ float: right; display: block; color: #999999;}
.news .NewTit{ overflow: hidden; width: 100%;}
.news .NewTit h3{ font-weight: normal; font-size: 24px; float: left;}
.news .NewTit h3 a{ color: #fe3f14}
.news .btnLt{ float: right; width: 78px;}
.news .btnLt a { width: 37px; height: 33px; display: block;}
.news .btnLt a.newsTop{ background: url("../Images/newsTop.jpg") no-repeat center top; float: left;}
.news .btnLt a.newsBtm{ background: url("../Images/newsBottom.jpg") no-repeat center top; float: right;}
.news .btnLt a:hover{ background-position: bottom}
.news .newsDa{ width: 365px; height: 355px; position: relative; margin-top: 10px; overflow: hidden}
.news .listDa { position: absolute; top:0; left:0}
.news .listDa li{ padding: 20px 0; width: 100%; border-bottom: 1px dotted #bbbbbb;}
.news .listDa li h3{ background: url("../Images/newsWen.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; font-weight: normal}
.news .listDa li h3 a{ color: #333333 }
.news .listDa li p{  background: url("../Images/newsDa.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; color: #666666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px;}

/*link*/
.link{ overflow: hidden; width: 100%; padding: 20px 0}
.link h3{ float: left; width: 65px; color: #666666; font-size: 14px; margin-top: 5px;}
.link h3 a{  color: #666666; }
.link .ul{ float: right; width: 1130px;}
.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #fe3f14; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}