@charset "utf-8";

/* global style */
.container { width: 982px; margin: 0 auto; }

.g-doc, .g-hd, .g-bd, .g-ft { width: 100%; }

/* 头部 */
.m-top { height: 36px; background: url(../img/m-top.jpg) repeat-x; }
.m-top a { float: right; padding: 0 25px 0 27px; height: 34px; line-height: 34px; font-size: 14px; }
.m-top .a1 { background: #f7f7f7 url(../img/m-top-split.jpg) no-repeat 0 0; }
.m-top .a2 { background: #d0d0d0 url(../img/m-top-split.jpg) no-repeat 0 0; }

.m-head { height: 108px; background: #fff; }
.m-head .logo { padding-top: 4px; }
.m-head .logo img { width: 230px; height: 90px; }

.m-nav .s-nav { width: 285px; height: 19px; background: url(../img/s-nav-bg.jpg) no-repeat; }
.m-nav .s-nav a { float: left; width: 71px; height: 19px; line-height: 19px; text-align: center; color: #fff; }
.m-nav .l-nav { padding-top: 45px; height: 44px; }
.m-nav .l-nav .nav { height: 44px; }
.m-nav .l-nav li { float: left; width: 106px; height: 44px; position: relative; z-index: 10; }
.m-nav .l-nav .tt { display: block; width: 106px; height: 44px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; }
.m-nav .l-nav .tt:hover { background: url(../img/li-bg.jpg) no-repeat 50% bottom; }
.m-nav .l-nav .drop { display: none; position: absolute; left: 0; top: 43px; width: 106px; }
.m-nav .l-nav .drop .ct { width: 94px; height: auto; padding: 5px 5px 8px; background: url(../img/drop-bg.png) repeat-y; border-radius: 4px; border: 1px #C8C8C8 solid; }
.m-nav .l-nav .drop p { height: 28px; line-height: 28px; text-align: center; border-bottom: 1px #fff solid; }

.m-banner { width: 100%; height:auto; background-color:#ebebeb;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
 
.slides li img{width:100%;height:auto;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}

.m-banner-b { width: 100%; height: 15px; background: url(../img/banner-b.png) repeat-x; }

/* 底部 */
.g-ft { height: 140px; border-top: 1px #ABABAB solid; background: #C1C1C1; }
.g-ft .logo { padding: 27px 0 0 20px; }
.g-ft .logo img { width: 150px; height: 60px; }
.g-ft .copy { padding: 12px 0 0 30px; }
.g-ft .copy .nav { height: 30px; line-height: 30px; color: #000; font-size: 13px; }
.g-ft .copy .nav a { color: #000; margin: 0 10px; }
.g-ft .copy p { line-height: 22px; padding-left: 10px; }
.g-ft .copy p span { padding-left: 15px; }
.g-ft .wei { padding: 32px 0 0 30px; }
.g-ft .wei img{width: 88px; height: 88px;padding-left:5px;}


.i-bg { width: 100%; height: 120px; background: url(../img/i-bg3.png) no-repeat 50% bottom; }




.hb{width:100%; height:224px;background:url('../img/bg3.gif') repeat-x;}
.hb-con{width:960px; margin:0 auto;padding:38px 0 0; background:url('../img/hb.gif') no-repeat; height:172px;}
.hb h3{width:177px;text-align:center; float: left;padding:86px 0 0;}
.hb .list-con{padding:0 12px 0 0;width:760px; float: right;}
.hb .list-con-a{padding:40px 3px 0 0;}
.hb .list-con-c{padding:40px 0 0 0 ; float: right;}
.hb li{width:171px;padding-left:10px; float: left;}
.hb li img{width:165px;height:96px;display:block; border:3px solid #aeb9c0;}
.hb li span{display:block; text-align:center;padding:8px 0;}
.hb li a{color:#333;}
@media only screen and (max-width:768px){
.fr{float:None;}
.m-head { height: 96px;}
.container { width: 100%; margin: 0 auto; }
.m-head .logo { width:100%; }
.m-head .logo img { width: 90px; height: auto;margin:5px calc(50% - 45px);}	
.m-nav .l-nav { padding-top: 0px; height: 44px; }
.m-nav .l-nav li { float: left; width: 25%; height: 44px; }
.m-nav .l-nav .tt {width: 100%; height: 44px; line-height: 44px; font-size: 12px; font-weight:100; }
.m-top,.s-nav,.hidden,.hb{display:none;}
.m-banner { width: 100%; height: 200px; background-color:#ebebeb;}
.g-ft { height: auto;}
.g-ft .copy .nav,.g-ft .wei{display:none;}
.g-ft .copy p { line-height: 22px; padding:0 6px; }
.g-ft .copy { padding: 12px 0 0 0; }

}