*{ padding:0px; margin:0px;}
html{ margin: 0; padding:0; height:100%; width:100%; font-size: 100%}

*: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;
}
@font-face {
/*    font-family: 'alifont';
    src: url('../fonts/AlibabaPuHuiTiR.eot');
    src: url('../fonts/AlibabaPuHuiTiR.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AlibabaPuHuiTiR.woff2') format('woff2'),
        url('../fonts/AlibabaPuHuiTiR.woff') format('woff'),
        url('../fonts/AlibabaPuHuiTiR.ttf') format('truetype'),
        url('../fonts/AlibabaPuHuiTiR.svg#AlibabaPuHuiTiR') format('svg');
    font-weight: normal;
    font-style: normal;*/
}
@font-face {
    font-family: 'DIN';
    src: url('../font/DIN-Bold.eot');
    src: url('../font/DIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/DIN-Bold.woff2') format('woff2'),
        url('../font/DIN-Bold.woff') format('woff'),
        url('../font/DIN-Bold.svg#DIN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body{ margin:0; padding:0; height:100%; width:100%;Font-size:100%; color:#333333; font-family:'alifont'; min-width: 1280px;background: #e5ecf4 url(../images/bg.jpg) no-repeat top center}
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:#3fb551;}

.warp{ width:1000px; margin:0px auto;}
botton{outline:none;}
.container{ padding:0px; margin: 0px auto;}
: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;}

/**/
/*header{ background:#f0f2f4; height: 190px;}
header .logo{ margin-top:24px;}
header .container{ position:relative; width: 1180px; max-width: 1180px}
.search{position:absolute; right:0px; top: 60px; width: 500px;}
.search .form-control{border:solid 1px #78b23f;}
.search .form-control:focus {
  color: #495057;
  background-color: #fff;
  border: 0;
  outline: 0;
border:solid 1px #78b23f;
  
}
.search .btn{ background: #78b23f url(../images/search-icon.png) no-repeat center center; width: 42px; height: 40px; margin-left: -2px;}
.search .top-nav{ font-weight: bold; color:#57921d; text-align: right; padding: 0px;}
.search .top-nav a{ display:inline-block; padding: 0px 8px; line-height: 40px; font-size:1rem; font-weight: bold; color:#57921d}
ul.menu li{ float:left; line-height: 60px; width: 9.09%}
ul.menu li a{display:block; width: 100%; text-align: center;font-size: 1.2rem;}
ul.menu li a:hover,ul.menu li.active a{color:#39b74c;}*/

/**/
.tops .warp{width:1240px; line-height: 40px; font-size: 0.9rem}
.tops .left{ float:left}
.tops .right{float:right}
.tops .right a{ margin-left:10px;}
.tops .right a:hover{color:#fff}
header{ background:none; height: 190px;}
header .logo{ margin-top:24px; margin-bottom: 15px;}
header .logo img{ height:90px;}
header .container{ position:relative; width: 1240px; max-width: 1240px}
header .lyw{position:absolute; right: 0px; top: 40px;}
.search{position:absolute; right:130px; top: 50px; width: 450px;}
.search .form-control{border:solid 1px #78b23f;}
.search .form-control:focus {
  color: #495057;
  background-color: #fff;
  border: 0;
  outline: 0;
border:solid 1px #78b23f;
  
}
.search .btn{ background: #78b23f url(../images/search-icon.png) no-repeat center center; width: 42px; height: 40px; margin-left: -2px;}
.search .top-nav{ font-weight: bold; color:#57921d; text-align: right; padding: 0px;}
.search .top-nav a{ display:inline-block; padding: 0px 8px; line-height: 40px; font-size:1rem; color:#57921d}
.menu{width:100%; background:#27ad60}
.menu ul{width:1240px; margin: 0px auto}
.menu li{ float:left; line-height: 50px; width: 9.09%; position:relative;border-left:#90d7fb solid 2px;}
.menu li:first-child{border:none}
.menu li a{display:block; width: 100%; text-align: center;font-size: 1rem; color: #fff}
.menu li a:hover,ul.menu li.active a{color:#fff; background: #028339}
.sub-menu{display:none; position:absolute; left: 0px; top: 50px; z-index: 9; background: #028339; width: 150%;}
.menu li:hover .sub-menu{display:block}
.menu li .sub-menu a{line-height:42px; height: 42px; border-bottom: #fff solid 1px; overflow: hidden; padding: 0px 10px;}
.menu li .sub-menu a:last-child{border-bottom:none}


.msgcontents{ width:40%;  background:rgba(0,0,0,0.5); position:fixed;left: 30%; top: -1000px; z-index: 999; padding: 0px;}
.msgcontents h2{text-align:center; font-size:1.4rem; background: #36ac5b; color: #fff; line-height: 52px; position:relative}
.msgcontents form{ background:#f2f2f2; padding: 20px;}
.msgcontents form textarea,.msgcontents form .submit input,.msgcontents form .form-input input{width:100%}
.msgcontents h2 a{position:absolute; right:0px; top: 0px; display: inline-block; width: 52px; height: 52px; color: #fff; background:#000; font-size:1rem; font-weight: normal; text-align: center}

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;
}
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:80px 0px; font-size:1.14rem; background:#fff; border-top: #f2f2f2 solid 5px;}
footer .bottom-contact h2,footer .code h2{font-size: 1.71rem; width: 100%; height: 50px;}
footer .bottom-contact .copyyright{ line-height: 29px; padding: 10px 0px}
footer .bottom-contact .tel{ padding-top:10px;}
footer .code{ padding-left:60px;}
footer .code .code-list{ float:left; text-align: center; margin-right:100px;}
footer .code .code-list:last-child{ margin:0px;}
footer .code .code-list .code-img{border:7px #edeeef solid; border-radius: 5px; height: 146px; width:146px; margin-bottom: 10px;}
footer .code .code-list .code-img img{ width:100%}
/********************article*********************************/
body#article .container{     width: 1316px;
    max-width: 1316px; margin: 0px auto;}
.subbanner{ width: 100%; display: none}
.subbanner img{ width:100%}
.nav{ width:100%; line-height: 73px; border-bottom:#d6d6d6 solid 1px; background: #fff }
.nav .container{position:relative;height:173px;}
.positions{ position:absolute; left: 0px; top: 0px; height: 30px; line-height: 30px;}
.positions a.home{background:url(../images/home-icon.png) no-repeat left center; padding-left:20px;}
.nav-list{ text-align:center}
.nav-list a{display:inline-block; margin: 0px 15px 0px 55px;line-height:75px; height: 75px; margin-bottom: -1px; font-size:1.2rem;
            width: 25%;}
.nav-list a:hover,.nav-list a.active{border-bottom:2px solid #3fb551; color: #3fb551}

.topnews{margin:50px 0px; display: flex; align-items: center; flex-direction: row; background: #f5f5f5}
.topnews .newpic{ align-items: left}
.topnews .newpic img{ width:100%}
.topnews .newdesc{ align-items:right; width: 768px; padding: 40px;}
.topnews .newdesc h2{position:relative; line-height: 50px;}
.topnews .newdesc h2 span.date{position:absolute; font-size: 1.14rem; font-weight: normal;top: 0px; right:0px;}
.topnews .newdesc h2 a{ font-weight: 600; font-size:1.43rem; color: #444444; display: inline-block;overflow:hidden;text-overflow: ellipsis; white-space: nowrap; width: 70%}
.topnews .newdesc .infos{ line-height: 26px; padding: 10px 0px 20px 0px;}
.topnews .newdesc .view{width:120px; height: 38px; line-height: 38px; text-align: center; border:#3fb551 solid 1px; border-radius: 5px; color: #3fb551; display: inline-block}

ul.newslist li{ display: flex; align-items: center;}
ul.newslist li .date{font-size:2rem; width: 186px; font-family: 'DIN'; color: #ccc; background: url(../images/jiantou.png) no-repeat left 50px; padding: 0px 0px 50px 0px}
ul.newslist li .newdesc{ border-left: #ebebeb solid 1px; padding: 0px 10px 20px 20px; line-height:2; color: #5a5c5a;width: 966px; }
ul.newslist li .newdesc h2 a{ font-size: 1.56rem; display:block; line-height: 2.5; color: #444444}
ul.newslist li .newdesc h2 a:hover{color:#3fb551}
ul.newslist li .newpic{ width: 180px;}
ul.newslist li .newpic img{width:100%; height: 110px;}
ul.newslist li:hover .newdesc{border-left: #3fb551 solid 1px;}
ul.newslists{width:85%; margin: 0px auto}
ul.newslists li{ display: flex; align-items: center; border-bottom:1px solid #bfbfbf; padding:60px 0px 36px 0px;}
ul.newslists li .date{font-size:0.8rem; width: 90px; height: 90px; border-radius: 5px; border:1px solid #bfbfbf; color: #000; padding: 0px; text-align: center; padding-top: 52px; background: url(../images/date-bg.png) no-repeat center 20px;}
ul.newslists li .newdesc{  padding: 0px 10px 20px 20px; line-height:2; color: #5a5c5a;width: 1020px; }
ul.newslists li .newdesc h2 a{ font-size: 1.56rem; display:block; line-height: 2.5; color: #444444}
ul.newslists li .newdesc h2 a:hover{color:#3fb551}
ul.newslists li .newpic{ width: 223px; height: 124px; border:1px solid #bfbfbf; text-align: center; padding-top: 5px}
ul.newslists li .newpic img{height: 95%;}
ul.newslists li:hover{border-bottom: #3fb551 solid 1px;}
.pages{text-align:center; padding: 30px 0px;}
.pages a{ display:inline-block; height:32px; width:32px; line-height:32px; text-align:center; color:#333; margin:0px 3px; border:#d9d9d9 solid 1px;}
.pages span.current{display:inline-block; height:32px; width:32px; line-height:32px; text-align:center; background:#f38328; color:#fff; margin:0px 3px;}
.pages a:hover{background:#f38328; color:#fff;}
.pages a.prev,.pages a.next{width:70px;}
.getmore{height:  61px; line-height: 61px; background: #eeeeee url(../images/arr-down-icon.png) no-repeat 67px center;padding-left:90px; font-size:1.14rem; color: #1d1d1d; margin-left: 186px; cursor: pointer}
.piclists.getmore{ text-align: center; background: #eeeeee url(../images/arr-down-icon.png) no-repeat 45% center; padding: 0px; margin: 0px; width:100%}
/********************page*********************************/

.centain.page{background:#eeeeee; }
.centain{background:#fff}
.pagecontent{ padding:50px 70px; background: #fff; margin: 40px 0px;}
.pagecontent h2:first-child{font-size:2.14rem; text-align: center; margin-bottom: 30px;}
.pagecontent h2:first-child .enname{ font-size:1.14rem; line-height: 26px;}
.pagecontent .content{font-size:1.28rem; line-height: 36px; color: #666666}
.pagecontent ul.contact{display:flex; flex-direction: row; align-items: center; text-align: center;}
.pagecontent ul.contact li{ padding:0px 20px;}
.pagecontent ul.contact li .item{border:#f5f5f5 solid 1px; height: 270px; padding-top: 60px;}

.pagecontent ul.contact li p.name{font-size:  1.7rem; line-height: 60px; font-weight: bold}

.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;}
.msgcontent{padding:10px 0px;}
.msgcontent textarea{ width:97.5%; min-height: 200px;border: none; border:#e2e2e2 solid 1px; padding: 10px;}
.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;}
.submit input{width:97.5%; height: 52px; border:none;background:#40b551; color:#fff; text-align: center; margin-top: 10px;}
/********************picture*********************************/

ul.piclist li p{border-bottom:#ccc solid 1px; padding: 3px;}
ul.piclist li p img{width:100%; }
ul.piclist li h2{ text-align:center; font-size: 1.1rem; line-height: 38px;overflow:hidden;text-overflow: ellipsis; white-space: nowrap; width:99%}

ul.piclist {padding:30px 15px;
                -moz-column-count: 4;
                /* Firefox */
                -webkit-column-count: 4;
                /* Safari 和 Chrome */
                column-count: 4;
                -moz-column-gap: 0.5em;
                -webkit-column-gap: 0.5em;
                column-gap: 0.5em;
            }
            /*一个内容层*/            
ul.piclist li {
                padding: 0;
                margin: 0 0 1em 0;
                -moz-page-break-inside: avoid;
                -webkit-column-break-inside: avoid;
                break-inside: avoid;
                border: 1px solid #ccc;
				width: auto;
	border-radius: 3px;
            }
            
ul.piclist img { width: 100%;}


.lb-dataContainer{background:#fff}
.lb-data .lb-close{width:20px;}

.pre-nxt{ widt:100%; border-top: #f5f5f5 solid 1px;}
.pre-nxt p{display:inline-block; width:100%; line-height: 42px;}
.data-hits{ text-align:center; line-height: 24px; background: #f2f2f2; font-size:0.8rem; margin-bottom: 20px; color: #aaa}
.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}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1070px;
  }
}

@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;
  }
}

@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;
  }
	
	
}

@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:70%}
}
@media (max-width: 1320px) {


	body#article .container{width:100%}
	html{font-size:80%}
}
@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: 420px){ 
	
		
	

}

@media (max-width: 320px){ 
	html{font-size:50%}
}