@charset "utf-8";

/*！

 * lib CSS 网页模版库 v1.0 基于bootstrap或ZUI

 * Copyright 2016-2017,XIAOBING TECH 

 * XBUI PC

 * Author:MR.YANGLIU

*/





/*通用组件开始 general component start*/



/*header页头001*/

.xb-mod-header-001{

  background: url(../images/header-bg.png)left center repeat #062b6c;

  -webkit-box-shadow: 0 2px 3px 0 rgba(180,180,180,0.3) ;

  box-shadow: 0 2px 3px 0 rgba(180,180,180,0.3) ;

  position: relative;

  z-index: 99999;



}



/*logo*/

.xb-mod-header-001 .header-top{height: 120px;}

.logo{position: relative; top: 25px;}

.hontline{width: 180px; height: 100%; position: relative;}

.hontline img{position: absolute; top: 35px; left: 0;}

.hontline .zh{position: absolute; top: 35px; right: 0; font-family: microsoft yahei; font-size: 14px; color: #fff;}

.hontline .tel{position: absolute; top: 55px; right: 0; font-family: microsoft yahei; font-size: 18px; color: #fff;}





/*.xb-mod-header-001 .header-body{height: 55px; background: #ddb376; border-top: 1px solid #be9869;}*/
.xb-mod-header-001 .header-body{height: 55px; background: #062b6c; border-top: 1px solid #0843aa;}



/*导航风格模型*/

.xb-mod-header-001 .nav-main{height: auto;width: 100%;}

.xb-mod-header-001 .nav-main ul,

.xb-mod-header-001 .nav-main li, 

.xb-mod-header-001 .nav-main dl,

.xb-mod-header-001 .nav-main dt,

.xb-mod-header-001 .nav-main dd{padding: 0;margin:0;list-style: none}



.xb-mod-header-001 .nav-main>li{float: left;/*border-bottom: 4px transparent solid;*/ height: 54px;  text-align: center; color: #ffffff; font-size: 14px; text-decoration: none;position: relative; z-index: 3;}

.xb-mod-header-001 .nav-main>li:last-child{margin-right: 0}

.xb-mod-header-001 .nav-main>li>a{height: 54px; line-height: 55px ;overflow: hidden; font-size: 16px; color: #aebcd6; margin: 0; padding:0 35px;}

.xb-mod-header-001 .nav-main>li>a span{display: block;position: relative;}

.xb-mod-header-001 .nav-main>li>.en{display: block;}

.xb-mod-header-001 .nav-main>li>a:hover{background:transparent; color: #fff;}

.xb-mod-header-001 .nav-main>.active >a{

  /*color: #fff;*/

  /*background: #0b6aad!important;*/

  -webkit-box-shadow: none!important; 

  -moz-box-shadow: none!important; 

  box-shadow: none!important; 

  text-shadow:none; 

}

.xb-mod-header-001 .nav-main>.active>a span{color: #fff;}

.xb-mod-header-001 .nav-main>.active,

.xb-mod-header-001 .nav-main>.on{

  /*border-bottom: 4px #ffb400 solid*/

}

.xb-mod-header-001 .nav-main>.on >a{

    /*color: #fff;*/

    /*background: #0b6aad!important;*/

}

.xb-mod-header-001 .nav-main .on .zh{color: #fff !important;}

.xb-mod-header-001 .nav-main>li.move{

  border-bottom: 4px transparent solid;

}

.xb-mod-header-001 .nav-main>li.move >a{color: #333!important; background: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow:none!important;}

.xb-mod-header-001 .nav-main .hot{display: block;width: 25px;height: 15px; position: absolute;top: 10px;right: 0; background: url(../images/hot.gif) no-repeat;}

.xb-mod-header-001 .nav-main .aline{position: absolute; width: auto; background: #ffffff;width: 60px; height: 2px;bottom:0;display: none;}



/*.xb-mod-header-001 子菜单*/

.xb-mod-header-001  .submenu-wrap{

  display:none ;

  position: absolute;

  z-index: 9999999999999999999999999;

  left: 50%;

  margin-left: -91px;

  top: 100%;

  width: 192px;

  overflow: hidden;

  -moz-box-shadow: 0px 2px 2px rgba(102,102,102,.2); 

  -webkit-box-shadow: 0px 2px 2px rgba(102,102,102,.2); 

  box-shadow: 0px 2px 2px rgba(102,102,102,.2); 

}

.xb-mod-header-001 .submenu-wrap .caretUp{

  display: block;

  margin:auto;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 10px 11px 10px;

  border-color: transparent transparent #ffffff transparent;

  line-height: 0px;

  _border-color: #000000 #000000 #ffffff #000000;

  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}

.xb-mod-header-001  .submenu{ 

  border-radius: 5px;

  width: 100%;

  overflow: hidden;

  background-color: #fff;

  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#888888');

  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#888888')";

} 

.xb-mod-header-001  .submenu li{font-size: 12px;height: auto;line-height: normal;border-top: 1px solid #e8e8e8}

.xb-mod-header-001  .submenu li:first-child{border-top: transparent;}

.xb-mod-header-001  .submenu li a{display: block;padding:10px 20px;color: #666;}

.xb-mod-header-001  .submenu li a:hover{background-color: #062b6c;color: #fff}



.movingLine{display: none; position: absolute; bottom: 0; overflow: hidden;width: 100px; height:55px;background: #062b6c; z-index: 1;}



/*//header页头001*/





/*slider*/

.skitter{width: 100%; max-width: 100% !important; margin-bottom: 0 !important;background:url(../images/skitter-bg.jpg) top center #f3f3f3 !important;}

.full-slide{width:100% !important;max-width:100%;position:relative;overflow:hidden;height:200px;}

.skitter img{max-width:none!important;}

.skitter.with-dots{margin-bottom: 0}

.skitter .info_slide_dots{bottom: 30px !important; display: none !important;}

.skitter .info_slide_dots .image_number{background: transparent;box-shadow:none;width: 14px;height: 14px;border:2px solid #ffffff;}

.skitter .info_slide_dots .image_number.image_number_select{background: #ffffff;}







/*网站页脚*/

.footer{width: 100%; height:auto; background: #353233;background: url(../images/header-bg.png)left center repeat #062b6c;}



/*foot-info*/

.foot-info{height: auto; background:none; padding: 30px 0;}

.foot-info .row{width: 100%; height:100%;background: none; margin: 0; padding: 0;}

.foot-info .row li{height: 100%;}

.foot-info .row li .list-title{width: 100%; height: 50px; margin-bottom: 15px; border-bottom: 1px solid #676767; text-align: left; font-family: microsoft yahei; font-size: 16px; color: #fff; line-height: 50px;}





.foot-info .row li:nth-child(1) .list-content{width: 100%; height: 120px; background:none; overflow-y: auto; overflow-x:hidden; border: none;}

.foot-info .row li:nth-child(1) .list-content::-webkit-scrollbar-track-piece {width:3px; background-color:#949494;}/*背景*/

.foot-info .row li:nth-child(1) .list-content::-webkit-scrollbar{width:3px;background-color: rgba(44,44,44,0.1);}

.foot-info .row li:nth-child(1) .list-content::-webkit-scrollbar-thumb {width:3px;background-color:#eeeeee;border-radius: 0;}/*划块*/

.foot-info .row li:nth-child(1) .list-content::-webkit-scrollbar-thumb:hover{width:3px;}/*划块hover*/

.foot-info .row li:nth-child(1) .list-content a{display: block; width: 100%; height: 30px; font-family: microsoft yahei; font-size: 14px; color: #6b6b6b;}

.foot-info .row li:nth-child(1) .list-content a:hover{color: #999;}



.foot-info .row li:nth-child(2) .list-content{width: 100%; height:auto;}

.foot-info .row li:nth-child(2) .list-content span{font-family: microsoft yahei; font-size: 14px; line-height: 38px;}

.foot-info .row li:nth-child(2) .list-content span i{font-size:18px; padding-right: 10px;}



.foot-info .row li:nth-child(3) .list-content{width: 100%; height:auto;}

.foot-info .row li:nth-child(3) .list-content img{width: 96px; height: 96px; border:3px solid #575757;}



.foot-info .row li:nth-child(4) .list-content{width: 100%; height:auto;}

.foot-info .row li:nth-child(4) .list-content a{display: block; width: 130px;height: 40px; background: #484848; margin-bottom: 15px; text-align:center; font-family: microsoft yahei; font-size: 14px; color: #767676; line-height: 40px;}

.foot-info .row li:nth-child(4) .list-content a:hover{color: #999;}

.foot-info .row li:nth-child(4) .list-content a i{font-size:22px;}



/*sec*/

.foot-info  .foot-info-sec li{text-align: center;}

.foot-info  .foot-info-sec li:first-child{padding-left: 0;}

.foot-info  .foot-info-sec li span{font-size: 14px;}



/*foot-nav*/

.foot-nav{height: auto; min-height:50px; background:none;}

.foot-nav .page-container{height: 50px; border-bottom:1px solid #252525;}



.foot-nav .copy-nav{width: 1000px; height: 50px; float: left;}

.foot-nav .copy-nav ul{padding:0;}

.foot-nav .copy-nav li{height: 50px; padding: 0 15px; float: left; text-align:center; position: relative;}

.foot-nav .copy-nav li:first-child{padding-left: 0px;}

.foot-nav .copy-nav li:before{content: ''; display: block; width: 1px; height: 10px; background: #464646; position: absolute; right: 0; top:20px;}

.foot-nav .copy-nav li a{font-family: microsoft yahei; font-size: 14px; line-height:50px;}



.foot-nav .xbcms{width: 200px; height: 50px; float: right; text-align: right;}

.foot-nav .xbcms a{font-family: microsoft yahei; font-size: 14px; line-height:50px;}



/*foot-copy*/

.foot-copy .page-container{border-top:1px solid #464646;}

.foot-copy span{font-family: microsoft yahei; font-size: 12px; line-height:50px;}

/*底部 end*/





/*列表组datalist*/

.xb-list{}

.xb-list ul,

.xb-list li{

  list-style: none;

}

.xb-list > .row{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}

.xb-list .list-item{padding-left: 0; padding-right: 0; position: relative;}

.xb-list .item-media{position: relative; overflow: hidden;display: block;}

.xb-list .item-media:hover{}

.xb-list .item-media img{margin: 0; max-width: 100%; width: auto/9; height: auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}

.xb-list .title,

.xb-list .title a{

  display: block; color: #333333

}

.xb-list .item-layer{width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6) !important; filter: alpha(opacity=60); background-color: #000000; display: none;}

.xb-list .item-layer .icon{position: absolute; left: 50%; top: 50%; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.23 ease;}

.xb-list .active .icon{margin-top: -10px; /* animation:animations-hover .5s infinite; -moz-animation:animations-hover .5s infinite; -webkit-animation:animations-hover .5s infinite; -o-animation:animations-hover 5s .infinite; */}

@-webkit-keyframes animations-hover{0%{margin-top: 0; background: red;} 25%{} 50%{margin-top: -10px; background: yellow;} 75%{} 100%{margin-top: 0; background: red;}}

.xb-list .active .item-media img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}

.xb-list .br{margin-right: 0!important}



/*间距*/

/*5px*/

.list-space > .row{margin-left: -5px; margin-right: -5px}

.list-space .list-item{margin-left: 5px; margin-right: 5px; margin-bottom: 12px; position: relative;}

/*10px*/

.list-space-10 > .row{ margin-left: -10px; margin-right: -10px}

.list-space-10 .list-item{margin-left: 10px; margin-right: 10px; margin-bottom: 12px;position: relative;}

/*end列表组datalist*/





/*首页栏目*/

.index-column{}

.column-head{padding:60px 0 30px 0;}

.column-head .zh{font-family: microsoft yahei; font-size: 30px; position: relative;}

.column-head .zh:before{content: ''; width: 21px; height: 19px; background:url(../images/column-head-left.png) top center no-repeat; position: absolute; top: 0px; left: 500px;}

.column-head .zh:after{content: ''; width: 21px; height: 19px; background:url(../images/column-head-right.png) top center no-repeat; position: absolute; top: 0px; right: 500px;}

.column-head .en{font-family: microsoft yahei; font-size: 18px; color: #fff; text-transform: uppercase;}



/*产品展示*/

.case-column{height: 740px;background: url(../images/column-bg.jpg) top center repeat #fff; position: relative;}

.case-column .column-head .zh{color: #333;}

.case-column .column-foot{width: 60px; height: 60px; background:#062b6c; border:2px solid #fff; border-radius: 50%; position: absolute; z-index: 999; bottom: -30px; left: 50%; margin-left: -30px; text-align: center; cursor: pointer;}

.case-column .column-foot i{ font-size:38px; line-height: 53px; color: #fff;}

.case-column .column-foot:hover{-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.4); box-shadow:0px 5px 5px rgba(0,0,0,0.4);}



.nav-side{width: 270px; height:520px; background: #fff; border:1px solid #062b6c; border-radius: 3px;}

.nav-side .side-head{width: 100%; height: 85px; background: #062b6c; text-align: center;}

.nav-side .side-head .zh{font-family: microsoft yahei; font-size:18px; color: #fff; line-height: 85px;}

.nav-side .side-body{width: 100%; height:425px; overflow: auto;}

.nav-side .side-body::-webkit-scrollbar-track{ background-color:rgba(102,102,102,0.1); -webkit-box-shadow: inset 0 0 2px rgba(102,102,102,0.2);}

.nav-side .side-body::-webkit-scrollbar-thumb{ width:2px; background-color: rgba(102,102,102,0.3); }

.nav-side .side-body::-webkit-scrollbar{ width:2px; }



.nav-side .side-body .list-item{width: 100%;height: auto;}

.nav-side .side-body .list-item .item-main{width: 100%; height: 59px; border-width: 1px 0 0 0; border-style: solid; border-color:#062b6c;}

.nav-side .side-body .list-item:last-child{border-bottom: 1px solid #062b6c;}

.nav-side .side-body .list-item .item-less{width: 100%;height: auto; padding: 15px 0; display: none; border-width: 1px 0 0 0; border-style: solid; border-color:#062b6c;}

.nav-side .side-body .list-item .item-main .zh{font-family: microsoft yahei; font-size:16px; color: #062b6c; line-height: 60px; padding-left: 30px;}

.nav-side .side-body .list-item .item-less a{display: block; font-family: microsoft yahei; font-size:14px; color: #333; line-height: 40px; padding-left: 30px; position: relative;}

.nav-side .side-body .list-item .item-less a i{ font-size: 12px; position: absolute; right: 30px; line-height: 40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.nav-side .side-body .list-item .item-less a:hover{color:#062b6c; background: #f8f8f8;}

.nav-side .side-body .list-item .item-less a:hover i{color:#062b6c; right: 40px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



.nav-side .side-body .list-item.active .item-less{display: block;}



.case-list{width: 880px;}

.case-list .list-item{float: left; width: 280px; margin-right: 20px; margin-bottom: 10px;}

.case-list .list-item:nth-child(3),

.case-list .list-item:nth-child(6),

.case-list .list-item:nth-child(9),

.case-list .list-item:nth-child(12),

.case-list .list-item:nth-child(15),

.case-list .list-item:nth-child(18){margin-right: 0px;}

.case-list .list-item .item-media{width: 100%; height: 190px; background: black; position: relative;}

.case-list .list-item .item-media a{display: block; width: 100%; height: 100%;}

.case-list .list-item .item-media .cover{width:auto; height: 100%;}

.case-list .list-item .item-media .more{position: absolute; top: 95px; left: 50%; margin-left: -21px; z-index: 99;}

.case-list .list-item .item-content{width: 100%; height: 65px; text-align: center; padding: 10px 0; background: #fff; border-width: 0px 1px 1px 1px; border-style:solid; border-color: #ebebeb;}

.case-list .list-item .item-content .zh{font-size: 16px; color: #333;}

.case-list .list-item .item-content .en{font-size: 12px; color: #666;}



.case-list .list-item:hover .item-content{border-width: 0px 1px 8px 1px; border-style:solid; border-color: #ebebeb #ebebeb #062b6c #ebebeb;}

.case-list .list-item:hover .cover{filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}

.case-list .list-item:hover .more{top: 75px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}



/*新闻中心*/

.news-column{ height: 496px; background:url(../images/news-column-bg.jpg) top center no-repeat black; position: relative; background-size: cover; -moz-background-size: cover;}

.news-column .column-head .zh{color: #fff;}

.news-column .column-foot{width: 60px; height: 60px; background:#062b6c; border:2px solid #fff; border-radius: 50%; position: absolute; z-index: 999; bottom: -30px; left: 50%; margin-left: -30px; text-align: center; cursor: pointer;}

.news-column .column-foot i{ font-size:38px; line-height: 53px; color: #fff;}

.news-column .column-foot:hover{-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.2); box-shadow:0px 5px 5px rgba(0,0,0,0.2);}



.news-hot{width: 570px; height: auto;}

.news-hot .hot-media{width: 100%; height: 190px; overflow: hidden; position: relative;}

.news-hot .hot-media img{width: 100%; height: 100%;}

.news-hot .hot-media .time{width: 65px; height: 65px; background: #062b6c; position: absolute; left: 0px; top: 0px; z-index: 999; text-align: center;}

.news-hot .hot-media .time .day{font-family: microsoft yahei; font-size: 40px; color: #fff; line-height: 44px;}

.news-hot .hot-media .time .year{font-family: microsoft yahei; font-size: 12px; color: #fff;}

.news-hot .hot-content{padding-top:40px;}

.news-hot .hot-content .zh{padding-bottom: 15px;font-family: microsoft yahei; font-size: 21px; color: #fff;}

.news-hot .hot-content .desc{padding-bottom:30px;font-family: microsoft yahei; font-size: 15px; color: #fff;}

.news-hot .hot-content .more{width: 150px; height: 40px; background: #062b6c; text-align: center; line-height: 40px; font-family: microsoft yahei; font-size: 14px; color: #fff; text-transform: uppercase; position: relative;}

.news-hot .hot-content .more:before{content: ''; width: 11px;height: 10px; display: block; background: url(../images/more.png) top center no-repeat; position: absolute; top: 15px; right: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.news-hot .hot-content .more:hover{padding-left: 5px;}

.news-hot .hot-content .more:hover:before{right: 35px;}



.news-list{width: 570px; height: auto;}

.news-list .list-item{border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 20px; margin-bottom:40px; overflow: hidden;}

.news-list .list-item .item-media{width: 65px;height: 65px; text-align: center;  float: left;}

.news-list .list-item .item-media .day{font-family: microsoft yahei; font-size: 40px; color: #fff; line-height: 44px;}

.news-list .list-item .item-media .year{font-family: microsoft yahei; font-size: 12px; color: #fff;}

.news-list .list-item .item-content{width: 485px;height: auto; float: right;}

.news-list .list-item .item-content .zh{padding-bottom: 10px;font-family: microsoft yahei; font-size: 14px; color: #fff;}

.news-list .list-item .item-content .desc{font-family: microsoft yahei; font-size: 12px; color: #fff;}



.news-list .list-item:hover .item-media{background:#062b6c;}





/*加盟*/

.join-column{ background: #fff; position: relative;}

.join-column .column-body{height:260px;}

.index-column .join-body{height:360px;}

.join-column .column-head .zh{color: #333;}

.join-column .column-foot{width: 60px; height:30px; background:#353233; border-width: 2px 2px 0px 2px; border-style: solid; border-color: #062b6c; border-radius:30px 30px 0 0; position: absolute; z-index: 999; bottom:0px; left: 50%; margin-left: -30px; text-align: center; cursor: pointer;}

.join-column .column-foot i{line-height: 30px; font-size:18px; color: #fff;}

.join-column .column-foot:hover{-moz-box-shadow:0px -5px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px -5px 5px rgba(0,0,0,0.2); box-shadow:0px -5px 5px rgba(0,0,0,0.2);}



.join-column .column-body .title{font-family: microsoft yahei; font-size: 14px; color: #062b6c; position: relative;}

.join-column .column-body .title:before{content: ''; display: block; width: 210px; height: 1px; background: #062b6c; position: absolute; top: 10px; left: 230px;}

.join-column .column-body .title:after{content: ''; display: block; width: 210px; height: 1px; background: #062b6c; position: absolute; top: 10px; right: 230px;}



.join-list{margin-top: 50px;}

.join-list .list-item{width: 20%; height: 200px; border-bottom: 5px solid #eee; float: left; cursor: pointer; position: relative;}

.join-list .list-item .item-media{width: 100%; height: 150px; position: absolute; top: 0px; left: 0px; z-index: 88;}

.join-list .list-item .item-media img{width: auto; height: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.join-list .list-item .item-content{width: 100%; height: auto; padding: 0 85px; text-align: center; position: absolute; top: 60px; left: 0px; z-index: 99;}

.join-list .list-item .item-content a{font-family: microsoft yahei; font-size: 14px; color: #fff;}

.join-list .list-item .item-num{width: 20px; height: 20px; background: #ddd; border-radius: 50%; text-align: center; font-family: microsoft yahei; font-size: 14px; color: #fff; line-height: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: -10px;}



.join-list .list-item:hover {border-bottom: 5px solid #edb667;}

.join-list .list-item:hover .item-media{top:-5px;}

.join-list .list-item:hover .item-media img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;

  -webkit-transform:scale(1.03,1.03); -moz-transform:scale(1.03,1.03);-transform:scale(1.03,1.03);}



.join-list .list-item:hover .item-num{background: #edb667;-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}







/*内页框架*/

.page-in{ background:url(../images/column-bg.jpg) top center repeat}

.main-page{padding: 50px 0; }

.main-left{width: 250px; height: auto;}

.main-right{width: 945px; height: auto; min-height: 500px; background: #fff; border-width:1px 5px 5px 1px; border-style: solid; border-color:#e3e3e3 #f0eeee #f0eeee #e3e3e3;}





/*内页横幅*/

.sub-banner{display: table; width: 100%; height: auto; text-align: center; position: relative;}

.sub-banner .banner-title{margin-top:129px; text-transform: uppercase; text-shadow: 0 1px 3px #000;}

.sub-banner .banner-title span{display: block;}

.sub-banner .zh{font-size: 18px; color: #fff;}

.sub-banner .en{font-size: 14px; color: #fff;}





/*内页导航*/

.nav-page{width: 210px; height:auto; background: #fff; border:1px solid #062b6c; border-radius: 3px;}

.nav-page .page-head{width: 100%; height:50px; background: #062b6c; text-align: center;}

.nav-page .page-head .zh{font-family: microsoft yahei; font-size:18px; color: #fff; line-height:50px;}

.nav-page .page-body{width: 100%; height:auto; overflow: auto; padding-bottom:1px;}

.nav-page .page-body::-webkit-scrollbar-track{ background-color:rgba(102,102,102,0.1); -webkit-box-shadow: inset 0 0 2px rgba(102,102,102,0.2);}

.nav-page .page-body::-webkit-scrollbar-thumb{ width:2px; background-color: rgba(102,102,102,0.3); }

.nav-page .page-body::-webkit-scrollbar{ width:2px; }


.nav-page .page-body ul{width:100%; height:auto; padding:0; margin:0; overflow:hidden;}
.nav-page .page-body .list-item{width: 100%;height: auto;}

.nav-page .page-body .list-item .item-main{width: 100%; height:50px; border-width: 1px 0 0 0; border-style: solid; border-color:#062b6c; position: relative;}

.nav-page .page-body .list-item .item-main i{font-size: 12px; color:#062b6c; position: absolute; right: 15px; line-height:50px; cursor:pointer;
  transform:rotate(180deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.nav-page .page-body .list-item .item-main:hover{border-left: 3px solid #062b6c;}
.nav-page .page-body .list-item.active .item-main{border-left: 3px solid #062b6c;}
.nav-page .page-body .list-item.active .item-main i{transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg);}

.nav-page .page-body .list-item .item-less{width: 100%;height: auto; background: #f8f8f8;  display: none; border-width: 1px 0 0 0; border-style: solid; border-color:#062b6c;}

.nav-page .page-body .list-item .item-main .zh{font-family: microsoft yahei; font-size:14px; color: #333; line-height: 50px; padding-left: 30px;}

.nav-page .page-body .list-item .item-less a{display: block; font-family: microsoft yahei; font-size:14px; color: #333; line-height: 40px; padding-left: 40px; position: relative;}

.nav-page .page-body .list-item .item-less a i{ font-size: 12px; position: absolute; right:15px; line-height: 40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.nav-page .page-body .list-item .item-less a:hover{color:#062b6c; background: #f8f8f8;}

.nav-page .page-body .list-item .item-less a:hover i{color:#062b6c; right:30px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.nav-page .page-body .list-item.active .item-less{display: block;}



/*新闻推荐*/

.news-flash{width: 210px; height:auto; background: #fff; border:1px solid #062b6c; border-radius: 3px;}

.news-flash .flash-head{width: 100%; height:50px; background: #062b6c; text-align: center;font-family: microsoft yahei; font-size:18px; color: #fff; line-height:50px;}

.news-flash .flash-body{padding: 10px 0;}

.news-flash .flash-body a{ width: 100%;height: 30px; font-size: 12px; color: #333; padding-left:20px; line-height: 30px;display:block;overflow:hidden;white-space:nowrap;  text-overflow:ellipsis;

position: relative;}

.news-flash .flash-body a:hover{padding-left: 30px; color: #062b6c;}

.news-flash .flash-body a i{font-size: 10px; color: #999; line-height: 30px; position: absolute; left:15px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.news-flash .flash-body a:hover i{left: 10px; color: #062b6c; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



/*页面标题*/

.page-head{height: 50px; overflow: hidden;}

.page-title{width: auto; min-width: 100px; height: 50px; border-top: 3px solid #062b6c;}

.page-title .zh,.page-title .en{line-height: 50px; font-size: 14px; color: #062b6c; padding: 0 5px;}

.page-title .zh{padding-left: 20px; position: relative;}

.page-title .zh:before{content: ''; display: block; width: 3px; height: 9px; background: #062b6c; position: absolute; left: 12px; top: 4px;}

/*当前位置*/

.curren{width: auto;height: 50px; padding-right: 30px;}

.curren span{color: #999;}

.curren a,.curren span,.curren i{line-height: 50px; font-size: 12px; padding: 0 3px;}

.curren a.active{color: #999;pointer-events: none;}

.curren a:hover{color: #062b6c;}

/*内容*/

.page-content{padding: 30px;}



.detail-title{height:70px; border-bottom: 1px solid #eee; margin-bottom: 30px;}

.detail-title .zh{font-family: microsoft yahei; font-size: 18px; color: #333; line-height: 24px;}

.detail-title .note{font-family: microsoft yahei; font-size: 12px; color: #999;}



.detail-foot{height: 60px; margin-top: 30px;}

.detail-foot span{line-height: 30px;}

.detail-foot a{font-size: 14px; padding-left: 10px;}

.detail-foot a:hover{color: #89815d;}



/*新闻中心*/

.list-news{}

.list-news .list-item{padding: 30px 0; border-bottom: 1px solid #cbcbcb;}

.list-news .list-item:first-child{padding-top: 0;}

.list-news .list-item:last-child{margin-bottom: 30px;}

.list-news .list-item .item-media{width: 175px; height: 110px; background: #0843aa; overflow:hidden;}

.list-news .list-item .item-media img{max-width: 100%;height: 100%;}

.list-news .list-item .item-content{width: 590px; height: 110px; overflow: hidden; padding: 10px 0 10px 30px;}

.list-news .list-item .item-content .zh{font-family: microsoft yahei; font-size: 16px; color: #262626; margin-bottom: 5px;}

.list-news .list-item .item-content .desc{font-family: microsoft yahei; font-size: 12px; color: #999;}

.list-news .list-item .item-time{width:110px; height: 110px; overflow: hidden; position: relative;}

.list-news .list-item .item-time .day{font-family: arial; font-size: 28px; color: #262626;}

.list-news .list-item .item-time .year{font-family: arial; font-size: 14px; color: #676767;}

.list-news .list-item .item-time .more{position: absolute;right:55px; top: 35px; filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.list-news .list-item:hover{}

.list-news .list-item:hover .item-media img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.list-news .list-item .item-content .zh:hover{color: #062b6c;}

.list-news .list-item:hover .item-time .more{right: 45px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



/*培训*/

.page-column{margin: 50px auto; background: #fff;border-width:1px 5px 5px 1px; border-style: solid; border-color:#e3e3e3 #f0eeee #f0eeee #e3e3e3;}

.train-head{padding-bottom: 50px;padding-top: 50px;}

.train-head .en{font-family: microsoft yahei; font-size: 14px; color: #555555; line-height: 30px; text-transform: uppercase;}

.train-head .zh{font-family: microsoft yahei; font-size: 30px; color: #333333; line-height: 30px; position: relative; clear: both;}

.train-head .zh:before{content:''; display: block; width: 40px; height: 2px; background: #ddb376; position: absolute; top:40px; left: 50%; margin-left: -20px;}

.train-body{ padding-bottom: 50px; border-bottom: 1px solid #f0eeee; overflow: hidden;}

.train-body .zh{font-family: microsoft yahei; font-size: 18px; color: #062b6c; margin-bottom: 20px;}

.train-body .desc{font-family: microsoft yahei; font-size: 14px; color: #666;}



/*加盟*/

.join-column{}

.join-column .note{font-family: microsoft yahei; font-size: 14px; color: #666; display: block; position: relative;}

.join-column .note:before{content: ''; width: 220px; height: 1px; background: #ddb376; position: absolute; top:30px;}

.join-column .slogn{font-family: microsoft yahei; font-size: 24px; color: #666; padding: 100px 0;}







/*联系我们*/

.contact-information{width: 580px; height: 300px;}

.contact-map{width: 580px; height: 300px; background: url(../images/contact-map-bg.png) top center no-repeat;background-size: cover; -moz-background-size: cover;}



.from-message-head li{width: 33.333%; float: left;}

.from-message-head li input[type=text]{width: 98%; height: 50px; background: #f3f3f3; border:0; padding-left: 15px;}

.from-message-head li input[type=text]:focus{background: #eaeaea;}



.from-message-body textarea{border: 0; background: #f3f3f3; padding: 15px;}

.from-message-body textarea:focus{background: #eaeaea;}



.from-message-foot .verif{width: auto;}

.from-message-foot .verif input[type=text]{width: 135px; height: 50px; border: 1px solid #e2e2e2; padding-left: 15px; float: left; margin-right: 10px;}

.from-message-foot .verif input[type=text]:focus{border: 1px solid #ccc;}

.from-message-foot .verif input[type=image]{width: 100px; height: 50px; border: 1px solid #e2e2e2; padding-left: 15px; float: left;}

.from-message-foot .verif .switch{display: block; width: 100px; height: 50px; float: left; text-align: center; line-height: 50px;}



.from-message-foot .confirm{width: 200px; height: 50px; float:right;}

.from-message-foot .confirm input[type=button]{width: 100%; height: 100%; background: #aebcd6; color: #fff; border: 0;}

.from-message-foot .confirm input[type=button]:hover{background: #0843aa;}





.column-content{margin: 50px auto; background: #fff;}

.contact-message{margin-bottom: 50px; background: #fff;}