@charset "utf-8";
/* CSS Document */

.Title{text-align: center;width: 100%;overflow: hidden;}
.Title h2{font-size: 28px;color: #07131f;}
.Title h2 a{color: #07131f;text-decoration: none;}
.Title p{font-size: 16px;color: #07131f;margin-top: 4px;position: relative;}
.Title p i{display: inline-block;height: 1px;background: #dcdcdc;position: absolute;top: 10px;}
.Title p .zuo{left: 0}
.Title p .you{right: 0}




/*banner*/
.banner{overflow:hidden; width:100%;}
.banner a{ height:600px; background:url(Img/Index/banner.jpg) no-repeat center top;display: block;}

#flashs{ position:relative; height:600px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 7px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#58e2fe;}

/*search*/
.search{ overflow:hidden; height:57px;border-bottom: 1px solid #dcdcdc;}
.search p{ float:left; line-height:57px; font-size:14px;width: 587px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.search span{font-size: 14px;font-weight: bold;color: #07131f;}
.search p a{  color:#07131f;text-decoration: none;margin-right: 10px; }
.search .ssBox{ float:right; margin-top:15px; width:338px; height:31px;overflow: hidden;}
.search .ssBox .txt{ width:238px; height:31px; line-height:31px; background:#ececec; font-size:14px;  outline:none;float: left;padding-left: 20px;padding-right: 10px;border: none;}
.search .ssBox a{display: block;float: left;width: 70px;height: 31px;}
.search .ssBox img{display: block;}


/* partner */
.partner{width: 100%;overflow: hidden;padding: 57px 0 59px 0;}
.partner .Title p i{width: 394px;}
.partner .Con{position: relative;margin-top: 23px;}
.partner .Con i{display: block;width: 37px; height: 37px;position: absolute;top: 35px;cursor: pointer;background-color: #07131f;overflow: hidden;color: #fff;text-align: center;line-height: 37px;font-style: normal;font-size: 18px;}
.partner .Con .btn01{ left: -58px;}
.partner .Con .btn02{right:-58px;}
.partner .Con i:hover{color: #07131f;background: #58e2fe;}
.partner .LunB{overflow: hidden;position: relative;height: 133px;width: 102%}
.partner .LunB ul{overflow: hidden;position: absolute;top: 0; left: 0;height: 133px;}
.partner .LunB li{width: 235px;float: left;text-align: center;height: 133px;margin-right: 20px;}
.partner .LunB li img{display: block;border: 1px solid #e6e6e6;margin-bottom: 10px;border:1px solid #cdcdcd;}
.partner .LunB li a{font-size: 14px;color: #555555;text-decoration: none;}




/* proCenter */
.proCenter{width: 100%;overflow: hidden;background: url(Img/Index/proBg.png) repeat;padding-bottom: 2px;padding-top: 49px;}
.proCenter .container{overflow: hidden;}
.proCenter .proLeft{float: left;width: 235px;background: #fff;padding-bottom: 40px;}
.proCenter .proLeft .top{width: 235px;height: 37px;background: #07131f;text-align: center;padding: 19px 0;}
.proCenter .proLeft .top h3{font-size: 20px;}
.proCenter .proLeft .top h3 a{color: #fff;text-decoration: none;}
.proCenter .proLeft .top p{color: #fff;font-size: 12px;font-family: Myriad Pro;margin-top: 4px;}
.proCenter .proLeft dl{width: 201px;padding: 0 17px;}

.proCenter .proLeft dt{width: 201px;height: 36px;line-height: 36px;font-size: 16px;color: #fff;background: url(Img/Index/pro-icon02.png) no-repeat 177px center;background-color: #07131f;margin-top: 15px;text-indent: 13px;font-weight: bold;}
.proCenter .proLeft dl.cur dt{background: url(Img/Index/pro-icon01.png) no-repeat 177px center;background-color: #58e2fe;color: #07131f;}
.proCenter .proLeft dl.cur dd{display: block;}
.proCenter .proLeft dd{width: 201px;padding-top:5px;display: none;}
.proCenter .proLeft dd a{font-size: 14px;color: #666666;display: block;line-height: 36px;text-indent: 13px;}
.proCenter .proRight {float: right;width: 745px;height: 667px;background: #fff;border-top: 3px solid #07131f;}
.proCenter .proRight .top{height: 71px;}
.proCenter .proRight .top ul{float: left;}
.proCenter .proRight .top li{width: 115px;height: 71px;text-align: center;line-height: 71px;font-size: 16px;float: left;}
.proCenter .proRight .top li a{color: #07131f;display: block;text-decoration: none;}
.proCenter .proRight .top li.cur{border-top: 3px solid #58e2fe;position: relative;top: -3px;}
.proCenter .proRight .top li.cur a{font-weight: bold;}
.proCenter .proRight .top .more{font-size: 16px;color: #07131f;margin-right: 13px;float: right;line-height: 71px;text-decoration: none;}
/* .proCenter .proRight .top li:hover{border-top: 3px solid #58e2fe;position: relative;top: -3px;} */
/* .proCenter .proRight .top li:hover a{font-weight: bold;} */
.proCenter .proRight .proBox{width: 745px;overflow: hidden;}
.proCenter .proRight .proBox .proList{overflow: hidden;padding-left: 18px;}
.proCenter .proRight .proBox .proList li{float: left;margin-right: 22px;width: 220px;text-align: center;margin-bottom: 20px;}
.proCenter .proRight .proBox .proList li a{text-decoration: none;}
.proCenter .proRight .proBox li img{display: block;border:1px solid #e0e0e0;}
.proCenter .proRight .proBox li span{font-size: 14px;color: #666666;display: block;margin: 10px 0 9px 0;}
.proCenter .proRight .proBox .more,.proCenter .proRight .proBox .zx{display: inline-block;width: 106px;height: 26px;text-align: center;line-height: 26px;font-size: 14px;}
.proCenter .proRight .proBox .more{color: #07131f;background: #58e2fe;}
.proCenter .proRight .proBox .zx{color: #fff;background: #07131f;margin-left: 4px;}



/* advantage */
.advantage{width:100%; overflow: hidden;background: url(Img/Index/advBg.jpg) no-repeat center;height: 827px;}
.advantage .container{position: relative;height: 827px;}
.advantage .phone{position: absolute;left: 721px;bottom: 116px;width: 239px;height: 61px;}
.advantage .phone p{font-size: 16px;color: #07131f;font-weight: bold;}
.advantage .phone a{width: 124px;height: 33px;line-height: 33px;text-align: center;font-size: 14px;color: #07131f;background: #4be7fe;display: block;margin-top: 10px;font-weight: bold;}


/* case */
.case{width: 100%;overflow: hidden;background: url(Img/Index/caseBg.jpg) no-repeat center;padding-top: 70px;}
.case .Title h2 a,.case .Title p{color: #fff;}
.case .Title p i{width: 275px;}
.caseCon{width: 100%;overflow: hidden;margin-top: 44px;}
.caseCon .menu{width: 234px;float: left;}
.caseCon .menu p{width: 234px;height: 82px;line-height: 82px;text-align: center;background: url(Img/Index/caseBg2.jpg) repeat-x;margin-top: 12px;font-size: 16px;}
.caseCon .menu p a{color: #666666;text-decoration: none;}
.caseCon .menu p:first-child{margin-top: 0;}
.caseCon .menu p.cur{background: #58e2fe;font-weight: bold;}
.caseCon .menu p.cur a{color: #07131f;}
.caseCon .caseIntro img{display: block;}
.caseCon .caseIntro{position: relative;float: right;width: 745px;height: 458px;overflow: hidden;}
.caseCon .caseIntro .txt{width: 492px;height: 91px;background: url(Img/Index/caseBg3.png) no-repeat center;position: absolute;left: 0;bottom: 0;padding-left: 22px; padding-right: 231px;}
.caseCon .caseIntro .more,.caseCon .caseIntro .zx{position: absolute;width: 91px;height: 91px;line-height: 91px;text-align: center;display: block;text-decoration: none;}
.caseCon .caseIntro .more{bottom: 0;right: 91px;background-color: #a7f0ff;}
.caseCon .caseIntro .zx{bottom: 0;right: 0;background-color: #58e2fe; }
.caseCon .caseIntro h3{font-size: 16px;color: #fff;margin: 12px 0 8px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caseCon .caseIntro p{font-size: 14px;color: #fff;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;}
.case .seeMore{width: 234px;height: 50px;line-height: 50px;text-align: center;margin: 35px auto 56px;display: block;text-decoration: none;background: #fff;font-size: 14px;color: #666;}

.adbanner{width:100%;}
.adbanner img{width:100%;}

/* customer */
.customer{width: 100%;overflow: hidden;padding:72px 0 63px 0;}
.customer .Title p i{width: 374px;}
.customer .con{width: 100%;overflow: hidden;margin-top: 30px;}
.customer .con ul{width: 105%;overflow: hidden;}
.customer .con li{float: left;width: 232px;margin-right: 24px;}
.customer .con .intro{width: 204px;height: 128px;border:1px solid #e8e8e8;border-top: none;padding: 21px  13px 0;}
.customer .con .intro h3{font-size: 14px;color: #333333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.customer .con .intro p{font-size: 14px;color: #666666;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;margin-top: 14px;}
.customer .con li img{display: block;}
.customer .con .details{text-decoration: none; font-size: 14px;color: #07131f;margin-top: 4px;display: block;}

/* baoZ */
.baoZ{width: 100%;overflow: hidden;background: url(Img/Index/baoZBg.jpg) no-repeat center;padding:49px 0 54px 0;border-top: 1px solid #e5e5e5;}
.baoZBox{width: 100%;overflow: hidden;margin-top: 82px;}
.baoZBox .con{height: 393px;position: relative;width: 100%;}
.baoZBox .con2{height: 362px;}
.baoZBox .con img{position: absolute;}
.baoZBox .con1 .intro,.baoZBox .con3 .intro{left: 0}
.baoZBox .con1 img,.baoZBox .con3 img{right: 0;top: 0;}
.baoZBox .con .intro{width: 408px;padding-left: 66px;position: absolute;top:59px; }
.baoZBox .con .intro h3{font-size: 18px;font-weight: bold;color: #07131f;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.baoZBox .con .intro p{font-size: 14px;color: #666666;}
.baoZBox .con .intro .p1{font-size: 16px;color: #232323;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.baoZBox .con .intro .p2,.baoZBox .con .intro .p3{line-height: 25px;overflow: hidden;text-overflow: ellipsis;background:url(Img/Index/tubiao.png) no-repeat left 3px;padding-left:35px;}
.baoZBox .con .intro .p2{margin-bottom: 12px;}
.baoZBox .con .intro i{display: block;width: 404px;height: 10px;background: url(Img/Index/baoZBg3.png) no-repeat center;margin: 28px 0;}
.baoZBox .con .intro span{display: block;width: 52px;height: 43px;background: url(Img/Index/baoZBg2.png) no-repeat center;line-height: 43px;font-size: 18px;color: #07131f;font-family: Myriad Pro;text-indent: 21px;position: absolute;left: 3px;top: 0;}
.baoZBox .con2 .intro,.baoZBox .con4 .intro {right: 0;}
.baoZ .list{width: 100%;overflow: hidden;position: relative;height: 116px;}
.baoZ .list ul{width: 100%;overflow: hidden;position: absolute;top: 0;left: 0;z-index: 1111;}
.baoZ .list li{float: left;width: 16.6%}
.baoZ .list span{display: block;margin: 4px auto 10px;width: 56px;height: 56px;font-weight: bold;font-size: 18px;font-family: Myriad Pro;}
.baoZ .list b{display: block;width: 14px;height: 14px;margin: 0 auto;background: url(Img/Index/baoZ-icon06.jpg) no-repeat center;}
.baoZ .list p{font-size: 16px;color: #666666;text-align: center;margin-top: 13px;}
.baoZ .list i{display: block;width: 100%;height: 1px;background: #e5e5e5;position: absolute;top: 76px;}

/* about */
.about{width: 100%;overflow: hidden;background: url(Img/Index/aboutBg.jpg) no-repeat center;padding-top: 32px;height: 627px;}
.about .con1{height: 185px;overflow: hidden;}
.about .con1 dl{float: left;width: 204px;height: 185px;}
.about .con1 dt a{font-size: 24px;color: #fff;font-weight: bold;}
.about .con1 dt{margin:10px 0 17px 0;}
.about .con1 dd span a{font-size: 14px;color: #fff;font-family: Myriad Pro;border-bottom: 2px solid #fff;padding-bottom: 10px;}
.about .con1 dd span{display: block;}
.about .con1 dd .zx{height: 49px;width: 204px;display: block;line-height: 49px;font-size: 14px;font-weight: bold;color: #07131f;margin-top: 35px;text-decoration: none;text-indent: 16px;background: url(Img/Index/aboutJt.png) no-repeat 162px center; background-color: #58e2fe;}
.about .con1 p{line-height: 33px;font-size: 14px;color: #fff;float: left;height: 165px;width: 744px;overflow: hidden;text-overflow: ellipsis;}
.about .con1 .p1{margin-left: 52px;}
.about .con1 .p2{float: right;}
.about .con2{width: 100%;margin-top: 113px;}
.about .con2 .box1{width: 719px;overflow: hidden;float: left;}
.about .con2 .box1 h3{font-size: 18px;font-weight: bold;color: #fff;}
.about .con2 .box1 .aaa{display: block;width: 337px;float: left;text-align: center;text-decoration: none;margin-right: 22px;margin-top: 33px;}
.about .con2 .box1 span{display: block;margin-top: 21px;font-size: 14px;color: #fff;}
.about .con2 .box2{width: 236px;float: right;position: relative;}
.about .con2 .box2 h3{font-size: 18px;font-weight: bold;color: #fff;position: relative;margin-bottom: 36px;}
.about .con2 .box2 h3 a {color: #fff;}
.about .con2 .box2 .yh2{width: 235px;height: 171px;background: #fff;position: relative;overflow: hidden;}
.about .con2 .box2 ul{width: 100%;overflow: hidden;width: 235px;height: 167px;padding-top: 4px;position: absolute;top: 0;left: 0;}
.about .con2 .box2 li{width: 228px;height: 162px;margin-left: 4px;float: left;}
.about .con2 .box2 i{display: block;width: 36px;height: 60px;background: url(Img/Index/about-btn.png) no-repeat;background-color: #fff;overflow: hidden;position: absolute;top: 115px;}
.about .con2 .box2 .btn01{background-position:top; left: -36px;}
.about .con2 .box2 .btn02{background-position:bottom;right: -35px; }
.about .con2 .box2 i:hover{background-color: #58e2fe;cursor: pointer;}




/* news */
.news{width: 100%;overflow: hidden;padding: 57px 0;}
.news .container{overflow: hidden;}
.leftnews{width: 348px;float: left;overflow: hidden;}
.leftnews .top{height: 63px;position: relative;}
.leftnews .top h3{font-size: 18px;font-weight: bold;color: #232323;/* width: 154px;float: left; */}
.leftnews .top span{font-size: 20px;color: #232323;display: block;font-family: Myriad Pro;font-weight: normal;}
.leftnews .top i{width: 30px;height: 2px;background: #333333;position: absolute;display: block;left: 0;bottom: 0;}
.leftnews .top a{display: block;width: 37px;height: 35px;position: absolute;right: 29px;bottom: 0;background: url(Img/Index/news-icon01.png) no-repeat center;}
.leftnews .wenda{width: 100%;overflow: hidden;height: 414px;position: relative;}
.leftnews .wenda ul{position: absolute;left: 0;top: 0;height: 414px;overflow: hidden;}
.leftnews .wenda li{height: 112px;margin-top: 26px;}
.leftnews .wenda .Q{font-size: 14px;background: url(Img/Index/newsQ.png) no-repeat left center;padding-left: 37px;margin-bottom: 9px;line-height: 24px; }
.leftnews .wenda .Q a{color: #232323;}
.leftnews .wenda .A{font-size: 14px;color: #666666;background: url(Img/Index/newsA.png) no-repeat left 9px;padding: 5px 0 0 37px;line-height: 24px;height: 72px;border-top: 1px solid #d8d8d8;width: 280px;}
.rightnews{width: 652px;height: 475px;overflow: hidden;float: left;}
.rightnews .menu{width: 652px;height: 65px;overflow:hidden;}
.rightnews .menu li{width: 50%;height: 65px;line-height: 65px;text-align: center;background: #07131f;float: left;font-size: 18px;font-weight: bold;}
.rightnews .menu li a{color: #fff;text-decoration: none;}
.rightnews .menu li.cur{background: #58e2fe;}
.rightnews .menu li.cur a{color: #07131f;}
.rightnews .newsbox{width: 652px;height: 410px;}
.rightnews .newslist{width: 648px;height: 406px;border:1px solid #d8d8d8;}
.rightnews .newslist dl{width: 648px;overflow: hidden;margin-top: 27px;}
.rightnews .newslist dt{width: 231px;height: 159px;float: left;margin-left: 29px;}
.rightnews .newslist dd{width: 345px;height: 184px;padding-right: 17px;float: right;}
.rightnews .newslist dd h3{font-size: 14px;font-weight: normal;margin: 6px 0 19px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rightnews .newslist dd h3 a{color: #232323;}
.rightnews .newslist dd p{font-size: 14px;color: #666666;line-height: 22px;height: 66px;overflow: hidden;text-overflow: ellipsis;}
.rightnews .newslist dd .detail{display: block;width: 87px;height: 30px;background: #58e2fe;line-height: 30px;text-align: center;color: #07131f;margin-top: 20px;text-decoration: none;}
.rightnews .newslist ul{width: 648px;margin-top: 35px;}
.rightnews .newslist li{float: left;width: 273px;}
.rightnews .newslist li a{display: block;background: url(Img/Index/news-icon2.png) no-repeat left center;padding-left: 20px;font-size: 14px;color: #333333;margin-bottom: 19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 273px;}
.rightnews .newslist li.li01{margin-left: 35px;}
.rightnews .newslist li.li02{margin-left: 54px;}

/* link */

.link{width: 100%;border-top: 1px solid #d8d8d8;overflow: hidden;}
.link ul{width: 863px;float: left;padding: 38px 0 28px 0;}
.link li{float: left;margin-bottom: 4px;}
.link li:first-child a{padding-left: 0;}
.link li a{font-size: 14px;color: #666666;padding: 0 20px;background: url(Img/Common/footer-icon01.png) no-repeat right center;}
.link .sq{font-size: 14px;color: #58e2fe;background: url(Img/Common/footer-link.png) no-repeat right center;padding-right: 16px;float: right;margin-top: 37px;}