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


/* Title公共样式 */
.Title{width: 100%;overflow: hidden;text-align: center;}
.Title h2{font-size: 24px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title p{font-size: 14px;margin-top: 2px;color: #666;}
.Title i{display: block;width: 40px;height: 1px;background: #333;margin: 19px auto 0;}




/* banner */
.banner{width: 100%;overflow: hidden;height: 550px;position: relative;}
.banner a{width: 100%;overflow: hidden;height: 550px;display: block;}
.banner .btnList{width: 100%;text-align: center;position: absolute;bottom: 17px;}
.banner .btnList .box{background: #fff;padding: 0 15px;display: inline-block;height: 25px;border-radius: 12px;}
.banner .btnList .box{*display: inline;}
.banner .btnList span{display: inline-block;width: 12px;height: 12px;background: url(img/index/banner_list02.png) no-repeat center;margin-top: 6px;margin-left: 8px;}
.banner .btnList span{*display: inline;}
.banner .btnList span:first-child{margin-left: 0;}
.banner .btnList span.cur{background: url(img/index/banner_list01.png) no-repeat center;}

.fullSlide {
	width:100%;
	position:relative;
	height:550px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:550px;
	overflow:hidden;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
}
.fullSlide .bd li a {
	display:block;
	height:550px;
}

.fullSlide .hd {
	width:100%;
    text-align: center;
	position:absolute;
	z-index:1;
	bottom:24px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
	background: #fff;
    padding: 0 15px;
    display: inline-block;
    height: 25px;
    border-radius: 12px;
}
.fullSlide .hd ul li {
	display: inline-block;width: 12px;height: 12px;background: url(img/index/banner_list02.png) no-repeat center;margin-top: 6px;    margin-left: 4px;
    margin-right: 4px;
}
.fullSlide .hd ul li{*display:inline}
.fullSlide .hd ul .on {
	background: url(img/index/banner_list01.png) no-repeat center;
}

/* search */
.search{width: 100%;overflow: hidden;height: 69px;border-bottom: 1px solid #f2f2f2;background: url(img/index/Bg_wang.png);}
.search p{float: left;line-height: 69px;width: 654px; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.search span{font-style: 14px;color: #666666;}
.search p a{font-size: 14px;color: #999999;padding: 0 14px;border-left: 1px dotted #d3d3d4;}
.search p a.first{border-left: none;}
.search .ssBox{width: 250px;height: 35px;line-height: 35px;background: url(img/index/searchBg.png) no-repeat center;float: right;position: relative;margin-top: 15px;}
.search .ssBox input{width: 199px;border: none;background: #2855b1;margin-left: 14px;height: 35px;line-height: 35px;font-size: 14px;color: #fff;padding-right: 5px;outline: none;display: block;}
.search .ssBox a{display: block;width: 19px;height: 19px;top: 6px;right: 15px;position: absolute;}

/* adv */
.adv{width: 100%;overflow: hidden;background: url(img/index/Bg_wang.png);padding-bottom: 78px;}
.adv .Title{padding-top: 50px;}
.adv .Title p{font-family: 'Myriad Pro';color: #565656;}
.adv .conBox{width: 100%;overflow: hidden;margin-top: 77px;}
.adv .con{float: left;text-align: center;}
.adv .con span{display: inline-block;width: 37px;height: 35px;overflow: hidden;}
.adv .con h3{font-size: 16px;color: #232323;font-weight: bold;margin-top: 32px;}
.adv .con p{font-size: 14px;color: #666666;line-height: 22px;margin-top: 18px;}
.adv .con1{width: 100px;margin-left: 70px;}
.adv .con1 span{background: url(img/index/adv_icon01.png) no-repeat left top;}
.adv .con2{width: 172px;margin-left: 114px;}
.adv .con2 span{background: url(img/index/adv_icon02.png) no-repeat left top;}
.adv .con3{width: 202px;margin-left: 60px}
.adv .con3 span{background: url(img/index/adv_icon03.png) no-repeat left top;}
.adv .con4{width: 172px;margin-left: 64px;}
.adv .con4 span{background: url(img/index/adv_icon04.png) no-repeat left top;}
.adv .con:hover span{background-position: left bottom;}
.adv .con:hover h3,.adv .con:hover p{color: #1759b9;}

/* product */
.product{width: 100%;overflow: hidden;background: url(img/index/productBg.jpg) no-repeat center;height: 741px;}
.product .Title{padding-top: 58px;}
.product .Title h2 a{color: #fff;}
.product .Title p{color: #fff;font-family: 'Myriad Pro';color: #999999;}
.product .Title i{background: #fff;}
.product .con{width: 100%;height: 485px;position: relative;margin-top: 50px;}
.product .con ul{width: 100%;overflow: hidden;}
.product .con li{float: left;width: 246px;height: 485px;background: #fff;margin-left: 5px;text-align: center;}

.product .con li:hover h3 a,.product .con li:hover p,.product .con li:hover .details,.product .con li:hover{ background:#dd1136; color:#fff;}

.product .con img{display: block;}
.product .con li h3{font-size: 16px;margin: 28px 0 18px 0}
.product .con li h3 a{color: #333333;}
.product .con li p{font-size: 14px;color: #666666;line-height: 24px;height: 48px;text-overflow: ellipsis;overflow: hidden;padding: 0 22px;margin-bottom: 32px;}
.product .con .details{font-size: 12px;color: #999999;font-family: Tahoma;text-transform: uppercase;text-decoration: none;}
.product .con i{display: block;width: 34px;height: 67px;background: url(img/index/productBtn.png) no-repeat left top;position: absolute;top: 50%;margin-top: -38px;cursor: pointer;}
.product .con i.prev{left: -64px;}
.product .con i.next{right: -64px;background-position: left bottom;}

/* FourAdv */
.FourAdv{width: 100%;overflow: hidden;background: url(img/index/FourAdvBg.jpg) no-repeat center;height: 444px;}
.FourAdv .Title{padding-top: 48px;}
.FourAdv .Title p{color: #666666;}
.FourAdv .conBox{width: 100%;overflow: hidden;margin-top: 51px;position: relative;height: 297px;}
.FourAdv .con{position: absolute;}
.FourAdv .con h3{font-size: 16px;color: #2855b1;font-weight: bold;}
.FourAdv .con p{font-size: 14px;color: #666666;line-height: 21px;margin-top: 10px;}
.FourAdv .con1{width: 295px;left: 0;top: 45px;text-align: right;}
.FourAdv .con2{width: 295px;left: 704px;top: 45px;}
.FourAdv .con3{width: 310px;left: 37px;top: 174px;text-align: right;}
.FourAdv .con4{width: 350px;left: 650px;top: 174px;}


/* solution */
.solution{width: 100%;overflow: hidden;background: url(img/index/Bg_wang.png);padding-bottom: 81px;}
.solution .Title{padding-top: 60px;}
.solution .con{width: 100%;overflow: hidden;margin-top: 60px;}
.solution ul{overflow: hidden;}
.solution .con li{float: left;text-align: center;width: 135px;margin-left: 38px;}
.solution .con li:first-child{margin-left: 0;}
.solution .con li img{display: block;}
.solution .con li h3{font-size: 14px;color: #333;font-weight: normal;margin: 16px 0 4px 0;}
.solution .con li p{font-size: 12px;color: #999999;font-family: arial;text-transform: uppercase;}
.solution .con li i{display: block;width: 12px;height: 8px;background: url(img/index/solution_icon.png) no-repeat center;margin: 16px auto 0;}

/* case */
.case{width: 100%;background: url(img/index/caseBg.jpg) no-repeat center;height: 840px;}
.case .container{position: relative;height: 804px;}
.case .Title{padding-top: 58px;}
.case .Title h2 a{color:#fff;}
.case .Title p{color: #999999;font-family: 'Myriad Pro';}
.case .con{width: 100%;height: 616px;overflow: hidden;background: #fff;margin-top: 40px;*height: 620px;}
.case .sidebar{float: left;width: 230px;height: 616px;}
.case .sidebar li{height: 88px;line-height: 88px;background: url(img/index/caseBg2.png) repeat-x;position: relative;}
.case .sidebar a{display: block;font-size: 14px;color: #333333;text-align: center;text-decoration: none;height: 88px;line-height: 88px;overflow: hidden;}
.case .sidebar li i{display: none;width: 7px;height: 22px;background: url(img/index/case_icon01.png) no-repeat center;position: absolute;top: 50%;margin-top: -11px;right: -7px;}
.case .sidebar li.cur{background: #dd1136;}
.case .sidebar li.cur a{color: #fff;display: block;height: 88px;line-height: 88px;}
.case .sidebar li.cur i{display: block;}
.case .section{width: 739px;float: right;margin-top: 35px;}
.case .sectionCon{height: 572px;overflow: hidden;}
.case .section .box{width: 348px;height: 262px;float: left;margin-right: 20px;margin-bottom: 24px;position: relative;}
.case .section img{display: block;}
.case .section .box>p{font-size: 14px;font-weight: bold;height: 55px;line-height: 55px;color: #fff;background: url(img/index/caseBg3.png) repeat-x;position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;}
.case .section .intro{position: absolute;top: 0;left: 0;text-align: center;background: #1759b9;width: 100%;height: 100%;display: none;}
.case .section .intro h3{font-size: 14px;color: #fff;font-weight: bold;margin-top: 64px;}
.case .section .intro h3 a{color: #fff;}
.case .section .intro i{display: block;width: 30px;height: 1px;background: #fff;margin: 24px auto;}
.case .section .intro p{line-height: 20px;color: #fff;font-size: 14px;padding: 0 39px;}
.case .section .intro .xinxi,.case .section .intro .wx{display: inline-block; color:#fff; text-decoration:none; text-align:center; width: 75px;margin-top: 30px;margin-left: 24px;}

.case .section .intro .xinxi span,.case .section .intro .wx span{ margin:6px 0 0 0; display:block;}
.case .section .intro .xinxi img,.case .section .intro .wx img{ margin:0 auto; display:block;}

.case .section .intro .xinxi,.case .section .intro .wx{*display: inline;}
.case .section .intro a.wx{margin-left: 0}
.case .section .box:hover .intro{display: block;}
.case .Pic{position: absolute;right: -187px;top: 446px;}

/* projectAdv */
.projectAdv{width: 100%;overflow: hidden;background: url(img/index/projectAdvBg.jpg) no-repeat center;height: 1495px;}
.projectAdv .title{padding-top: 59px;}
.projectAdv .title img{display: block;margin: 0 auto;}
.projectAdv .conBox{width: 100%;overflow: hidden;margin-top: 101px;}
.projectAdv .con{overflow: hidden;width: 546px;}
.projectAdv .con dl{overflow: hidden;}
.projectAdv .con dt{float: left;width: 54px;height: 54px;background: url(img/index/projectNumBg.jpg) no-repeat center;font-size: 35px;color: #fff;line-height: 54px;text-align: center;}
.projectAdv .con dd{float: left;margin-left: 12px;margin-top: 2px;}
.projectAdv .con dd p{font-size: 18px;color: #000000;}
.projectAdv .con dd span{display: block;font-size: 18px;color: #1759b9;font-weight: bold;margin-top: 2px;}
.projectAdv .con ul{overflow: hidden;padding-left: 4px;margin-top: 48px;}
.projectAdv .con li{margin-bottom: 28px;font-size: 14px;color: #333333;background: url(img/index/project_dian.png) no-repeat left 5px;padding-left: 16px;}
.projectAdv .con1{width: 529px;}
.projectAdv .con2{margin-top: 94px;}
.projectAdv .con4{margin-top: 52px;}
.projectAdv .con2,.projectAdv .con4{margin-left: 454px;}
.projectAdv .con3{width: 454px;margin-top: 84px;}

/* about */
.about{width: 100%;overflow: hidden;background: url(img/index/aboutBg.jpg) no-repeat center;height: 865px;}
.aboutCon1{width: 100%;overflow: hidden;background: url(img/index/aboutBg2.jpg) no-repeat center; height: 401px;margin-top: 60px;}
.aboutCon1 .ConLeft{width: 646px;float: left;margin-left: 30px;}
.aboutCon1 .ConLeft h3{font-size: 20px;color: #1759b9;font-weight: bold;margin: 30px 0 20px 0;}
.aboutCon1 .ConLeft h3 span{font-size: 18px;color: #d7d0d0;font-family: Tahoma;margin-left: 4px;font-weight: normal;}
.aboutCon1 .ConLeft dl{overflow: hidden;}
.aboutCon1 .ConLeft dt{float: left;width: 290px;}
.aboutCon1 .ConLeft dd{width: 334px;float: right;}
.aboutCon1 .ConLeft dd h3{font-size: 14px;color: #333333;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 4px 0 12px 0;}
.aboutCon1 .ConLeft dd h3 a{color: #333333;}
.aboutCon1 .ConLeft dd p{font-size: 13px;color: #666666;line-height: 22px;text-overflow: ellipsis;overflow: hidden;height: 132px;}
.aboutCon1 .ConLeft dd .details{background: #1759b9;}
.aboutCon1 .ConLeft dd .zx{background: #dd1136;}
.aboutCon1 .ConLeft dd .details,.aboutCon1 .ConLeft dd .zx{display: inline-block;width: 115px;height: 35px;line-height: 35px;color: #fff;font-size: 13px;text-align: center;text-decoration: none;margin-top: 55px;}
.aboutCon1 .ConLeft dd .details,.aboutCon1 .ConLeft dd .zx{*display: inline;}
.about .aboutCon1 .ConRight{width: 230px;float: right;margin-right: 32px;}
.aboutCon1 .ConRight h3{font-size: 20px;color: #1759b9;font-weight: bold;margin: 30px 0 20px 0;}
.aboutCon1 .ConRight h3 span{font-size: 18px;color: #d7d0d0;font-family: Tahoma;margin-left: 4px;font-weight: normal;}
.aboutCon1 .ConRight .box{width: 228px;height: 279px;border: 1px solid #eae9e9;position: relative;}
.aboutCon1 .ConRight .box ul{width: 167px;height: 279px;margin: 0 auto;}
.aboutCon1 .ConRight .box li{width: 167px;float: left;text-align: center;}
.aboutCon1 .ConRight .box li img{display: block;margin-bottom: 10px;}
.aboutCon1 .ConRight .box li span{font-size: 13px;color: #666666;display: block;}
.aboutCon1 .ConRight .box i{display: block;width: 11px;height: 25px;background: url(img/index/aboutBtn01.png) no-repeat left top;position: absolute;top: 114px;cursor: pointer;}
.aboutCon1 .ConRight .box i.prev{left:11px;background: url(img/index/aboutBtn01.png) no-repeat left top;}
.aboutCon1 .ConRight .box i.next{right:11px;background: url(img/index/aboutBtn02.png) no-repeat left top;}
.aboutCon1 .ConRight .box i:hover{background-position: left bottom;}

/* aboutCon2 */
.aboutCon2{width: 100%;overflow: hidden;height: 352px;background: #fff;margin-top: 10px;}
.aboutCon2 h3{font-size: 20px;color: #333333;font-weight: normal;text-align: center;padding-top: 30px;}
.aboutCon2 .box{width: 100%;overflow: hidden;position: relative;margin-top: 20px;}
.aboutCon2 .box ul{width: 930px;margin: 0 auto;}
.aboutCon2 .box li{float: left;margin-left: 17px;width: 287px;text-align: center;}
/*.aboutCon2 .box li:first-child{margin-left: 0;}*/
.aboutCon2 .box img{display: block;margin-bottom: 16px;}
.aboutCon2 .box span{display: block;font-size: 14px;color: #666666;}
.aboutCon2 .box i{display: block;width: 11px;height: 25px;background: url(img/index/aboutBtn01.png) no-repeat left top;position: absolute;top: 93px;cursor: pointer;}
.aboutCon2 .box i.prev{left:20px;background: url(img/index/aboutBtn01.png) no-repeat left top;}
.aboutCon2 .box i.next{right:20px;background: url(img/index/aboutBtn02.png) no-repeat left top;}
.aboutCon2 .box i:hover{background-position: left bottom;}

/* flow */
.flow{width: 100%;overflow: hidden;background: url(img/index/Bg_wang.png);padding-bottom: 38px;}
.flow .Title{padding-top: 38px;}
.flow  img{margin-top: 24px;}
.flow ul{overflow: hidden;width: 100%;margin-top: 15px;}
.flow li{float: left;width: 90px;margin-left: 61px;text-align: center;font-size: 14px;color: #333333;}
.flow li:first-child{margin-left: 0;}
.flow li.dif{margin-left: 65px;}


/* news */
.news{width: 100%;overflow: hidden;background: url(img/index/newsBg.jpg) no-repeat center;height: 662px;}
.news .Title{padding-top: 58px;}
.news .con{padding: 0 40px;overflow: hidden;background: #325db4;margin-top: 46px;height: 435px;}
.news .con dl{overflow: hidden;margin-top: 40px;}
.news .con dt{float: left;width: 289px;height: 194px;background: #fff;}
.news .con dt img{display: block;margin: 3px auto;}
.news .con dd{width: 606px;float: right;}
.news .con dd h3{font-size: 16px;color: #fff;font-weight: bold;margin: 10px 0 16px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .con dd h3 a{color: #fff;}
.news .con dd p{line-height: 22px;font-size: 14px;color: #fff;height: 66px;text-overflow: ellipsis;overflow: hidden;}
.news .con dd .details{width: 107px;height: 37px;line-height: 37px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;display: block;margin-top: 40px;text-decoration: none;}
.news ul{width: 100%;overflow: hidden;margin-top: 34px;}
.news ul li{float: left;width: 460px;}
.news ul li:first-child{margin-left: 0;}
.news ul li a{font-size: 14px;color: #fff;padding-left: 23px;background: url(img/index/news_icon01.png) no-repeat left center;display: block;margin-bottom: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/* contactUs */
.contactUs{width: 100%;overflow: hidden;background: url(img/index/contactUsBg.jpg) no-repeat center;height: 692px;}
.contactUs .Title{padding-top: 58px;}
.contactUs .con{height: 497px;width: 100%;margin-top: 35px;background: #2855b1;/*overflow: hidden;*/}
.contactUs .conLeft{width: 558px;height: 487px;margin: 5px 0 0 5px;float: left;position: relative;}
.contactUs .conRight{width: 383px;float: right;margin-right: 9px;}
.contactUs .conRight h3{font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin: 22px 0 16px 0;}
.contactUs .conRight .Input{width: 100%;overflow: hidden;height: 32px;line-height: 32px;}
.contactUs .conRight label{font-size: 14px;color: #fff;float: left;}
.contactUs .conRight .select{width: 240px;height: 32px;line-height: 32px;font-size: 12px;color: #999999;color: #999999;padding: 0 3px 0 11px;background: #fff;border: none;outline: none;float: left;}
.contactUs .conRight .Input a{display: block;width: 74px;height: 32px;margin-left: 2px;float: left;}
.contactUs .conRight .LunB{width: 383px;height: 362px;margin-top: 22px;}
.contactUs .conRight .LunB span{height: 25px;background: url(img/index/contactUsBg2.png) repeat-x;width: 100%;display: block;cursor: pointer;}
.contactUs .conRight .LunB span img{display: block;margin: 0 auto;padding-top: 8px;}
.contactUs .conRight .LunB ul{height: 312px;width: 100%;overflow: hidden;background: #fff;}
.contactUs .conRight .LunB li{height: 83px;border-bottom: 1px dashed #efefef;padding: 0 14px;padding-top: 20px;}
.contactUs .conRight .LunB p{width: 152px;float: left;margin-bottom: 12px;font-size: 12px;color: #666666;}
.contactUs .conRight .LunB p.dif{margin-right: 50px;}
.contactUs .conRight .LunB li p:nth-child(2n+1){margin-right: 50px;}
.contactUs .conLeft .conbox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.contactUs .conLeft .address{width: 11px;height: 11px;position: absolute;}
.contactUs .conLeft .address i{display: block;width: 11px;height: 11px;background: url(img/index/contactUs_icon01.png) no-repeat center;}
.contactUs .conLeft .address1{left: 435px;top: 65px;}
.contactUs .conLeft .address2{left: 429px;top: 91px;}
.contactUs .conLeft .address3{left: 416px;top: 117px;}
.contactUs .conLeft .address4{left: 386px;top: 169px;}
.contactUs .conLeft .address5{left: 346px;top: 160px;}
.contactUs .conLeft .address6{left: 371px;top: 98px;}
.contactUs .conLeft .address7{left: 391px;top: 131px;}
.contactUs .conLeft .address8{left: 377px;top: 130px;}
.contactUs .conLeft .address9{left: 365px;top: 153px;}
.contactUs .conLeft .address10{left: 320px;top: 195px;}
.contactUs .conLeft .address11{left: 253px;top: 136px;}
.contactUs .conLeft .address12{left: 171px;top: 96px;}
.contactUs .conLeft .address13{left: 301px;top: 162px;}
.contactUs .conLeft .address14{left: 246px;top: 170px;}
.contactUs .conLeft .address15{left: 185px;top: 215px;}
.contactUs .conLeft .address16{left: 360px;top: 286px;}
.contactUs .conLeft .address17{left: 336px;top: 323px;}
.contactUs .conLeft .address18{left: 321px;top: 230px;}
.contactUs .conLeft .address19{left: 276px;top: 208px;}
.contactUs .conLeft .address20{left: 400px;top: 262px;}
.contactUs .conLeft .address21{left: 321px;top: 287px;}
.contactUs .conLeft .address22{left: 312px;top: 257px;}
.contactUs .conLeft .address23{left: 403px;top: 194px;}
.contactUs .conLeft .address24{left: 427px;top: 209px;}
.contactUs .conLeft .address25{left: 358px;top: 192px;}
.contactUs .conLeft .address26{left: 388px;top: 212px;}
.contactUs .conLeft .address27{left: 346px;top: 248px;}
.contactUs .conLeft .address28{left: 364px;top: 214px;}
.contactUs .conLeft .address29{left: 379px;top: 230px;}
.contactUs .conLeft .address30{left: 415px;top: 216px;}
.contactUs .conLeft .address31{left: 267px;top: 264px;}
.contactUs .conLeft .address32{left: 302px;top: 324px;}
.contactUs .conLeft .address33{left: 490px;top: 386px;}
.contactUs .conLeft .address34{left: 422px;top: 408px;}
.contactUs .conLeft .address35{left: 398px;top: 418px;}
.contactUs .conLeft .address36{left: 438px;top: 199px;}
.contactUs .conLeft .address37{left: 279px;top: 350px;}
.contactUs .conLeft .address i{cursor: pointer;}
.contactUs .conLeft .box{position: absolute;top: -110px;background: url(img/index/contactUsBg3.png) no-repeat center;width: 288px;height: 107px;left: -164px;z-index: 55555;display: none;}
.contactUs .conLeft .box dl{width: 100%;overflow: hidden;margin-top: 9px;}
.contactUs .conLeft .box dt{width: 86px;height: 78px;float: left;margin-left: 12px;}
.contactUs .conLeft .box dd{float: left;margin-left: 12px;width: 176px;margin-top: 4px;}
.contactUs .conLeft .box em{display: inline-block;width: 78px;text-align: right;}
.contactUs .conLeft .box em{*display: inline;}
.contactUs .conLeft .box p{font-size: 12px;color: #fff;margin-bottom: 6px;}
.contactUs .conLeft .cur .box{display: block;}
.contactUs .conLeft .cur i{display: block;background: url(img/index/contactUs_icon02.png) no-repeat center;}





