#header_main{ width: 100%; height: 95px; position: fixed; z-index: 999; background-color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.2); }
#header_main .logo{ padding-top:30px; height: 95px; display: block; }
#header_main .header{ width:1200px; margin: 0px auto; }
#header_main .nav{ width: 900px;}
#header_main .nav li{ width: 100px; text-align: center; float: left; height: 95px; line-height: 95px; background: url(/template/default/images/nav-li-split.jpg) no-repeat left center; }
#header_main .nav li:first-child{ background: none; }
#header_main .nav li s{ transition: all .3s; }
#header_main .nav li a{ width: 100%; display: block; }
#header_main .nav li a:hover{ color: #333; }
/*#header_main .nav li:hover,#header_main .nav li.hover{ height: 109px; background: #2553b3; border-top: 3px solid #f14a00; line-height: 40px; color: #fff; }
#header_main .nav li:hover a,#header_main .nav li.hover a{ color: #fff; }*/

/*下拉菜单*/
#header_main .nav li.mainlevel{ position:relative; z-index:10000;}
#header_main .nav li.mainlevel ul{ overflow:hidden; background:rgba(254,76,14,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:95px; width:100%;z-index:10001; }
#header_main .nav li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;border:none;}
#header_main .nav li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
#header_main .nav li.mainlevel ul li a:hover{ background: #f9ce05; color:#000; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}

