@charset "utf-8";
/* 公共 */
body{ background: url(../images/bg.jpg) 50% 37px no-repeat #f5f4f1 ; width:auto; min-width:1000px;}
.center{ width:1000px; position:relative; margin:0 auto; overflow:hidden;}
.title { height:60px; overflow:hidden;  text-align:center;background:#fafaf8}
.title .tit_s1 { display: block; width:150px; height:60px; background:url(../images/titlespan.jpg) 0 0 repeat-x; position:absolute; left:-160px; top:0;}
.title .tit_s2 { display: block; width:150px; height:60px; background:url(../images/titlespan.jpg) 0 0 repeat-x; position:absolute; right:-160px; top:0;}
.title b {line-height:60px; color:#444; font-size:36px; height:60px; display:inline-block; position:relative;}

.box { width:960px; padding:20px 20px 0 20px;height:250px; background:#fff;position: relative; }
.box .box_m{ display:block; width:960px;height:250px;position:relative;}
.box_show {clear:both; width:960px; height:250px; float:left; overflow:hidden; }
.box_show li{ width:960px; height:250px;overflow:hidden; }
.box li img{ float:left;}
.box li img.m{ margin:0 3px;}
.box li .t1,.box li .t2,.box li .t3{ width:318px; height:34px; line-height:34px;color:#fff; font-size:14px; text-align:center; font-weight: normal; position:absolute; bottom:0; background:rgba(0,0,0,0.5); background:#000\9;}
.box li .t1{ left:0}
.box li .t2{ left:321px;}
.box li .t3{ left:642px;}
.box .num { overflow:hidden; height: 8px; position: absolute; bottom:-15px;_bottom:10px; left: 475px; zoom:1; z-index:3 }
.num.num03 { left:480px;}
.num.num04, .num.num01 { left:490px;}
.box .num li { width: 8px; height: 8px; font-size:0; background: #666; margin-right: 7px;cursor:pointer; float: left; }
.box .num li.on { background: #3776db; } /*当前项*/
.box h3 {font-size:16px;color:#fff;line-height:28px;text-align:center;width:82px;height:28px;position:absolute;top:20px;z-index:999;font-weight:normal; }
.box h3.dh { left:20px; background:#f1bd09}
.box h3.hk { left:341px; background:#ff426e}
.box h3.yft { left:662px; background:#91d04d}
.atext {padding:15px 20px; background:#fff; _padding-top:0}
.atext p { line-height:30px; font-size:14px; color:#444; font-weight: 900; padding-top:13px; text-indent:2em;}
.atext p b{ font-size:16px; font-weight:900; line-height:30px;color:#cd1228 }
.shadow{ width:1000px; height:40px; background:url(../images/box_bot.jpg) 0 0 no-repeat; display:block;}

/*banner*/
.banner { width:1000px; margin:0 auto; height:420px; display:block; overflow:hidden; }
.banner .bg1{ background:url(../images/banner_1.jpg) 50% 0 no-repeat; height:124px; overflow:hidden; position:relative}
.banner .bg2{ background:url(../images/banner_2.jpg) 50% 0 no-repeat; height:146px; overflow:hidden;}
.banner .bg3{ background:url(../images/banner_3.jpg) 50% 0 no-repeat; height:150px; overflow:hidden;}
.banner .logo{ position:absolute; top:0; left:0; width:181px; height:52px; display:block;}

/*导语*/
.intro { width:1000px; background: url(../images/intro.jpg) 0 0 no-repeat #3776db; height:140px; margin-left:auto; margin-right:auto;}
.intro p{ padding:13px 25px 0 85px; height:auto; font-size:16px; color:#fff; line-height:28px; }

/*产品展示*/
.cpzs{ background:#fff; width:1000px; overflow:hidden; height:200px; margin-bottom:26px; }
.cp{ width:333px; height:200px; overflow:hidden;float:left;}


.xgcp{ margin-top:30px;}
.xgcp .cp { height:300px; background:#fff; margin-right:11px; width:326px; overflow:hidden;}
.xgcp .cp img { margin:1px auto 0 auto;}
.xgcp .cp .de { height:59px; width:324px; margin-left:1px; line-height:40px; padding-top:0; color:#3a2d1d; background:#fff; position:relative;}
.cp .de h3{ font-size:14px; line-height:22px; color:#444; padding-top:7px; padding-left:9px;}
.cp .de h4{ font-size:14px; line-height:22px; color:#cd1228; padding-left:9px;}
.cp .de span{ position:absolute; right:9px; top:10px; display:block; width:25px; height:30px; padding:5px 9px; background:#3776db; color:#fff; line-height:16px; font-size:12px;}
.xgcp .cp:hover{ text-decoration:none;background:#e5e4e1; cursor:pointer;}
.xgcp .cp.last{ margin-right:0}
.xgcp .cp a:hover{ text-decoration:none;}

/*end*/
.end { width:100%; background:#3776db;}
.end p{ width:1000px; margin:0 auto; color:#fff; line-height:28px; font-size:16px; padding:13px 0; }
.end p b{ background:#fafafa; color:#3776db; font-size:18px; padding:0 7px; margin-left:1px; height:26px; line-height:26px;}
.end p span{ background:url(../images/end_arr.jpg) 0 15px no-repeat; display:inline-block; height:26px; width:5px; padding-right:11px;}

/*footer*/
.footer{ width:100%; background:#fff;border-top:1px solid #ececec; }

/*侧边导航*/
.side_nav { position:fixed; left:50%; margin-left:510px;top:23%; visibility: hidden; display:block;overflow: hidden;  width:130px; /*height:363px;*/
_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-220);_display: block;-webkit-transform: scale(0.01,0.01);-moz-transform: scale(0.01,0.01);-o-transform: scale(0.01,0.01);-ms-transform: scale(0.01,0.01);transform: scale(0.01,0.01);-webkit-transition: all 400ms linear 0;-moz-transition: all 400ms linear 0;-o-transition: all 400ms linear 0;-ms-transition: all 400ms linear 0;transition: all 400ms linear 0;}
.side_nav_show { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.wx, .nav{background:#3776db; padding:0px 10px; width:110px; }
.wx { padding-top: 5px;}
.wx p{ font-size:14px; color:#fff; line-height:18px; font-weight:bold; margin-bottom:5px;}
.nav { padding-bottom:16px;}
.side_nav .nav a {  display:block; width:110px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:url(../images/nav_s.jpg) center bottom repeat-x;}
.side_nav .nav a:hover { text-decoration:none;}
.side_nav .gotop { margin-left:17px; width:84px; height:26px; display:block; background: url(../images/gotop.gif) 73px center no-repeat #f4cd1a;font-size:14px; color:#3776db; line-height:26px; font-weight:bold; padding-left:11px;}
.side_nav .gotop:hover{ text-decoration:none; color:#3776db;}