/*--===清空标签默认样式===--*/
html,body{font-family:"Hiragino Sans GB","华文细黑","STHeiti","微软雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",\9ED1\4F53,\5b8b\4f53,Helvetica,Tahoma,Arial,sans-serif !important;margin:0; -webkit-text-size-adjust:none; padding:0; } 
div,dl,dd,dt,ul,li,ol,caption,table,tbody,thead,tfoot,th,td,tr,form,button,input,select,textarea,legend,a,p,big,small,span,strong,sub,sup,b,em,i,h1,h2,h3,h4,h5,h6,cite,q,samp,pre,code,tt,br,hr,address,img,area,map,object,del,s,header,footer{ border:none; padding:0; margin:0; list-style:none;font-style:normal;-webkit-text-size-adjust:none; vertical-align: baseline;/* chrome */}
img,fieldset,table,input,textarea,button{border:none;}
input,button,select,textarea{outline:none;resize: none/* chrome */}
input::-moz-focus-inner{border:none}
textarea{resize: vertical/* chrome */}
ol,ul,li{vertical-align:middle;/* IE去掉li排列下空隙 */list-style:none;}
/*--table--*/
.table{border:0; padding:0; margin:0;border-collapse:collapse;}
.table th,.table td{border:0;}
/*--a--*/
a{ text-decoration:none;outline: none;color:#506070}
a,a *,.icon.look,.rotate,.animate,.animate *{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; }
a:hover{text-decoration:none; color:#45cb83}
.rotate:hover{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
/*--html--*/
html{font-size:625%;}
body{ font-size:.14rem; line-height: .24rem}

@media screen and (max-width:767px){body{font-size:.14rem;line-height: .26rem}}/*--phone--*/
@media screen and (min-width:768px) and (max-width:1024px){body{font-size:.16rem;line-height: .30rem}}/*--ipad--*/
@media screen and (min-width:1025px){body{font-size:.12rem;line-height: .23rem}}/*--PC--*/
@media screen and (min-width:1600px){body{font-size:.14rem;line-height: .32rem}}
@media screen and (min-width:1920px){body{font-size:.16rem;line-height: .36rem}}
@media screen and (min-width:2560px){body{font-size:.2rem;line-height: .5rem}}

/*--===结构框架===--*/
.wrapper{ width: 100%;background: url() no-repeat center top;background-size:100% auto;margin: 0 auto;}
.header,.container,.footer{ margin:0 auto}
.header {width: 100%; padding: 1.2em 0 8em}


.header .logos { margin:0 auto;}
.header .logos img{ margin-right:2em;height:2.4em; width: auto}
.header .title_img {width: 100%; text-align: center}
.header .title_img img { width: 50%; height: auto}

.container{}
.footer{ font-size:.12rem;text-align: center; padding:1em 0 2em;}

/*字体颜色*/
font.yellow{ color:#ffd800}

/*字体大小*/
font.mid{ font-size:1.3em}

/*--===不同分辨率样式===--*/
@media screen and (max-width:767px){
	.header .title_img img { width: 98%;}
	.header .logos { width: 92%; margin-bottom: 1em}
	.header .logos img{ height:1.8em; margin-right: 1em}
    .wrapper{background-size:210% auto;}
	.footer{ font-size:.8em}
}
@media screen and (min-width:768px) and (max-width:1024px){.container{ width: 90%}.wrapper{background-size:150% auto;}.footer{ font-size:1em}.header .logos { width: 95%; }.header .logos img{ height:1.8em; margin-right: 1.4em}.header .title_img img { width: 80%;}}
@media screen and (min-width:1025px){.header .logos,.container{ width: 960px}}
@media screen and (min-width:1600px){.header .logos,.container{ width: 1080px}}
@media screen and (min-width:1920px){
	.wrapper{ width: 1920px;background-size:1920px auto;}
	.header .logos,.container{ width: 1200px}
}
@media screen and (min-width:2560px){
	.wrapper{width: 2560px;background-size:2560px auto;}
	.header .logos,.container{ width: 1320px}
}