﻿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:#027ec6;}
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{font-size:20px; color:#027ec6;}

.ding{display:block; width:100%; height:40px; background:#363636; position:relative; z-index:2; left:0; top:0; overflow:hidden;}
.ding .i_out{display:block; position:absolute; left:0; top:0; z-index:8; height:40px; line-height:40px; width:100%;}
.ding .inner{display:block; }
.ding .inner .fl{width:50%; line-height:40px; font-size:14px; color:#9b9b9b;}
.ding .inner .fr{line-height:40px; text-align:right; width:50%; height:40px; position:relative; z-index:2; right:0; top:0;}
.ding .inner .fr a{font-size:14px; line-height:40px;color:#9b9b9b;padding-right:15px;}
.ding .inner .fr a:hover{color:#fff;}

.ding .inner .fr .ban{display:block; position:absolute; right:0; top:0; z-index:8; height:40px; line-height:40px;}
.ding .inner .fr .ban .tel{float:right; height:40px; line-height:40px; font-size:21px; color:#fff; font-family:Arial, Helvetica, sans-serif;  padding-left:35px; background:#027ec6 url(../images/tel.png) no-repeat 12px center;}


.logo{display:block; width:100%; height:100px; background:url(../images/logo_bg.jpg) repeat-x center top;}
.logo .fl{padding-top:20px;width:20%;}
.logo .fl img{display:block; width:100%;}
.logo .fr{width:76%;}
.logo .fr .menut{display:block; width:100%;}
.logo .fr .menut ul{display:block; width:100%; }
.logo .fr .menut ul li{float:left; width:11.1%; }
.logo .fr .menut ul li a{display:block; width:100%; line-height:100px; color:#282828; font-size:15px; font-weight:bold; text-align:center;}
.logo .fr .menut ul li a:hover{background:#027ec6; color:#fff;}



.ding .d_bg{display:block; position:absolute; left:50%; margin-left:600px; height:40px; line-height:40px; background:#027ec6;width:100%;}


.search_out{display:block; width:100%; height:80px; background:#fff; box-shadow:0px 0px 5px 2px #f0f0f0;}
.search_out .fl{width:50%; font-size:14px;line-height:80px; height:80px; overflow:hidden;}
.search_out .fl a{font-size:14px; line-height:80px; padding:0px 5px;}
.search_out .fl a:hover{text-decoration:underline; color:#027ec6;}
.search_out  .fr{width:35%; height:80px; position:relative; z-index:2; left:0; top:0; }
.search_out  .fr .search{display:block; position:absolute; z-index:8; right:0; top:20px; height:40px; background:#ececec; width:100%;}
.search_out  .fr .search .m_txt{float:left; width:88%;padding-left:1%; height:40px; background:none; border:none; }
.search_out  .fr .search .m_btn{float:right; width:10%; height:40px; background:none; border:none; cursor:pointer; background:url(../images/s_btn.png) no-repeat center center;}

.friendlink{display:block; max-width:1200px; margin:0 auto; margin-top:60px; border:1px solid #cecccc;}
.friendlink .f_in{display:block; padding:25px;}
.friendlink .f_in .title{float:left;width:15%; border-right:1px solid #e1e1e1;}
.friendlink .f_in .title .t_en{float:left; width:42px; height:46px; line-height:46px; font-size:52px; color:#027ec6; text-align:center;}
.friendlink .f_in .title .t_txt h4{display:block; font-size:22px; line-height:30px; color:#282828;}
.friendlink .f_in .title .t_txt .en{display:block;  line-height:20px; font-size:14px;  color:#027ec6; font-weight:normal; font-style:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.friendlink .f_in .con{float:right; width:82%;}
.friendlink .f_in .con a{font-size:14px; line-height:24px;display:inline-block; padding:0px 20px;}


.sub_menu{display:block; width:100%; height:70px; background:#027ec6; margin-top:60px; color:#fff; text-align:center; overflow:hidden;}
.sub_menu a{font-size:15px; line-height:70px; color:#fff; font-weight:bold; padding:0px 22px;}

.bot{display:block; width:100%; background:#4d4c4c;}
.bot .inner{display:block; padding:60px 0px;}
.bot .fl{width:15%; border-right:1px solid #717070;}
.bot .fl img{display:block; width:100%;}
.bot .mid{float:left;width:50%; font-size:14px; color:#fff; margin-left:3%;}
.bot .fr{width:10%;font-size:14px; color:#fff;}
.bot .fr img{display:block;width:100%;}


/*------------------------------------------------------------------------------------------------------------------------------------*/



#banner{display:block;cursor:pointer;width:100%;height:580px;position:relative;margin:0px auto;z-index:2;}
#banner .imglist{width:100%;height:580px;position:absolute;top:0px;left:0px;}
#banner .imglist a{display:block; width:100%; height:580px; 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: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:30px;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; border-radius:8px;}
.btn .hover{background:#027ec6;}


