.headerbox{width: 100%;background-color: #fff;}
.topbox{width: 100%;height: 88px;}
.topbox .logo{width: 228px;height: 88px;}
.topbox .logo img{width: 228px;height: 88px;}
.topbox .phone{ width: auto; height: 88px; text-align: right; padding: 10px 0;}
.topbox .phone span{font-size: 16px; color: #666; line-height: 28px;}
.topbox .phone .ph{ font-size: 28px; font-weight: bold; color:#0765b0; line-height: 40px;}
.menubox{width: 100%; height: 50px; background-color:#0765b0;}
.menubox ul{width: 100%; height: 50px;}
.menubox ul li{width: 170px;height: 50px; line-height: 50px; text-align: center; font-size: 16px;}
.menubox ul li a{ color: #fff; display: block;}
.menubox ul li a:hover{ color: #fff; background-color:#ec8c30 ;}
.menubox ul li a.hover{ color: #fff; background-color:#ec8c30 ;}

.index_box01{width:100%;height: 482px; position: relative; overflow: hidden;}
#banner{}
#banner .img{ width:100%; height: 482px;}
#banner .img img{ width:100%;height: 482px;}
#banner  a:hover{ color:#0765b0;}
.swiper-container{width:100%;height: 482px;}
.index_box01 .swiper-pagination{ bottom:30px; width:100%; text-align:center;}
.index_box01 .swiper-pagination span{ margin:0 4px; outline:0;}
.swiper-pagination-bullet{ width:6px; height:6px; display: inline-block; background: #fff;}
.swiper-pagination-bullet-active{ background:#0765b0;}

.index_box02{width: 100%; height: auto;}
.searchbox{ width: 100%; height: 76px; border-bottom: 1px solid #eee;line-height: 76px;}
.searchbox .tag a{ display: inline-block; margin-right: 10px;}
.search_form{ display:inline-block; height:46px;padding:5px 10px;border: 1px solid #ddd; width: 294px; /* overflow: hidden; */float: right; margin: 15px 0;border-radius: 25px;}
.search_form .input{ width:184px; height:36px; line-height:36px; border:none; padding:0 10px; background:#fff; outline:0; float: left; color: #999;}
.search_form .button{ width:60px; height:36px; background: url(../img/serch_icon.png) no-repeat; cursor:pointer; outline:0; border: none; float: right;}

.productbox{ width: 100%; background: #fff;/* padding: 50px 0; */}
.productbox .tit{ width: 100%;background: url(../img/titbg.png) no-repeat top center; text-align: center; color: #333; font-size: 28px; height: 58px; line-height: 58px;}
.productbox .tit span{color:#0765b0;}
.fenleilsit{ width: 100%; text-align: center; margin: 30px 0;}
.fenleilsit a{ display: inline-block; color: #fff; background: #0765B0; padding: 8px 25px; margin: 0 12px;}
.fenleilsit a:hover{color: #fff; background: #ec8c30;}
.fenleilsit .active{color: #fff; background: #ec8c30;}

.flproduct{ width: 1230px;}
.flproduct .pro-row{ width:277px; height: auto; margin-bottom: 30px; margin-right: 30px;position: relative;}
.flproduct .pro-row a.set-link{ width:100%; height: 100%;position: absolute;left: 0;top:0;}
.flproduct .pro-row .pro-img{width:275px; height:286px;overflow: hidden;border: 1px solid #ddd; border-bottom: none;}
.flproduct .pro-row .pro-img img{ width:275px; height:286px;}
.flproduct .pro-txt{ width:275px; background-color: #fff; border: 1px solid #ddd;padding: 15px; height: auto;}
.flproduct .pro-txt h3{ font-size: 16px; color: #0765B0; text-align: center; font-weight: bold; margin-bottom: 10px;}
.flproduct .pro-txt p{ font-size: 13px;color: #999; line-height: 22px; /* padding-top: 10px; */ height: 44px; overflow: hidden;}
.more{ text-align: center; /* margin-top: 50px; */}
.more a{display: inline-block; color: #333; background: #fff;border: 1px solid #ddd; padding: 10px 40px; font-size: 16px; }
.more a:hover{color: #fff; background:#0765B0;}

.progressbox{ width: 100%; height:398px; background: url(../img/lcbg.jpg) no-repeat; background-size: 100% 100%;padding: 50px 0;}
.progressbox .tit{ width: 100%;background: url(../img/titbg.png) no-repeat top center; text-align: center; color: #fff; font-size: 28px; height: 58px; line-height: 58px;}
.progressbox .zhushi{color:#fff; text-align: center;}
.lclist{ width: 100%; margin-top: 60px;}
.lclist .lctu{ width: 108px; text-align: center;}
.lclist .lctu img{width: 108px; height: 108px;}
.lclist .lctu p{color: #fff; font-size: 16px; height: 24px;line-height: 24px;}
.lclist .arrbox{ width: 50px; height: 46px;padding:43px 0; margin: 0 20px;}

.casebox{ width: 100%; background: #fff; /* padding: 50px 0; */}

.casebox .tit{ width: 100%;background: url(../img/titbg.png) no-repeat top center; text-align: center; color: #333; font-size: 28px; height: 58px; line-height: 58px;}
.casebox .tit span{color:#0765b0;}
.casebox .case-row{width: 378px;border: 1px solid #ddd; padding: 34px; margin-bottom: 30px;margin-right: 30px;display: block;position: relative;}
.casebox .case-row a.set-link{ width:100%; height: 100%;position: absolute;left: 0;top:0;}
.casebox .case-row:nth-of-type(3n){
	margin-right: 0;
}
.casebox .case-row .casetu img{width:310px;height: 238px;}
.casebox .case-row .casetxt{ width: 100%; padding-top: 15px;}
.casebox .case-row .casetxt h1{ font-size: 16px; font-weight: bold; color: #333;}
.casebox .case-row .casetxt p{ font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; color: #999; margin-bottom: 15px;}
.casebox .case-row .casetxt a{ width: 106px; height: 34px; color: #fff; background-color: #0765B0; display: inline-block; text-align: center; line-height: 34px;}
.casebox .case-row:hover{width: 378px;border: 1px solid #ddd; padding: 34px; background-color: #0765B0;}
.casebox .case-row:hover .casetxt h1{ color: #fff;}
.casebox .case-row:hover .casetxt p{  color: #fff; }
.casebox .case-row:hover .casetxt a{ color: #fff; background-color: #EC8C30; }


.newsbox{ width: 100%; background: #f0f0f0; padding: 50px 0;}
.newsbox .tit{ width: 100%;background: url(../img/titbg.png) no-repeat top center; text-align: center; color: #333; font-size: 28px; height: 58px; line-height: 58px;}
.newsbox .tit span{color:#0765b0;}
.news .newsz{width: 445px; margin-top: 20px;}
.news .newsz .newstu{ width: 100%; height: 326px; position: relative;}
.news .newsz .newstu img{ width: 100%; height: 326px;}
.news .newsz .newstu span.hot{position: absolute; left: 0;top:0; width: 70px; height: 70px; background-color: #EC8C30;color: #fff; font-size: 18px;font-weight: bold; text-align: center; line-height: 70px;}
.news .newsz .newstxt{ width: 100%; padding-top: 10px;}
.news .newsz .newstxt h1{font-size: 18px; color: #333;}
.news .newsz .newstxt p{font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; color: #999; margin-bottom: 10px;}
.news .newsz .newstxt a{ width: 108px; height: 34px; color: #fff; background-color: #0765B0; display: inline-block; text-align: center; line-height: 34px;}
.news .newsy{ width: 730px;position: relative;}
.news .newsy .timelist{ width: 100%;}
.news .newsy .timelist li{ width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 20px;}
.news .newsy .timelist li a.set-link{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.news .newsy .timelist .time{ width: 12%;/* height: 76px; */ border: 1px solid #ddd; text-align: center;}
.news .newsy .timelist .time h2{ font-size: 52px; font-weight: bold; color: #666; line-height: 52px;}
.news .newsy .timelist .time span{font-size: 13px; color: #999; line-height: 22px;}
.news .newsy .timelist .list{ width: 86%;}
.news .newsy .timelist .list h3{ font-size: 18px; color: #333;}
.news .newsy .timelist .list p{font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; color: #999; }
.news .newsy .timelist li:hover .time{ background-color: #0765B0;}
.news .newsy .timelist li:hover .time h2{color: #fff;}
.news .newsy .timelist li:hover .time span{ color: #fff;}
.news .newsy .timelist li:hover .list h3{ color: #0765B0; cursor: pointer;}

.aboutbox{ width: 100%;padding: 50px 0;background: url(../img/gybg.png) bottom no-repeat; background-size: cover;}
.aboutbox .tit{ width: 100%;background: url(../img/titbg.png) no-repeat top center; text-align: center; color: #333; font-size: 28px; height: 58px; line-height: 58px;}
.aboutbox .tit span{color:#0765b0;}
.about{width: 100%; margin:30px 0;min-height: 328px; overflow: hidden;;}
.about .abu-txt{ width: 50%; padding: 30px;background-color: #fff; height: 378px;}
.about .abu-txt .abu-h3{ color: #333; font-weight: bold; font-size: 18px; margin-bottom: 10px; height: 30px;}
.about .abu-txt .abu-span{ width: 40px; height: 6px; background-color: #EC8C30; display: block;}
.about .abu-txt .about-content{ font-size: 14px; line-height: 26px; min-height: 130px; overflow: hidden; margin: 30px 0; color: #666;}
.about .abu-txt a{ display: inline-block; font-size: 13px; color: #999; border: 1px solid #ddd; width: 102px; height: 32px;line-height: 32px; text-align: center; }
.about .abu-txt a:hover{ color: #fff; background-color: #0765B0;}
.about .abu-tu{ width:50%;}
.about .abu-tu img{ width: 100%; height:378px;}
.link{width: 100%; color: #fff;}
.link span{ font-size: 16px; font-weight: bold; display: block; padding-bottom: 20px; border-bottom: 1px solid #666;}
.link span a{ font-size: 13px; margin-right: 15px; color: #fff;}

.footerbox{width: 100%;}
.footer{ width: 100%; background-color: #232a32; padding: 30px 0;}
.footer .menu{ width: 14%;}
.footer .menu dt{ font-size: 18px; color: #ddd; margin-bottom: 10px;}
.footer .menu dd a{ color: #999; font-size: 14px; line-height: 26px;}
.footer .address{ width: 25%;}
.footer .address span{ color: #ddd; font-size: 18px;}
.footer .address .ph{font-size: 28px; font-weight: bold; color:#0765b0; line-height: 40px;margin-top:6px;}
.footer .address p{ color: #999;}
.footer .ewm{ width: 10%;}
.footer .ewm img{ width: 100%; height: auto;}
.copyright{ width: 100%; background-color: #111; height: 52px; text-align: center;}
.copyright p{font-size: 13px; color: #ddd; line-height: 52px;}

/* 新闻动态 */
.nybannerbox{ width: 100%; background: url(../img/banner01.jpg) no-repeat; height: 400px; background-size:cover}

.navbar{ width: 100%; height: 54px; border-bottom: 1px solid #ddd; line-height: 54px;}
.navbar1{ width: 100%; height: 54px;line-height: 54px;}
.navbar .nav{ color: #999;}
.navbar .nav a{ color: #999;}
.navbar .nav a:hover{ color: #0765B0;}
.navbar .nav span{ color: #333;}
.navbar1 .nav{color: #0765B0; font-weight: bold; font-size: 16px;}
.contentbox{ width: 100%; padding: 50px 0;}
.menubar{ width: 100%; margin-bottom: 50px;}
.menubar li a{ display: inline-block; font-size: 16px; color: #333; padding: 8px 20px; margin-right: 20px;}
.menubar li a:hover{ background-color: #0765B0; color: #fff;}
.menubar li a.hover{ background-color: #0765B0; color: #fff;}
.newslist{ width: 100%;}
.news-row{ width: 100%; margin-bottom: 30px;}
.newslist .newstu{ width: 24%; margin-right:3%;}
.newslist .newstu a{ display: block; width: 100%;}
.newslist .newstu a img{ display: block;width: 100%;height:192px;}
.newslist .newstxt{ width: 57%; }
.newslist .newstxt a{ font-size: 18px; color: #333; display: inline-block;margin:15px 0 10px 0;}
.newslist .newstxt a:hover{color: #0765B0; cursor: pointer;}
.newslist .newstxt p{font-size: 14px; color: #999; line-height: 28px; height: 56px; overflow: hidden;}
.newslist .newstxt  span{color: #999; font-size: 14px; padding: 10px 0;display: block;}
.newslist .arrow{ width: 10%;}
.newslist .arrow a{color: #000;border: 1px solid #ddd; display: inline-block ; padding: 8px 20px; margin-top: 50px;}
.newslist .arrow:hover a{background-color: #0765B0; color: #fff;}
.newslist .arrow a i{ font-size: 30px;}
.pagelist{ width: 100%; text-align: center; margin-top: 50px;}
.pagelist a{ display: inline-block; font-size: 16px; margin: 0 5px; border: 1px solid #ddd; padding: 8px 15px;}
.pagelist a:hover{ background-color: #0765B0; color: #fff;}
.pagelist a.hover{ background-color: #0765B0; color: #fff;}

/* 新闻详情 */
.newsxq{ width: 100%;}
.newsxq h3{ width: 100%; text-align: center; font-size: 24px; color: #333; font-weight: bold;}
.newsxq span.date{ font-size: 13px; color: #999; display: block; border-bottom: 1px dotted #ddd; text-align: center; padding:15px 0;}
.newsxq .neirong{ width: 100%; margin: 50px 0; /* border-bottom: 1px solid #ddd; */padding-bottom:50px;}
.newsxq .neirong p{ width: 100%; color: #999; line-height: 22px; padding-bottom: 20px;}
.newsxq .neirong img{width: 80%; height: auto; margin: 0 auto; display: block;padding-bottom: 20px;}
.fanyebox{ width: 100%; border-top: 1px solid #ddd; padding-top: 30px;}
.fanyebox .qhtimu{ width: 80%;}
.fanyebox .qhtimu li{ width: 100%; line-height: 32px; font-size: 14px;}
.fanyebox .qhtimu li a{ display: block; color: #999;}
.fanyebox .qhtimu li a span{ color: #333;}
.fanyebox .qhtimu li a:hover{ color:#0765B0;}
.fanyebox .qhlink{ width: 20%;text-align: right;}
.fanyebox .qhlink p{ color: #999; font-size: 13px; padding-bottom: 15px;}
.fanyebox .qhlink a{ display: inline-block; color: #fff; background-color: #0765B0; font-size: 14px; padding: 8px 40px;}

/* 联系我们 */
.lianxibox{ width: 100%; text-align: center;}
.lianxibox h3{ font-size: 28px; color: #333; font-weight: bold;}
.lianxibox span{ display: inline-block; padding: 3px 25px; background-color: #EC8C30;}
.lianxibox .lianxilist .phone{ width: 33.33%; text-align: center;}
.lianxibox .lianxilist .phone img{ width:88px; height: 88px;} 
.lianxibox .lianxilist .phone p{ color: #999; font-size: 20px;}
.lianxibox .lianxilist h4{ color: #666; font-size: 24px; font-weight: bold; padding-top: 5px;}
.lianxibox .lianxilist .ewm{ width: 33.33%;}
.lianxibox .lianxilist .ewm img{ width: 102px; height: 102px; border: 3px solid #0765B0; margin: 10px 0;}
.map{ width: 100%; height: 400px; border: 1px solid #ddd; margin-top: 50px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}