/* CSS Document */

*{margin:0px;padding:0px;}
*:focus { outline: none; }
ul{list-style-type:none;}

li{ list-style:none;line-height: 28px;}
input{outline: none;}
img{border:0px;}
a{text-decoration:none; color: inherit;}
a:hover{ color:#036bb6; transition: 0.4s all;}
.left{float:left;}
.right{float:right;}
body{font-family: "微软雅黑"; font-size: 14px; color:#555555; line-height: 36px; background: #f5f5f5; }

.hide{display:none;}
.show{display: block !important;}
.mycurrent { cursor:pointer; }
.mycurrent1 { cursor:pointer;font-weight: bold; color: #046bb6}


/* CSS Header */
#head{ width:100%; height:auto;}
#top{ width:1200px; height:36px; margin: 0 auto;}
#top .dl{color: #036bb6}
#top .dl:hover{text-decoration: underline;}
#top_rt{ float: right; }
#logobox{width:100%;height: 182px;background: #fff;}
#logomid{width:1200px;height: 140px;margin: 0 auto;position:relative;overflow: hidden;}
#logo{width:338px;height:46px;padding-top: 50px;float:left;position:relative;}
#apibox{width: 360px;height: 100px;line-height: 30px;padding-top: 12px;float: right;}
#api{width: 90px;height: 100px;margin-left: 15px;font-size: 12px;color: #989898;text-align: center;float: right;}
#api img{width: 90px;height: 90px;display: block;margin: 0 auto;}#banner_box{ width: 1200px; height: 428px; margin: 0 auto; }
#pro_type{ width: 204px; height: 408px; background: #036bb6; float: left; }
.prolist{ width: 204px; height: 387px;margin: 0 auto; padding-top:10px;}
.prolist li{ width: 134px; height: 35px; color: #fff; line-height: 35px; font-size: 14px; padding: 0 35px; transition: 0.4s all;}
.prolist li:hover{ background: #0082e0 }
.prolist li span{ float: right; }
#bn_box{ width:765px; height:397px; margin: 11px 0 0 11px; float: left; overflow: hidden;}
#gg_box{ width: 214px; height: 397px; margin-top: 11px; background: #fff; float: right; }
#gg_box .welcome{ width: 189px; height: 98px; line-height: 46px; text-align: center; border-bottom: 1px #979797 dashed; padding-top: 8px; margin: 0 auto;}
#gg_box .join{ width: 158px; height: 35px; font-weight: bold; line-height: 35px; background:url(../image/join.png) left no-repeat #036bb6; text-align: center; color: #fff; margin: 0 auto; transition: 0.4s all; border-radius: 18px;}
#gg_box .join:hover{ background:url(../image/join.png) left no-repeat #fcac01 }
#gg_box .title{ width: 100%; height: 28px; line-height:28px; margin-top: 10px; background:url(../image/line.png) left center no-repeat;}
#gg_box .title span{ padding-left: 18px; }
#gg_box .gglist{ width: 170px; height: auto; overflow: hidden; margin: 0 auto}
#gg_box .gglist li{ font-size: 12px; line-height: 23px; }
#gg_box .notice{ width: 189px; margin: 0 auto; overflow: hidden;}
#total{ width: 100%; height: 76px; background: #fff; }
#total_mid{ width: 1200px; height: 76px; line-height: 76px; margin: 0 auto; position: relative;}
.fast{ width: 329px; height: 22px; background:url(../image/fast.png) no-repeat; top: 26px; right: 242px; position: absolute;}
.sum{ width: 620px; height: 76px; font-size: 20px; color: #555555; float: left; }
.sum span{ color: #036bb6; font-size: 36px; font-weight: bold; padding: 0 15px; }


.search{ width: 400px; height: 104px; padding-left:50px; margin-top:20px; float: left; position: relative;overflow: hidden;}
.search .search_title{ width: 100%; height: 28px; line-height: 28px; }
.search .search_title li{ width: 90px; height: 28px; text-align: center; float: left; }
.search .search_title li:hover{ cursor:pointer}
.search .searchbox{ width: 400px; height: 36px; line-height:36px; border:1px #036bb6 solid; position: relative;}
.search .search-text{ width:300px; height: 36px; padding-left:10px; border: none; top: 0; left: 0; position: absolute; }
.search .search-btn{ width: 102px; height: 36px; font-family: "微软雅黑"; color: #fff; font-size: 16px; border:none; text-align: center; background: #036bb6;right: 0; top: 0; position: absolute; }
.hot{ width: 100%; height: 35px; color: #979797; line-height: 36px; overflow: hidden; left:390px; top:87px; position:absolute}
.hot span{ float: left;}
.hot li{ height: 36px; line-height: 36px; float: left; margin-right: 10px; }


/* CSS Footer */
#foot{ width:100%; height:178px; background:#026cb6;}
#ft_mid{ width: 1200px; height: 145px; color: #fff; font-size: 14px; text-align: center; line-height: 26px; margin: 0 auto; padding-top: 15px; }
#ftmenu{ width: 1200px; height: 65px; line-height: 65px;}
#foot a:hover{ color: #ff0 }
.floatbox{ width: 74px; height: 672px; background: #fff; right: 20px; top: 50%; margin-top: -336px; z-index: 9999; position: fixed;}
.floatbox li{ width: 74px; height: 48px; color: #fff; line-height: 48px; font-size: 16px; text-align: center; background: #6abaf4; margin-bottom: 1px; transition: 0.4s all }
.floatbox li a{ color: #fff }
.floatbox li:hover{ background: #026cba; }

/* CSS Main */
#wrap{ width:1200px; height:auto; position: relative;z-index: 100; margin:0 auto;}
#main{ width: 1200px; height: auto; padding-top: 24px; margin:0 auto;overflow: hidden; }
.adver{ width: 225px; height: 348px; background: #5ca0b7; float: left; }
.adver1{ width: 225px; height: 716px; float: left; }
.adbox{ width: 225px; height: 348px; background: #5ca0b7; overflow: hidden;}

.intype{ width: 800px; height: 72px; float: left; overflow: hidden;}
.intype li{ height: 72px; line-height: 72px; float: left; margin-right: 40px; }
.morepro{ width: 98px; height: 72px; right: 0; top: 0; font-size: 16px; color: #292929; position: absolute; }
.morepro span{ width: 25px; height: 25px; color: #fff; border-radius: 50%; background: #d3d3d3; text-align: center; line-height: 22px; right: 0; top:24px; position: absolute; transition: 0.4s all;}
.morepro:hover span{ background: #036bb6; }



/*Quality merchants*/
.in_merch{ width: 1200px; height: 522px; overflow: hidden;}
.in_title01{ width: 1200px; height: 31px; line-height: 31px; margin: 29px 0; background:url(../image/title.png) left center no-repeat; position: relative; }
.in_title01 .t0{width: 390px; height: 31px; float: left; font-size: 26px; color: #292929;}
.in_title01 .t1{ font-size: 26px; color: #292929; padding-left: 25px;}
.in_title01 .t2{ padding-left: 16px;}

.newenter{width: 775px; height: 31px; float: right;overflow:hidden;position:relative;} 
.newenter span{ font-weight: bold; }
.newenter ul{margin:0;padding:0} 
.newenter li{ width: auto; height: 31px; padding: 0 10px; float: left;}


.box01{ width: 1200px; height: 824px; overflow: hidden;}
.box02{ width: 1200px; height: 420px;}
.box03{ width: 1200px; height: 438px;}
.box04{ width: 1200px; height: 24px; font-size: 14px !important; line-height: 24px !important; margin: 25px auto;}
.box05{ width: 1200px; height: 75px; background: url(../image/frdlink.jpg) repeat-x #fff; margin-bottom: 30px;}
.box05 span{ font-size: 14px; color: #292929; line-height: 39px; margin-left: 28px; display: block; }
.in_box01{ width: 1200px; height: 718px;}
.in_box02{ width: 1200px; height: 348px;}

.box_news{ width: 801px; height: 438px; float: left;}
.box_about{ width: 368px; height: 438px; float: right;}
.news{ width: 799px; height: 328px; background: #fff; border-left: 1px #e7e7e7 solid; border-right: 1px #e7e7e7 solid; border-top: 3px #046bb6 solid; border-bottom: 1px #e7e7e7 solid; }
.in_hydt{ width:318px; height:295px; margin-left: 40px; float: left;}
.in_hqxx{ width:353px; height:295px; margin-right: 40px; float: right;}
.about{ width: 368px; height: 332px; background: #fff;}
.about .txt{ width: 325px; height: 133px; line-height: 24px; margin: 12px auto 0; }
.about .txt a{ color: #036bb6; }

.in_title02{ width: 1200px; height: 72px; line-height: 72px; margin-top: 34px; position: relative; overflow: hidden;}
.in_title02 .t0{ width: 244px; height: 72px; float: left; }
.in_title02 .t1{ font-size: 26px; color: #292929;}
.in_title02 .t2{ padding-left: 16px;}
.in_title03{ width: 100%; height: 78px; color: #292929; font-size: 26px; line-height: 78px; margin-top: 29px; position: relative; }
.in_title03 .t0{ width: 244px; height: 78px; float: left; }
.in_title03 .t1{ color: #036bb6; }
.in_title03 .t2{ padding-left: 16px;}
.in_title04{ width: 100%; height: 50px; color: #036bb6; font-size: 20px; line-height: 50px; margin-top: 12px; position: relative; }
.in_title04 .more{ position: absolute; font-size: 14px; right: 0; top: 0;}

.probox02{ width: 975px; height: auto; float: right; overflow: hidden;}
.probox02 .li{ width: 225px; height: 346px; margin-left: 16px; margin-bottom: 20px; background: #fff;border: 1px #f5f5f5 solid; float: left; transition: 0.4s all; overflow: hidden;}
.probox02 li .img{ width: 225px; height: 206px; overflow:hidden; position:relative}
.probox02 li .img img{ width: 225px; height: 206px; display: block; position:relative; z-index:2;}
.probox02 li .price{ width:225px; height:40px; background:#036bb6; left:0; top:206px; position:absolute; z-index:3; transition:0.4s all}
.probox02 li .price li{ width:74px; height:38px; color:#fff; line-height:18px; font-size:12px; text-align:center; border-right:1px #6390b1 solid; padding-top:2px; float:left}
.probox02 li .price li:last-child{ border:none}
.probox02 li:hover .price{top:166px;}
.probox02 li .txt{ width: 183px; height: 110px; color: #292929; line-height: 24px; margin: 0 auto; position: relative;}
.probox02 li:hover{ border: 1px #046bb6 solid; }
.probox02 li .t1{ font-size: 22px; line-height: 34px; padding-top: 12px; color: #036bb6; display: block;}
.probox02 li .t2{ font-size: 12px; color: #989898; }
.probox02 li .btn{ width: 74px; height: 24px;background: #036bb6; border-radius: 12px; text-align: center; line-height: 24px; color: #fff; margin: 10px auto 0;}

/* CSS Left */
#left{width:274px; height:auto; float: right; overflow: hidden; margin-bottom: 24px;}
#lftype{ width: 272px; height: auto;border: 1px #036bb6 solid; background: #036bb6; }
#lftype ul{ width:220px; height: auto; padding-left: 40px; padding-bottom: 40px; overflow: hidden;}
#lftype ul li{ width: 70px; height: 30px; float: left; }
#lftype ul li a{ color: #fff; }
#lftype ul li a:hover{ color: #75df66 }
#buy{ width: 272px; height: 296px; border: 1px #d5d5d5 solid; margin-top: 20px;}
#buy ul{ width: 228px; height: auto; margin: 0 auto; }
#tuijian{ width: 272px; height: 458px; border: 1px #d5d5d5 solid; margin-top: 20px;}
#tuijian ul{ width: 228px; height: auto; margin: 0 auto; }
.lftitle1{ width: 228px; height: 60px; background: url(../image/lftitle1.png) left center no-repeat; margin: 0 auto;}
.lftitle1 span{padding-left: 16px;color: #fff; font-size: 18px;line-height: 60px; }
.lftitle2{ width: 228px; height: 60px; background: url(../image/lftitle2.png) left center no-repeat; margin: 0 auto;}
.lftitle2 span{padding-left: 16px;color: #292929; font-size: 18px;line-height: 60px; }


/* CSS Ziye */
#right{width: 892px; height: auto; float: left;overflow: hidden;}
#right_title{width: 890px;height:48px; line-height: 48px; border: 1px #d5d5d5 solid; position: relative;}
#title_right{font-size:16px; background:url(../image/home.png) no-repeat left center; margin-left: 23px; padding-left: 20px;}
#right_content{ width: 890px; height: auto; overflow: hidden; margin:0 auto; padding-top: 19px;}
#right_bottom{width:890px;height:23px;}
#indexNews li{width:100%;height:auto; border-bottom:#e8e8e8 1px solid; color: #898989; line-height:20px; padding-bottom: 22px; position: relative; overflow: hidden;}
#indexNews li a{ width: 100%; height:40px; line-height: 40px; color: #292929; font-size:18px; padding-top: 11px; display:block;}
#indexNews li a:hover{ color: #036bb6 }
#indexNews li span{position: absolute;top:0;right:0;}
#indexNews li .time{ height: 30px; line-height: 30px; padding-left: 24px; position: absolute; background:url(../image/time.png) no-repeat left center; right: 0; top: 17px; }
#indexNews li .add{ height: 30px; line-height: 30px; padding-left: 24px; position: absolute; background:url(../image/add.png) no-repeat left center; right: 0; bottom: 0; }

#page{width:890px;height:30px; line-height:30px;text-align:right;margin:20px auto;color:#575656;font-size:12px;clear:both;}
#page a{color:#575656;font-size:12px;}
#page a:hover{color:#e80000;}
#newTitle{width:960px;line-height:60px;color:#026cb6;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:922px;height:60px;color:#026cb6;font-size:18px; font-weight:bold;text-align:center;margin:0 auto;}
#newsInfo{width:922px;height:40px;color:#a9aaa9;font-size:12px;text-align:center;margin:0 auto;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }

#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}

#newsContent{width:100%;margin:0 auto; line-height:32px; font-size: 15px; color: #615a5a;}



#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL .li{ width: 205px; height: 280px; margin:7px; background: #fff;border: 1px #f5f5f5 solid; float: left; transition: 0.4s all; overflow: hidden;}
#picUL li .img{ width: 205px; height: 150px; overflow:hidden; position:relative}
#picUL li .img img{ width: 205px; height: 150px; display: block; position:relative; z-index:2;}
#picUL li .price{ width:205px; height:40px; background:#036bb6; left:0; top:150px; position:absolute; z-index:3; transition:0.4s all}
#picUL li .price li{ width:67px; height:38px; color:#fff; line-height:18px; font-size:12px; text-align:center; border-right:1px #6390b1 solid; padding-top:2px; float:left}
#picUL li .price li:last-child{ border:none}
#picUL li:hover .price{top:110px;}
#picUL li .txt{ width: 183px; height: 110px; color: #292929; line-height: 24px; margin: 0 auto; position: relative;}
#picUL li:hover{ border: 1px #046bb6 solid; }
#picUL li .t1{ font-size: 22px; line-height: 34px; padding-top: 12px; color: #036bb6; display: block;}
#picUL li .t2{ font-size: 12px; color: #989898; }
#picUL li .btn{ width: 74px; height: 24px;background: #036bb6; border-radius: 12px; text-align: center; line-height: 24px; color: #fff; margin: 10px auto 0;}




.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ width:650px; height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ width:650px; height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:372px; height:153px; float:left; padding-left: 75px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
	.chakan{padding-top: 13px;}


.formmcys{ width: 78px; height: 42px; text-align: right; float: left;}
.formys{ width:600px; height:auto; padding:10px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
.G_InputText{width:278px;height:30px;border:1px solid #d2d4d6;}

.G_textarea{width:300px;height:100px;border:1px solid #dedede;}

.G_ul{width:500px;margin:0 auto;}

.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(/App/Tpl/Home/Default/Public/css/button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:500px; height:auto; padding-top:10px;}
.G_tips{

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}