body{margin:0px; padding:0px; background:#F5F5F5; background:url(../Images/body.jpg) center top; background-size:cover;}


a,span,div,input,select,textarea{font-family:"微软雅黑"; color:#666666; font-size:14px; text-decoration:none; transition-duration:0.5s;}
div,li{transition-duration:0.5s;}
div:hover,li:hover{transition-duration:0.5s;}
ul,li{margin:0px; padding:0px; list-style:none;}
img{border:0px;}
.kx{height:30px; overflow:hidden;}
.kxa{height:20px; overflow:hidden;}
.kx10{height:10px; overflow:hidden;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.clear{clear:both;}
html {overflow-x:hidden; } 
.xuanzhuan{ transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
 transition-duration:0.5s;}


.warp{width:1200px; margin:auto;}

.wrap{width:100%; margin:auto;}

.head{height:90px; background:#FFFFFF; width:100%;}

.logo{height:70px; width:200px; background:url(../Images/logo.png?v1) no-repeat; float:left; margin-top:10px; margin-right:70px;}
.logo a{display:block; line-height:46px;}


.nav{float:right;}
.nav ul{margin:0px; padding:0px;}
.nav ul li{float:left; padding:0px 20px;}
.nav ul li a{line-height:90px;}
.nav ul li:hover a{border-bottom:2px solid #009EFF; padding-bottom:5px;}


.nav ul li ul{display:none; position:absolute; background: #FFFFFF; margin-top:0px; z-index: 999; padding: 30px 0px; border-bottom: 1px solid #2378D5;width:600px;left: 50%;height: 190px;background:rgba(255, 255, 255, 0.95);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.nav ul li:hover ul{display:block;}
.nav ul li:hover ul li{width:40%; height:30px; margin:0px; text-align: left; float: left;}
.nav ul li:hover ul li.san{width:24%; height:30px; margin:0px; text-align: left; float: left;}
.nav ul li:hover ul li:hover{}
.nav ul li:hover ul li a{line-height:20px;color: #666666;display: block;padding: 5px 0px;font-size: 13px;border-bottom:0px solid #009EFF;}
.nav ul li:hover ul li a:hover{color:#2378D5;border-bottom: none;}
.nav ul li:hover ul li a.btss{font-size: 15px;font-weight: bold;}


.subtext{float: right;margin-top: 25px;height: 36px;width: 110px;border-radius: 4px;background: #043294;text-align: center;margin-left: 40px;}
.subtext a{line-height: 36px;color: #FFFFFF;font-size: 13px;display: block;}
.subtext:hover{transform: scale(1.1);background: #33cc99;}

.bannertext{position: absolute;top: 260px;left: 15%;z-index: 100;}
.bannertext p{font-size: 36px;color: #FFFFFF;line-height: 60px;font-weight: bold;}


.bannerad{width:1217px; height:220px; background:url(../Images/bannerad.png?vid=22) no-repeat; margin:auto; margin-top:-100px; position:relative; z-index:999;}
.bannerad ul{margin:0px; padding:0px; margin-left:22px;}
.bannerad ul li{width:291px; float:left; height:50px; border-right:1px solid #EEEEEE; margin-top:60px; text-align:center;}
.bannerad ul li.spec{border-right:none;}
.bannerad ul li a{line-height:20px;}
.bannerad ul li a span{font-size:30px; color:#000000; line-height:60px;}


.bigtitle{text-align:center;}
.bigtitle a{line-height:90px; font-size:30px; color:#000000;}


.a1 ul li{width:32.3%; float:left; text-align:center; background:#FFFFFF;padding: 0.5%;padding-bottom: 20px;}
.a1 ul li:hover{box-shadow: 0px 0px 80px #DDDDDD;transform: scale(1.1);border-radius: 5px;}
.a1 ul li img{width:90%; margin:20px 5%; height:180px;}
.a1 ul li a{line-height:30px;}


.a2{height:450px; width:100%; background:url(../Images/design-bg.jpg?vid=22) no-repeat; background-size:cover; margin-top:100px; padding-top:80px; padding-bottom:50px;}
.a2 .bg{width:760px; margin:auto; height:240px; background:#0071B9; margin-top:190px;}
.a2 .bg .title{height:80px; border-bottom:2px solid #007DCD; text-align:center;}
.a2 .bg .title a{line-height:80px; color:#FFFFFF; font-size:24px;}
.a2 .bg .con{height:330px; margin:20px; text-align:center;}
.a2 .bg .con a{line-height:30px; color:#FFFFFF; font-size:14px;}

.i1{width:200px; float:left; text-align:center; margin:20px 20px 0px 20px;}
.i1 .i2{height:80px; width:80px; margin:auto; margin-top:20px; margin-bottom:0px;}
.i1 .i2.one{background:url(../Images/i1.png?vi=1) no-repeat center;}
.i1 .i2.two{background:url(../Images/i2.png) no-repeat center;}
.i1 .i2.three{background:url(../Images/i3.png) no-repeat center;}
.i1 .i2.four{background:url(../Images/i4.png) no-repeat center;}
.i1 .i2.five{background:url(../Images/i5.png) no-repeat center;}
.i1 .i2.six{background:url(../Images/i6.png) no-repeat center;}
.i1 .i3{height:100px; margin-top:0px;}
.i1 .i3 a{font-size:12px; line-height:20px;}
.i1 .i3 a span{font-weight:600; color:#000000; font-size:16px; line-height:40px;}


.partner{height:120px; border:1px solid #F2F2F2; margin:0px 10px;}
.partner img{height:120px;}


/*.foot{height:40px; border-top:3px solid #E7981D; background:#454545; margin-top:50px;}
.foot .left{float:left;}
.foot .left a{padding-right:30px; line-height:40px; color:#FFFFFF; font-size:12px;}
.foot .right{float:right;}
.foot .right a{padding-left:30px; line-height:40px; color:#FFFFFF; font-size:12px;}

*/
.foot{width:100%; background:#444444; display:table; padding:30px 0px; margin-top:50px;}
.foot ul{margin:0px; padding:0px;}
.foot ul li{float:left; margin-right:10px; width:150px;}

.foot ul li span{font-size:16px; color:#FFFFFF; line-height:40px;}
.foot ul li a{font-size:12px; color:#CCCCCC; line-height:30px;}
.footb{background:#222222; width:100%; text-align:center; padding:20px; min-width:1200px;}
.footb a{line-height:20px; color:#999999; font-size:12px;}

.foot ul li.spec{float:right; width:340px;}


/*innerbanner*/
.ibanner{height:300px; width:100%; background:url(../Images/banner.jpg?vid=22) no-repeat center;}

.local{height:60px; background:url(../Images/home.jpg?vid=22) no-repeat center left; padding-left:30px;line-height: 60px;}
.local a{line-height:60px;}
.local a:hover{color: #043294;}

.ititle{text-align:center; margin-bottom:20px;}
.ititle a{line-height:40px; font-size:20px;}

.icon a{line-height:30px; font-size:14px; color:#666666;}

.yyz{margin-top:20px;}
.yyz a{line-height:40px; font-size:14px; padding:0px 20px;}


.index1{width: 100%;margin: 0%;margin-top: 30px;}
.index1 .zbbf{width: 65%;float: left;}
.index1 .ybbf{width: 35%;float: left;}
.index1 .ybbf img{width: 86%;margin: 10px 7%;}

.index1 .zbbf p{font-size: 16px;color: #000000;line-height: 40px;padding-left: 10px;}
.index1 .zbbf ul{margin: 0px;padding: 0px;margin-top: 60px;}
.index1 .zbbf ul li{list-style: none;height: 40px;width: 15%;background: #cfd9fc;text-align: center;margin: 5px ;float: left;border-radius: 3px;}
.index1 .zbbf ul li a{line-height: 40px;color: #666666;font-size: 14px;}