@charset "utf-8";
/* CSS Document */
body{ margin:0px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, '宋体'; font-size:14px; line-height:24px;color:#333;}
a,a:visited{color:#555; text-decoration:none;}
a:hover{color:#FF6537;}
#header{width:1200px; margin:0 auto; clear:both;}
#header #logo{ float:left;/*height:80px; */padding:25px 5px; padding-bottom:15px;}
#header #tr{ float:right; font-weight:bold; color:#FF4616; font-size:22px; text-align:right; margin-top:20px; padding-left:60px; background:url(24.png) no-repeat left top;}
#header #tr span{ display:block; font-size:18px; padding-top:5px;}
#header:before,#header:after{ content:""; display:block;}
#header:after{ clear:both;zoom:1;}

#navfrm{ background:#33AFF5; clear:both;}
#navfrm ul{width:1200px; margin:0 auto; padding:0px;}
#navfrm ul:before,#navfrm ul:after{ content:""; display:block;}
#navfrm ul:after{ clear:both;zoom:1;}
#navfrm ul li{ float:left; list-style:none;}
#navfrm ul li a,#navfrm ul li a:visited{ font-size:16px; display:block; padding:0px 20px; height:56px; line-height:56px; font-weight:bold; text-decoration:none;color:#FFF;}
#navfrm ul li a:hover{ background:#2f3f56;}

/* 本例子css */
.fullSlide{ width:100%;  position:relative;  height:460px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; margin:0px; padding:0px;}
.fullSlide .bd li{ width:100% !important;height:460px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{ display:block; height:500px; }
.fullSlide .hd{ width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;background:url(touming.png) repeat-x;text-align:center;_background:#000;_filter:alpha(opacity=60);}
.fullSlide .hd ul{ text-align:center;  padding-top:5px; margin:0px;}
.fullSlide .hd ul li{ cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:5px;background:url(tg_flash_p.png) -18px 0;overflow:hidden;line-height:9999px;}
.fullSlide .hd ul .on{ background-position:0 0; }

#htfrm{ background:#f7f7f7; line-height:50px;}
#htfrm #htc{width:1200px; margin:0 auto;}
.container{width:1200px; margin:15px auto; padding:15px 0px;}
.container:before,.container:after{ content:""; display:block;}
.container:after{ clear:both;zoom:1;}
.title{line-height:30px; font-size:24px;  color:#333; font-weight:bold; text-align:center; padding:0; border-bottom:1px #eee solid; display:block;}
.title em{ border-bottom:2px solid #1350a0; display:block;width:60px;height:12px; margin:0 auto;}

#left{width:240px; float:left; margin:0px; }
#left dl{ margin:0px;}
#left dt{ background:url(bj1.jpg) #33AFF5 no-repeat left top; font-size:32px; line-height:72px;color:#FFF; text-align:center;}
#left dd{ margin:5px 0px; padding:15px 0px; border:1px solid #ddd;}
#left dd li{ list-style:none; padding:0px 10px;}
#left a {height: 40px; padding-left:20px;line-height:40px;font-size: 16px;display:block; border-bottom:1px dashed #ddd;}
#left a:hover {background-color: #0d62be;color: #fff; border-left:2px solid #bc0008;}
#cbt{ background:#FF6537; padding:15px;color:#FFF;text-align:center; font-size:24px; font-weight:bold;}
#cbt p{ margin:0px; font-size:16px; line-height:28px; font-weight:normal; margin-bottom:10px; background:url(ico.png) #f0831e no-repeat 40px center;background-size: 16px auto;}
#profrm{width:940px; float:right;}
#profrm:before,#profrm:after{ content:""; display:block;}
#profrm:after{ clear:both;zoom:1;}
#profrm .ipt{ float:left; background:#f3f3f3; margin:30px 15px; margin-top:0px; padding:0px 6px;}
#profrm .ipt a{ display:block;}
#profrm .ipt a.pic{ width:271px;height:210px;overflow:hidden;border-bottom:none;display: flex;align-items: center;}
#profrm .ipt a.txt{ line-height:36px; border-top:1px solid #CCC; background:#33AFF5;color:#FFF;}
#profrm .ipt a img{width:100%;  -webkit-transition: -webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition: -o-transform 0.3s; transition: transform 0.3s;}
#profrm .ipt a img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transform: scale(1.1);}
#profrm .ipt:hover a.txt{background-color: #0d62be;}

#abfrm{ background:#f5f5f5;}
#abfrm dl{ padding:20px;}
#abfrm dl:before,#abfrm dl:after{ content:""; display:block;}
#abfrm dl:after{ clear:both;zoom:1;}
#abfrm dt{ float:left;width:450px;}
#abfrm dt img{ width:100%;}
#abfrm dd{ float:right;width:670px; margin:0px; padding-left:35px;}
#abkf a{ display:block; background:#34b0f6;width:100px; line-height:36px; float:right; text-align:center; margin-right:25px;}


#mafrm{width:1200px; margin:25px auto;}
#mafrm dd{ padding:20px; margin:0px;}
#mafrm dd:before,#mafrm dd:after{ content:""; display:block;}
#mafrm dd:after{ clear:both;zoom:1;}
.citm{ float:left;width:550px; padding:15px;}
.citm .pic{ float:left;width:220px;height:165px;overflow:hidden;border-bottom:none;display: flex;align-items: center;}
.citm .pic img{ width:100%;  -webkit-transition: -webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;-o-transition: -o-transform 0.3s; transition: transform 0.3s;}
.citm .pic img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transform: scale(1.1);}
.citm .ctx{ float:right;width:300px;}
.citm .ctx a{ font-weight:bold;}

#oefrm{ background:url(bgw.jpg) no-repeat center;}
#oefrm dl{width:1200px; margin:0 auto;}
#oefrm dl:before,#oefrm dl:after{ content:""; display:block;}
#oefrm dl:after{ clear:both;zoom:1;}
#oefrm dl dt{ float:left;color:#FFF; font-size:24px; font-weight:bold; line-height:24px; padding-top:60px;}
#oefrm dl dt span{ display:block; font-size:16px; font-weight:normal; padding-top:5px;}
#oefrm dl dt em{ display:block;width:30px;height:10px; border-bottom:2px solid #fff;}
#oefrm dl ul{ float:right; padding:0px; padding-top:160px; padding-bottom:20px;}
#oefrm dl ul li{ float:left;width:203px;color:#FFF; list-style:none; font-size:16px; text-align:center;}

#nfrm{ background:#f5f5f5; margin:0px; padding:25px 0px;}
#nfrm #ncs{width:1200px; margin:0 auto;}
#nfrm #ncs:before,#nfrm #ncs:after{ content:""; display:block;}
#nfrm #ncs:after{ clear:both;zoom:1;}

#nleft{ float:left;width:850px; background:#FFF;}
#nleft dd{ float:left;width:400px; margin:0px; padding:10px; border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;}
#nleft dd a{ font-weight:bold;}
#nleft dd p{ margin:0px; display:block;height:50px; overflow:hidden;}

#right{ float:right;width:300px;background:#FFF; padding:10px;}
#right dt{ font-size:16px; font-weight:bold; border-bottom:1px solid #f5f5f5;}
#right dd{ padding:10px; margin:0px;}

#flnk{width:1200px; margin:10px auto;}
#footer{ background:#27354b; padding:25px;color:#fff; text-align:center;}

#sider{width:260px; float:right;}
#sider dl{ margin:0px;}
#sider dl dt{ background:#33AFF5; font-size:24px;color:#FFF; padding:15px;}
#sider dl dd{ margin:0px;}
#sider dl dd#cate{ padding:5px; border:1px solid #f5f5f5; margin:5px 0px;}
#sider dl dd#cate li{ list-style:none; font-size:16px; line-height:32px;}
#sider dl dd#cate li a {height: 40px; padding-left:20px;line-height:40px;font-size: 16px;display:block; border-bottom:1px dashed #ddd;}
#sider dl dd#cate li a:hover {background-color: #0d62be;color: #fff; border-left:2px solid #bc0008;}

#sider dl#src dd{padding:5px 0px;}
#sider dl#src li{ list-style:none; background:url(li.jpg) no-repeat 5px center; padding-left:15px;}

#posfrm{ border-bottom:1px dashed #CCC; padding:10px; padding-top:0px;}
#posfrm:before,#posfrm:after{ content:""; display:block;}
#posfrm:after{ clear:both;zoom:1;}
#posfrm span{ float:left; display:block; font-size:16px; font-weight:bold;color:#33AFF5;}
#posfrm #pos{ float:right;}
#pagefrm{ clear:both; padding:10px;}
#pagefrm li{ list-style:none; display:inline-block;}

#lkfrm{clear:both;/* background:#999999;*/}
#lkfrm:before,#lkfrm:after{ content:""; display:block;}
#lkfrm:after{ clear:both;zoom:1;}
#lkfrm .st{border-bottom:2px solid #33AFF5; color:#33AFF5; font-weight:bold; padding:5px 10px; font-size:16px;}
#lkfrm #sn{ float:left;width:258px; padding-left:10px; padding-top:10px; margin:0px;}
#lkfrm #sn li{ list-style:none;background:url(li.jpg) no-repeat left center; padding-left:10px;}
#lkfrm .sit{ float:right; padding:10px; padding-bottom:0px;}
#lkfrm .sit a.pic{width:190px;height:144px; overflow:hidden;display:flex;vertical-align: middle;align-items: center; background:#CCC;}
#lkfrm .sit img{width:100%;}
#lkfrm .sit a{ display:block;}

#confrm{ float:left;width:920px;}

#psfrm{ padding:15px;}
#psfrm:before,#psfrm:after{ content:""; display:block;}
#psfrm:after{ clear:both;zoom:1;}
#psfrm .mp_pic{ float:left;}
.litpic{width:360px;height:280px;}
#psfrm .pp_right{ float:right;width:500px; position:relative;}
.pp_title{ font-size:18px;}
#psfrm .pp_right #msg{ position:absolute;right:0px;top:0px;}

.tel-box {background-color: #f5f5f5;padding: 15px 0; margin-top: 20px;text-align: center;}
.tel-box .tel p {color: #666;font-size: 16px;text-align: left; margin:0px;}
.tel-box .tel .t1 {font-size: 28px;color: #333;}
.tel-box .tel {background: url(tel.png) no-repeat left center;display: table;padding-left: 60px;height: 54px;margin: 0 auto 25px auto;}
.tel-box a {display: inline-block;font-size: 14px;background: #33AFF5 url(qq.png) no-repeat 25px center;height: 35px;width: 137px;line-height: 35px;color: #FFF;text-indent: 20px;margin: 0 5px;}
.tel-box a:hover{ background:#ff0011 url(qq.png) no-repeat 25px center;}

.nitm{ padding:10px; border-bottom:1px dashed #CCC;}
.nitm a{ font-weight:bold; font-size:16px; padding-left:5px;}
.nitm .date{ float:right;}
.nitm p{ padding:5px; margin:0px; clear:both;}

#pls:before,#pls:after{ content:""; display:block;}
#pls:after{ clear:both;zoom:1;}
#pls .pli{ float:left; padding:10px; padding-bottom:0px;}
#pls .pli a{ display:block;}
#pls .pli a.pic{width:286px;height:200px; display:flex;vertical-align: middle;align-items: center; overflow:hidden; background:#CCC;}
#pls .pli a.pic img{width:100%; border:none;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;-o-transition: -o-transform 0.3s;transition: transform 0.3s;}
#pls .pli a img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

#arcfrm{}
#arcfrm #msg{ border:1px solid #f3f3f3; background:#f7f7f7; margin:20px; padding:5px 10px;}