/****-----Public-----***/
/*格式化代码-s*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
h1, h2, h3, h4, h5, h6 {font-family: "museo-slab"; font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; }
input, button { margin: 0; font-size: 12px; vertical-align: middle;outline:none;box-sizing: border-box;}
table { border-collapse: collapse; }
a { color: #333;
	outline:none; 
	text-decoration: none;
} 
img { border: none; }
body, form, div {font-size: 14px;font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体";}
/*格式化代码-e*/
body {background: #fff;}
.clearfix:before, .clearfix:after {content:""; display:table;}   
.clearfix:after {clear:both;}   
.clearfix { *zoom:1;}
.width { width: 1000px; margin:0 auto; position: relative; }  
.fl { float: left; }
.fr { float: right; }
.radius{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.over-txt {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.txt-a-A {text-transform: capitalize;text-transform:uppercase;text-transform:lowercase;}
.an {transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.m-l-20 {margin-left: 20px;}


.top {position: relative;background:url(../images/top.jpg) no-repeat center;height: 240px;}
.top-con {width: 100%;height: 240px;position: relative;}
.logo {height: 134px;padding: 20px 0 0 20px;}
.logo img {width: 440px;max-height: 134px;}
.se {width: 35px;height: 35px;position: absolute;right: 20px;top:0;z-index: 999;}
.se a {display: block;width: 35px;height: 35px;background:#548be6 url(../images/se.png) no-repeat center;border-radius: 5px;}
.se a:hover {background-color: #458bfd;}


.t-se {position: absolute; right:15px; top:15px; width: 160px; height: 35px;background: #fff;padding-right: 35px;}
.se-txt {width: 100%;height: 35px;line-height: 35px;color: #e2afdd;font-size: 12px;background: none;padding:0 12px; border:0;}
.se-sub {width: 35px;height: 35px;position: absolute;right: 0;top: 0;background:#548be6 url(../images/se.png) no-repeat center; cursor: pointer; border:0;}


#mask_shadow {display:none;opacity:0;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
#popup {display:none;opacity:0;position:absolute;z-index:20000;top:150px;width:600px;height:190px;box-shadow:0 5px 15px rgba(0,0,0,0.5);}
#popup .title {position:relative;width:100%;height:55px;background-color:#3785de;}
#popup .title p {padding-left:14px;line-height:55px;color:#fff;font-size: 18px;}
#popup .title span {position:absolute;top:12px;right:20px;width:30px;height:30px;line-height: 28px; color:#fff;opacity:.5;font-size:20px;cursor:pointer;text-align:center;border:1px solid #fff;}
#popup .title span:hover {opacity:.8;}
#popup .cont {width:100%;height:90px;background-color:#EDEDED;padding-top: 45px;}
.search-box {width: 80%;margin:0 auto;position: relative;padding-right:80px;}
.data_q {width: 100%;padding: 0 10px;height: 40px;line-height: 40px;background: #fff;border:none;}
.data_s {position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;width: 80px;font-size: 16px;color: #fff;border:none;text-align: center;background: #eea300;cursor:pointer;}
.data_s:hover {background: #d29002;}

.in_nav_con {width: 100%;height: 43px;background: url(../images/t-li.jpg) top repeat-x;padding-top: 2px;position: absolute;left: 0;bottom: 0;}
.he_nav{ height:43px; line-height:43px; position:relative; z-index:99;}
.he_nav a{ color:#fff;  }
.he_nav .nLi{ float:left;  position:relative; display:inline; width:114px;;}
.he_nav .nLi h3{ float:left;width: 100%;}
.he_nav .nLi h3 a{ display:block; font-weight: normal;width: 100%;font-size:16px;color: #fff; text-align: center;}
.he_nav .sub{ display:none; width:100%; left:0; top:43px;  position:absolute; background:#025f9e;  line-height:30px;  }
.he_nav .sub li{ zoom:1; text-align: center;}
.he_nav .sub a{ display:block; font-size: 14px; }
.he_nav .sub a:hover{ background:#4378d0; color:#fff; }
.he_nav .nLi:hover h3 a { background: #4378d0;color: #fff;}
.he_nav .nLi.nav_active h3 a {background: #4378d0;color: #fff;}
.he_nav .nLi.parent h3 a {background: #4378d0;color: #fff;}
.he_nav .nLi.selected h3 a {background: #4378d0;color: #fff;}

.in_main {margin-top: 15px;background: url(../images/main-bg.jpg) no-repeat center bottom;padding-bottom: 30px;}
.picture {position: relative;height: 320px;background: #f2f2f2;width: 580px;}
.slideBox{ width:580px; height:320px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a {display: block;width: 100%;height: 100%;position: relative;}
.slideBox .bd li p {position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;background: url(../images/op-black.png) repeat;}
.slideBox .bd img{ width:580px; height:320px; display:block;  }
.slideBox .hd{ width:100%;  position:absolute; z-index:1; bottom:25px; left:0; height:10px; text-align:center;}
.slideBox .hd ul{ text-align:center; }
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 5px;background:url(../images/dot.png) no-repeat left top;}
.slideBox .hd ul li.on{ background:url(../images/dot.png) no-repeat -9px top;}

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.about {width: 398px;height: 318px;border:1px solid #bfbfbf;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;}
.about h3 {font-size: 16px;height: 34px;color: #fff;line-height: 34px;padding:0 12px;background: #2154aa;}
.about_txt {padding: 12px 15px 0 15px;font-size: 14px;color: #333;line-height: 24px;height: 240px;overflow: hidden;}
.about_txt p {text-indent: 28px;}
.about_more {text-align: right;padding: 0 15px;}
.about_more a {color: #1751a4;font-size: 14px;}
.about_more a:hover {color: #227bfc;}

.news{width:580px;}
.in_main_b {margin-top: 20px;}
.news_tab {height: 40px;background: url(../images/line.jpg) repeat-x left 34px;position: relative;}
.news_tab .more {display: block; font-family:"宋体","SimSun";position: absolute;right: 0;top:0;display: block;width: 35px;height: 34px;line-height: 34px;}
.news_tab .more a {font-size: 12px;color: #999;}
.news_tab .more a:hover {color: #227bfc;}
.news_tab p a {display: block;float: left;width: 87px;height: 34px;line-height: 34px; text-align: center;font-size: 14px;color: #808080;padding-bottom: 6px;}
.news_tab p a:hover,.news_tab a.on {background: url(../images/li.png) no-repeat center;color: #fff;font-size: 16px;font-weight: bold;}
.news_item {position: relative;}
.news_item ul {padding:5px 0;}
.news_item li {padding: 0 85px 0 25px;background: url(../images/lili.png) no-repeat 3px center;line-height: 39px; position: relative;border-bottom: 1px dotted #a2a2a2;}
.news_item li a {display: block;width: 100%;height: 39px;font-size: 14px;color: #333;overflow: hidden;}
.news_item li span {display: block;position: absolute;top: 0; right: 0;height: 39px;line-height: 39px;width: 75px;text-align: center;font-size: 14px;color: #a2a2a2;}
.news_item li a:hover {color: #196bb8;}

.list_img dl{ float:left; padding:0 5px; width:142px; text-align:center;}
.list_img dl dt{ margin::0 auto; min-width:90px; height:130px; overflow:hidden;}
.list_img dl img{ height:100%;}
.list_img dl dd a{display: block;width: 100%;height: 39px;font-size: 14px;color: #333;overflow: hidden;}

.work {width: 400px;}
.in-t {height: 40px;background: url(../images/line.jpg) repeat-x left 34px;position: relative;}
.in-t span {font-size: 16px;color: #fff;font-weight: bold; display: block;width: 87px;height: 34px;line-height: 34px;padding-bottom: 6px;text-align: center; background: url(../images/li.png) no-repeat center;}
.in-t a {display: block;position: absolute;font-weight: normal; right: 0; top:0;height: 34px;line-height: 34px;text-align: center;width: 35px;color: #999;font-size: 12px;font-family:"宋体","SimSun";}
.in-t a:hover {color: #227bfc;}
.work-con {}
.work-con-l {width: 250px;height: 190px;margin-top: 14px;}
.work-con-l img {width: 250px;height: 190px;}

.slideBox02{ width:250px; height:190px; overflow:hidden; position:relative;}
.slideBox02 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox02 .bd li{ zoom:1; vertical-align:middle; }
.slideBox02 .bd li a {display: block;width: 100%;height: 100%;position: relative;}
.slideBox02 .bd li p {position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;background: url(../images/op-black.png) repeat;}
.slideBox02 .bd img{ width:250px; height:190px; display:block;  }
.slideBox02 .hd{ width:100%;  position:absolute; z-index:1; bottom:15px; left:0; height:10px; text-align:center;}
.slideBox02 .hd ul{ text-align:center; }
.slideBox02 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 5px;background:url(../images/dot.png) no-repeat left top;}
.slideBox02 .hd ul li.on{ background:url(../images/dot.png) no-repeat -9px top;}
.slideBox02 .prev,
.slideBox02 .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:32px; height:60px; background:url(../images/slider-arrow.png) -110px 15px no-repeat;/*background-color:#666; */ filter:alpha(opacity=70);opacity:0.7;   }
.slideBox02 .next{ left:auto; right:3%; background-position:8px 15px; }
.slideBox02 .prev:hover,
.slideBox02 .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.work-con-r {width: 140px;}
.work-con-r li {padding: 0 0 0 10px;background: url(../images/p.png) no-repeat 3px center;line-height: 39px; position: relative;border-bottom: 1px dotted #a2a2a2;}
.work-con-r li a {display: block;width: 100%;height: 39px;font-size: 14px;color: #333;overflow: hidden;}
.work_b {margin-top: 15px;}
.work_b ul {margin-top: 10px;}
.work_b li {width: 95px;height: 40px;float: left;margin-right: 6px;}
.work_b li a {padding-left: 30px;display: block;background-color:#114fa8;background-repeat:no-repeat;background-position: 5px center; height: 40px;line-height: 40px;color: #fff;font-size: 14px;}
.work_b li.dd{margin-right: 0;}
.work_b li.aa a {background-image: url(../images/a.png);}
.work_b li.bb a {background-image: url(../images/b.png);}
.work_b li.cc a {background-image: url(../images/c.png);}
.work_b li.dd a {background-image: url(../images/d.png);}
.work_b li a:hover {background-color:#227bfc;}
.img_list {overflow: hidden;margin-top: 65px;position: relative;padding: 0 30px;}
.img_ul {width: 940px;overflow: hidden;}
.img_ul ul li {float: left;position: relative;width:230px;height: 135px;margin:0 13px;}
.img_ul ul li img {width: 100%;height: 100%;}
.img_list .prev,.img_list .next {display: block; width: 20px;height: 50px;position: absolute;top: 50%;margin-top: -25px;background-color: #114fa8;background-image:url(../images/arrow.png);background-repeat:no-repeat;}
.img_list .prev {left: 0;background-position:-22px 5px;}
.img_list .next {right: 0;background-position:1px 5px;}
.img_list .prev:hover,.img_list .next:hover {background-color:#227bfc; } 

.foot {background: #5a94e7;padding:10px 0;font-family:"宋体","SimSun";}
.link {font-size: 12px;color: #f6ffff;line-height: 20px;}
.link a {font-size: 12px;color: #f6ffff;margin:0 5px;}
.link a:hover {color: #aaccfd;}
.person {font-size: 12px;color: #f6ffff;line-height: 20px;}
.person span {display: inline-block;line-height: 20px;padding:0 10px;background: #3b7cda;margin:0 5px;}
.footer {background: #114fa8;font-size: 12px;color: #f6ffff;font-family:"宋体","SimSun";text-align: center;}
.footer-con {padding:18px 0;position: relative;}
.footer-con p {line-height: 24px;}
.fo-ewm {position: absolute;right: 0;top: 30px;}
.fo-ewm a {display: inline-block;margin:0 4px; position: relative; width:27px;height:27px;background-color: #3e84e8;background-repeat:no-repeat;background-position:center; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.w-01 {background-image:url(../images/wx.png);}
.w-01 .ewm {position: absolute;width: 120px; height: auto; left: 50%;margin-left:-60px;bottom: 27px;display: none;}
.w-02 {background-image:url(../images/wb.png);}


/*底部*/

.page_main {margin-top: 10px;}
.page_con {position: relative;}
.bg_f7 {background: #f7f7f7;position: absolute;left: 0;top: 10px;width: 210px;bottom:0;z-index: 1;}
.pageNav{width: 210px;position: relative;z-index: 10;margin-top: 10px;}
.pageNav h3 { width: 100%;height: 58px;line-height: 58px;color: #fff;font-size: 18px;font-weight: normal;border-bottom: 2px solid #f8b059;}
.pageNav h3 a {display: block;background: #096bac;color: #fff;font-size: 20px;padding-left: 20px;}
.pageNav ul {padding:0;}
.pageNav ul li {float: left;width:208px; display: block;border:1px solid #d9d9d9;border-top: none; height: 44px;background: #fefefe;}
.pageNav ul li a {display: block;position: relative;height: 44px;line-height: 44px;font-size: 14px;color: #004466;padding-left: 15px;}
.pageNav ul li a span {display: inline-block;vertical-align: middle; width: 6px;height: 12px;background:url(../images/li_b.jpg) center no-repeat;margin-right: 5px;}
.pageNav ul li:hover a {color: #f8b059;}
.pageNav ul li:hover a span {background:url(../images/li_r.jpg) center no-repeat;}
.pageNav ul li.on a {color: #f8b059;}
.pageNav ul li.on a span {background:url(../images/li_r.jpg) center no-repeat;}

.pageR {padding: 0 0 30px 30px;width: 760px;background: #fff;}
.pageR_t {width: 100%;height: 40px;overflow: hidden;position: relative;z-index: 9;}
.pageR_t p {display: block;float: left;font-size: 20px; color: #1f88cf;height: 40px;line-height: 40px;position: relative;padding:0 10px;z-index: 999;}
.pageR_t_a {float: right;height: 45px;line-height: 45px;color: #999;font-size: 12px;padding-right: 10px;}
.pageR_t_a a {color: #999;font-size: 12px;}
.pageR_t_a a:hover {color: #1f88cf;}
.pageR .line {width: 100%;height: 2px;background: #1f88cf;}

.pageR_news_list {margin:10px 0 40px;}
#news_list li {padding: 5px 110px 5px 30px;line-height: 30px;height: 30px;position: relative;border-bottom: 1px solid #dfdfdf;background: url(../images/li_i.png) 10px center no-repeat;}
#news_list li a {display: block;width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #333;overflow: hidden;}
#news_list li span {width: 100px;position: absolute;display: block;right: 0;top: 5px;height: 30px;line-height: 30px;font-size: 12px; color: #7f7f7f;text-align: right;}
#news_list li:hover a {color: #1f88cf;}

.pageR_article {padding:20px 0 30px;}
.pageR_article .title {font-size: 16px; color: #313131;font-weight: normal;text-align: center;line-height: 30px;padding:10px 0;font-weight: bold;}
.pageR_article .info {font-size: 12px;color: #636262;line-height: 24px;text-align: center;}
.pageR_article .info span {display: inline-block;padding:5px 6px;}
.pageR_article .con {color: #3c3c3c;font-size: 14px;line-height: 30px;padding-bottom: 15px;margin-top: 15px;}
.pageR_article .con img {max-width: 100%!important;height: auto!important;}