* { margin:0; padding:0 }
body { font-size:14px; line-height:160%; background:#fff; font-family:Arial,Microsoft YaHei }
ol, ul, li { list-style:none; display:block }
a { text-decoration:none; color:#333; transition:all 0.3s ease-in-out}
a img { border:0 }
.l { float:left }
.r { float:right }
.c { clear:both; overflow:hidden; zoom:1 }
.mBox {margin:0 auto; width:1200px}
.mBox:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
table{border-collapse:collapse}
input{outline:none}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}

/*焦点图*/
.focus{ position:relative; width:100%; height:600px; top:0; left:0}
.focus .fPic{ position:absolute; left:0px; top:0px; width:100%; height:600px }
.focus .fcon{ position:relative; width:100%; float:left; overflow:hidden; height:600px; display:none; background:#fff  }
.focus .fcon img{width: 1920px; height: 600px; display:block; left:50%; margin-left:-960px; position:absolute; top:0 }
.focus .D1fBt{z-index:10; position:absolute; left:50%; width:100px; margin-left:-50px; bottom:30px}  
.focus .D1fBt a{display:block; width:40px; height:10px; margin:0 5px; background:#ddd; float:left}
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fff;}



/**/
.header{height:100px}
.headerFocus{height:600px}/*background:url(../images/focusImg.jpg) no-repeat top center; */
.header .top{height:100px; width:100%; overflow:hidden; position:absolute; z-index:2; top:0; left:0}
.header .top .bg{background:#000; height:100px; opacity:0.05; filter:alpha(opacity=5); position:absolute; width:100%; z-index:1}
.headerFocus .top .bg{background:#fff}

.header .top .mBox{height:100px; position:relative; z-index:2}
.header .top .logo{display:block; background:url(../images/jhLogo.png) no-repeat; height:58px; width:168px; position:absolute; overflow:hidden; text-indent:-999px; top:22px; left:0}
.header .top .nav{width:650px; position:absolute; top:0; left:280px;}
.header .top .nav li{float:left; height:100px; padding:0 15px; transition:all 0.3s ease-in-out}
.header .top .nav li a{display:block; line-height:100px; height:100px; overflow:hidden; padding:0 10px; font-size:16px; border-bottom:4px solid #fff}
.header .top .nav li a:hover{height:96px}
.header .top .navActive{}
.header .top .navActive li{padding:0 15px}
.header .top .navActive li a{padding:0 5px}

.header .search{width:200px; top:30px; right:90px; position:absolute; height:40px}
.header .search .btn{width:40px; height:40px; border:0; border-radius:40px; float:right; position:absolute; top:0; right:0; z-index:3; background:none; cursor:pointer}
.header .search i{display:block; text-align:center; line-height:40px; border-radius:40px; color:#222; background:#fff; width:40px; position:absolute; top:0; right:0; z-index:2}
.header .search .txt{background:#fff; height:30px; padding:5px 0; border-radius:40px 0 0 40px; position:absolute; top:0; right:20px; z-index:1; width:15px; border:0; opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s ease-in-out}
.header .search .txt:hover{opacity:0.65; filter:alpha(opacity=65)}
.header .searchActive{}
.header .searchActive .txt{width:135px; padding:5px 30px 5px 15px}
.header .searchActive i{color:#cf2525}

.header .language{position:absolute; top:30px; right:0; height:40px; line-height:40px; overflow:hidden}
.header .language a{display:block; padding:0 10px; color:#ccc; font-size:12px; background:#fff; border-radius:40px; opacity:0.75; filter:alpha(opacity=75)}
.header .language a:hover{opacity:1; filter:alpha(opacity=100)}
.header .language b{margin:0 5px; font-weight:normal; color:#222; transition:all 0.3s ease-in-out}
.header .language span{margin:0 5px; transition:all 0.3s ease-in-out}
.header .language a.en{}
.header .language a.en b{color:#ccc}
.header .language a.en span{color:#222}

/**/
dl.h1{display:block; padding:65px 0 55px; text-align:center}
dl.h1 dt{height:45px; line-height:45px; color:#ccc}
dl.h1 dt p{margin:0 20px; font-size:30px; color:#222; display:inline}
dl.h1 dd{color:#999; font-size:20px}


/**/
.advantage{padding:100px 0}
.advantage ul{overflow:hidden; zoom:1}
.advantage ul li{float:left; width:15%; padding:0 5%; text-align:center}
.advantage ul li i{display:block; height:100px; line-height:80px; font-size:90px; color:#cf2525}
.advantage ul li b{display:block; height:35px; color:#222; font-size:16px}
.advantage ul li span{color:#666}

.supplier{background:#f3f3f3}
.supplier ul{overflow:hidden; zoom:1; padding-bottom:80px}
.supplier ul li{float:left; margin-left:40px; margin-bottom:30px; width:270px; text-align:center; height:255px; transition:all 0.3s ease-in-out}
.supplier ul li:first-child{margin:0}
.supplier ul li em{display:block; width:270px; height:180px; background:#fff; margin-bottom:10px; box-shadow:0 2px 5px rgba(0,0,0,0.1); transition:all 0.3s ease-in-out}
.supplier ul li em img{width:270px; height:180px; display:block}
.supplier ul li p{line-height:30px; font-size:16px}
.supplier ul li span{color:#999; font-size:12px; transition:all 0.3s ease-in-out}
.supplier ul li:hover{background:#cf2525; color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.supplier ul li:hover span{color:#fff}
.supplier ul li:hover em{box-shadow:0 2px 5px rgba(0,0,0,0); transform:scale(1.02); -webkit-transform:scale(1.02)}

.resources{height:720px; background:url(../images/resourcesBg.jpg) no-repeat center}
.resources dl.h1{}
.resources dl.h1 dt p{color:#fff}
.resources dl.h1 dd{color:#808080}
.resources .more{width:270px; height:40px; line-height:40px; position:relative; margin:0 auto; text-align:center}
.resources .more p{display:block; height:40px; background:#000; opacity:0.5; filter:alpha(opacity=50); border-radius:40px; transition:all 0.3s ease-in-out}
.resources .more a{display:block; position:absolute; top:0; left:0; width:270px; height:40px; line-height:40px; z-index:1; color:#ccc; border-radius:40px}
.resources .more:hover p{opacity:0.7; filter:alpha(opacity=70)}
.resources .more:hover a{color:#fff}

ul.mList{width:105%}
ul.mList:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul.mList li{float:left; width:270px; height:390px; margin:0 40px 40px 0; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); transition:all 0.3s ease-in-out}
ul.mList li:hover{box-shadow:0 5px 10px rgba(0,0,0,0.4); margin-top:-5px; padding-bottom:5px}
ul.mList li em{display:block; height:270px; background:url(../images/resourcesBg.gif) repeat-x top; margin-bottom:12px}
ul.mList li em img{width:270px; height:270px}
ul.mList li p{padding:0 15px; font-size:16px; display:block; overflow:hidden; height:38px; line-height:38px}
ul.mList li b{font-weight:normal; font-size:24px; color:#cf2525; margin-right:10px}
ul.mList li u{color:#999; text-decoration:line-through}
ul.mList li span{color:#999; font-size:12px; line-height:15px; display:block}

.resources ul.mList li{box-shadow:0 2px 5px rgba(0,0,0,0.5); height:360px}
.resources ul.mList li:hover{box-shadow:0 5px 10px rgba(0,0,0,0.8)}

ul.docList{}
ul.docList li{overflow:hidden; zoom:1; line-height:50px; border-bottom:1px solid #eee}
ul.docList li a{display:block}
ul.docList li p{float:left}
ul.docList li span{float:right; color:#999}

.news{}
.news ul{width:105%; overflow:hidden; zoom:1}
.news ul li{ float:none; margin:0 40px 20px 0}
.news ul li a{display:block; padding: 20px; border: 1px solid #eee}
.news ul li .data{height:65px; line-height:65px; color:#ccc}
.news ul li .data b{float:left; font-weight:normal; font-size:30px}
.news ul li .data span{float:right; font-size:20px; display:inline; line-height:65px; color:#ccc}
.news ul li p{font-size:20px; line-height:30px; display:block; height:40px}
.news ul li span{display:block; overflow:hidden; line-height:25px; height:75px; color:#666}
.news ul li a:hover{box-shadow:0 0 5px rgba(0,0,0,0.2)}
.news ul li a:hover p{color:#cf2525}

.news .more{width:270px; height:40px; line-height:40px; margin:0 auto; text-align:center; margin-bottom:50px}
.news .more a{display:block; width:270px; height:40px; line-height:40px; color:#999; border:1px solid #eee}
.news .more:hover a{color:#cf2525}


.fLink{height:110px}
.fLink table{text-align:center}

.contact{height:420px; background:url(../images/contactBg.jpg) no-repeat center}
.contact dl.h1{}
.contact dl.h1 dt p{color:#fff}
.contact dl.h1 dd{color:#fff}
.contact .l{width:270px}
.contact .r{width:890px; position:relative; overflow:hidden}
.contact .l h2{display:block; font-size:18px; line-height:30px; height:70px; color:#fff; font-weight:normal}
.contact .l p{font-size:12px; line-height:30px; color:#fff}
.contact .l p a{color:#fff}
.contact .l p i{margin-right:10px}
.contact .tag{height:70px}
.contact .tag li{float:left; padding:0 10px; color:#fff; text-align:center; margin-right:10px; font-size:18px; line-height:30px; height:35px; cursor:pointer}
.contact .tag li.active{border-bottom:1px solid #fff}
.contact .submitUl{display:none; width:940px}
.contact .submitUlOn{display:block}
.contact .submitUl li{width:270px; margin:0 40px 12px 0; float:left; height:35px; border-bottom:1px solid #ff6c6c; line-height:35px; position:relative}
.contact .submitUl li:hover{border-bottom:1px solid #fff}
.contact .submitUl li span{display:block; position:absolute; top:0; left:0; color:#fff; font-size:12px}
.contact .submitUl li input{background:none; border:0; color:#fff; height:34px; width:210px; padding:0 0 0 60px; position:absolute; z-index:2; top:0; left:0}
.contact .submitUl li select{background:none; border:0; color:#fff; height:34px; width:100%; outline:none; position:absolute; z-index:2; top:0; left:0}
.contact .btn{position:absolute; top:125px; right:100px}
.contact .btn input{background:#fff; border-radius:30px; height:30px; border:0; width:170px; color:#cf2525; font-size:16px; cursor:pointer; transition:all 0.3s ease-in-out}
.contact .btn input:hover{color:#222; box-shadow:0 2px 5px rgba(0,0,0,0.8)}

.footer{background:#333; padding:30px 0 0; height:170px}
.footer .tel{color:#fff; float:left; width:300px}
.footer .tel i{display:block; width:60px; height:60px; line-height:60px; text-align:center; float:left; font-size:60px; margin-right:10px}
.footer .tel span{height:20px; line-height:20px; display:block; color:#ccc}
.footer .tel p{height:40px; line-height:40px; color:#fff; font-size:30px}
.footer .r{width:800px; text-align:right}
.footer .r a{color:#ccc; margin-left:20px}
.footer .r a:hover{color:#fff}
.footer p{color:#666; line-height:40px}

.toolbar{width:50px; height:160px; position:fixed; bottom:250px; right:0}
.toolbar a{display:block; width:50px; height:50px; line-height:50px; text-align:center; margin-bottom:2px; background:#cf2525; float:right; overflow:hidden}
.toolbar a:hover{background:#b32020}
.toolbar a i{font-size:25px; color:#fff; display:block; width:100%; height:50px; transition:all 0.3s ease-in-out}
.toolbar .wechat{}
.toolbar .wechat .qr{width:40px; height:40px; padding:5px; background:#cf2525; margin:0; transition:all 0.3s ease-in-out}
.toolbar .wechat .qr img{width:40px; height:40px; transition:all 0.3s ease-in-out}

.toolbar .toTop{display:none}
.toolbar .wechatOn{width:210px; height:210px}
.toolbar .wechatOn i{height:0}
.toolbar .wechatOn .qr{display:block; width:200px; height:200px}
.toolbar .wechatOn .qr img{width:200px; height:200px}

.toolbar .service{}
.toolbar .service .sv {width:40px; height:40px; padding:5px; background:#cf2525; margin:0; transition:all 0.3s ease-in-out}
.toolbar .serviceOn { width: 210px; height: 50px; }
.toolbar .serviceOn i { height: 0; display: none; }
.toolbar .serviceOn .sv { width: 200px; height: 50px; display: block; z-index:100; color: #ffffff; font-size: 22px; font-weight: bold; padding-top: 1px; }

/**/
.webAbout{padding:50px 0 100px}
.webAbout .mBox{overflow:hidden; zoom:1}
.webAbout .l{width:170px}
.webAbout .r{width:890px}
.webAboutShow .l{width:890px}
.webAboutShow .r{width:270px}

ul.menuP{padding-top:10px}
ul.menuP li{line-height:50px; margin-bottom:10px}
ul.menuP li a{display:block; border-bottom:1px solid #eee; font-size:16px}
ul.menuP li a:hover{border-bottom:1px solid #cf2525}
ul.menuP li.On{}
ul.menuP li.On a{border-bottom:1px solid #cf2525; color:#cf2525}

.docP{}
.docP h2{height:70px; line-height:70px; font-size:20px}
.docP p{font-size:14px; line-height:32px; margin-bottom:15px; letter-spacing:1px}
.docP img{margin:30px auto; max-width:800px; display:block; box-shadow:0 2px 5px rgba(0,0,0,0.4)}
.docP em{font-size:12px; color:#999; margin-top:-20px; margin-bottom:30px; display:block; text-align:center}
.docP .picList{}
.docP .picList ul{overflow:hidden; zoom:1; padding-top:20px}
.docP .picList ul li{float:left; width:295px; height:190px; margin:0 0 30px; text-align:center}
.docP .picList ul li img{display:block; width:225px; margin:0 auto 10px; height:150px}
.docP .picList ul li p{display:block; line-height:30px}


/**/
.webResources{padding:50px 0 100px}
.webResources .l{width:890px}
.webResources .r{width:270px}
.webResources .path{background:#eee; width:890px; margin-bottom:40px}
dl.mTitle{height:30px; padding:20px 0; display:block; line-height:30px}
dl.mTitle dt{float:left}
dl.mTitle dt b{display:block; float:left; font-size:20px; margin-right:30px}
dl.mTitle dt a{display:block; float:left; border-left:1px solid #eee; padding-left:30px; color:#999}
dl.mTitle dt a:hover{color:#cf2525}
dl.mTitle dd{float:right}
dl.mTitle dd a{display:block; float:right; margin:0 0 0 20px}
dl.mTitle dd a:hover{color:#cf2525}
dl.mTitle dd span{color:#999}

.brandTitle{display:block; overflow:hidden; zoom:1; margin-bottom:30px; padding:30px 0}
.brandTitle dt{float:left; width:270px; height:180px}
.brandTitle dt img{width:270px; height:180px}
.brandTitle dd{width:840px; float:right; margin:20px 0; border-left:1px solid #eee; padding-left:50px}
.brandTitle dd p{font-size:12px; line-height:22px}


.filterB{}
.filterB ul{padding:30px 0 0; border-top:1px solid #eee; margin-bottom:50px}
.filterB ul li{overflow:hidden; zoom:1; height:35px; line-height:35px; margin-bottom:10px}
.filterB ul li a{display:block; padding:0 10px; float:left; color:#cf2525; margin-right:8px; transition:all 0.3s}
.filterB ul li a:hover{background:#cf2525; color:#fff}
.filterB ul li a.action{background:#cf2525; color:#fff}

.resourcesInfo{margin-bottom:40px}
.resourcesInfo:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.resourcesInfo dt{float:left; width:270px; height:270px; background:url(../images/resourcesBg.gif) repeat-x; margin-right:40px; box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.resourcesInfo dt img{width:270px; height:270px}
.resourcesInfo dd{ width: 570px; float: left;}
.resourcesInfo dd b{line-height:60px; font-size:20px}
.resourcesInfo dd p{line-height:30px; color:#666}

.siteList{}
.siteList li{overflow:hidden; zoom:1; margin-bottom:20px; padding-right:10px}
.siteList li a{display:block; background:#fafafa}
.siteList li a:hover{background:#eee}
.siteList li em{width:80px; height:80px; background:#eee; float:left; margin-right:10px}
.siteList li em img{width:80px; height:80px; display:block}
.siteList li p{line-height:20px; height:40px; overflow:hidden; padding:10px 0; font-size:16px}
.siteList li span{font-size:12px; color:#999; display:block; height:20px; line-height:10px}

.siteListDoc{}
.siteListDoc li{margin-bottom:5px; padding:0}
.siteListDoc li a{padding:5px 10px}

/**/
.webBid{background:url(../images/topBg2.jpg) no-repeat top center; margin-top:-100px; padding:180px 0 0; height:820px}
.bidBor{background:#fff; padding:40px; width:460px; box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.bidBor h2{display:block; text-align:center; height:70px; line-height:60px; font-size:35px}
.bidBor h4{text-align:center; font-weight:normal; line-height:20px; margin-bottom:30px; color:#999; font-size:14px}
.bidBor h4 a{color:#cf2525; margin:0 5px; text-decoration:underline}
.bidBor dl{overflow:hidden; zoom:1; margin-bottom:0px}
.bidBor dl dt{float:left; width:110px; line-height:45px; text-align:right}
.bidBor dl dd{float:right; width:320px}
.bidBor dl dd input{height:33px; width:220px; border:1px solid #ddd; line-height:33px; padding:0 10px; margin:5px 0 0; float:left; margin-right:5px}
.bidBor dl dd input:hover{border:1px solid #cf2525}
.bidBor dl dd .select{height:33px; border:1px solid #ddd; width:240px; margin:5px 0 0}
.bidBor dl dd .select:hover{border:1px solid #cf2525}
.bidBor dl dd .select select{width:100%; height:100%; border:0; background:none; outline:none}
.bidBor dl dd em{font-size:12px; color:#999; float:left; line-height:45px}
.bidBor dl dd textarea{padding:10px; border:1px solid #ddd; resize:none; outline:none; margin:5px 0 0; float:left; width:220px; height:40px; line-height:20px; margin-right:5px}
.bidBor .subBtn{padding:20px 0; text-align:center}
.bidBor .subBtn input{height:40px; background:#cf2525; color:#fff; font-weight:bold; padding:0 75px; border:0; cursor:pointer}

.webJoin{background:url(../images/topBg.jpg) no-repeat top center; margin-top:-100px; padding:450px 0 0}
.webJoin .join{background:none}
.webJoin .join ul{height:400px}
.webJoin .join ul li{width:372px; height:325px}
.webJoin .join ul li em{width:372px; height:220px}
.webJoin .join ul li em img{width:372px; height:220px}
.webJoin .join ul li p{padding:0 20px 5px; display:block}
.webJoin .join ul li span{padding:0 20px; display:block}

.webActivity{padding:50px 0 0}
.webActivity dl{margin-bottom:50px}
.webActivity dl dt{display:block; line-height:50px; height:60px}
.webActivity dl dt b{float:left; font-size:20px}
.webActivity dl dt p{float:right; color:#999}
.webActivity dl dt em{font-size:20px; color:#cf2525; margin:0 5px}
.webActivity dl dt span{color:#999; margin:0 5px}
.webActivity dl dd{}
.webActivity dl dd a.banner{display:block; height:350px}
.webActivity dl dd img{width:1200px; height:350px}
.webActivity dl dd p{line-height:30px; color:#666}

.rss{padding:30px; margin:20px auto 40px; border:1px solid #eee; background:#fafafa; text-align:center}
.rss p{line-height:40px; font-size:25px}
.rss p strong{color:#cf2525}
.rss div{padding:15px 0 0}
.rss input{height:30px; border:1px solid #ccc; background:#fff; padding:5px 10px; width:200px}
.rss input.btn{height:42px; width:60px; border:0; background:#cf2525; font-weight:bold; color:#fff; cursor:pointer}




/**/

.pageP{height:40px; padding:30px 0 50px; text-align:center; width:450px; margin:0 auto}

.pageP a{border:1px solid #eee; display:block; color:#444; text-align:center; margin-right:4px; width:38px; height:38px; line-height:38px; float:left}

.pageP a:hover{border:1px solid #cf2525; color:#cf2525}

.pageP a.action{background:#cf2525; color:#fff; font-weight:bold; border:1px solid #cf2525}

.pageP a.action:hover{border:1px solid #cf2525; cursor:default}

.pageP .select{border:1px solid #eee; border-radius:5px; padding:0 5px; height:38px; float:left; width:80px; text-align:center}

.pageP .select:hover{border:1px solid #cf2525; color:#cf2525}

.pageP .select select{width:100%; height:38px; border:0; background:none; font-size:12px; cursor:pointer}

.pageP a.prev,a.next{width:65px;}



.page{height:40px; padding:30px 0 50px; text-align:center; width:1000px; margin:0 auto; font:normal 12px/22px "微软雅黑"; color:#666;}

.page a{color:#333; padding:5px 12px; margin-left:5px; border:1px solid #ccc;}

.page a:hover{text-decoration:none; border:1px solid #cf2525;}

.page .current{color:#fff; background-color:#cf2525; padding:5px 12px; margin-left:5px;}