@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; list-style: none; text-decoration: none; border: 0; }
body { background: #eaeef1; font-family: 微软雅黑; }
a:hover { margin-top: -2px; transition: all .3s;}

.head { width: 100%; height: 100px; background: #fff; text-align: center;} 
.head .logo { width: 244px; height: 100px; background: url("../img/logo-whole-dark.png") no-repeat right center; padding-left: 40px; position: absolute; top: 0; ;left: 0;}
.head .nav { width: 100%; height: 100px; line-height: 100px; text-align: center; display: inline-block;  } 
.head .nav ul  { width: 100%; height: 100px; display: block; }
.head .nav ul li { display: inline-block; }
.head .nav ul li a { color: #20303e; font-size: 20px; padding: 0 40px; }
.head .nav ul li a:hover { font-weight: bolder;}

.head .search { width:100px; height: 100px; overflow: hidden; position: absolute; right: 0;top: 0;} 
.head .search:hover { overflow:visible;} 
.head .search .btn { width: 100px; height: 100px; background:#eaeef1 url("../img/search-icon-2.png") no-repeat center center; float: right; } 

.head .search .searchbox { width: 410px; height: 42px; background: #395268; position: absolute; top:100px; right:0; padding: 24px 35px; }
.head .search .searchbox input { width: 312px; height: 42px; background: #fff; border-radius: 3px 0 0 3px; float: left; padding-left: 10px; font-size: 16px; outline: 0;}
.head .search .searchbox button { width: 88px; height: 42px; background: #e4ebf2; color: #20303e; font-size: 18px; line-height: 42px; border-radius: 0 3px 3px 0; }

.banner { width: 100%; height: 380px; overflow: hidden; background: url("../img/banner-2.png") no-repeat center center; color: #fff; text-align: center;} 
.banner h1 { font-size: 75px; margin-top: 120px; }
.banner h2 { font-size: 40px; font-weight: 100; text-transform: uppercase; }

.menu { width: 100%;height: 80px; border-bottom: 1px solid #b6c4cb; background: #f1f3f5;}
.menu ul { width: 100%; height: 80px; text-align: center;}
.menu ul li { width: auto; height: 80px; display: inline-block; padding:0 95px; background: url("../img/global-menu-line.png") no-repeat right center;}
.menu ul li:last-child { background: none;}
.menu ul li a { width: auto; height: 76px; display: block; color: #454b50; font-size: 22px; line-height: 80px;}
.menu ul li a.active { font-weight: bolder; border-bottom: 5px solid #e4af77; color: #2e3c48;}
.menu ul li a:hover { font-weight: bolder;}

.breadcrumb { width: 100%; height: 14px; background: #fff; border-bottom: 1px solid #c1c8ce; line-height: 14px; padding:33px 0; font-size: 14px;}
.breadcrumb .inner { width: 1680px; height: 14px;  margin: 0 auto;}
.breadcrumb .inner .current { width: auto; float: left; color: #454b50; background: url("../img/global-breadcrumb-icon.png") no-repeat 0 center; padding-left: 30px;}
.breadcrumb .inner .path {}
.breadcrumb .inner .path a { width: auto; padding: 0 24px 0 12px; background: url("../img/global-breadcrumb-path.png") no-repeat right center;color: #767b80;}
.breadcrumb .inner .path a:hover { color: #454b50;}
.breadcrumb .inner .path a:last-child { background: none;}

.globalcontent { width: 100%; height: auto; overflow: hidden; background: url("../img/global-content-bg.png") no-repeat center top;}
.globalcontent .inner { width: 1680px; height: auto; overflow: hidden; margin: 40px auto 70px;}

.globalcontent .inner .leftmenu { width: 370px; height:auto; float: left;}
.globalcontent .inner .leftmenu .title { padding: 25px 0; background: url("../img/global-left-line.png") no-repeat bottom left; color: #2e3c48;}
.globalcontent .inner .leftmenu .title h3 { font-size: 26px;}
.globalcontent .inner .leftmenu .title h4 { font-size: 22px; text-transform: uppercase; font-weight:100;}
.globalcontent .inner .leftmenu ul { margin-top: 50px;}
.globalcontent .inner .leftmenu ul li {}
.globalcontent .inner .leftmenu ul li a { line-height: 48px; color: #2e3c48; font-size: 20px;}
.globalcontent .inner .leftmenu ul li a:hover,.globalcontent .inner .leftmenu ul li a.active { font-weight: bolder; transition: all .3s;}

.globalcontent .inner .rightcontent { width: 1305px; height: auto; float: right;  position: relative;}
.globalcontent .inner .rightcontent img { width: auto; height: auto; z-index: 50;}
.globalcontent .inner .rightcontent .bansheng-video {  position: absolute; z-index: 60; top: 190px; right: 70px; }


.foot { width: 100%; height: 255px; overflow: hidden; background: #20303e; color: #fff;}
.foot .f_inner { width:1680px; height:auto; margin: 50px auto 0;}
.foot .f_left { width: 40%; height:150px; float: left; background: url("../img/foot-logo.png") no-repeat ;} 
.foot .f_left .url { width: 100%; height: 39px; line-height: 39px; background: url("../img/foot-web.png") no-repeat; margin-top: 100px;}
.foot .f_left .url a { color: #fff; margin-left: 40px; text-transform: uppercase; font-weight: bold;}

.foot .f_right { width: 60%; float: right; text-align: right;} 
.foot .f_right .cr { padding-top: 50px; } 
.foot .f_right .contact { } 
.foot .f_right .contact div { display: inline-block; padding-left: 50px; margin-top: 20px;} 
.foot .f_right .contact .tel { background: url("../img/foot-tel.png") no-repeat 25px center;} 
.foot .f_right .contact .mail { background: url("../img/foot-mail.png") no-repeat 25px center; }
.foot .f_right .contact .add { background: url("../img/foot-add.png") no-repeat 25px center; }