@charset "utf-8";
/* CSS Document */
/* html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
*{ margin:0; padding:0;}
body{font-family:'Microsoft YaHei',Helvetica,Arial,'Lucida Grande',sans-serif;}
a{ text-decoration:none;}
ul,ol{ list-style:none;}
fieldset, img {border: none; vertical-align:middle;}
input,button,select,textarea{ border:none;outline:none;}
.wrapper{ width:1200px; margin:0 auto;}


.header-wrap{box-shadow: 0 1px 10px 0 rgba(20,20,20,0.1); position:fixed; top:0; left:0;position: fixed;top: 0;left: 0;z-index: 20;height: 62px; background: #fff;width: 100%;}
.top{ width:1200px; margin:0 auto; height:42px; overflow:hidden; padding-top:20px;}
.logo{ float:left; margin:0 150px 0 10px; width:200px;}
.nav{ float:left;}
.nav ul li{ float:left; margin-right:50px; line-height:30px;}
.nav ul li a{ color:#333;}
.nav ul li a:hover,.nav ul li a.active{ color:#d63127;}
/*.login{ float:right; margin-top:3px; margin-right:20px;}
.login a{ color:#333;}
*/.banner{ background:url(/Content/img/banner.jpg) no-repeat;width:100%; height:500px; position:relative; margin-top:62px;}
.banner-word{ width:535px; color:#fff; position:absolute; top:134px; left:21.5%;}
.banner-word p{ margin:35px 0;line-height:30px; font-size:18px;}
.download{ border:1px solid #fff; background:url(/Content/img/icon.png) no-repeat 14px 10px; line-height:34px; padding:0 12px;text-indent: 28px;display: block;width:90px; font-size:14px;cursor: pointer;/*transition:all 0.5s ease-out;*/}
.download:hover{ /*transform:scale(1.01);*/ opacity:0.6;}
.section01{ background:url(/Content/img/bg1.jpg) 50% 50% no-repeat; height:716px; }
.section01 h3,.section03 h3{ font-size:36px; width:478px; margin:0 auto; text-align:center; padding-top:55px; font-weight:normal; color:#333;}
.section01 h3 span,.section02 h3 span,.section03 h3 span,.section04 h3 span,.section05 h3 span{ color:#d63127;}
.section01 p{padding-top:40px; width:432px; margin:0 auto; font-size:16px; color:#757575;}
.section01 .details{ position: relative;top: 302px;left: 52px;width: 1100px;
line-height: 28px; color:#4a4a4a;}
.section02{ background:url(/Content/img/bg2.jpg) 50% 50% no-repeat; height:600px;}
.section02 h3,.section05 h3{ font-size:36px; width:478px; margin:0 auto; text-align:center; padding-top:55px; font-weight:normal; color:#fff; margin-bottom:80px;position: relative;}
.application-item{ background:#fff;width:47%;float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding:18px 15px; height:72px;transition:all 0.3s ease-out;}
.application-item:nth-child(odd) { border-right: none;}
.figure{width:42px;height:38px;display: inline-block;vertical-align: middle;margin-right:18px; float:left;}
.item-sec{ float:left; width:460px;}
.item-sec h2{ font-size:18px; color:#333;}
.item-sec p{ font-size:14px; color:#555; line-height:22px; margin-top:6px;}
.application-item:hover{ box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); transform:scale(1.01);}
.section03{ background:url(/Content/img/bg3.jpg) 50% 50% no-repeat; height:560px;}
.section03 .part{ background:url(/Content/img/card.png) no-repeat 50%/cover; width:256px; height:234px; border:1px solid #ededed; margin-top:100px; margin-right:12px; float:left; padding:0 15px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); transition: all 0.5s;}
.section03 .part:hover,.section04 .count:hover{transform: translateY(-8px);box-shadow: 0 0 15px 1px rgba(0,0,0,0.15);}
.section03 .part:last-child,.section04 .count:last-child{ margin-right:0;}
.section03 .part h4{ width:100px; text-align:center; margin:42px auto 0;font-size:18px; color:#000; font-weight:normal; background:url(/Content/img/line.png) no-repeat 32px 34px; height:50px;}
.section03 .part p{ margin-top:20px; font-size:15px; line-height:24px; color:#191c3d; opacity:80%;}
.section04{ overflow:hidden;}
.section04 h3,.section07 h3{text-align: center; position: relative;font-size:36px; width:478px;font-weight:normal; color:#333; margin:50px auto 0;}
.section04 h3::before,.section05 h3::before,.section07 h3::before{position: absolute; content: ''; background:url(/Content/img/mark.png) no-repeat 0 0; width:100px; height:12px; left:50%; margin:-50px; bottom:26px;}
.section04 .count{ border:1px solid #e5e8ed; width:372px; margin:80px 30px 70px 0; float:left;box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); transition: all 0.5s;}
.section04 .count div{ border-bottom:1px solid #eaeaea; color:#717171;}
.section04 .count div:last-child{ border-bottom:none;}
.section04 .count .first{ padding:10px 15px; background-color:#f5f5f5; font-size:15px; line-height:26px;}
.section04 .count .first span{ color:#d63127;}
.section04 .count .middle,.section04 .count .last{padding:10px 15px;font-size:15px; line-height:26px;}
.section04 .count .middle span,.section04 .count .last span{ color:#000;}
.section05{ background:#121f3a;margin-bottom: 60px;}
.case{ position:relative;}
.remb{width: 100%;position: relative;padding-bottom:240px;}
.remb::before{position: absolute;content: '';display: block;width: 100%;height: 1px;background: #e5e8ee;top:58px;left: 0;}
.time-item{ width:200px; padding:10px 20px; position:relative; display:inline-block;}
.time-item:last-child{ padding-right:0;}
.time-item::before{position: absolute;content: '';left:108px;width:24px;height: 24px;border-radius: 50%;background: #121f3a;border:2px solid #d63127;top:46px;}
.time-item .time{ color:#fff; height:40px; line-height:22px; font-size:16px; padding-left:10px; text-align:center;}
.time-item p{ color:#fff; line-height:24px; margin-top:30px; font-size:15px; position:absolute; top:70px;width: 190px;left: 33px;}
.outer{ position:absolute; bottom:-20px; left:0; background:#fff; border-radius:2px; padding:20px; line-height:24px; color:#757575; border:1px solid #ebeef1;box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); font-size:14px;}
.section06 a{ background-color:#d63127; background-image:url(/Content/img/icon.png);background-repeat:no-repeat;background-position:20px 12px;line-height: 40px;text-indent:48px;display: block;font-size: 14px;cursor: pointer; width:125px; margin:60px auto 50px; border-radius:2px; color:#fff;}
.section06 a:hover{background-color:#c6180e;}
.box{width:1200px;height: 490px;position: relative; margin:50px 0;overflow:hidden;}
#roll{width: 200%;}
#roll dd{width: auto;height: 490px;float: left;margin-right: 5px;cursor:pointer;}
.box span{width:20px; height:39px;position:absolute;top:235px; cursor: pointer;background:url('../img/index.png') no-repeat;z-index: 90;}
.box .prev{left:0;background-position:0 -61px;}
.box .prev:hover{{background-position:0 -102px;}}
.box .next{right:0;background-position:-50px -61px;}
.box .next:hover{background-position:-50px -102px;}
/*footer代码*/
.ggt{ width:1200px; margin:0 auto; margin-top:20px;}
.ggt img{ width:1200px; height:119px;}
.footer{ width:100%; background:#404040; height:340px;}
.footer_main{ width:1200px; margin:0 auto; margin-top:10px;}
.fm_z{ width:485px; text-align:center; margin-top:30px;}
.fm_z p{ color:#cbcbcb;}
.fm_y{ width:700px;text-align:center; padding-top:20px; margin:0 auto;}
.fot_nav{ width:452px; margin:0 auto; margin-top:15px; overflow:hidden;}
.fot_nav li{ float:left; margin-right:15px; margin-left:5px;}
.fot_nav li a{font-size:16px; color:#dadada;}
.fot_lj{ width:280px; margin:20px auto 0; overflow:hidden;}
.fot_lj li{ float:left; margin-right:5px; margin-left:5px; color:#b4b4b4;}
.fot_lj li a{font-size:12px; color:#b4b4b4;}