@charset "utf-8";

/*------------------------通用-----------------------------*/
*{ margin:0px; padding:0px;}
body { font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#57585a;  font-size:12px; line-height:20px; min-width:1100px; min-height:600px; position:relative;}
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%;}
.max{ height:100%; min-width:1100px; min-height:600px; position:relative;}
/*------------------------首页-----------------------------*/
.top{ height:80px; padding:10px 0 0 100px; margin-bottom:30px; background:#fff;}
.top>div{ float:left;}
/*------------------------logo-----------------------------*/
.logo{ margin:auto; height:130px; position:absolute; left:100px; top:237px; z-index:100;}
.logo img{z-index:100;}

.banner{ margin-left:-19px; padding-top:50px;}
.banner ul.ban{ position:relative; background:#57585a; height:2px;}
.banner li.as{ float:left; z-index:60; position:absolute; background:url(../images/han_bgt.png) no-repeat center bottom; top:-2px; height:30px; margin:-24px 0 0 -12px;}



.banners{ margin-left:-19px; padding-top:50px;}
.banners ul.ban{ position:relative; background:#555; height:2px;}
.logos{ margin-top:13px;}


.banners li.as span{ display:block; text-align:center;}
.banners li.as .asm{ height:6px; background:url(../images/han_bgt.png) no-repeat center center;}
.banners li.as.asonl .asm{ height:6px; background:url(../images/han_bgt.png) no-repeat center center;}
.bantw{ font-size:8px; line-height:12px;}
.banners li.as .asc{ color:#c41622;}
.banners li.as .ase{ color:#999; line-height:20px;}
.banners li.as.asonl .asc{ color:#c41622; font-size:16px;}
.banners li.as.asonl .ase{ color:#57585a;}
.banners li.as{ float:left; z-index:60; position:absolute; top:-2px; width:96px; margin-left:-45px; margin-top:-32px;}


.banner li.as span{ display:block; text-align:center;}
.banner li.as .asm{ height:6px; background:url(../images/han_bgt.png) no-repeat center center;}
.banner li.as.asonl .asm{ height:6px; background:url(../images/han_bgt.png) no-repeat center center;}
.bantw{ font-size:10px; line-height:10px; height:12px;font-family:Arial, Helvetica, sans-serif;}
.banner li.as .asc{ color:#c41622;}
.banner li.as .ase{ color:#000; line-height:20px;}
.banner li.as.asonl .asc{ color:#c41622; font-size:16px;}
.banner li.as.asonl .ase{ color:#57585a;}
.banner li.as.asonl{ float:left; background:none; z-index:60; position:absolute; top:-2px; width:96px; margin-left:-45px; margin-top:-32px;}
.banner li.as.asonl a{color:#57585a;}
.banner li.as.asonl:hover a span{color:#c00;}
.banner li.as.asonl:hover .asm{ height:6px; background:url(../images/han_bgthover.png) no-repeat center center;}
/*.banner li.as a{ display:none;}*/
/*.banner li.as.asonl a{ display:block;}*/


.sort{ position:absolute; top:25px; right:100px; }
.sort>div{ float:left;}
.sortlnk{ width:2px; height:28px; margin:3px 10px; background:#666;}
.sorttm{ font-size:12px; color:#57585a;letter-spacing: 2px; line-height:20px;}
.sortts{ font-size:10px; color:#b5b6b6;line-height:10px; text-align:left;font-family:Arial, Helvetica, sans-serif;}
.sortal{ font-size:20px; line-height:30px; position:relative; color:#57585a; cursor:pointer;}
.sortalno{ position:absolute; top:28px; left:0; background:#bcbdbd; color:#000000; font-size:16px; line-height:28px; width:110px; display:none; z-index:5;}



/*------------------------foot-----------------------------*/
.foot{ padding:0 100px 40px; position:relative; bottom:0;}
.footsple{ margin-left:10px;}
.foot .left{ font-size:10px;}
.lang{ float:left; margin-right:10px; 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 ;}
.hsbim{display:inline-block; vertical-align:middle; border-left:1px solid #aaa;}
.hsbim img{ vertical-align:middle; display:inline-block; margin:0; padding:0;}


.mainall{ padding:10px 100px 28px; overflow:hidden; height:0;}
.mainalltil{ height:12px; margin-bottom:18px;}
.mainalltil h3{ font-weight:normal; margin:0 100px 20px; font-size:12px; line-height:12px; height:12px;}
.mainalltil h3 span{ border-right:1px solid #666; padding: 0 10px; display:block; float:left; position:relative;margin: 0 0 10px 0;}
.mainalltil h3 span.mtlfs{ border-right:1px solid #666;  display:inline-block; height:12px; float:left; padding:0;}
.mainalltil h3 a{ display:inline-block;}
.mainalltil h3 span a.sroton{ color:#c00;}
.maleft{ float:left; height:100%; overflow:hidden;}
.pro_edit{width:100%;}
.pro_edit p{margin:2px 0;}
.maleft img{ width:100%; }
.maright{ float:right; height:100%; overflow: hidden;  position:relative;}
.marightscroll{overflow-y: auto; height:100%; overflow-x: hidden;margin-right:-20px;}

/*
.maright::-webkit-scrollbar {
        width: 6px;    
        height: 1px;
        border-radius:20px;
    }
.maright::-webkit-scrollbar-thumb {
        border-radius: 20px;
        background: #818283;
    }
.maright::-webkit-scrollbar-track {
		width:1px;
        border-radius: 20px;
        background:rgba(0,0,0,0.1);
    }
*/
/*
.maright::-webkit-scrollbar {
        display: none;
    } 
*/

.mainalltil ul{ position:absolute;left:0;top:12px; padding-top:5px; display:none;z-index:4; }
.mainalltil ul li,.mainalltil ul li a{display:block; width:68px;height:30px; line-height:30px; text-align:center;}
.mainalltil ul li{ border-bottom:1px solid #ddd;}
.mainalltil ul li a{ background:rgba(255,255,255,0.9); }
.mainalltil h3 span:hover ul{display:block;}



.design{ display:table; height:100%;}
.design>div{ display:table-cell; height:100%;}
.design h3{ font-size:18px; margin-bottom:20px;}

.team{ bottom:0; position:absolute;}
.team h3{ font-size:18px; margin-bottom:20px;}

.idea ul{ margin-left:10px;}
.idea ul li{list-style:inside disc; font-size:18px;}

.project li{list-style:inside disc; font-size:14px;}


.projects h3{ font-size:18px; margin-bottom:20px;}


.news{ height:50%;}
.news h3{ font-size:18px; margin-bottom:5px;margin-top:20px;}
.news li{ font-size:14px; margin-bottom:5px; font-weight:bold;}

.contwx{ }

.login{ width:580px; margin:auto;}
.login p{ height:40px; margin:10px 0;}
.login p input[type="text"]{ height:28px; border:1px solid #e1e1df; background:#dcdddd; color:#595757; width:560px; text-align:center; line-height:28px; padding:5px;}
.login p a{ display:inline-block; height:38px; border:1px solid #a6a6a6; background:#898989; color:#f6f7f7; width:570px; text-align:center; line-height:38px;}


.mainlist{ padding:10px 100px 30px; display:inline-block;}
.mainlist h3{ font-weight:normal; margin-bottom:20px; font-size:12px; line-height:12px; height:12px;}
.mainlist h3 span{ border-right:1px solid #666; padding: 0 10px; display:inline-block; float:left;}
.mainlist h3 span.mtlfs{ border-right:1px solid #666; padding: 0 ; float:left; height:12px;}
.mainlist h3 a{ display:inline-block;}
.mainlist h3 span a.sroton{ color:#c00;}
.mainlist>div{ float:left; margin-right:20px; text-align:center; padding-bottom:20px;}
.mainlist>div p{height:40px;line-height:40px; overflow:hidden;}
.mainlist>div img{width:100%;}


.prolist{ text-align:center;}
.prolist .lef{ float:left;}
.prolist .ret{ float:right;}
.prolist .ret a{ margin:10px 1px 0 25px;}
.prolist .tern{ margin:auto; display:inline-block;}