@font-face {
    font-family: 'Rany';
    src: url('../fonts/Rany/Rany-Light.otf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Rany';
    src: url('../fonts/Rany/Rany.otf') format('truetype');
    font-weight: 500;
}
  
@font-face {
    font-family: 'Rany';
    src: url('../fonts/Rany/Rany-Bold.otf') format('truetype');
    font-weight: 700;
}



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
button,input,input[type=submit],input[type=reset],input[type=button]{resize:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
button{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{height:auto;width:auto\9;-ms-interpolation-mode:bicubic}
a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0;border:none;-webkit-tap-highlight-color:transparent}
em,i{font-style:normal}
.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
/*火狐去掉按钮、连接的虚线*/
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 
input,button,textarea{outline:none;-webkit-appearance:none;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif; font-weight:normal; line-height:1.4}
img{border:none;vertical-align:middle}
body,html{width:100%;margin:0 auto;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}

a{color:#333;text-decoration:none;outline:0;transition:all .3s ease-out 0s;font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;}
a:hover,a:focus{color:#118ac9;text-decoration:none;outline:0;}
body{
	width:100%;
	overflow-x:hidden;
	font-size:14px;
	line-height:1.4;
    background:#fff;
    color: #444444;
    font-family:-apple-system, PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;
}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.fl{float:left}
.fr{float:right}

.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}

.w{zoom:1;width:1200px; margin:auto;overflow: hidden;}
.w:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.w80{zoom:1;padding: 0 10%; margin:auto;}
.main{zoom:1;width:1220px; margin:auto;}
.w100{zoom:1;padding: 0 20px; margin:auto;}
.h5{height:5px;width:100%;clear:both;}
.h10{height:10px;width:100%;clear:both;}
.h15{height:15px;width:100%;clear:both;}
.h20{height:20px;width:100%;clear:both;}
.h25{height:25px;width:100%;clear:both;}
.h30{height:30px;width:100%;clear:both;}
.h40{height:40px;width:100%;clear:both;}
.h50{height:50px;width:100%;clear:both;}
.h60{height:60px;width:100%;clear:both;}
.h70{height:70px;width:100%;clear:both;}
.h80{height:80px;width:100%;clear:both;}
.h90{height:90px;width:100%;clear:both;}
.h100{height:100px;width:100%;clear:both;}
.max_img{width:100%;line-height:0;text-align:center; position: relative;}
.max_img img{max-width:100%; height: auto;}


.max100{width:100%;line-height:0;text-align:center; position: relative;}
.max100 img{width:100%; height: auto;}

.title-image{width:100%;line-height:0;text-align:center; position: relative;}
.title-image img{max-width:100%; height: auto;}
.row {
    margin-left:-10px;
    margin-right:-10px
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.row::after {clear: both;}


.row5 {
    margin-left:-5px;
    margin-right:-5px
}
.row5::before, .row5::after {
    content: " ";
    display: table;
}
.row5::after {clear: both;}

.row15{
    margin-left:-15px;
    margin-right:-15px;
}
.row20{
    margin-left:-20px;
    margin-right:-20px;
}

.row25{
    margin-left:-25px;
    margin-right:-25px;
}

.row30{
    margin-left:-30px;
    margin-right:-30px;
}

.row25::before, .row25::after {
    content: " ";
    display: table;
}
.row25::after {clear: both;}

.row50{
    margin-left:-50px;
    margin-right:-50px;
}
.row50::before, .row50::after {
    content: " ";
    display: table;
}
.row50::after {clear: both;}


.gbf{text-align:center;color:#6f6f6f;padding:0 15px;font-family:arial;line-height: 0;}
.gbf a{font-family:arial}
.s_gbf{text-align:center;padding:10px}
.gbf img{vertical-align:middle}
.gbf .d,.gbf .h,.gbf .n{display:inline-block;text-align:center;padding:3px 10px;border-radius:3px;line-height:20px;background:#fff;border:none}
.gbf .n{background:#f3f3f3;border:none;color:#777;font-family:arial;font-size:15px}
.gbf .h,.gbf .n:hover{color:#fff;background:#0a50a1;border:none}
.gbf .d{background:#f3f3f3;border:none;color:#777}
.gbf .d:hover{border:none;color:#111}