/* verybeaut | 2021/01/11 | common.css */
/* basic */
body,iframe,div,p,h1,h2,h3,h4,h5,h6,fieldset,ul,ol,dl,dt,dd,form,input,button,textarea,select,i{ margin:0px; padding:0px; font-weight:normal; }
article,aside,header,section,footer,nav,figure,menu{ display:block; }
body,input,button,select,textarea {font: 12px/1.5 'Hiragino Sans GB','Helvetica Neue','\5FAE\8F6F\96C5\9ED1','Tohoma';}
input,button,select,textarea { outline:none; cursor:text; }
select, input {/* cursor:default; */}
input[type='text'],input[type='password'] { cursor:text; }
textarea { resize:none }
input { width:auto; overflow:visible; }
input::-ms-clear,input::-webkit-search-cancel-button { display: none; }
ul { list-style:none; overflow:hidden; }
ol { padding-left:20px; }
i,em,u { font-style:normal; }
a { color:#666; text-decoration:none; }
a:visited { }
a:hover { color:#f36; text-decoration:underline; }
a:active {  }
img { border:0 none; vertical-align:middle; }
.clear, .layout { *zoom:1; }
.clear:after, .layout:after { display:table; clear:both; content:""; }
::-moz-selection { background: #f36; color:#fff; }
::selection { background: #f36; color:#fff; }

/* @font-face {
  font-family: 'iconfont';  project id："72689"
  src: url('//at.alicdn.com/t/font_h2jtgtkradxkzkt9.eot');
  src: url('//at.alicdn.com/t/font_h2jtgtkradxkzkt9.eot') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_h2jtgtkradxkzkt9.woff') format('woff'),
  url('//at.alicdn.com/t/font_h2jtgtkradxkzkt9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_h2jtgtkradxkzkt9.svg#iconfont') format('svg');
} */
@font-face {
  font-family: 'iconfont';  /* project id 279699 */
  src: url('//at.alicdn.com/t/font_ke6aubix0huuwhfr.eot');
  src: url('//at.alicdn.com/t/font_ke6aubix0huuwhfr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_ke6aubix0huuwhfr.woff') format('woff'),
  url('//at.alicdn.com/t/font_ke6aubix0huuwhfr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_ke6aubix0huuwhfr.svg#iconfont') format('svg');
}

.icon, i{display:inline-block;width:18px;height:18px;margin-top:-2px;line-height:1;font-family:"iconfont";font-size:22px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;vertical-align: middle;text-align: center;}

/*layout_basic*/
.layout {width: 1200px;margin:0px auto;color:#666;}
.fl { float:left; }
.fr { float:right; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.hide { display: none; visibility: hidden; }
.show { display: block; visibility: visible; }
.fixed { position: fixed; top:0; z-index: 100; }
.H { color: #f36; }
dt h2{font-size: 26px;}
/* header */
.header { position: relative; z-index: 100; }

/* topbar */
.topbar { line-height:30px; background-color:#f5f5f5; border-bottom:1px solid #eee; }
.topbar a { padding:0 8px; }
.bar-left { float:left; }
.bar-left a:first-child { color:#f36; }
.bar-right { float:right; overflow:visible; }
.bar-right li { float:left; }
.bar-right .menu-hd { position:relative; z-index:100; }
.bar-right li a { display:block; padding:0 10px; }
.bar-right li a i { display:inline-block; width:22px; height:22px; background:url(../img/app.gif); vertical-align:middle; }
.bar-right .menu-hd a { border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; }
.bar-right .menu-hd:hover a { border-color:#eee; background-color:#fff; text-decoration:none; }
.bar-right .menu-hd:hover .menu-bd { display:block; }
.bar-right .menu-bd { display:none; position:absolute; left:1px; top:30px; width:90px; border-bottom:1px solid #eee; background-color:#fff; text-align:left; z-index:10001; box-shadow:1px 2px 3px rgba(0,0,0,.1); }
.bar-right .menu-bd img { width:150px; height:150px; }
.bar-right .code { width:150px; }

/* topview */
.topview { padding:30px 0; }
.topview .logo { float:left; width:200px; height:50px; }
/* .topview .logo i { height:50px; line-height:1; vertical-align: top; }
.topview .logo .min-logo { width:66px; margin-left:-10px; margin-top:-10px; font-size:70px; color:#f36; }
.topview .logo .txt-logo { width:130px; margin-top:-34px; font-size:125px; color:#333; margin-top:-32px\9; }
.topview .logo sup { display: inline-block; margin-top:-5px; margin-right:-10px; vertical-align: top; font-size:18px; color:#666; margin-top:-14px\9; }
.topview .logo .img-logo { display: none; position: relative; margin-top:-39px; } */
.topview .search { width:420px; margin:0 auto; text-align:left; }
.topview .search p { overflow:hidden; }
.topview .search .txts { height:30px; border:2px solid #f36; border-radius:18px; overflow:hidden; }
.topview .search .txts i { width:30px; height:30px; margin-top:0; line-height:30px; font-size:16px; text-align: center; color:#999; vertical-align: top\9; }
.topview .search .txts input { height:30px; line-height: 30px; border:0 none; vertical-align: middle; }
.topview .search .txts .key { width:320px; }
.topview .search .txts .btn { width:66px; background-color:#f36; color:#fff; cursor:pointer; border-radius:0; }
.topview .search .hot-search { height:12px; padding-top:8px; line-height:1; }
.topview .search .hot-search a { margin-right:5px; color:#999; }
.topview .search .hot-search a:hover { color:#f36; }
.topview .heart { display:inline; position: relative; float:right; width:200px; }
.topview .heart img { position: absolute; width:200px; height:80px; top:-10px; }

/* nav */
.nav { position: relative; height:38px; line-height:38px; border-bottom:1px solid #FE4D91; z-index: 10; }
.nav li { float:left; font-size:16px; color:#ccc; }
.nav .layout li a { display:block; padding:0 20px; text-decoration:none; font-weight: 300; font-size: 16px; }
.nav .now a { color:#f36; }
.nav .item-hd { width:200px; margin-right:30px; background: #f36; color:#fff; text-align: center; border-radius:2px 2px 0 0; cursor: pointer; }
.nav .item-hd i { width:24px; height:24px; line-height:24px; vertical-align: middle; margin-top:-3px; }
.nav .layout { height: 38px; }

/*item-nav*/
.item-nav { display: none; position: absolute; left:50%; top:39px; width:200px; height:360px; margin-left:-500px; line-height:30px; z-index: 200; }
.item-nav .bg, .item-nav .itemlist { position: absolute; left:0; top:0; width:200px; height:360px; margin-top:0; }
.item-nav .bg { background:#fff; opacity:.9; filter:alpha(opacity=90); }
.item-nav ul { overflow: visible; }
.item-nav ul li { float:none; padding:0 15px 0 10px; }
.item-nav ul .item-nav-hd { height:30px; overflow: hidden;}
.item-nav ul li a { display: inline; padding:0; font-size:12px; }
.item-nav ul li a:first-child { margin-right:15px; font-weight: bold; }
.item-nav ul li i { width:24px; height:24px; margin-top:-5px; font-size:22px; color:#f36; vertical-align: middle; }
.item-nav ul li:hover { background: #eee; padding-left:15px; -webkit-transition:all .1s linear 0s; transition:all .1s linear 0s; }
.item-nav ul li:hover a { color:#333; }
.item-nav ul li:hover .item-nav-bd { display: block; }
.item-nav ul .item-nav-bd { display: none; position: absolute; left:200px; top:0; width:400px; height:360px; background-color: #eee; overflow: hidden; z-index: 10; -webkit-animation:rightToleft .5s ease-out; animation:rightToleft .5s ease-out; }
.item-nav ul .item-nav-con { padding:20px; }
.item-nav ul .item-nav-con dl { border-bottom: 1px dashed #ddd; margin-bottom:10px; line-height:26px; text-shadow: 1px 1px 0 #fff; }
.item-nav ul .item-nav-con dt h3 { font-size:14px; color:#333; }
.item-nav ul .item-nav-con dd { height:27px; overflow: hidden; }
.item-nav ul .item-nav-con dd h4 { display: inline-block; margin-right:5px; }
.item-nav ul .item-nav-con dd a { color:#666; }
.item-nav ul .item-nav-con dd a:first-child { margin-right:5px; font-weight: normal; }
.item-nav ul .item-nav-con dd a:hover { color:#f36; text-decoration: underline; }

.item-rmd { display: none; }

/* banners */
.banners { position:relative; height:360px; overflow:hidden; }
.banners ul, .banners ul li { width:100%; height:360px; }
.banners li  { position:absolute; }
.banners li a {position:absolute;left:50%; width:100%; height:100%;margin-left:-960px;}
.banners .controls { position:relative; height:30px; line-height:30px; margin-top:-30px; text-align:center; z-index:10; }
.banners .controls i { display:inline-block; width:10px; height:10px; margin:0 5px; background-color:#fff; cursor:pointer; border-radius:5px; }
.banners .controls .now { background-color:#f36; }

/*auths*/
.auths { padding:30px 0; }
.auths li { float: left; width: 130px; padding:10px 35px; margin-left:-1px; border-left:1px dashed #e6e6e6; }
.auths li i { display: inline-block; width:50px; height: 50px; margin:0; line-height:50px; font-size: 50px; vertical-align: middle; }
.auths li span { display: inline-block; width:70px; padding-left: 10px; font-size: 14px; vertical-align: middle; }
.auths li .icon-1 { color:#99e0ff; }
.auths li .icon-2 { color:#ffdcc0; }
.auths li .icon-3 { color:#f36; }
.auths li .icon-4 { color:#b7d0ff;  }
.auths li .icon-5 { color:#c1b8ff;  }

/* footer */
.footer { padding:30px 0; box-shadow:0 3px 10px rgba(0,0,0,.05) inset; font-size:12px; text-shadow: 1px 1px 0 #fff; }
.footer a { color:#b1b1b1; }
.footer a:hover { color:#f36; }
.footer-links ul { float: left; width: 160px; line-height:24px; }
.footer-links ul li:first-child { margin-bottom: 10px; font-size: 14px; }
.footer-links ul li img { width: 100px; }
.footer-links .qr li:first-child, .footer-links .tels li:first-child { margin-bottom: 0; }
.footer-links .tels { width: 229px; border-left: 1px solid #e8e8e8; text-align: center; }
.footer-links .tels li { padding: 3px 0; }
.footer-links .tels .tel { color: #f36; font-size: 25px; }
.footer-links .tels a { padding: 2px 5px; border: 1px solid #f36; color: #f36; text-decoration: none; }
.footer-links .tels a i { font-size: 18px; }
.footer-copy { margin-top: 20px; padding: 15px 0; line-height: 26px; border-top: 1px solid #e8e8e8; color: #bbb; }
.footer-copy .left { position: relative; padding-left: 60px; }
.footer-copy .left:before { position: absolute; left: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-indent: -10px;  font-family: 'iconfont'; font-size: 70px; color: #f36; }
.footer-copy .left h3 { font-size: 16px; color: #666; }
.footer-copy .center { height: 50px;}
/* .footer-bd { overflow: hidden; }
.footer-bd .left,.footer-bd .right { width:430px; overflow: hidden; }
.footer-bd .center { float: left; width:100px; margin-left:-30px; }
.footer-bd .center img { width:100px; }
.footer-bd h3 { font-size:16px; }
.footer-bd .liner span { padding-bottom:12px; border-bottom:1px dashed #ddd; color:#b1b1b1; }
.footer-bd .tel-txt { margin-top:20px; }
.footer-bd .tel-number { line-height:1; font-size:28px; color:#f36; }
.footer-bd .right ul { float:left; width:70px; padding:0 25px; border-left:1px solid #e8e8e8; }
.footer-bd .right ul:first-child { margin-left:-26px; }
.footer-bd .right ul li { float:left; width:80px; line-height:24px; }
.footer-bd .right ul li:first-child { margin-bottom: 5px; font-size: 14px; }
.footer-bd .right .last { width:160px; }
.footer-bd .right .last li:first-child { width:160px; }
.footer-copy { margin-top: 20px; line-height:50px; border-top:1px solid #e8e8e8; color:#b1b1b1; } */

/*links*/
.links { padding: 30px 0; }
.links dt { width:60px; }
.links dt h2 { font-size: 12px; }
.links dt, .links dd { display: inline-block; vertical-align: top; }
.links dd { width:1130px; }
.links a { display: inline-block; margin:0 10px; }

/* pages */
/* .pages { padding:20px 0; text-align:center; }
.pages a { padding:4px 8px; margin:0 5px; border:1px solid #ddd; color:#666; text-decoration:none; border-radius:3px; }
.pages a:hover { box-shadow:0 1px 0 rgba(0,0,0,.1); border-color:#999; }
.pages a:active { box-shadow:0 1px 1px rgba(0,0,0,.2) inset; }
.pages .now,.pages .now:hover { background-color:#f36; border-color:#f36; color:#fff; } */

.page-nav { line-height: 45px; font-size:14px; }
.pages { overflow: hidden; padding:10px 0; font-size:0; text-align: center; }
.pages span { display: inline-block; position: relative; margin-right:-1px; line-height: 35px; border:1px solid #ddd; font-size:14px; }
.pages a { display: block; min-width: 35px; height: 35px; }
.pages .now { background: #f36; border-color: #f36; z-index: 1; }
.pages .now a { color: #fff; text-decoration: none; }
.pages span:hover { border-color: #f36; z-index: 1; }
.pages .page-home a, .pages .page-last a, .pages .page-prev a, .pages .page-next a { padding:0 12px; }


@-webkit-keyframes rightToleft {
	0% {
		opacity:0;
		-webkit-transform:translateX(30px);
		        transform:translateX(30px);
	}
	20% {
		opacity:0;
		-webkit-transform:translateX(15px);
		        transform:translateX(15px);
	}
	80% {
		opacity:1;
		-webkit-transform:translateX(0);
		        transform:translateX(0);
	}
}


@keyframes rightToleft {
	0% {
		opacity:0;
		-webkit-transform:translateX(30px);
		        transform:translateX(30px);
	}
	20% {
		opacity:0;
		-webkit-transform:translateX(15px);
		        transform:translateX(15px);
	}
	80% {
		opacity:1;
		-webkit-transform:translateX(0);
		        transform:translateX(0);
	}
}