@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}
body{min-width: 1200px; width: 100%;}



/**/
.banner{ height:700px; overflow:hidden; position:relative; z-index:8;text-align: center; background:url(../images/banner.html) no-repeat center 0;background-size: 1920px 700px;}
.banner img{width: 100%;}
.tit1{ height:105px; font:40px "Microsoft Yahei"; text-align:center;}
.tit1 p{ height:105px;}
.tit1 p em{ background:#fff;}
.tit1 p b{ color:#046fcd; background:#fff;}
.tit1 p span{ display:block; font:26px "Microsoft Yahei"; color:#3c454c; padding-top:5px;}
.tit1 p i{ background:#fff;}

.fen01{ height:920px; overflow:hidden; margin-top:36px;}
.fen{ background:#046fcd; width:254px; margin-top:35px;}
.fen h2{ height:100px; font:30px "Microsoft Yahei"; text-align:center; line-height:100px; overflow:hidden; color:#fff;}
.fen li{ height:49px;overflow:hidden; background:url(../images/fen_line.gif) repeat-x center top; font:16px "Microsoft Yahei"; line-height:49px;}
.fen li a{ display:block; color:#fff; padding-left:36px; background:url(../images/fen_jt.png) no-repeat 217px 17px;}
.fen li a:hover,.fen .cur a{ background:#8ec63f url(../images/fen_jt.png) no-repeat 217px 17px; text-decoration:none;background-size: 17px 17px;}
.fen h4{ height:59px;background-size: 254px 99px; background:url(../images/fen_bg.jpg) no-repeat center 10px; font:16px "Microsoft Yahei"; line-height:24px; color:#fff; text-align:right; padding:50px 5px 0 0;}
.fen h4 em{ display:block;}
.pro{ width:925px; float:right; overflow:hidden; margin-top:35px;}
.pro dt{width:925px; height:496px; overflow:hidden;}
.pro dt img{width:925px; height:496px;}
.pro dd{ height:192px; padding-top:28px; background:#f7f7f7; overflow:hidden; padding:10px 25px 0 25px;}
.pro dd h3{ font:24px "Microsoft Yahei"; font-weight:bold; color:#3c454c; line-height:70px; height:70px; overflow:hidden; color:#3c454c;}
.pro dd p{ font:16px "Microsoft Yahei"; line-height:26px; color:#666;}

.case{ height:1060px; overflow:hidden; position:relative;}
.case01{ height:175px; overflow:hidden; margin-top:25px;}
.case01 li{ width:235px; height:72px; margin:0 6px 6px 0; font:16px "Microsoft Yahei"; text-align:center; line-height:72px; float:left;}
.case01 li a{ display:block; background:#8d8d8d; color:#fff;}
.case01 li a:hover,.case01 .cur a{ background:#046fcd;}
.case01 .nones{ margin-right:0;}
.case1{ height:650px; overflow:hidden;}
.case1 dt{ width:1200px; height:450px;}
.case1 dt img{width:1200px; height:450px;}
.case1 dd{ width:777px; height:200px; padding:0 60px; background:#f7f7f7;}
.case1 dd h3{ height:60px; font:24px "Microsoft Yahei"; font-weight:bold; color:#046fcd; line-height:60px; overflow:hidden; padding-left:16px;}
.case1 dd p{ font:16px "Microsoft Yahei"; line-height:28px; color:#666;background-size:7px 7px; background:url(../images/case_dot.gif) no-repeat left 10px;background-size: 7px 7px; padding-left:16px;}
.case h4{ width:298px; height:200px; background:#8ec63f; position:absolute; top:755px; right:0;}
.case h4 em a{ display:block; font:20px "Microsoft Yahei"; text-align:center; color:#fff; padding-top:75px;}
.case h4 i{ display:block; font:30px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.case h4 b{ display:block; width:25px; height:29px; overflow:hidden; position:absolute; top:85px; left:-25px; background:url(../images/case_jt.png) no-repeat;background-size: 25px 29px;}

.ys{ height:920px; overflow:hidden;}
.ys .tit1 p{ background:url(../images/ys-h.gif) no-repeat center center;background-size: 377px 57px;}
.ys2{ background:url(../images/ys_bg.jpg) no-repeat center 27px; height:735px; overflow:hidden; margin-top:40px;}
.ys01{ width:800px; height:51px; margin:0 auto; background:#bbb;border-radius: 25px;}
.ys01 li{ width:199px; border-right:1px solid #fff; float:left; height:51px; font:20px "Microsoft Yahei"; line-height:51px;}
.ys01 li a{ display:block; color:#fff;}
.ys01 li span{ display:inline-block; width:36px; height:34px; float:left; margin:9px 12px 0 40px;}
.ys01 li span em{ display:block; width:36px; height:34px; background:url(../images/ys11.png) no-repeat;background-size: 36px 34px;}
.ys01 li span i{display:none; width:36px; height:34px; background:url(../images/ys11.png) no-repeat;background-size: 36px 34px;}
.ys01 li b{ font-weight:normal;}
.ys01 li a:hover,.ys01 .cur a{ background:#046fcd; color:#fff;}
.ys01 .li01 a:hover,.ys01 .li01.cur a{border-radius: 25px 0 0 25px;}
.ys01 .li04 a:hover,.ys01 .li04.cur a{ border-radius:0 25px 25px 0;}
.ys01 .li02 span em{ display:block; width:36px; height:34px; background:url(../images/ys22.png) no-repeat;background-size: 36px 34px;}
.ys01 .li03 span em{ display:block; width:36px; height:34px; background:url(../images/ys33.png) no-repeat;background-size: 36px 34px;}
.ys01 .li04 span em{ display:block; width:36px; height:34px; background:url(../images/ys44.png) no-repeat;background-size: 36px 34px;}
.ys01 .li04{border-right: 0;}
/* .ys01 .li01 a:hover,.ys01 .li01.cur a{ background:url(../images/ys_bg2.png) no-repeat left top;background-size: 250px 51px;}
.ys01 .li04 a:hover,.ys01 .li04.cur a{ background:url(../images/ys_bg3.png) no-repeat right top;background-size: 250px 51px;}
.ys01 li a:hover em,.ys01 .cur em,.ys01 .li02.cur span em,.ys01 .li03.cur span em,.ys01 .li04.cur span em{ display:none;}
.ys01 li a:hover i,.ys01 .cur i,.ys01 .li02.cur span i,.ys01 .li03.cur span i,.ys01 .li04.cur span i{ display:block;}
.ys01 .li04{ border:0;}
.ys01 .li02 span em{ display:block; width:36px; height:34px; background:url(../images/ys02.png) no-repeat;background-size: 36px 34px;}
.ys01 .li02 span i{display:none; width:36px; height:34px; background:url(../images/ys22.png) no-repeat;background-size: 36px 34px;}
.ys01 .li03 span em{ display:block; width:36px; height:34px; background:url(../images/ys03.png) no-repeat;background-size: 36px 34px;}
.ys01 .li03 span i{display:none; width:36px; height:34px; background:url(../images/ys33.png) no-repeat;background-size: 36px 34px;}
.ys01 .li04 span em{ display:block; width:36px; height:34px; background:url(../images/ys04.png) no-repeat;background-size: 36px 34px;}
.ys01 .li04 span i{display:none; width:36px; height:34px; background:url(../images/ys44.png) no-repeat;background-size: 36px 34px;} */


.ys02{ height:540px; margin-top:65px; overflow:hidden;}
.ys02 dl{ height:500px; position:relative;}
.ys02 dt{ width:650px; height:499px; overflow:hidden;}
.ys02 dt img{width:650px; height:499px;}
.ys02 dd{ width:520px; position:absolute; top:60px; right:0; background:url(../images/ys_bg1.gif) no-repeat center top; height:460px; padding:40px 50px 0 50px;}
.ys02 dd h3{ height:94px; background:url(../images/ys_line.gif) no-repeat left bottom; font:28px "Microsoft Yahei"; color:#fff;}
.ys02 dd h3 em{ display:block; float:left; font:70px Impact; padding-right:12px;}
.ys02 dd h3 span{ display:block;}
.ys02 dd h3 i{ display:block;}
.ys02 dd p{ font:16px "Microsoft Yahei"; line-height:26px; color:#fff; padding-top:20px; height:130px; overflow:hidden;}
.ys02 dd h5{ height:120px; overflow:hidden; margin-top:30px;}
.ys02 dd h5 em{ display:inline-block; width:220px; height:120px; padding-left:40px;}
.ys02 dd h5 em img{ width:220px; height:120px;}

.dz{ height:700px; overflow:hidden;}
.dz dl{ width:400px; float:left; overflow:hidden; margin-top:40px;}
.dz dt{ width:400px; height:239px; overflow:hidden; position:relative;}
.dz dt img{width:400px; height:239px; }
.dz dt em{display:block;width:31px; height:15px; position:absolute; bottom:0; left:50%; margin-left:-15px; background:url(../images/dz_jt.png) no-repeat;}
.dz dd{ height:240px; overflow:hidden; background:#f7f7f7;}
.dz dd em{ display:block; font:26px "Microsoft Yahei"; text-align:center; line-height:40px; padding-top:30px; color:#3c454c; overflow:hidden;}
.dz dd p{ font:16px "Microsoft Yahei"; line-height:28px; padding:10px 40px 0 40px; height:84px; overflow:hidden; color:#3c454c;}
.dz .dl02 dt em{ background:url(../images/dz_jt2.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-15px;}

.lc{ height:635px;}
.lc ul{ background:url(../images/lc_bg.gif) no-repeat center top; height:480px; margin-top:30px; position:relative;background-size: 1200px 420px;}
.lc li{ width:229px; float:left; height:229px; position:absolute;}
.lc li a{ display:block; background:url(../images/lc_bg2.png) no-repeat;background-size: 229px 229px; width:229px; height:181px; padding-top:48px; color:#3c454c;}
.lc li span{ display:block; width:70px; height:64px; margin:0 auto;}
.lc li i{ display:block; font:22px "Microsoft Yahei"; text-align:center; line-height:36px;}
.lc li a:hover{ color:#046fcd;}
.lc .li01 span{ background:url(../images/lc1.png) no-repeat center top;background-size: 70px 64px;}
.lc .li02 span{ background:url(../images/lc2.png) no-repeat center top;background-size: 70px 64px;}
.lc .li03 span{ background:url(../images/lc3.png) no-repeat center top;background-size: 70px 64px;}
.lc .li04 span{ background:url(../images/lc4.png) no-repeat center top;background-size: 70px 64px;}
.lc .li05 span{ background:url(../images/lc5.png) no-repeat center top;background-size: 70px 64px;}
.lc .li06 span{ background:url(../images/lc6.png) no-repeat center top;background-size: 70px 64px;}
.lc .li07 span{ background:url(../images/lc7.png) no-repeat center top;background-size: 70px 64px;}
.lc .li08 span{ background:url(../images/lc8.png) no-repeat center top;background-size: 70px 64px;}
/* .lc .li01 a:hover span{background:url(../images/lc1.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li02 a:hover span{background:url(../images/lc2.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li03 a:hover span{background:url(../images/lc3.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li04 a:hover span{background:url(../images/lc4.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li05 a:hover span{background:url(../images/lc5.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li06 a:hover span{background:url(../images/lc6.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li07 a:hover span{background:url(../images/lc7.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;}
.lc .li08 a:hover span{background:url(../images/lc8.png) no-repeat center top; background-position:0 -64px;background-size: 70px 128px;} */
.lc .li01{ top:22px; left:-22px;}
.lc .li02{ top:30px; left:275px;}
.lc .li03{ top:30px; left:565px;}
.lc .li04{ top:30px; right:113px;}
.lc .li05{ top:163px; left:126px;}
.lc .li06{ top:163px; left:422px;}
.lc .li07{ top:163px; right:255px;}
.lc .li08{ top:163px; right:-27px;}

.online{ height:520px; overflow:hidden;}
.online h2{ height:84px; font:30px "Microsoft Yahei"; font-weight:bold; color:#3c454c; overflow:hidden; text-align:center;}
.online ul{ width:1100px; margin:0 auto;}
.online li{ width:500px; height:62px; border:1px solid #8d8d8d; margin-bottom:30px;}
.online li em{ display:inline-block; width:82px; height:62px; float:left;}
.online li i{ display:inline-block; width:110px; height:62px; font:20px "Microsoft Yahei"; color:#3c454c; text-align:right; line-height:62px; overflow:hidden; float:left;}
.online li input{ width:300px; height:62px; outline:none; font:20px "Microsoft Yahei"; color:#3c454c; line-height:62px; background:none; border:0;}
.online .ly{ height:170px; width:1098px;}
.online .ly textarea{width:890px; height:170px; font:20px "Microsoft Yahei"; color:#3c454c; line-height:62px; background:none; border:0; resize:none;outline:none;}
.online .btt{ width:375px; margin:0 auto; height:45px; border:0;}
.online .btt input{ width:173px; height:45px; font:20px "Microsoft Yahei"; text-align:center; line-height:45px; color:#fff; overflow:hidden; background:url(../images/onl_btn1.gif) no-repeat; cursor:pointer;}
.online .btt .ip02{background:url(../images/onl_btn2.gif) no-repeat;}


.about{ height:762px; background:url(../images/about_bg.jpg) no-repeat center bottom; overflow:hidden;}
.about h2{font:40px "Microsoft Yahei"; text-align:center; color:#3c454c; height:90px; overflow:hidden;}
.about dl{height:430px; padding:140px 100px 0 45px;overflow:hidden;}
.about dt{ width:500px; height:430px; float:right; overflow:hidden;}
.about dt img{width:500px; height:430px; }
.about dd{ width:515px; margin-top:42px; overflow:hidden;}
.about dd h3{ height:111px; overflow:hidden;}
.about dd h3 em{ display:block; font:28px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#9c9c9c;}
.about dd h3 i{display:block;font:28px "Microsoft Yahei"; color:#9c9c9c; padding:12px 0;}
.about dd p{ font:14px "Microsoft Yahei"; line-height:35px; color:#666; overflow:hidden; height:210px;}

.hj{ height:295px; padding-top:45px; background:url(../images/bg.gif);}
.hjt{ height:60px; overflow:hidden;}
.hjt li{ font:16px "Microsoft Yahei"; float:left; margin-right:30px;}
.hjt li a{ color:#3c454c; display:inline-block; height:30px;}
.hjt li a:hover,.hjt .cur a{ font-weight:bold; border-bottom:2px solid #046fcd;}
.hj2{ height:215px;}
.hj3{ position:relative;}
.hj2 .arr1 a{ display:block; width:92px;height:36px;background:#8d8d8d; position:absolute; top:60px; left:-45px; z-index:9;}
.hj2 .arr2 a{display:block; width:92px; height:36px; background:#8d8d8d;position:absolute;top:60px; right:-45px; z-index:9;}
.hj2 .arr1 a:hover,.hj2 .arr2 a:hover{ background:#8ec63f;}
.hj2 li{ width:285px; float:left; margin-right:20px;}
.hj2 li img{ width:285px; height:150px; display:block;}
.hj2 li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; line-height:54px; height:54px; color:#3c454c; overflow:hidden;}
.hj2 .last{margin-right:0;}

.nav{ width:auto; height:auto; position:fixed; bottom:10%; left:0; z-index:9;}
.nav .xiao{ display:block;}
.nav2{width:232px; height:auto; display:none;}
.nav2 i{ display:inline-block; font:30px "宋体"; font-weight:bold; text-align:right; color:#046fcd;}
.nav h2{ height:178px; overflow:hidden;}
.nav h2 img{ width:232px; height:178px;}
.nav h3{ height:36px;background:#b71313; font:16px "Microsoft Yahei"; font-weight:bold; text-align:center; color:#fff; overflow:hidden; line-height:36px;}
.nav h4{ background:#046fcd url(../images/nav_lx.gif) no-repeat 20px center; padding:20px 0 20px 68px;}
.nav h4 p{ font:16px "Microsoft Yahei"; color:#fff;}
.nav h4 em{ display:block; font:18px Arial, Helvetica, sans-serif; color:#fff;}
.nav li{ height:48px; border-top:1px solid #33383c; font:16px "Microsoft Yahei"; line-height:48px;}
.nav li a{ display:block; background:#3c454c; color:#fff; height:48px; padding-left:68px;}
.nav li em{ font:20px "宋体"; font-weight:bold; padding-left:40px;}
.nav li a:hover{ background:#8ec63f;}

.ftop{ width:72px; height:72px; overflow:hidden; position:fixed; bottom:5%; right:3%;z-index: 999;}
.ftop img{ width:72px; height:72px;}

/*新增的案例*/
/**/
.ms { height: 750px; overflow: hidden; background: url(../images/pin_bg.html) repeat;background-size:45px 12px;}
.ms h4 { height: 120px; padding-top: 20px; text-align: center; background: url(../images/zsk.html) no-repeat center 91px;background-size: 50px 74px;}
.ms h4 strong {font:40px "Microsoft Yahei"; color: #046fcd;font-weight:bold;}
.ms h4 span {display: block; margin-top: 10px;font:26px "Microsoft Yahei"; color:#3c454c; font-weight: normal;}
.msk {font:20px "Microsoft Yahei";}
.msz { float: left; width: 210px; margin-right: 1px;}
.msz li{ margin-bottom: 2px;width: 210px; height: 100px; display: block;text-align: center; line-height: 100px; font-size: 20px; font: "Microsoft Yahei";color: #ffffff;background: #046fcd;overflow: hidden;}
.msz li:hover, .msz li.cur{ font-weight: bold; background: #8ec63f;}


.msy { float: left; width: 989px;}
.mst { float: left;}
.mst img { display: block; width: 566px; height: 508px;}
.msi { float: left; padding: 75px 0 0 42px; width: 381px;}
.msi i{ display: block; width: 100px; height: 93px;background: #046fcd;font-size: 50px;color: #fff;text-align: center;line-height: 93px;}
.msi p { font-size: 26px; color: #333333; font-weight: bold; margin: 20px 0;}
.msi p strong{display: block;height: 36px;line-height: 36px;overflow: hidden;}
.msi p span { display: block; font-weight: normal; font-size: 19px; color: #046fcd;height: 24px;line-height: 24px;overflow: hidden;}
.msi em { display: block; font-size: 14px; color: #555555; line-height: 30px;height: 120px;overflow: hidden;}
/**/