body{margin: 0;}
.vcenter {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
*{font-family: "微软雅黑";margin: 0; padding: 0;}
table{width: 100%; border-collapse: collapse; border-spacing: 0;}
td,th{padding: 0;}

*{ margin:0; padding:0; list-style-type:none; font-style:normal; outline:none;}

a{ color:#333; text-decoration:none;}
img{ vertical-align: middle; border:0;}
.fr{ float:right;}
.fl{ float:left;}
.clearfix:after{ content:''; display:block; height:0; overflow:hidden; clear:both;}
.f888{ color:#888; }
.f666{ color:#666;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{ font-size:18px;}
.f20{font-size: 20px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.input_text{ padding:5px; border:1px solid #dcdcdc; background-color:#fff;}
input{ vertical-align:middle;}
.b{font-weight: bold;}
.tc{text-align: center;}
.w{width:1000px; margin:0 auto; position: relative;}

.h-top{height: 56px; line-height: 56px; border-top:3px solid #00a0e9; background-color: #3d3d3d; position: relative; z-index: 9998; position: fixed; width:100%; top:0; left: 0;}
.nav > li{ float: left; position: relative; height: 56px; line-height: 56px; font-size: 15px;}
.nav >li > a{ display: block; padding: 0 28px; color:#cccccc;}
.nav >li a:hover{background-color: #00a0e9; color: #fff;}
.nav >li.active >a{background-color: #00a0e9; color: #fff;}
.nav >li ul{position: absolute; width: 100%; left: 0; top: 56px; background-color: #444; display: none;}
.nav >li ul li{ height: 40px;line-height: 40px; overflow:hidden;}
.nav >li ul li a{display:block; color: #fff; background-color: #444; text-align: center;}

.top-search .s-input{ width: 160px; border:1px solid #a6a6a6; color:#999; padding: 5px; height: 15px; font-size: 12px; border-right: none; background-color: #fff;}
.top-search .h-s-btn{display: inline-block; width: 28px; height: 27px; background: url(../images/search_b.jpg) no-repeat 0 0; cursor:pointer; border:0;}

.h-bottom{ height: 82px; background:url(../images/hb-bj.jpg) repeat-x 0 0; margin-top: 59px;}
.h-bottom .logo{line-height: 82px;}
.h-btel .tel-n{font-size: 20px; color: #555353; font-weight: bold; font-style: italic; margin-right: 20px; float: left; padding-top: 23px;}
.h-btel .tel-n img{margin-right: 10px;}
.h-btel .en-t{font-size: 12px; float: left; padding-top: 26px;}
.h-btel .en-t img{ margin-right: 5px;}

.banner{text-align: center;}
.banner img{max-width: 100%; display: block; margin:  0 auto;}

.section{padding: 60px 0;}
.sec-title p{font-size: 26px; font-weight: bold; font-family: arial;}
.sec-title h3{font-size: 24px; font-weight: normal;}

.sec1-item{margin: 60px 0;}
.about-item li{ width: 25%; text-align: center; float: left;}
.about-item li a{display: block; width: 70%; margin: 0 auto;}
.about-item li span.sec1-span{display: block; width: 109px; height: 109px; border-radius: 50%;border:2px solid #d6d8e0; margin: 0 auto; background-color: #00a0e9;}
.about-item li span.sec1-span i{display: block; width: 49px; height: 49px; background-image: url(../images/webico.png); background-repeat: no-repeat; margin: 30px auto;}
.about-item li span.sec1-span i.s1-ico{background-position: 0 0;}
.about-item li span.sec1-span i.s2-ico{background-position: 0 -60px;}
.about-item li span.sec1-span i.s3-ico{background-position: 0 -120px;}
.about-item li span.sec1-span i.s4-ico{background-position: 0 -180px;}
.about-item li span.sec1-span i.s5-ico{background-position: 0 -240px;}
.about-item li h4{ font-size: 16px; padding: 30px 0;}
.about-item li p{font-size: 12px; color: #919191;height:32px;}
.s1-more a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #3d3d3d;font-size: 13px; border:1px solid #b2b2b2; border-radius: 4px;}
.s1-more a:hover{background-color: #00a0e9; color: #fff; border-color: #00a0e9;}

.section2{background: url(../images/s2-bj.jpg) no-repeat center 0; background-size: cover;}
.s2-hr{height: 20px; background: url(../images/s2-hr.png) no-repeat center 0; margin-top: 15px; float: left; width: 100%;}
.sec2-h{padding: 15px 0;}
.sec2-h span.s2-t{font-size: 30px; font-weight: bold; color: #fff; margin-right: 20px;}
.sec2-h span.s2-info{color: #aab0b8; font-size: 14px;}
.more-a{display: inline-block; width: 100px; height: 28px; line-height: 28px; text-align: center; color: #fff; border:1px solid #fff; border-radius: 4px; font-size: 13px;}
.more-a:hover{background-color: #00a0e9; border-color: #00a0e9;}
.s2-more{margin-top: 10px;}
.s2-proitem{margin-top: 15px;}
.s2-pro1{height: 406px; width: 65%; position: relative; overflow: hidden;}
.s2-pro2{margin-bottom: 20px;}
.s2-pro2,.s2-pro3{height: 193px; width: 31%; position: relative; overflow: hidden; margin-left: 18px; overflow: hidden;}
.s2-proitem img{width: 100%; height: 100%; transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s;-o-transition:all 2s;}
.s2-proitem p.s2-name{position: absolute; width: 100%; padding:15px 0; text-indent: 20px; background-color: rgba(0,0,0,0.6); color: #fff; left: 0; bottom: 0; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.s2-proitem a:hover img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}

.section3{ background: url(../images/hb-bj.jpg) repeat 0 0;}
.s3-news-list{margin-top: 30px;}
.s3-news-list li{ float: left; width: 100%; padding: 30px 20px; box-sizing:border-box; -webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box; border-bottom: 1px solid #dfdfdf;}
.s3-news-list li .s3-img{width: 99px; height: 99px; margin-right: 16px; position:relative; border:2px solid #fff; overflow: hidden; text-align: center; line-height: 99px;}
.s3-news-list li .s3-img img{max-width: 100%;}
.s3-news-list li .s3-new-tit{font-size: 16px;  line-height:28px; overflow:hidden;}
.s3-news-list li .s3-date{padding-bottom: 15px;}
.s3-news-list li .s3-date,.s3-news-list li .s3-news-info{font-size: 12px; line-height: 1.8em; margin-left: 115px;}
.s3-news-list li .s3-news-btn{margin-left: 119px; margin-top: 20px;}
.s3-n-btn{display: inline-block; width: 116px; height:32px; line-height: 32px; text-align: center; border:1px solid #0a88c1; background-color: #00a0e9; color: #fff; font-size: 12px;}
.s3-n-btn:hover{opacity: 0.8; filter:alpha(opacity=80);}

.link{background-color: #3b3b3b; padding: 13px 0; color: #9f9f9f;}
.link-txt .link-h em{ float: left; background-color: #2e2e2b; color: #2b83c7; font-style: normal; font-size: 25px;  font-weight:bold; font-family: 宋体; height: 20px; line-height: 20px;}
.link-txt .link-h span{ background-color: #2b83c7; color: #fff; float: left; font-size: 12px; padding: 0 4px; height: 20px; line-height: 20px;}
.link-txt .link-a a{color: #9f9f9f; font-size: 12px; margin: 0 3px;}
.link-txt .link-a{margin-left: 120px; line-height: 20px; font-size: 10px;}

.footer{background-color: #202020;}
.foot-top{padding: 50px 0 60px 0;}
.foot-left{width: 50%;}
.foot-right{width: 40%;color:#999;font-size:14px;}
.foot-left .fl-tit,.foot-right .fl-tit{font-size: 15px; color: #fff; padding-bottom: 30px;}
.fl-info{font-size: 12px; color: #999999; line-height: 2em;}
.fl-info b,.fl-info b a{ color: #dcdcdc; font-size: 14px; font-weight: normal;}
.foot-left .f-more{margin-top: 20px;}
.fr-twm{margin-top: 15px;}
.fr-twm img{width: 75px;}
.f-copyright{ padding: 25px 0; font-size: 12px; color: #777777; border-top: 1px solid #373737; clear: both;}
.f-copyright a{color: #dcdcdc;}
.f-copyright a:hover{color: #00a0e9;}

.f-copyright img{width: 40px; margin-right: 10px;}

/*inner*/
.inner-banner{background-color: #fff;}
.inner-banner img{ max-width: 100%;}
.path-box{height: 44px; line-height: 44px; border-bottom: 1px solid #d6d6d6; text-align: right; font-size: 12px;color: #b4b4b4; margin-bottom: 20px; background-color: #fff; overflow:hidden;}
.path-box a{color: #b4b4b4; margin: 0 3px;}
.path-box a.crumbs{color: #707070;}
.path-box .pico{position: absolute; width: 38px; height: 19px; background: url(../images/pathico.gif) no-repeat 0 0; left: 50%; top:44px; margin-left: -19px;}

.cate-box{ padding: 22px 0;}
.cate-one-item{text-align: center;}
.cate-one-item li{display: inline-block; font-size: 22px; font-weight: bold; padding: 0 30px;}
.cate-one-item li.active a{color:#00a0e9;}
.cate-two-box{padding: 15px 0; border-top:1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 12px; color: #b4b4b4;}
.cate-two-box a{ color: #b4b4b4; margin: 0 5px;}
.cate-two-box a.cur{color: #333;}

.main-about-box{padding: 60px 0; line-height: 2em;}
.main-about-box img{max-width:100%;}
.about-tit2{margin-top: 30px; background: url(../images/aboutinfo_hr.jpg) no-repeat center 0; padding: 20px 0;}
.about-txt-item li{float: left; width: 43%;  margin-right: 54px; border-top:9px solid #ececec; padding: 30px 0 44px 0;}
.about-inforight{width: 139px; height: 137px; overflow: hidden; line-height: 137px; text-align: center;}
.about-inforight img{max-width: 100%;}
.about-txt-item{overflow: hidden;}
.about-txt-item ul{width: 110%;}
.about-infoleft{ margin-right: 159px;}
.about-infoleft .aboutinfo2{height: 100px; overflow: hidden; line-height: 26px;}

.related_news .title {background: url(../images/news_show02.jpg) no-repeat left; padding-left: 25px;height: 24px;overflow: hidden; width: 100%; line-height: 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.related_news .title .zn_en {  color: #010101;  font-size: 18px;  width: 204px;  float: left;  display: inline-block;  overflow: hidden;}
.related_news .title .zn_en span {color: #afafaf;font-size: 12px;text-transform: uppercase;}
.related_news .title .line { background: url(../images/news_show_03.jpg) no-repeat 0 center; height: 23px; display: block; margin-left: 200px; margin-right: 61px;}
.related_news .title .more { float:right; text-align: right;}
.related_list {background: #f4f4f4; padding: 10px 35px;  margin-top: 20px;}
.related_list li {border-top: 1px solid #d9d9d9; float: left; width: 50%;  line-height: 40px;  padding-right: 5%;  font-size: 13px;box-sizing:border-box; -webkit-box-sizing:border-box;}
.related_list li:nth-child(1),.related_list li:nth-child(2){ border: 0;}
.related_list li .left { width: 75%;overflow: hidden;  float: left;}
.related_list li .date {overflow: hidden;  float: right;   color: #a0a0a0;  font-size: 12px;}
.related_list li a { color: #666; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display: block;}
.related_list li a:hover {  color: #0081db;}
.related_list li .fa-caret-right { width:4px; height:6px; margin-right: 10px;  background: url(../images/newsico1.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-top: -3px;}
.related_list li:nth-child(2n) {  padding-left: 5%;  padding-right: 0;}

.main-pro-box{padding-top: 30px;}
.hr{height: 1px; background-color: #d9d9d9;}
.item-box{background-color: #f5f5f5; margin: 25px 0;}
.item-prol{width: 60%;}
.item-prol img{max-width: 100%;}
.item-pror{width: 40%; padding: 5%;box-sizing:border-box; -webkit-box-sizing:border-box;}
.item-pror .pro_tit{ font-size: 31px; padding-bottom: 30px; position: relative;}
.item-pror .pro_tit:before{content: ''; display: block; position: absolute; height: 6px; width: 40px; background-color: #00a0e9; bottom: 15px;}
.item-pror .pro-list-info{font-size: 13px; height: 100px; overflow: hidden; margin-bottom: 30px; line-height: 26px;}
.item-pror .pro-more a{background-color: #fff;}
.item-pror .pro-more a:hover{background-color: #00a0e9;}

.page{padding-top: 30px;}
.page a,.page span{ display: inline-block; padding: 8px 14px; background-color: #efefef; margin: 0 5px; font-size: 12px;}
.page span{color: #888;}
.page a:hover,.page .cpb{background-color: #00a0e9; color: #fff;}

.map-box{max-height: 335px; background-color: #f6f6f6; overflow:hidden;}

#map img{width:100%;}

.newshow-h1{ font-size: 28px; padding-bottom: 28px; position: relative;}
.newshow-h1:before{content: ''; display: block; position:absolute; width: 80px; height: 3px; background-color: #00a0e9; left: 50%; bottom: 20px; margin-left: -40px;}
.newshow-infotxt img{max-width: 100%;}
.newshow-infotxt{font-size: 14px; line-height: 2em;}
.new-up-down{background-color: #666; padding: 5px 10px; color: #fff; font-size: 14px;}
.new-up-down span{ width: 50%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-indent: 20px;}
.new-up-down a{color: #fff;}
.new-up-down a:hover{color: #0081db;}

/*job*/
.job_titbox{height: 32px; line-height: 32px; border-bottom: 1px solid #00a0e9;}
.job_titbox span{display: inline-block; width: 187px; height: 33px; background-color: #00a0e9; border-radius: 4px 4px 0 0; color: #fff; font-weight: bold; text-align: center; bottom: 0px; position: relative;}
.job-tab th,.job-tab td{text-align: center; background-color: #f4f4f4; padding: 5px 0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 16%;}
.job-tab th:last-child,.job-tab td:last-child{border-right:none;}

.job_show{padding: 0 35px; border-left: 1px solid #ffab00; position: relative; margin: 35px 0; line-height: 2em; margin-left: 15px; display: none;}
.job_show .job-stit{font-weight: bold; position: relative;}
.job_show .job-stit:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; left: -40px; top:8px; background-color: #ffab00; border-radius: 50%;}
.job_show a{color:#00a0e9;}

.job-sbtn{background-color: #7b7b7b; color: #fff; display: inline-block; padding: 2px 20px; border-radius: 4px;}

/*contact*/
.con-c-name h1{font-size: 26px; font-weight: normal; padding: 20px 0;}
.con-c-item li{float: left;width: 50%; line-height: 38px;}
.con-c-item li img{margin-right: 5px;}

/*在线留言*/
.msg-c-name{font-size: 20px; font-family:arial; margin: 40px 0 50px 0;}
.msg-c-name h1{font-weight: normal;}
.msg-main{margin-bottom: 80px;}
.msg-main img{max-width:100%;margin:0 auto}
.msg-left,.msg-right{width: 49%;}
.msg-form li input[type=text]{height: 20px; padding:16px 8px; width: 80%; border:1px solid #fff; font-size: 14px;}
.msg-form li{margin-bottom: 20px;}
.textarea_style{border:0; padding: 2%; width: 96%; background-color: #fff; height: 176px; font-size: 14px; border:1px solid #fff;}
.msg-form li.msg-one p{ display: inline-block; width: 50%;}
.msg-form li.msg-one input[type=text]{width:60%;}
.msg-submit{margin-top: 20px; text-align: right;}
.msg-sbtn{ height: 53px; border:0; background:url(../images/msg_subico.png) no-repeat 20px center #0081db; color: #fff; font-size: 16px; text-indent: 20px; width: 180px; cursor: pointer; transition:all 0.2s; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;}
.msg-sbtn:hover{background-position: 30px center;}

/*荣誉资质*/
.honor-item li{float: left;width: 25%; text-align: center; margin: 20px 0;}
.honor-item li a{display: block; width: 90%; margin: 0 auto;}
.honor-item li img{max-width: 100%;}
.honor-item li p{height: 30px;line-height: 30px;overflow: hidden; font-size: 14px;}


/*sitemap*/
.sitemap{font-family:"微软雅黑";text-align:left; padding:30px;}
.sitemap > ul > li {line-height: 30px;border-bottom: dashed 1px #f8f6f6;margin-bottom: 20px; text-decoration:none;font-size: 14px; font-size:14px;}
.sitemap > ul > li > ul > li{ border-bottom:1px solid #e3e3e3; padding:5px 0;}
.sitemap > ul > li > ul > li > ul >li a{ background:url(../images/icon3.jpg) no-repeat center left; padding-left:10px; color:#999;}
.sitemap > ul > li > ul > li > ul >li{ display:inline-block; margin-right:10px;}
.sitemap > ul ul{ margin-left:20px;}
.sitemap li h2{ font-size:14px;}
.sitemap li h2 a{background:#0081db;color:#fff;padding: 5px 10px;text-decoration: none;}
.sitemap li a {margin-right: 10px;text-decoration: none;color:#666;}

.wap_navico{ position: absolute; width: 30px; height: 30px; background: url(../images/nav_bj.png) no-repeat center center; top:10px; display: none;}
@media screen and (max-width:1023px) {
	.h-top{position: relative;}
	.h-bottom{margin-top: 0;}
	.nav-left{display: none;}
	.w{width:100%; padding:0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;}
	.h-btel .en-t{display: none;}
	.main-about-box .about-tit{padding-top: 30px;}
	.wap_navico{display: block;}
}

@media screen and (max-width:979px) {
	.s2-pro1{width: 64%;}
	.s2-pro1.fl{height: 291px;}
 
	.item-pror .pro-list-info{height: 75px;margin-bottom: 23px;}
	.item-pror .pro_tit{font-size: 25px;}

	
}

@media screen and (max-width:767px) {
	.about-item li{width: 33%;}
	.about-item li a{margin: 20px auto;}
	.about-item li h4{padding: 10px 0;}
	.s3-news-list li{width: 100%;}
	.foot-right{width: 100%; margin-top: 30px;}
	.foot-left{width: 100%;}
	.slick-prev, .slick-next{background: none;}
	.about-txt-item ul{width: 100%;}
	.about-txt-item li{width: 100%; margin-right: 0;}
	.related_list li,.related_list li:nth-child(2n){width: 100%; padding-right: 0;padding-left: 0;}
	.msg-left, .msg-right{width: 100%;}
	.con-c-item li{width: 100%;}
	.honor-item li{width: 33%;}
	.item-prol{width: 50%;}
	.item-pror{width: 50%; padding: 3%;}
	.item-pror .pro_tit{font-size: 18px;}
	.item-pror .pro_tit:before{height: 4px;}
	.item-pror .pro-list-info{height: 50px; margin-bottom: 15px;}
	
}

@media screen and (max-width:639px) {
	.h-bottom{height: 60px; overflow: hidden;}
	.h-bottom .logo{line-height: 60px;}
	.h-bottom .logo img{width: 80%;}
	.h-btel .tel-n{ font-size: 16px;}
	.h-btel .tel-n{padding-top: 20px;}
	.s2-pro1{width: 100%;}
	.sec2-h span.s2-info{display: block;}
	.s2-pro1{padding: 5px; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
	.s2-pro2, .s2-pro3{width: 100%;height:auto; margin-left: 0; padding:5px; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
	.h-btel{display: none;}
	.s3-news-list li{padding: 15px 0;}
	.link-txt .link-a{margin-left: 0; display: block; clear:both; padding-top: 10px;}
	.j-table_box{overflow-x:auto; padding-bottom: 10px;}
	.j-table_box table{width: 130%;}
	.honor-item li{width: 50%;}
	.item-pror .pro_tit{padding-bottom: 25px;}
	.item-pror .pro-list-info{margin-bottom: 10px;}
	.item-prol,.item-pror{width: 100%;}
}	
@media screen and (max-width:479px) {
	.about-item li{width: 50%;}
	.s2-pro1.fl{height: 176px;}
	 
	.s2-proitem p.s2-name{padding: 5px 10px; font-size: 14px;}
	.item-prol{width: 100%;}
	.item-pror{width: 100%;}
	.related_list{padding: 10px;}
	.page .page-num{display: none;}
	.page a, .page span{padding: 8px 10px;}
	.new-up-down span{width: 100%; line-height: 38px;}
	.j-table_box table{width: 180%;}
	.msg-form li.msg-one p{ width: 100%; margin-bottom: 20px;}
	.msg-form li.msg-one input[type=text]{width: 68%;}
	.msg-form li input[type=text]{width: 68%;}
	.honor-item li{width: 100%;}
	
}
.main-pro-box .proimage
{
    height: 360px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 595px;
}