@charset "utf-8";
body{ position: relative; }
h1,h2{ display: inline;}
strong{ font-weight: normal;}

.banner-block{ height:600px; width:100%; position:relative; z-index: 2;}
.banner-block .banner{ position:relative; height:600px; width:100%;overflow:hidden;}
.banner-block .banner .d1{width:100%;height:600px;display:block;position:absolute;left:0px;top:0px;}
.banner-block .banner .d1 img{height:600px; width:100%;}
.banner-block .banner .number{ position:absolute; left:45%; bottom:115px;z-index:100;}
.banner-block .banner .number li{ float:left; width:14px; height:14px; cursor:pointer; margin-right: 8px;}
.banner-block .banner .number li.current{ border: solid 2px #fff; margin-top:-1px; border-radius:100px;}
.banner-block .banner .number li i{ width: 6px; height: 6px; display: block; background: #fff; margin:4px; border-radius:100px;}
.ban_tit{ width:360px; height:170px; position: absolute; top:36%; left:7.5%; float:left; background:rgba(0,0,0,0.3);}
.ban_tit h2{ color:#dfdfdf; font-size:26px; font-weight:550; margin-top:22px; display:block; margin-left:34px; font-family:sans-serif;transform: scale(1,1.3);letter-spacing:1px;}
.ban_tit p{ color:#dfdfdf; margin-top:15px; display:block; margin-left:40px;font-family: sans-serif;transform: scale(1,1.3); font-size:14px;letter-spacing:0.7px;}

.banner-block .search{position:relative; width:1200px; height: 70px; margin: -92px auto 0; z-index: 2;}
.banner-block .search ul{ float: left;}
.banner-block .search ul li{ float:left;}
.banner-block .search ul li.select{ position:relative;}
.banner-block .select-box{ width:140px; height:70px; border-right:solid 1px #ebebeb; display:block; background:#fff; text-align:left; line-height:70px; padding-left:30px; border-radius:3px 0 0 3px;cursor:pointer;}
.banner-block .select-box span{ color:#333; font-size:14px; float:left;}
.banner-block .select-box i{ width:14px; height:7px; display:block; background: url(../images/slide.png) left top no-repeat; float:right; margin:32px 30px 0 0;}
.banner-block .select-box i.current{animation:slidetop 0.5s;-moz-animation:slidetop 0.5s;-webkit-animation:slidetop 0.5s;-o-animation:slidetop 0.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;}

@keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}
@-moz-keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}
@-webkit-keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}
@-o-keyframes slidetop{from {transform:rotate(0)} to{transform:rotate(180deg)}}

@keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}
@-moz-keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}
@-webkit-keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}
@-o-keyframes revert{from {transform:rotate(180deg)} to{transform:rotate(360deg)}}

