@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none; background:url(../images/index_bg.jpg) top no-repeat; background-size:auto 100%}

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}


@media all and (max-width:1440px){
body { min-width:inherit; }
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#9E74E3;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}
.w100 { width:1108px; margin:0 auto}


header { position:fixed; left:10px; top:10px; z-index:222}
header .ft {}
header .ft img { display:block; height:50px}

.index_1 { min-width:1440px;}
.index_1 img { position:absolute; display:block; left:50%; margin-left:-554px; top:5%; max-height:45%}
.index_1 h3 { position:absolute; left:50%; margin-left:-554px; background:#0D57EE; color:#fff; font-size:16px; line-height:42px; padding:0 15px; top:57%}
.index_1 h3 span {}

.index_1 h4 { color:#fff; position:absolute; left:50%; margin-left:-554px; font-size:14px; line-height:42px; top:57%; margin-top:60px}
.index_1 h4 i { color:#fff; padding-right:10px}
.index_1 h4 a { color:#fff}
.index_1 h4 a:hover { color:#ccc}


.index_1 ul { position:absolute; left:50%; margin-left:-554px; bottom:80px; width:1140px}
.index_1 ul li { float:left; height:54px; position:relative}
.index_1 ul li span { display:none; position:absolute; left:0; bottom:-30px; color:#fff; font-size:14px; line-height:20px; text-align:center; text-shadow:1px 1px 1px #135cef; width:200px}

.index_1 ul li.nav1 { width:195px; height:54px}
.index_1 ul li.nav2 { width:196px; height:54px}
.index_1 ul li.nav3 { width:308px; height:54px}
.index_1 ul li.nav4 { width:196px; height:54px}
.index_1 ul li.nav5 { width:212px; height:54px}

.index_1 ul li a { display:block; background:url(../images/index_but1.png) no-repeat; display:block; -webkit-transition:none;-moz-transition:none;transition:none; line-height:54px; height:54px; color:#135cef; font-weight:bold; font-size:16px; cursor:pointer}
.index_1 ul li a:hover { color:#fff}
.index_1 ul li.nav1 a { background-position:0 0}
.index_1 ul li.nav1 a:hover { background-position:0 -77px}
.index_1 ul li.nav2 a { background-position:-195px 0}
.index_1 ul li.nav2 a:hover { background-position:-195px -77px}
.index_1 ul li.nav3 a { background-position:-391px 0}
.index_1 ul li.nav3 a:hover { background-position:-391px -77px}
.index_1 ul li.nav4 a { background-position:-699px 0}
.index_1 ul li.nav4 a:hover { background-position:-699px -77px}
.index_1 ul li.nav5 a { background-position:-895px 0}
.index_1 ul li.nav5 a:hover { background-position:-895px -77px}

.index_1 ul li a i { display:block; width:25px; height:24px; float:left; margin:13px 15px 0 25px}
.index_1 ul li.nav1 a i { background:url(../images/index_ico1.png)}
.index_1 ul li.nav2 a i { background:url(../images/index_ico2.png)}
.index_1 ul li.nav3 a i { background:url(../images/index_ico3.png)}
.index_1 ul li.nav4 a i { background:url(../images/index_ico4.png)}
.index_1 ul li.nav5 a i { background:url(../images/index_ico5.png)}
.index_1 ul li.nav1 a:hover i { background:url(../images/index_ico1s.png)}
.index_1 ul li.nav2 a:hover i { background:url(../images/index_ico2s.png)}
.index_1 ul li.nav3 a:hover i { background:url(../images/index_ico3s.png)}
.index_1 ul li.nav4 a:hover i { background:url(../images/index_ico4s.png)}
.index_1 ul li.nav5 a:hover i { background:url(../images/index_ico5s.png)}
.index_1 ul li a:hover span { display:block}















.tc2 { position:fixed; z-index:8888; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); display:none}
.tc2 .tc_faz2 { left:50%; height:100%; top:0; position:absolute; width:1108px; margin-left:-554px; background:#fff; overflow-y: scroll}
.tc2 .guanbi { position:absolute; right:15px; top:15px; display:block; width:26px; height:26px; cursor:pointer; background:url(../images/guanbi2.png); background-size:100% 100%; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none; z-index:22}
.tc2 .guanbi:hover { transform:rotate(180deg)}
.tc2 .tc_faz2 img{ display:block; margin:0 auto; max-width:1000px; padding:20px 0}