@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:"Arial"; -webkit-text-size-adjust:none; min-width:1400px}

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;}

@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:#0D51AF;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:1380px; margin:0 auto}

@media all and (max-width:1460px){
.w100 { width:1100px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}


.head_1 { background:url(../images/nav_bg.jpg) bottom repeat-x; height:224px; width:1280px; margin:0 auto; position:relative}
.head_1 img { display:block; width:100%}
.head_1 ul { position:absolute; left:0; right:0; bottom:8px; text-align:center}
.head_1 ul li { color:#fff; display:inline; font-size:16px; padding:0 10px}
.head_1 ul li a { color:#fff}

@media all and (max-width:1400px){
.head_1 { height:auto; padding-bottom:44px; width:1100px}
.head_1 ul li { color:#fff; display:inline; font-size:14px; padding:0 7px}
}


.index_1 { width:1280px; margin:30px auto}
.index_1 .index_left { float:left; width:210px; background:#F8DAD8;}
.index_1 .index_left ul li { line-height:62px; text-align:center; font-size:18px}
.index_1 .index_left ul li.on { background:#fff}

.index_1 .index_right { float:right; width:945px;}
.index_1 .index_right ul { width:800px; border:1px #666 solid; border-bottom:0 none}
.index_1 .index_right ul li { position:relative; border-bottom:1px #666 solid; padding-left:300px}
.index_1 .index_right ul li h3 { position:absolute; left:0; top:50%; line-height:36px; margin-top:-21px; font-size:18px; width:300px; text-align:center}
.index_1 .index_right ul li h4 { line-height:36px; padding:10px 0 10px 0; text-align:center; font-size:18px; border-left:1px #666 solid}
.index_1 .index_right ul li.zt { position:relative}
.index_1 .index_right ul li.zt h4 { text-align:left; padding:15px 0 15px 30px}
.index_1 .index_right ul li.zt img { position:absolute; left:60%; bottom:20px}



@media all and (max-width:1400px){
.index_1 { width:1100px}
.index_1 .index_right { width:830px;}

.index_1 .index_left ul li { line-height:52px; font-size:16px}

.index_1 .index_right ul { border:1px #aaa solid; border-bottom:0 none;}
.index_1 .index_right ul li { border-bottom:1px #aaa solid;}
.index_1 .index_right ul li h3 { line-height:32px; margin-top:-18px; font-size:16px;}
.index_1 .index_right ul li h4 { line-height:32px; padding:5px 0 5px 0; font-size:16px; border-left:1px #aaa solid}
.index_1 .index_right ul li.zt { position:relative}
.index_1 .index_right ul li.zt h4 { text-align:left; padding:15px 0 15px 30px}
.index_1 .index_right ul li.zt img { position:absolute; bottom:20px}



}


footer { border-top:2px #aaa solid; padding-top:5px}
footer .foot_1 { border-top:2px #aaa solid; text-align:center; line-height:50px; font-size:16px}
footer .foot_2 { border-top:1px #aaa dashed; text-align:center; line-height:40px; font-size:14px}


@media all and (max-width:1100px){
footer { border-top:2px #aaa solid; padding-top:5px}
footer .foot_1 { display:none}
footer .foot_2 { border-top:0 none}

}



.head_2 { background:#1B50B0; padding:30px 0; text-align:center; font-size:24px; color:#fff}





.index_2 { width:500px; margin:20px auto}
.index_2 ul li { position:relative; border-bottom:1px #eee dashed; padding:10px 0 10px 120px}
.index_2 ul li h3 { position:absolute; left:0; top:10px; line-height:34px;font-size:14px; width:100px; text-align:right}
.index_2 ul li .inp1 { background:#f5f5f5; line-height:32px; height:32px; width:100%}
.index_2 .tac { padding-top:15px}
.index_2 .inp2 { display:block; width:120px; text-align:center; cursor:pointer; line-height:34px; background:#1B50B0; margin:0 auto; color:#fff; font-size:16px; border-radius:5px}



@media all and (max-width:1100px){
.index_2 { width:90%}
.index_2 ul li { padding:10px 0 10px 0}
.index_2 ul li h3 { position:relative; left:auto; top:auto; width:auto; text-align:left; padding-bottom:5px}


}