﻿html,body{margin:0 auto; padding:0px; font-size:12px; line-height:24px;  color:#666; text-decoration:none; font-weight:normal; font-family:"Microsoft Yahei","微软雅黑","宋体";}
a{font-size:12px; line-height:24px; color:#666; font-weight:normal; text-decoration:none;}
a:hover{color:#133781;}
img{border:0;}

ul,dl,ol,li,dt,dd{list-style:none; margin:0; padding:0;}
li,dt,dd,p,h1,h2,h3,h4,h5,h6,p,font,em,i{margin:0; padding:0; }


table{border-collapse:collapse;}


/*--------------------------------------*/
.inner{display:block; max-width:1200px; margin:0 auto;}
.clear{clear:both; height:0px; font-size:1px; line-height:24px;}
.fl{float:left;}
.fr{float:right;}
.btn3{display:none;}
.z3{color:#133781; font-size:19px;}

.ding{display:block; width:100%; height:139px; background:url(../images/ding_bg.jpg) no-repeat center top;}
.ding .inner{max-width:1200px; margin:0 auto;}
.ding .inner .fl{width:50%}
.ding .inner .fl img{padding-top:55px; }

.ding .inner .fr{width:49%; position:relative; z-index:2; left:0; top:0; }
.ding .inner .fr .tel{display:block; position:absolute; right:0; top:54px; z-index:5; height:24px; padding-left:26px; background:url(../images/tel.jpg) no-repeat left center; font-size:24px; line-height:24px; color:#1f5199;}
.ding .inner .fr .menut{display:block; width:100%; height:50px; margin-top:80px; }
.ding .inner .fr .menut li{float:left;padding-left:4%;}
.ding .inner .fr .menut li a{display:block; line-height:50px; font-size:15px; color:#282828; font-weight:bold;transform:all 24s linear 0s; -webkit-transform:all 27s linear 0s; -moz-transform:all .7s linear 0s; -o-transform:all 7s linear 0s;}
.ding .inner .fr .menut li a:after{display:block; height:2px; width:0px;background:#1f5199; content:""; transform:all 24s linear 0s; -webkit-transform:all 27s linear 0s; -moz-transform:all .7s linear 0s; -o-transform:all 7s linear 0s;}
.ding .inner .fr .menut li a:hover{color:#1f5199; }
.ding .inner .fr .menut li a:hover:after{width:100%;height:2px;}



/*---------------------------------------------------------------------------------------------------------------------------------*/



#banner{display:block;cursor:pointer;width:100%;height:500px;position:relative;margin:0px auto;margin-top:40px;z-index:2;}
#banner .imglist{width:100%;height:500px;position:absolute;top:0px;left:0px;}
#banner .imglist a{display:block; width:100%; height:500px; cursor:pointer;}
#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:50px;margin-left:-40%; 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; left:50%;margin-left:40%; top:240px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
.btn{position:absolute;bottom:15px;left:47%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
.btn li{float:left;height:8px;width:8px;margin:0px 5px; background:#fff; cursor:pointer; }
.btn .hover{background:#133781;}


.friendlink{display:block; max-width:1200px; margin:0 auto; margin-top:80px; border-top:1px solid #e1e1e1;}
.friendlink .title{width:20%;}
.friendlink .con{width:78%; font-size:14px; line-height:80px;}
.friendlink .con a{font-size:14px; line-height:80px; padding:0px 25px; }
.friendlink .con a:hover{ text-decoration:underline; }
.friendlink .title h4{line-height:80px; font-size:22px; color:#282828;}
.friendlink .title h4 .en{font-size:14px; line-height:80px; text-transform:uppercase; padding-left:7px; font-weight:normal;}


.bot{display:block; width:100%; background:#e3e5e7; padding:50px 0px;}
.bot .fl{width:50%; font-size:14px; color:#282828;}
.bot .fr{width:26%; border-left:1px solid #bbbec2; padding-left:4%; }
.bot .fr dl{float:left; width:50%; }
.bot .fr dl dt a{display:block; line-height:40px; font-size:16px; color:#282828; font-weight:bold;}
.bot .fr dl dt a:hover{color:#1f5199;}
.bot .fr dl dd a{display:block; font-size:14px;color:#282828;}
.bot .fr dl dd a:hover{color:#1f5199; font-weight:bold; text-decoration:underline; }

.bot .fr .ewm{float:right; width:40%;}
.bot .fr .ewm img{display:block; width:100%;}
