@charset "UTF-8";
/* ==========================================================================
   Base
   ========================================================================== */
a { text-decoration: none; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form { margin: 0; }
button,fieldset { padding: 0; margin: 0; }
ul, ol { padding-left: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
em, i { font-style: normal; }
/* ==========================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 100%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
   html5
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] {
display: none;
}
/* ==========================================================================
   Forms
   ========================================================================== */
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
legend { display: none; }
fieldset { border: 0 none; }
/* imgArea */
.imgArea { float: left; }
.txtArea { overflow: hidden; *zoom:1;
}
.txtArea .desc { display: -webkit-box;/*  -webkit-line-clamp: 3; */ -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; }
/* thumbnail */
.thumbnail-wrap { display: table; table-layout: fixed; }
.thumbnail { display: table-cell; *display: block;
text-align: center; vertical-align: middle; overflow: hidden; }
.thumbnail img { max-width: 100%; max-height: 100%; _width: 100%; _height: 100%; vertical-align: middle; }
.thumbnail i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }/* ie6/7下可以使用此方法兼容 */
/* ==========================================================================
   Common
   ========================================================================== */
.fl { float: left; }
.fr { float: right; }
/* clearfix */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1
}
.more-arr,
.bc-arr { font-family: simsun; }
[class^="icon"] {
padding-right: 5px;
}
.asterisk { color: #f00; padding: 0 6px; }
button, input, select, textarea { font-size: 100%; }
textarea { overflow: auto; vertical-align: top; }
.tal { text-align: left !important;}
input,button{ margin:0; padding:0; list-style-type:none;}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

#maximg img{ max-width:100%; height:auto !important}

.wrapper{max-width:1280px; margin:0 auto;padding: 0 10px;position: relative;}

/*---------------homemain -----------------*/
.homemain .title{text-align: center;margin-bottom: 3%;}
.homemain .title h2{font: 600 36px "Microsoft Yahei";color: #333333;}
.homemain .title h2 span{color: #015bac;}
.homemain .title .btinco{text-align: center;color: #666;margin-top: 10px;}
.homemain img{max-width: 100%;}

/* pro */
.pro{padding: 3% 0;position: relative;background: url(../image/pro-bg.png)center repeat-y;width: 100%;}
.pro .pro1{background: #fff;}
.pro .pro1 .top{padding: 0 10px;line-height: 60px;box-shadow: 0 0 8px #ddd;color: #015bac;background-color: #015bac;color: #fff;}
/* .pro .pro1.show .top{background-color: #015bac;color: #fff;} */
.pro h5{float: left;width: 80%;font-size: 16px;}
.pro .fa-bars{padding-right: 10px;}
.pro .fa-angle-down{float: right;line-height: 60px;font-size: 18px;}
.pro .pro_con{padding: 25px 10px 15px 10px;}
.pro .prolist li{width:23%;margin: 0 1%;float: left;text-align: center;}
.pro .prolist .imgarea{display: block;width: 100%;border: 1px solid #ddd;height: 200px;overflow: hidden;margin-bottom: 5px;}
.pro .prolist .imgarea img{max-width: 100%;height: 100%;width: 100%;transition: all 0.5s ease}
.pro .prolist p{margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pro .prolist li:hover .imgarea{border-color: #3f983b;}
.pro .prolist li:hover img{transform: scale(1.1);}
.pro .prolist li:hover p{background: #3f983b;color: #fff;}

/* area */
.area{position: relative;padding: 3% 0;width: 100%;overflow: hidden;}
.area ul{width: 103%;}
.area li{width: 30.33%;float: left;margin-right: 3%;margin-bottom: 30px;text-align: center;font-size: 15px;}
.area li .imgarea{display: block;width: 100%;height: 255px;overflow: hidden;}
.area li p{margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.area ul li img{max-width: 100%;width: 100%;height: 100%;transition: all 0.5s ease}
.area ul li:hover img{transform: scale(1.1);}
.area .more{display: block;line-height: 40px;width: 220px;text-align: center;color: #fff;background: #f59f20;margin: 2% auto 0;border-radius: 20px;}
/* adv */
.adv{position: relative;padding: 4% 0;width: 100%;background: linear-gradient(to bottom,#015bac 60%,#f5f5f6 60%);}
.adv::before{content: '';width: 120px;height: 40px;background: url(../image/adv_icon.png)center top no-repeat;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);}
.adv .title h2{color: #fff;font-size: 30px;letter-spacing: 3px;}
.adv .title h2 i{font-size: 36px;padding: 0 5px;}
.adv .title .btinco span{color: #fff;position: relative;}
.adv .title .btinco span::after,.adv .title .btinco span::before{content: '';width: 50px;height: 1px;background: rgba(255, 255, 255, 0.5);top: 50%;position: absolute;}
.adv .title .btinco span::after{right: -70px;}
.adv .title .btinco span::before{left: -70px;}
.adv .select{text-align: center;margin-bottom: 50px;}
.adv .select span{display: inline-block;width: 200px;text-align: center;background: #fff;margin: 0 20px;height: 50px;line-height: 50px;font-size: 15px;}
.adv .select span.active{background: #f59f20;color: #fff;}
.adv .item{background: #fff;display: none;position: relative;}
.adv .item.show{display: block;}
.adv .item .imgarea,.adv .item .txtarea{width: 50%;}
.adv .item .txtarea .wrap{padding: 50px;}
.adv .item .txtarea h3{font-size: 26px;font-weight: bold;position: relative;padding-bottom: 20px;margin-bottom: 25px;}
.adv .item .txtarea h3::after{content: '';position: absolute;width: 100%;height: 1px;background: #ddd;left: 0;bottom: 0;}
.adv .item .txtarea .des{font-size: 15px;line-height:28px}
.adv .item .iconlist{display: flex;justify-content: space-between;margin-top: 80px;}
.adv .item .iconlist span{display: flex;border: 1px dashed #ddd;text-align: center;width: 28%;height: 80px;font-size: 20px;font-weight: bold;align-items: center;justify-content: center;}
/* about */
.about{padding: 4% 0;position: relative;overflow: hidden;background: url(../image/about_bg.jpg)left no-repeat;width: 100%;}
.about .fl,.about .fr{width:49%;}
.about .fr h4{font-size: 20px;font-weight: bold;color: #015bac;padding: 5px 0 10px;}
.about .fr .des{color: #666;font-size: 15px;line-height: 2;}
.about .fr .des p{margin-bottom: 10px;}
.about .more{display: inline-block;line-height: 40px;padding: 0 40px;text-align: center;color: #fff;background: #015bac;margin-top: 40px;}
.about .fl .imgarae{display: block;width: 100%;overflow: hidden;}
.advert{position: relative;padding: 4% 0;background: url(../image/advert_bg.jpg)no-repeat center;background-size: cover;color: #fff;}
.advert .fl{width: 60%;}
.advert .fr{text-align: center;}
.advert h3{font:600 26px/2 "Microsoft Yahei";margin-bottom: 10px;letter-spacing: 3px;}
.advert p{font-size: 16px;}
.advert .link{display: inline-block;padding:0 35px;line-height: 38px;border-radius: 30px;background: #f59f20;color: #fff;font-size: 15px;}
.advert .tel{font-size: 18px;font-weight: bold;margin-top: 20px;}
.advert .tel  i{font-size: 28px;font-family: 'Century Gothic';font-style: italic;vertical-align: middle;}
/* news */
.news{width: 100%;overflow: hidden;padding: 1% 0 4% 0;position: relative;}
.news .c_news{width: 62%;padding-right: 8%;}
.news h3{font: 600 18px/30px "Microsoft Yahei";float: left;color: #000;}
.news .tit a{line-height: 30px;float: right;font-size: 14px;color: #666;}
.news .hotnews{margin: 20px 0 12px;}
.news .hotnews .imgarea{width: 35%;display: block;height: 180px;float: left;overflow: hidden;}
.news .hotnews .imgarea img{width: 100%;height: 100%;transition: all 0.5s ease}
.news .hotnews:hover img{transform: scale(1.1);}
.news .hotnews .txt{float: right;width: 60%;}
.news  .txt h4{font: 600 16px "Microsoft Yahei";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .hotnews .txt .date{color: #666;margin:10px 0;font-family: "Arial";}
.news .txt .des{color: #666;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.news .txt .link{display: inline-block;padding: 5px 30px;background: #015bac;color: #fff;margin-top: 20px;float: none;}
.news .c_news li{position: relative;border-bottom: 1px dashed #ddd;overflow: hidden;padding: 15px 0 15px 20px;}
.news .c_news li::before{content: '';position: absolute;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #ddd;left: 0;top: 50%;transform: translateY(-50%);box-sizing: border-box;}
.news .c_news li .txt{float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news .c_news li span{float: right;color: #999;font-size: 13px;}
.news .c_news li:hover::before{border-color: #015bac ;transition: all 0.5s ease}
.news .c_news li:hover .txt{color: #015bac;padding-left: 5px;transition: all 0.5s ease}
.news .h_news{width: 30%;}
.news .h_news li{border-bottom: 1px dashed #ddd;padding: 15px 0 20px;}
.news .h_news li h5{float: left;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000;font-size: 16px;transition: all 0.5s ease}
.news .h_news li .time{font-size: 13px;float: right;color: #999;}
.news .h_news li .des{margin-top: 10px;color: #666;line-height: 27px;
text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.news .h_news li:hover h5{color: #015bac;padding-left: 10px;}


/* foot */

.fixed-b { position: fixed; width: 100%; background: #015bac; bottom: 0; left: 0; display: none;z-index: 999; font-size: 20px;}
.fixed-b li { width: 25%; text-align: center; color: #fff; float: left; }
.fixed-b li a { display: block; border-right: 1px solid #fff; color: #fff; padding: 2px 0;}
.fixed-b li:last-of-type a { border-right: 0 none; }
.fixed-b li a .txt { display: block; margin-top: 5px;}
#globalnav .gn-header .gn-apple:hover a{background: none;}

@media only screen and (max-width: 1400px){
  #owl-banner .item{background: none !important;height: auto;overflow:hidden;}
  #owl-banner .item img{display: block;overflow:hidden;}
  
}

@media only screen and (max-width: 1200px){
  #owl-banner .item img{width: 140%;margin-left: -20%;}
  .search_m{padding: 5px 0;}
  .homemain .title{margin-bottom: 2%;}
  .homemain .title h2{font-size: 30px;}
  .area li .imgarea{height: 18vw;}
  .pro .prolist .imgarea{height: 16vw;}
  .adv .select span{width: 20%;margin: 0 2%;}
  .adv .item .iconlist{margin-top: 30px;}
  .adv .item .iconlist span{height: 60px;}
  .news .hotnews .imgarea{height: 14vw;}
  .news .txt .link{display: none;}
  .area .more{margin: 0 auto;}
}

@media only screen and (max-width: 1000px){
  .topbar{display: none;} 
  .gn-list li>a:hover {border-bottom: none; color: #fff; }
  #globalnav .gn-link:hover { color:#fff;}
  .dropdown{position: relative;margin-left:0}
  .dropdown a{display: inline-block;}
  .gn-content .lang{display: none}
  .gn-content .mo_lang{float: none;margin-left: 65%;margin-top: 8px;width: 60px}
  .fixed-b { display: block;}
  .footer{display: none}
  .copyright{padding-bottom: 40px;}
  .homemain .title h2{font: 600 26px "Microsoft Yahei";}
  /* homemian */
  .advert h3{font-size: 18px;}
  .news .c_news{width: 65%;padding-right: 5%;}
  .adv::before{background-size: 80%;}
  .adv .item .txtarea .wrap{padding: 20px;}
  .adv .item .txtarea h3{font-size: 22px;padding-bottom: 10px;margin-bottom: 5px;}
  .adv .item .iconlist span{height: 40px;font-size: 18px;}
  .about .fr h4,.advert .tel{font-size: 17px;}
  .advert .link{font-size: 14px;}
  .search_m .fr{display: none;}
  .adv .item .txtarea .wrap{padding: 20px 30px;}
}

@media only screen and (max-width: 768px){

  .about .more{margin: 20px 0;}
  .advert .tel{font-weight: normal;}
  .news .c_news,.news .h_news{width: 100%;}
  .news .h_news{margin-top: 30px;}
  .advert p{font-size: 14px;}
  #owl-banner .item img{width: 140%;margin-left: -20%;}
  #owl-banner .owl-controls{bottom: 0;}
  .pro .prolist li{width: 48%;}
  .pro .prolist .imgarea{height: 28vw;}
  .adv .select span{height: 40px;line-height: 40px;}
  .area{padding: 4% 0 0;}
  .proshow .top .tit{border: none;padding: 0;}
  .footbar .support{display: none;}
  .pro .pro1 .top{line-height:50px ;}
  .pro .fa-angle-down{line-height: 50px;}
  .pro h5{font-size: 15px;}
  .search_m,.search_m .fl{height: 50px;line-height: 50px;}
  .news .hotnews .imgarea{height: 21vw;}
  .news .hotnews .txt .date{margin: 5px 0 0;}
  .adv{display: none;}
  .area li{width: 47%;}
  .area li .imgarea{height: 30vw;}
  .advert .fl{width: 100%;text-align: center;}
  .advert .fr{width: 100%;margin-top: 20px;}
  .advert .link{display: none;}
  .advert h3{font-size: 20px;letter-spacing: 0;}
  .advert .tel{display: inline-block;margin: 0 auto;padding: 5px 40px;background: #f59f20;border-radius: 35px;}
  .advert .tel i{font-size: 22px;font-weight: bold;}
}

@media only screen and (max-width: 640px){
  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}
  .skip .fr{margin-left: 10px;float: left;}
  .copyright a{float: none;}
  .fixed-b { display: block;}
  .adv{display: none;}
  .advert p{display: none;}
  .advert .fl,.advert .fr{width: 100%;text-align: center;}
  .advert .tel{margin-top: 10px;}
}

@media only screen and (max-width: 480px){
  .fixed-b { display: block;}
  .news .hotnews .imgarea{display: none;}
  .news .hotnews .txt{width: 100%;}
}