@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{width: 100%;height: 350px;background: url(https://img.alicdn.com/imgextra/i4/2783343422/TB2HD0_hyC9MuFjSZFoXXbUzFXa-2783343422.jpg) top center no-repeat;padding-top: 80px;}
.banner p{text-align: center;font-size: 20px;line-height: 36px;}
.banner p b{color: red;}


/*标题tabs区域样式*/
.tabon{border-radius: 10px ;background: #E6EAED;color: #ff6600;}
.title{width:960px;height: 36px;margin:-180px auto 0; }
.title li{float: left;border: 1px solid #eee;height: 36px;line-height: 36px;margin: 0 5px;}
.title li a{display: inline-block;padding: 0 50px;font-weight: bold;}


/*公共模板样式*/
.content{width: 1158px;min-height: 180px;margin: 50px auto;border: 1px solid #EAEAEA;padding: 20px;font-size: 13px;line-height: 30px;text-indent: 2em;}
.content h2{font-size: 18px;text-align: center;padding-bottom: 20px;}
/*之第一层我们是谁简介*/
.floor0{width: 1100px;height: 260px;margin:60px auto;}
.floor0_l{float: left;width: 350px;padding-left: 30px;}
.floor0_l img{width: 322px;transition: all 2.8s;transform: rotate(0deg);}
.floor0_r{float: right;width: 700px;}
.floor0_r p{line-height: 23px;}
/*.floor0:hover img{transform: rotate(360deg);}*/

/*我们的服务区域样式*/
.floor1 .title {width: 200px;height: 77px;margin:10px auto;}
.floor1 h2{text-align: center;font-size: 28px;margin-bottom: 20px;}
/*.floor1 .title img{text-align: center;}*/
.floor1 .list{width: 1200px;height: 330px;margin:0 auto;overflow: hidden;}
.floor1 .list dl{float: left;width: 180px;height:230px;margin: 30px;text-align: center;-webkit-transition: all 0.3s;}
.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;}
/*.floor1 .list dl:hover .img{transform: scale(1.1,1.1);}*/

/*我们的成绩*/
.floor2{width: 1160px;height: 320px;margin:0 auto;padding: 20px;}
.floor2 h2{text-align: center;font-size: 28px;margin-bottom: 20px;}
.floor2_l{float: left;}
.floor2_r{float: left;margin-left: 200px;margin-top: 20px;}
.floor2_r p{line-height: 36px;font-size: 20px;}
.floor2_r p i{font-size: 36px;font-weight: bold;color: #ff6600;padding:0 10px; }
/*.floor2_r:hover p{transform: translate(0,0);}
.floor2_r:hover p:nth-of-type(1){transition-delay: 0.5s}
.floor2_r:hover p:nth-of-type(2){transition-delay: 1.0s}
.floor2_r:hover p:nth-of-type(3){transition-delay: 1.5s}
.floor2_r:hover p:nth-of-type(4){transition-delay: 1.8s}
.floor2_r:hover p:nth-of-type(5){transition-delay: 2.5s}*/

/*我们的愿景承诺*/
.floor3{width: 1200px;height: auto;margin:0 auto;}
.floor3 h2{text-align: center;font-size: 28px;}
.floor3 li{float:left;width: 320px;margin:20px;padding: 20px;color: white;transition: all 1.36s;/*transform: rotate(0deg);*/}
.floor3 li h3{text-align: center;margin: 10px 0;font-size: 18px;}
.floor3 .img{width:1000px;height:auto;margin:30px auto;transition: all 1.36s;}
.floor3 li:hover{/*transform: rotate(360deg);*/transform: translate(10px,0);}
.floor3 .img:hover {transform: translate(0,-20px);}