@charset "utf-8";
/* CSS Document */
a{color:#565656; text-decoration:none;}
a:hover{ text-decoration:none;color: #549ac1;}
body{ font-family:"微软雅黑"!important; font-size:14px!important; color:#565656!important; border:0; padding: 0; margin:0; clear:both; background:#fff!important;}
/*内页店铺*/
#moTou { display:none;}
body p{ font-family:"微软雅黑"!important;}

/*main css*/
.izl-rmenu{position:fixed; right:2%;  bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.nhs_left img{width:196px; height:150x;}
/* 本例子css */
.scrollBk li { width:347px; float:left; height:273px;}
.scrollBk li a{ display:block;}

.column-clear{ clear:both;}
.wrapper{ margin:0px auto; padding:0px;width:1080px;}
.portfolio-content, .portfolio-area{width:1080px;}
.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}


.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}
/**** END PORTFOLIO STYLES*****/
.pp_nav { display:none!important;}

#tab .tab_menu li  { background:none;}

.asd{width:100%;height:100%;position:fixed;top:0;display:none; z-index:99999;}
.text {z-index:-10; position: fixed; left:0; top:0; background:url(../images/kd.png) no-repeat center bottom #000;opacity:0.5; width:100%; height:100%;}


.big { width:100%; height:auto; position:relative; overflow:hidden;}
.max { width:1200px; height: auto; background:#fff; border:2px solid #ebeaea; margin:0 auto;  overflow:hidden; position:relative; border-radius:1.6em; padding:1%;}
.max_head { width:100%; height:auto; overflow:hidden; background:#f1f1f1; line-height:46px;}
.max_head_left { width:20%; float:left;}
.max_head_right { width:20%; float: right; text-align:right;}
.magesss { width:70%; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;}
.magesss_b { float:left; width:80%}
.magesss_a { float:left; width:20%; padding-top:5px; text-align:right;}


#wrap{
    display: table; width:100%; height:100%;  text-align:center; z-index:-9; position:absolute; overflow:hidden;
}
#ksd { width:20px; height:20px; margin:0 auto; background:#fff;}
#cedl {
    display: table-cell; 
    vertical-align: middle;
}


/*首页头部*/
.top { width:100%; height:auto; margin:0 auto; }
.top_ls { width:100%; height:auto; margin:0 auto; background:url(../images/index2_02.jpg)}
.top_lg { width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.top_lg_left { width:750px; float:left; height:auto; line-height:40px; color:#fff;}
.top_lg_right { width:440px; float:right;}
.top_lg_right_a { float:left; line-height:40px; color:#fff;}
.top_lg_right_a img { float:left; padding-top:8px; padding-right:5px;}
.top_lg_right_b { float:right;}
.top_lsh { float:left; padding-top:8px;}
.top_lg_right_b ul { float:left;}
.top_lg_right_b ul li { float:left; padding-left:10px; padding-right:10px; border-right:1px solid #fff; margin-top:10px;}
.top_lg_right_b ul li a { color:#fff;}
.top_lg_right_b ul li:nth-child(2){ border-right:0;}

.top_a { width:100%; height:auto; margin:0 auto; }
.top_lsd { width:1243px; height:auto; margin:0 auto;     display: flex; }
.top_lsd_pd { float:left;margin: 20px auto 20px 0;}
.top_nav { float:right; margin-top:38px;}
.top_nav li { float:left; width:110px; padding-left:10px; padding-right:10px; border-radius:0.7em;line-height:32px; text-align:center; margin-left:2px;}
.top_nav .ls { background:url(../images/index2_02.jpg); }
.top_nav .ls a { color:#fff; display:block;}
.top_nav li:hover { background:url(../images/index2_02.jpg); }
.top_nav li:hover a { color:#fff;}


/*banner*/



/*banner*/
.fouse{ width:100%; margin:0 auto;  overflow:hidden;}
.hbann{ width:100%; margin:0 auto; height:auto;}
#full-screen-slider { width:100%; height:auto; float:left; position:relative; }
#slides { display:block; width:100%; height:34vw; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-indent:-9999px;}
#slides li a { display:block; width:100%; height: auto; text-indent:-9999px;}
#pagination { width:100%; text-align:center; display:block; list-style:none; position:absolute;  margin-left:0%!important; bottom:50px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
.fouse #pagination li { display:block; list-style:none; width:16px; height:16px; display:inline-block; text-align:center; margin-left:15px; background:#fff;}
.fouse #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.fouse #pagination li.current { background:#005da8;}
.moBanner{ width:100%; margin:0 auto; display:none;}
.fouse_foot { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pro_bottm { width:100%; height:auto; overflow:hidden; padding-top:1%;}
.fouseh{ width:100%; margin:0 auto;  overflow:hidden;}



.fouse1{ width:100%; margin:0 auto;  overflow:hidden;}
.hbann1{ width:100%; margin:0 auto; height:450px; overflow:hidden;}
.hbann1 #pagination { width:100%; text-align:center; display:block; list-style:none; position:absolute;  margin-left:0%!important; top:400px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
.fouse1 #pagination li { display:block; list-style:none; width:16px; height:16px; display:inline-block; text-align:center; margin-left:15px; background:url(../images/about2_05.png);}
.fouse1 #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.fouse1 #pagination li.current { background:url(../images/about2_03.png);}

/*头部右边*/
/*首页*/
.sabout { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.sabout_a { width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.sabout_top { padding-top:40px; text-align:center; line-height:26px; background:url(../images/index3_03.jpg) no-repeat center bottom; padding-bottom:5px;}
.sabout_top span { font-size:32px; color:#1a71b7; font-family:"宋体"; font-weight:bold;}
.sabout_top_ls { width:100%; height:auto; text-align:center; line-height:26px; padding-top:43px;}
.sabout_pd  { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center; margin-top:40px; padding-bottom:65px;}
.sabout_pd li { width:151px; height:150px; display:inline-block; margin-left:40px; margin-right:40px; line-height:20px;}
.sabout_pd li a { display:block;   width:151px; height:150px;}
.sabout_pd .kh1 a { background:url(../images/index8_03.jpg) no-repeat;}
.sabout_pd .kh1 a:hover { background:url(../images/index9_03.jpg) no-repeat;}
.sabout_pd li a { display:block;}

.sabout_pd .kh2 a { background:url(../images/index6_05.jpg) no-repeat;}
.sabout_pd .kh2 a:hover { background:url(../images/index5_05.jpg) no-repeat;}

.sabout_pd .kh3 a { background:url(../images/index5_07.jpg) no-repeat;}
.sabout_pd .kh3 a:hover { background:url(../images/index6_07.jpg) no-repeat;}

.sabout_pd .kh4 a{ background:url(../images/index5_09.jpg) no-repeat;}
.sabout_pd .kh4 a:hover { background:url(../images/index6_09.jpg) no-repeat;}

.sabout_pd .kh5 a{ background:url(../images/index5_11.jpg) no-repeat;}
.sabout_pd .kh5 a:hover { background:url(../images/index6_11.jpg) no-repeat;}

.sabout_pd li p span { display:block; font-size:18px; color:#333333; padding-top:5px;}

.snews { width:100%; height: auto; background:#e9eef2;}
#tab { width:100%; height:auto; overflow:hidden; padding-top:35px;}
#tab .tab_menu { width:100%; height:auto; overflow: hidden; text-align:center;} 
#tab .tab_menu li { display:inline-block; width:120px; line-height:42px;  background:url(../images/index11_03.jpg) no-repeat right center; }
/*#tab .tab_menu li:nth-child(3) { background:url(images/);}*/
#tab .tab_menu .selected:nth-child(3) { background:url(../images/index2_02.jpg)!important; color:#fff;}
#tab .tab_menu  .selected { background:url(../images/index2_02.jpg); color:#fff;}
#tab .tab_menu  .selected a { color:#fff;}
#tab .tab_box { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:30px;}
#tab .tab_box li { width:580px; float: left; background:#fff; border-bottom:3px solid #cbd4db; border-right:3px solid #cbd4db; margin-bottom:22px; max-height:153px;}
#tab .tab_box li:nth-child(2n+2){ float:right;}
.hide { display:none;}




.snews_left { width:194px; height:150px; float:left;}
.snews_left img { width:194px; height:150px;}
.snews_right { float:left; width:383px; padding:15px; line-height:19px; border:1px solid #fff; }
.snews_right span { font-size:16px; color:#333333; display:block; padding-bottom:5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.snews_right font { color:#cccccc;}
.snews_right a { color:#35dbe1}
.snews_right a:hover { color:#35dbe1}
.www360buy .bd li:hover  .snews_right { border:1px solid #005da8; }
.www360buy .bd li:nth-child(2n+2) { float:right;}


.scrollB { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.scrollB li { width:150px;}

.scrollB li  img { width:100%; height:auto}
.scrollB li:nth-child(3n+3){ margin-right:50px; width:180px;}




.zy-Slide{ font-size: 12px; position:relative; width:1200px; height: auto; padding-bottom:80px; margin:55px auto 0;  position:relative;}
.zy-Slide ul{width:1200px;height:380px;margin:0;padding:0;}
.zy-Slide li{ position:absolute; list-style:none; width:0; height:380px; top:146px; left:377px; z-index:0; cursor:pointer;
 border-radius:3px; margin:0; padding:0; background:#f2f4f6!important; border-radius:0.6em;}
.zy-Slide li img{ width:100%; height:100%; vertical-align:middle;}
.zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){ position: absolute; top: 50%; width: 39px; height: 40px; margin-top: -20px; cursor: pointer; line-height: 40px; padding-left: 12px; padding-right: 12px; }
.zy-Slide section:nth-child(1){ left:550px; top:380px;  position:absolute; z-index:999999;}
.zy-Slide section:nth-child(2){ left:600px; top:380px; position:absolute; z-index:999999;}
.zy-Slide li .kds { width:100%; margin:0 auto; line-height:24px; padding:5%; background:#f2f4f6;}
.zy-Slide li .kds p { width:80%; margin:0 auto; overflow:hidden;}
.zy-Slide li .kds p span { font-size:18px; color:#005da8;}


.ky { width:100%; height:200px; }

/* 本例子css */
.pros_h { width:100%; height:auto; margin:0 auto; overflow:hidden;  margin-top:16px;}
.scroll{ width:100%;  background:url(../images/scrollBg.png) ; position:relative; display:none;}
.scroll .piclist{ overflow:hidden; zoom:1;}
.scroll .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scroll {position:relative;overflow:hidden;zoom:1; }
.scroll .piclist li{float:left; display:inline; width:280px; margin-right:25px; border-radius:0.5em; text-align:left; line-height:20px; background:url(../images/index4_03.jpg) no-repeat top left;}
.scroll .piclist li img { width:260px; height:330px; margin-top:20px; margin-left:20px;}
.scroll .piclist li a { color:#333;}
.scroll .piclist li span{height:25px;line-height:25px;display:block;text-align:left; font-size:16px; color:#b323d3;}
.scroll .piclist li font { padding-left:15px;}
.scroll .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute; bottom:0; cursor:pointer;text-indent:-999em;overflow:hidden; }
.scroll .pageBtn .prev{ left:0; background:url(../images/index_32.jpg) no-repeat;}
.scroll .pageBtn .next{ right:0; background:url(../images/index_34.jpg) no-repeat;}

.scroll .pageBtn .list{overflow:hidden;zoom:1; text-align:center; margin-top:29px;}
.scroll .pageBtn .list li{ background:url(../images/index2_05.jpg); display:inline-block;  width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scroll .pageBtn .list li.on{ background:url(../images/index2_03.jpg) no-repeat; }




/* 本例子css */
.pros_h { width:100%; height:auto; margin:0 auto; overflow:hidden;  margin-top:16px;}
.scrollBox{ width:100%;  background:url(../images/scrollBg.png) ; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scrollBox {position:relative;overflow:hidden;zoom:1; }
.scrollBox .piclist li{float:left; display:inline; width:280px; margin-right:25px; border-radius:0.5em; text-align:left; line-height:20px; background:url(../images/index4_03.jpg) no-repeat top left;}
.scrollBox .piclist li img { width:260px; height:330px; margin-top:20px; margin-left:20px;}
.scrollBox .piclist li a { color:#333;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:left; font-size:16px; color:#b323d3;}
.scrollBox .piclist li font { padding-left:15px;}
.scrollBox .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute; bottom:0; cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{ left:0;background-position:-11px -84px ; background:url(../images/index_32.jpg) no-repeat;}
.scrollBox .pageBtn .next{ right:0;background-position:-53px -84px ;  background:url(../images/index_34.jpg) no-repeat;}

.scrollBox .pageBtn .list{overflow:hidden;zoom:1; text-align:center; margin-top:29px;}
.scrollBox .pageBtn .list li{ background:url(../images/index2_05.jpg); display:inline-block;  width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{ background:url(../images/index2_03.jpg) no-repeat; }


.sbout_pd { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:63px;}
.sbout_pd li { width:350px; float:left; position: relative; margin-right:75px; margin-bottom:60px;}
.sbout_pd li:nth-child(3n+3) { margin-right:0;}
.sbout_pd li b { position:absolute; z-index:9999; background:url(../images/index8_03.png) no-repeat; background-size:100%; width:100%; height:100%; display:none; border-radius:1em;}
.shkd { color:#fff; width:90%; margin:0 auto; padding-top:30%; text-align:center; line-height:26px;}
.shkd  span { font-size:20px;}
.sbout_pd li:hover b { display:block;}
.sbout_pd li img { width:352px; height:261px;}

.tz { width:100%; height:auto; margin:0 auto; background:#e9eef2;}
.tz_p { width:100%; height:380px; background:url(../images/index20_03.png); margin-top:35px; margin-bottom:60px;}
.tz_p li { width:25%; height:380px; float:left;}
.tz_top { padding-top:55px; text-align:center;}
.tz_ks { width:80%; height:auto; margin:0 auto; overflow:hidden; text-align:center; padding-top:20px; background:url(../images/index19_06.png) no-repeat center bottom; padding-bottom:15px;}
.tz_ks span { font-size:20px; color:#333333;}
.ts_ls { width:80%; height:auto; margin:0 auto; text-align:center; line-height:26px; padding-top:35px;}
.ts_bot { width:81px; height:auto; margin:0 auto; border:1px solid #999999; line-height:26px; margin-top:36px; text-align:center; display:none;}
.tz_p li:hover { background:#363a3e;}
.tz_p li:hover .tz_ks span { color:#ffffff;}
.tz_p li:hover .tz_ks { color:#fff;}
.tz_p li:hover .ts_ls { color:#fff;}
.tz_p li:hover .ts_bot { width:81px; height:auto; color:#fff; margin:0 auto; border:1px solid #fff; line-height:26px; margin-top:36px; text-align:center; display:block;}
.tz_p li:hover .ts_bot a { color:#fff;}



/* marqueeleft */
.about_gg .marqueeleft{height: auto;width:1200px;overflow:hidden;margin:0 auto; padding-top:10px; padding-bottom:0px; text-align:center; line-height:36px; padding-bottom:45px;}
.about_gg .marqueeleft ul{float:left;}
.about_gg .marqueeleft li{float:left;margin:0 15px;display:inline;width: auto;height: auto;overflow:hidden;}
/* marqueetop */
.about_gg  .marqueetop{height:429px;width:148px;overflow:hidden;margin:40px auto;}
.about_gg  .marqueetop li{padding:5px 0;width: auto;height: auto;overflow:hidden;}
.about_gg  .marqueetop li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.about_gg  .marqueetop li .txt{text-align:center;height:23px;line-height:23px;}
.fag_tt{ width:800px; margin:0 auto; font-size:18px;}
.fag_ttg{ width:770px; margin:0 auto; font-size:18px;}
.fag_ttd{ width:769px; margin:0 auto; font-size:18px;}
.fag_ttt{ width:800px; margin:0 auto; font-size:18px;}
.hz { float:left; width:13.2%; height:auto; margin-left:0.5%; margin-right:0.5%; padding-bottom:1%;}
.agg { float:left; width:15.6%; height:auto; margin-left:0.5%; margin-right:0.5%; padding-bottom:1%;}
.fag_tra { width:810px; margin:0 auto; font-size:18px;}

.yq_top { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:52px; font-size:20px; color:#999999; padding-bottom:29px;}
.yq_top span { color:#1a71b7; font-size:26px; }


.foot { width:100%; height:auto; margin:0 auto; background:#0b5ea1;}
.foot_a { width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:26px; padding-bottom:50px;}
.foot_left { width:200px; float:left; line-height:36px;}
.foot_left li a { color:#cccccc;}
.foot_left .kf { width:100%; height:auto; background:url(../images/index23_03.jpg) no-repeat bottom left;}
.foot_left .kf a { color:#fff; font-size:18px; color:#ffffff;}

.foot_pd { width:100%; height:auto; margin:0 auto; overflow:hidden;  background:#014279; text-align:center; color:#fff; line-height:26px; padding: 10px 0;}
 .foot_pd a{color: #fff;}
 .foot_pd a:hover{ color: #fff;}

.nabout { width:100%; height:215px; margin:0 auto; position:relative;}
.nabout_l { width:100%; height:200px; margin:0 auto; background:#f5fbff; border-bottom:1px solid #dee6ec; border-top:1px solid #dee6ec;}
.nabout_top { width:1200px; height:auto; margin:0 auto; text-align:center; padding-top:52px; font-size:30px; font-family:"宋体"!important; color:#666666; }
.nabout_top span { display:block; background:url(../images/about1_03.jpg) no-repeat center bottom; font-size:36px; color:#095b9d; padding-bottom:15px; margin-bottom:15px;}


.nabout_s { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.nabout_s { position:absolute; z-index:999; bottom:0px;}
.nabout_y { width:1200px; height:auto; text-align:center; margin:0 auto;}
.nabout_y li { display:inline-block; width:110px; height:35px; border:1px solid #cac8c8; text-align:center; line-height:35px; background:#fff;}
.nabout_y li a { color:#333;}
.nabout_y .ks { background:url(../images/index2_02.jpg);}
.nabout_y .ks a { color:#fff;}

.about_d { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.about_os { width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:19px; padding-bottom:87px;}
.nabout_atop { width:100%; height:auto; margin:0 auto; overflow:hidden; line-height:26px; color:#999999;}
.nabout_atop img { float:left;}
.nabout_atop span { color:#095b9d;}

.nabout_yd { width:100%; height:61px; background:url(../images/about7_03.jpg) no-repeat center; text-align:center; font-size:16px; color:#666666; line-height:26px; margin-top:40px; margin-bottom:52px;}
.nabout_yd span { font-size:26px; color:#095b9d;}

.nabout_p { width:100%; height:auto; margin:0 auto; line-height:26px;}
.nabout_p  p { text-indent:2em;}
.nabout_ys { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:32px; padding-bottom:40px;}
.nabout_ys li { width:50%; height:auto; float:left; text-align:center;}

.lianx { width:100%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;}
.lianx li { width:392px; float:left; padding:2%; height:250px; background:#f5fbff; margin-right:10px; margin-bottom:20px; border:1px solid #eaf3f8; border-radius:0.6em;}
.lianx li:nth-child(3n+3) { margin-right:0;}
.lainxi_top { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center; color:#333333; font-size:16px; padding-bottom:27px;}
.lianx li p { width:100%; line-height:36px; color:#666666;}

.mages { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:36px;}
.mages_left { width:628px; float:left;}
.mages_right { width:540px; float:right;}
.mages_right li { width:100%; height: auto; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.mages_right li input{ padding-left:10%; width:100%; background:none; border:1px solid #ccc; height:39px; }
.mages_right li:nth-child(1){ background:url(../images/contact_10.jpg) no-repeat center left;}
.mages_right li:nth-child(2){ background:url(../images/contact_14.jpg) no-repeat center left;}
.mages_right li:nth-child(3){ background:url(../images/contact_17.jpg) no-repeat center left;}
.mages_right li:nth-child(4){ background:url(../images/contact_20.jpg) no-repeat center left;}
.mages_right li:nth-child(5){ background:url(../images/contact_23.jpg) no-repeat left top;}
.mages_right li #content { padding-left:10%; width:100%; background:none; border:1px solid #ccc; height: auto; }
.mages_ts { width:250px; height:auto; background:#0d6bb1; height:39px; text-align:center; line-height:39px;}
.mages_ts a { color:#fff;}
.mages_ts a:hover { color:#fff;}

.hs { width:100%; height:50px; background:url(../images/course_03.jpg) no-repeat center;}
.hs_pd { width:100%; height: auto; overflow:hidden; background:url(../images/course1_03.jpg) center top;}

.hs_pd li { width:48%; float:left; margin-right:2%; margin-bottom:200px;}
.hs_t img { float:right;}
.hs_t_left { float:right; padding-top:25px; padding-right:5px; text-align:right; color:#095b9d; font-size:20px;}


.hs_t { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-bottom:15px;}
.hs_p { width:100%; height:auto; margin:0 auto; line-height:26px; text-align:right;}

.hs_pd li:nth-child(2n+2) { float:right; margin-right:0; margin-top:0px;}
.hs_pd li:nth-child(2n+2) .hs_t img { float:left;}
.hs_pd li:nth-child(2n+2) .hs_t_left { float:left; text-align:left; padding-left:15px;}
.hs_pd li:nth-child(2n+2) .hs_p { width:100%; height:auto; margin:0 auto; line-height:26px; text-align:left;}

.hs_pd li:nth-child(2) { margin-top:180px;}


.yew { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.yew li { width:210px; float:left; background:#f2f4f6; height:280px; border-radius:0.6em; border-bottom:2px solid #bfced9; border-right:1px  solid #bfced9; margin-right:37px;}
.yew li p { width:90%; height:auto; margin:0 auto; overflow:hidden; text-align:center;}
.yew li span { font-size:18px; color:#005da8; padding-top:20px; padding-bottom:20px; display:block;}
.yew li:nth-child(5n+5) { margin-right:0;}
.yew li img { width:208px; height:164px;}



.yew_o { width:100%; height:auto; overflow:hidden; margin-top:22px;}
.yew_o  li { width:100%; height:140px; overflow:hidden; border-bottom:1px solid #0b5ea1; margin-bottom:20px;}
.yew_o_top { width:100%; height:40px; background:url(../images/index2_02.jpg); color:#fff; line-height:40px; padding-left:15px;}
.yew_o_top a{color:#fff}
.yew_o_u { width:100%; height:100px; background:#f2f8fc; padding:15px; font-size:16px;}

.nsg { width:100%; height:auto; margin:0 auto; overflow:hidden; }
.nsg li { width:270px; height:auto; float: left; position:relative; margin-right:20px; border:1px solid #ccc; margin-bottom:34px;}
.nsg li:nth-child(4n+4) { margin-right:0;}
.nsg li img { width:283px; height:auto;}
.nsg li b { position:absolute; z-index:99; background:url(../images/honor_03.png); width:100%; height:100%; color:#fff; text-align:center; line-height:186px; font-size:20px; display:none;}
.nsg li:hover b{ display:block;}


.nsgh { width:100%; height:auto; margin:0 auto; overflow:hidden; }
.nsgh li { width:190px; height:205px; float: left; position:relative; margin-right:50px;  margin-bottom:34px;}
.nsgh li:nth-child(5n+5) { margin-right:0;}
.nsgh li img { width:198px; height:205px;}
.nsgh li b { position:absolute; z-index:99; background:url(../images/honor_03.png); width:100%; height:100%; color:#fff; text-align:center; line-height:186px; font-size:20px; display:none;}
.nsgh li:hover b{ display:block;}




/* 本例子css */
#tab .tab_menu li  { background:none;}
.pros_h { width:100%; height:auto; margin:0 auto; overflow:hidden;  }
.scrollBoxf{ width:100%;  background:url(../images/scrollBg.png) ; position:relative;  background:#e8f2fa;}
.scrollBoxf .piclist{ overflow:hidden; zoom:1;}
.scrollBoxf .ohbox{overflow:hidden; position:relative;width:100%;left:0px}
.scrollBoxf {position:relative;overflow:hidden;zoom:1; }
.scrollBoxf .piclist li{float:left; display:inline; width:133px; background:#e8f2fa; height:42px; line-height:42px; text-align:center; border-left:1px solid #cdcecf;}
.scrollBoxf .piclist li a { color:#333;}
.scrollBoxf .piclist .ks { background:#36393e; color:#fff;}
.scrollBoxf .piclist .ks  a{ color:#fff;}
.scrollBoxf .piclist li span{height:25px;line-height:25px;display:block;text-align:left; font-size:16px; color:#b323d3;}
.scrollBoxf .piclist li font { }
.scrollBoxf .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:0px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBoxf .pageBtn .prev{ right:45px; background:url(../images/investor_03.png) no-repeat;}
.scrollBoxf .pageBtn .next{ right:0; background:url(../images/investor_05.png) no-repeat;}

.scrollBoxf .pageBtn .list{overflow:hidden;zoom:1; text-align:center; margin-top:29px;}
.scrollBoxf .pageBtn .list li{ background:url(../images/index2_05.jpg); display:inline-block;  width:15px;height:15px;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBoxf .pageBtn .list li.on{ background:url(../images/index2_03.jpg) no-repeat; }

.ys { width:100%; height:auto; margin:0 auto; padding-top:37px;}
.ys li { width:100%; height:42px; line-height:42px; background:#f2f8fc; border-bottom:1px solid #dde0e2; border-top:1px solid #dde0e2; margin-bottom:10px;}
.ys li span { padding-left:15px; padding-right:30px;}
.ys li a { color:#333333;}
.ys li:nth-child(2n+2){ background:#fff;}

.nhs { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.nhs li { width:100%; height:auto; margin:0 auto; overflow:hidden; border-bottom:3px solid #cbd4db; border-right:3px solid #cbd4db; border-top:1px solid #cbd4db; margin-bottom:20px;}
.nhs_left { width:196px; height:150x; float: left;}
.nhs_right { width:965px; padding:10px; float:left; line-height:24px;}
.nhs_right span { display:block; width:100%; height:auto; margin:0 auto; overflow:hidden; font-size:16px; color:#1a71b7; padding-bottom:30px;}
.nhs_right a { color:#35dbe1;}
.nhs_right a:hover { color:#35dbe1;}

.nabout_od { width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center;}


.sbout_pdg { width:100%; height:auto; margin:0 auto; overflow:hidden; }
.sbout_pdg li { width:350px; float:left; position: relative; margin-right:75px; margin-bottom:32px;}
.sbout_pdg li:nth-child(3n+3) { margin-right:0;}
.sbout_pdg li b { position:absolute; z-index:9999; background:url(../images/index8_03.png) no-repeat; background-size:100%; width:100%; height:100%; display:none; border-radius:1em;}
.shkd { color:#fff; width:90%; margin:0 auto; padding-top:30%; text-align:center; line-height:26px;}
.shkd  span { font-size:20px;}
.sbout_pdg li:hover b { display:block;}
.sbout_pdg li img { width:352px; height:261px;}

.zx { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.zx li { width:100%; height:auto; background:#f2f8fc; border-bottom:1px solid #0b5ea1; line-height:36px; overflow:hidden;}
.zx li .zx1 { width:25%; height:auto; float:left; padding-left:2%;}
.zx li .zx2 { width:25%; height:auto; float:left;}
.zx li .zx3 { width:25%; height:auto; float:left;}
.zx li .zx4 { width:25%; height:auto; float:left;}
.zx .us { width:100%; height:auto; background:url(../images/index2_02.jpg); color:#fff;}


.nnews { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.nnews_a { width:1200px; height:auto; margin:0 auto;}
.nnews_head { width:100%; height:auto; margin:0 auto; text-align:center; font-size:22px; font-weight:bold; color:#333333; padding-top:30px;}
.nnews_aa { width:74%; height:auto; line-height:32px; margin:0 auto; overflow:hidden; padding-top:34px;}
.nnews_a font { padding-left:20px;}
.bdsharebuttonbox { float:right;}
.nnews_kd { width:100%; height:auto; border-bottom:1px  dashed #d2d2d2}
.djg { width:100%; height:auto; margin:0 auto; color:#666666; line-height:24px; padding-top:40px;}

.nnews_l { width:100%; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.nnews_l li { padding-bottom:10px;}
.nnews_l li a:hover { color:#00893f;}



.npros { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.npros_head { width:100%; height:auto; padding-top:70px; padding-bottom:50px; text-align:center; color:#0f9e4f; font-size:24px;}
.npros_left { width:538px; float:left;}
.npros_left img { width:600px; height:400px;}
.npros_right { width:560px; height:auto; float:right;    line-height: 24px;}
.npros_right p { border-bottom:1px  dashed #c9c9c9; line-height:50px; font-size:18px;}
.npros_bottm { width:130px; height:auto; background:#095b9d; border-radius:0.5em; text-align:center; line-height:36px; margin-top:5%;}
.npros_bottm a { color:#fff;}
.npros_kg{ width:100%; height:auto; line-height:40px; background:#f3f3f3; border-left:3px solid #095b9d; padding-left:10px; margin-top:20px;}
.npros_dg { width:100%; height:auto; margin:0 auto; overflow:hidden;}
.npros_ld { width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:2%; }
.npros_gg { width:100%; height:auto; line-height:26px; padding-top:4%;}
.npros_gg a { color:#333333;}
.npros_gg a:hover { color:#00893f;}

.nabout_zl { width:1200px; height:auto; margin:0 auto; overflow:hidden; line-height:26px;}
.nabout_kd { width:100%; height:auto; margin:0 auto; text-align:center; padding-top:50px; padding-bottom:30px; font-size:24px; color:#0f9e4f;}
.nabout_fs { width:100%; height:auto; margin:0 auto; text-align:center;}
.djg img{ max-width:100%;    height: auto !important;}


 .Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
 .Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;}
 .Pagination .current{color: white;}
 .Pagination .current{background: #095b9d;border-color: #095b9d;}
 .Pagination a{color: #666666;font-size: 12px;}




.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgba(43, 97, 204, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}


.top_nav li.se{    width: initial;position: relative;
    height: auto;
    line-height: 1;}
.top_nav li.se:hover{    background: none;}
.top_nav li.se:hover .ss{display: block;}

.foot_left img{max-width:150px}