/*1200px为分界点*/

html,body{font-family: "Microsoft Yahei","Arial"}
.absmiddle{position: relative;top: 50%;transform: translateY(-50%);}
.bg-primary,.btn-primary {background-color: rgb(0,123,201)!important;border-color: rgb(0,123,201)!important;}
.clearfix{clear: both!important;}
.page-num, .page-link{color: rgb(0,123,201)!important;}
.page-num-current{background-color: rgb(0,123,201)!important;border-color: rgb(0,123,201)!important; color: #fff!important;}
.text-orange{color: #e3b839!important;}


/*.logo{max-width: 57px;}*/
#top-info .comname{display: inline-block;font-weight: bold;line-height: unset;color: rgb(0,123,201);padding-left: 3px;padding-bottom: 12px;}
.comname font{position: absolute;bottom: 0;left: 0;font-size: 14px;padding-left: 3px;}

.head-subtitle{color: rgb(0,123,201);font-weight: bold;}
.head-subsmall{color: #777;}
.tel{position: relative;margin-bottom:0px;font-weight: bold; display: block;color: rgb(0,123,201);}
.tel-img{position: absolute;left:20px; bottom: 0;}
/*.tel:before{position: absolute;content: url(../images/headico.png);top: 0;bottom: 0;margin:auto;z-index: 1;width: 48px;height: 46px;left: -48px;}*/

#lg-nav{display: flex;flex-wrap: nowrap;}
#lg-nav a{text-align: center;color: #fff;}
#lg-nav li{padding-top: 9px;padding-bottom: 9px;}
#lg-nav li:hover,#lg-nav .active{background-color: #e3b839;position: relative;}
/*#lg-nav .active:after{content: "";position: absolute;left: 0; bottom: -13px;border-bottom: 13px solid transparent; border-left: 50px solid #F5F5DC; border-right: 50px solid #F5F5DC;z-index: 100;}*/
/*#lg-nav .active,{background-color: #fff;color:#2097f3;}*/
#lg-nav .active a{color: #fff!important;}

.fw{background:url(../images/fwbg.jpg) center no-repeat; background-size: cover;background-attachment: fixed;}
.subtitle{position: relative;}
.subtitle:before{position: absolute;content: url(../images/subtitle-left.png);left: -100%;top: 50%;transform: translateY(-50%);z-index: 1;}
.subtitle:after{position: absolute;content: url(../images/subtitle-right.png);right: -100%;top: 50%;transform: translateY(-50%);z-index: 1;}

.fw-main .fw-nav-list{background: #fff;color: #000;position: relative;border: 1px solid #ccc;cursor: pointer;}
.fw-main .fw-nav-list:nth-child(2){border-left: 0;border-right: 0;}
/*.fw-main .fw-nav-list:after{position: absolute;content: '';border-style: solid; border-width: 10px; border-color: rgb(0,123,201) transparent transparent transparent;bottom: -20px;left: 50%;transform: translateX(-50%);}*/
.fw-main .active{background-color: rgb(0,123,201);color: #fff;}
.fw-main .active:after{position: absolute;content: '';border-style: solid; border-width: 10px; border-color: rgb(0,123,201) transparent transparent transparent;bottom: -20px;left: 50%;transform: translateX(-50%);}
.fw-content{background-color: #fff;}
.fw-content.content{display: none;justify-content: center;}
.fw-content.content:first-child{display: flex;}
.fw-content .btn-primary:hover{background-color: #e3b839!important;border-color: #e3b839!important;color: rgb(0,123,201)!important;}

.product{background: url(../images/productbg.jpg) top repeat;}
.product .p-left,.product .p-right{padding: 0;background: #fff;}
.product .p-left dt{font-weight: normal;}
.product .p-left dd:hover{background-color: rgb(0,123,201);}
.product .p-left dd:hover a{color: #e3b839!important;}
.product .p-left dd+dd{border-top: 1px dashed #ccc;}
.product .p-left a{display: block;}
.p-right{border-left: 1px solid #fff;}
.links ul{background-color: rgb(0,123,201);}
.links li{display: block;float: left;}
.links li+li{border-left: 1px solid #fff;}
.links li.active{color: #e3b839!important;}
.pro-content .content{display: none;}
.pro-content .content.active{display: flex;}


.r-list{position: relative;cursor: pointer;}
/*.r-list.active{background-color: rgb(0,123,201)!important;color: #fff;}*/
.r-list.active:after{position: absolute;content: '';border-style: solid; border-width: 10px; border-color: rgb(0,123,201) transparent transparent transparent;bottom: -20px;left: 50%;transform: translateX(-50%);z-index: 9;}
.p-list-info{position: relative;text-align: center;}
.p-list-info img{box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}
.p-list-info:hover label{color: rgb(0,123,201);}

/*.center-banner-bg{background: url(../images/center-bg1.jpg) center no-repeat; background-size: cover;}*/
.center-banner .container{padding: 0;margin: 0 auto;}

.advantage{background: url(../images/advantage.jpg) repeat center ,linear-gradient(369deg, rgba(31, 135, 232, 1) 0%,rgba(180, 181, 221, 1) 100%);background-attachment: fixed;}
.advantage .adv-title p{padding-left: 79px;}
.advantage .adv-title p:first-child{font-style: italic;color: rgb(0,123,201);font-weight: bold;}
.advantage .adv-title{position: relative;}
.advantage .adv-lists{line-height: 4;}
.advantage .adv-lists p{position: relative;text-indent: 9px;padding-left: 19px;}
.advantage .adv-lists p:before{position: absolute;content:url(../images/adv-list.png);left: 0;z-index: 1;top: 5px;}
.advantage .adv-title.adv-first:before{content: '01.';position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 9;font-size: 48px;color: rgb(0,123,201);font-weight: bold;font-style: italic;}
.advantage .adv-title.adv-second:before{content: '02.';position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 9;font-size: 48px;color: rgb(0,123,201);font-weight: bold;font-style: italic;}
.advantage .adv-title.adv-third:before{content: '03.';position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 9;font-size: 48px;color: rgb(0,123,201);font-weight: bold;font-style: italic;}
.advantage .adv-title.adv-forth:before{content: '04.';position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 9;font-size: 48px;color: rgb(0,123,201);font-weight: bold;font-style: italic;}
.advantage .adv-title.adv-fivth:before{content: '05.';position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 9;font-size: 48px;color: rgb(0,123,201);font-weight: bold;font-style: italic;}

.center-bg2{margin-top: -20px;}

.honor{background: url(../images/honor.jpg) center center;background-attachment: fixed; background-size: cover;}
.honor .honor-info img{max-width: 100%;max-height: 100%;transition: all 0.5s;}
.honor-info a:hover img{transform: scale(1.1);}

.company .title span{border-bottom: 3px solid rgb(0,123,201); color: rgb(0,123,201);}
.company img{max-width: 45%; padding-right: 19px;padding-bottom: 19px;}
.company .company-info{line-height: 2;}
.company .contact-info{line-height: 2;}

.article .title span{border-bottom: 3px solid rgb(0,123,201); color: rgb(0,123,201);}
.article .container{padding: 0;}
.article .answer{border-bottom: 1px dashed #ccc;}
.article .art-list a{display: block;padding: 9px 0;}
.article .art-list a+a{border-top: 1px dashed #ccc;}

.friendlink label{margin-bottom: 0;}
.friendlink,.copyright{border-color: #ccc;}
.foot-logo{font-size: 32px;color: #e3b839; text-align: left; font-weight: bold;}
.foot-links{display: flex;flex-wrap: nowrap;justify-content: space-between;padding: 9px 0;}


.inner-side dt{color: rgb(0,123,201);}
.inner-side dd{border-top:1px dashed #ccc;}
.side-nav dd a{transition: all 0.5s;}
.side-nav dd a:hover i{display: inline-block!important;}
.side-nav dd a:hover{padding-left: 50px;}

#product.card{transition: all 0.5s;}
#product.card:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.2),-2px 2px 5px rgba(0,0,0,0.2);}
/*#product.card:hover a{color: #fff;}*/

.online dl{background: rgb(0,123,201);}
.online dl:hover{background: #3131c5;}