/* CSS Document */
@import url(global.css);
/*----------------------智传天下-首页样式------------------------*/
body{font:14px "微软雅黑";  background:url(../images/bj.jpg) no-repeat top right;}


/*---------首页幻灯(一)--------*/
.banner {position:relative;height:870px;overflow:hidden;}
.banner .con{position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px;}
#divSmallBox{position:relative;height:870px;overflow:hidden;}
#playBox{ width:100%; height:870px; margin:0 auto; position:relative; overflow:hidden;}
#playBox .bcon{ width:1920px; height:870px; left: 50%; margin: 0 auto 0 -960px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; position: static; width:1920px;}
#playBox .oUlplay li img{ display:block; float:left; width:100%;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position: absolute; top:376px; left:10%; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position: absolute; top:376px; right:10%; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:35px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#aaa;  float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#fdd401;}


.welcome{ width:100%; text-align:center; padding:98px 0 0 0;}
.welcome .sider{ width:1200px; height:100%; overflow:hidden; padding:70px 0; margin:0 auto;}
.welcome .sider span{ display:block; font-size:25px; color:#fff; margin: 0 150px; float:left; font-weight:lighter; cursor:default;} 
/*.welcome .sider .hover{ background: url(../images/h1_142.png) no-repeat bottom center;transition: all 0.8s;}*/

.welcome .sider span .img{ height:2px; overflow:hidden; margin-top:20px;}
.welcome .sider span img{width:55px;height:2px; cursor: pointer;transition: all 1s;}   
.welcome .sider span:hover img{ transform: scale(1.2); }

.welcome .sider .hover img{ width:100px;}

/*background: url(../images/h1_143.png) no-repeat bottom center;cursor:default;*/

.welcome li{ width:100%; height:880px; display:block; float:left; overflow:hidden; position:relative;}
.welcome li img{ width:100%; height:880px;}
.welcome .text { width:100%; height:auto;  position:absolute; left:0; bottom:0; }
.welcome .imgtext{ height:419px; width:100%; float:left;color:#aaa; font-size:14px; line-height:20px; text-align:left; background: url(../images/h1_141.png) no-repeat top center; background-size: 100% 100%; FILTER:alpha(opacity=99); opacity:0.99; -moz-opacity:0.99; }
.welcome .con{ width:1300px; padding:3% 0; color:#fff; margin: 0 auto;}
.welcome .con h6{ font-size:34px; display:block; width:100%; font-weight:lighter; margin:40px 0 10px 0;}
.welcome .con span{ width:100%; display:block; font-size:13px; padding-bottom:10px; text-transform:uppercase;  font-family:Arial;} 
.welcome .con p{ font-size:25px; line-height:30px; margin-top:20px; font-weight:lighter; font-family:"宋体";}
.welcome .con .en{ font-size:12px; font-family:Arial; line-height:24px;}

.story{ width:100%; height:100%; overflow:hidden;  text-align:center; padding:100px 0 200px 0; z-index:1;}
.story img{}
.case{ width:100%; height:1270px; text-align:center; padding:0;}
.case .con{ width:1620px; height:500px; margin:0 auto; background:url(../images/h1_19.jpg) no-repeat top center; margin-top:95px; padding-top:410px;}

/*----------*/
.case .con{width:1280px;overflow:hidden; margin:0 auto; margin-top:76px;}
.case .con ul li{width:240px; overflow:hidden; float:left; margin:10px 10px; position:relative; overflow:hidden; border:2px solid #676c6f;background:#2c2f30;text-align:left; color:#fff; moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.case .con ul li img{ display:block; margin:0 auto; height:150px;}
.case .con ul li div{ padding:20px; line-height:30px;}
.case .con ul li span{ font-size:12px; padding-bottom:10px; display:block;}
.case .con ul li font{ font-size:12px; padding-top:10px; color:#aaa; display:block;}
.case .con ul li  p{line-height:25px; color:#ffffff;}
.case .con ul li  a{ float:right; margin:10px 15px 15px 0; color:#fff; background:#54595c; padding:5px 10px; font-size:12px;moz-border-radius:10%; -webkit-border-radius:10%; border-radius:10%; display:block;}

#demo {width:100%;float:right;overflow:hidden;}
#indemo {float: left;width: 1000000px;}
#demo1 {float: left;}
#demo2 {float: left;}



.faster{ width:100%; text-align:center; padding:0; position:relative;}
.faster .img{ width:100%;}
.faster .con{ position:absolute; top:40%; left:26.5%;}

.value{ width:100%; text-align:center; padding:220px 0 0 0;}
.details{ width:100%; text-align:center; padding:165px 0 0 0;}
.details a{background: url(../images/b1.png) no-repeat center; padding:30px 120px;}
.details a:hover {background: url(../images/b2.png) no-repeat center; padding:30px 120px;}
.news{ width:100%; text-align:center; padding:225px 0 0 0;}

/*----------------setting-----------------*/
.news{width:100%; height:100%; margin-top:20px;}
.news ul{ width:1300px;height:100%; overflow:hidden;}
.news li{display:block; float:left; overflow:hidden; background:#fff; position:relative;}
.news li a{ display:block;}
.news li img{ cursor: pointer;transition: all 0.8s; width:100%; z-index:1;}   
.news li img1:hover{ transform: scale(1.2); }
.news li .i{ width:274px; height:80px; position:absolute; bottom:35px; left:7%; z-index:2;}
.news li:hover .i{ display:none;}
.news li h6 { width:100%; display:block;font-size:28px; margin-bottom:20px; color:#fdd401; float:left;}
.news li p{ font-size:17px; line-height:32px;}
.news .text { width:100%; height:auto;  position:absolute; left:0; bottom:0; }
.news .imgtext{ height:250px; float:left; padding:7% 13% 0% 13%; color:#fdd401; font-size:14px; line-height:18px; text-align:left;}

.news li:nth-child(1) .imgtext{background:url(../images/1_02b.png) repeat;}
.news li:nth-child(2) .imgtext{background:url(../images/1_03b.png) repeat;}
.news li:nth-child(3) .imgtext{background:url(../images/1_04b.png) repeat;}
.news li:nth-child(4) .imgtext{background:url(../images/1_05b.png) repeat;}


.news .w1{ width:55.8%;}
.news .w2{ width:44.01%;}