﻿@charset "utf-8";
/**
 * @ fileName: base.v1.css
 * @ version: v1
 * @ desc: 全局
 */
html,body{font: 14px/1.5 Tahoma, Arial, Geneva, HELVETICA,"宋体b8b\4f53",sans-serif;color: #444;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,dl,dd,p,ul,ol,input,textarea,select,menu,pre{margin:0; }
ul,ol,input,textarea,select,menu{padding:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style-type:none;}
em, i,var{font-style:normal;}
h1{font-size:20px;}
h2, h3{font-size:14px;}
h4, h5, h6{font-size:12px;}
h1,h2, h3,h4, h5, h6{}
input,textarea,select{outline: none;vertical-align:middle;}
textarea{resize: none;}
a img{border:0;}
header, nav, menu,article, aside, dialog, footer,  section, footer, figure {display:block }
/*a:link*/ 
a{color:#444;}
a,a:active, a:focus{text-decoration:none;}
a:hover,a:active, a:focus{color:#FF7300;outline:none; cursor:pointer;}
input[type="submit"],input[type="button"]{cursor:pointer;}
/*clearfloat*/
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
.nob{ border:0px}
.nolb{ border-left:0px}
.norb{ border-right:0px}
.notb{ border-top:0px}
.nobb{ border-bottom:0px}
.clear{clear:both;height:0; line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
/*float*/

.fl{float:left;}
.fr{float:right;}
/*Margin*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
/*Padding*/
.p1{padding:1px;}
.p5{padding:5px;}
.p4{padding:4px;}
.p9{padding:9px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt40{padding-top:40px;}
.pt106{padding-top:106px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr40{padding-right:40px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
/*font*/
.ft16{font-size:16px;}
/*Color*/
.red{color:#E52020;}
.blue{color:#00F;}
.blue1{color:#5986de;}
.blue2{color:#8766cc;}
.orange{ color:#ff6600}
.input,.textarea{border:1px solid #999;padding:2px; border-radius:4px; /*box-shadow:inset 1px 1px 3px #E2E2E2, inset -1px -1px 3px #E2E2E2;*/}
.input:focus,.textarea:focus{border:1px solid #07f;-webkit-box-shadow:0 0 5px #8cddff;-moz-box-shadow:0 0 5px #8cddff;-ms-box-shadow:0 0 5px #8cddff;-o-box-shadow:0 0 5px #8cddff;box-shadow:0 0 5px #8cddff;}

/*公用头部*/
header{ border-bottom:1px solid #eee; z-index:3000; top:0; left:0; width:100%;}
header.vpage{ position:inherit;z-index:10; }
.tophd{ background:#e44b46; height:40px; line-height:40px; position:relative}
.tophd h1{text-align:center; color:#fff; font-size:18px; }
.tophd i{ display:inline-block; width:18px; height:40px; vertical-align:middle; background: url(../images/bgico.png) 0px 11px no-repeat;}
.menunav{ position:absolute; left:0; top:0; z-index:1000; padding-left:10px; cursor:pointer;}
.vercalnav{ position:absolute; right:0; top:0; z-index:1000; padding-right:10px; cursor:pointer;}
.vercalnav i{ background-position:-70px 0px;}
header .sysmsg{position:absolute; right:0; top:0; z-index:1000; padding-right:10px; cursor:pointer;}
header .sysmsg i{ background-position:-193px -24px; width:26px; height:40px; margin-right:3px; position:relative;}
header .sysmsg i em{ position:relative; top:2px; left:21px; width:8px; height:8px; border-radius:4px; background:#fff; display:block;}
header .sysmsg i em.yel{ background:#fff408;}

/*其他公用类*/

.mainbox{max-width:640px;margin:0 auto;overflow:hidden; position:relative; font-family:'microsoft yahei';}
.cbox{margin-top:8px;background:none;background:#fff; font-size:13px;}
.cbox h5{ height:40px; line-height:40px; border-bottom:1px solid #e4e4e4; font-size:16px; color:#666; border-top:1px solid #ececec;}
.cbox h5 i{ display:inline-block; width:35px;background: url(../images/bgico.png) 8px -92px no-repeat;}
.cbox h5 .extratips {font-size: 12px;font-weight: normal;float: right;color: #888;}

/*底部公用*/
.footer{ border-top:1px solid #e3e3e3; width:100%; background:#fff; text-align:center; padding-bottom:45px;}
.footer .aboutus{ width:100%; margin:auto; padding-top:15px;}
.footer .aboutus a{ display:inline-block; padding: 0 8px; height:15px; line-height:15px; border-right:1px solid #ccc;}
.footer .aboutus a.noneb{ border:0px;}
.footer p{ line-height:50px;}

/*公用项目菜单*/
.breadmenu{ background:none;color:#888; margin-top:11px;}
.breadmenu em{ display:inline-block; width:8px; height:16px;background: url(../images/bgico.png) -140px -176px no-repeat; margin:0 5px 0 5px; vertical-align:middle;}
.breadmenu a{ display:inline-block; margin:0 3px; color:#888;}

/*其他公用板块样式*/
.dot {width: 3px;height: 3px;background: #666;display: inline-block;margin-bottom: 3px;overflow: hidden;_margin-bottom: 6px;margin-right: 8px;}
.txtin{height: 35px;line-height: 35px;overflow: hidden;border: 1px solid #cdcbcb;border-radius: 2px;box-shadow: 0 1px 1px 1px #efefef inset;text-indent: 4px;color: #333;font-size: 14px;box-sizing: border-box; width:90%;}
.rdsex span{ float:left; width:50px;background: url(../images/bgico.png) 17px -136px no-repeat; height:25px; margin-top:10px; line-height:25px; cursor:pointer;}
.rdsex .active{ background-position:17px -171px;}

/*搜索弹出层*/
#seachtips{position:absolute; top:51px; left:0px; z-index:1000; height:100%; background:#f4f4f4; width:100%; display:none;}
#seachtips .cancelss{ float:right; margin-top:-24px; margin-right:17px; color:#000;}
#seachtips h4{ font-size:14px; font-weight:normal; color:#999; padding:8px 0 5px;}
#seachtips h4 em{background: url(../images/bgico2.png) -70px -114px no-repeat; display:inline-block; vertical-align:middle; width:20px; height:30px;}
#seachtips h4.hotkwhd em{ background-position:0px -116px;}
#seachtips #hotkw li{ float:left; margin-right:10px; line-height:25px; background:#fff; border:1px solid #e7e7e7; padding:0px 8px; margin-bottom:8px; color:#3d3d3d; cursor:pointer;}
#seachtips #historykw li{ background:#fff; text-align:left; color:#3d3d3d; line-height:38px; border-bottom:1px solid #f3f3f3; padding-left:10px;}
#seachtips #historykw li.clearkw{ color:#999; text-align:center; cursor:pointer;}

/*搜索框*/
.searchnav{ height:38px; padding-top:9px; background: url(../images/longico.png) 0px 0px repeat-x;}

.searchnav .shortbtn{ margin-right:60px;}
.searchnav .ssbox .kwinput{ color:#ccc; width:95%; border:0px; font-family:'microsoft yahei'; font-size:14px;}
.searchnav .ssbox .searchbtn{ background-color:#fdfdfd; border-left:1px solid #c2c2c2; width:32px; height:28px; position:absolute; right:0px; background: url(../images/bgico2.png) -65px -45px no-repeat;}
.searchnav .fenlei{ float:right; margin-top:-28px; margin-right:5px;}
.searchnav .fenlei a{background: url(../images/bgico1.png) 0px -2px no-repeat; display:block;width:30px; height:30px;}

/*底部菜单导航*/
.menubar{ position:fixed; bottom:0; left:0; height:45px; width:100%; padding-top:4px; background:#fff; border-top:1px solid #e7e7e7; z-index:3000;}
.menubar a{ display:inline-block; color:#5d656b; width:19%; text-align:center; font-size:12px; line-height:13px;}
.menubar em{ display:inline-block; height:25px; width:23px;background: url(../images/bgico2.png) 0px -148px no-repeat;}
.menubar #hrefVip em{ background-position:-35px -148px;}
.menubar #hrefXm em{background-position:-102px -148px;}
.menubar #hrefHistory em{background-position:-70px -148px;}
.menubar #hrefUser em{background-position:-138px -148px;}

/*原型图标行业导航*/
.hangyebox{ height:180px; background:#fff; overflow:hidden; padding-bottom:30px;}
.hangyebox ul{width:100%;}
.hangyebox li{ float:left; width:25%; text-align:center; padding:14px 0; }
.hangyebox li a{ display:inline-block; width:46px; height:46px; border-radius:23px; position:relative;background:url(../images/hypic1.png) -2px -1px no-repeat;background-color:#ff8822;}
.hangyebox .page2 li a{background:url(../images/hypic2.png) -2px -1px no-repeat;background-color:#ff8822;}
.hangyebox li em{ position:absolute; width:46px; text-align:center; left:0px; bottom:-21px; font-size:13px;}

/*焦点图滚动*/
.swiper-container {width: 100%;height: 140px; overflow:hidden;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#swiper-pagination-ad{ text-align:right; margin-left:-10px;}


header h2 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 0;
    width: 75%;
    margin: 0 auto;
    letter-spacing: 1px;
}



/* 搜索 */
.selectbox {
width: 21%;
    height: 28px !important;
    z-index: 10;
    position: absolute;
    left: 0%;
    text-indent: 13px;
    cursor: pointer;
}
#keyword {
    width: 314px;
    display: block;
    position: absolute;
    line-height: 22px;
    color: #7d7d7d;
        left: 21%;
    z-index: 2;
    font-size: 14px;
    text-indent: 10px;
    padding: 1px 3px 1px 0px !important;
    width: 59% !important;
}
#Sub1 {
    width: 19%;
    display: block;
    border: 0px;
    cursor: pointer;
    position: absolute;
    left: 81%;
    background: #d72828;
    font: normal 14px/28px microsoft yahei;
    color: #fff;
}
