@charset "UTF-8";
/*
* @ description: 首页样式
* @ author: jonwel
* @ update: (2017.v2.0)
*/


*{padding: 0;margin: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button,input{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}
ol,ul,li{list-style:none;}


body{font:12px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#666;}

a{text-decoration:none; outline: none; cursor:pointer;color:#8D8D8D; }
a:hover{color: #ff6600;}

.clear{clear: both;margin-bottom: 10px;}


/*banner区域样式开始*/
.banner{width: 100%;height: 520px;background: url(https://img.alicdn.com/imgextra/i2/2783343422/TB23LtAm4BmpuFjSZFDXXXD8pXa-2783343422.jpg) no-repeat center top;}


/*滚动新闻资讯区域样式*/
.notices_box{width: 100%;border-bottom: 1px solid #e3e3e3;}
.notices{width: 1200px;height: 36px;line-height: 36px;margin:0 auto;position: relative;}
.notices_L{width: 800px;float: left;background: url(img/i_notice_ii.gif) left center no-repeat;padding-left: 20px;overflow:hidden; position:relative;}


.notices_L em{padding-left: 30px;}

.notices_L b{ line-height:36px; font-weight:bold; display:inline-block;}
.news_li,.swap{ line-height:36px; display:inline-block; position:absolute; top:0; left:72px;}
.news_li a,.swap a{ color:black;}
.swap{top:36px;}


.notices_R{/*float: right;*/width: 300px;height: 30px;position: absolute;right:0;top:0;font-weight: bold;color: #ff6600;text-align: center;}

/*查看更多*/
.knowmore a{display: block;width: 100px;height:36px;line-height:36px;padding: 0 10px;text-align: center;border:1px solid #ff6600;margin:-60px auto 70px;border-radius: 18px;}
.knowmore a:hover{background: #ff6600;color: white;}

/*公共标题样式*/
.title{width: 1200px;height: 80px;margin:0px auto;text-align: center;padding-top: 20px;}
.title h2{font-size: 28px;text-shadow: 2px 1px 5px #ccc;padding-bottom: 10px;}
.title h3{font-size: 16px;}

/*我们的优势区域样式.floor0*/
.floor0{width: 100%;height: auto;}
.floor0 .list{width: 1200px;height: 160px;margin:0 auto;}
.floor0 .list dl{float: left;width: 200px;margin:0 20px;}
.floor0 .list dl dt b{font-size: 28px;color: red;}
.floor0 .list dl dt span{font-size: 18px;padding-left: 6px;}


/*我们的服务区域样式*/
.floor1{width: 100%;height: 470px;background: url(https://img.alicdn.com/imgextra/i3/2783343422/TB2su.XkShlpuFjSspkXXa1ApXa-2783343422.jpg) top center no-repeat;}
.floor1 .list{width: 1200px;height: 350px;margin:0 auto;overflow: hidden;}
.floor1 .list dl{float: left;width: 178px;height:230px;margin: 30px;text-align: center;-webkit-transition: all 0.3s;border:1px solid white;}
.floor1 .list dl img{margin: 10px;-webkit-transition: all 0.3s;width: 160px;}
.floor1 .list dl:hover {transform:scale(1.1,1.1);box-shadow: 0 0 30px #ccc;}
.floor1 .list dl dt{font-size: 13px;font-weight: bold;margin-bottom: 10px;}
.floor1 .list dl dd{line-height: 26px;font-size: 13px;}



/*我们的核心产品区域样式.floor2*/
.floor2 {width: 100%;height:410px;/*background: url(img/05_bg.jpg) bottom center no-repeat;*/}
.floor2 .list{width: 1200px;height: 260px;margin:0px auto;}
.floor2 .list li{float: left;}
.floor2 .list li a{display: block;width: 160px;height:auto;margin: 10px;padding:10px;text-align: center;-webkit-transition: all 0.7s;/*transform: translate(0 10px);*/}
.floor2 .list li .img{transition: all 2s;-webkit-transition: all 2s;-ms-transition: all 2s;-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);}
.floor2 .list li h3{margin-top: 20px;font-size: 16px;}
.floor2 .list a:hover{/*transform: translate(0 0);*/box-shadow: 0 0 20px #333;}
.floor2 .list a:hover .img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);}



/*行业解决方案区域样式.floor3*/
.floor3{width: 100%;height: 500px;background: url(https://img.alicdn.com/imgextra/i4/2783343422/TB2MUMwkMRkpuFjy1zeXXc.6FXa-2783343422.jpg) bottom center no-repeat;}
.floor3 .list{width: 1200px;height: auto;margin:10px auto;}
.floor3 .list li{float: left;width: 260px;height: 257px;margin:0 20px;background: #F1F1F1;}
.floor3 .list li .img{width: 260px;height:165px;overflow: hidden;background: #F55563;opacity: 1;}
.floor3 .list li img{width: 260px;-webkit-transition: all 0.7s;}
.floor3 .list a{display: block;width: 100%;height: auto;overflow: hidden;-webkit-transition: all 0.7s;}
.floor3 .list li h3{color: #333;text-align: center;font-size: 16px;margin: 10px 0;padding: 0 10px;}
.floor3 .list li p{color: #999;text-align: center;padding: 10px;border-bottom: 3px solid #E5E5E5;height: 47px;}
.floor3 .list a:hover h3{color: #ff6600;}
.floor3 .list a:hover img{-webkit-transform: scale(1.2,1.2);opacity: 0.8;}
.floor3 .list a:hover p{border-bottom: 3px solid #ff6600;}





/*我们的案例展示区域样式.floor4*/
.floor4 {width: 100%;height:569px;background: url(https://img.alicdn.com/imgextra/i4/2783343422/TB27JERmNtmpuFjSZFqXXbHFpXa-2783343422.jpg) bottom center no-repeat;}
.floor4 .list{width: 1200px;height: 530px;margin:0 auto;}
.floor4 .list .tabs{width: 660px;margin:0px auto;}
.floor4 .list .tabs li{float: left;width: 158px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #ff6600;border-radius: 18px;margin:20px 30px;cursor: pointer;}
.caseon{background: #ff6600;color: white;}

   /*案例选项内容区域*/
.tabs_cons{width: 1200px;height: auto;margin:0px auto;position: relative;} 
.tabs_con{position: absolute;top:100px;}
.tabs_con li{width: 278px;height: auto;border: 1px solid #D6D6D6;overflow: hidden;float: left;margin:0 10px;position: relative;}
.tabs_con li .block img{width: 278px;}
.none{display: none;width: 278px;height: 278px;position: relative;}
.none .img img{width: 150px;height: 150px;position: absolute;top:60px;left: 60px;}
.none p{position: absolute;top:220px;left: 80px;}

.block{display: block;width: 278px;height: 278px;}
.tabs_con li h3{height: 36px;line-height: 36px;text-align: center;font-size: 15px;background: #D6D6D6;}
.tabs_con li:hover .none{display:block;}
.tabs_con li:hover .block{display: none;}
.tabs_con li:hover h3{border-bottom: 2px solid #ff6600;color: #ff6600;}

/*微网商学院文章区域样式*/
.floor5 .list{width: 1200px;height: auto;margin:0 auto;}
.floor5 .list dl{float: left;width: 360px;margin:0 20px;overflow: hidden;}
.floor5 .list dl img{width: 360px;margin-bottom: 10px;}
.floor5 .list dl dt{font-size: 15px;font-weight: bold;margin-bottom: 10px;border-bottom: 2px solid #ff6600;line-height: 30px}
.floor5 .list dl dt a{display: block;float: right;font-size: 13px;padding-right: 10px;}
.floor5 .list dl dd{line-height: 26px;font-size: 13px;}


/*加入我们*/
/*.floor6{width: 100%;height: 800px;background: url(img/index_zhaopin.jpg) top center no-repeat;}*/