﻿* { padding: 0px; margin: 0px; }



#top_phone{height:36px; padding-top:5px; background:#12745E;z-index:9999999;width:100%;top:0px; position:fixed; left:0; margin-bottom:40px;}
#top_phone_center{width:320px;margin:0 auto;}
#top_phone_center form{padding:0 5px;}
#top_phone_center input{width:230px;height:31px;padding-left:8px;background:url(../images/phone_bg.jpg) no-repeat left top; line-height:31px; font-size:11px; color:#E81010;float:left;border:none;}
#top_phone_center input.top_phone_submit{width:67px;height:31px;float:right;background:url(../images/phone_click.jpg) no-repeat left top;cursor:pointer;}


body, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }

form { display: inline; }

body { text-align: center; background: rgb(234, 234, 234); }

body, td, th { color: rgb(106, 106, 106); font-size: 12px; line-height: 1.75em; }

input, select { vertical-align: middle; line-height: normal; font-size: 1em; }

a { outline: 0px none; cursor: pointer; text-decoration:none; color:#000; }

a.orange:link, a.orange:visited { color: rgb(216, 94, 50); }

a.orange:hover { color: rgb(255, 0, 0); }

a:hover { color: rgb(223, 1, 1); }

img { border: 0px none; }

ul, li { list-style: outside none none; }

#js_banner img { opacity: 1; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1.5em; }

.hidden { display: none; }

.clear { clear: both;}

.fl { float: left; }

.fr { float: right; }

.mt10, .adv { margin-top: 10px; }

.pt10 { padding-top: 10px; }

.hidden { display: none; }

.red { color:#f00;}

.blue { color:#06F;}

.top_ca { margin:0 auto; width:1423px; overflow:hidden; position:relative;}

.top_ca_close { text-align:right; cursor:pointer; position:absolute; right:0; bottom:0;}

.top { width: 100%; margin: 0px auto; text-align: left; }

.top .info_1 { width:100%; background:#F6F6F6; box-shadow:0 1px 1px #ccc; height: 30px; margin-bottom:1px;}

.top .info { height: 30px; width:980px; margin:0 auto; line-height: 29px; overflow: hidden; }

.top .logo_1 { width:100%; background:#fff;}

.top .logo { height: 100px; width:1423px; margin:0 auto; position: relative; text-align: left; overflow:hidden; }

.nav_1{ background-color:#12745E;}
.nav { height: 46px; width: 992px; margin:0 auto; }

.nav ul { width: 992px; line-height: 46px; margin: 0px auto; text-align: center; position: relative; z-index: 99; }

.nav .first a:hover { display: block; background: url(../images/nav_sel.png) no-repeat scroll 150px center rgb(0, 50, 87); }

.nav li { line-height: 46px; font-size: 14px; width:115px; padding-right: 1px; background: url(../images/nav_line.jpg) no-repeat scroll right center transparent; float: left; font-family: "微软雅黑"; font-weight: 400; position: relative; }

.nav li a { display: block; height: 46px; overflow: hidden; position: relative; }

.nav li span { display: block; height: 46px; width:115px; line-height: 46px; position: absolute; }

.nav li span.out { top: 0px; left: 0px; width: 115px; height: 46px; }

.nav li span.over { top: -46px; left: 0px; background: none repeat scroll 0% 0% rgb(216, 94, 50); width: 115px; height: 46px; }

.nav li.first { width: 175px; background: url(../images/nav_sel.png) no-repeat scroll 150px center transparent; }

.nav li.end { background: none repeat scroll 0% 0% transparent; padding: 0px; }

.nav li a, .nav li a:visited { color: rgb(255, 255, 255); display: block; }

.nav li a:hover { color: rgb(255, 255, 0); text-decoration: none; }

.nav .select_1 { width: 78px; background: none repeat scroll 0% 0% rgb(255, 255, 255); position: absolute; z-index: 55; top: 46px; left: 0px; border: 1px solid rgb(1, 136, 103); opacity: 0.8; font-size: 12px; display: none; }

.nav .select_1 a, .nav .select_1 a:visited { display: block; height: 24px; line-height: 24px; color: rgb(0, 0, 0); }

.nav .select_1 a:hover { color: rgb(255, 0, 0); }

.nav .nav_select { width: 175px; position: absolute; top: 46px; left: 0px; background: url(../images/select_bg.jpg) repeat scroll 0% 0% transparent; text-align: left; z-index: 99; }

.nav .nav_select dl { padding: 6px 10px; }

.nav .nav_select dt { height: 26px; line-height: 26px; font-size: 14px; color: #12745e; padding-left: 24px; font-family: "微软雅黑"; font-weight: 400; overflow: hidden; }

.nav .nav_select dt.t1 { background: url(../images/sel_ico1.png) no-repeat scroll 2px center transparent; }

.nav .nav_select dd { line-height: 21px; overflow: hidden; font-size: 12px; }

.nav .nav_select dd a, .nav .nav_select dd a:visited { white-space: nowrap; padding: 0px 3px; float: left; color: rgb(51, 51, 51); }

.nav .nav_select dd a:hover { background: none repeat scroll 0% 0% rgb(204, 204, 204); text-decoration: none; }

.nav_select dl .sub_1 { display: none; }

.sub_nav { height: 81px; padding-top: 8px; background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: hidden; }

.sub_nav ul { width: 986px; margin: 0px auto; padding-left: 6px; overflow: hidden; }

.sub_nav li { width: 82px; float: left; padding:0 13px; }

.sub_nav li i { display: block; width: 82px; height: 54px; overflow: hidden; position: relative; }

.sub_nav li i img { top: 0px; left: 14px; position: absolute; }

.sub_nav li a, .sub_nav li a:visited { color: rgb(34, 35, 35); text-decoration: none;}

.sub_nav li a:hover { color: #12745e; text-decoration: none; }

.sub_nav li span { display: block; line-height: 25px; text-align:center; }

.ad { width: 992px; margin:20px auto 0; position:relative; height:133px;}

.ad1 { position:absolute; right:8px; bottom:3px; overflow:hidden;}

.ad1 li { width:10px; height:10px; border-radius:50%; background:#f00; float:left; display:inline; margin-left:3px;}

.ad1 li.hover { background:#C4221F;}

.main { width: 992px; margin: 0px auto; text-align: left; overflow: hidden; }

.fw_tab { width: 992px; margin: 10px auto 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); text-align: left; padding-bottom: 10px; }

.fw_tab .tit { height: 42px; overflow: hidden; width: 972px; margin: 0px auto; }

.fw_tab .tit li { padding: 10px 0px; height: 22px; line-height: 22px; width: 89px; float: left; text-align: center; font-size: 16px; font-family: "微软雅黑"; }

.fw_tab .tit li a { display: block; background: url(../images/fw_li_bg.jpg) no-repeat scroll right center transparent; color: rgb(34, 35, 35); text-decoration: none; }

.fw_tab .tit li.active { background: url(../images/sev_tab_bg1.jpg) no-repeat scroll center bottom transparent; }

.fw_tab .tit li.active a { color: #12745e; }

.fw_tab .cont { padding-top: 10px; overflow: hidden; padding-left: 10px; }

.fw_tab .cont li { width: 186px; float: left; margin-right: 8px; display: inline; border: 1px solid rgb(221, 221, 221); }

.fw_tab .cont li img { width: 186px; }

.myzl .jcarousel-container { padding: 4px 0px 0px 16px; position: relative; }

.myzl .jcarousel-clip-horizontal { width: 690px; }

.myzl .jcarousel-clip { z-index: 2; padding: 0px; margin: 0px; overflow: hidden; position: relative; }

.myzl .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px; }

.myzl .jcarousel-item {  }

.myzl .jcarousel-next-horizontal { z-index: 3; width: 13px; height: 13px; background: url(../images/firend_down.jpg) repeat scroll 0% 0% transparent; position: absolute; right: 16px; top: -20px; cursor: pointer; }

.myzl .jcarousel-prev-horizontal { z-index: 3; width: 13px; height: 13px; background: url(../images/firend_up.jpg) repeat scroll 0% 0% transparent; position: absolute; right: 50px; top: -20px; cursor: pointer; }

.foot_info { width: 992px; height: 232px; margin: 10px auto 0px; background: url(../images/foot_bg.jpg) repeat scroll 0% 0% transparent; }

.foot_info ul { padding: 20px 0px 0px 240px; text-align: left; overflow: hidden; _zoom:1; }

.foot_info li { width: 94px; float: left; margin-left: 24px; display: inline; }

.foot_info li h3 { height: 26px; line-height: 26px; }

.foot_info li a, .foot_info li a:visited { display: block; line-height: 23px; color: rgb(133, 133, 133); }

.foot_info li a:hover { color: rgb(255, 0, 0); }

.foot_info dl { padding: 20px 0px 0px 250px; text-align: left; overflow: hidden; _zoom:1; }

.foot_info dd { width: 56px; float: left; margin-left: 12px; display: inline; text-align: center; line-height: 17px; }

.foot_info dd span { display: block; position: relative; height: 37px; overflow: hidden; margin-bottom: 4px; }

.foot_info dd a, .foot_info dd a:visited { color: rgb(133, 133, 133); }

.foot_info dd a:hover { color: #12745e; text-decoration: none; }

.foot_info dd span img { position: absolute; top: -37px; left: 10px; }

.copyRight { background: #12745e; color: rgb(255, 255, 255); }

.copyRight p { width: 940px; margin: 0px auto; padding: 20px; background: url(../images/fot_bg.jpg) no-repeat scroll right center transparent; text-align: left; }

* { margin: 0px; padding: 0px; }

img { border: 0px none; }

.ic_content { overflow: hidden; }

.clear:after, .clearfix:after { content: " "; display: block; clear: both; height: 0px; visibility: hidden; }

.fx_grid_c1 { width: 990px; margin: 0px auto; }

.fx_banner { background: none repeat scroll 0% 0% rgb(240, 240, 240); width: 1903px; overflow: hidden; position: relative; margin: 0px auto; }

.fx_banner_inner { position: relative; height: 400px; }

.fx_banner_img { width: 20000px; }

.fx_banner_img li { float: left; height: 400px; width: 1903px; position: relative; }

.fx_banner .child { position: absolute; width: 382px; height: 400px; left: -224px; }

.fx_banner_common { position: relative; }

.fx_banner_pre { position: absolute; top: 50%; left: 0px; margin-top: -280px; width: 41px; height: 119px; cursor: pointer; background: url(../images/ban_pre_24.png) repeat scroll 0% 0% transparent; opacity: 0.5; }

.fx_banner_next { position: absolute; top: 50%; right: 0px; margin-top: -280px; width: 41px; height: 119px; cursor: pointer; background: url(../images/ban_next_24.png) repeat scroll 0% 0% transparent; opacity: 0.5; }

.fx_banner_pre:hover, .fx_banner_next:hover { opacity: 1; }

.fx_banner .control { width: 200px; position: absolute; top: 368px; left: 50%; margin-left: -100px; text-align: center; overflow:hidden; _zoom:1; }

.fx_banner .control li { display: inline-block; float:left; display:inline; margin: 0px 5px; width: 18px; height: 18px; border-radius: 50%; cursor: pointer; background: url(../images/bannerdian.png) no-repeat scroll center center transparent ! important; }

.fx_banner .control li a { display: none; }

.fx_banner .control li.current { width: 18px; height: 18px; margin-bottom: 2px; background: url(../images/bannerdian2.png) no-repeat scroll center center transparent ! important; }

#li_titles h3.active { color: rgb(255, 255, 255); background: #12745e; }

#li_titles h3.active a { color: rgb(255, 255, 255); }



/*下拉菜单*/ .nav .nav_select {width: 175px; position: absolute; top: 46px; left: 0; background: url(../images/select_bg.jpg); text-align: left; zoom: 1; z-index: 99; zoom: 1; }

.nav .nav_select dl {padding: 6px 10px; }



.nav .nav_select dl.active {background: #12745e; color: #fff; }

.nav .nav_select dl.active a, .nav .nav_select dl.active a:visited {color: #fff; }

.nav .nav_select dl.active a:hover {background: #fff; color: #003257; border-radius: 2px; text-decoration:underline; }

.nav .nav_select dl.active dt {color: #fff; }

.nav .nav_select dt {height: 26px; line-height: 26px; font-size: 14px; color: #0F6E58; padding-left: 24px; font-family: "微软雅黑"; font-weight: 400; overflow: hidden; zoom: 1; }

.nav .nav_select dt.t1 {background: url(../images/sel_ico1.png) no-repeat 2px; }

.nav .nav_select dd {line-height: 21px; overflow: hidden; zoom: 1; font-size: 12px; }

.nav .nav_select dd a, .nav .nav_select dd a:visited {white-space: nowrap; padding: 0 3px; float: left; color: #333; }

.nav .nav_select dd a:hover {background: #ccc; text-decoration: none; }

.nav_select dl .sub_1 {display: none; }


.nav_select dl.active .sub_1 {width: 795px; padding: 10px; height: 380px; position: absolute; left: 176px; top: 0; display: block; }

.nav_select dl.active .sub_1 .w1 {width: 275px; }

.nav_select dl.active .sub_1 .w2 {width: 350px; }

.nav_select dl.active .sub_1 .td1 {padding-bottom: 5px; }

.nav_select dl.active .sub_1 .line {border-bottom: 1px solid #ddd; }

.nav_select dl.active .sub_1 .td1 h3 a {height: 21px; line-height: 21px; font-size: 14px; color: #004f89; padding: 4px 0 0 14px; font-family: "微软雅黑"; display: block; }

.nav_select dl.active .sub_1 .td1 p {padding-left: 20px; line-height: 23px; }

.nav_select dl.active .sub_1 .td1 p strong {display: block; font-weight: normal; }

.nav_select dl.active .sub_1 .td1 p strong a {color: #004f89; padding-right: 10px; }

.nav_select dl.active .sub_1 .td1 p span {display: block; line-height: 19px; }

.nav_select dl.active .sub_1 .td1 p span a, .nav_select dl.active .sub_1 .td1 p span a:visited {color: #221815; padding-right: 6px; }



.wrapper {width: 982px; padding: 10px 10px 0; background: #fff; margin: 0 auto; text-align: left; }



/*header*/

.banner{ width:100%; height:auto; overflow:hidden; z-index: 2;}

.banners{width:1440px; height:400px; float:left; position:relative; display:inline; margin-left:50%; left:-720px;}



#bannerslider { overflow: hidden; height: 400px; position: relative; clear: both; margin: 0px auto; }

#JINGDONGBox { position: relative; }

#YXNUMBOX { position: relative; }

.YXNUMBOX_CENTER { width: 1000px; margin: 0px auto; position: relative; z-index: 1; }

#JINGDONGNumID { position: absolute; bottom: 5px; right: 10px; }

#JINGDONGNumID li { list-style: none outside none; float: left; width: 60px; height: 15px; opacity: 0.6; background-color: rgb(92, 88, 86); cursor: pointer; margin-right: 4px; overflow: hidden; }

#JINGDONGNumID li:hover, #JINGDONGNumID li.active { background-color: rgb(209, 207, 206); }

#JINGDONGContentID li { position: relative;width:1440px; height:400px; }

.banli_a1 { position: absolute; z-index: 2; top: 300px; right: 21%; width: 170px; height: 40px; }

.mask { opacity: 0.4; width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0px; display: block; }

.comt { width: 400px; height: 20px; position: absolute; left: 0px; bottom: 5px; font-size: 14px; color: rgb(255, 255, 255); font-weight: bold; text-indent: 10px; text-align: left; z-index: 2; }












.ic_content a {display: block;width: 100%;margin: 0 auto;background: url(../images/banner04bg.jpg) no-repeat center center;height: 500px;}

@media (max-width: 650px){
.top .logo {    height: 55px;width: 100%;margin: 0 auto;position: relative;text-align: left;overflow: hidden;}
.nav {height: 46px;width:100%;margin: 0 auto;}
.nav ul {width:100%;line-height: 46px;margin: 0px auto;text-align: center;position: relative;z-index: 99;background-color: #12745E;}
.ic_content a {display: block;width: 100%;margin: 0 auto;background: url(../images/banner04bg.jpg) no-repeat center center; height: 270px; background-size: 186% 111%;}
.nav li {line-height: 46px;font-size: 14px;width: 91px; padding-right: 1px;background: url(../images/nav_line.jpg) no-repeat scroll right center transparent;float: left;font-family: "微软雅黑";font-weight: 400;position: relative;}
.nav li:nth-child(8){ display:none;}
.ad { display:none;}
.main {width:100%;margin: 0px auto;text-align: left;overflow: hidden;}
.scroll_ul jcarousel-list jcarousel-list-horizontal{overflow: hidden;position: relative;top: 0px;margin: 0px; padding: 0px;width:100%;}
.fw_tab { width:100%;margin: 10px auto 0px;background: none repeat scroll 0% 0% rgb(255, 255, 255);text-align: left;padding-bottom: 10px;}

.fw_tab .cont li:nth-child(5){ display:none;}
.foot_info {width:100%;height: 232px;margin: 10px auto 0px;background: url(../images/foot_bg.jpg) repeat scroll 0% 0% transparent;    background-size: 328%;}
.foot_info dl{ display:none;}
.foot_info ul{ display:none;}
.copyRight p {width:100%;margin: 0px auto;padding: 0px;background:none; text-align: left;}
.logo a img{width: 100%;    height: 106%;}

.ic_content a{display: block;width: 100%;margin: 0 auto;background: url(../images/banner04bg.jpg) no-repeat center center;height: 307px;background-size: 187% 101%;}
.myzl .jcarousel-list {overflow: hidden;position: relative;top: 0px; margin: 0px;padding: 0px; width:100%;}
.myzl .jcarousel-clip-horizontal {width:100%;}
.fw_tab .tit {height: 42px;overflow: hidden;width:100%; margin: 0px auto;}
}











