@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none; background:#0171F9}
body {font-size:14px; color:#343434;line-height:10px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none;}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}


a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
h4 a{  color:#FFF; padding-right:20px}
a:link {color:#fff;text-decoration: none}
a:visited {color:#fff;text-decoration: none}
a:active {color:#fff;text-decoration: none}
a:hover {color:#fff;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}



.logos { position:absolute; left:5%; top:5%; max-width:30%}
.logos img { display:block; max-width:100%}

.index_1 { position:absolute; left:5%; top:5%; color:#fff; width:90%}
.logos img { display:block; max-width:30%}
.index_1 h3 { font-size:24px; line-height:40px; padding-top:0px}
.index_1 h1 { font-size:48px; line-height:50px; padding:15px 0 40px 0}
.index_1 h4 { font-size:18px; line-height:34px; max-width:60%}


@media all and (max-width:750px){
.index_1 { width:90%}
.index_1 h3 { font-size:18px; line-height:30px}
.index_1 h1 { font-size:36px; line-height:40px;}
.index_1 h4 { font-size:16px; line-height:26px; max-width:100%}

}