.header-pc{position: relative;}
.header-pc .header-helper{height: 36px; line-height: 36px; background-color: #084d9e; width: 100%;position: fixed;top: 0; left: 0; z-index: 999;}
.header-helper-inner{ min-width: 1200px; color:#fff;}
.header-helper-inner a{color:#fff;}
.inner-box { color: #bcd6f4;}
.inner-box span{ padding: 0 15px;color:#fff;}
.inner-box span i{font-size: 14px; padding-right: 5px; padding-bottom: 3px;}
.lang-button-box .wx{margin-right: 15px;}
.lang-button-box .wx i{width: 18px; height: 18px; background: url(../images/wx.png) no-repeat center; margin-right: 5px; margin-bottom: 3px; }
.lang-button-box .user{ margin-right: 10px;}
.lang-button-box .user a{ padding: 0 5px;}
.lang-button-box #lang-button{width: 110px;text-align: center; cursor: pointer; display: inline-block; background-color: #fff; color: #085d9e;}
.lang-button-box #lang-button .lang i{ font-size: 18px; padding-right: 5px; padding-bottom: 2px; color: #0e8ae0;}
.lang-button-box .list-cmn01 { display: none;}
.lang-button-box .wx{ position: relative;}
.lang-button-box .wx img { position: absolute; left: 0; z-index: 99;  top: 180%;  width: 100px; height: 100px;  border: 2px #fff solid;   z-index: 222; display: block; display: none; border: 1px solid #eeeeee;}
.lang-button-box .wx:hover img {display:block;}
.header-cnt-box{min-width: 1200px; padding-top: 36px;}
.header-cnt-box .header-cnt-inner{ padding: 15px 0;  overflow: hidden;}
.header-cnt-box .header-cnt-inner .header-logo h1{float: left;}
.header-cnt-box .header-cnt-inner .header-logo p{ float: left; padding-top: 50px; font-size: 18px;  padding-left: 10px;}
.header-search{ padding-top: 22px;}
.header-search .sear-w {display:flex;overflow:hidden;position:relative;}
.header-search .sear-w input {width:240px;height:40px;padding-left:20px;padding-right:60px;border:1px solid #e8e8e8;}
.header-search .sear-w input:focus {outline:none;}
.header-search .sear-w button {width:50px;height:40px;position:absolute;top:0;right:0;color:#0e8ae0;border:none;cursor:pointer;transition:all 0.1s linear; font-size: 18px;}
.header-search .sear-w button:hover {transition:all 0.1s linear;}
ul.list-cmn01 { display: none;  position: absolute; top:40px; right: 0; background: #00364C; border: 1px solid #ffffff; }
ul.list-cmn01 li { padding: 5px;  width: 108px;  margin-right: 0; border-bottom: 1px solid #ffffff;}
ul.list-cmn01 li a i {float: right; color: #ffffff;margin-top: 10px;}

.g-nav {width:100%; background-color: #333333; height: 50px;}
#gnav-box.fixed { width: 100%; position: fixed;  top: 35px;  left: 0; z-index: 998;}
.nav-list {display:flex;position:relative;}
.nav-list > li {flex:1;display:flex;height:50px;align-items:center;position:relative;}
.nav-list > li > a {width:100%; padding: 3px 0;  text-align:center;font-size:15px;position:relative; color:#ffffff;text-decoration:none}
.nav-list > li > a::after {content:'';width:0px;height:2px;background-color:#ffffff;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.3s linear;}
.nav-list > li .erji2 {min-width:100%;background-color:#f9f9f9;position:absolute;top:100%;left:50%;z-index:999;display:flex;white-space:nowrap;opacity:0;transform:translateX(-50%) scaleY(0);transform-origin:0 0;transition:all 0.3s linear;}
.nav-list > li .erji2 ul {width:100%;text-align:center;}
.nav-list > li .erji2 ul li {border-bottom:1px solid #ccc;}
.nav-list > li .erji2 ul li a {line-height:50px;font-size:15px;color:#333;padding:0 20px;}
.nav-list > li .erji2 ul li:hover {background-color:#333333;}
.nav-list > li .erji2 ul li:hover a {color:#fff;}

.nav-list > li.n66 .erji2 ul {display: flex;flex-wrap: wrap; padding:10px}
.nav-list > li.n66 .erji2 ul li {width: 45%; margin-right:5%;}


.nav-list > li:hover{background-color:#787878;}
.nav-list > li:hover > a {font-weight:bold;}
.nav-list > li:hover > a::after {width:30px;transition:all 0.3s linear;}
.nav-list > li:hover .erji2 {opacity:1;transform:translateX(-50%) scaleY(1);transition:all 0.3s linear;}
.nav-list .active > a {color:#084d9e;font-weight:bold;}
.nav-list .active > a::after {width:30px;}
.nav-list > li > a:first-child { border-right: dotted #999999 1px;}
.nav-list > li:first-child > a:first-child { border-left: dotted #999999 1px;}

.index_banner {position:relative;overflow:hidden;}
.index_banner img {width:100%;}
.index_banner .swiper-btn {transition:0.3s all ease-in-out;}
.index_banner .swiper-btn .iconfont {width:50px;height:100px;line-height:100px;text-align:center;background-color:#000;color:#fff;font-size:50px;border-radius:5px 0 0 5px;opacity:0;transition:0.3s all ease-in-out;}
.index_banner .swiper-btn .iconfont:hover {opacity:0.6 !important;}
.index_banner .swiper-btn .banner-next {transform:scaleX(-1);}
.index_banner:hover .swiper-btn {padding:0 20px;}
.index_banner:hover .swiper-btn .iconfont {opacity:0.3;}
.nav2{ height: 55px;}
.nav2 ul li{ float: left; width: 25%; background-color: #084d9e; text-align: center; height: 55px;line-height: 55px;}
.nav2 ul li:first-child{ background-color:#333333;}
.nav2 ul li a{ color: #fff; font-size: 18px; display: block; border-left:1px solid #ffffff;}
.nav2 ul li a i{ padding-left: 5px;}

.index-prolist{ margin-top: 35px;}
.index-prolist .pro-class{ width: 100%;}
.index-prolist .pro-class ul li{ float:left;}
.index-prolist .pro-class ul{ padding: 15px 0;}
.index-prolist .pro-class ul li a{ border-radius: 50px 50px 50px 50px; color: #525252;line-height: 32px;height: 32px;text-decoration:none; display: inline-block;  padding: 0 16px; margin-right: 16px; font-size: 15px;}
.index-prolist .pro-class ul li.active a{color: #ffffff;   background: -webkit-gradient(linear, left top, right top, from(#0d99ff), to(#6abc23)); background: linear-gradient(90deg, #0d99ff, #6abc23); }
.index-prolist .pro-list-box{ overflow: hidden;}
.index-prolist .pro-list{ margin-top: 35px;}
.index-prolist .pro-list ul { margin-top: 20px;}
.index-prolist .pro-list ul li{ float: left; width: 33.33%; margin-bottom: 20px; }
.index-prolist .pro-list ul li .img img{ max-width: 100%;}
.index-prolist .pro-list ul li .text{ padding-left: 0; padding-right: 20px; padding-top: 20px;}
.index-prolist .pro-list ul li .text h4{font-size: 16px;  font-weight: bold; color: #333;}
.index-prolist .pro-list ul li .text .pro-btn {width: 100%; padding-top: 30px;}
.index-prolist .pro-list ul li .text .pro-btn .c-product__button{ display: block; width: 55%; padding: 5px 5px; font-size:12px; text-align: center; border: 1px solid #084d9e;
    background-color: #084d9e; position: relative;  color: #fff;  border-top-left-radius: 12px; border-bottom-right-radius: 12px;}
.index-prolist .pro-list ul li .text .pro-btn a:hover{background-color:#fff;color:#084d9e;text-decoration:none}
.index-prolist .pro-list ul li .text .pro-btn a:hover:before{border-color:#084d9e}
.index-prolist .pro-list ul li .text .pro-btn a.c-product__button:before{content:"";display:block;border-top:1px solid #fff;border-right:1px solid #fff;width:3px;height:3px;position:absolute;top:50%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-box-sizing:content-box;box-sizing:content-box;right:15px;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg)}
/*
.index-prolist .pro-list ul li .text .desc{ font-size: 12px; color: #666; line-height: 24px; padding: 20px 0 10px 0}
.index-prolist .pro-list ul li .text .pro-btn{ padding-top: 10px; font-size: 14px; color: #084d9e;}
.index-prolist .pro-list ul li .text .pro-btn a{font-size: 16px; color: #084d9e;}*/

.index-prolist .common-pagination .swiper-pagination-bullet{ height: 4px; width: 30px; margin-right: 15px; border-radius: 3px;}
.index-prolist .pro-list-box ul li .img{ height:132px; line-height:132px; text-align:center;}
.index-prolist .pro-list-box ul li .img img{ max-height: 132px;}

.index-solution{padding: 50px 0; }
.index-solution .title{padding-bottom:25px; text-align: center;}
.index-solution .title span{display: inline-block;padding-right: 15px; line-height: 38px;font-size: 30px; color: #333; background: url('../images/titlebg.png') no-repeat right 8px;}
.index-solution .solution-box{padding: 20px 30px;  background: #f5f7fa;border-radius: 20px;  }
.index-solution .HsCategory .more-solution{ position: absolute; right:0; background: #f5f7fa; width: 14.285%; display: block; z-index: 2; text-align: center; }
.index-solution .HsCategory{position: relative; height: 76px; padding-top:15px; }
.index-solution .HsCategory ul{ padding-top:15px; position: absolute; left: 0; top: 0; width: 100%; height: 82px; overflow: hidden; background:#f5f7fa; }
.index-solution .HsCategory ul.on{ min-height: 512px; z-index: 5; padding-bottom: 15px; box-shadow: 0 0 15px rgba(2, 94, 171, 0.1); }
.index-solution .HsCategory ul li{ float: left; width: 14.285%; text-align: center; margin-bottom:15px; }
.index-solution .HsCategory ul li a{font-size: 14px;color: #333; display: block; }
.index-solution .HsCategory ul li .img{ display: inline-block; position: relative; }
.index-solution .HsCategory ul li .img img{}
.index-solution .HsCategory ul li .img .img1{ opacity: 1; }
.index-solution .HsCategory ul li .img .img2{ opacity: 0; position: absolute; display: block; left: 0; top: 0; }
.index-solution .HsCategory ul li .txt{ display: block; }
.index-solution .HsCategory ul li.on .img .img1{ opacity: 0; }
.index-solution .HsCategory ul li.on .img .img2{ opacity: 1; }
.index-solution .left{float: left; width: 520px; height: 380px;overflow: hidden; position: relative;}
.index-solution .left img{ width: 585px; height: 420px; }

.index-solution .bx-pager{position: absolute; width: 100%;text-align: center; bottom: 30px;}
.index-solution .bx-pager .bx-pager-item{ display: inline-block; margin: 0 2px; }
.index-solution .bx-pager .bx-pager-item a{ display: block; width: 30px;line-height: 999px; overflow: hidden;
	height: 3px; background: url('../images/banli.png') no-repeat center }
.index-solution .bx-pager .bx-pager-item a.active{background: #fff;}

.index-solution .Box{display: none; margin-top: 40px; overflow: hidden;}
.index-solution .leftCon{display: none;}

.index-solution .right{float: right; width: 585px; height: 420px;overflow: hidden;}
.index-solution .right .ul{}
.index-solution .right .ul li{ margin-bottom: 25px; }
.index-solution .right .ul li .libox{ display: block; background: #fafbfd;border: 1px solid #eaebef; padding: 20px 40px 20px 85px; min-height: 60px; position: relative; transition: all 0.3s; }
.index-solution .right .ul li .libox .ImgL{position: absolute; left: 0;top: 5px; width: 85px; text-align: center; line-height: 60px;}
.index-solution .right .ul li .h3{font-size:18px;margin:3px 0; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s;}
.index-solution .right .ul li .p{font-size:14px; color: #999;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s;}
.index-solution .right .more{display: block; width: 130px; line-height: 38px; text-align: center; color: #fff;  background: -webkit-gradient(linear, left top, right top, from(#0d99ff), to(#6abc23)); background: linear-gradient(90deg, #0d99ff, #6abc23); border-radius: 50px 50px 50px 50px;  font-size: 14px; }
.index-solution .right .ul li .libox:hover{ background: #084d9e; border-color:#084d9e; }
.index-solution .right .ul li .libox:hover .h3{ color:#fff; }
.index-solution .right .ul li .libox:hover .p{ color:#fff; }
.index-solution .right .ul li .libox:hover .h3{ color:#fff; }
.index-solution .left .bx-wrapper{ border: 0;}

.index-service{ padding-bottom: 50px; }
.index-service .title{padding-bottom:25px; text-align: center;}
.index-service .title span{display: inline-block;padding-right: 15px; line-height: 38px;font-size: 30px; color: #333; background: url('../images/titlebg.png') no-repeat right 8px;}
.index-service .service-content{display: flex; justify-content:space-between; margin-top: 50px;}
.index-service .service-content .service-item{width: 30%;height: 320px;  text-align: center;  background: #fff;  border-radius: 20px 20px 20px 20px; display: flex;  flex-direction: column;    justify-content: center;    align-items: center;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1)}
.index-service .service-content .service-item .item-title{color: #000;  font-size: 20px; margin: 16px 0 8px 0;}
.index-service .service-content .service-item .newbtn-css{ display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 0 0 0 15px;  border: 1px solid #fff; border-color: rgb(82, 82, 82);margin-top: 52px;}
.index-service .service-content .service-item .newbtn-css:hover{ background: -webkit-gradient(linear, left top, right top, from(#0d99ff), to(#6abc23)); background: linear-gradient(90deg, #0d99ff, #6abc23); cursor: pointer; color: #fff !important;margin-right: 2px;transition: all .7s;
    color: #fff !important;border-color: rgb(255, 255, 255);}
.index-service .service-content .service-item .item-text{padding: 50px;}
.service-item .newbtn-css .ico5{  width: 20px;  height:8px; display: inline-block; background: url(../images/ico5_03.png) no-repeat center; margin-left: 10px;margin-bottom: 5px;}
.service-item .newbtn-css:hover .ico5{background: url(../images/ico5_03_2.png) no-repeat center;transition: all .7s; }
.service-item .item-plabel p{ color: #999;}


.index-news { border-radius:30px 0 0 0; overflow: hidden;}
.index-news .index-news-list{background: #F6F7FB;}
.index-news .title{padding-bottom:30px;}
.index-news .title span{display: inline-block;padding-right: 15px; line-height: 38px;font-size: 22px; color: #333; background: url('../images/titlebg.png') no-repeat right 8px;}
.index-news .title .more{display:block;float: right; font-size: 15px; width: 75px;height: 38px; line-height: 38px; text-align: center; color: #fff;background: -webkit-gradient(linear, left top, right top, from(#0d99ff), to(#6abc23)); background: linear-gradient(90deg, #0d99ff, #6abc23); cursor: pointer; border-radius: 20px; }

.index-news .item{width: 50%;float: left; }
.index-news .item2{background: #fff;}
.index-news .item .itemBox{padding: 48px 50px 50px 50px;}

.index-news .item1{}
.index-news .item1 ul{}
.index-news .item1 ul li,
.index-news .item1 ul li .h3,

.index-news .item1 ul li .h3 a{display:block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.index-news .item1 ul li .h3 a:hover{ color:#158AD0; }
.index-news .item1 ul li .time{font-size: 14px; color: #999;padding-left: 10px;}

.index-news .item2 ul li{ padding-left: 65px; position: relative; padding-bottom: 12px;}
.index-news .item2 ul li .time{position: absolute; left: 0;top: 0;}
.index-news .item2 ul li .time b{display: block; text-align: center; font-size: 42px;font-weight: normal; color: #ddd; line-height: .8em;}
.index-news .item2 ul li .time span{display: block; text-align: center; font-size: 12px; color: #999; }
.index-news .item2 ul li.li1{}
.index-news .item2 ul li.li1 .time b{ color: #ff8a00; }
.index-news .item2 ul li.li1 .time span{ color: #ff8a00; }
.index-news .item2 ul li .libox .h3{ font-weight: normal;font-size: 16px;padding-left: 10px;position: relative;  }
.index-news .item2 ul li .libox .h3 a{display:block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news .item2 ul li .libox .h3 a:hover{ color:#158AD0; }
.index-news .item2 ul li .libox .txt{display:block; color: #999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news .item ul li .h3 i.icon{ display: block; background: url('../images/news.png') no-repeat center top; width: 24px; height: 14px; position: absolute; right: 0;top: 0; }
.index-news .item1 ul li.li1 .h3 i.icon,
.index-news .item1 ul li.li2 .h3 i.icon,
.index-news .item1 ul li.li3 .h3 i.icon,
.index-news .item2 ul li.li1 .h3 i.icon,
.index-news .item1 ul li.li1 .h3,
.index-news .item1 ul li.li2 .h3,
.index-news .item1 ul li.li3 .h3,
.index-news .item1 ul li.li4 .h3,
.index-news .item1 ul li.li5 .h3,
.index-news .item1 ul li.li6 .h3,
.index-news .item2 ul li.li1 .h3,
.index-news .item3 ul li.li2 .h3,
.index-news .item3 ul li.li3 .h3,
.index-news .item3 ul li.li1 .h3{padding-right:30px; position: relative;}

.index-news .item3 ul li.li1 .h3 a{display:block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news .item3 ul li.li1 .time{font-size: 14px; color: #999;padding-left: 10px;}
.index-news .item3 ul li.li1 .h3 a:hover{ color:#158AD0; }
.index-news .item ul li.first{padding-top: 0;}

.links{ width: 100%; background-color:#084d9e; padding: 15px 0; margin-top: 60px;}
.links .links-title{ color:#ebf5fa; font-weight: bold;}
.links .links-list{ padding-left: 10px;}
.links .links-list a{ margin-right: 15px; color: #ffffff; font-size: 14px;}

.footer{ width: 100%; background-color: #111212; padding-top: 30px;}
.footer .footer-content{ display: flex; justify-content: space-between;}
.footer .footer-content .footer-left{ width: 55%; padding-top: 20px; }
.footer .footer-content .footer-left .f-nav {  display: flex; }
.footer .footer-content .footer-left .f-nav ul {  flex: auto;}
.footer .footer-content .footer-left ul li { line-height: 36px; padding: 0 12px; background: url(../images/f-rg.png) no-repeat left center;}
.footer .footer-content .footer-left .f-nav ul li a {  font-size: 14px;color: rgba(255, 255, 255, 0.5);}
.footer .footer-content .footer-left h5 {  font-size: 18px;  font-weight: bold; margin-bottom: 15px; color:#ffffff}

.footer .footer-content .footer-right{ width: 25%;  max-width: 380px; padding-top: 20px; }
.footer .footer-content .footer-right .wxbox{display: flex; justify-content: space-between;}
.footer .footer-content .footer-right p{ color: #ffffff; padding: 10px 0; text-align: center; font-size: 13px;}
.footer .footer-content .footer-right h4{ color: #ffffff; font-size: 18px; font-weight: bold; width: 100%; padding-bottom: 20px;}
.footer .footer-copy{ width: 100%;  padding: 30px 0 15px; text-align: center; color: #ffffff; font-size: 13px;}
.footer .footer-copy{color: #999;}
.footer .footer-copy a{color: #999;}


/*内页样式*/
.channel-banner {height:350px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}
.channel-banner .banner-info {position:absolute;top:50%;margin-top:-50px;left:0;right:0;z-index:3}
.channel-banner .banner-info h3{font-size:50px;font-weight:600;position:relative;margin-bottom:30px}
.channel-banner .banner-info h3:before {left:0; bottom:-15px;width:40px;height:3px;background:#084d9e;content:'';display:block;position:absolute;}
.channel-banner .banner-info p{font-size:24px;}
.pagelist ul{text-align:center;margin:20px 0}
.pagelist li{display:inline-block;margin:0 2px}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px}
.pagelist li a:hover{border-color:#084d9e;background:#084d9e;color:#fff}
.pagelist li.active a{border-color:#084d9e;background:#084d9e;color:#fff}

.com-catebar{width: 100%;background: #fff;border-bottom: 1px solid #ebebeb;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .02);}
.com-cate-list{height:50px;line-height:50px;}
.com-cate-list li{position:relative;float:left;margin-right:30px}
.gr-cate-product .com-cate-list li{margin-right:0;margin-left:30px}
/*.com-cate-list li:before{content:"";position:absolute;left:50%;top:0;width:0;border-top:2px solid #074488;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.com-cate-list li.on:before,.com-cate-list li:hover:before{left:0;width:100%}*/
.com-cate-list li a{display:inline-block;padding:0 5px;font-size:16px;}
.com-cate-list li.on a{color:#084d9e; position: relative;font-weight: bold;}
.com-cate-list li.on a:before,.com-cate-list li:hover a:before{content:"";position:absolute;left:0; bottom: 0;width:0; height: 3px; border-radius: 3px; background: -webkit-gradient(linear, left top, right top, from(#0d99ff), to(#6abc23)); background: linear-gradient(90deg, #0d99ff, #6abc23); -webkit-transition:.3s;-o-transition:.3s;transition:.3s;  font-weight: bold;}
.com-cate-list li.on a:before,.com-cate-list li:hover a:before{left:0;width:100%}


.contact ul{ margin-top: 30px;}
.contact ul li .item {position:relative;display:block;overflow:hidden;}
.contact ul li .item .img img {transition:.5s;}
.contact ul li .item .text { padding: 15px;  position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 99%);background:linear-gradient(bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 99%);}
.contact ul li .item .text .line {height:1px;width:100%;background-color:rgba(255,255,255,0.6);position:relative;}
.contact ul li .item .text .line::before {content:'';position:absolute;left:0;top:0;bottom:0;width:90px;background-color:#2a81c5;transition:.5s;}
.contact ul li .item .text .desc {min-height:48px;}
.contact ul li .item:hover .img {overflow:hidden;}
.contact ul li .item:hover .img img {transform:scale(1.06);}
.contact ul li .item:hover .text .line::before {width:100%;}

.contact-tit{position:relative;font-size:24px;color:#000;padding-bottom:20px;margin-bottom:30px; font-weight: bold;}
.contact-tit:before{content:"";position:absolute;left:0;bottom:0;width:30px;border-bottom:3px solid #333}
.contact-content{margin-bottom:20px;padding-bottom:20px}
.contact-content .qr-list li{float:left;text-align:center;margin-left:35px;margin-top:-30px;line-height:40px}
.contact-content .left p{font-size:14px;color:#818181}
.contact-content .left .hotline{color:#1b59ab;font-size:36px;font-family:fantasy}
.com-hotline{color:#00a149;font-size:46px;font-family:fantasy;line-height:1}
.contact-content .left p em{color:#333}
.contact-content .left .des{margin-top:10px;line-height:2.6}

.message-content{margin-top:30px; padding-bottom: 50px;}
.message-content .tit{font-size:16px;color:#484a4c;margin-bottom:10px}
.message-content form .tit~.tit{margin-top:25px}
.message-content .inp{border:1px solid #aaa;padding:0 10px;height:55px;line-height:55px}
.message-content .first .inp{float:left;width:386px;border:1px solid #aaa;padding:0 10px}
.message-content .first .inp~.inp{margin-left:20px}
.message-content select{width:200px;height:55px;line-height:55px;padding:0 10px}
.message-content .second li{float:left}
.message-content .second li~li{margin-left:15px}
.message-content .second li input{height:55px;line-height:55px}
.message-content .second li .xx1{width:544px}
.message-content .three{height:30px;line-height:30px}
.message-content .three .xx3{border:1px solid #aaa;padding:0 5px;height:30px;line-height:30px}
.message-content .three span{display:inline-block;margin-left:20px}
.message-content .three .rad{vertical-align:sub}
.message-content .three .rad~.rad{margin-left:20px}
.message-content .area{width:100%;height:180px;border:1px solid #aaa;margin-bottom:16px;padding:10px}
.message-content .sub{width:160px;height:55px;line-height:55px;text-align:center;color:#fff;background:#333;font-size:20px;font-family:"微软雅黑";cursor:pointer;outline:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.message-content .sub:hover{background:#555}

.gr-news-list{margin-bottom:50px}
.gr-news-list li{position:relative;padding-top:30px; height:200px;border-bottom:1px dotted #ddd;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.gr-news-list li:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;opacity:0;border-bottom:1px dotted #084d9e;-webkit-transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.gr-news-list li:hover:before{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.gr-news-list li .pic{position:relative;margin-right:40px;width:220px;height:150px;overflow:hidden;background:#f5f5f5;font-size:0;text-align:center}
.gr-news-list li .pic:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.gr-news-list li .pic img{max-width:none;max-height:none;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.gr-news-list li .pic:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.gr-news-list li .tit{margin-bottom:10px;padding-top:5px;font-size:18px}
.gr-news-list li .tit a{color:#333;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.gr-news-list li .tit a:hover{color:#084d9e}
.gr-news-list li .cate a{padding:0 10px;display:inline-block;border:1px solid #ddd;color:#888;border-radius:10px;line-height:24px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.gr-news-list li .cate a:hover{color:#084d9e;border-color:#084d9e}
.gr-news-list li .des{margin-top:15px;line-height:2;height:75px; color:#666;}
.gr-news-list li .date{color:#999}
.gr-news-list li .com-more{margin-top:15px;border-radius: 50px 50px 50px 50px; color: #525252;line-height: 32px;height: 32px;text-decoration:none; display: inline-block;  padding: 0 16px; margin-right: 16px; font-size: 13px; color: #ffffff;   background: -webkit-gradient(linear, left top, right top, from(#0d99ff), to(#6abc23)); background: linear-gradient(90deg, #0d99ff, #6abc23); }


.news-container .news-content{padding:0 75px 50px}
.news-container .news-content p{line-height:1.8}
.news-container .news-title{padding:40px 0 30px;text-align:center}
.news-container .news-title .tit{padding-bottom:10px;color:#333;font-weight:400;font-size:24px}
.news-container .news-title p{padding-bottom:20px;border-bottom:1px solid #f0f2f5;color:#a3afb7;font-size:14px}
.news-container .news-title p a{color:#a3afb7}
.news-page{text-align:center}
.news-page a{position:relative;display:inline-block;margin:0 8px;width:130px;height:28px;line-height:28px;border:1px solid #818181;border-radius:14px;color:#818181;font-size:0}
.news-page a:first-child:before{content:"上一篇";font-size:14px}
.news-page a:last-child:before{content:"下一篇";font-size:14px}
.news-page a:hover{color:#084d9e;border-color:#084d9e}
.news-content img{max-width: 100%;}
.news-content table{width:100% !important;border:1px solid #ccc;border-collapse:collapse;border-spacing:0}
.news-content  th{padding:4px 14px 4px 4px;border:1px solid #ccc;background-color:#f2f2f2;text-align:center}
.news-content  th:hover{cursor:pointer}
.news-content  tr{border-bottom:none;background-color:#fff}
.news-content  td{padding:5px 8px;border:1px solid #ccc;text-align:center}

.company_profile {display:flex;}
.company_profile .lf .tit{ padding-bottom: 40px;}
.company_profile .lf .tit p {font-size:30px;text-transform:capitalize;display:block;line-height:40px;padding:20px 0 0;font-weight:lighter;}
.company_profile .lf .tit span {font-size:30px;line-height:40px;font-weight:normal;}
.company_profile .rg {flex:1;padding:60px;box-shadow:0px 0px 60px 0px rgba(0,0,0,0.1);}
.company_profile .rg h1 {font-size:32px;line-height:30px;padding:0 15px 40px;border-bottom:1px solid #f3edf0;margin-bottom:30px;color:#1a5cbd;}
.company_profile .rg .text {height:420px;overflow-y:auto;line-height:2.5;color:#444;padding:0 15px; font-size: 16px;}
.company_profile .rg .text  p{text-indent: 2em;}
.company_profile .rg .text::-webkit-scrollbar {width:3px;}
.company_profile .rg .text::-webkit-scrollbar-button {display:none;}
.company_profile .rg .text::-webkit-scrollbar-track {background-color:#f1f1f1;}