@charset "utf-8";
/**
Heyw
**/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{overflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{font:12px/24px "微软雅黑","宋体",Arial, Helvetica, sans-serif;color:#666;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#02a3ee;text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
/*.grWidth{width:1400px; margin:0 auto;}*/
.grWidth{width:1400px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hidden{overflow:hidden;}
.bscolor{color:#02A2EE;}
/* 顶部  */
.topbar{height:35px;line-height:35px;background:#ececec;font-size:14px;}
.topRight{float:right;}
.topRight li{float:left;margin-left:7px;font-size:0;line-height:0;zoom:1;margin-top:7px;}
.topRight li.t1{position:relative;z-index:3;}
.topRight li.t1 span{position:absolute;top:30px;left:-45px;display:none;border-radius:5px;width:100px;background:#fff;padding:5px;border:1px solid #ccc;}
.topRight li.t1 span img{width:100px;height:100px;}
.topRight li.t1 span:before,.topRight .top_wx span:after{ content: "";position: absolute;top:-16px;right:45px;width: 0px; height: 0px;border: 8px solid transparent;border-bottom-color:#ccc;}
.topRight li a{display:inline-block;width:21px;height:21px;background:url(../images/top_icon.png) no-repeat;}
.topRight li.t2 a{background-position:-21px 0;}
.topRight li.t3 a{background-position:-42px 0;}
.topRight li a:hover{background-position:0 -21px;}
.topRight li.t2 a:hover{background-position:-21px -21px;}
.topRight li.t3 a:hover{background-position:-42px -21px;}
/* 头部  */
.fixed-top{position: fixed; top:0;z-index:99;width:100%; background:#fff;}
.header{height:95px;padding-top:20px;overflow:hidden;}
.header .logo_text{ float:left; margin-top:10px;}
.headRight{width:320px;}
.headRight{background:url(../images/h_phone.png) no-repeat left bottom;padding-left:70px;font-size:14px;color:#4d4d4d;padding-top:15px;transition:all 0.5s;}
.headRight p{float:left;line-height:20px;}
.headRight p strong{transition: all 0.3s;}
.headRight p:hover strong{font-size:140%;}
.headRight strong{display:block;font-size:18px;color:#02a2ee;}
.headRight .p1{border-right:1px solid #a7a7a7;padding-right:15px;margin-right:12px;}
/* 导航  */
.nav{height:48px;line-height:48px;background:url(../images/nav_bg.jpg) repeat-x;}
.nav li{float:left;width:152px;text-align:center;font-size:16px;font-weight:bold;background:url(../images/nav_line.jpg) no-repeat right center;position:relative;z-index:10;}
.nav li.last{background:none;width:154px;}
.nav li a{display:block;height:48px;color:#fff;}
.nav li a:hover,.nav li .current{background:#2b3134;color:#fff;}
.nav .navSub{position:absolute;top:48px;width:94%;background:#fff;display:none;padding:15px 3%; box-shadow: 0px 0px 2px 1px #eee;}
.nav .navSub li{float:none;font-size:14px;font-weight:normal;background:none;width:140px;}
.nav .navSub a{height:30px;line-height:30px;background:url(../images/nav_li.png) no-repeat 15px center;color:#666; padding-left:20px;transition:all 0.3s;}
.nav .navSub a:hover{background:url(../images/nav_lih.png) no-repeat 25px center;color:#02a3ee;padding-left:25px;transition:all 0.3s;}
.nav .m1 .navSub{padding:15px 10px;width:132px;}
.nav .m1 .navSub li a{text-align:left;width:132px;background:url(../images/nav_li.png) no-repeat 5px center;padding-left:15px;}
.nav .m1 .navSub li a:hover{background:url(../images/nav_lih.png) no-repeat 10px center;padding-left:20px;}
.nav .m6 .navSub li a{text-align:left;width:132px;background:url(../images/nav_li.png) no-repeat 5px center;padding-left:15px;}
.nav .m6 .navSub li a:hover{background:url(../images/nav_lih.png) no-repeat 10px center;padding-left:20px;}
/*  广告轮播图 */
.banner{ width:1920px;margin: 0 auto; position:relative;height:520px;left:50%; margin-left:-960px;overflow:hidden;}
.banner .bd{ width:1920px; height:520px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1250px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:30px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-20px;height:10px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:6px; height:6px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #fff}
/*  搜索 */
.search{height:55px;line-height:55px;background:#f1f1f1;}
.searFont{width:940px;font-size:14px;overflow:hidden;}
.searFont a{margin:0 8px;}
.searMain{width:260px;height:30px;overflow:hidden;margin-top:12px;}
.sear_text{float:left;width:207px;height:28px;line-height:28px;background:#fff;color:#666;padding:0 10px;font-size:12px;border:1px solid #d7d7d7;}
.sear_btn{float:right; width:30px;height:30px; cursor:pointer;background:#00c1f3 url(../images/sear_btn.png) no-repeat center center;}
.sear_btn:hover{opacity:0.8;filter:alpha(opacity=80);}
/*  精品案例 */
.product{padding:0 0 30px 0;overflow:hidden;}
.product .title{text-align:center;font-size:36px;color:#222;line-height:36px;margin-bottom:20px;background:url(../images/case_tit_bg.png) no-repeat center 16px}
.product .title span{display:block;font-size:14px;color:#9a9a9a;font-family:Arial;font-weight:normal;text-transform:uppercase;line-height:28px;}
.proMenu{margin-bottom:15px;overflow:hidden;font-size:18px;color:#222;}
.proMenu li{float:left;background:url(../images/proMenu_line.jpg) no-repeat left center;padding:0 20px;}
.proMenu li a{color:#222;}
.proMenu li.first{padding-left:0;background:none;}
.proMenu li.on a{color:#02a2ee;}
.proMain,.proBox{height:512px;overflow:hidden;}
.proMain .left{width:456px;height:512px;overflow:hidden;position:relative;}
.proMain .left img{width:456px;height:512px;transform:scale(1,1);transition:all 0.5s;}
.proMain .left div,.proMain li div{background:url(../images/pro_opc.png);position:absolute;bottom:0;left:0;overflow:hidden;color:#fff;width:356px;padding:0 50px;font-size:14px;height:40px;transition:all 0.5s;}
.proMain .left div h3,.proMain li h3{height:42px;line-height:40px;font-size:18px;font-weight:normal;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all 0.5s;text-align:center;background:url(../images/pro_line.jpg) no-repeat left bottom;padding-bottom:2px; }
.proMain .left .font h3 a{ color:#FFF;}
.proMain .left:hover div,.proMain li:hover div{height:100%;transition:all 0.5s;}
.proMain .left:hover div h3,.proMain li:hover div h3{text-align:left;margin-top:200px;color:#02a2ee;transition:all 0.5s;}
.proMain .left:hover img,.proMain .right li:hover img{transform:scale(1.08,1.08);transition:all 0.5s;}
.proMain .right{width:760px;height:512px;overflow:hidden;}
.proMain .right ul{width:800px;}
.proMain .right li{float:left;width:378px;height:254px;overflow:hidden;position:relative;margin-right:4px;margin-bottom:4px;}
.proMain .right li img{width:378px;height:254px;transform:scale(1,1);transition:all 0.5s;}
.proMain li div {width:276px;}
.proMain li:hover div h3{margin-top:80px;}
/*  五大优势 */

.odds{ background:#f1f1f1;padding:35px 0 20px 0;overflow:hidden;}
.odds .title{text-align:center;margin-bottom:40px;}
.oddsMain{position:relative;height:335px;overflow:hidden;}
.con03 {margin: 0 auto; padding: 80px 0 0; width: 1200px; }
.conbb {padding-top: 70px; width: 100%; }
.conbb h2 {height: 40px; line-height: 40px; }
.con03 .hd {height: 46px; margin-bottom: 50px; }
.con03 .bd ul {width: 1300px; }
.con03 .bd ul li {float: left; margin-bottom: 25px; margin-right: 130px; }
.con03 .bd .thumb {float: left; height: 112px; line-height: 112px; margin-right: 25px; text-align: center; width: 131px; }
.con03 .bd .thumb:hover {background: rgba(0, 0, 0, 0) url(../images/img14.png) no-repeat scroll center center; }
.con03 .bd .thumb a {background: rgba(0, 0, 0, 0) url(../images/img33.png) no-repeat scroll center center; display: block; height: 112px; margin: 0 auto; width: 131px; }
.con03 .bd .desc {float: left; width: 360px; }
.con03 .bd .desc h4 {font-size: 16px; font-weight: bold; margin-bottom: 10px; color:#444; }
.con03 .bd .desc p {line-height: 22px; font-size:14px; color:#555555; }
.con03 .bd {margin-bottom: 30px; }
.con03 .more a {border: 2px solid rgb(153, 153, 153); display: inline-block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 178px; cursor:pointer; }
.con03 .more {text-align: center; }
.con04 {background: #f7f7f7 none repeat scroll 0 0; padding: 80px 0; }
.con04 .hd {height: 90px; margin-bottom: 40px; }
.con04 .bd ul {margin: 0 auto; }
.con04 .bd ul li {background: #fff none repeat scroll 0 0; float: left; height: 340px; margin-right: 20px; text-align: center; width: 280px; }
.con04 .bd ul .wei {margin-right: 0; }
.con04 .bd ul li img {height: 164px; margin-top: 5px; width: 270px; }
.con04 .bd ul li h2 {color: #333333; font-size: 16px; font-weight: bold; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; text-align: left; }
.con04 .bd ul li p {color: #999999; font-size: 14px; line-height: 1.6em; padding-left: 20px; padding-right: 20px; text-align: left; }
.con04 .bd ul li p a {color: #37a637; }
.con04 .more a {border: 2px solid rgb(153, 153, 153); display: inline-block; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; width: 178px; }
.con04 .more {margin-top: 50px; text-align: center; }
.con04 .bd ul a:hover {background: #37a637 none repeat scroll 0 0; }
.con04 .bd ul li:hover a {color: #fff; }
.con04 .bd ul li:hover p {color: #fff; }
.con012 {background: rgba(0, 0, 0, 0) url(../images/duibi.jpg) no-repeat scroll center top; height: 778px; }
.oddsMenu{height:50px;line-height:50px;border:1px solid #dadada;position:absolute;top:0;left:0;}
.oddsMenu li{float:left;width:160px;text-align:center;font-size:18px;font-weight:bold;border-right:1px solid #dadada;background:#fff;cursor:pointer;}
.oddsMenu li.last{border-right:none;}
.oddsMenu li.on{color:#fff;background:#02a2ee url(../images/odds_li.png) no-repeat center 40px;}
.oddsTab,.oddsBox{height:335px;overflow:hidden;}
.oddsLeft{width:750px;font-size:16px;overflow:hidden;padding-top:80px;}
.oddsLeft .num{float:left;width:54px;height:66px;line-height:66px;font-size:30px;text-align:center;color:#02a2ee;font-family:Bebas,Arial;background:url(../images/odds_num.png) no-repeat left center;}
.oddsLeft .font {float:right;width:660px;line-height:30px;}
.oddsLeft .font h4{font-size:30px;color:#2b3134;background:url(../images/odds_line.jpg) no-repeat left bottom;height:55px;line-height:50px;margin-bottom:10px;}
.oddsLeft .font p {height:125px;margin-bottom:10px;overflow:hidden;}
.oddsLeft .font p span{color:#02a2ee;}
.oddsLeft .font .zx{width:225px;height:40px;text-align:center;color:#fff;font-size:16px;background:#02a2ee;line-height:40px;display:inline-block;}
.oddsLeft .font .zx a{ color:#FFF;}
.oddsBox img{width:390px;height:335px;}

/*  施工质量 */
.quality{padding:50px 0 10px;background:#f1f1f1;overflow:hidden;}
.qualityMenu{height:45px;margin-bottom:35px;font-size:18px;font-weight:bold;}
.qualityMenu a{display:inline-block;width:150px;height:45px;line-height:45px;text-align:center;color:#000;background:#fff;}
.qualityMenu a.on{background:#02a2ee;color:#fff;}
.qualityTab{overflow:hidden; width:1400px;}
.project ul{width:1260px;}
.project li{float: left;width: 285px;color: #999;margin-right: 25px;line-height: 20px;font-size: 14px;height: 320px;}
.project li .date{font-size:36px;line-height:36px;color:#02a2ee;height:45px;font-family:Century Gothic,Arail;}
.project li .date span{float:right;font-size:18px;color:#8e8e8e;}
.project li h4{font-size:16px;font-weight:normal;height:35px;white-space:nowrap;text-overflow: ellipsis; margin-top:25px; text-align:center;}
.project li h4 a{color:#333;}
.project li h4 a:hover{color:#02a2ee;}
.project li div{width: 285px;height: 225px;}
.project li img{width: 285px;height: 225px;transform: scale(1,1);transition: all 0.6s;}
.project li div p{height:20px;padding:10px 15px;overflow:hidden;color:#fff;font-size:14px;bottom:0;width:350px;}
.project li:hover img{transition:all 0.5s;transform:scale(1.08,1.08);}
.project li:hover div p{height:auto;transition:all 0.5s;}

/* 底部样式 */
.footer{background:#2b3134;padding-top:25px;color:#999;overflow:hidden;}
.footMain{overflow:hidden;margin-bottom:35px;}
.footLeft{width:750px;overflow:hidden;}
.footLeft ul{float:left;width:150px;overflow:hidden;font-size:14px;}
.footLeft li h3{color:#fff;font-size:18px;height:35px;margin-bottom:20px;background:url(../images/foot_line.jpg) no-repeat left bottom;}
.footCode{margin-top:40px;}
.footCode img{float:right;width:120px;height:120px;}
.footRight{width:180px;overflow:hidden; text-align: right; color: #fff}
.footRight h3{line-height:24px;font-size:21px; padding-bottom: 15px; border-bottom: 1px solid #ccc; color: #eee}
.footRight .kf{padding:10px 0;line-height:18px;font-size:16px;overflow:hidden;}
.footRight .tel{line-height:21px;font-size:21px;color:#fff;}
.footRight .contact{display: inline-block;margin: 10px 0;padding: 10px;line-height:16px;font-size:16px;background:#0190D2; border-radius:4px; color: #fff}
.firendLink{font-size:16px;}
.firendLink a{margin:2px;}
.firendLink em{ font-style:normal;}
.footcopy{height:45px;line-height:45px;border-top:1px solid #535658;margin-top:10px;}
.footcopy span{margin-right:15px;}
.footer a{color:#999; transition:all 0.5s; }
.footer .footMenu a:hover{color:#fff; padding-left:8px;}
/* 内页公用 */
.listBanner{ width:1920px; height:350px;position:relative;margin-left:-960px;left:50%;}
.listWrapper{/*padding-bottom:65px;*/overflow:hidden; position: relative;}
.breadCrumb{height:50px;line-height:50px;margin-top:40px;border-bottom:1px solid #d6d6d6;margin-bottom:25px;}
.breadCrumb .fr{background:url(../images/home_icon.png) no-repeat left center;padding-left:25px;}
.breadCrumb h2{font-size:36px;color:#222;line-height:36px;}
.breadCrumb h2 strong{color:#02a2ee;}
.breadCrumb h2 span{font-family:Arial;color:#02a2ee;font-weight:normal;font-size:35px;background:url(../images/t_icon.png) no-repeat left center;padding-left:15px;margin-left:10px;text-transform:uppercase;}
.breadCrumb2{height:56px;line-height:56px;margin-bottom:30px;border-bottom:1px solid #d6d6d6; font-size:15px;}
.breadCrumb2 p{background:url(../images/home_icon.png) no-repeat left center;padding-left:25px;}
.breadCrumb2 .back{float:right;width:80px;height:34px;line-height:34px;text-align:center;border-radius:5px;background:#02a2ee;color:#fff;margin-top:12px;}
.breadCrumb2 .back:hover{background:#333;transition:all 0.3s;}
.listBox{width:1200px;overflow:hidden;}
/* 内页公用菜单 */
.listMenu{line-height:40px;padding-bottom:35px;overflow:hidden;}
.listMenu li{float:left;height:38px;line-height:38px;border:1px solid #0bb6ee;font-size:16px;margin-right:15px;margin-bottom:10px;}
.listMenu li a{display:block;height:40px;padding:0 20px;transition:all 0.3s; font-weight:bold;}
.listMenu li a:hover,.listMenu li a.current{background:#0bb6ee;color:#fff;transition:all 0.3s;}

/* 荣誉资质 */
.productList,.caseList,.partnerList,.honorList,.settingList,.newsList,.teamList{ width:1400px;overflow: hidden;}
.productList ul,.caseList ul,.partnerList ul,.honorList ul,.settingList ul,.teamList ul,.newsList ul{ width:1460px;}
.honorList ul li{float:left;width:280px;margin-right:33px;margin-bottom:25px;text-align:center;}
.honorList ul li a{display:block;width:250px;padding:15px;background:#f2f2f2;border-bottom:3px solid #ddd;}
.honorList ul li img{display:block;width:240px;height:180px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.honorList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
.honorList ul li a:hover{border-bottom:3px solid #02a3ee;}
/* 公司坏境 */
.settingList ul li{width:280px;float:left;margin-right:33px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:220px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.settingList ul li img:hover{border:1px solid #02a3ee;background:#02a3ee;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
/* 合作伙伴 */
.partnerList li{float:left;width:220px;margin-right:30px;margin-bottom:20px;}
.partnerList li img{ width:210px; height:135px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.partnerList li span{ height: 35px; line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.partnerList li img:hover{border:1px solid #02a3ee;}
/* 精英团队 */
.teamList li{float:left;width:350px;margin-right:70px;margin-bottom:30px;}
.teamList li img{width:350px;height:510px;}
.teamList li h3{height:40px;line-height:40px;background:#0bb6ee;font-size:14px;color:#fff;padding-left:10px;font-weight:normal;}
.teamList li div{background:#f4f4f4;padding:10px;}
.teamList li div h4{height:30px;border-bottom:1px dotted #acacac;font-size:18px;color:#171717;margin-bottom:5px;font-weight:normal;}
.teamList li div h4 span{float:right;font-size:12px;color:#666;}
.teamList li div p{ height:48px; line-height:24px;}
.teamList li .btn{height:40px;line-height:40px;background:#0bb6ee;}
.teamList li .btn a{display:inline-block;width:140px;height:40px;color:#fff;font-size:14px;text-align:center;transition:all 0.3s;}
.teamList li .btn .btn2{background:#70dcff;}
.teamList li .btn a:hover{background:#333;transition:all 0.3s;}
/* 精英团队详情 */
.teamShow_top{overflow:hidden;margin-bottom:50px;}
.teamShow_img{width:240px;margin-right:40px;}
.teamShow_font{width:620px;overflow:hidden;}
.teamShow_font .title{font-size:24px;color:#333;margin-bottom:15px;}
.teamShow_font .title span{display:inline-block;font-size:12px;color:#fff;line-height:14px;padding:2px 10px;background:#0bb6ee;margin-left:10px;font-weight:normal;}
.teamShow_font .font1{font-size:14px;}
.teamShow_font .font1 span{display:inline-block;width:300px;}
.teamShow_font .font1 b{color:#0bb6ee;}
.scfg{font-size:14px;color:#0bb6ee;font-weight:bold;margin-bottom:20px;}
.teamForm{width:260px;overflow:hidden;background:#f5f5f5;padding:10px;border:1px solid #ddd;}
.teamForm h3{text-align:center;font-size:18px;color:#333;margin-bottom:1px;padding-top:10px;}
.teamForm p{ text-align:center; color:#0bb6ee; padding:10px 0;}
.teamForm input{display:block;height:38px;border:1px solid #e1e1e1;background:#fff;padding:0 10px;width:238px;margin-bottom:10px;font-size:14px;}
.teamForm .sub{height:40px;line-height:40px;border:none;background:#0bb6ee;color:#fff;text-align:center;transform:all 0.3s;cursor:pointer;width:258px;padding:0;margin-bottom:5px;}
.teamForm input:focus{border:1px solid #02a2ee;}
.teamForm .sub:focus,.teamForm .sub:hover{background:#333;transform:all 0.3s;border:none;}
.teamShow_box1 {width:1400px;overflow:hidden;}
.teamShow_box1 .title{text-align:center;font-size:24px;color:#0bb6ee;margin-bottom:30px;}
.teamShow_box1 ul{width:1260px;}
.teamShow_box1 li{float:left;width:270px;padding:9px;border:1px solid #ddd;margin-right:20px;margin-bottom:20px;}
.teamShow_box1 li img{width:270px;height:145px;}
.teamShow_box1 li p{height:40px;line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:14px;}
.teamShow_box1 li:hover{border:1px solid #0bb6ee;}
/* 专家工程 */
.caseList li{float:left;width:280px;margin-bottom:20px;margin-right:30px;border:1px solid #ddd;background:#eee;text-align:center;}
.caseList li .pic{width: 280px;height: 230px;line-height: 230px;background: #fff}
.caseList li a{display:block;width:280px;}
.caseList li img{max-width:270px;max-height:220px;padding:5px;}
.caseList li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.caseList li:hover{border:1px solid #02a3ee;}
.caseList li a:hover{background:#02a3ee;color:#fff;}
/* 专家工程详情 */
.caseShow_img{text-align:center;margin-bottom:30px;overflow:hidden;border-top:1px dotted #ddd;padding-top:25px;}
.caseShow_img img{width:520px;}
.relatedCase{width:920px;overflow:hidden;}
.relatedCase ul{width:960px}
.relatedCase li{float:left;width:220px;margin-bottom:20px;margin-right:10px;border:1px solid #ddd;background:#eee;text-align:center;}
.relatedCase li a{display:block;width:220px;}
.relatedCase li img{width:210px;height:170px;padding:5px;background:#fff;}
.relatedCase li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedCase li:hover{border:1px solid #02a3ee;}
.relatedCase li a:hover{background:#02a3ee;color:#fff;}
/* 新闻列表 */
.newsList li{height:210px;margin-bottom:30px;font-size:14px;overflow:hidden;}
.newsList li img{width:320px;height:210px;margin-right:30px;}
.newsList li h3{padding-top:10px;height:35px;font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li h3 a{color:#1b1b1b;}
.newsList li h3 a:hover{color:#02a3ee;}
.newsList li p{font-size:30px;font-family:Arial;margin-bottom:10px;}
.newsList li p span{font-size:14px;margin-left:5px;}
.newsList li .more{margin-top:20px;display:inline-block;width:80px;height:30px;line-height:30px;text-align:center;border:1px solid #02a3ee;color:#02a3ee;font-size:14px;transition: all 0.3s;}
.newsList li .more:hover{background:#02a3ee;color:#fff;transition: all 0.3s;}
/* 新闻详细样式 */
.articleBox1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;}
.proShow_Box1 .title{text-align:center;font-size:20px;color:#000;margin-bottom:10px;}
.proShow_Box1 .p1{margin-bottom:25px;text-align:center;color:#333;}
.proShow_Box1 .p1 span{margin-right:15px;}
.articleBox1 .p1{margin-bottom:25px;text-align:center;color:#333;}
.articleBox1 .p1 span{margin-right:15px;}
.review{background:#f7f7f7 url(../images/nShow_icon.png) no-repeat left top;padding:15px 15px 10px 15px;border:1px dotted #adadad;border-right:none;border-left:none;text-indent:2em;font-size:14px;color:#333;}
.article_key{background:#f7f7f7 url(../images/nShow_icon2.png) no-repeat 15px 7px;color:#adadad;margin-bottom:20px;padding-left:35px;line-height:28px;}
.articleBox1_font{padding-bottom: 40px;border-bottom:1px dotted #adadad;font-size:13px;color:#424242;}
.relatedNews_img{height:180px;overflow:hidden;margin-bottom:15px;}
.relatedNews_img ul{width:960px;}
.relatedNews_img li{float:left;width:205px;padding:4px;border:1px solid #ddd;margin-right:20px;}
.relatedNews_img li img{width:205px;height:135px;margin-bottom:10px;}
.relatedNews_img li span{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;font-size:14px;}
.relatedNews_img li:hover{border:1px solid #02a2ee;}
.relatedNews_font{width:960px;overflow:hidden;font-size:13px;}
.relatedNews_font ul{width:1020px;}
.relatedNews_font ul li{float:left;padding-right:70px;width:420px;height:40px;line-height:40px;border-bottom:1px dotted #ddd;}
.relatedNews_font ul li a{display:block;width:320px;line-height:40px;background:url(../images/news_li.png) no-repeat left center;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relatedNews_font ul li span{float:right;color:#999;}
.rightCase .main{padding:10px;overflow:hidden;}
.rightCase .main li{width:260px;height:175px;overflow:hidden;margin-bottom:10px;}
.rightCase .main li img{width:260px;height:175px;transition:all 0.5s;transform:scale(1,1);}
.rightCase .main li p{position:relative;margin-top:-35px;height:35px;line-height:35px;color:#fff;padding:0 10px;background:url(../images/opc2.png);}
.rightCase .main li:hover img{transition:all 0.5s;transform:scale(1.08,1.08);}
/* 常见问题 */
.faqList {font-size:13px;word-spacing:3px; padding-bottom:30px;}
.faqList li .p01{ border-bottom:1px solid #dfdfdf; background:url(../images/q.jpg) no-repeat 5px 15px; cursor:pointer; padding: 10px; padding-left:25px;}
.faqList li .answer{ padding:15px 25px 10px 35px; border-bottom:1px dotted #a0906e; color:#555; display:none; border-left:3px solid #02a3ee;}
.faqList .current .answer{ display:block;}
.faqList .current .p01{background:#eee url(../images/q.jpg) no-repeat 5px 15px;}
/* 人才招聘  */
.jobMain{margin-bottom:60px; overflow:hidden;}
.jobMain_top{padding-top:15px;height:84px;border-bottom:1px solid #e2e2e2;background:#f4f4f4;font-size:14px;margin-bottom:15px;}
.jobMain_top .title img{width:70px;height:70px;margin-right:20px;margin-left:15px;}
.jobMain_top .title h3{font-size:26px;font-weight:normal;text-transform:uppercase;padding-top:25px;}
.jobMain_top .title h3 span{display:block;font-size:10px;color:#acacac;-webkit-transform:scale(0.8);-o-transform:scale(1);}
.jobMain_top .fr{margin-right:15px;margin-top:40px;}
.jobMain_top .fr span{margin-left:25px;}
.job_box1 {padding-left:50px;padding-bottom:20px;margin-bottom:25px;border-bottom:1px dashed #e0e0e0;}
.job_box1 h5{font-size:16px;color:#333;font-weight:normal;height:35px;}
.job_box1 .font{padding-left:65px;}
.job_box2 {border-bottom:none;padding-bottom:0;margin-bottom:40px;}
.jobMain .center a{display:inline-block;width:205px;height:50px;text-align:center;line-height:50px;color:#fff;font-size:18px;font-weight:bold;border-radius:5px;background:#0087c7;}
.jobMain .center a:hover{background:#333;transition:all 0.3s;}
/* 内页留言样式 */
.contactFont{overflow:hidden;margin-bottom:35px;}
.contactnr{width:600px;margin:0 auto;}
.pageContent{overflow:hidden;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:35px;background:url(../images/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:230px;height:30px;line-height:30px;float:left;margin:0 50px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1188px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#02a2ee;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#02a2ee;}
#feedback_form .btns:hover{background:#333;}
/* 右侧图标弹出 */
.dialogOverlay { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=70); background:#000; }
.dialogContent { z-index:9999; position:fixed; top:50%; left:50%; width: 310px; height: 268px; padding:4em; margin:-134px 0 0 -155px; background:#fff; display:none; text-align:center; }
.dialogQrcode { width: 150px; height:150px; }
.mobileHide{ font-family:"微软雅黑"; font-size:14px; line-height:20px; padding:10px 0; }
.dialogClose{ width: 200px; margin: 0 auto; cursor: pointer; }
.dialogContent .btn { height: 50px; background:#e8312e; line-height: 50px; color: #fff; font-family:"微软雅黑"; font-size:18px; cursor: pointer; }
.dialogOverlaya { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=70); background:#000; }
.dialogContenta { z-index:9999; position:fixed; top:50%; left:50%; width: 310px; height: 272px; padding:4em; margin:-136px 0 0 -155px; background:#fff; display:none; }
.dialogContenta h2{ font-family:"微软雅黑"; font-size:18px; padding-bottom:2px; }
.dialogContenta h3{ font-size:24px;  padding-bottom:12px; }
.dialogContenta h3 a{ color:#263949; }
.dialogQrcodea { width: 150px; height:150px; }
.mobileHidea{ font-family:"微软雅黑"; font-size:14px; line-height:20px; padding:10px 0; }
.dialogClosea { width: 200px; margin: 0 auto; cursor: pointer; }
.dialogContenta .btna { height: 50px; background:#e8312e; line-height: 50px; color: #fff; font-family:"微软雅黑"; font-size:18px; text-align:center; cursor: pointer; }
/*-- 右侧浮动客服 --*/
.quickMenuwrap { position: fixed; right: 0; top: 205px; width: 57px; height: 225px; z-index:40;_POSITION: absolute;
_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);}
.quickMenuwrap .itemQm { position: relative; font-size: 12px; }
.quickMenuwrap .itemQm .iconWrap { display: inline-block; width: 57px; height: 36px; padding-bottom: 18px; line-height: 13px; color: #ffffff; text-align: center; background: url(../images/icon-quick-menu.png) no-repeat; background-position:-3px -306px; }
.quickMenuwrap .itemQm .iconWrap:hover{ background: url(../images/icon-quick-menu.png) no-repeat; background-position:-3px -360px; }
.quickMenuwrap .itemQm .icon { display: inline-block; width: 57px; height: 36px; background: url(../images/icon-quick-menu.png) no-repeat; }
.quickMenuwrap .itemConsult .icon { background-position:-1px 0; }
.quickMenuwrap .itemNeed .icon { background-position:-1px -56px; }
.quickMenuwrap .itemWeixin .icon { background-position:-1px -117px; }
.quickMenuwrap .itemHlkx .icon { height: 54px; background-position:-1px -179px; }
.quickMenuwrap .itemTop .icon { background-position:-1px -247px; }
.itemConsultWrap { display: none; position: absolute; top: 0; left: -245px; width: 250px; height: 412px; background:url(../images/bg-quick-menu-consult.png) no-repeat; z-index:999; }
.itemConsultWrap .title { display: block; height: 35px; line-height: 35px; padding: 5px 0; font-size: 16px; color: #666666; text-align: center; }
.itemConsultWrap .innerList { padding: 20px;padding-bottom: 0 }
.itemConsultWrap .innerltem {  font-size: 13px; color:#555; border-bottom: 1px solid #ddd; font-family:Arial;padding-bottom: 10px;margin-bottom:10px;}
.itemConsultWrap .innerltem .label { display: block; font-size: 24px; color:#02a2ee; }
.itemConsultWrap .innerltem .link { display:block; font-size: 18px; color:#02a2ee;}
.kefuWrap { width: 222px; padding: 0 13px; }
.kefuWrap .linkWrap { float: left; display: inline-block; width: 71px; margin-right: 3px; margin-bottom: 10px; color:#1b1f29; text-align:center; }
.kefuWrap .linkWrap .cover { width: 71px; height: 70px; background: #f5f5f5; }
.kefuWrap .linkWrap:hover .cover { background: #02a2ee;  }
.kefuWrap .linkWrap:hover{color:#02a2ee;}
.itemWeixinWrap { display: none; position: absolute; top: -10px; left: -139px; width: 139px; height: 139px; }
.itemHlkxWrap { display: none; position: absolute; top: 0; left: -219px; width: 219px; height: 292px; background: url(../images/bg-quick-menu-hlkx.png) no-repeat; }
.itemHlkxWrap .logoQuickMenu { display: inline-block; width: 152px; height: 50px; padding: 15px 30px; margin: 0 auto; text-align: center; }
.itemHlkxWrap .logoQuickMenu .cover { width: 152px; height: 50px; margin: 0 auto; }
.itemHlkxWrap .label { display: block; height: 30px; line-height: 30px; margin: 0 20px; font-size: 12px; color: #666666; text-align: center; font-weight: normal; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.itemHlkxWrap .innerList { width: 176px; padding: 0 20px; margin-top: 15px; }
.itemHlkxWrap .innerList .innerltem { float: left; width: 88px; height: 30px; line-height: 30px; }
.itemHlkxWrap .innerltem .link { display: block; }
.itemHlkxWrap .innerltem .icon-sign { display: inline-block; width: 4px; height: 4px; margin-right: 5px; border-radius: 2px; background: #f27d86; vertical-align: 2px; }
.popupBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #010a0e; filter: alpha(Opacity=90); -moz-opacity: 0.9; opacity: 0.9; z-index: 10000; }
.popupWrap { position: fixed; top: 50%; left: 50%; width: 680px; margin-top: -250px; margin-left: -340px;z-index: 10000; border-radius: 5px; background: #e2f6ff; }
.popupWrap .popupHeader { text-align: center; }
.popupWrap .popupHeader .title { font-family: "微软雅黑"; font-size:28px; font-weight:normal; color: #fff; background:#363636;border-radius:4px 4px 0 0;height:60px;line-height:60px;}
.popupWrap .popupHeader .label { font-size: 14px; color:#eee; }
.leftForm{padding:20px 30px;}
.leftForm li{height:35px;overflow:hidden;line-height:35px;margin-bottom:10px;}
.leftForm li label{float:left;height:35px;font-size:14px;color:#555;width:130px;}
.leftForm li label i{font-style:normal;color:#f00;}
.leftForm li input{width:458px;height:33px;line-height:33px;background:#fff;border:1px solid #ddd;padding:0 10px;float:left;}
.leftForm li.tarea{height:80px;}
.leftForm li textarea{width:458px;height:58px;padding:10px;border:1px solid #ddd;}
.leftForm li.code input{width:120px;margin-right:5px;}
.leftForm .sub{float:none;width:610px;background:#02a2ee;margin-top:20px;height:40px;line-height:40px;border-radius:3px;color:#fff;font-size:14px;text-align:center;cursor:pointer;}
.leftForm .sub:hover{background:#333;transition:all 0.3s;}
.popupWrap .btnClose { position: absolute; right: -16px; top: -16px; width: 34px; height: 34px; background: url(../images/idialog_s.png) no-repeat; background-position: 0 -60px; }
.popupWrap .btnClose:hover { background-position:0 -94px;}
/*下面就可以做自己的css*/

.homeTitle{text-align:center;padding:50px 0 40px; overflow:hidden;}
.homeTitle h2{font-size:36px;line-height:60px;color:#222;text-align: center;}
.homeTitle strong{color:#02a3ee;}
.homeTitle hr{margin: 15px auto;width:60px; height:0; border: none; border-top:2px solid #ccc}
.homeTitle span{display:block;font-size:18px;color:#333;font-family:Arial;font-weight:normal;text-transform:uppercase;line-height:20px;}

/* 产品中心 */
.productList li{float:left;width:420px;padding:15px 10px; margin-right:40px; color:#888;}
.productList li .pImg{display:block;width:420px;height:260px;overflow:hidden;margin-bottom:10px;}
.productList li img{width:420px;height:260px;transition:all 0.5s;transform:scale(1,1);}
.productList li h4{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:14px;margin-bottom:5px;font-weight:normal;}
.productList li h4 a{display:inline-block;width:220px;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; font-size:16px;}
.productList li h4 span{float:right;color:#adadad;font-size:14px;}
.productList li p{ height:48px;}
/*.productList li:hover{border:1px solid #02a2ee;box-sizing:border-box;}*/
.productList li:hover h4 a{color:#02a2ee;}
.productList li:hover img{transition:all 0.5s;transform:scale(1.08,1.08);}


/* 优势 */
.advantage{margin-top:30px; height: 880px;background:url(../images/ysbg.jpg); background-size:cover;}
.advantage .title{text-align:center;font-size:36px;color:#fff;line-height:36px;padding-top: 50px;margin-bottom:20px;}
/*.advantage .title strong{color:#02a3ee;}*/
.advantage .title hr{margin: 15px auto;width:60px; height:0; border: none; border-top:2px solid #fff}
.advantage .title span{display:block;font-size:16px;color:#fff;font-family:Arial;font-weight:normal;text-transform:uppercase;line-height:20px;}

.slideTxtBox{margin: 0 auto; width:1398px; text-align:left;  }
.slideTxtBox .hd{ height:160px; background:#f4f4f4; position:relative; box-shadow: 0px 1px 2px #888888;}
.slideTxtBox .hd ul{ float:left; position:absolute; top:-1px; }
.slideTxtBox .hd ul li{ float:left; width: 233px; height:90px; padding: 35px 0; line-height: 45px; cursor:pointer; text-align:center; font-size:24px; }
.slideTxtBox .hd ul li span{ color: #999; font-size: 42px;}
.slideTxtBox .hd ul li p{ color: #333; }
.slideTxtBox .hd ul li:nth-child(1){background:#FFFFFF }
.slideTxtBox .hd ul li:nth-child(2){background:#EEEEEE }
.slideTxtBox .hd ul li:nth-child(3){background:#DDDDDD }
.slideTxtBox .hd ul li:nth-child(4){background:#D4D4D4 }
.slideTxtBox .hd ul li:nth-child(5){background:#C3C3C3 }
.slideTxtBox .hd ul li:nth-child(6){background:#BBBBBB }
.slideTxtBox .hd ul li.on{background:#12A6EC;}
.slideTxtBox .hd ul li.on span{color: #fff;}
.slideTxtBox .hd ul li.on p{color: #fff;}
.slideTxtBox .bd .item{padding: 30px 34px; height: 400px; background: #fff; zoom:1;  }
.slideTxtBox .bd .desc{padding-top: 70px; width: 680px; }
.slideTxtBox .bd .desc .tit .tit-i{width: 100px; height: 84px; line-height: 84px; font-size: 68px; color: #182C51; text-align: center;}
.slideTxtBox .bd .desc .tit .tit-t{padding: 14px 0; line-height: 30px}
.slideTxtBox .bd .desc .tit .tit-t h4{font-size: 26px; font-weight: 700; color: #182C51;}
.slideTxtBox .bd .desc .tit .tit-t p{font-size: 18px;color: #444;}
.slideTxtBox .bd .desc .des{clear: both; padding-top: 15px; padding-left: 100px; color: #444;}
.slideTxtBox .bd .desc .des p{background: url(../images/ol.png) no-repeat left 6px;padding-left: 16px;font-size: 16px; line-height: 20px; margin-bottom: 20px}
.slideTxtBox .bd .img{padding-top: 20px; width: 650px;text-align:center}
.slideTxtBox .bd .img img{max-width: 100%; max-height: 380px;}

.process{margin: 0 auto;padding: 10px 150px; 40px}
.process .title{height: 60px;background:url(../images/lc-tit.jpg) no-repeat center; }
.process .title h2{text-align:center;font-size:36px;color:#111;line-height:60px;}
.process .process-cont{padding: 30px 100px;}
.process .process-cont img{width:90%;}

.server{margin-top:30px;height: 1500px;background:url(../images/ysbg.jpg); background-size:cover;}
.server .title{text-align:center;font-size:30px;color:#fff;line-height:36px;padding-top: 50px;margin-bottom:20px;}
.server .title h2{text-align:center;font-size:36px;color:#111;line-height:60px;}
.server .server-cont li{float: left; width: 420px; height: 370px; margin: 23px; background: #fff; color: #333;text-align: center; }
.server .server-cont li .img{overflow:hidden; }
.server .server-cont li h4{margin-top: 30px; color: #111;font-size: 21px;font-weight: 700; }
.server .server-cont li p{color: #666;font-size: 16px; padding:0 60px;}
.server .server-cont li hr{width:30px; margin:15px auto; height: 0; border: none; border-top: 1px solid #333}
.server .server-cont li img{max-width: 100%; }

/*  关于我们 */
.index-about{padding:40px 0 50px 0;overflow:hidden;}
.index-aboutLeft{width:880px;overflow:hidden;}
.index-aboutLeft .img{overflow:hidden}
.index-aboutLeft .img-pic{width:725px;}
.index-aboutLeft .img-txt{width:150px;margin-top:25px}
.index-aboutRight{padding-top: 15px;width:520px; font-size:16px;}
.index-aboutRight .title{font-size:24px;font-weight:bold;color:#2b3134;height:40px;}
.index-aboutRight .font{color:#666;line-height:32px;margin-bottom:20px;}
.index-aboutRight .font p{text-indent:2em;}
.index-aboutRight{background: url(../images/about_line_bg.png) no-repeat center bottom;}
.index-aboutRight .index-about-desc h4{margin: 30px auto 15px; width: 60px; font-size: 14px; text-align: center; border-top: 1px solid #ccc; border-bottom:  1px solid #ccc}
.index-aboutRight .index-about-desc .cont p{transform: scale(0.9);}

.index-about .grWidth{width:1400px;}
.index-about-desc .cont li{float:left; margin:0.5%; width:19%; text-align:center;}
.index-about-desc .cont li img{width:75%;}
.index-about-desc .cont li p{font-size:12px; line-height: 18px;}

/*  荣誉资质 */
.honour{padding:30px 0 50px 0;overflow:hidden; background:url(../images/honor_bg.png) no-repeat center top;}
.honour .grWidth{margin: 0 auto;width:1220px;}
.honourLeft{background:url(../images/honour_titbg.png) no-repeat 70px 50px; padding-top: 55px;padding-left: 30px; width:550px;font-size:15px;}
.honourLeft .tit{height:170px;font-size:30px;}
.honourLeft .tit .title{font-weight:bold;height:40px;margin-top: 40px}
.honourLeft .tit .desc{font-weight:bold;color:#02A2EE;height:40px;}
.honourLeft .tit .more{float: right;line-height:40px;font-size:24px;color:#02A2EE;}
.honourLeft .font{color:#666;line-height:42px;margin-top:50px;margin-bottom:20px; font-size: 16px}
.honourLeft .font p{text-indent:2em;}
.honourRight{width:550px;height:600px; overflow:hidden; text-align: center; padding:20px 0 0 20px;}
.honourRight img{max-width:90%; max-height:90%}


/* 合作伙伴 */
.partner {width: 100%;background: #F5F4F9; overflow:hidden; height:560px; }
.partner .grWidth{width:1440px; position:relative;zoom:1;overflow:hidden;}
.partner .list{margin: 0 auto; width: 1320px}
.partner .piclist{height:310px; overflow:hidden; zoom:1;}
.partner li{float:left;width:200px;height:290px; margin: 10px; }
.partner li span{margin-top: 12px; display:inline-block; width:200px; height:130px;overflow:hidden;border: 1px solid #e5e5e5;box-sizing: border-box;}
.partner li img{width:200px; height:130px;}
.partner .pageBtn{height: 100px; position: absolute; top: 68%; z-index: 2;left: 50%; margin-left: -500px;}
.partner .pageBtn .prev{display: block; width: 50px;height: 50px; background:url(../images/bant1.png) no-repeat 0 0;position: absolute;display: block;  left: -220px; text-indent:1000em; overflow:hidden;cursor:pointer; border-radius:25px; 0px 0px 5px 3px #ddd;}
.partner .pageBtn .prev:hover{background:url(../images/bant1.png) no-repeat -50px 0; transition:all 0.3s;}
.partner .pageBtn .next{display: block; width: 50px;height: 50px;background:url(../images/bant2.png) no-repeat 0 0; position: absolute;opacity: 1;filter: alpha(opacity=0);display: block;background-position: 0px 0px;right: -1220px; text-indent:1000em; overflow:hidden;cursor:pointer}
.partner .pageBtn .next:hover{background:url(../images/bant2.png) no-repeat -50px 0; transition:all 0.3s;}

/* 新闻中心 */
.news{padding:40px 30px 50px; overflow:hidden;}
.newsTitle{height:40px;line-height:40px; padding-left:15px; font-size:24px; margin-bottom:15px;font-weight:normal;}
.news .bd{width:200px;height:260px;}
.news .bd img{width:200px;height:220px;margin-top:10px;margin-bottom:10px;}
.news .news-cont{width:650px;overflow:hidden;}
.news .news-cont a{color:#02A2EE; font-size: 18px; line-height: 40px;}
.news .news-list{margin-left: 40px;width:410px; height:220px;}
.news .news-list li{height:40px;line-height:40px; font-size: 14px}
.news .news-list li a{padding-left: 20px; background:url(../images/news_li.png) no-repeat 5px center; height:40px;line-height:40px; font-size: 16px; color:#999;}
.news .news-list li:hover a{color:#0f6cb2; background:url(../images/news_lih.png) no-repeat 5px center; transition:all 0.3s;}
.industry{margin:0 30px;}

/*  首页留言 */
.homeForm{background:url(../images/form-bg3.jpg) no-repeat center top; background-size:cover; height:350px;padding-top:70px;overflow:hidden;}
.homeForm .grWidth{width: 1220px}
.homeForm .left{width:580px;color:#2b3134;}
.homeForm .left h2{font-size:36px;font-weight:normal;line-height:36px;}
.homeForm .left h2 span{display:block;font-size:45px;line-height:45px;font-weight:bold;margin:10px 0 15px 0;}
.homeForm .left .p1{font-size:16px;background:url(../images/form_line.jpg) no-repeat left bottom;padding-bottom:10px;margin-bottom:15px;}
.homeForm .font p{height:20px;line-height:20px;margin-bottom:10px;font-size:14px;font-weight:bold;}
.homeForm .font span{display:inline-block;background:url(../images/form_icon.png) no-repeat;padding-left:25px;}
.homeForm .font .f2{background-position:0 -30px;}
.homeForm .font .f3{background-position:0 -60px;}
.homeForm .font .f4{background-position:0 -90px;}
.homeForm .font .f1,.homeForm .font .f3{width:190px;}

.homeForm .right{margin-top: -20px; padding:20px 30px; width:320px; background:#fff; overflow:hidden;}
.homeForm .right .form-tit{height: 50px; line-height: 40px;text-align: center; font-size:30px; color: #028EE6}
.homeForm .right input{display:block;width:300px;padding:0 10px; height:38px;line-height:38px;font-size:16px;color:#2b3134;margin-bottom:10px;border:1px solid #ccc; border-radius: 6px}
.homeForm .right textarea{height:38px; line-height:38px; padding:0 10px; width:300px;font-size:16px;color:#2b3134;margin-bottom:10px;border:1px solid #ccc; border-radius: 6px}
.homeForm .right .code{float:left;width:100px;padding:0 10px;margin-right:5px;height:38px;}
.homeForm .right .checkcode{height:40px;}
.homeForm .right input:focus,.homeForm textarea:focus{border:1px solid #02a2ee;}
.homeForm .right .sub{width:320px;height:40px;text-align:center;font-size:16px;background:#02a2ee;color:#fff;padding:0;clear:both;margin-top:30px;transition:all 0.3s;cursor:pointer;}
.homeForm .right .sub:hover{transition:all 0.5s; margin-top:25px; margin-bottom:15px}


.footer .grWidth{width: 1220px;font-size:14px}


/*案例列表*/
.listWrapper{background: #F1F2F4}
.filter-box .padding-big {padding: 10px 15px; }
.padding-big {padding: 20px; }
.filter-box .cate-line {padding: 15px 0; border-bottom: 1px solid #eee;}
.filter-box .cate-line dt {margin-right: 15px; display: block; float: left; line-height: 24px;  font-size: 15px;font-weight: normal; }
.filter-box .cate-line dd {display: block; float: left; position: relative; }
dl, dd, ul, li {margin: 0; padding: 0; list-style: none; }
.filter-nav ul li {margin: 0; display: block; float: left; width: auto; line-height: 24px; font-size: 15px;}
.filter-nav ul li a {margin: 0 10px 0 0; padding: 2px 10px; cursor: pointer; display: block; color: #6E6E6E; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
.filter-nav ul li a.active, .filter-nav ul li a:hover {color: #fff; background: #0BB6EE; }
.radius-rounded {border-radius: 4px; padding-left: 1em; padding-right: 1em; }

.breadCrumb2{margin-bottom: 0;}

.productList .pro-item{position: relative; background: #fff; margin-bottom: 40px; height: 430px}
.productList .pro-item:hover{box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}
.productList .pro-item .pro-desc{padding: 20px}
.product .pro-item:first-child{width: 900px}
.product .pro-item:first-child .pImg{width: 900px; height: 440px}
.product .pro-item:first-child .pImg img{width: 100%; height: 100%}
.product .pro-item:first-child .pro-desc{position: absolute; width: 860px; bottom: 5px; left: 10px; background: rgba(0,0,0,.1); color: #fff;}
.product .pro-item:first-child .pro-desc a{color: #fff;}
.productList .pro-item .pro-type{height:30px; line-height: 30px; font-size:16px;  }
.productList .pro-item .type-line{height:0; border-top: 1px solid #aaa; width:60px; margin-left:0  }
.productList .pro-item .pro-tit{margin-top: 15px;height: 30px; line-height: 30px; font-size:18px; font-weight: 700; border: none;}
.productList .pro-item .pro-style{height: 30px; line-height: 30px; font-size:16px; }
/*分页*/
.list-page{text-align: center;}
.list-page .pagination{display: inline-block;}
.list-page .pagination li{float: left}
.list-page .pagination li.active a{background: #02a2ee;color: #fff;}

/*案例详情*/
.detailLeft{width:920px;overflow:hidden;}
.detailBox{/*padding:20px 29px 14px 29px;*/ margin-bottom:30px;}
.proShow_Box1 .font1{font-size:14px;color:#000;margin-bottom:15px; line-height:30px;}
.proShow_Box1 .font1 .tit_anli{width:840px;}
.proShow_Box1 .font1 .tit_anli .con_anli{ width:420px; float:left;}
.proShow_Box1 .font1 .tit_anli .con1_anli{ width:420px; float:right;}
.ProShow_Box1 .kong{ height:30px;}
.proShow_Box1 h1{ font-size:14px;}
.font2,.caseShow_font1{padding-bottom:10px;}
.font2 h3,.caseShow_font1 h3{font-size:20px;color:#000;height:30px;/*border-bottom:1px dotted #adadad;*/margin-bottom:10px;font-weight:normal;}
.gxqm {margin-top: 60px; text-align: center; margin-bottom:30px; }
.gxqm h3 {color: #545450; font-size: 36px; font-weight: normal; line-height: 36px; }
.gxqm .xian {text-align: center; }
.gxqm .xian span {background: #02a2ee none repeat scroll 0 0; display: inline-block; height: 3px; width: 166px; }
.diji {margin-top: 30px; }
.diji a {background: #02a2ee none repeat scroll 0 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; padding: 8px 20px; text-decoration: none; }
.diji a em {background: rgba(0, 0, 0, 0) url("../images/wx.png") no-repeat scroll 0 0; display: inline-block; height: 24px; margin-right: 5px; vertical-align: middle; width: 24px; }
.hbd {color: #666666; font-size: 18px; margin-bottom: 20px; margin-top: 20px; }
.telg {color: #666666; font-size: 24px; }
.dyf {color: #666666; font-size: 26px; margin-top: 20px; }
.detailShare{overflow:hidden;padding:25px 0;border-bottom:1px dotted #adadad; border-top:1px dotted #adadad;}
.detailShare span{border-left:1px dotted #adadad;padding:0 15px;}
.detailShare span.date{margin-left:15px;}
.detail_fenx{font-size:14px;padding-top:10px;overflow:hidden;}
.zoombox {width:1220px; margin:0 auto 35px;}
.zoompic {width:1220px; /*height:780px;*/ background:url(../images/loading.gif) no-repeat 50% 50%; margin: 0 auto;overflow:hidden;}
.example-image{max-width:1220px; max-height:780px; width:expression(document.body.clientWidth>1220?"1220px":"auto"); height:expression(document.body.clientheight>780?"780px":"auto"); overflow:hidden; margin:0 auto; display:block; }
.sliderbox {height:160px; overflow:hidden;margin-top:20px;}
.sliderbox .arrow-btn {width:20px;height:130px; background:url(../images/arrow_btn.png) no-repeat;cursor:pointer;margin-top:10px;}
.sliderbox #btn-left { float:left; background-position:0 0; }
.sliderbox #btn-left.dasabled { background-position:-40px 0; }
.sliderbox #btn-right { float:right; background-position:-20px 0; }
.sliderbox #btn-right.dasabled { background-position:-60px 0; }

.sliderbox .slider { float:left; height:160px;width:1160px; position:relative;margin-left:10px;overflow:hidden;}
.sliderbox .slider ul {position:absolute;left:0; width:1080px; }
.sliderbox .slider li { float:left; width:232px; height:155px;text-align:center; }
.sliderbox .slider li img { border:3px solid #dfdfdf; width:220px; height:145px; }
.sliderbox .slider li.current img { border:3px solid #0bb6ee; }

.relatedPro{overflow:hidden;}
.relatedTitle{height:30px;border-bottom:1px dotted #adadad;font-size:18px;color:#000;margin-bottom:20px;background:url(../images/p_icon.png) no-repeat left 4px;font-weight:normal;padding-left:10px;}
.relatedPro ul{width:1220px;}
.relatedPro li{float:left;width:275px; padding:5px;border:1px solid #ddd; color:#888;margin:9px;}
.relatedPro li .pImg{display:block;width:275px;overflow:hidden;}
.relatedPro li img{width:275px;height:180px;transition:all 0.5s;transform:scale(1,1);text-align:center;}
.relatedPro li h4{height:30px;border-bottom:1px solid #ddd;font-size:14px;margin-bottom:5px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.relatedPro li h4 a{color:#333;}
.relatedPro li:hover{border:1px solid #02a2ee;}
.relatedPro li h4 a:hover{color:#02a2ee;}
.relatedPro li img:hover{transition:all 0.5s;transform:scale(1.04,1.05);}
.detailRight{width:280px;overflow:hidden; float:right; }
.rightDesign,.rightRelated,.rightCase{border:1px solid #ddd; margin-bottom:20px;}
/*.div2 { position: fixed; top: 2px; z-index: 250; right:338px; } .absolute { bottom: 0; position: absolute; z-index: 250; right:0px; } */
.rTitle1 { /*background: rgba(0, 0, 0, 0) url("../images/r_title.jpg") repeat-x scroll 0 0;*/ color: #000; font-size: 24px; font-weight: bold; height: 39px; line-height: 39px; padding: 15px 20px 5px; text-align: center; }
.rTitle{  background: #02A3EE; font-size: 14px; height: 36px; text-indent: 2em; line-height: 36px; color: rgb(255, 255, 255);}
.rightDesign .main {padding: 0 10px; }
.rightDesign .main .p1 {color: #000; font-size: 14px; margin-bottom: 10px; text-align: center; }
.rightDesign .main input {background: #fff none repeat scroll 0 0; border: 1px solid #e1e1e1; display: block; font-size: 14px; height: 34px; margin: 12px 0; padding: 0 10px; width: 235px; }
.rightDesign .main .sub {background: #02a2ee none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 5px; padding: 0; text-align: center; width: 258px; }
.rightDesign .main input:focus {border: 1px solid #02a2ee; }
.rightDesign .main .sub:focus, .rightDesign .main .sub:hover {background: #333 none repeat scroll 0 0; border: medium none; }
.rightRelated .main {padding: 10px; }
.rightRelated .main img {margin-bottom: 10px; padding: 2px; width: 254px; }
.rightRelated .main li{height:34px;line-height:34px;border-bottom:1px dotted #a7a7a7;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.rightRelated .main li a{background:url(../images/news_li.png) no-repeat 5px center;padding-left:15px;}
.rightRelated .main li:last-child{border-bottom:none;}
.rightRelated .main li a:hover{background:url(../images/news_lih.png) no-repeat 5px center;}


/*工地实拍列表页*/
.lm-title {margin:60px auto; font-size:42px; font-weight:700; text-align:center; color:#000;}
.gongdi .pro-item{position: relative; background: #fff; margin-bottom: 50px; height: 540px}
.gongdi .pro-item .pro-cont{padding: 20px; height:230px;}
.gongdi .pro-item .pro-tit{margin-top: 15px; font-size:24px; color:#000; font-weight: 700; border: none;text-align:center;}
.gongdi .pro-item .pro-en{height:30px; line-height: 30px; font-size:14px; color:#aaa; text-align:center;}
.gongdi .pro-item .pro-desc{height: 24px; line-height: 24px; font-size:16px; color:#111;}
.gongdi .pro-item{float:left;width:433px; padding:0; margin-right:50px; color:#888;}
.gongdi .pro-item .pImg {width: 433px; height: 300px; overflow: hidden; margin-bottom: 10px; }
.gongdi .pro-item img{width:100%; height:300px;transition:all 0.8s;}
.gongdi .pro-item:hover img{ transform:scale(1.08,1.08);}
.gongdi .pro-item .pro-tit{font-size:18px; color:#666}
.gongdi .pro-item:hover .pro-tit{color:#018EE6;}
.gongdi li:nth-child(3n){margin-right:0;}

/*工地实拍详情页*/
.gdshow{width:1220px;}
.gdshow .zoombox{width:860px;margin-bottom:35px}
.gdshow .zoompic{width:860px;height:580px;background:url(../images/loading.gif) no-repeat 50% 50%;margin:0 auto;overflow:hidden}
.gdshow .example-image{max-width:860px;max-height:580px;width:expression(document.body.clientWidth>860?"860px":"auto");height:expression(document.body.clientheight>580?"580px":"auto");overflow:hidden;margin:0 auto;display:block}
.gdshow .sliderbox{height:85px;overflow:hidden;margin-top:20px}
.gdshow .sliderbox .arrow-btn{width:20px;height:85px;background:url(../images/arrow_btn.png) no-repeat;cursor:pointer;margin-top:10px}
.gdshow .sliderbox #btn-left{float:left;background-position:0 0}
.gdshow .sliderbox #btn-left.dasabled{background-position:-40px 0}
.gdshow .sliderbox #btn-right{float:right;background-position:-20px 0}
.gdshow .sliderbox #btn-right.dasabled{background-position:-60px 0}
.gdshow .sliderbox .slider{float:left;height:85px;width:800px;position:relative;margin-left:10px;overflow:hidden}
.gdshow .sliderbox .slider ul{position:absolute;left:0;width:999px}
.gdshow .sliderbox .slider li{float:left;width:134px;height:85px;text-align:center}
.gdshow .sliderbox .slider li img{border:3px solid #dfdfdf;width:114px;height:79px}
.gdshow .sliderbox .slider li.current img{border:3px solid #0bb6ee}
.gdshow .relatedPro{overflow:hidden}
.gdshow .relatedTitle{height:30px;border-bottom:1px dotted #adadad;font-size:18px;color:#000;margin-bottom:20px;background:url(../images/p_icon.png) no-repeat left 4px;font-weight:normal;padding-left:10px}

/*一站式服务*/
.yizansi .pro-item{position: relative;background: #fff;margin-bottom: 50px; height: auto}
.yizansi .pro-item .pro-cont{padding: 15px; height:auto; padding-bottom: 30px;}
.yizansi .pro-item .pro-tit{margin-top: 15px; font-size:24px; color:#000; font-weight: 700; border: none;text-align:center;}
.yizansi .pro-item .pro-en{height:30px; line-height: 30px; font-size:14px; color:#aaa; text-align:center;}
.yizansi .pro-item .pro-desc{height: 24px; line-height: 24px; font-size:16px; color:#111;}
.yizansi .pro-item{float:left;width:433px; padding:0; margin-right:50px; color:#888;}
.yizansi .pro-item .pImg {width: 433px;height: auto;overflow: hidden;margin-bottom: 10px;}
.yizansi .pro-item img{width:100%; height:200px;}
.yizansi .pro-item:hover img{transition:all 0.5s; transform:scale(1.05,1.05);}
.yizansi .pro-item:hover h4{color:#018EE6;}
.yizansi li:nth-child(3n){margin-right:0;}

/*About*/
.wrap_1200 { width: 1200px; margin: 0 auto; }
.wrap_1400 { width: 1400px; margin: 0 auto; }
.About .p { padding-right: 20px; box-sizing: border-box; }
.About .Ab_nav { height: 100px; }
.About .Ab_nav > div { z-index: 977; width: 100%; height: 100px; background: #fff; }
.About .Ab_nav ul { padding: 13px 0; }
.About .Ab_nav ul li { float: left; width: 16.66%; cursor: pointer; }
.About .Ab_nav ul li i { display: block; width: 48px; height: 48px; margin: 0 auto 12px; background: no-repeat center; background-size: 100%; }
.About .Ab_nav ul li span { display: block; font-size: 14px; color: #333; text-align: center; }
.About .Ab_nav ul li.a1 i { background-image: url(../images/ab_1_1.png); }
.About .Ab_nav ul li.a2 i { background-image: url(../images/ab_2_1.png); }
.About .Ab_nav ul li.a3 i { background-image: url(../images/ab_3_1.png); }
.About .Ab_nav ul li.a4 i { background-image: url(../images/ab_4_1.png); }
.About .Ab_nav ul li.a5 i { background-image: url(../images/ab_5_1.png); }
.About .Ab_nav ul li.a6 i { background-image: url(../images/ab_6_1.png); }
.About .Ab_nav ul li.a7 i { background-image: url(../images/ab_7_1.png); }
.About .Ab_nav ul li:hover span, .About .Ab_nav ul li.on span { color: #0281CC; }
.About .Ab_nav ul li:hover.a1 i, .About .Ab_nav ul li.on.a1 i { background-image: url(../images/ab_1_2.png); }
.About .Ab_nav ul li:hover.a2 i, .About .Ab_nav ul li.on.a2 i { background-image: url(../images/ab_2_2.png); }
.About .Ab_nav ul li:hover.a3 i, .About .Ab_nav ul li.on.a3 i { background-image: url(../images/ab_3_2.png); }
.About .Ab_nav ul li:hover.a4 i, .About .Ab_nav ul li.on.a4 i { background-image: url(../images/ab_4_2.png); }
.About .Ab_nav ul li:hover.a5 i, .About .Ab_nav ul li.on.a5 i { background-image: url(../images/ab_5_2.png); }
.About .Ab_nav ul li:hover.a6 i, .About .Ab_nav ul li.on.a6 i { background-image: url(../images/ab_6_2.png); }
.About .Ab_nav ul li:hover.a7 i, .About .Ab_nav ul li.on.a7 i { background-image: url(../images/ab_7_2.png); }
.About .Ab_tit { line-height: 40px; }
.About .Ab_tit span { display: inline-block; font-size: 40px; font-weight: 100; color: #333; vertical-align: top; }
.About .Ab_tit span i { display: inline-block; margin-left: 14px; font-size: 20px; font-weight: 100; color: #ccc; vertical-align: bottom; line-height: 1; }
.About .Ab_1 { width: 100%; height: 700px; padding-top: 70px; box-sizing: border-box; background: no-repeat center; background-size: cover; }
.About .Ab_1 .Ab_tit { float: left; }
.About .Ab_1 .Ab_mian { position: relative; float: right; width: 941px; height: 616px; padding-top: 15px; background: url(../images/icon_17.png) no-repeat bottom center; background-size: 100%; }
.About .Ab_1 .Ab_mian h4 { margin-top: -9px; margin-bottom: 40px; font-size: 30px; color: #0280cc; }
.About .Ab_1 .Ab_mian .pp { height: 210px; overflow: hidden; padding: 0 40px 0 0; }
.About .Ab_1 .Ab_mian .pp p { font-size: 14px; color: #333; line-height: 30px; text-indent: 2em; }
.About .Ab_1 .Ab_mian .pp > div { margin-top: 0; -webkit-transition: all .5s; transition: all .5s; }
.About .Ab_1 .Ab_mian .pp br { display: block; height: 12px; }
.About .Ab_1 .Ab_mian .kk { position: absolute; left: 0; bottom: 0; }
.About .Ab_1 .Ab_mian .kk td {width: 260px; height: 188px;  padding-left: 40px; box-sizing: border-box; background: url(../images/icon_16.png) no-repeat 6px bottom; font-size: 18px; vertical-align: top; color: #d5302a;}
.About .Ab_1 .Ab_mian .kk td strong {font-size: 30px; }
.About .Ab_1 .Ab_mian .kk td div.desc {margin-top: 10px; font-size: 16px; color: #333; }
.About .Ab_1 .abbtt { padding: 30px 0; font-size: 0; }
.About .Ab_1 .abbtt a { display: inline-block; width: 34px; height: 34px; margin-right: 15px; border: 1px solid #989898; border-radius: 5px; font-size: 20px; color: #666; text-align: center; line-height: 34px; }
.About .Ab_1 .abbtt a:hover { color: #0280CC; border-color: #0280CC; }
.About .Ab_1 .abbtt a.on { pointer-events: none; }
.About .Ab_2 { width: 100%; height: 678px; padding: 70px 0; background: no-repeat center; background-size: cover; box-sizing: border-box; }
.About .Ab_2 .Ab_mian { position: relative; width: 100%; height: 450px; }
.About .Ab_2 .Ab_mian a { position: absolute; -webkit-transition: all .5; transition: all .5; }
.About .Ab_2 .Ab_mian a.a1 { top: 165px; left: 120px; }
.About .Ab_2 .Ab_mian a.a2 { top: -6px; left: 592px; }
.About .Ab_2 .Ab_mian a.a3 { bottom: -18px; right: 120px; }
.About .Ab_2 .Ab_mian a i { display: block; width: 238px; height: 238px; overflow: hidden; margin: 0 auto 20px; border-radius: 50%; }
.About .Ab_2 .Ab_mian a em { display: block; font-size: 20px; color: #000; text-align: center; }

.About .Ab_6 { padding: 80px 0; background: #F3F4F6;}
.About .Ab_6 .honor { height: 1100px; }
.About .Ab_6 .Ab_tit { position: relative; }
.About .Ab_6 .Ab_tit a.iconfont { position: absolute; top: 100%; width: 35px; height: 35px; z-index: 9; border: 1px solid #ccc; margin-top: -20px; border-radius: 50%; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 35px; }
.About .Ab_6 .Ab_tit a.iconfont.prev { right: 60px; }
.About .Ab_6 .Ab_tit a.iconfont.next { right: 15px; }
.About .Ab_6 .Ab_tit a.iconfont:hover { background: #0280CC; color: #fff; }
.About .Ab_6 .Ab_mian { margin-top: 40px; overflow: hidden; }

.About .Ab_6 .ab_box { float: left; padding: 0; width: 25%;}
/*.About .Ab_6 .honor-ry {padding-bottom:10px; border: 1px solid #eee; box-sizing: border-box;}*/
.About .Ab_6 .ab_box .shu, .About .Ab_6 .ab_box .heng{margin:5%;}
.About .Ab_6 .ab_box .item { display: block; width: 100%; background: #fff; text-align: center; overflow:hidden; border: 1px solid #e8e8e8;box-sizing: border-box;}
.About .Ab_6 .ab_box .item .img { display: inline-block; vertical-align: middle; border:none; overflow:hidden}
.About .Ab_6 .ab_box .shu .img {height: 300px; line-height: 300px; max-width: 100%; max-height: 100%;}
.About .Ab_6 .ab_box .shu .img img{ display: inline-block; height: 300px; line-height: 300px; max-width: 100%; max-height: 100%; vertical-align: middle; border:none; overflow:hidden}
.About .Ab_6 .ab_box .heng .img {height: 250px; line-height: 250px; max-width: 100%; max-height: 100%;}
.About .Ab_6 .ab_box .heng .img img{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; border:none; overflow:hidden}
.About .Ab_6 .ab_box p {padding: 0 15px;height: 60px; border-top: 1px solid #eee; background: #fff; box-sizing: border-box; font-size: 14px; color: #000; text-align: center; line-height: 60px; }

.About .Ab_6 .ab_box p span { display: inline-block; color: #000; text-align: left; line-height: 60px; }
.About .Ab_6 .ab_box p .icon { margin-top:17px; display: inline-block; width:26px; height:26px; background: url(../images/fdj.png) no-repeat;}

.About .Ab_6 .ab_box:hover a{ box-shadow: 0px 0px 5px 3px #ddd;}
.About .Ab_6 .ab_box:hover .img img { transition:all 0.5s; transform:scale(1.08,1.08);}
.About .Ab_6 .ab_box:hover p, .About .Ab_6 .ab_box:hover span { color: #0280CC; }
.About .Ab_6 .ab_box:hover p .icon { background: url(../images/fdj_active.png) no-repeat;}

.About .Ab_7 { position: relative; z-index: 1; width: 100%; height: 540px; overflow: hidden; padding-top: 60px; box-sizing: border-box; background: no-repeat center; background-size: cover; }
.About .Ab_7:before { position: absolute; top: 411px; left: 0; z-index: 1; width: 100%; height: 8px; content: ''; background: #d1d1d1; }
.About .Ab_7 .grWidth { position: relative; }
.About .Ab_7 .grWidth > a.iconfont { position: absolute; top: 40%; z-index: 9; width: 38px; height: 38px; overflow: hidden; border: 1px solid #333; border-radius: 50%; background: #fff; box-sizing: border-box; font-size: 16px; color: #999; text-align: center; line-height: 38px; }
.About .Ab_7 .grWidth > a.iconfont.next { left: 100%; }
.About .Ab_7 .grWidth > a.iconfont.prev { right: 100%; }
.About .Ab_7 .grWidth > a.iconfont:hover { border-color: #0280CC; background: #0280CC; color: #fff; }
.About .Ab_7 .swiper-slide { cursor: pointer; }
.About .Ab_7 .swiper-slide:hover .abc_hd span, .About .Ab_7 .swiper-slide.on .abc_hd span { color: #0280CC; border-color: #0280CC; }
.About .Ab_7 .swiper-slide.on .abc_bd { z-index: 6; }
.About .Ab_7 .swiper-slide.on .abc_bd i { display: block; }
.About .Ab_7 .swiper-slide.on .abc_box { display: block; }
.About .Ab_7 .swiper-slide.p_left .abc_bd i:after { left: -2px; background-image: url(../images/icon_28.png); }
.About .Ab_7 .swiper-slide.p_left .abc_box { left: 50%; margin-left: 40px; -webkit-animation: Ls_right 1.5s ease forwards; animation: Ls_right 1.5s ease forwards; }
.About .Ab_7 .swiper-slide.p_left .abc_img { float: left; }
.About .Ab_7 .swiper-slide.p_left .abc_txt { float: right; text-align: left; }
.About .Ab_7 .Ab_mian { position: relative; margin-top: 50px; overflow: hidden; z-index: 2; }
.About .Ab_7 .abc_hd { position: relative; z-index: 4; margin-top: 40px; font-size: 0; text-align: center; }
.About .Ab_7 .abc_hd span { display: inline-block; width: 130px; height: 34px; border: 2px solid #d4d4d4; border-radius: 30px; font-size: 16px; color: #999; line-height: 34px; }
.About .Ab_7 .abc_hd:before { position: absolute; top: -51px; left: 50%; width: 22px; height: 12px; content: ''; margin-left: -11px; background: #d1d1d1; }
.About .Ab_7 .abc_bd { position: relative; z-index: 5; height: 270px; }
.About .Ab_7 .abc_bd i { display: none; position: absolute; bottom: -2px; left: 50%; width: 8px; height: 100%; background: #0280cc; -webkit-animation: fade-in 1s ease forwards; animation: fade-in 1s ease forwards; }
.About .Ab_7 .abc_bd i:before { position: absolute; left: -11px; bottom: 0; width: 30px; height: 12px; content: ''; background-color: #0280CC; }
.About .Ab_7 .abc_bd i:after { position: absolute; top: 0; left: -13px; width: 23px; height: 23px; content: ''; background: url(../images/icon_29.png) no-repeat center; background-size: 100%; }
.About .Ab_7 .abc_box { display: none; position: absolute; top: 0; right: 50%; z-index: 25; width: 660px; height: 210px; margin-right: 40px; -webkit-animation: Ls_left 1.5s ease forwards; animation: Ls_left 1.5s ease forwards; }
.About .Ab_7 .abc_img { width: 250px; height: 188px; overflow: hidden; }
.About .Ab_7 .abc_img img { width: 100%; }
.About .Ab_7 .abc_txt { width: calc(100% - 270px); text-align: right; }
.About .Ab_7 .abc_txt span { display: block; margin-bottom: 20px; font-size: 30px; color: #0280cc; }
.About .Ab_7 .abc_txt em { display: block; margin-bottom: 10px; font-size: 24px; color: #000; }
.About .Ab_7 .abc_txt font { display: block; max-height: 120px; font-size: 14px; color: #666; line-height: 30px; }
.About .Ab_7 .swiper-slide-visible {}
.About .Ab_7 .swiper-slide {}
.About .Ab_7 .swiper-slide {float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.About .Ab_8 { padding: 80px 0 0; }
.About .Ab_8 .Ab_tit { position: relative; }
.About .Ab_8 .Ab_tit a.iconfont { position: absolute; bottom: 0; width: 35px; height: 35px; border: 1px solid #ccc; border-radius: 50%; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 35px; }
.About .Ab_8 .Ab_tit a.iconfont.prev { right: 60px; }
.About .Ab_8 .Ab_tit a.iconfont.next { right: 15px; }
.About .Ab_8 .Ab_tit a.iconfont:hover { background: #0280CC; color: #fff; }
.About .Ab_8 .Ab_mian { height: 650px; overflow: hidden; }
.About .Ab_8 .Ab_mian ul { margin-right: -2%; }
.About .Ab_8 .Ab_mian ul li { float: left; width: 19.6%; overflow: hidden; margin-top: 20px; box-sizing: border-box; font-size: 0; text-align: center; line-height: 110px; }
.About .Ab_8 .Ab_mian ul li a { display: inline-block; vertical-align: middle; }
.About .Ab_8 .Ab_mian ul li p {margin:4% 2%; border: 1px solid #dcdcdc; box-sizing: border-box; overflow:hidden}
.About .Ab_8 .Ab_mian ul li img { width: 100%; height: 135px;}

.news-list{background: #fff;}
.news-list .grWidth{width:1220px;}
.news-list-l{position:relative; width:190px; text-align:center;}
.news-list-l .news-type{position:absolute; top:-30px; z-index: 9; width:190px;}
.news-list-l .news-type .type-cont{margin-top: 40px;}
.news-list-l .news-type .type-cont li{line-height: 45px; font-size: 14px;}
.news-list-l .news-type .type-cont li.active a{font-weight: 700; color:#018EE6}
.news-list-l .type-tit{padding-top:50px; width:100%; height:120px; background: #02A2EE; color:#fff; z-index:999;}
.news-list-l .type-tit .tit{font-size:16px;}
.news-list-l .type-tit hr{width:50px; height:0; border-top: 2px solid #fff;}
.news-list-l .type-tit .desc{line-height: 35px;}

.news-list-r{width:980px;}
.news-list-r .newsList {padding:15px 0;}
.news-list-r .newsList .news-item{padding:15px; border-bottom:1px solid #ccc;}
.news-list-r .newsList a:hover .news-item{background: #eee;}
.news-list-r .newsList a:hover .news-item h3{color: #018EE6; font-weight:700}
.news-list-r .newsList a .news-item img{transition: all 0.3s;}
.news-list-r .newsList a:hover .news-item img{transition: all 0.3s;transform: scale(1.08,1.08);}
.news-list-r .newsList .cont{width:620px;}
.news-list-r .newsList .cont p{font-size:14px; line-height: 28px; color:#999;}
.news-list-r .newsList .cont p:hover{color:#999; }
.news-list-r .newsList, .news-list-r .newsList ul, .news-list-r .newsList li, .news-list-r .newsList li p{width:100%;}
.news-list-r .newsList li{margin-bottom: 0; height:160px;}
.news-list-r .newsList li h3{padding-top: 0px; height:40px; font-size: 16px; color:#111; }
.news-list-r .newsList li .time{font-size: 14px; width:120px;}
.news-list-r .newsList li img{margin-right:30px;width:200px; height:130px;}

.contact-detail .contact-addr{background: #F1F2F4; height: 360px; padding-bottom: 0}
.contact-detail .contact-addr .cont{background: #fff; margin-top:50px; height: 280px;}
.contact-detail .contact-addr .cont .content{width:100%;}
.contact-detail .contact-addr .cont ul{float:left; width:25%;}
.contact-detail .contact-addr .cont ul li{padding:0 8% 0 12%; width:80%; height: 66px; border-right:1px solid #eee; vertical-align: top;}
.contact-detail .contact-addr .cont ul li:nth-child(1){padding-top:50px; font-size: 16px; font-weight: 700;}
.contact-detail .contact-addr .cont ul li:nth-child(2){ font-size: 14px; font-weight: 700;}
.contact-detail .contact-addr .cont ul li:nth-child(3){padding-bottom:50px; font-size: 14px; font-weight: 700;}
.contact-detail .contact-addr .cont .fgs ul li:nth-child(2){background: url(../images/icon-dw.png) no-repeat 15px 0px;}
.contact-detail .contact-addr .cont .fgs ul li:nth-child(3){background: url(../images/icon-tel.png) no-repeat 15px 0px;}

.dt-contact{padding-top:60px;padding-bottom:50px;background-color: #fff;}
.dt-contact .wrap{width:1220px;margin:0 auto}
.dt-contact .wrap .ditu{width:680px; overflow: hidden;}
.dt-contact .wrap .address{margin-left:60px; width:440px;}
.dt-contact .wrap .address li{line-height: 60px; font-size: 16px}
.dt-contact .wrap .address .erwm{padding-top: 50px}
.dt-contact .wrap .address .erwm div{padding: 30px 25px}
.dt-contact .wrap .address p{line-height: 40px; font-size: 16px}

.pageContent{padding: 30px 0 60px;background: #fff;}
.liuyan .ly-title{position: relative; height: 80px}
.liuyan .ly-title .tit{position: absolute; left: 50%; margin-left: -80px; width: 160px; text-align: center; height: 40px; line-height: 40px; background: #fff; font-size: 26px; font-weight: 400; z-index: 2; color: #111;}
.liuyan .ly-title hr{position: absolute; top: 16px; width: 100%; height: 0; border: none; border-top: 1px solid #ddd; z-index: 1; }


.contact-detail .contact-cont{ height: 360px; padding-bottom: 0}
.contact-detail .contact-cont .cont{background: #fff; margin-top:50px; height: 280px;}
.contact-detail .contact-cont .cont .title h1{height: 40px;text-align: center;font-size: 36px; font-weight: 400; color: #333;}
.contact-detail .contact-cont .cont .title p{text-align: center;font-size: 18px; color: #666}
.contact-detail .contact-cont .cont .content{width:100%;}
.contact-detail .contact-cont .cont ul{float:left; width:25%; text-align:center}
.contact-detail .contact-cont .cont ul li{padding:0 8%; width:82%; color: #333;height: 30px;}
.contact-detail .contact-cont .cont ul li:nth-child(1){padding-top:50px; font-size: 16px; font-weight: 700; height: 66px;}
.contact-detail .contact-cont .cont ul li:nth-child(2){margin-top:50px;font-size: 18px; font-weight: 700; }
.contact-detail .contact-cont .cont ul li:nth-child(3){padding-bottom:50px; font-size: 14px; font-weight: 700; color: #666}

.dt-contact{padding-top:60px;padding-bottom:50px;background-color: #fff;}
.dt-contact .wrap{width:1220px;margin:0 auto}
.dt-contact .wrap .ditu{width:680px; overflow: hidden;}
.dt-contact .wrap .address{margin-left:40px; width:500px;}
.dt-contact .wrap .address li{margin-bottom: 10px;line-height:34px; font-size: 16px}
.dt-contact .wrap .address .erwm{padding-top: 50px}
.dt-contact .wrap .address .erwm div{padding: 30px 25px}
.dt-contact .wrap .address p{line-height: 40px; font-size: 16px}


.news-detail .grWidth{width:1220px; margin:0 auto;}
.news-detail .detailLeft{padding:50px 15px 0; width:100%;}
.news-detail .articleBox1_font{margin-top:30px; font-size:14px;}
.news-detail .articleBox1_font img{max-width:100%;}


.detailBox{padding-top: 50px}
.detailBox .con_anli_desc{width: 840px; margin: 0 auto 30px;}
/*.con_anli_desc:nth-child(1){ border-top: 1px solid #ddd}*/
/*.con_anli_desc li{width: 33.33%; float: left; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd}
*/
.detailBox .anli-desc{width:840px; margin: 0 auto 30px;}
.detailBox .anli-tab{width:100%;}
.detailBox .anli-desc tr td{padding:1.5%; width:31.83%; height: 40px; line-height: 40px; font-size: 16px; border:1px solid #ddd;}
.detailBox .anli-desc .con_anli_desc label{color: #999}
.detailBox .anli-desc .con_anli_desc span{color: #333}

.detailBox .kong{clear: both; height: 10px}

.detailBox .det-conent{padding:40px; background: #F7F7F7}
.detailBox .det-conent .det-cont span{color:#02a2ee}
.detailBox .det-conent .det-cont hr{margin:10px auto 0 0; border-bottom: 2px solid #02a2ee; width:20px;}

.detailBox .detail-tel{display:inline-block; padding:28px 0 0 50px; width:280px; height:32px;background: url(../images/tel-bg.png) no-repeat left center; font-size:30px; color:#02a2ee}
.detailBox .detail-con{display:inline-block; width:166px; height:38px;background: url(../images/contact-bg.png) no-repeat}

.detailBox .relatedPro li .rel-txt{display: block; height:40px; line-height: 40px; text-align: center; font-size: 14px}




.listScreen{margin-bottom: 30px;}
.listScreen .padding-big{background: #fff;}

.foot-liuyan{margin:30px auto 40px; width:1220px; height:200px}
.foot-liuyan .content{margin: 10px; padding:40px; width:1140px; height:100px; background:#fff; border: 1px solid #eee;box-shadow:0 0 10px #ddd;}
.foot-liuyan .content .tit{height: 20px; line-height: 20px; margin-bottom: 40px;}
.foot-liuyan .content .tit .hi{font-size: 20px; font-weight: 700; color: #111; border-left: 6px solid #00A2ED; padding-left: 8px;}
.foot-liuyan .content .tit .tips{font-size: 16px;}
.foot-liuyan .content .tit .tips strong{color:#00A2ED;}
.foot-liuyan .content .liuyan #feedback_form input {width: 260px; height: 40px; line-height: 40px; float: left; margin: 0 30px 0 0; padding: 0 10px; border: 1px solid #dbdbdb; }
.foot-liuyan .content .liuyan #feedback_form input:hover { border: 1px solid #00A2ED; }
.foot-liuyan .content .liuyan #feedback_form input.btns {width: 180px; border: 2px solid #00A2ED; margin-right: 0; border-radius: 4px; transition:all 0.3s;}
.foot-liuyan .content .liuyan #feedback_form input.btns:hover {background-color:#00A2ED;margin-left:10px}

.nav .nav-ul .index{background: url(../images/nav_line.jpg) no-repeat left center;}

.zoombox .pageBtn{height: 100px; position: absolute; top: 35%; z-index: 2;left: 50%; margin-left: -500px;}
.zoombox .pageBtn .prev{display: block; width: 50px;height: 50px; background:url(../images/bant1.png) no-repeat 0 0;position: absolute;display: block;  left: -140px; text-indent:1000em; overflow:hidden;cursor:pointer; border:1px solid #ccc; border-radius:50%}
.zoombox .pageBtn .prev:hover{background:url(../images/bant1.png) no-repeat -50px 0; transition:all 0.3s;}
.zoombox .pageBtn .next{display: block; width: 50px;height: 50px;background:url(../images/bant2.png) no-repeat 0 0; position: absolute;opacity: 1;filter: alpha(opacity=0);display: block;background-position: 0px 0px;right: -1140px; text-indent:1000em; overflow:hidden;cursor:pointer; border:1px solid #ccc; border-radius:50%}
.zoombox .pageBtn .next:hover{background:url(../images/bant2.png) no-repeat -50px 0; transition:all 0.3s;}



.sdbox{width:100%;position:relative;padding:50px 0;background:#F0F0F0}
.sdbox .prev,.sdbox .next{position:absolute;display:block;left:10px;top:40%;width:46px;height:62px;filter:alpha(opacity=80);opacity:0.8}
.sdbox .next{left:auto;right:10px;background-position:-46px 0}
.sdbox .prev:hover,.sdbox .next:hover{filter:alpha(opacity=100) !important;opacity:1 !important}
.sdbox .cslider{width:960px;position:relative;margin:0 auto;overflow:hidden}
.sdbox .cslider .bd{height:650px;overflow:hidden}
.sdbox .cslider .bd li{vertical-align:middle}
.sdbox .cslider .bd li img{width:960px;display:block;}
.sdbox .cslider .hd{ /*position:absolute;*/ left:0;top:0}
.sdbox .cslider .hd ul{vertical-align:middle;display:inline-block;*display:inline;overflow:hidden;zoom:1}
.sdbox .cslider .hd ul li{position:relative;float:left;display:inline;padding-top:4px;margin:3px;filter:alpha(opacity=80);opacity:0.8;cursor:pointer}
.sdbox .cslider .hd ul li img{border:2px solid rgba(0,0,0,0);width:150px;height:100px;border:2px solid#fff;display:block}
.sdbox .cslider .hd ul li.on{filter:alpha(opacity=100);opacity:1;background:url(../images/focusArrow.png) center 0 no-repeat}
.sdbox .cslider .hd ul li.on img{border:2px solid #3499EA;}

.sdbox .prev{display: block; width: 50px;height: 50px; background:url(../images/bant1.png) no-repeat 0 0;position: absolute;display: block;  left: -220px; text-indent:1000em; overflow:hidden;cursor:pointer; border:1px solid #aaa; border-radius:50px; box-shadow: 1,1,2px #ddd;}
.sdbox .prev:hover{background:url(../images/bant1.png) no-repeat -50px 0; transition:all 0.3s;}
.sdbox .next{display: block; width: 50px;height: 50px;background:url(../images/bant2.png) no-repeat 0 0; position: absolute;opacity: 1;filter: alpha(opacity=0);display: block;background-position: 0px 0px;right: -1220px; text-indent:1000em; overflow:hidden;cursor:pointer; border:1px solid #ccc; border-radius:50px; box-shadow: 1,1,2px #ddd;}
.sdbox .next:hover{background:url(../images/bant2.png) no-repeat -50px 0; transition:all 0.3s;}

/*增加动画*/
.homeTitle h2 strong{transition:all 0.3s;}
.homeTitle h2 strong:hover{font-size:110%}

.advantage .item .des p{transition:all 0.5s;}
.advantage .item .des p:hover{padding-left:30px;}
.advantage .item .img img{transition:all 0.5s;transform:scale(1,1);}
.advantage .item .img:hover img{transform:scale(1.08,1.08);}

.process .process-cont img{transition:all 0.5s;transform:scale(1,1);}
.process .process-cont:hover img{transform:scale(1.08,1.08);}

.index-about .img-pic{overflow:hidden;}
.index-about .img-pic img{transition:all 0.5s;transform:scale(1,1);}
.index-about .img-pic img:hover{transform:scale(1.08,1.08);}

.honour .tit .t{width:50%; transition:all 0.3s;}
.honour .tit .t:hover{padding-left:15px}
.honour .tit .m{transition:all 0.3s;}
.honour .tit .m:hover{padding-right:15px}

.honour .honourRight img{transition:all 0.5s;transform:scale(1,1);}
.honour .honourRight img:hover{transform:scale(1.08,1.08);}

.partner .piclist span:hover{border: 1px solid #018EE6; box-sizing: border-box;}
.partner .piclist span .index-partner-img{transition:all 0.3s;transform:scale(1,1);}
.partner .piclist span:hover .index-partner-img{transition:all 0.3s;transform:scale(1.08,1.08);}

.About .Ab_8 .Ab_mian ul li p:hover{border: 1px solid #018EE6; box-sizing: border-box;}
.About .Ab_8 .Ab_mian ul li p:hover img{transition:all 0.3s;transform:scale(1.08,1.08);}

.server .server-cont li.item img{transition:all 0.3s;transform:scale(1,1);}
.server .server-cont li.item:hover img{transition:all 0.3s;transform:scale(1.08,1.08);}
.server .server-cont li.item:hover .desc h4{color:#018EE6;}
.server .server-cont li.item:hover .desc p{color:#018EE6;}
.server .server-cont li.item:hover .desc hr{border-color:#018EE6;}

.foot-liuyan .tit strong{transition:all 0.3s;}
.foot-liuyan .tit strong:hover{font-size:110%}

.news .bd img{transition: all 0.3s;}
.news .news-cont img:hover{transform: scale(1.08,1.08);}

.About .Ab_1 .Ab_mian .kk .tit{transition:all 0.3s;}
.About .Ab_1 .Ab_mian .kk .tit:hover{padding-left:15px}
.About .Ab_1 .Ab_mian .kk .desc{transition:all 0.3s;}
.About .Ab_1 .Ab_mian .kk .desc:hover{padding-left:15px}

.index-about-desc .cont li:hover{color:#018EE6;}

.contact-detail .contact-cont .cont .list-paddingleft-2 img{transition:all 0.3s;}
.contact-detail .contact-cont .cont .list-paddingleft-2:hover img{margin-top:-15px;}
.contact-detail .contact-cont .cont .list-paddingleft-2:hover li{color:#018EE6;}

.contact-detail .contact-addr .cont .list-paddingleft-2 li:hover{color:#018EE6;}

#feedback_form input:hover{border: 1px solid #018EE6;}

.dt-contact .wrap .address li span{transition:all 0.3s;}
.dt-contact .wrap .address li:hover{font-weight:700;}
.dt-contact .wrap .address li:hover span{padding-left:10px; color:#018EE6;}

.dt-contact .wrap .address .erwm img{transition:all 0.3s;}
.dt-contact .wrap .address .erwm:hover img{margin-left:5px;}

.dt-contact .wrap .address .erwm p{transition:all 0.3s;}
.dt-contact .wrap .address .erwm:hover p{font-weight:700; color:#018EE6;}