@charset "UTF-8";
/*
* @ description: 行业解决方案页样式
* @ author: jonwel
* @ update: (2017.v2.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{background:#fff; font-size:13px; color:#333; font-family:Arial,"Microsoft YaHei","微软雅黑","Tahoma","SimSun","宋体"; font-family:"Microsoft YaHei","微软雅黑","宋体"\9; font-weight:normal;}
input{font-family:Arial,"Microsoft YaHei","Tahoma","SimSun","微软雅黑","宋体";}
textarea{font-family:Arial,"Microsoft YaHei","Tahoma","SimSun","微软雅黑","宋体";}
a{text-decoration:none; outline: none; cursor:pointer; color:#333;}
a:hover{text-decoration:none; outline: none; cursor:pointer;color: #FF6600; }
.clear{clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;} 


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


.img11{width: 850px;height: auto;margin: 0 auto;}
.img11 img{max-width: 850px;} 
 h1{font-size: 28px!important;text-align: center;line-height:80px;}

.jieshao{border:1px solid #C2C2C2;width: 850px;height: auto;margin: 10px auto;padding: 10px;line-height: 26px;font-size: 16px;}
.jieshao h2{padding: 10px 0 10px;border-bottom: 3px solid #ff6600;text-align: left;}
.jieshao h3{padding-top: 10px;}


/*标题区域样式*/

.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;padding-top: 10px;}

/*列表区域样式.floor3*/
.floor3{width: 100%;height: 390px;/*margin:0 auto;*/}
.list{width: 1200px;height: auto;margin:0 auto;}
.list li{float: left;width: 260px;height: 285px;margin: 20px 20px;position: relative;}
.list li .image{width: 260px;height:260px;overflow: hidden;background: #F65563;}
.list li .image img{width: 260px;height:260px;-webkit-transition: all 0.7s;}
.list a{display: block;width: 100%;height: auto;overflow: hidden;-webkit-transition: all 0.7s;}
.list li h3{color: #333;text-align: center;font-size: 16px;margin: 10px 0;padding: 0 10px;}
/*.list li p{color: #999;text-align: center;padding: 10px;border-bottom: 3px solid #E5E5E5;height: 47px;}*/
.list a:hover h3{color: #ff6600;}
.list a:hover img{-webkit-transform: scale(1.2,1.2);}
/*.list a:hover p{border-bottom: 3px solid #ff6600;}*/
.list li:hover img{opacity: 0.3;}

 /*.none {background: #EBF3FA;}*/
.none .circle{width:68px;height:68px;background: url(img/icon_circle.png) center center no-repeat;position: absolute;top:30%;left: 35%;transition: all 0.8s;transform: translate(-150px,0);opacity:0;}
.none .zoom{width:33px;height:33px;background: url(img/icon_zoom.png) center center no-repeat;position: absolute;top:36%;left: 43%;transition: all 0.8s;transform: translate(200px,0);opacity:0;}
.list li:hover .none .circle{transform: translate(0,0);opacity:1;}
.list li:hover .none .zoom{transform: translate(0,0);opacity:1;}