/* CSS Document */



#top{ position: relative; }
.top-1{ background: #e7b900;}
.top-1-con{ padding-top: 6px; padding-bottom: 6px;}
.top-logo{ padding-top: 18px; padding-bottom: 20px;}
.top-logo,.top-ewm{ float: left; margin-right: 15px;}

.top-right{ float: right; display: inline-table;}
.top-search{ display: inline-block; width: 378px; margin-top: 35px;vertical-align: middle;}
.top-search .input-group-append{  margin-left: -30px;}
.top-search .form-control{  height: 30px; padding: .375rem 1rem; border-radius: 15px !important; font-size: 12px; border-color: #ffffff;}
.top-search .input-group-append .btn{  background: #ff7e00; width: 26px; height: 26px; border-radius: 50%; color: #ffffff; border: none; padding: 0; margin-top: 2px; z-index: 100;}
.top-search .btn-outline-secondary.focus, .top-search .btn-outline-secondary:focus {
    box-shadow: none;
}
.top-search .btn-outline-secondary:not(:disabled):not(.disabled).active, .top-search .btn-outline-secondary:not(:disabled):not(.disabled):active, .top-search .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ff7e00;
    border-color: #ff7e00;
}
.top-search .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .top-search .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .top-search .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255,126,0,.5);
}
.top-tel{display: inline-block; color: #ffffff; margin-left: 30px;vertical-align: middle;    margin-top: 33px;}

.top-nav{border-bottom: 1px solid #dbdbdb; }

.top-nav .navbar{ padding: 0;}
.top-nav .dropdown-toggle::after{ display: none;}
.top-nav .navbar-light .navbar-nav .nav-item{ margin-right:10px;}
.top-nav .navbar-light .navbar-nav .nav-link {
    color: #333333;
	position: relative;
}
.top-nav .navbar-light .navbar-nav .active>.nav-link, .top-nav .navbar-light .navbar-nav .nav-link.active, .top-nav .navbar-light .navbar-nav .nav-link.show, .top-nav .navbar-light .navbar-nav .show>.nav-link {
    color: #333333;
}

.top-nav .navbar-light .navbar-nav .nav-item .nav-link:before{
	content:"";
	position: absolute; 
	width: 0;
	bottom: 0;
	left: 0;
	border-bottom: 3px solid #ff7e00;
}
.top-nav .navbar-nav .nav-item .nav-link:focus:before, .top-nav .navbar-nav .nav-item .nav-link:hover:before, .top-nav .navbar-nav .nav-item.active .nav-link:before, .top-nav .navbar-nav .nav-item.active .nav-link:before, .top-nav .navbar-nav .nav-item.show .nav-link:before, .top-nav .navbar-nav .nav-item.show .nav-link:before  {
    width: 100%;
}
.top-nav .navbar-light .navbar-nav .nav-item .dropdown-menu{ font-size: 14px;}
.top-nav .dropdown-menu{ margin-top: 0;}
.top-nav .dropdown-item:focus, .top-nav .dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #ff7e00;
}
.top-nav .navbar-toggler{
	margin: auto;
    width: 100%;
    border: none;
	}
.top-nav .navbar-toggler{ background: #eeeeee; border-bottom: 3px solid #ff7e00; border-radius: 0;}
.top-nav .navbar-toggler.collapsed{background: #ffffff; border:none;}
.top-nav .navbar-toggler:focus {
    outline: none;
}
.nav-search{ display: none; width: 100% !important; padding-top: 15px;}
.nav-search .form-control{ border-color: #eeeeee;}
.top-nav .container{ padding-left: 15px; padding-right: 15px;}
.index-container-title{ font-size: 20px; font-weight: bolder; color: #333333; position: relative; margin-bottom: 15px; }
.index-container-title:before{ content: ""; height: 23px; width: 3px; background: #ff7e00; position: absolute; left: -15px; top: 1px;}


#banner-con{ margin-top: 12px;}
#banner{ position: relative;}
.banner-gongao{ width: 28%; float: left; border: 2px solid #f4df8a; height: 457px; padding: 26px;}
.banner-gongao .list_lh{height:350px;overflow:hidden}
.banner-gongao .list_lh ul li{ }
.banner-gongao .list_lh ul li a{ display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; color: #333333;}
.banner-gongao .list_lh ul li a:hover{ color: #ff7e00;}
.banner-conner{ width: 72%; float: right; padding-left: 16px;}
.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
.banner-pagination .swiper-pagination-bullet{width: 48px; height: 4px; border-radius: 0; background: #ffffff; opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active{  background: #f9be00;}


#index-paimaihui{ margin-top: 40px;}
#index-paimaihui .index-container-title{ margin-left: 15px;}

.paimaihui-item{ position: relative; box-shadow: 0 0 10px 1px rgba(4,0,0,0.26); margin-bottom: 24px;}
.paimaihui-img{ position: absolute; width: 50%; top: 0; bottom:0;}
.paimaihui-right{ width: 50%; margin-left: 50%; height: 221px; position: relative; background: #ffffff; padding: 50px 25px;}
.paimaihui-right .paimaihui-zt{ position: absolute; top: 0; right: 0; color: #ffffff; padding: 0 10px;}
.paimaihui-right .paimaihui-name{ font-size: 16px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.paimaihui-right .paimaihui-time{ color: #727272;}
.paimaihui-right .paimaihui-btn{ margin-top:15px;}
.paimaihui-right .paimaihui-btn a{ color: #ffffff; display: inline-block; background: #cda400; padding: 5px 30px; margin-right: 15px;}
.paimaihui-right .paimaihui-btn a.b-btn{ background: #cda400;}
.paimaihui-right .paimaihui-btn a:hover{ text-decoration: none; }

.paimaihui-right .paimaihui-views-time{ position: absolute; width: 100%; background: #eeeeee; bottom: 0; left: 0; padding: 3px 25px; color: #727272;}


#index-partner{ border-top:1px solid #dadada; margin-top: 6rem; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.swiper-partner .swiper-slide {
	text-align: center;
    width: auto !important;
	min-width: 10%;
	padding: 0 13px;
}
.swiper-partner .swiper-slide img{ height: 56px;}


#foot{ background: #ededed; padding-top: 3rem;}
.foot-nav-item{ padding-left: 30px; width: 20%; float: left;}
.foot-nav-item .foot-title{ font-size: 16px; margin-bottom: 8px; position: relative;}
.foot-nav-item .foot-title:before{ content: ""; position: absolute; width: 17px; height: 3px; background: #e7b900; left: -26px; top: 10px;}
.foot-nav-item .foot-nav-item-con ul li{ list-style: none;}
.foot-nav-item .foot-nav-item-con ul li a{ color: #333333;}
.foot-nav-item .foot-nav-item-con ul li a:hover{ color: #e7b900;}
.foot-adv{ text-align: center; margin-top: 3rem;}
.foot-adv-item{ display: inline-block; margin: 5px 10px;}
.foot-adv-item i{ margin-right: 10px;}

.foot-copyright{ border-top: 1px solid #dadada; padding: 1rem 0;margin-top: 2rem;}
.foot-copyright a:hover{ color: #e7b900;}
.foot-copyright-l{ width: 60%; float: left;}
.foot-copyright-r{ width: 40%; float: right;}
.foot-link ul{ text-align: right;}
.foot-link ul li{ display: inline-block; list-style: none; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}
.foot-link ul li a{ display: block; width: 33px; height: 33px; background: #5c5c5c; color: #ffffff; text-align: center; line-height: 33px; border-radius: 50%;}
.foot-link ul li a:hover{ background: #e7b900; color: #ffffff;}

.container-nav{ padding: 1rem 0;}
.container-nav a{ color: #333333;}
.container-nav a:hover{ color: #e7b900;}

.contain-l{ float: left; width: 260px;}
.contain-r{ float: right; width: calc(100% - 290px);}

.container-left-nav .navbar .navbar-toggler:focus {
    outline: none;
}
.container-left-nav .navbar .navbar-toggler{ width: 100%; border-radius: 0; background: #e7b900; color: #ffffff; font-size: 14px; border-color: #dddddd; padding: 1rem 1rem; text-align: left;}
.container-left-nav .navbar .navbar-toggler.collapsed{  background: #eeeeee; color: #333333;}
.container-left-nav .navbar .navbar-toggler i.fa{ float: right;}
.container-left-nav .navbar{ padding: 0;}
.container-left-nav .nav{ width: 100%;}
.container-left-nav .nav .nav-link{ border-radius: 0; background: #eeeeee; margin-bottom:  2px; padding: 0.8rem 2.5rem;  border-right: 3px solid #eeeeee;}
.container-left-nav .nav .nav-link:hover,.container-left-nav .nav .nav-link.active{ background: #e7b900; color: #ffffff; border-color: #ff7e00;}

.contain-r-title{ background: #e7b900; color: #ffffff; font-weight: bolder; padding: 8px 15px; font-size: 18px;}
.contain-r-con{ padding: 20px 15px; }

.weituo-contain{ background: url(../images/weituo-bg.jpg) no-repeat; background-size: 100% 100%; padding: 40px 80px 53px 136px; min-height: 480px; max-width: 770px; margin: auto;}
.wt-form .form-group{ padding-left: 90px; position: relative; margin-bottom: 8px;}
.wt-form .form-group .form-label{ position: absolute; left: 0; width: 90px; top: 6px;}
.wt-form .form-group .form-control{ border-radius: 0; font-size: 14px;}
.wt-form .form-group .submit{ background: #b8b8b8; color: #ffffff;}
.wt-form .form-group .submit:hover{ background: #e7b900;}

a.pmxx-item{ display: flex;}
a.pmxx-item:hover{ background: #eeeeee; text-decoration: none; color: #333333;}

.pmxx-item{ padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #eeeeee;}
.pmxx-item .pmxx-time,.pmxx-item .pmgg-time{ text-align: center;}
.contain-pmxx-title{ background: #eeeeee; border-bottom:none;}
.contain-pmxx-title .pmxx-name{ text-align: center;}
.contain-pmxx-title .pmxx-time{  border-left: 1px solid #ffffff;}
.contain-pmxx-title .pmgg-time{  border-right: 1px solid #ffffff;}
.pmxx-view-title{ font-weight: bold;}

.pmxx-view-contain{ margin-top: 2rem; padding-left: 15px; padding-right: 15px;}
.pmxx-view-contain table,.pmxx-view-contain tr,.pmxx-view-contain td{ border:1px solid #eeeeee;}
.pmxx-view-name{ text-align: center; margin-bottom: 1.5rem;}
.pmxx-view-name h1{ font-size: 22px; font-weight: bold; margin-bottom: 5px;}

.pmgg-pmh{ margin-top: 5rem;}
.pmgg-pmh .contain-pmxx-title{ margin-bottom: 1.2rem;}

.paimaihui-tab{ background: #eeeeee; padding-left: 15px; padding-right: 15px;}
.paimaihui-tab .nav-link{ position: relative; padding-left: 10px; padding-right: 10px; margin-right: 15px; font-size: 16px; color: #333333;}
.paimaihui-tab .nav-link:after{ position: absolute; content: "";border-bottom: 3px solid #ff7e00; width: 0; bottom: 0; left: 0; transition: width 0.6s; 
	-moz-transition: width 0.6s; /* Firefox 4 */
-webkit-transition: width 0.6s; /* Safari บอ Chrome */
-o-transition: width 0.6s;}
.paimaihui-tab .nav-link:hover,.paimaihui-tab .nav-link.active, .paimaihui-tab .show>.nav-link {
    color: #333333;
    background-color: unset;
}
.paimaihui-tab .nav-link:hover:after, .paimaihui-tab .nav-link.active:after, .paimaihui-tab .show>.nav-link:after {
    width: 100%;
}
.biao-item a{ display: block; background: #ffffff;box-shadow: 0 0 10px 1px rgba(4,0,0,0.26);}
.biao-item a:hover{ text-decoration: none;}
.biao-item a:hover .biao-item-name span{ color: #ff7e00;}
.biao-item{ width: 25%; float: left; padding: 15px;}
.biao-item-img{ overflow: hidden; background-size: auto 100%; background-position: center center; background-repeat: no-repeat;}
.biao-item a .biao-item-name{ padding: 15px 15px; color: #727272; line-height: 20px; font-size: 12px;}
.biao-item a .biao-item-name span{ display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; color: #333333; font-size: 14px;}

.clear1{ display: block;}
.clear2{ display: none;}
@media screen and (max-width: 1200px){
	.top-search{ width: 278px; }
}
@media screen and (max-width: 1199px){
	.banner-gongao{ height: 382px; padding: 26px;}
	.banner-gongao .list_lh{height:280px;}
}
@media screen and (max-width: 992px){
	.top-search{ width: 178px; margin-top: 0;}
	.top-tel{ width: 70px;    margin-top: 10px;}
	.top-nav .navbar-light .navbar-nav .nav-link {
    border-bottom: 1px solid #dbdbdb;
}
	.top-nav .navbar-light .navbar-nav .nav-item:last-child .nav-link {
		border-bottom: none;
	}
	.top-nav .navbar-light .navbar-nav .nav-item{ margin-right:0px;}
	.banner-conner{ width: 100%; float: none; padding-left: 0;}
	.banner-gongao{ width: 100%; float: none; margin-top: 15px;height:200px;}
	.banner-gongao .list_lh{height:100px;}
	
	.paimaihui-img{ position: relative; width: 100%; height: 200px;}
	.paimaihui-right{ width: 100%; margin-left: 0; height: 221px; position: relative; background: #ffffff; padding: 50px 25px;}
	
	.contain-l{ width: 100%; float: none;}
	.contain-r{ width: 100%; float: none; margin-top: 1rem;}
	.contain-l .contain-l-banner{ display: none;}
	
	.biao-item{ width: 50%;}
	.clear1{ display: none;}
	.clear2{ display: block;}
}
@media screen and (max-width: 768px){
	.top-tel{ width: auto; margin-left:20px;}
	.top-right{ float: left; margin-top: 5px;}
	.top-ewm{ float: right;}
	.top-ewm img{ height: 100px;}
	.top-logo {
    padding-top: 6px;
    padding-bottom: 0px;
	}
	
	.foot-nav{ display: none;}
	.foot-adv{ margin-top: 0;}
	.foot-copyright-l{ width: 100%; float: none; text-align: center;}
	.foot-copyright-r{ width: 100%; float: none; text-align: center;}
	.foot-link ul{ text-align: center;}
	
	.weituo-contain {padding: 40px 51px 53px 70px;}
}
@media screen and (max-width: 560px){
	.top-right{ display: none;}
	.top-logo{ width: 70%; margin-right: 0; padding-top: 20px;}
	.top-ewm{ width: 30%; margin-right: 0; text-align: right;}
	.top-ewm img{ height: auto;}
	.nav-search{ display: block;}
	
	.wt-form .form-group{ padding-left: 0px; }
	.wt-form .form-group .form-label{ position: relative; width: 100%; top: 0px;}
	.wt-form .form-group .col-sm-12{ padding: 0;}
	
	.biao-item{ width: 100%; float: none;}
}
@media screen and (max-width: 360px){
	.top-logo{ padding-top: 0px;}
	.top-ewm{ display: none; }
}