*{ margin:0; padding:0;}
html,body {color: #555; font-size: 12px; display: block; background: #f2f2f2; line-height: normal; font-family: "Helvetica","Tahoma","Arial","PingFang SC","Microsoft YaHei"; position: relative; }
article,aside,dialog,footer,header,section,nav,figure,menu,time,summary{display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%; margin: 0;}
p,form,ul,ol{ list-style-type:none;}
ul,ol,li{overflow: hidden;}
img{ border: 0; vertical-align: top;}
input,select{ vertical-align: middle; }
em,i{ font-style: normal; }
.fl{float: left!important;;}
.fr{float: right!important;}
a{color: #555; text-decoration:none; outline:none;}
a:hover{ color: #FF5200; text-decoration: none;}

.container{width: 1200px; margin: 0 auto; position: relative; overflow: hidden;}
#cbbar {height: 29px; line-height: 29px; width: 100%; background: #fff;border-bottom: 1px solid #ddd;}
#cbbar a{margin-left: 10px;}
#cbbar b{margin-left: 40px;}
#cbbar em{color: #FF4000; font-weight: 600; font-size: 14px; font-style: italic;}
#header{background: #fff;height: 130px;}
#header .logo{width: 146px;height: 100px; float: left; margin-top: 15px;}
#header .logo img{width: 100%;height: auto;}
#header .search{margin:32px 0 0 80px; float: left;}
#header .search .input-box{width: 750px; border: 2px solid #FF4000; overflow: hidden;}
#header .search .input-box input{width: 599px; padding-left: 10px; float: left; height: 44px; font-size: 18px; border: none; outline: none;}
#header .search .input-box a{display: block; float: right; width: 140px; height: 44px; line-height: 44px; font-size: 16px; text-align: center; color: #fff; background-color: #FF4000;}
#header .search .hot-words{margin-top: 6px;}
#header .search .hot-words a{margin-right: 6px; }
#header .gov-link{float: right; margin-top: 16px;}
#header .gov-link a{display: block; margin: 6px 0;}
#header .gov-link img{width: 12px;height: 13px;vertical-align: middle; margin-right: 3px;}
#nav{width: 100%;height: 70px;background-color: #FF4000;}
#nav dl{float: left; color: #fff; margin: 11px 30px 0 0; overflow: hidden; border-right: 1px dashed #fff;}
#nav dl:last-child{margin-right: 0; border: none;}
#nav dt{text-align: center; font-size: 16px; font-weight: 800; float: left; margin-right: 20px;}
#nav dt img{display: block; width: 24px;margin: 0 auto 2px;} 
#nav dd{float: left; width: 265px;}
#nav dd a{font-size: 14px; color: #fff; display: inline-block; width: 6em; margin: 4px 0 0;}
.user-ad{margin: 20px auto;}
.user-ad .user-info{background: #fff; width: 360px; height: 150px; float: left;}
.user-ad .user-info .info{padding: 0 0 15px; margin: 15px 20px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.user-ad .user-info .info .ava{width: 48px;height: 48px; float: left; margin-right: 10px;}
.user-ad .user-info .info .ava img{width: 48px;height: 48px;}
.user-ad .user-info .info .field p{font-weight: bold; color: #FF4000; font-size: 16px; margin: 5px 0 3px;}
.user-ad .user-info .info .field p b{font-size: 12px; color: #666; font-weight: normal; margin-left: 5px;}
.user-ad .user-info .info .field span{color: #999;}
.user-ad .user-info .ft {overflow: hidden; margin: 0 20px;}
.user-ad .user-info .ft p{font-size: 12px; margin-bottom:5px;}
.user-ad .user-info .ft p b{color: #FF4000; font-size: 14px;}
.user-ad .user-info .ft .btn{ display: block; width: 150px; height: 38px; font-size: 14px; line-height: 34px;text-align: center;box-sizing: border-box; }
.user-login{border: 3px solid #FF4000;background-color: #FF4000; color: #fff!important; }
.user-registered{border: 3px solid #FF4000; color: #FF4000!important; }
.user-ad .ad-820{width: 820px;height: 150px;float: right; position: relative;}
.ad-260{width: 260px; margin: 20px auto;}
.ad-260 img{width: 100%; height: auto;}
.index-warp{margin: 20px auto; }
.index-side{float: left;width: 260px; position: relative;z-index: 1;}
.index-main{width: 920px;float: right;}
.section{background-color: #FFFFFF;}
.section:after {content: "";height: 0;display: block;clear: both;}
.section .hd{margin: 0 20px; font-size: 16px;color: #000; box-shadow: inset 0 -2px 0 #d8d8d8;}
.section .hd a{display: inline-block;height: 42px;line-height: 42px; border-bottom: 2px solid #FF4000; font-weight: bold; color: #000;}
.section .hd a:hover{color: #FF4000;}
.section .hd .keyword{padding: 20px 0; font-size: 18px; color: #000;}
.index-side .section .hd{background-color: #FF4000; color: #fff; box-shadow: none; margin: 0; padding: 0 20px; height: 42px; line-height: 42px; }
#list-suppliers{margin: 15px 20px; height: 240px; overflow: hidden;}
#list-suppliers li{height: 24px; line-height: 24px;}
.index-main-left{width: 50%;float: left;}
.index-main-right{width: 50%;float: right;}
.list-index-main{margin: 15px 20px;}
.list-index-main li{height: 24px; line-height: 24px; display: flex; justify-content: space-between; align-items: center;}
.list-index-main li a{color: #000; width: 80%; float: left; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.list-index-main li a:visited{color: #999;}
.list-index-main li a:hover{color: #FF4000;}
.list-index-main li span{color: #999;flex-shrink:0;display: flex; float: right;}
.track dl{margin-bottom: 15px;}
.track dt{margin-bottom: 5px; color: #000;}
.track a{display: inline-block;vertical-align: middle; border: 1px solid #aaa; width: 54px; height: 23px; line-height: 23px; text-align: center;}
.track i{display: inline-block; width: 9px; height: 8px;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRjQwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTkgNEwzIDhWMHpNMCAzaDN2MkgweiIvPjwvZz48L3N2Zz4=') no-repeat center;background-size: 100%;}
.track .active{border-color: #FF4000;color: #FF4000;}
.nav-side{padding: 10px 0;}
.nav-side dl{padding: 10px 20px 9px;position: relative;}
.nav-side dt{font-size: 14px; margin-bottom: 3px; color: #000; font-weight: bold; }
.nav-side dd a{display: inline-block; margin: 2px 6px 2px 0;}
.nav-side .more{width: 580px; padding: 15px 20px; border: 2px solid #FF4000;background-color: #fff; position: absolute; top: 0;left: -1000px;}
.nav-side .more h6{font-size: 16px;font-weight: bold;color: #FF4000; margin-bottom: 5px;}
.nav-side dl:hover{background-color: #FFEDE9; box-shadow: inset 2px 0 0 #ff4000;}
.nav-side dl:hover dt,.nav-side dl:hover dd a{color: #FF4000;}
.nav-side dl:hover dd.more a{color: #333;}
.nav-side dl:hover dd.more a:hover{color: #FF4000;}
.nav-side dl:hover .more{left: 100%;}
.nav-side .dl-active{background-color: #FFEDE9; box-shadow: inset 2px 0 0 #ff4000;}
.nav-side .dl-active dt,.dl-active dd a{color: #FF4000;}
.nav-side .dl-active .more a{color: #333;}
.nav-side .dl-active .more a:hover{color: #FF4000;}
.nav-side .dl-active .more{left: 100%;}

.ad-wall{background-color: #fff; padding: 20px 0 20px 20px; overflow: hidden; position: relative;}
.ad-wall .hd{float: left; position: relative; z-index: 1; writing-mode: vertical-lr; font-size: 16px;color: #000;font-weight: bold;  padding-right: 15px;box-shadow: inset -2px 0 0 #FF4000; }
.ad-wall .img-list{overflow: hidden; box-shadow: -2px 0 0 #d8d8d8; }
.ad-wall ul{ margin:0 0 -15px 5px; }
.ad-wall li{float: left;width: 350px;height:90px;background: #eee; margin: 0 0 15px 20px;}
.nav-area{padding: 20px 20px 10px;}
.nav-area dt{font-size: 14px;font-weight: bold;color: #000; }
.nav-area dd{margin: 3px 0 18px;}
.nav-area dd a{margin-right: 4px;}
.list-industry{padding: 15px 5px 15px 20px;}
.list-industry li{margin: 8px 0; width: 33.33%; display: inline-block; float: left;}
.ad-ft{overflow: hidden;}
.ad-ft .ad-590{width: 590px; height: 120px;}
.ad-ft .ad-590 img{width: 590px; height: 120px;}
#footer{margin: 60px 0 0; background-color: #fff; padding: 40px 0; border-top: 2px solid #FF4000; text-align: center;}
#footer .link{ margin: 0 0 40px;}
#footer .link li{padding: 0 15px; border-right: 1px solid #d8d8d8; display: inline-block;}
#footer .link li:last-child{border: none;}
#footer .link a{color: #333;}
#footer .link a:hover{color: #FF4000;}
#footer .copyright p{margin: 5px 0;}
#footer .certificate{margin-top: 30px;}
#footer .certificate img{border: 1px solid #ddd; margin: 0 5px; border-radius: 4px;}


.swiper-slide{width: 820px;height: 150px;}
.swiper-slide img{width: 820px;height: 150px;}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
	border-radius: 0;
}
.swiper-pagination-bullet-active {
    color: #fff;
    background: #FF4000;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
	left: auto;
    right: 10px;
	top: auto;
	width: auto;
}
.swiper-container-vertical>.swiper-pagination-bullets{bottom: 10px;
	left: auto;
    right: 10px;
	top: 0;
	width: 100%;}

.breadcrumb{ margin: 20px 0; color: #999;;}
.table-list{padding: 20px;}
.table-list table{width: 100%; font-size: 14px;}
.table-list table td{padding: 12px 0; border-bottom: 1px dashed #d1d1d1;}
.table-list table a{color: #000;}
.table-list table a:hover{color: #FF4000;}
.table-list .title{padding-right: 20px;}
.table-list .info{white-space:nowrap; color: #666; text-align: right;}
.table-list .info span{color: #ccc; margin: 0 5px;}
.pages{padding: 40px 20px; overflow: hidden;}
.pages span{float: left; font-size: 14px; line-height: 40px;}
.pages span b{color: #FF4000;}
.pages ul{float: right;}
.pages li{float: left; margin-left: 10px; line-height: 40px;}
.pages li a{display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #ccc;}
.pages li .active{font-weight: bold;color: #FF4000; border-color: #FF4000;}
.article{padding: 40px; font-size: 16px;}
.article h1{font-size: 24px; font-weight: bold; text-align: center; color: #000;}
.article .info{text-align: center; margin: 15px auto 40px; font-size: 16px;}
.article .info span{color: #999; margin: 0 15px;}
.article .cont{line-height: 1.5;}
.article .cont p{margin: 10px 0; }
.notification{margin: 40px 20px; border:2px solid #FF4000; padding: 40px; text-align: center; background-color: #FFF2EF;}
.notification h6{color: #FF4000; margin-bottom: 40px; font-size: 20px;}
.notification .btn{margin: 0 5px;font-size: 16px; display: inline-block; width: 150px; height: 38px; line-height: 34px;text-align: center;box-sizing: border-box;}
.notification p{margin-top: 30px;}
.notification p b{font-size: 20px; margin:0 20px 0 0; font-style: italic; color: #FF4000;}
.search-area{margin: 0 20px;}
.search-area .sec{overflow: hidden; border-bottom: 1px dashed #ccc; padding: 15px 0; font-size: 14px;}
.search-area .sec .title{float: left; font-weight: bold;color: #000; padding-right: 20px; line-height: 26px;}
.search-area .sec .list,.search-area .sec .list2{overflow: hidden;}
.search-area .sec .list span{display: inline-block; cursor: pointer; height: 26px; line-height: 26px; padding: 0 10px; }
.search-area .sec .list .active{color: #FF4000; font-weight: bold;}
.search-area .sec .list2{border-top: 1px dashed #ddd; margin: 10px 0 -10px; padding: 5px 0;}
.search-area .sec .list2 span{font-size: 12px; }
.reg-form{width: 700px; margin: 40px auto; font-size: 14px;}
.reg-form li{margin: 15px 0;}
.reg-form .in-wrap{overflow: hidden;}
.reg-form .title{width: 130px; padding-right: 5px; text-align: right; float: left; margin-top: 10px;}
.reg-form .title em{color: #f00;}
.reg-form .in-txt{width: 400px; height: 40px; padding: 0 5px; border: 1px solid #ccc; font-size: 14px; box-sizing: border-box;}
.reg-form .in-se{height: 40px; padding: 0 5px;}
.reg-form .checkbox-wrap label{display: inline-block; margin: 0 10px 10px 0;}
.reg-form .checkbox-wrap input{vertical-align: middle; margin-right: 3px;}
.reg-form .btn-code{display: inline-block;height: 40px; width: 110px; background-color: #FF0000; color: #fff; vertical-align: middle; text-align: center;line-height: 40px;}
.reg-form .btn{border: none; cursor: pointer;width: 400px; height: 50px; color: #fff; background-color: #FF0000; display: block; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold;}
.reg-form .err{color: #f00;}
.login-form{margin: 40px auto; width: 400px;}
.login-form i{display: inline-block; width: 24px; height: 24px;vertical-align: middle;}
.login-form i img{height: 100%; width: auto;}
.login-form .input-wrap{ border: 1px solid #ccc; padding: 5px 15px; margin: 0 0 20px;}
.login-form .input-wrap input{width: 320px; height: 36px; border: none; font-size: 16px; font-weight: bold; padding: 0 10px; outline: none;}
.login-form .btn{border: none; cursor: pointer; width: 400px; height: 50px; line-height: 50px; color: #fff; background-color: #FF0000; display: block; text-align: center; font-size: 18px; font-weight: bold;}
.user-dashboard{overflow: hidden;border: 2px solid #FF4000; padding: 20px 20px 20px 30px; background: #fff;margin: 20px 0;}
.user-dashboard .info{overflow: hidden; float: left; padding-right: 45px; margin-right: 45px; border-right: 1px dashed #999;}
.user-dashboard .info:last-child{margin-right: 0; padding-right: 0; border: none;}
.user-dashboard .info .ava{width: 48px;height: 48px; float: left; margin-right: 10px;}
.user-dashboard .info .ava img{width: 48px;height: 48px;}
.user-dashboard .info .field{overflow: hidden;margin: 0;}
.user-dashboard .info .field p{font-weight: bold; color: #FF4000; font-size: 16px; margin: 5px 0 3px;}
.user-dashboard .info .field p b{font-size: 12px; color: #666; font-weight: normal; margin-left: 5px;}
.user-dashboard .info .field span{color: #999;}
.user-dashboard .info .row:first-child{margin-bottom: 10px;}
.user-dashboard .info .row b{font-size: 14px; color: #FF4000;}
.list-uc{padding: 10px;}
.list-uc li{padding: 15px 20px ; font-size: 14px;}
.list-uc a{display: block;}
.list-uc .active{ background-color: #FFEDE9;box-shadow: inset 2px 0 0 #ff4000;}
.list-uc .active a{font-weight: bold; color: #FF4000;}

.tb-service{width: 100%; border-collapse: collapse; color: #222;font-size: 12px; margin: 30px auto; }
.tb-service th{font-size: 14px;}
.tb-service td,.tb-service th{border: 1px solid #999; padding: 10px 6px;}
.tb-service .full{text-align: center; color: #28B463; font-size: 16px;}

.calendar{background-color: #fff; padding: 20px 10px;}
.calendar table{width: 100%;}
.calendar th{height: 40px;  font-size: 14px; color: #333; background-color: #eee;}
.calendar td{height: 38px;text-align: center; background-color: #f9f9f9; }
.calendar td a{display: inline-block;font-size: 14px; width: 100%;line-height: 32px;}
.calendar td a:hover,.calendar .today a{color: #FFF; background-color: #FF4000; font-weight: bold;}
.calendar .select{padding: 0px 10px 20px;  border-bottom: 0px solid #ddd; font-size: 14px;}
.calendar .select select{font-size: 14px; vertical-align: middle;}