@charset "utf-8";

/*------------------------通用-----------------------------*/
*{ margin:0px; padding:0px;}
body { font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#57585a;  font-size:12px; line-height:24px; }
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#57585a;}
a:hover {text-decoration: none; color:#cc0000;cursor:pointer;}
img{ border:none;}
a.red{ color:#f00;}
.red{ color:#f00;}
.left{ float:left;}
.right{ float:right;}
.adlt{ position:absolute;}
.cl{ clear:both; width:100%;}
html,body{height:100%}
.max{ height:100%; min-width:950px; min-height:600px; position:relative;}
/*------------------------首页-----------------------------*/
.main{ height:130px; padding:240px 0 0 100px; position:absolute;}
/*------------------------logo-----------------------------*/
.logo{ margin:auto; height:130px; position:absolute; left:100px; top:237px; z-index:100; width:130px; background:url(../images/logo.png) no-repeat}
.logo img{z-index:100;}
.pro{ position:absolute; left:193px; top:303px; z-index:50; }
.progress{ height:4px; background:#c11; width:100%;}
.pros{ position:absolute; right:0; top:150px; z-index:80; height:270px; width:100%;}
.progre{ height:4px; background:#c11; width:0px;}
.selo1{ position:absolute;  height:4px; top:153px; left:0px; width:0; background:#57585a;}
.selo2{ position:absolute; height:157px; top:0px; right:0px; width:100%; background:#fff;}
.selo3{ position:absolute; height:113px; bottom:0px; right:0px; width:100%; background:#fff;}
.banner{ margin-left:-37px; padding-top:63px;}
.banner ul.ban{ position:relative; background:#57585a; height:4px;}
.banner li.as{ float:left; position:absolute; padding-left:60px; z-index:60;}
.tiltop{ height:118px; width:145px; background:url(../images/han_bg.png) no-repeat 0px 24px; bottom:-3px;}
.tilbon{ height:24px; width:145px; background:url(../images/han_bg.png) no-repeat 0px -99px; padding-top:94px; top:-3px;}
.tiltop:hover{background:url(../images/han_bg.png) no-repeat -229px 24px;}
.tilbon:hover{background:url(../images/han_bg.png) no-repeat -229px -99px;}
.as div{ position:absolute; display:none; left:50px;}
li.as:hover div{ position:absolute; display:block;}
.tiltop div{ bottom:118px;}
.tilbon div{ top:118px;}
.as div li{ width:130px; background:#ddd; padding-left:20px; margin:5px 0;}
.as div li:hover{background:#c1232c;}
.as div li:hover a{color:#fff;}
.as:hover>a{ color:#c00;}
.smal{ font-size:10px; font-family:Arial, Helvetica, sans-serif;}
/*------------------------foot-----------------------------*/
.foot{ padding:0 100px 50px; position:absolute; bottom:0;}
.top{ padding:30px 100px 0; position:absolute; top:0; right:0; z-index:50; width:100px;}
.footsple{ margin-left:10px;}
.foot .left{ font-size:10px;}
.preca{ width:800px; padding:20px; margin:30px auto; background:#fff; border:1px solid #ccc;border-radius:10px;box-shadow:0 1px 2px 0 #666;}
.preca h3{ text-align:center; font-size:18px; line-height:32px; height:32px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.precaall{ font-size:12px; line-height:24px; }
.blo{ text-decoration : underline ;}
.blo:hover{ text-decoration : underline ;}

.lang{ float:left; margin-right:5px; font-size:10px;}

.hsbim{display:inline-block; vertical-align:middle;}
.hsbim img{vertical-align:middle; display:inline-block;}


/*------------------------内页-----------------------------*/
.inside{ height:130px; padding:0 0 0 100px; position:absolute;}
/*------------------------logo-----------------------------*/
.logos{ margin:auto; height:130px; position:absolute; left:100px; top:0; z-index:100;}
.logos img{z-index:100;}