.banner-block .selectMenu{ position:absolute; top:70px; left:0; width:168px; background:#fff; border: solid 1px #ddd; border-radius:2px; z-index:3;}
.banner-block .selectMenu a{ display:block; padding-left:12px; height:30px; line-height:30px; color:#333; font-size:14px;}
.banner-block .selectMenu a:hover{ color:#666; background:#f5f5f5;}
.banner-block .search li .txt{ width:694px; height:70px; padding-left:30px; font-size: 14px; border: none; outline:none; color:#666; line-height:70px;}
.banner-block .search li a.search-btn{ width:92px; height:70px; display:block; background:#cd001f; text-align:center; line-height:70px; border-radius:0 3px 3px 0; position: relative;}
.banner-block .search li a.search-btn:hover{ background: #bc0420;}
.banner-block .search li a.search-btn::after{ width:32px; height: 32px; content: ''; background: url(../images/search-icon.png) center center no-repeat; position: absolute;left:30px; top: 19px;}
.search a.by_cate{ width: 149px; height: 70px; display: block; line-height: 70px; background: #fff; border-radius:3px; color: #605f69; font-size: 14px;
float: left; margin-left: 11px; padding-left: 53px; font-weight:600;}
.search a.by_cate:hover{ background: #cd001f; color: #fff;}
.search a.by_cate i{ width:20px; height: 20px; display: inline-block; background: url(../images/cateblue.png) left top no-repeat; vertical-align: -4px; margin-right: 10px;}
.search a.by_cate:hover i{ background: url(../images/catewhite.png) left top no-repeat;}

.searchcache {width: 723px;border: 1px solid #ddd; border-top: 0; background: #fff; position: absolute; left: 170px; top: 70px; z-index: 3;}
.recent{ font-size: 14px; color:#999; margin: 10px;}
.search ul.searchlog{ position:relative; right:0;}
.searchlog li{ height: 30px; line-height: 30px; width:703px; font-size: 14px; padding:0 10px;}
.searchlog li:hover{background: #f5f5f5;}
.searchlog li span{ width:713px; display:inline-block; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis; cursor: pointer; margin-right: 45px;}
.searchlog li a{position: absolute;top: 0;right: 14px; color:#666; display:none;}
.clearlog a{ color:#666; font-size: 14px;margin:10px 13px 15px 0; float: right;}

.certified-pro,.trending-pro,.request-block,.trusted-comp{ width: 1200px; margin: 16px auto 0;}
.certified-pro .title,.trending-pro .title,.request-block .title,.trusted-comp .title{ height: 68px; line-height: 68px; width: 1200px; display: block; font-size: 26px; color: #000; position: relative;}
.certified-pro ul{ height: 285px; margin-left: -20px;}
.certified-pro ul li{ width: 285px; margin-left: 20px; float: left; position: relative;}
.certified-pro ul li span{ position: absolute; left: 0; top: 0; width: 285px; height: 285px; display: none; background: rgba(43, 43, 60, 0.6);}
.certified-pro ul li span a{ color: #fff; width: 220px; display: block; margin: 116px auto 0; font-size: 14px; text-align: center; line-height: 18px; max-height: 54px; word-wrap: break-word;
 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.trending-pro ul{ margin-left: -20px;}
.trending-pro li{ float: left; width: 224px; margin:0 0 18px 20px;}
.trending-pro li img{ width: 224px; height: 224px; display: block; margin-bottom: 13px;}
.trending-pro li span a{ font-size: 14px; color: #333; line-height: 18px; height: 36px; word-wrap: break-word; text-overflow: -o-ellipsis-lastline;
 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.trending-pro li span a:hover,.trending-pro li span a:hover strong{ color: #282636; font-weight: bold;}

.Industry-hubs{ width: 1170px; height: 388px; background: url(../images/hubs-bg2.png) center top no-repeat; margin: 20px auto 0; padding: 30px 0 0 30px;}
.Industry-hubs .industry-box{ float: left; width: 270px; height: 358px; background: #fff; margin-right: 20px;}
.industry-box dl{ width: 230px; margin: 20px auto 0;}
.industry-box dl dt img{ width: 230px; height:100px; display: block;}
.industry-box dl dt span{ padding-bottom:25px;width: 230px; height: 28px; display: block; position: relative; }
.industry-box dl dt span a{ font-size: 14px; line-height: 14px; color: #333; position: absolute;top:50%;-webkit-transform:translate(0,-50%);font-weight: bold; word-wrap: break-word;
text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.industry-box dl dt span a strong{ font-weight: bold;}
.industry-box dl dd{ height: 87px; border-top:solid 1px #f6f6f6; }
.industry-box dl dd span{ width: 162px; float: left;}
.industry-box dl dd span em{ font-size:14px; color: #666; display: block; margin-top: 15px; line-height: 22px; height: 22px; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
.industry-box dl dd span a{ width:91px; height: 22px; text-align:center; line-height: 24px; border:solid 1px #221F3C; display: block;color: #221F3C; font-size: 12px; border-radius:25px;
margin-top: 6px; }
.industry-box dl dd span a:hover{ background: #2b2a36; color: #fff;}
.industry-box dl dd img{ float: right; margin-top:10px;}

.request-block img.left{ width: 590px; height: 337px; float: left;}
.form{ width: 589px; height: 335px; float: left; border: solid 1px #f5f5f5; border-left:none; padding-left: 20px;}
.form em{ height: 34px; line-height: 34px; display: block; font-size: 16px; color: #333; margin: 20px 0 10px;}
.form li{ margin-bottom: 20px; position: relative;}
.form li.area{ height: 122px;}
.form .txt{ width:546px; height: 40px; background:#f5f5f5; border-radius:3px; padding-left: 13px; border: none; font-size: 14px; outline: none;}
.form textarea{ width: 533px; height: 96px; resize: none; padding: 13px; background:#f5f5f5; border-radius:3px; border:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; outline: none;}
.form a{ width: 175px; height: 40px; text-align: center; line-height: 40px; background: #CD001F; color: #fff; font-size: 14px; display: block; border-radius:3px;}
.form a:hover{ background: #bc0420;}
.form li span{ position: absolute; right: 40px; bottom: 10px; color: #d41313; font-size: 14px;}

.trusted-comp .title span{ float: right; margin-top: 22px; display: block;}
.trusted-comp .title span i{ width:14px; height: 24px; display: block; float: left; cursor: pointer;}
.trusted-comp .title span i.prev{ background: url(../images/prev.png) left top no-repeat; margin-right: 30px;}
.trusted-comp .title span i.next{ background: url(../images/next.png) left top no-repeat;}
.trusted-comp .title span i.prev.active{ background: url(../images/prev-cur.png) left top no-repeat;}
.trusted-comp .title span i.next.active{ background: url(../images/next-cur.png) left top no-repeat;}
.scrollArea{ width: 1200px; height: 92px; overflow: hidden; position: relative; margin-top:20px;}
.scrollArea .scroll-box{position: absolute; left: 0;}
.trusted-comp li{ width: 152px; height: 80px; border: solid 1px #f5f5f5; float: left; margin-right:20px;}
.trusted-comp li:hover{ border: solid 1px #48465a;}
.trusted-comp li span{ width: 100%; height: 100%; display: block; position: relative;}
.trusted-comp li img{ position: absolute;top:50%; left:50%;-webkit-transform:translate(-50%,-50%); max-height:80px; max-width:100%;}
.scroll-list2{ position:absolute; left:0;}