*{ padding:0px; margin:0px;}
html{ margin: 0; padding:0; height:100%; width:100%; font-size: 10px}
*:before, *:after {    z-index: -1;}
*,::before,::after{margin:0;padding:0;-webkit-tap-highlight-color:transparent;/*清除点击高亮*/-webkit-box-sizing:border-box; /*设置以边框计算宽度*/box-sizing:border-box;}
body{ margin:0; padding:0; height:100%; width:100%;Font-size:100%; color:#333333; font-family:Arial,微软雅黑; min-width: 1200px; background: #fff; overflow-x: hidden; font-size: 1.4rem; padding-top: 70px;}
ul li{ padding:0px; margin:0px; list-style:none}
ol, ul, dl,p,h2{ padding: 0px; margin: 0px;}
img{ border:none;font-size:0; padding:0px; margin:0px;vertical-align:top;}
a{ text-decoration:none; /*transition:all ease 0.5s;-moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; */color:#333333;}
a:hover{ text-decoration:none; color:#8e2125;}
.warp{ width:1000px; margin:0px auto;}
botton{outline:none;}
.red{color: #FF0004}
:focus{    outline: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/    select {height:30px;line-height:30px;    }
 }
select::-moz-focus-inner { /*Remove button padding in FF*/     border: 0;    padding: 0;}
@-moz-document url-prefix() { /* targets Firefox only */    select {padding: 15px 0!important;    }
}
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */    	select {height:30px;line-height:30px;    }
     }
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after {  display: table;  content: " ";}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after {  clear: both;}
input,select,option,textarea{outline: none;}
/**/	.navopen {    position: absolute;    right: 10px;    top: 30px;    height: 30px;    width: 30px;    border: #ccc solid 1px;    border-radius: 3px;    font-size: 1.5rem;    text-align: center;    line-height: 30px;    cursor: pointer; display: none}
.float{position:fixed; right:0px; top: 200px; z-index: 9999; width:184px;}
		.float.open{right:-154px; }
		.float.closed{right:-1000px; }

.header{ background:#fff; height: 80px;width:100%; position:fixed; z-index: 9999; box-shadow: 0px 0px 5px #ccc; border-bottom: #f2f2f2 solid 1px; left: 1px; top: 0px;}
.header .logo{ position:absolute; left: 2%; top: 10px;}

.header .container{ position:relative;  max-width: 100%; height: 80px; }
.header .slgan{position:absolute;left: 228px; top: 32px; border-left:#b49242 solid 1px; padding-left: 30px;}
.header .lyw{position:absolute; right: 0px; top: 40px;}
.header .tel{position:absolute; right: 0px; top: 22px; font-size: 1.6rem }
.header .tel .text{font-size:3.2rem; font-weight: bold; color: #000; text-align: right; display: block}
.header .top{height:40px;}
.bottom-banner{width:100%}
.bottom-banner img{width:100%}
.flt{float:left}
.flr{float:right}
.menu{ height: 80px; /*position:absolute; right:0px; top:0px;*/ float: right}
.menu ul{ margin: 0px auto;}
.menu li{ float:left; line-height: 80px; padding: 0px; /*position:relative;*/ list-style: none; text-align: center; /*color: #fff;*/border-top: #fff solid 1px;}

/*.menu li:first-child{border:none}
.menu li:after{position:absolute; right:0px; top:30px;  height: 18px; width:1px; background: #fff; z-index: 3; content: " "}
.menu li:last-child:after{display:none}*/
.menu li > a{display:block; width: 100%; text-align: center;font-size: 18px; color: #021539; padding: 0px 20px; font-weight: bold}
/*.menu li:last-child a{padding-right:0px;}*/
.menu li > a:hover,.menu li.curr > a,.menu li:hover:after{color:#1b6bb6;}
.sub-menu{display:none; position:absolute; left: 0px; top: 40px; z-index: 9; background: #028339; width: 150%;}
.menu li:hover .sub-menu{display:block}
.menu li:hover,.menu li.curr{border-top: #1b6bb6 solid 1px;}
/*.menu li:hover > a{color:#fff}*/

.container {
    max-width: 90%;
    padding: 0px;
    margin: 0px auto;
}
.swiper-banner {width: 100%;height: 100%;}
.swiper-banner .swiper-slide {background-position: center;background-size: cover;}
.banner{height:auto;}
.banner a{display:block; width: 100%; height: 100%}
.banner-img{height:583px; background:url(../images/banner.jpg) no-repeat top center; margin-bottom: 20px}
.banner ul li{float:left; width:270px; background:#fff; border-radius:3px; padding: 20px; margin-right: 38px;}
.banner ul li:last-child{margin: 0px;}
.banner ul li p.img{width: 230px; height: 132px; overflow: hidden}
.banner ul li p.img{width: 100%;}
.banner ul li p.infos{font-size: 14px; text-align: center; padding: 20px 0px;}
.banner ul li p.infos b{display: block; font-size: 16px; padding-bottom: 10px;}
.banner ul li span.more{display: block; background: url("../images/btn.png") no-repeat center top; height: 42px; line-height: 42px; font-size: 18px; color: #fff; text-align: center}
.banner ul li:hover span.more{background: url("../images/btn_h.png") no-repeat center top;}

h2.h2{background: url("../images/line.png") no-repeat center 80px; text-align: center; font-size: 48px; font-weight:normal; padding-bottom: 30px;}
h2.h2 p{font-size: 24px; font-weight: normal; padding-top: 30px;}
.czgh{padding: 50px 0px;}
.czgh .box{background: url("../images/s_line.png") no-repeat center top; padding: 50px 0px}
.czgh .box .item1{position: relative; padding: 20px 0px;}
.czgh .box .item1 span.step,.czgh .box .item2 span.step{display: block; width: 104px; height: 104px; background: #f19149; font-size: 54px; line-height: 104px; text-align: center; font-weight: bold; font-family: Arial; color: #fff; border-radius: 100px; overflow: hidden; position:absolute; top: 82px}
.czgh .box .item1 span.step{left:502px;}
.czgh .box .item2 span.step{right:502px;}

.czgh .box .item1 .img{width: 542px; height: 224px; border-radius: 5px; overflow: hidden; float: left}
.czgh .box .item1 .infos{width: 542px; height: 224px; float: right; text-align: left;padding-left: 70px;}
.czgh .box .item2{position: relative; padding: 20px 0px;}
.czgh .box .item2 .img{width: 542px; height: 224px; border-radius: 5px; overflow: hidden; float: right}
.czgh .box .item2 .infos{width: 542px; height: 224px; float: left; text-align: right; padding-right: 70px;}
.czgh .box .infos{padding-top: 50px; line-height: 2; font-size: 16px;}
.czgh .box .infos b{display: block; font-size: 20px;}
.czgh a.btn{display: block; background: url("../images/btn.png") no-repeat center top; height: 42px; line-height: 42px; font-size: 18px; color: #fff; text-align: center}
.qydx{background: #727377; padding: 50px 0px;}
.yxhz{padding: 50px 0px;}
.yxhz ul li{float:left; width: 200px; height: 164px; line-height: 164px; text-align: center; background: #f7faf9}
.yxhz ul li img{display: inline-block; vertical-align: middle; max-width: 100%}
.yxhz ul li:nth-child(2),.yxhz ul li:nth-child(4),.yxhz ul li:nth-child(6),.yxhz ul li:nth-child(7),.yxhz ul li:nth-child(9),.yxhz ul li:nth-child(11){ background: #f2f2f2}

.bottom{height: 650px; background: url("../images/bottom.jpg") no-repeat center top; color: #fff; text-align: center; font-size: 48px; padding-top: 100px}
.bottom p{line-height: 1.5; font-weight: bold; text-shadow:#000 0px 10px 20px; padding-bottom: 50px;}
.swipers .swiper-slide{background-size:100%; background-repeat: no-repeat; background-position: center top; width:100%}
.swipers .swiper-slide img{width:100%}
.projects{width:100%;}
.projects .left{width:50%; background: #f2f2f2; height: 280px; cursor: pointer; transition: all 0.5s;}
.projects .right{width:50%; background: #dde6ff;height: 280px; cursor: pointer;transition: all 0.5s;}
.projects .right .box{float: left;}
.projects .left .box{float: right;}
.projects .box{width:600px; text-align: center; padding:20px 40px; line-height: 23px; color: #878787}
.projects .box h2{font-size: 2rem; font-weight: normal; background: url("../images/icon-xq.png") no-repeat center top; padding-top: 70px; color: #000; margin-bottom: 20px;}
.projects .right .box h2{background-image: url("../images/icon-sy.png")}
.projects .box a.more{width:118px; height: 35px; line-height: 35px; margin: 0px auto; border: #000 solid 1px; display: block; margin-top: 10px;}
.projects .left:hover h2{background-image:url("../images/icon-xq-2.png"); color: #fff}
.projects .right:hover h2{background-image:url("../images/icon-sy-2.png"); color: #fff}
.projects .right:hover{background-color: #ff2d50; color: #fff;}
.projects .left:hover{background-color: #4f42da; color: #fff;}
.projects .left:hover .box,.projects .right:hover .box{color: #fff;}
.projects .left:hover a.more,.projects .right:hover a.more{color: #fff; border: #fff solid 1px;}
.about-index{width:1200px; margin: 0px auto; margin-top: 30px; margin-bottom: 30px;}
.about-index .left{width:720px;}
.about-index .left h2{font-size: 3.7rem; font-weight: normal; padding-bottom: 50px;}
.about-index .left h2 p{font-size: 1.8rem}
.about-index .left .about-infos{line-height: 23px;}
.about-index .left ul{padding-top: 60px;}
.about-index .left ul li{float: left; padding:0px 50px; font-size: 4.2rem; color: #000000; font-weight: bold; line-height:1;}
.about-index .left ul li i{font-weight: normal; color: #0635a2; font-size: 3rem}
.about-index .left ul li p:last-child{font-size: 1.4rem; color: #6e6e6e; font-weight: normal}
.about-index .left ul li:first-child{border-right: #ccc solid 1px; padding-left: 10px;}

.news{width:1200px; margin: 0px auto;}
.news .left,.news .center,.news .right{width:31%}
.news .center{margin:0px 3.5%}
.news h2{position:relative; font-size: 2rem; font-weight: normal; border-bottom: #e5e5e5 solid 1px;}
.news h2 p{font-size: 1.2rem; margin: 5px 0px 10px 0px}
.news h2 span{position:absolute; bottom:0px; left: 0px; display: block; height: 3px; width:30px; background: #1d2088}
.news h2 a{font-size: 1.4rem; position:absolute; right:10px; top: 15px;}
.news ul{padding:20px 0px 0px;}
.news ul li{position: relative; line-height: 32px;}
.news ul li i{color: #1d2088; font-size: 12px; font-weight: bold; margin-right: 5px;}
.news ul li span.data{position:absolute; right:0px; top: 0px;}

.links{ padding: 10px 0px; border-bottom: #ccc solid 1px; margin-bottom: 20px; text-align: center}
.links p{font-size: 1.6rem; line-height: 32px;}
.download{border:#f2f2f2 solid 1px;margin: 20px 0px; padding-bottom: 20px;}
.download > h2{background:#f2f2f2; line-height: 42px; padding-left: 50px; font-size:1.5rem}
.download p{ padding:0px 20px}
div#back-to-top{	 width:100px;	 height:140px;    position:fixed;bottom:100px;    right:0px;	}
div#back-to-top a{    text-align:center;    text-decoration:none;    color:#fff;    display:block;	 width:60px;	 height:60px;       -moz-transition:color 1s;    -webkit-transition:color 1s;    -o-transition:color 1s;	 line-height:85px;	 font-size:45px;	 background:url(../images/index/top.jpg) no-repeat center top; margin-bottom:5px;	 background-size:100%;}
div#back-to-top a.wixin{ background:url(../images/index/wixin.jpg) no-repeat center top;background-size:100%;}
div#back-to-top a.qq{ background:url(../images/index/qq.jpg) no-repeat center top;background-size:100%;}
div#back-to-top a span{    border-radius:6px;    display:block;    height:64px;    width:56px;    margin-bottom:5px;-moz-transition:background 1s;    -webkit-transition:background 1s;    -o-transition:background 1s;}
.floatnav{width:180px; position:fixed; top: 96px;left: calc(50% - 820px); background: #d9b55f; z-index: 999}
.floatnav ul li{ line-height:46px; text-align: center; border-bottom: #b49242 solid 1px;}
.floatnav ul li > a{color:#fff; display: block; width:100%}
.floatnav ul li:last-child{border:none}
.form-input input{padding-right: 10px; width:95%; height: 52px; background:url(../images/name-icon.png) no-repeat 10px center; border: none; border:#e2e2e2 solid 1px; padding-left: 40px; font-size:1.14rem; color: #c2c1c1}
 .form-input input.phone{background:url(../images/phone-icon.png) no-repeat 10px center;}
.vcode{position:relative;}
.vcode img{ position:absolute; left: 160px; top: 0px; width: 120px; height: 52px;}
.vcode input{height: 52px; border: none; border:#e2e2e2 solid 1px; padding-left: 40px;padding-right: 10px; font-size:1.14rem; color: #c2c1c1; width: 150px;}
div#back-to-top p#top{background:#fff url(../images/arr-top.png) no-repeat center center; height:50px; display: none}
div#back-to-top p.msg{background:#3cd66c url(../images/email.png) no-repeat center 10px; height:90px; text-align: center; color: #fff}
div#back-to-top p.msg span{ display:inline-block; padding-top: 60px;}
.footer{padding:20px 0px;  background:#f1f2f2}
.footer .copyright{  font-size: 1.3rem; text-align: center; line-height: 26px;}
.pagecontent{background: #f2f2f2; padding: 40px 0px;}
.pagecontent .container{width:1200px; margin: 0px auto;}
.pagecontent .container .left{width: 240px; min-height: 500px;}
.pagecontent .container .right{width:920px; background: #fff; min-height: 500px; padding: 30px;}
.pagecontent .container .right > h2{line-height: 60px; border-bottom: #f2f2f2 solid 1px; position: relative; font-size: 2rem; color: #1d2088}
.pagecontent .container .right > h2 p,.pagecontent .container .right > h2 span{position: absolute; color: #000}
.pagecontent .container .right > h2 p{right:0px; top: 0px; font-size: 1.4rem; font-weight: normal}
.pagecontent .container .right > h2 span{display: block; width:80px; height: 3px; background: #1d2088; left: 0px; bottom:0px;}
.sidenav h2{line-height: 100px; font-size: 2.2rem; color: #fff; text-align: center; background: url("../images/title-bg.jpg") no-repeat center bottom;}
.pagecontent .container .left p{margin-top: 15px; transition:all 0.5s}
.pagecontent .container .left p:hover{box-shadow: rgba(0,45,165,0.5) 0px 0px 20px;}
.sidenav ul li{background-color:#fff;  color: #fff; border-bottom:#ccc solid 1px; font-size: 1.6rem; transition:all 0.5s}
.sidenav ul li a{display: block; padding: 0px 20px;line-height: 56px; }
.sidenav ul li a i{line-height: 56px;}
.sidenav ul li:hover{background: url("../images/nav-bg.jpg") no-repeat center top; color: #fff;}
.sidenav ul li:hover a{color: #fff}
.article-content ul{padding:20px 0px 0px;}
.article-content ul li{position: relative; line-height: 36px; border-bottom: dashed 1px #f2f2f2}
.article-content ul li a{display: block}
.article-content ul li i{color: #1d2088; font-size: 12px; font-weight: bold; margin-right: 5px;}
.article-content ul li span.data{position:absolute; right:0px; top: 0px;}
.pages{text-align: center; padding: 30px 0px 0px;}
.pages a{ display:inline-block; height:32px;  padding: 0px 15px; line-height:32px; text-align:center; background:#e4e4e4; color:#333; margin:0px 3px;}
.pages span.current{display:inline-block; height:32px; padding: 0px 15px; line-height:32px; text-align:center; background:#002776; color:#e4e4e4; margin:0px 3px;}
.pages a:hover{background:#002776; color:#e4e4e4;}
.page-content .bodys{padding: 10px 0px 30px 0px; line-height: 26px;}
.page-content .n-t{ border-top: #f2f2f2 solid 1px; padding-top: 15px;}
.page-content > h2{ font-size: 2rem; padding: 20px 0px; text-align: center}
.page-content > h2 p{background: #f1f1f1; height: 24px; line-height: 24px; color: #7A7A7A; font-size: 1.2rem; font-weight: normal; margin-top: 15px;}

.picture-box{margin: 0px auto}
ul.prolist li{float: left; width:23%; margin-right: 2.6%;margin-bottom: 10px; background: #f6f6f6; padding: 10px; margin-top: 10px;}
ul.prolist li:hover{ background: #00b0f0}
ul.prolist li:nth-child(4n){margin-right: 0px;}
ul.prolist li .infos{padding:20px 10px; font-size: 1rem; line-height: 23px;}
ul.prolist li .infos p{height: 90px; overflow: hidden}
ul.prolist li .proimg{height: 210px; width:100%; overflow: hidden; background: #fff;  align-items: center; text-align: center; line-height: 210px;}
ul.prolist li .proimg img{max-width:100%;  margin: 0px auto; display: inline-block; vertical-align: middle;}
ul.prolist li h2{height: 57px; line-height: 57px; font-size: 16pxrem; font-weight: normal; padding-left: 20px;}
ul.prolist li .infos span.more{display: inline-block; padding: 0px 20px; height: 34px; line-height: 34px; background: #00b0f0; color: #fff;  margin: 20px 0px 0px 0px;text-transform:uppercase; }
ul.prolist li:hover{background: #061c56}
ul.prolist li:hover .infos{color: #fff;}
ul.prolist li:hover .infos  span{background: #fea924; }


.search{width:50%; margin: 0px auto; padding: 100px 0px;}
.search .input{padding: 10px 0px;}
.search input{width:100%; height: 40px; border:#f2f2f2 solid 1px; border-radius: 3px; padding: 0px 10px;}
.search input[type="button"]{ background:#1d2088; color: #fff; font-size: 1.6rem}
.search-end{text-align: center; font-size: 1.6rem; color: #FF0004; padding: 100px 0px 50px 0px; display: none}
.search-end a{display: block; background: #1d2088; color: #fff; padding: 0px; margin: 20px 0px 0px 0px; color: #fff; width: 120px; margin: 0px auto; font-size:1.4rem;}
/********************article*********************************/.container {padding:0px; margin: 0px auto;}

				.footer{background: #00174f url(../images/footer-bg.jpg) no-repeat top center; padding: 30px 0px; padding-bottom: 0px;}
.footer .container{width:100%;max-width:100%}
				.flink{float: left; width: 50%}
				.flink ul li{float: left; padding-right: 10px; line-height: 24px;}
				.flink h4{line-height: 1; padding: 10px 0px; }
				.footer .bottom_nav{float: none;line-height: 30px; text-align: right}
				.footer .bottom_nav a:hover{color: #CB0407}
				.footer .copy{line-height: 24px; position:relative; background: #1a1a1a; text-align: center; padding: 10px 0px; color: #aaaaaa}
				.footer .copy .right{position: absolute; right: 0px; top:0px; width: 300px; color: #fff;}
				.footer .copy .right img{float: left; margin-right: 15px;}
				.footer .copy .left{color: #fff; line-height: 40px;}
				.bottom-nav{width:1200px; margin: 0px auto}
				.bottom-nav dl{float: left}
				.nav-box{float: left}
				.nav-box a{color: #aaa;}
				.nav-box dl{float: left; padding-right: 50px;}
				.nav-box dl dt{font-size: 16px; color: #fff; line-height: 40px;}
				.nav-box dl dd{line-height: 30px;}
				.contact-box{float: right; position: relative; padding-right: 130px}
				.contact-box p{background:url(../images/icon.png) no-repeat; line-height: 40px; padding-left: 40px; color: #aaa}
				.contact-box p:first-child{background-position: left 2px;}
				.contact-box p:nth-child(2){background-position: left -42px;}
				.contact-box p:nth-child(3){background-position: left -86px;}
				.contact-box p:nth-child(4){background-position: left -129px;}
				.contact-box p:last-child{background: none; padding: 0px;}
				.wxcode{position: absolute; top: 0px; right:0px;}




@media (min-width: 576px) { 	/*.container {    max-width: 100%;  }
*/}
@media (min-width: 768px) {  	/*.container {   max-width: 100%;  }
*/.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:32%; display:inline-block}
}
@media (min-width: 992px) {  /*.container {    max-width: 100%;  }
*/.layer5 .gdnub ul{ display: flex; }
.layer5 .gdnub ul li{ width:20%; }
	}

@media (max-width: 420px){ .layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:49%; display:inline-block}
}
@media (max-width: 320px){ 	html{font-size:50%}
.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:49%; display:inline-block}
}
@media (max-width: 575.98px) {  .table-responsive-sm {    display: block;    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch;    -ms-overflow-style: -ms-autohiding-scrollbar;  }
  .table-responsive-sm > .table-bordered {    border: 0;  }
.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:49%; display:inline-block}
	}
@media (max-width: 767.98px) {  .table-responsive-md {    display: block;    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch;    -ms-overflow-style: -ms-autohiding-scrollbar;  }
  .table-responsive-md > .table-bordered {    border: 0;  }
.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:32%; display:inline-block}
}
@media (max-width: 991.98px) {  .table-responsive-lg {    display: block;    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch;    -ms-overflow-style: -ms-autohiding-scrollbar;  }
  .table-responsive-lg > .table-bordered {    border: 0;  }
	html{font-size:14px}
}
@media (max-width: 1199.98px) {  .table-responsive-xl {    display: block;    width: 100%;    overflow-x: auto;    -webkit-overflow-scrolling: touch;    -ms-overflow-style: -ms-autohiding-scrollbar;  }
  .table-responsive-xl > .table-bordered {    border: 0;  }
}
@media (max-width: 1320px) {	body#article .container{width:100%}
	.container{max-width:1200px;}
	.menu li > a{font-size: 18px; padding: 0px 10px}
	.header .logo img{height: 48px}
	}
@media (max-width: 1440px) {	body#article .container{width:100%}
	.container{max-width:1200px;}
	.menu li > a{font-size: 18px; padding: 0px 10px}
	.header .logo img{height: 48px}
	}
@media screen and (max-width: 1500px){	.container,.sec6 .conter {max-width: 100%;}
	header .container{max-width: 100%;}
	}