@charset "utf-8";
.btn{ display: block; width: 180px; height: 50px; line-height: 50px; border-radius: 4px; font-size: 18px; }
.index_wrapper{ padding-top: 76px; }
.index_banner{ position: relative; height: 639px; overflow: hidden;}
.index_banner img{ position: absolute; top: 0; left: 50%; margin-left: -960px;}
.top_title h2,.top_title h3,.top_title .h3,.top_title h1{ padding-top: 80px; font-size: 36px; height: 36px; line-height: 36px;}
.top_title .h3.w,.top_title .h6.w{ color: #fff;}
.top_title .h6{ padding-top: 13px; font-size: 18px; height: 18px; line-height: 18px; color: #999; font-family: 'Tahoma',arial}
.top_title span{  margin: 21px auto 10px; display: block; height: 1px; width: 75px; background-color: #ccc;}
.market_scene{ padding: 84px 0 100px;}
.scene_info{ width: 236px; margin: 0 78px; }
.scene_info .h2{ padding: 33px 0 24px; font-size: 30px; height: 30px; line-height: 30px;} 
.scene_info p{ font-size: 16px; color: #999; line-height: 26px;}

.full_trace{ height: 776px; background-color: #4fc3f7;}
.full_trace .top_title h1,
.full_trace .top_title h6{ color: #fff;}
.full_trace .top_title span{ background-color: #fff;}


.picScroll-left{ margin-top: 120px; width:1200px; overflow:hidden; position:relative; }
.picScroll-left .hd .prev,
.picScroll-left .hd .next{ position: absolute; display:block;  width:32px; height:32px;  cursor:pointer; }
.picScroll-left .hd .next{ right: 0; top: 154px; text-align: right;}
.picScroll-left .hd .prev{ left: 0; top: 154px; text-align: left;}
.picScroll-left .hd .prev .iconfont,
.picScroll-left .hd .next .iconfont{ font-size: 28px; color: #2682ab;}
.picScroll-left .bd{ padding:10px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; margin: 0 23px 0 30px; width: 240px; height: 320px; box-shadow: 3px 4px 5px #47afde; background-color: #fff; overflow:hidden; text-align:center;  }
.picList .iconfont{ display: block; padding-top: 55px; height: 80px; line-height: 80px; font-size: 80px; color: #40c4ff;}
.picList h4{ height: 24px; line-height: 24px; padding: 50px 0 20px; font-weight: normal; color: #40c4ff; font-size: 24px;}
.picList p{ width: 200px; font-size: 16px; color: #40c4ff; margin: 0 auto;}

.process_content{ margin-top: 62px;}
.process_info{ margin: 0 20px 0 30px; width: 240px; height: 320px; box-shadow: 3px 4px 5px #47afde; background-color: #fff;}
.process_info .iconfont{ display: block; padding-top: 70px; height: 80px; line-height: 80px; font-size: 80px; color: #40c4ff;}
.process_info p{ margin-top: 35px; height: 24px; line-height: 24px; font-size: 24px; color: #40c4ff;}

.solution_content{ height: 747px; background-color: #f9f9f9;}
.solution_box{ margin-top: 34px;}
.solution_info{ position: relative; margin-right: 34.5px; width: 377px; height: 440px; box-shadow: 1px 1px 10px 2px #ebebeb; overflow: hidden; background-color: #fff;}
.solution_info.last{ margin-right: 0;}
.solution_more{ display: none; position: absolute; bottom:0; left: 0; width: 377px; height: 277px; background-color: #fff;}
.solution_info:hover .solution_more{ display: block;}
.solution_more .iconfont{ left: 171px; top:-21px; font-size:36px; color:#89a5b2;}

.solution_more p{ margin:30px auto 50px; width: 320px; line-height: 26px; font-size: 16px; color: #999;}
.solution_more .btn{ margin: 0 auto; background-color: #f4511e; color: #fff;}
.solution_title{ height: 164px;}
.solution_title .h2{ padding: 58px 0 14px; height: 30px; line-height: 30px; font-size: 30px; color: #607d8b;}
.solution_title .h6{ font-size: 14px; height: 14px; line-height: 14px; color: #999;}

.data_analysis{ height: 642px; background:url(../images/index/databanner.jpg) no-repeat center;}
.data_info{ margin-top: 25px;}
.data_info p{ font-size: 18px; color: #666; line-height: 30px;}

.case_content{ height: 600px; background-color: #68ceea;}
.case_content .top_title h1,
.case_content .top_title h6{ color: #fff;}
.case_content .top_title span{ background-color: #fff;}
.case_content .btn{ margin: 3px auto 0; border:1px solid #fff;  color: #fff;}

.about_content{ height: 742px; background:url(../images/index/about.jpg) no-repeat center;}
.about_content .top_title span{ background-color: #607d8b;}
.about_title{ margin-top:40px;}
.about_content img{ margin:75px auto 34px;}
.about_content p{ font-size: 18px; color: #666; line-height: 36px;}
.about_content .btn{ margin: 25px auto 0; background-color: #f4511e; color: #fff;}

.swiming{ margin-top:55px; width: 1088px; padding:0 56px; height: 316px; overflow: hidden; position: relative;}
.swiming_box{ margin:0 auto; width: 1088px; height: 316px; position: relative; overflow:hidden; }
.swiming_box li{ height: 316px; width: 1088px;}
.swiming_box li img{ float: left; margin:0 48px 52px 48px; box-shadow: 3px 4px 5px #47afde;}
.swiming span{width: 48px; height: 48px; position: absolute; top: 94px; background: url(../images/index/index_icon.png) 0px 0px no-repeat; cursor: pointer;}
.swiming #banner_prev{left: 8px; background-position: 0 0;}
.swiming #banner_next{right: 8px; background-position: -48px 0;}
