@charset "utf-8";
/* CSS Document */
/*reset*/
body,dl,dd,ul,h1,h2,h3,h4,h5,h6,p { margin:0; }
body { background:#F7F8F8; color:#333; font:12px/1.5 \5FAE\8F6F\96C5\9ED1; }
input,select,textarea { margin:0; padding:0; outline:none; resize:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul,li { margin:0; padding:0; list-style-type:none; }
img { border:0 none; vertical-align:middle; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }
em,b,i { font-style:normal; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
/*clearfix*/
.clearfix { *zoom:1; }
.clearfix:after { content:"."; display:table; clear:both; font-size:0; }

/*block*/
.hide { display:none; }
.show { display:block; }
.fl { float:left; }
.fr { float:right; }

/*text-align*/
.tl{ text-align:left; }
.tc{ text-align:center; }
.tr{ text-align:right; }

/*color*/
.c0066b3 { color:#0066b3; }

/*间距*/
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }


/*sprites*/
.container { width:1000px; margin:0 auto; }

/*header*/
.header-wrap { background:#fff; }
.header { height:56px; padding-top:23px; }
.header h1 { float:left; }
.header .search { float:right; line-height:26px; width: 484px; margin-bottom: 20px;}

.header .logo span { height:21px; font-size:20px; color:#0066b3; }
.header .logo em { display:inline-block; height:21px; border-left:1px solid #ddd; margin:0 23px; }
.header .logo a:hover { text-decoration:none; }



/*nav*/
.nav { position:relative; height:38px; background:#0066b3; z-index:997; }

.nav .main-nav { height:38px; line-height:38px; }
.nav .main-nav li { float:left; position:relative; z-index:4;    width: 16%;text-align: center;}
.nav .main-nav a { display:block; height:38px; padding:0 30px; font-size:16px; color:#fff; _display:inline-block; }
.nav .main-nav a:hover { text-decoration:none; background:#f5a100; }
.nav .main-nav b { position:absolute; left:50%; top:38px; width:0; height:0; margin-left:-7px; border-width:7px 7px 0; border-style:solid dashed dashed dashed; border-color:#f5a100 transparent transparent; overflow:hidden; display:none; }
.nav .main-nav li.current { background:#f5a100; }
.nav .main-nav li.current b { display:block; }

.nav .sub-nav-abs { position:absolute; left:0; top:38px; width:100%;  }
.nav .sub-nav { position:relative; height:140px; z-index:3; }
.nav .sub-nav .mask { position:absolute; left:0; top:0; width:100%; height:140px; background:#ddd; opacity:.9; filter:alpha(opacity=90); z-index:1;display:none }
.nav .sub-nav .nav-con { position:relative;  padding:15px 0 0 0; z-index:2; }
.nav .sub-nav .nav-con ul { float:left; height:100px; _width:58px; background-color: white;
    opacity: 0.9;    visibility: hidden;    padding-top: 10px;}
.nav .sub-nav .nav-con ul.long { padding-right:76px; }
.nav .sub-nav .nav-con ul li { height:22px; line-height:22px;font-size: 14px;padding-top: 5px;}
.nav .sub-nav .nav-con ul li i { display:inline-block; width:0; height:0; margin-right:1px; border-width:4px 0 4px 4px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #0066b3; overflow:hidden; visibility:hidden; }
.nav .sub-nav .nav-con ul a:hover { text-decoration:none; color:#0066b3; }

/*content*/
.banner { _font-size:0;    width: 1000px;
    height: 260px;
    overflow: hidden; }
.banner img { display:block;width:100% }

.title { height:38px; padding-top:25px; line-height:20px; }
.title h2 { float:left; height:20px; padding-left:10px; border-left:4px solid #0066b3; color:#0066b3; font-size:20px; }
.title .more { float:right; font-size:14px; }

.p { width:450px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; _width:440px;}
.introduce { border:1px solid #b9bec7; width:1000px; height:245px;}
.introleft  { float:left; width:500px;}
.introright { float:right; width:500px; font-size:15px; margin-top:8px;}
.introul   { margin-left:13px; margin-right:40px;}
.introli   { border-bottom:1px dashed #ddd; padding:10px 0px 10px;}

/*footer*/
.footer { height:100px; border-top:1px solid #DCDCDC; background:#EFEFEF; }
.footer h2 { float:left; }
.footer .footer-con { float:right; text-align:right; }
.footer .footer-nav { font-size:0; padding-bottom:25px; overflow:hidden; }
.footer .footer-nav a { font-size:12px; margin-left:5px; padding-left:5px; border-left:1px solid #aaa; }
.footer .footer-nav a.first { border:none; }

/*新搜索框*/
.pull-left {float: left;}
.hide{display:none;}
.search-box{height:42px;margin-top:-9px;margin-left:35px;position:relative;float:right;}
.search-btn{height:34px;width:33px;display:block;margin-left:14px;margin-top:8px;cursor:pointer;background-position:-344px -194px;}
.search-text{line-height:40px;height:40px;width:292px;border-radius:25px;border:1px solid #1565c0;outline:none;padding:0 26px;}
.search-text.focus{border:1px solid #4cc0c1;}
.search-prompt-box{width:418px;position:absolute;left:-25px;top:64px;z-index:50;background:#fff;-webkit-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);-moz-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);-ms-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);-o-box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);box-shadow:0px 5px 25px 5px rgba(0, 0, 0, 0.19);z-index:10000;}
.search-prompt-box:before{
  	  position: absolute;
      display: inline-block;
      top: -15px;
      left: 190px;
      width: 0;
      height: 0px;
      content: '';
      border-style: solid;
      border-width: 15px;
      border-color: transparent transparent #fff #fff;
      transform: rotate(135deg);
      box-shadow: -5px 5px 10px -3px rgba(0, 0, 0, 0.19);
}
.search-prompt-box li{padding-left:60px; height:55px;line-height:55px;font-size:14px;color:#4a4a4a;}
.search-prompt-box li a:hover{ color:#1565c0;}
.search-prompt-box li:hover{ background-color:#ddd;} 
.search-prompt-box .circle{top:-11px;left:111px;} 
.search-box,.head .search-box *{box-sizing:border-box} 
.icon-cpic-common {
    display: block;
    background: url(../../images2/xccx/search.png) -7px -8px;
    background-repeat: no-repeat;
}
.keywords-box{z-index:1001}
.search-prompt-box li.searchCur {
    background-color: #ddd;
}
.search-prompt-box li.searchCur a {
    color: #1565c0;
}
.nav-con>ul{
	width:16%;
  text-align:center;
      margin-top: -15px;
    padding-bottom: 20px;
}
.products dt img {
    width: 326px;
    height: 183px;
    overflow: hidden;
}
.qrcode-box #image-codeApp {
    background-image: url(../../images/v3/erwei_app_yltz.png) !important;
}