@charset "utf-8";
/* CSS Document */
body{ background-image:url(../img/aboutbg.jpg); background-attachment:fixed; background-position:top; background-repeat:no-repeat; background-size:100% 100%; -webkit-transition: 1.85s;-moz-transition: 1.85s;-o-transition: 1.85s;-ms-transition: 1.85s;transition: 1.85s; }
.brand_index{ width:960px; float:right; background-color:#FFF; position:relative}
.about_content_bread{ float:right; display:inline; margin:20px 45px 0px 0px; line-height:12px; color:#3c3c3c;}
.bread_home{ float:right;}
.bread_word{ float:right;}
.about_content_bread a{ line-height:12px; color:#3c3c3c;}
.about_content_bread a:hover{ text-decoration:none; color:#f60;}
.about_content_title #gaikuang{ color:#FFF; background:#41c7c2; padding-left:3px; padding-right:3px; margin-right:10px;}
.about_content_title{ margin:5px 0px 0px 55px;}
.about_content_title li{ float:left; font-weight:bold; margin:5px; color:#7b7b7b; display:inline; margin-top:15px}
.brand_pic{ width:332px; }

.btn2{ width:150px; height:40px; margin-top:75px; margin-left:28px; float:left; display:inline}
.btn1{ width:150px; height:40px; margin-top:75px; margin-left:48px; float:left; display:inline}
.btn2 a{width:150px; height:40px; display:block}
.btn1 a{ width:150px; height:40px; display:block}
.btn2 a:hover{ text-decoration:none}
.btn1 a:hover{ text-decoration:none}
.brand_pic1{ float:left; display:inline; margin-left:30px;  width:500px; height:135px}
.pp{float:right;}
.ww{line-height:40px; font-size:18px; color:#00b3aa; font-family:'微软雅黑'; text-align:right;padding-top:20px; padding-right:5px}
.pp1{ line-height:18px; padding-left:10px}
.brand_pic2{ float:left; display:inline;margin-left:30px; width:450px; }
.brand_pic3{ float:left; display:inline;margin-left:30px;  width:480px; height:30px; line-height:30px; padding-left:10px; color:#37A9A1 }
.brand_pic4{ float:left; display:inline;margin-left:30px;  width:500px; padding-bottom:75px}
.brand_pic4 ul li{ float:left; width:118px; display:inline; margin-left:6px; margin-top:40px; margin-bottom:40px}

.brand_pic5 ul li{ float:left; display:inline; margin-left:14px; margin-top:30px}
.brand_pic5 ul li img{ border:1px solid #ccc}
.totop{ position:fixed; right:200px !important; bottom:100px; *background:#000; background:rgba(0,0,0,0.6); width:30px; height:30px; color:#FFF;  text-align:center; line-height:30px; cursor:pointer;}
.about_banner{ width:960px; overflow:hidden; position:relative;}
.about_title{ color:#FFF; position:absolute; top:40px; left:50px; font-size:12px;}
.about_title b{ font-size:24px; line-height:24px;}

.main{width:1000px; margin:0px auto; position:relative;}
.close{ width:22px; height:22px; position:absolute; z-index:500; right:-10px; top:-10px; cursor:pointer;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out; }
.close:hover{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);-o-transform:rotate(360deg);}

#D1 {
    background-color:#fff;
    border-bottom: 0px solid #979797;
    height: 500px;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    right: 0;
    text-align: center;
    top: -1px;
    width: 1010px;
    z-index: 2147483647;
	opacity: .9; 
	font-weight:bold;
 	color: #333;
	text-decoration: none;
} 
.close1{ width:22px; height:22px; position:absolute; z-index:500; right:-10px; top:-10px; cursor:pointer;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out; }
.close1:hover{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);-o-transform:rotate(360deg);}




.about_content_bread a{ line-height:12px; color:#3c3c3c;}
.about_content_bread a:hover{ text-decoration:none; color:#00c6bd;}


.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999999999999999999999999;
  display: none;
  background:#000 !important
}

.modal p {
  font-size: 14px;
  text-align: left;
  margin: 10px 0 0;
}
.modal p:hover {
  cursor: pointer;
}
.modal {
  display: none;
  background:url(../img/tan_bg.jpg) no-repeat;
  overflow: auto;
  z-index: 9999999999999999999999999999999999999999999999999999999999;
  position: absolute;
  width: 424px;
  height: 197px;
}