.icon {background: url(/template/default/images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
/*banner*/
.main_banner {position: relative;}
.main_banner .item_bg {background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;width: 100%;height: 100%;display: block;}
.main_banner .item_bg img {display: none;}
.main_banner .bd {position: relative;height: 100%;z-index: 0;}
.main_banner .bd li {zoom: 1;vertical-align: middle;float: left;position: relative;width: 100%;}
.main_banner .bd li a {display: block;}
.main_banner .bd li img {width: 100%;min-height: 100%;display: block;}
.main_banner .hd {position: absolute;left: 0;bottom: 12%;width: 100%;z-index: 3;}
.main_banner .hd ul {text-align: center;}
.main_banner .hd li {height: 2px; margin: 0 5px;width: 40px;display: inline-block;*display: inline;*zoom: 1;font-size: 0;cursor: pointer;background: #fff;opacity: 0.5;filter: alpha(opacity=50);-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.main_banner .hd li.on {opacity: 1;filter: alpha(opacity=100);height: 5px;}
.main_banner .prev,
.main_banner .next {width: 30px;height: 60px;position: absolute;top: 50%;z-index: 55;display: none;margin-top: -30px;}
.main_banner .prev {background-position: -288px -56px;left: 0;}
.main_banner .next {background-position: -325px -56px;right: 0;}
.w1200{width:1200px; margin:0 auto; position:relative;}

/*公司简介*/
.floor_2 {background: url(/template/default/images/abg.jpg) no-repeat center;background-size: cover;}
.h3tit {font-family: "SourceHanSansCN ExtraLight", "microsoft yahei";font-size: 30px;line-height: 52px; text-align:left;}
.cont .line {width: 25px;height: 3px;display: block;background: #0c2649;margin: 14px 0 30px;}
.cont .stit {font-size: 30px;font-weight: bold;color: #007461;padding: 28px 0;}
.cont .summy {line-height: 24px;height: 150px;overflow: hidden;}
.cont .summy a {display: block;color: #333;}
.cont .summy span {border: 1px solid #dcdcdc;height: 28px;line-height: 28px;-webkit-border-radius: 30px;border-radius: 30px;display: block;text-align: center;margin-top: 23px;width: 100px;}
.cont .summy a:hover span {border: 1px solid #004a71;background: #004a71;color: #fff;}
.iabout .cont {width: 552px;overflow: hidden; padding-top:100px;}
.iabout .cont .tit {font-family: "SourceHanSansCN ExtraLight", "microsoft yahei";}
.iabout .cont .desc {line-height: 30px;}
.iabout .cont .desc a {display: block;}
.iabout .cont .desc p {height: 86px;overflow: hidden;}
.iabout .cont .desc span {border: 1px solid #dcdcdc;height: 28px;line-height: 28px;-webkit-border-radius: 30px;border-radius: 30px;display: block;text-align: center;margin-top: 24px;width: 100px;}
.iabout .cont .desc a:hover span {border: 1px solid #004a71;background: #004a71;color: #fff;}
.iabout .section_con {width: 100%;padding-top: 54px;}
.pro {width: 100%; margin-top:20px;}
.iabout .proimg {width: 216px;height: 138px;display: block;float: left;overflow: auto;}
.iabout .proimg img {width: 100%;height: 100%;display: block;}
.iabout .list {line-height: 45px;width: 300px;position: relative;white-space: nowrap; text-align:left; float:right;}
.iabout .list s {width: 14px;height: 14px;margin-right: 5px;background-position: -52px 0;}
.iabout .list li {width: 100%;}
.iabout .list li a {width: 100%;display: block;}
.iabout .list li img {width: 216px;height: 162px;position: absolute;left: -240px;top: -10px;display: block;display: none;}
.iabout .list li.hover s {background-position: -70px 0;}
.iabout .list li.hover a {color: #3963b9;}
.iabout .list li.hover img {display: block;}
.indexmore { float:right;width: 215px;height: 50px;line-height: 50px;background:#3963b9; color:#fff; font-size:16px;}
.iabout .indexmore s {height: 12px;margin-left: 6px;background-position: -126px 1px; }
.indexmore:hover{ background:#ed662c;}


/*工程案例*/
.floor_3{width:100%; background:#fff; padding-top:100px; background:url(/template/default/images/casetbg.jpg) no-repeat center top;}
.pt h3{ color:#3963b9; font-size:38px; border-bottom:1px solid #dce1e5; padding-bottom:10px; font-weight:normal; width:560px; margin:0 auto;}
.pt span{ font-size:20px; color:#333; padding-top:10px; display:block;}
.projectlist {position: relative; margin:20px 0; overflow:hidden; height:450px;} 
.projectlist .item {position: absolute !important;margin: 0;}
.projectlist .item.a1 {left: 0;top: 0;}
.projectlist .item.a4 {right: 0;top: 0;}
.projectlist .item.a3 {left: 0;top: 233px;}
.projectlist .item.a2 {right: 0;top: 233px;}
.projectlist .bigimg { height: 445px;display: block;overflow: hidden;position:absolute; left:295px; width:592px;}
.projectlist .bigimg .hd {width: 30%;position: absolute;right: 20px;z-index: 10;text-align: right;bottom: 15px;height: 20px;}
.projectlist .bigimg .hd li {width: 12px;height: 12px;font-size: 0;display: inline-block;vertical-align: top;margin-left: 10px;background: #fff;cursor: pointer;border-radius: 100%;}
.projectlist .bigimg .hd li.on {background: #ca9b63;}
.projectlist .bigimg .listimg {width: 500%;position: relative;}
.projectlist .bigimg .listimg li,
.projectlist .bigimg .listimg a,
.projectlist .bigimg .listimg img {width: 592px;height: 445px;display: block;}
.projectlist .bigimg .listimg li {float: left;position: relative;}
.projectlist .bigimg .listimg li img { transition: all .5s;}
.projectlist .bigimg .listimg li h3 {width: 100%;height: 63px;line-height: 63px;overflow: hidden;position: absolute;left: 0; bottom: 0;font-size: 16px;color: #fff; background: url(/template/default/images/icaselibg.png) repeat center bottom;text-indent: 16px;}
.projectlist .bigimg .listimg li:hover img {transform: scale(1.06);}
.projectlist .item {width: 284px;height: 213px;display: block;float: left;margin: 0 20px 20px 0;position: relative;overflow: hidden;}
.projectlist .item img {width: 100%;height: 100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;display: block;}
.projectlist .item h3 {width: 100%;height: 63px;line-height: 63px;overflow: hidden;position: absolute;left: 0;bottom: 0;font-size: 16px;
color: #fff;background: url(/template/default/images/icaselibg.png) no-repeat center bottom;text-indent: 16px;}
.projectlist .item h3 s {width: 28px;height: 28px;display: block;float: right;margin: 22px 15px 0 0;background-position: -49px -23px;}
.projectlist .item .txt {width: 100%;height: 160px;font-size: 18px;font-weight: bold;padding-top: 53px;text-align: center;overflow: hidden;position: absolute;left: 0;top: 100%;color: #fff;background: url(/template/default/images/block80.png) repeat center bottom;text-indent: 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.projectlist .item .txt s {width: 42px;height: 42px;display: block;margin: 18px auto;background-position: 0 -23px;}
.projectlist .item:hover img {transform: scale(1.1);}
.projectlist .item:hover .txt {top: 0;}
.projectlist .item:hover h3 {display: none;}

/*新闻资讯*/
.floor_4{padding-top:80px;width:100%; background:#f5f5f5;}
.floor_4 .pt{ margin:20px 0; position:relative;}
.thumblist .item {float: left;width: 380px;display: block; height: 300px;margin-bottom: 40px;margin-right: 30px;position: relative;background: #fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.thumblist .item:nth-child(3){ margin-right:0;}
.thumblist .item a {display: block;}
.thumblist .item .img {width: 380px;height: 190px;position: relative;overflow: hidden;}
.thumblist .item .img img {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 100%;height: 100%;display: block;}
.thumblist .item .img .jia {position: absolute ;width: 100%;height: 45px;display: block;left: 0;bottom: 0;background-color: #0055a7;display: none;}
.thumblist .item .img .jia em {width: 14px;height: 14px;display: block;margin: 16px auto; background-position: -162px 0;}
.thumblist .item .txt {padding: 20px 20px;position: relative;height: 140px; text-align:left;}
.thumblist .item .txt h3 {font-size: 16px;font-weight: normal;padding: 10px 0 0;}
.thumblist .item .txt .desc {overflow: hidden;line-height: 20px;color: #333;font-size: 14px;padding-top: 10px;}
.thumblist .item .txt .time {font-size: 12px;color: #333;}
.thumblist .item .txt s {width: 0;left: 0;bottom: -10px;position: absolute;height: 10px;background: #0055a7;opacity: 0;filter: alpha(opacity=0);transition: all ease-out .3s;}
.thumblist .item:hover {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);}
.thumblist .item:hover img { transform: scale(1.06, 1.06);}
.thumblist .item:hover .jia {-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);opacity: 1;filter: alpha(opacity=100);}
.thumblist .item:hover .txt s {width: 100%;opacity: 1;filter: alpha(opacity=100);}
.thumblist .item {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}

/*bottom*/
.index_bottom { background: #14234a; color: #9195a2; height: 42px; line-height: 42px; font-size: 12px; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 100; text-align:left;}
.index_bottom a { color: #9195a2; }
.index_bottom a:hover { color: #fff; }

#myMenu {position: absolute;right: 0;top: 30%;width: 30px;z-index: 999;display: none;}
#myMenu li {margin: 10px 0;text-indent: 5px;position: relative;height: 14px;}
#myMenu li a {display: block;text-align: center;}
#myMenu li a b {font-weight: normal;padding-right: 5px;color: #a8a8a8;position: absolute;left: -34px;top: -10px;font-size: 16px;font-family: arial;display: none;}
#myMenu li a span {font-size: 0;border: 1px solid #a8a8a8;background: #a8a8a8;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;display: block;width: 2px;height: 2px;margin-bottom: 5px;outline: 0 none;transition: all 0.3s ease-out 0s;}
#myMenu #firstPage {text-indent: 0;}
#myMenu #firstPage a {border-bottom: none;}
#myMenu .active {margin: 5px 0;}
#myMenu .active a b {color: #8f8f8f;top: -6px;display: none;}
#myMenu .active a span {border: 2px solid #5a5a5a;width: 10px;height: 10px;background: #fff;margin-left: -4px;}
.arrow2 {margin: 0 auto 0;width: 60px;height: 60px;cursor: pointer;display: block;position: absolute;overflow: hidden;border: 0 none;left: 48%;bottom: 2%;z-index: 999;border: 1px solid #fff;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.arrow2 i {width: 34px;height: 36px; margin: 8px auto 0;display: block;
position: relative;background: url(/template/default/images/jiant.png) no-repeat center center;animation: down-ico 1.5s ease-out infinite;}
@keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 20%;
    opacity: 0;
  }
  65% {
    top: -20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 20%;
    opacity: 0;
  }
  65% {
    top: -20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}


/*内页*/
.sub_banner { width: 100%;  padding-top: 95px; }
.list_tit { text-align: center; padding-top: 56px; padding-bottom: 48px; overflow: hidden; }
.list_tit h3 { font-size: 32px; color: #000; font-weight: 100;  display: inline-block; padding-left: 40px; zoom: 1;  *display: inline;
}

/*分类*/
.job_nav {margin-bottom:40px;}
.job_nav li {display:inline-block;*display:inline;text-align: center; height: 45px; line-height: 45px; margin-bottom:20px; }
.job_nav li a { font-size: 18px; color: #666; display:inline-block;*display:inline; background: #f0f0f0; border: 1px solid #e8ebed; transition: ease-in-out .2s; padding:0 20px; }
.job_nav li a.hover, .job_nav li a:hover { background: #005b9c; color: #fff; border: 1px solid #005b9c; }
.about { text-align:left; line-height:30px; padding:10px; }


/*新闻资讯*/
.news li { border-bottom: 1px solid #e3e3e3; padding: 33px 0; height: 128px; width: 1090px; margin: 0 auto; }
.news li .box1 { width: 129px; }
.news li .box1 h3 { font-family: arial; color: #858585; font-size: 25px; padding-top: 28px; }
.news li .box1 p { font-size: 12px; color: #b8b8b8; }
.news li .box1 i { width: 0px; height: 10px; background-position: -88px 0; transition: ease-in-out .3s; }
.news li .box2 { width: 665px; }
.news li .box2 h3 { font-size: 18px; font-weight: 100; color: #333; padding-top: 16px; padding-bottom: 15px; }
.news li .box2 p { line-height: 19px; color: #333; }
.news li .box3 { width: 171px; height: 128px; overflow: hidden; }
.news li .box3 img { width: 171px; height: 128px; overflow: hidden; transition: ease-in-out .9s; }
.news li a { display: block; height: 100%; cursor: pointer; text-align:left;}
.news li:hover .box1 i { width: 47px; }
.news li:hover .box3 img { transform: scale(1.1); -webkit-transform: scale(1.1); }

/*产品图片*/
.case_ul li { float: left; margin-right: 46px; margin-bottom: 54px; height: 351px; width: 369px; background: #fdfdfd; border-bottom: 1px solid #e0e0e0; position: relative; }
.case_ul li:nth-child(3n){ margin-right:0;}
.case_ul li img { width: 369px; height: 292px; display: block; }
.case_ul li h3 { padding: 24px 10px 10px; font-size: 16px; color: #333; font-weight: 100; text-align:center;}
.case_ul li p { color: #666; line-height: 24px; padding: 0 10px; text-align:left;}
.case_ul li a { display: block; width: 100%; height: 100%; cursor: pointer; }
.case_ul li .on { width: 100%; height: 292px; position: absolute; left: 0; top: 0; background: url(/template/default/images/bg_c5.png) repeat; text-align: center; transition: ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); }
.case_ul li .on i { width: 106px; height: 106px; background-position: -197px 0; margin-top: 50px; transition: ease-in-out .2s; }
.case_ul li:hover { background: #2a3759; }
.case_ul li:hover h3 { color: #fff; }
.case_ul li:hover p { color: #fff; }
.case_ul li:hover .on { opacity: 100; filter: alpha(opacity=90); }
.case_ul li:hover .on i { margin-top: 79px; }
.icons{background-image: url(/template/default/images/icons.png);display: inline-block;vertical-align: middle;}

/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsInfo i{ margin-right: 5px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }
.content{ text-align:left; padding:10px 10px 40px 10px; line-height:30px;}
.page{ padding-bottom:100px;}

/********.fixtool*********/
.toolbar {width: 50px;position: fixed;right:1%;top: 32%;z-index: 999;}
.toolbar dd { width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(/template/default/images/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 50px;height: 50px;display: block;position: absolute;left: 0; top: 0;cursor: pointer;text-align: center;}
.toolbar dd i span { width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;*margin: 7px 0 0 0;background: url(/template/default/images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;}
.toolbar .pop {position: absolute;right: 90px;top: -65px;background: #004a71;display: none;}
.toolbar .pop-code {width: 120px;padding: 20px 20px 0;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;}
.toolbar .pop-code h3 {height: 50px;line-height: 50px;text-align: center;color: #f2e8e1;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .qq span {background-position: 0 -47px;}
.toolbar .qq a {width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar .qq:hover {background: #004a71;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar .tel span {background-position: 0 0;}
.toolbar .tel:hover {background: #004a71;}
.toolbar .code span {background-position: 0 -95px;}
.toolbar .code:hover {background: #004a71;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar .top span {background-position: 0 -142px;}
.toolbar .top:hover {background: #004a71;-webkit-border-radius: 100%;border-radius: 100%;
}


/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(/template/default/images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #047fcc; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}