@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-size:12px font-family:"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{width: 100%;height: 543px;background: url(https://img.alicdn.com/imgextra/i1/2783343422/TB23L.2mHBnpuFjSZFGXXX51pXa-2783343422.jpg) top center no-repeat;}

/*标题区域样式*/
.content{}
.title{width: 1200px;height: 120px;margin:10px auto;text-align: center;}

.title h2{font-size: 28px;font-weight: bold;text-shadow: 2px 2px 5px #ccc;}
.title h3{font-size: 18px;}

/*第一层网站开发样式*/
.floor1{width: 100%;height: auto;}
.floor1 .list{width: 1200px;height: 300px;margin:0 auto;}
.floor1 .list li{float:left;width: 258px;height:260px;padding:10px;border: 1px solid #D7D8D9;margin:0 10px;text-align: center;border-radius: 10px;transition: all 0.36s;}
.floor1 .list li:hover img{}
.floor1 .list li h3{margin: 20px auto;font-size: 16px;}
.floor1 .list li p{font-size: 13px;}
.floor1 .list li a{display: block;width: 120px;height: 30px;line-height: 30px;border: 1px solid #D7D8D9;text-align: center;border-radius: 5px;margin:30px auto;}
.floor1 .list li:hover{box-shadow: 0 0 20px #333;}
.floor1 .list li:hover a{background: #ff6600;border: 1px solid #ff6600;color: white;}
.floor1 .list li:hover img{transform: scale(1.1,1.1);}


/*第二层电商服务区域*/
.floor2{width: 100%;height: 598px;background: url(https://img.alicdn.com/imgextra/i2/2783343422/TB2ppNgmZtnpuFjSZFKXXalFFXa-2783343422.jpg);padding-top:20px;}
.floor2 .list{width: 1200px;height: auto;margin:0 auto;}
.floor2 .list li{float: left;width: 238px;height:auto;padding:30px 20px 10px;border: 1px solid #CCD9EE;margin:10px;text-align: center;border-radius: 10px;background: #CCD9EE;}
.floor2 .list li img{transition: all 2.36s;transform: rotate(0deg); width：97px;height:86px;}
.floor2 .list li a{display: block;width: 238px;}
.floor2 .list li h3{font-size: 15px;margin: 20px 0;}
.floor2 .list li:hover{box-shadow: 0 0 20px #CCD9EE;}
.floor2 .list li:hover img{transform:rotate(360deg);}


/*第三层增值业务区域样式*/
.floor3{width: 100%;height: auto;}
.floor3 .list{width: 1200px;height: 260px;margin:0 auto;}
.floor3 .list li{float:left;width: 238px;height:230px;padding:20px;border: 1px solid #D7D8D9;margin:0 10px;text-align: center;border-radius: 10px;transition: all 0.36s;}
.floor3 .list li:hover img{}
.floor3 .list li h3{margin: 20px auto;font-size: 16px;}
.floor3 .list li p{font-size: 13px;}
.floor3 .list li a{display: block;width: 120px;height: 30px;line-height: 30px;border: 1px solid #D7D8D9;text-align: center;border-radius: 5px;margin:30px auto;}
.floor3 .list li:hover{box-shadow: 0 0 20px #333;}
.floor3 .list li:hover a{background: #ff6600;border: 1px solid #ff6600;color: white;border-radius: 10px;}
.floor3 .list li:hover img{transform: scale(1.1,1.1);}