﻿html,body{margin:0 auto; padding:0; font-size:12px; line-height:24px; color:#666; text-decoration:none; font-family:"微软雅黑","Microsoft Yahei","宋体"; font-weight:normal; }
a{margin:0; padding:0;font-size:12px; line-height:24px; color:#666; text-decoration:none; font-weight:normal;}
a:hover{color:#183a73;}

img{border:0;}

ul,ol,dl,li,dt,dd{list-style:none; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6,p,div,font,em,i,td,tr,table{margin:0; padding:0;}

.clear{clear:both; height:0; font-size:1px; line-height:1px;}

table{border:border-collapse;}

/*--------------------------------------------*/
.fl{float:left;}
.fr{float:right;}

.btn3{display:none;}
.z2{font-size:14px;color:#af1803;}
.z3{font-size:20px;color:#af1803;}
.inner{display:block; max-width:1200px; margin:0 auto;}

.ding{display:block; width:100%; height:40px; background:#183a73;}
.ding .fl{width:29.5%; font-size:14px; line-height:40px; color:#fff; height:40px; overflow:hidden;}
.ding .fr{width:55%; position:relative; z-index:2; left:0; top:0;}
.ding .fr .tel{float:left;font-size:14px; line-height:40px; color:#fff; padding-left:20px; background:url(../images/tel.png) no-repeat left center;}
.ding .fr .email{float:left; line-height:40px; color:#fff; font-size:14px; margin-left:40px;  padding-left:27px;background:url(../images/email.png) no-repeat left center;}
.ding .fr .phone{display:block; position:absolute; right:0; top:0px; z-index:9; background:#fff; width:100px; height:40px; cursor:pointer;}
.ding .fr .phone dl{display:block; position:absolue; z-index:10; left:0; top:40px;}
.ding .fr .phone dl dd{display:none; width:100%;}
.ding .fr .phone dl dd img{display:block; width:100%;}
.ding .fr .phone dl dt{display:block; line-height:40px; font-size:14px;padding-left:20px; background:url(../images/down.png) no-repeat 70px center;}


.logo{display:block; max-width:1200px; margin:0 auto; height:150px;}
.logo .fl{width:17%; padding-top:36px;}
.logo .fl img{display:block; width:100%;}
.logo .fr{width:71%;}
.logo .fr ul{display:block; width:100%;}
.logo .fr ul li{float:left; width:14.285%;}
.logo .fr ul li a{display:block; width:100%; height:150px; line-height:150px; font-size:16px; font-weight:bold; color:#282828; text-align:center;}
.logo .fr ul li a:hover{color:#183a73; background:#f0f0f0; line-height:148px; height:148px;}
.logo .fr ul li a:hover:after{display:block; content:"";height:2px; width:100%; background:#183a73;}


.friendlink{display:block; max-width:1200px; margin:0 auto;height:80px; margin-top:50px;overflow:hidden;}
.friendlink .title{width:20%;}
.friendlink .title h4{display:block; line-height:80px; font-size:22px; color:#282828;}
.friendlink .title h4 .en{line-height:80px;font-size:14px; color:#666; padding-left:8px; font-weight:normal; text-transform:uppercase;}
.friendlink .con{width:78%;margin:20px 0px;font-size:14px; color:#282828;height:40px; overflow:hidden;}
.friendlink .con a{line-height:40px; font-size:14px; color:#282828; padding:0px 22px;}
.friendlink .con a:hover{color:#af1903; text-decoration:underline; font-weight:bold; }

.bot{display:block; width:100%; background:url(../images/bot_bg.jpg) no-repeat center top;}
.bot .inner{display:block; padding:60px 0px;}
.bot .inner .fl{width:17%;}
.bot .inner .fl img{display:block; width:100%;}
.bot .inner .mid{width:40%;font-size:14px; line-height:24px; color:#fff; margin-left:25px;}
.bot .inner .fr{width:25%; border-left:1px solid #5b6f8c; padding-left:5%;}
.bot .inner .fr dl dt a{display:block; font-size:16px; line-height:30px; font-weight:bold; color:#fff;}
.bot .inner .fr dl dd{float:left; width:50%;}
.bot .inner .fr dl dd a{font-size:14px; color:#fff;}
/*-------------------------------------------------------------------------------------------------------------------------------*/


#banner{display:block;cursor:pointer;width:100%;height:560px;position:relative;margin:0px auto;z-index:2;overflow:hidden;}
#banner .imglist{width:100%;height:560px;position:absolute;top:0px;left:0px;}
#banner .img01{background:url(../images/1.jpg) no-repeat center top;}
#banner .img02{background:url(../images/2.jpg) no-repeat center top;}
#banner .img03{background:url(../images/3.jpg) no-repeat center top;}

#banner .left{display:block;position:absolute;left:5%; top:240px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat 0px  top;z-index:7;}
#banner .right{display:block;position:absolute; right:5%; top:240px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
.btn{position:absolute;bottom:20px;left:47%;display:block;padding:2px 7px; border-radius:11px;z-index:3;}
.btn li{float:left;height:8px;width:8px;margin:0px 5px; background:#282828; cursor:pointer; border-radius:8px; }
.btn .hover{background:#b11d09;}