.main .top {font-size: 24px;font-weight: bold; margin:0 auto 42px; text-align: center; color: #000470; padding-top: 36px;}
.main .top p{ color: #ababab; font-weight:normal}
.main1{ height: 561px; width: 100%; overflow: hidden; background: url(../images/main1bg.jpg) no-repeat center;}
.main1 .tab-top{ text-align: center; margin-bottom: 35px;}
.main1 .tab-top li{ border: 1px solid #bdbdbd; *max-width:150px;*float:left; border-radius: 20px; font-size: 16px; text-align: center; padding: 0 16px; height:29px; line-height: 29px;display: inline-block; margin:0 12px 0 0;}
.main1 .tab-top li a{ color: #FFF; font-weight: bold; display: block}
.main1 .tab-top li.selected{ background: #000470; border: 1px solid #000470}
.main1 .tab-bottom{ display: none; margin: 0 -25px;}
.main1 .block{ display: block}
.main1 .tab-bottom li{ width:238px; margin: 0 10px 0; height:298px; background: #237fcc; float: left}
.main1 .tab-bottom li a img{ float: left; width: 238px; height:258px;}
.main1 .tab-bottom li a span{ float: left;text-align: center; font-size: 16px;width:100%; display:block;height:95px; line-height: 40px; background: #FFF; color: #34404e}
.main1 .tab-bottom li a p{ padding: 0 10px; width: 60px; margin: 0 10px;border-radius: 10px; color: #1c7ac9; font-size: 14px; border: 1px solid #c9c9c9; line-height: 23px;}
.main1 .tab-bottom li:hover span{ background: #000470; color: #fff;}
.main1 .tab-bottom li:hover a p{ background:#FFF; border:1px solid #FFF}
.main2{height:485px; overflow: hidden;position:relative; width: 100%; background: url(../images/main2bg.jpg) no-repeat center }
.main2 .wrap{ position: relative}
.main2 .top{ color: #c5ddf5;}
.main2 .top i{ color: #ffb901; font-style: normal}
.main2 .top p{ font-size: 18px;}
.main2 .bottom{ line-height: 60px; font-size: 18px; color: #FFF; position: absolute; left: 630px; top: 146px;}
.main2 .bottom span{color: #00a93c}
.main2  .ico{  text-align:center; padding-top:48px;position: absolute;width:169px; height: 180px; font-size: 25px; color: #b0c7df}
.main2  .ico i{ color: #ffb901; display: block; font-style: normal}
.main2  .ico p{ font-size: 14px; padding-top: 60px;}
.main2  .ico01{left:0; top: -220px; background:url(../images/ico1bg.png) no-repeat top center }
.main2  .ico02{left:210px; top: -220px; background:url(../images/ico2bg.png) no-repeat  top center }
.main2  .ico03{left: 420px; top:-220px; background:url(../images/ico3bg.png) no-repeat top center  }
.main2  .ico04{left: 630px; top: -220px;  background:url(../images/ico4bg.png) no-repeat top center }
.main2  .ico05{left: 840px; top:-220px;  background:url(../images/ico5bg.png) no-repeat top center }
.main2 .tel{ width: 100%; float: left;  margin-top:270px; line-height: 36px; font-size: 18px; padding-left:20px; background: url(../images/main2telbg.png) no-repeat center; height: 36px; text-align: center; color: #FFF;}
.main3{ background: url(../images/main3bg.jpg) repeat-x; height:480px; padding-top: 30px;}
.main3 .top { line-height: 40px; background: url(../images/main3topbg.png) no-repeat 230px center; position: relative}
.main3 .top a{color:#FFF; font-size: 16px; padding-left: 10px; }
.main3 .top i{ position: absolute; left: 0; bottom: -20px; font-style: normal; font-size: 16px; color: #FFF}
.main3 .top span{ font-size: 24px; color: #000470;font-weight: bold}
.main3 .workListWrap{width:1000px; height: 350px; margin-top: 40px;}
.main3 .workListWrap a{position:relative;float:left;display:block;width:226px;color:#555; background: url(../images/honorbg.png) no-repeat left bottom}
.main3 .workListWrap a span{display:block;width:226px;height:58px;text-align:center;line-height:45px; color: #fbfbfb; font-size: 14px;}
.main3 .workList{position:relative;margin-left:40px;width:3600%;height:180px}
.main3 .workItem{display:inline-block;margin:0 5px;padding-right:1px;width:226px;line-height:28px}
.main3 .workItem img{display:block;width:226px;height:310px;}
#case_progress_prev{ position:absolute;top:-75px;right:28px;z-index:999;width:27px;height:28px;background:url(../images/prev.png) no-repeat 0 0}
#case_progress_next{ position:absolute;top:-75px;right:0;z-index:999;width:27px;height:28px;background:url(../images/prev.png) no-repeat -33px 0}
.ctrlArea{position:relative;z-index:888}

.main4{ height:466px; background: url(../images/main4bg.jpg) no-repeat center center}
.main4 .left_main{ width: 692px; float: left}
.main4 .left_main h2{ color: #141c4b; font-size: 24px; line-height: 85px;}
.main4 .left_main h2 i{ color: #eef0f1;  font-size: 20px; padding:0 10px;font-style: normal; font-weight: normal}
.main4 .left_main ul li{ width: 305px; float: left; margin-right: 38px; margin-bottom: 22px; padding-bottom:10px; height: 80px; overflow: hidden; border-bottom: 1px dashed #b5b5b5}
.main4 .left_main ul li .left{ width:106px; height: 80px; }
.main4 .left_main ul li .left img{ width: 106px; height: 80px;}
.main4 .left_main ul li .right{ width: 184px; color: #eef0f1; font-size: 14px;}
.main4 .left_main ul li .right a{color: #eef0f1;}
.main4 .left_main ul li .right a p{  font-size: 16px;}
.main4 .right_main{ background: #eef0f1; width: 267px; height: 466px; padding: 0 20px;}
.main4 .right_main h2{ color: #141c4b; font-size: 24px; line-height: 85px;}
.main4 .right_main h2 i{ color: #ababab;  font-size:24px; padding:0 10px;font-style: normal; font-weight: normal}
.main4 .right_main img{ width: 272px; height: 115px; margin: 0 auto; display: block}
.main4 .right_main p{ color: #7e7e7e; font-size: 12px; line-height: 20px; padding:20px 0}
.main4 .right_main a{ background: #000470; border-radius: 10px; padding:0 20px; height: 35px; line-height: 35px; display: inline-block; color: #FFF; font-size: 14px; margin-right: 10px;}
.main4 .right_main a.a1{ background: #13161f}
.main5{ height: 678px; background: url(../images/main5bg.jpg) no-repeat top center; padding-top: 53px;}
.main5 .left_1{ width: 389px; overflow: hidden; height: 258px; background: url(../images/left_1bg.jpg) no-repeat top left #FFF}
.main5 .left_1 h2{ font-size: 24px; color: #000470; text-align: right; padding: 10px 10px 61px 0}
.main5 .left_1 .workListWrap{width:389px; height:154px;}
.main5 .left_1 .workListWrap a{position:relative;float:left;display:block;width:368px; height:154px;color:#565656; font-size: 12px; }
.main5 .left_1 .workListWrap a span{display:block;width:368px;height:40px;line-height:40px; color: #565656; font-size: 15px;}
.main5 .left_1 .workListWrap a p{ color: #127ec9; font-size: 14px; font-weight: bold; position: absolute; left: 10px; bottom: 10px;}
.main5 .left_1 .workList2{position:relative;margin-left:10px;width:3600%;height:180px}
.main5 .left_1 .workItem{display:inline-block;margin:0 5px;padding-right:1px;width:226px;line-height:28px}
#case_progress_prev2{ position:absolute;top:-33px;right:28px;z-index:999;width:41px;height:34px;background:url(../images/prev2.jpg) no-repeat 0 0}
#case_progress_next2{ position:absolute;top:-33px;right:0;z-index:999;width:41px;height:34px;background:url(../images/prev2.jpg) no-repeat -33px 0}
.main5 .right_1{ width: 517px; height: 258px; background: #FFF; float: right; padding: 0 20px;}
.main5 .right_1 h2{ color: #141c4b; font-size: 24px; line-height:65px; position: relative}
.main5 .right_1 h2 i{ color: #ababab;  font-size:24px; padding:0 10px;font-style: normal; font-weight: normal}
.main5 .right_1 h2 a{ color: #445d7c; font-size: 16px; position: absolute; right: 10px; top:0px;font-weight: normal}
.main5 .right_1 .left{ float: left; margin-right: 12px;}
.main5 .right_1 .right{ float: right; width: 388px;}
.main5 .right_1 .right ul li{ width: 100%; float: left; position: relative; line-height: 20px; margin-bottom:8px;}
.main5 .right_1 .right ul li a{ color: #565656; font-size: 14px;}
.main5 .right_1 .right ul li a i{ font-size: 18px; color: #227ecb; padding: 0 5px 0 0; font-style: normal}
.main5 .right_1 .right ul li a span{ position: absolute; right: 0; top: 0}
.main5 .left_2{ margin-top: 46px; width: 500px;}
.main5 .left_2 h2{ font-size: 24px; color: #FFF; margin-bottom: 25px;}
.main5 .left_2 h2 i{ color: #abc1d7; font-weight: normal; font-style: normal}
.main5 .right_2{ position: relative; margin-top:90px;width: 434px; height: 258px; border: 1px solid #6f7987}
.main5 .right_2 img{ position: absolute; left: 30px; top:-55px; width: 120px; height: 120px;}
.main5 .right_2 span{ display: block; padding-left: 180px; line-height:70px; color: #ffb901; font-size: 22px;}
.main5 .right_2 p{ line-height: 30px; padding-top: 5px; color: #ffffff; padding-left: 30px;}
.main5Input{  height:40px; margin-bottom:10px;  width: 500px;   }
.main5Input1{background:url(../images/name.png) no-repeat 10px center #2f4155;}
.main5Input1 input{ width: 440px;}
.main5Input2{background:url(../images/tel.png) no-repeat 10px center #2f4155; width: 240px; float: left; margin-right: 20px;}
.main5Input3{background:url(../images/mes.png) no-repeat 10px center #2f4155; width: 240px; float: left}
.main5Input2 input,.main5Input3 input{ width: 180px;}
.main5Input input{ height:40px;line-height:40px; border:none;padding:0 10px 0 50PX;font-size: 14px;color: #FFF; background: none}
.main5Text textarea{line-height: 30px;height:100px; width:480px;background:#2f4155;padding:0 10px; border:None;font-size: 14px;color: #FFF;  resize: none  }
.main5Btn{width:200px;height:40px;line-height: 40px; float:left; margin-top: 10px; margin-right:10px;background: #000470;font-size: 14px;  color: #fff; display: block;  cursor: pointer;  }
.main5Btn2{ background: #d4a018;}

