html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output,textarea, ruby, section, summary,
time, mark, audio, video,input,button{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color:#222;
	font-family: '微软雅黑';
	/*font-family: Helvetica,"Hiragino Sans GB","Heiti SC","Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;*/
}
/*input,textarea{ outline: none; }*/
input:focus,textarea:focus{
	border-color: #396ED4;
}
a{ 
	text-decoration: none; 
	
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-size: 14px;
	line-height: 1.8;
	background:#fff;
}
ol, ul {
	list-style: none;
}
ul{
	font-size: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container{width:1200px;margin:0 auto;position: relative;}
.main_top{margin-top: 20px;}
.location{display: block;padding:20px 0 0 0;line-height: 30px;}
.location p a,.location p b{font-weight: normal;font-size: 14px;color: #888;display: inline-block;vertical-align: middle;}
.location p a:hover{color: #4284d9;}
.location p i{color: #888;font-size: 20px;display: inline-block;vertical-align: middle;}
.location p span{color: #4284d9;display: inline-block;vertical-align: middle;}
.location p img{width: 35px;display: inline-block;vertical-align: middle;}
/*header*/
.header{height:110px;border-bottom:1px solid #e9e9e9;background:#fff;}
.header .logo{float:left;padding: 25px 15px 0 0px;}
.header .header-title{display: inline-block;margin-top: 35px;margin-left: 20px;}
.header .header-title .title-right span{font-size: 25px;line-height: 40px;color: #666;padding-right: 5px;display: inline-block;vertical-align: middle;}
.header .header-title .title-right{border: 1px solid #d8d7d7;padding: 0 20px;height: 40px;line-height: 40px;border-radius: 35px;margin-left:10px;position:relative;cursor:pointer;transition:all .2s linear;}
.header .header-title .title-right .code_img{position:absolute;top:60px;left:-36px;z-index:99;box-shadow:0px 0px 4px 0px rgba(0,0,0,.3);background:#fff;border-radius:5px;display:none;padding:10px;transition:all .3s linear;}
.header .header-title .title-right .code_img img{width: 150px;height: 150px;display:block;margin:0 auto;}
.header .header-title .title-right:hover{border-color:#174090;color:#174090;}
.header .header-title .title-right:hover .code_img{display:block;}
.header .header-title .title-right:hover b,.header .header-title .title-right:hover span{color:#174090;}
.header .header-title .title-right b{display:inline-block;vertical-align:middle;font-weight:normal;font-size:16px;color:#666;}
.header .user{float:right;margin-top: 42px;position: relative;}
.assure{float: right;line-height: 30px;margin-top: 30px;margin-right: 22px;}
.assure span{text-align: center;display: inline-block;vertical-align: middle;padding: 0 10px;font-size: 14px;color: #747474;}
.assure span i{display: block;font-size: 33px;color: #EA3C00;transition: all .4s linear;}
.assure span:hover{color: #EA3C00;cursor: pointer;}
.assure span:hover i{transform: rotateY(180deg);}
/*nav*/
.nav{background: #EA3C00;}
.nav .navtab{height: 50px;font-size: 0;width: 100%;display: block;}
.nav .navtab i{padding:0 20px;height: 50px;line-height: 50px;display: inline-block;cursor: pointer;color: #fff;margin-right: 30px;display: inline-block;vertical-align: middle;font-size: 20px;}
.nav .navtab i.icon-shouye:hover{background: #fff;color: #EA3C00;}
.nav a{display: inline-block;vertical-align: middle;font-size: 18px;text-align: center;padding:0 30px;height: 45px;line-height: 37px;border-top: 5px solid transparent;color: #fff;position: relative;}
.nav .right{float: right;display: block;height: 45px;line-height: 45px;font-size: 18px;}
.nav .right i{margin-right: 0px;padding:0 10px;}
.nav .right em{display: inline-block;vertical-align: middle;font-style: normal;color: #fff;}
.nav a.on,.nav a:hover{background: #fff;color: #EA3C00;border-top: 5px solid #ffffff;}


/*title*/

.sec_title{line-height:60px;font-size: 22px;margin: 10px auto;height: 60px;}
.sec_title h3{margin-right:80px;display: inline-block;vertical-align: middle;color: #333;font-size: 25px;}
.sec_title .sec_right,.sec_title .order{float: right;display: block;height: 40px;margin-top: 10px;}
.sec_title .sec_right a{border:1px solid #f5f5f5;border-radius: 2px;padding:0px 5px ;height: 26px;font-size: 13px;line-height: 26px;margin-top: 7px;display: inline-block;margin-left: 3px;cursor: pointer;color: #555;}
.sec_title .sec_right a.on,.sec_title .sec_right a:hover{background: #4284d9;border:1px solid #4284d9;color: #fff;}
.sec_title .sec_right a i{font-size: 17px;display: inline-block;vertical-align: middle;position:  relative;top: -2px;}
.sec_title .order span{height: 18px;font-size: 13px;line-height:18px;margin-top: 7px;display: inline-block;margin-left: 3px;cursor: pointer;color: #555;padding:0 20px;border-left: 1px solid #ddd;}
.sec_title .order span.on,
.sec_title .order span:hover{color: #4284d9;}


/*footer*/
.goTop{position: fixed;left: 50%;margin-left: 535px;bottom: 50px;display: none;cursor: pointer;z-index: 1000;}
.goTop p{border-radius: 6px;text-align: center;cursor: pointer;display: block;z-index: 1000;line-height: 60px;width: 60px;height: 60px;border:1px solid #EA3C00;color: #EA3C00;background: #fff;}
.goTop:hover  p{background: #EA3C00;color: #fff;}
.goTop p span{font-size: 30px;}

.loadmore{font-size:14px;line-height:42px;background: #f9f9f9;color:#929292; text-align: center; display: block;margin:0 auto;margin-top:30px; cursor: pointer;}
/*.footer{background:#fff;border-top:1px solid #e9e9e9; text-align: center;padding:20px 0;}
.footer .about-menu{padding-top: 20px;}
.footer a{color:#666;}
.footer a:hover{color:#0f368a}
.footer em{color:#e9e9e9; font-style: normal;margin:0 10px;}
.footer .copyright{color:#9b9b9b;font-size:12px;line-height:26px;margin-top:10px;}
.footer .copyright strong{color:#666;}
.friendly-link{background: #fff;margin-top:30px;border-top:1px solid #e9e9e9;padding: 10px 0;}
.friendly-link h3{font-size:18px;line-height:60px;font-weight:  normal;}
.friendly-link li{width: 10%;display: inline-block;line-height: 35px;vertical-align:  middle;}
.friendly-link li a{color:#666;font-size: 14px;}
.friendly-link li a:hover{color:#0f368a}*/
.friendly-link{background: #fff;border-top:1px solid #ff8700; padding:20px 0;line-height:26px;font-size:13px;}
.friendly-link .title{font-size:16px;}
.friendly-link a{color:#666;margin-left:11px;}
.friendly-link a:hover{color:#0f368a}


/*.Contact{
    margin: 0 auto;
    padding: 20px 0;
    background:#fff;
    }
.Contact ul{width: 80%;display:inline-block;font-size:0px;vertical-align: middle;border-right: 1px solid #f5f5f5;}
.Contact ul li{float:left;}
.Contact ul li div{width:95%;margin:0 auto;}
.Contact ul li div p a:hover{color:#ff4f53; cursor:pointer;}
.Contact ul li div p a{display: inline-block;vertical-align: middle;width: 25%;}
.Contact ul li div p.contact-tit{font-weight: 600;font-size: 18px;color: #000;}
.Contact ul li div p.default{color:#ff4f53;font-weight:600;font-size: 16px;}
.Contact ul li div p.default i{display:inline-block;    margin-right: 5px;}
.Contact ul li div button{width: 170px;margin: 7px auto;border: 1px solid #999;line-height: 27px;border-radius: 3px;background: #fff;margin-left: 10px;}
.Contact ul li div p{text-align:left;padding-left:10px;font-size: 14px;line-height: 30px;color: #333;}
.Contact .contact-rg{width: 19%;display:inline-block;vertical-align: middle; float:right;  border-left: 1px solid #f5f5f5; }
.Contact .contact-rg p{line-height: 37px;text-align:center;font-size: 15px;font-weight: 500;color: #333;}
.Contact .contact-rg img{margin: 0 auto;display: block;}

.copyright{color:#9b9b9b;font-size:12px;line-height:26px;padding: 15px 0;text-align:center;}*/

.footer-top{background-color:#f4f4f4;height: 90px;padding-top: 40px;margin-top: 60px;}
.footer-top li{cursor: pointer;color:#666;font-size: 0;width: 25%;display: inline-block;}
.footer-top li .service{font-size: 13px;width: 70%;display:  inline-block;vertical-align:  middle;color: #777;text-align: left;margin-left: 10%;}
.footer-top li img{display:inline-block;vertical-align:  middle;color: #ff4f53;text-align: center;}
.footer-top li p{color:#333;font-size: 18px;padding-bottom:6px;font-weight: 600;}
.footer-top li:hover i{-webkit-animation:iconswing 3s infinite linear;animation:iconswing 3s infinite linear}

/*page*/
.paging{ text-align:center;margin-top: 20px;}
.paging ul{ display:inline-block;border-radius:4px; overflow:hidden;box-shadow: 0px 2px 10px rgba(0,0,0,0.08);-webkit-transition: .3s;transition: .3s;}
.paging li{float:left;width:40px;height:40px;font-size: 14px;line-height: 40px; text-align: center;border-left:1px solid #ebebeb;}
.paging li:first-child{border-left:0px;}
.paging li a{ display: block; color:#929292;}
.paging li a:hover{ background:#fcfcfd;}
.paging .perv,.paging .next{ font-family: simsun;font-weight:bold;}
.paging .on a{background: #0892e1 !important;color:#fff;font-weight:bold;}



/*group*/
.group{/* border-left: 1px solid #e3e3e3; *//* border-bottom: 1px solid #e3e3e3; */}
/* .group li .detail:hover .img img{transform: scale(1.05);} */
.group li{padding-bottom: 4px;width: 33.213%;display: inline-block;vertical-align: top;border-radius: 0px;position: relative;cursor: pointer;transition:all .5s linear;/* border-right: 1px solid #e5e5e5; *//* border-top: 1px solid #e5e5e5; *//* overflow:  hidden; */}
.group li:hover .detail{transform: translate3d(0,0,-5px);box-shadow: 0px 5px 10px 0px rgba(0,0,0,.15);}
.group li .img,.group li .info {width: 95%;margin: 0 auto;overflow: hidden;margin-top: 5px;}
.group li .detail{width: 95%;margin: 0 auto;overflow: hidden;transition:all .3s linear;/* margin-top: 5px; *//* border:1px solid #e5e5e5; *//* border-radius: 3px; *//* border-right: 1px solid #e5e5e5; *//* border-top: 1px solid #e5e5e5; */}
.group li .detail .img{position: relative;}
.group li .detail .img a{width: 34px; height:37px;line-height: 30px; text-align: center; font-size: 14px;color: #fff; background: url('/templates/default/images/181122/rank.png') no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;z-index: 11;}
.group li .detail div img{width: 100%;transition: all .5s linear;}
.group li .detail div.info{margin: 5px auto;color: #333;font-size: 16px;line-height: 25px;}
.group li .detail div.info i{float: right;font-size: 15px;color: #666;font-style: normal;}
.group li .detail div.info i em{font-style: normal;color: #ff4f53;}
.group li .detail div.info p{line-height: 30px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.group li .detail div.info p.info_brand{line-height: 50px;height: 50px;}
.group li .detail div.info p.info_brand img{width: 32px;height: 32px;display: inline-block;vertical-align: middle;}
.group.sec_group li{border:none;width: 25%;}
/**/