/*  */
.navmargin img{width: 100%;}

.page-box{ padding: 30px 0 80px;}
.page-box .col-lg-2{padding: 0;width: 22%;}
.page-box .col-lg-10{padding-right: 0;padding-left: 4%;width: 74%;}
.page-box .row{display: flex;}
.page-title{display: flex;align-items: flex-end;background-color:#2f9cd0; padding: 15px 25px;}
.page-titlea{font-family: arvo;color: #f9c14b;font-size: 56px;line-height: 45px;}
.page-titleb p{margin-bottom: 0;font-size: 24px; color: #FFFFFF;line-height: 30px;}
.page-titleb p:last-child{color:#f9c14b;font-family: arvo;font-size: 20px;line-height: 19px;}
.page-list{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;}
.page-list li a{display: block; background-color: #f0f0f0; padding:12px 0 12px 25px;position: relative;z-index: 2;transition: all ease-in-out 0.2s; font-size: 18px;}
.page-list li a:before{content: "";width: 5px; height: 100%;background-color:#f9c14b;position: absolute;top: 0; left: -1px; transition: all ease-in-out 0.4s;z-index:-1;}
.page-list li a:hover:before{width: 100.7%;}
.page-list li a:hover{color: #FFFFFF;}
.page-list li{margin-bottom: 25px;}
.page-list li:last-child{margin-bottom: 17px;}
.page-list-action{background-color:#f9c14b !important; color: #FFFFFF;}

.page-content-title{background-color: #2f9cd0; display: flex; justify-content: space-between;align-items: center; padding: 12px 20px; color: #FFFFFF;}
.page-content-title div:first-child{font-size: 16px;}
.page-content-title div:last-child{display:flex;align-items: center;}
.page-content-title div p{margin-bottom: 0; padding-left: 10px;}
.page-content-title div p a{color: #FFFFFF; padding: 0 5px;}
.page-content-title div p a:last-child{color: #f9c14b;}
.page-content-title div p a:hover{color:#f9c14b;}
.page-content-text,
.producth-details{border: 1px solid #dcdcdc; padding: 20px;}
.page-content-text p{line-height: 30px; margin-bottom: 30px;}
.page-content-text p:last-child{margin-bottom: 15px;}
/* .page-content-text img{width: 60%; margin:2% 20% 6%; } */

.page-content-ul{padding: 10px 0; margin: 0;}
.page-content-ul li{border-bottom:1px dashed #dcdcdc; padding: 10px 0;}
.page-content-ul li a{position: relative; padding-left: 20px;}
.page-content-ul li a:before{content: "";background-color:#aeaeae;width: 5px; height: 5px; position: absolute; top: 50%; margin-top: -2px;left: 0;}
.page-content-ul li:hover a{color: #F9C14B;}
.page-content-ul li:hover a:before{background-color: #F9C14B;}
.page-content-album>div{margin-top: 20px;width: 32%;}
.page-content-album{display: flex;flex-wrap: wrap;justify-content:space-between;}
.page-content-album .product-text p:first-child{border: none;text-align: center; margin-bottom: 0;}
.page-content-ul li a{display: flex;justify-content: space-between;}
.page-content-date{font-family: Arvo; color:#aeaeae;}

.paging{display:flex;justify-content: center;flex-wrap: wrap; margin-top: 60px;margin-bottom:10px;}
.paging li{margin-bottom:10px}
.paging a{color:#b1b1b1;border: 1px solid #b1b1b1;padding: 5px 10px;border-radius: 3px;margin: 0 5px;}
.paging .active a,
.paging a:hover{background-color: #2f9cd0;color: #FFFFFF !important;border-color: #2f9cd0!important;}

.producth .product-text p:first-child{border-bottom: 1px dashed #DCDCDC; text-align:left; margin-bottom: 10px;}
.page-list-box a{background: none !important;width: 50%; font-size: 14px !important; padding:5px 0px 5px 17px!important;}
.page-list-box a:before{content: none !important;}
.page-list-box{display: flex;flex-wrap: wrap;margin-top:15px;}
.page-list-box a:hover{color: #f9c14b !important;}
.page-list-box a:after{content:"";width:0%; height: 1px;background-color: #F9C14B; position: absolute; bottom: 0; left:18px; transition: all 0.5s;}
.page-list-box a:hover{ padding-left: 20px !important;}
.page-list-box a:hover:after{width: 70%; left:20px;}
.page-list-boxaction{color: #F9C14B !important;}
.page-list-boxaction:after{width: 70% !important;	}

.yidong-page-list{display: flex;flex-wrap: wrap; margin-top: 15px; justify-content: center;}
.yidong-page-list a{ padding: 5px 10px; background-color: #DCDCDC; display: block; margin: 5px 8px;border-radius: 3px;}
.yidong-actin{background-color: #f9c14b !important; color: #FFFFFF;}

.details-img {text-align: center;}
.details-img p{padding-top: 10px;}
.details-cont{border-bottom: 1px dashed #DCDCDC; border-top: 1px dashed #DCDCDC; padding: 20px 0;}
.list-text{text-indent: 25px;}
.details-cont p{line-height: 30px; margin-bottom: 0;}
.details-cont p img{max-width:100%;height:auto!important;}
.page-turning{ padding:  20px 0;}
.page-turning a{display: block; padding: 2px 0; color: #aeaeae;}
.page-turning a:hover span{color:#F9C14B;}

.form-input{display: flex; align-items: center;}
.form-input span{padding-left: 10px; color: #ff5252;display: block;width: 25px; font-size: 14px;}
.form-text{font-weight: 500;}
.fomr-btn{display: flex; flex-wrap: wrap;justify-content: space-between; padding-right: 40px;}
.fomr-btn a{}
.fomr-btn p{width: 100%; padding-top: 10px; color: #DCDCDC;}
.fomr-btn p span{color: #ff5252; padding-right: 10px;}
.fomr-btn .btn-default{width: 25%;padding: 8px;border-radius: 0;}
.fomr-btn .btn-default:hover{background: none; border-color: #cecece; color: #cecece;}
.fomr-btn .btn-default:nth-child(3){width: 45%; background-color: #f9c14b;color: #FFFFFF; border:none;}
.btn-default{color: #DCDCDC; border-color: #DCDCDC;}
.form-control,
.form-horizontal textarea{border-radius: 0; border-color: #DCDCDC !important; box-shadow:none;resize:none;width: 100%;border: 1px solid #ccc;}
/* .form-horizontal .form-control{height:40px;} */


.cooperate-img{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cooperate-img .cooperate-list{width: 32%;text-align: center; padding-top: 15px;}
.cooperate-img .cooperate-list img{width: 100%;}
.cooper-img{border: 1px solid #DCDCDC;}
.cooperate-img .cooperate-list p{padding: 14px 0 0px; margin-bottom: 0;}
.cooperate-list:hover .cooper-img{border-color: #f9c14b;overflow: hidden;}
.cooperate-list:hover p{color: #F9C14B;}
.cooperate-list .cooper-img img{ transition: all 0.4s;}
.cooperate-list:hover .cooper-img img{transform: scale(1.05);}

.contact-us{border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-bottom:1px dashed #dcdcdc; padding:15px;}
.contact-us:last-child{border-bottom:1px solid #dcdcdc;}
.contact-us p{line-height: 40px; margin-bottom: 0;color: #aeaeae;}
.contact-us p b{font-size: 16px;color:#000}
/* .contact-us p:last-child{ padding-top: 20px;} */