@charset "UTF-8";

* {PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.8em; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
ul,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;outline:none; font: 14px Microsoft YaHei, Verdana, Geneva, sans-serif; }
body{margin:0px;padding:0px;font-size:12px; background:url(../images/main.png);  color:#323232; font: 14px Microsoft YaHei, Verdana, Geneva, sans-serif; cursor:default;overflow-x:hidden;}
ul,ol{list-style-type:none;}
select,input,select{vertical-align:middle;}
a{text-decoration:none;color:#323232;}
a:hover{ text-decoration:none;}
.clear{clear:both; height:0px; line-height:0px; font-size:0px;}

.webw{
    width: 1200px;
    margin: 0 auto;
}

.topt{
    font-size: 14px;
    width: 100%;
    height: 36px;
    background-color: #eaeaea;
    line-height: 36px;
}
.topt a{
    font-size: 14px;
}
.topt a:hover{}
.toptl{
    font-size: 14px;
    width: 900px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.toptr{
    font-size: 14px;
    width: 280px;
    float: right;
    height: 36px;
    line-height: 36px;
    text-align: right;
}

.topl{
    width: 100%;
    height: 126px;
    background-color: #fff;
}
.topl img{}

.menu{
    height: 43px;
    width: 100%;
    background: url(../images/xfsj_05.jpg) repeat-x;
}
.menu ul {}
.menu ul li{
    height: 43px;
    width: 12.5%;
    text-align: center;
    float: left;
    line-height: 43px;
    font-size: 16px;
}
.menu ul li a{
}
.menu ul li td dd{
    width: 150px;
    text-align: center;
    height: 43px;
    line-height: 43px;
    background-color: #e2e6e9;
}
.menu ul li dd{
    width: 150px;
    text-align: center;
    height: 43px;
    line-height: 43px;
}
.menu ul li dd:hover{
    color:#fff;
    background-color:#063f98;
}
.menu ul li a{
    width: 150px;
    float: none;
}
.menu a{}
.menu li table{z-index:999;position:absolute;}
/*.xl1{
    margin-top: 44px;
    padding-left: 300px;
    position: absolute;
}
.xl2{
    margin-top: 44px;
    padding-left: 450px;
    position: absolute;
}
.xl3{
    margin-top: 44px;
    padding-left: 600px;
    position: absolute;
}*/

.m_banner{}

.sousuo{
    margin-bottom: 22px;
    height: 41px;
    width: 100%;
    background: url(../images/xfsj_11.jpg) repeat-x;
}
.sousuol{
    float: left;
    height: 41px;
    line-height: 41px;
}
.search{
    float: right;
    height: 28px;
    margin-top: 7px;
}
.search_text{
    float: left;
    height: 22px;
    margin-right: -1px;
}
.search_select{
    float: left;
}
.search_button{
    float: left;
    height: 26px;
}

.main{}
.maint{
    border-bottom: 1px solid #ccc;
    padding-bottom: 9px;
    margin-bottom: 9px;
}
.maint h3{
    text-align: center;
    font-size: 24px;
    margin-bottom: 16px;
}
.cates{
    text-align: center;
    height: 42px;
    width: 100%;
}
.cates dl{}
.cates dl dd{
    width: auto;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 2px 6px;
    border-radius: 3px;
    background-color: #f7f7f7;
    padding: 0 20px;
}
.cates dl dd:hover{
    color: #fff;
    background-color: #063f98;
}


.cont{width:1200px;margin:0px auto;}
.textcent{ text-align:center}

.head {height: 70px;width: 100%; }
.yanse{ background:#be4355; width:50%; position: absolute;  right:0px;z-index:-1px; float:right;height:70px }
.head-left {float: left;height: 41px;width: 135px;margin-left: 47px;padding-top: 15px;}

.nav{width:400px;height:300px;line-height:54px;text-align:center;font-size:16px;position:relative;padding-top:16px;padding-left:60px;font-weight:bold; font-family:"微软雅黑";z-index:1000}
.nav ul{}
.nav ul li{}
.nav ul li.off{}

ul.nav-main{width:260px;height:100%;list-style-type:none}
ul.nav-main span{display:inline-block;margin-left:18px;width:12px;height:9px; background:url(images/sj1.png) no-repeat center center}


.hover-up{transition-duration:.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg); }

.hover-down{transition-duration:.5s;transform:rotate(0);-webkit-transform:rotate(0)}

ul.nav-main>li{width:133px;height:42px;display:block;float:left;color:#fff;margin-right:1px;cursor:pointer}
ul.nav-main>li:hover{background:#fff ; color:#be4355 }
ul.nav-main>li:hover span{ background:url(images/sg3.jpg)  no-repeat center center; z-index:100000 }

div.hidden-box{width:200px;position:absolute;display:none;top:0px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer; padding-top:5px;padding-bottom:15px}
.hidden-box>ul li{ line-height:42px; height:42px; font-weight:500}

.hidden-loc-index{left:284px}
.hidden-loc-us{left:417px}
.hidden-loc-info{left:550px}
.box04{left:230px}
.mainxw{
    width: 100%;
    height: 400px;
}
.catesr{
    float: right;
    width: 560px;
    height: 400px;
    padding-right: 136px;
    background: -webkit-linear-gradient(right,#f3f3f3,#ffffff);
    background-color: #fff;
    position: relative;
    background: -webkit-linear-gradient(right,#d0d5da, #ffffff);
    background: -o-linear-gradient(#f3f3f3, #ffffff);
    background: -moz-linear-gradient(#f3f3f3, #ffffff);
    background: linear-gradient(to right,#d0d5da, #ffffff);
    padding-left: 36px;
}
.catesr dl{}
.catesr dl dd{}
.catesr img{}
.xw{
    padding-left: 60px;
    float:left;
    width: 400px;
    height: 400px;
    background: -webkit-linear-gradient(right,#f3f3f3,#ffffff);
    background-color: #fff;
    position: relative;
    background: -webkit-linear-gradient(right,#d0d5da, #ffffff);
    background: -o-linear-gradient(#f3f3f3, #ffffff);
    background: -moz-linear-gradient(#f3f3f3, #ffffff);
    background: linear-gradient(to left,#d0d5da, #ffffff);
}
.xw_l{ width:350px; height:280px; float:left; padding-left:50px;}
.case{
    width: 320px;
    height: 370px;
    margin-top: 13px;
    border-top: 1px solid #f5f6f7;
    border-bottom: 1px solid #f5f6f7;
}
.case .titl{
    width:350px;
    height: 40px;
    border-radius: 6px;
}
.case .tit_more{ float:right; padding-top:10px; padding-right:10px;font-size: 14px;
    line-height: 20px;}
.case .tit_more a{color:#ffd3d3;}
.case .tit_more a:hover{color:#000;}
.case .title{height:35px; float:left;}
.case .title-list{ position: relative;}
.case .title-list span{
    width: 9px;
    height: 30px;
    float: left;
    margin-top: 6px;
    margin-right: 6px;
}
.case .title-list li{
    width: 180px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-bottom: 1px solid #f5f6f7;
}
.case .title-list li a{ width: 180px; height:37px; line-height:37px; display:block; color:#000;font-size:16px;}
.case .title-list li a:hover{ width: 180px; height:37px; line-height:37px; display:block;color:#000;}
.case .title-list .on{
    width: 180px;
    height: 37px;
    line-height: 37px;
    display: block;
    color: #000;
    background-color: #f5f6f7;
}
.case .title-list .on a{ width: 180px; height:37px; line-height:37px; display:block;  color:#000;}
.product{ 
    width: 140px;
    height: 370px;
    position: relative;
    overflow: hidden;
    display: none;
    margin-left: 180px;
    top: -40px;
    background-color: #f5f6f7;
}
.product-wrap .show{ display: block;}
.news_con{ width:140px; height:370px;float:left; overflow:hidden;}
.news_top{
    width: 140px;
    height: 370px;
    overflow: hidden;
    margin-top: 1px;
}
.news_tu{ width:242px; height:370px; float:left;}
.news_top img{ width:240px; height:180px; border:1px solid #ccc;}
.news_wz{ float:right; width:140px; height:370px; overflow:hidden;text-align:center;}
.news_wz dt{
    width: 130px;
    height: 36px;
    line-height: 43px;
    border-bottom: 1px dashed #d1d6db;
    font-size: 14px;
    overflow: hidden;
    margin: 0 5px;
}
.news_wz dt a{ color:#000;    line-height: 37px;padding: 8px 12px;}
.news_wz dt a:hover{color:#bf1013;}
.news_wz dt a span{float:right;}
.news_wz dd{ width:200px; height:130px; line-height:26px; overflow:hidden;}
.news_down{ width:200px; height:250px; position:relative; padding-top:20px;}
.news_down ul{ width:200px; height:230px;}
.news_down ul li{ width:200px; height:40px; line-height:40px; background:url(../images/jt.jpg) no-repeat 6px 17px; border-bottom:1px dotted #ccc;  float:left; overflow:hidden;}
.news_down ul li a{ text-decoration:none; color:#494949; padding-left:20px;}
.news_down ul li a:hover{ text-decoration:underline;}
.news_down ul li span{ float:right; padding-right:5px;}

#foucsBox { margin: 0 auto; padding: 0; width: 100%; height: 375px; overflow: hidden; zoom: 1; position: relative;margin-top: 10px;}
#foucsBox .imgCon { width: 100%; height: 375px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsBox .imgCon li { float: left; width: 560px; height: 375px; }
#foucsBox .imgCon li img {width: 560px; height: 375px; }
#foucsBox .foucs { width: 680px; height: 22px; position: absolute; bottom: 3px; text-align: center; z-index: 3; }
#foucsBox .foucsButton {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0px;
    z-index: 4;
    background-color: rgba(70, 70, 70, 0.6);
    margin-top: 150px;
    border-radius: 30px;
}
#foucsBox .foucsButton span { 
    display: inline;
    width: 45px;
    height: 45px;
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
}
#foucsBox .foucsButton img{display:none;}
#foucsBox .lBtn { left:0px;}
#foucsBox .lBtn span { float: left; background-position: 0px 0px; }
#foucsBox .rBtn { right:0px; }
#foucsBox .rBtn span { float: right; background-position: -45px 0px; }
.yyfw{
    width: 560px;
    height: 40px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 34px;
}

.mainb{
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-top: 9px;
    background: url(../images/abg.jpg) no-repeat center bottom;
}
.sitemap{}
.sitemap a{}
.content{
    width: 100%;
    margin: 0 auto;
    min-height: 700px;
}
.content p{}
.content a{}
.content img{max-width:100%;}
.content ul{}
.content ul li{
    background-color: #f7f7f7;
    width: 21%;
    margin: 12px 2%;
    float: left;
    text-align: center;
}
.content ul li:hover{
}
.content ul li img{
    max-width: 100%;
}
.content ul li h3{
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background-color: #f7f7f7;
}
.content ul li h3:hover{
    color: #fff;
    background-color: #063f98;
}
.pages{}
.pages ul{}
.pages ul li{
}
.pages ul li:hover{
}
.pages a{
    width: auto;
    float: left;
    padding: 0 12px;
    margin: 6px 6px;
    border-radius: 4px;
}
.pages a:hover{
    color: #ffffff;
    background-color: #063f98;
}
.pages_solid{
    width: auto;
    float: left;
    padding: 0 12px;
    margin: 6px 6px;
    color: #ffffff;
    background-color: #063f98;
    border-radius: 4px;
}
.previous_s{
    width: auto;
    float: left;
    padding: 0 12px;
    margin: 6px 6px;
    border-radius: 4px;
}
.previous_s a{margin:0;padding:0;}
.next{
    width: auto;
    float: left;
    padding: 0 12px;
    margin: 6px 6px;
    border-radius: 4px;
}
.next a{margin:0;padding:0;}
.content ul li h5{
    font-size: 16px;
    line-height: 26px;
    color: #000;
    background-color: #f7f7f7;
    padding: 9px 0;
}
.content ul li h5:hover{
    color: #fff;
    background-color: #063f98;
}
.content h1{
    font-size: 22px;
    text-align: center;
    line-height: 32px;
}
.content h6{
    text-align: center;
    margin: 6px 0;
}
.content h5{}
.content h3{}
.re_new{}
.re_new h5{
    height: 42px;
    margin: 12px 0 6px 0;
    border-top: 1px solid #8e8e8e;
    border-bottom: 1px solid #ccc;
}
.re_new h5 span{
    font-size: 20px;
    font-weight: 600;
    line-height: 42px;
}
.re_new li{}
.re_new a{}
.re_new span{}

.protext{line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} 

.cpxl{margin: 28px 0;}
.cpxl ul{
    width: 95%;
    margin: 0 auto;
}
.cpxl ul li{
    width: 18%;
    float: left;
    margin: 6px 1%;
    padding-bottom: 9px;
    background-color: #f1f3f4;
}
.cpxl ul li a{}
.cpxl ul li img{
    width: 98%;
    
    margin: 1%;
}
.cpxl ul li h3{
    text-align: center;
    font-size: 16px;
    line-height: 32px;
}

.indexp{
    margin: 36px 0;
    background-color: #f4f5f6;
    min-height: 310px;
}
.indexp img{
    width: 32%;
    margin: 16px 12px;
    float: left;
}
.indexp p{
    width: 65%;
    float: right;
    margin: 20px 0 0 0;
    text-indent: 2em;
    font-size: 16px;
    line-height: 32px;
}
.indexp a{
    float: right;
}
.indexp a:hover{
    background-color:#063f98;
    color:#fff;
}
.indexp h3{
    font-size: 22px;
    margin: 12px 0 0 12px;
    float: left;
}

.indexn{}
.inews{
    width: 48%;
    float: left;
}
.ititle{
    height: 36px;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #b3b3b3;
}
.ititle h3{
    height: 36px;
    line-height: 36px;
    float: left;
    font-size: 20px;
}
.ititle h3 span{
    width: 36px;
    height: 36px;
    float: left;
    font-size: 36px;
    color: #fff;
    background-color: #164b8b;
    text-align: center;
    line-height: 50px;
    border-radius: 20px;
    margin-right: 12px;
}
.ititle a{
    float: right;
    margin-right: 12px;
    padding: 5px 16px;
    border-radius: 6px;
    background-color: #f4f5f6;
}
.ititle a:hover{
    color: #fff;
    background-color: #063f98;
}
.imain{}
.imain ul{
    width:96%;
    margin:0 auto;
}
.imain ul li{
    height: 32px;
    font-size: 16px;
    padding: 0 12px;
    line-height: 32px;
    border-radius: 6px;
}
.imain ul li:hover{
    background-color: #f4f5f6;
}
.imain ul a{}
.imain ul li span{
    float: right;
}
.ius{
    width: 48%;
    float: right;
}
.imain p{
    margin: 0 30px;
}

.place{
}
.place h5{
    margin-top: 36px;
    height: 42px;
    font-size: 20px;
    text-align: center;
    line-height: 42px;
    padding-top: 16px;
    background: #f4f5f6;
}
.place h6{
    margin-top: 16px;
    height: 42px;
    font-size: 20px;
    text-align: center;
    line-height: 42px;
    padding-top: 16px;
    background: #fff;
}
.place span{}
#demo1p {
    height: 250px;
    list-style: none outside none;
    margin-left: 0px;
    overflow: hidden;
    width: 100%;
    background: #f4f5f6;
}
#indemo1p {
    float: left;
    width: 800%;
}
#demo1p1 {
    float: left;
}
.top_14 {
    list-style: none outside none;display:inline;    
}
ul {
    list-style: none outside none;
}
.top_14 li {
    float: left;
    height: 230px;
    line-height: 30px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 5px;
    overflow: hidden;
    padding-right: 0px;
    padding-top: 8px;
    text-align: center;
    width: 240px;
    padding:2px 3px;
}
.top_14 li:hover{
    background-color:#fff;
}
.top_14 li img{
    width: 100%;
    height: auto;
}
.top_14 a {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}
#demo1p2 {
    float: left;
}
#demo2p {
    height: 150px;
    list-style: none outside none;
    margin-left: 0px;
    overflow: hidden;
    width:680px;
    background:#fff
}
#indemo2p {
    float: left;
    width: 800%;
}
#demo2p1 {
    float: left;
}
.top_24 {
    list-style: none outside none;display:inline;    
}
ul {
    list-style: none outside none;
}
.top_24 li {
    float: left;
    height: 130px;
    line-height: 30px;
    margin-right: 0px;
    margin-top: 5px;
    overflow: hidden;
    padding-right: 0px;
    padding-top: 8px;
    text-align: center;
    width: 110px;
}
.top_24 a {
    color: #187db7;
    font-size: 12px;

}

.shangm{
    text-align: center;
}
.shangm a{
    padding: 6px 16px;
    margin: 3px 6px;
    line-height: 42px;
    font-size: 16px;
    background-color: #f4f5f6;
    border-radius: 6px;
}
.shangm a:hover{
    color: #fff;
    background-color: #063f98;
}

.zx0{
    background: url(../images/6.jpg) no-repeat center;
    width: 100%;
    height: 580px;
}
.zx1{
    width: 100%;
    height: 720px;
    background-color: #e6e6e6;
}
.zx1_1{
    background: url(../images/7.jpg) no-repeat center;
    width: 100%;
    height: 300px;
}
.zx1_2{
    background: url(../images/5.jpg) no-repeat center;
    width: 100%;
    height: 416px;
}
.zx2{
    background: url(../images/16.jpg) no-repeat center;
    width: 100%;
    height: 186px;
}
.zx1{
    width: 100%;
    height: auto;
    background-color: #e6e6e6;
}
.zx3_1{
    background: url(../images/17.jpg) no-repeat center;
    width: 100%;
    height: 1706px;
}
.zx3_2{
    background: url(../images/18.jpg) no-repeat center;
    width: 100%;
    height: 605px;
}
.zx3_3{
    background: url(../images/20.jpg) no-repeat center;
    width: 100%;
    height: 1888px;
}

.pronav{ border-bottom:2px #1d62e1 solid; padding-bottom:10px;}
.pronav table{ padding-bottom:20px;}
.pronav table td{float:left;width:150px; padding-right:0px; height:22px;}
.pronav table td a{display:block;background:url('../images/pnav_r.gif') no-repeat right top ;color:#fff;}
.pronav table td a span{display:block;background:url('../images/pnav_l.gif') no-repeat left top ;line-height:22px; padding:0 20px;color:#fff; }
.pronav table td a:visited{color:#277cd1;}
.pronav table td a:hover{font-weight:bold; color:#fff;background:url('../images/pnav_r01.gif') no-repeat right top ; font-weight:bold;}
.pronav table td a:hover span{background:url('../images/pnav_l01.gif') no-repeat left top ;font-weight:bold;}
.pronav #current{font-weight:bold;color:#fff;background:url('../images/pnav_r01.gif') no-repeat right top ; font-weight:bold;}
.pronav #current span{background:url('../images/pnav_l01.gif') no-repeat left top ;font-weight:bold;}

.bottom{
    margin-top: 16px;
}
.bottomt{
    height: 41px;
    line-height: 41px;
    text-align: center;
    background-color: #b3b3b3;
    color: #fff;
}
.bottomt a{
    line-height: 41px;
    padding: 0 30px;
    color: #fff;
}
.bottomm{
    text-align: center;
    margin: 6px 0 12px 0;
}
.bottomm p{
    line-height: 27px;
}
.bottomm a{}