  @charset "utf-8";

body 
{   
    margin:0;
    padding:0;
	font-family:"Î¢ÈíÑÅºÚ";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	min-width:1200px;

}


/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent ;font-family: "Î¢ÈíÑÅºÚ"}
.float-r{float: right !important}
.float-l{float: left !important;}
i{font-style: normal}


.head-bj{ width: 100%; }


.dw-bj{ width: 100%; position: absolute; left: 0;top: 0; }
.dw-bj .dw-c{ width: 1200px; margin: 0 auto; position: relative;z-index: 99;}
.hk-top{ width: 100%; height: 42px; margin: 30px 0 31px 0;position: relative; z-index: 5;}
.hk-top .lg-l{float: left; padding: 0 36px 0 5px;}


.style-xl{height: 28px; border-left: 1px solid #fff; float: left;margin: 7px 0 0 0}
.style-xl p {padding-left: 26px}
.style-xl p span{height:28px; line-height:28px;font-size: 24px; color: #fff ;font-weight: bold}

.cx-box{ float: right;  position: relative;}
.sou-box{ width: 210px; height: 42px; background: rgba(255, 255, 255, 0.8); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: relative; overflow: hidden; }
.sou-box .ipa{ width: 140px; height: 42px; line-height: 42px;font-size: 14px; color: #333; position: absolute; left: 19px; top: 0; }
.sou-box .ipb{ width: 46px; height: 42px; background: url(/Template/Pc/xsc/images/sea1.png) no-repeat left center; position: absolute; right: 0; top: 0; cursor: pointer;}
.sou-box .ipb:hover{ background: url(/Template/Pc/xsc/images/sea2.png) no-repeat left center;}



.nav-bj{ width: 100%; height: 58px;z-index: 99;}
.nav{ width: 1200px; height: 58px ;margin: 0 auto;  background: rgba(0, 0, 0, 0.2) ; border-top: 1px solid #cfcdcf }
.nav ul{ width: 1240px}
.nav ul li{ width: 88px; height: 58px  ;float: left;position: relative;margin-right: 22px ;margin-left: 23px;}
.nav ul li .yj{ width: 100%; height: 58px ; line-height: 58px ; text-align: center ; font-size: 16px; color: #f0f0f0; display: block;}
.nav ul li i{ width: 88px; height: 1px;background-color: #f3651a ; position: absolute; left: 0;top: -1px ;display: none}
.nav ul li .ej-box{ width: 198px;  background: rgba(0, 0, 0, 0.2) ; padding: 20px 0 0 28px; position: absolute; left: 0; top:58px; overflow: hidden; border-bottom: 1px solid #f3651a ;display: none }
.nav ul li .ej-box .wid{ width: 100% ;margin: 0 0 18px 0}
.nav ul li .ej-box .wid h3{ width: 94%; line-height: 18px;font-size: 16px; color: #eee ; display: inline-block ;}
.nav ul li .ej-box .wid h3 a{color: #eee ;}
.nav ul li .ej-box .wid h3 span{ padding: 0 4px 0 0}
.nav ul li .ej-box .wid h3:hover{text-decoration: underline ;color: #fff}
.nav ul li .ej-box .wid h3:hover a{color: #fff}
.nav ul li.dw2 .ej-box{position: absolute; left: initial ;right: 0}
.nav ul li:hover i{display: block}
.nav ul li:hover .yj{color: #fff}

.nav ul li.on i{display: block}
.nav ul li.on .yj{color: #fff}

.posc{background-color: #fff ;position: fixed !important;  left: 0;top: 0;z-index: 99; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 2px}
.posc .nav{background: none ;border: none}
.posc .nav ul li .yj{color: #555}
.posc .nav ul li .ej-box{ background: rgba(255, 255, 255, 0.9) ;}
.posc .nav ul li .ej-box .wid h3{color: #777}
.posc .nav ul li .ej-box .wid h3 a{color: #777}
.posc ul li i{top: 0}
.posc .nav ul li .ej-box .wid h3:hover{color: #b31011 ;font-weight: bold}
.posc .nav ul li .ej-box .wid h3:hover a{color: #b31011 ;font-weight: bold}



.footer-bj{ width: 100%; height: 280px ; background: url(/Template/Pc/xsc/images/footer-bj.jpg) no-repeat center center; overflow: hidden;}
.footer-c{ width: 1200px; margin: 0 auto ; padding: 57px 0 0 0}
.footer-c .blg{ width: 260px; height: 223px;float: left;background: url(/Template/Pc/xsc/images/fx.png) no-repeat right top;}
.footer-c .blg img{ margin: 11px 0 0 12px}
.footer-c .blg h5{ width: 100%;text-align: center; padding: 18px 0 0 0; font-size: 22px; color: #a3b6d7 ;font-weight: bold ;}
.footer-c .blg h5 a{font-size: 22px; color: #a3b6d7 ;font-weight: bold ;}
.footer-c .link{ width: 537px; height: 223px;float: left;background: url(/Template/Pc/xsc/images/fx.png) no-repeat right top; padding-left: 55px; overflow: hidden;}
.footer-c .link ul{ width: 600px; padding: 24px 0 0 0}
.footer-c .link ul li{ width: 134px; float: left; margin-bottom: 42px;}
.footer-c .link ul li a{font-size: 14px; color: #fff ;line-height: 14px;}
.footer-c .link ul li a:hover{text-decoration: underline}
.footer-c .fot-r{ width: 328px; float: left;text-align: center}
.footer-c .fot-r img{ width: 90px; height: 90px; margin: 17px 0;}
.footer-c .fot-r h5{ width: 100%; height: 14px; line-height: 14px; font-size: 14px; color: #fff ;margin-bottom: 11px; overflow: hidden;}
.footer-c .fot-r h5 span{font-weight: bold}

.copy-bj{width: 100%; height: 50px ; background-color: #01397c ;}
.copy-c{ width: 1200px; margin: 0 auto;text-align: center ; line-height: 50px;font-size: 14px; color: #fff ;}
.copy-c a{  font-size: 14px; color: #fff ; }






