@charset "utf-8";html{-webkit-text-size-adjust:none;*overflow:auto}
body{ padding:0; margin:0; padding-top:0; margin-top:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-family: 微软雅黑;}
table{border-collapse:collapse;border-spacing:0;border:0}
fieldset,img{border:0}
em,strong,th{font-style:inherit;font-weight:inherit}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
q:before,q:after,blockquote:before,blockquote:after{content:""}
input,button,textarea,select{font-size:100%}
strong{font-weight:bold}
header,nav,aside,article,section,menu,figure,hgroup,footer{display:block;margin:0;padding:0}
.hide{display:none}
.block{display:block}
.fll{float:left}
.flr{float:right}
.fix{clear:both;zoom:1}
.fix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:"."}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.pd10{padding:10px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.colorBlue{color:#146ad1}
.colorGreen{color:#8cc63f}
.colorOrange{color:#ff8a18}
.colorRed{color:#fe0000}
.color999{color:#999}
.color666{color:#666}
.color333{color:#333}
body{font:12px/180% Arial,Helvetica,sans-serif;color:#333}
.biaozhunse{ color:#b1120d;}
a{text-decoration:none; color:#555;}
.pageBottomNavi{padding:10px; margin-bottom:70px;}
.pageBottomNavi a{padding:0 5px}
.pcswitching {
    padding: 5px 0;font-size: 10px;
    text-align: center;
}
.pcswitching em {
    color: #000;
    font-size: 10px;
    padding: 0 30px;
}

#slider {
	MARGIN: 0px auto; WIDTH: 100%;
}
.swipe {
	POSITION: relative; VISIBILITY: hidden; OVERFLOW: hidden; padding-top:52px;
}
.swipe-wrap {
	POSITION: relative; OVERFLOW: hidden
}
.swipe-wrap > DIV {
	POSITION: relative; WIDTH: 100%; FLOAT: left
}
.swipe-wrap IMG {
	WIDTH: 100%; HEIGHT: auto;
}
.current-page {
	MARGIN: 0px auto; WIDTH: 100%;  HEIGHT: 34px; line-height:34px; position:absolute; z-index:999; top:43%;
}
.current-page DIV {
	FLOAT: left
}
.current-page DIV.next {
	FLOAT: right
}
.prev A {
	TEXT-ALIGN: center; LINE-HEIGHT: 28px; WIDTH: 25px; DISPLAY: block; BACKGROUND: #000;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; HEIGHT: 34px; COLOR: #fff; FONT-SIZE: 30px; font-weight:bold;
}
.next A {
	TEXT-ALIGN: center; LINE-HEIGHT: 28px; WIDTH: 25px; DISPLAY: block; BACKGROUND: #000;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; HEIGHT: 34px; COLOR: #fff; FONT-SIZE: 30px; font-weight:bold;
}

		.container{
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0%;
		}
		.container .page{
			position: relative;
		}
		.container .page0{background:#f8f8f8;
		}
		.container .page1{
			background:#f8f8f8; height:680px; padding-top:40px;
		}
		.container .page2{
		}
		.container .page3{
			background:#f8f8f8; padding-bottom:10px;
		}
		.container .page4{
			height:auto; padding-bottom:70px;
		}
		
		.container .page1 img.no1{
			position: absolute;
			left: 10px;
			top: 50px;
			-webkit-transition:all 1s ease 0s;
		}
		.container .page1.cur img.no1{
			-webkit-transform:rotate(720deg);
		}
		.container .page1 img.no2{
			position: absolute;
			left: 600px;
			top: 50px;
			-webkit-transition:all 1s ease 2s;
		}
		.container .page1.cur img.no2{
			left: 30px;
			top: 100px;
			-webkit-transform:rotate(720deg);
		}
		.xiangxiatishi{
			position: fixed;
			bottom: 120px;
			left: 50%;
			-webkit-transform:translateX(-50%);
			-webkit-animation:dong 1s linear 0s infinite alternate;
		}

		@-webkit-keyframes dong{
			from{
				bottom:80px;
			}
			to{
				bottom: 120px;
			}
		}

#footer{ background:#c5c5c5; color:#fff; padding-top:8px;}
#footer a{ color:#fff;} 

h2.dabiaoti{ margin-top:20px; font-size:30px; font-weight:bold;  line-height:56px; height:56px; text-align:center;background-image:url(/skin/yaohui/images/dabiaotibg.png); background-size:200%; background-position:center 50%; background-repeat:no-repeat;}
h5.fubiaoti{ font-size:16px; line-height:30px; height:30px; margin-bottom:20px; text-align:center; font-weight:normal;}
.boxcontent{ font-size:12px; text-align:center; width:90%; margin:auto; line-height:24px;}
.tonglan{ margin:20px auto 20px auto; width:90%; overflow:hidden;}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding:0;
    margin:40px 0 20px 5%;
    width: 95%;
}
.ca-menu li{
    width: 28%;
    height: 110px; margin-bottom:20px;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 2%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 24px;
    color: #b1120d;
    text-shadow: 0px 0px 1px #333;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 40%;
    top: 50%;
}
.ca-main{
    font-size: 16px;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    font-size: 12px;
    color: #666;
    line-height: 24px; font-weight:normal;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover{
    background-color: #b1120d;
}
.ca-menu li:hover .ca-icon{
    color: #fff;
    font-size: 36px;
}
.ca-menu li:hover .ca-main{
    color: #eac6b0;
    -webkit-animation: moveFromLeftRotate 300ms ease;
    -moz-animation: moveFromLeftRotate 300ms ease;
    -ms-animation: moveFromLeftRotate 300ms ease;
}
.ca-menu li:hover .ca-sub{
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
.yewu{ width:90%; margin:auto; padding-bottom:50px;}
.yewu a{ display:block; color:#555;}
.yewu li{display:table; width:100%; height:auto; padding-right:10px; margin-top:25px; border-top: dotted 1px #ddd;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.yewu li h3{ font-size:20px; line-height:50px; color:#b39366;}
.yewu li p{ font-size:12px;}
.yewu li .img{ float:left; width:20%; height:78px; }
.yewu li .img img{ margin-bottom:15px;}
.yewu .text{ float:right; width:75%}
.xiaobiaoti{font-size: 18px; line-height: 36px;}
.shoujianli{ width:92%; margin:auto;padding-bottom:80px; display:table;}
.shoujianli LI {
	FLOAT: left; WIDTH: 160px; margin-left:5%; margin-bottom:10px; min-height:220px;  overflow:hidden; background:#fff;
}
.shoujianli LI:hover{ background:#ddd;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.shoujianli LI IMG {
	width:160px; height:107px; margin:auto; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;
}
.shoujianli LI:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.shoujianli LI h5{ font:14px/30px 微软雅黑; width:100%; margin:auto; padding-left:0px; padding-bottom:10px; padding-top:6px;transition-property: padding-left;
transition-duration: 1s;
transition-timing-function: linear;
transition-delay: 0s;
/* Firefox 4 */
-moz-transition-property: padding-left;
-moz-transition-duration:1s;
-moz-transition-timing-function:linear;
-moz-transition-delay:0s;
/* Safari 和 Chrome */
-webkit-transition-property: padding-left;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:0s;
/* Opera */
-o-transition-property:padding-left;
-o-transition-duration:1s;
-o-transition-timing-function:linear;
-o-transition-delay:0s;}
.shoujianli LI:hover h5{ font:14px/30px 微软雅黑; font-weight:bold; padding-left:5px;}
.shoujianli LI div{ line-height:24px;width:100%; margin:auto; padding-bottom:10px; color:#888;}