/* init.css */
.mini{ min-width: 1200px; max-width: 100%; }
.auto{ margin-left: auto; margin-right: auto; }
.mirl{ margin-left: 33px; margin-right: 33px; }
.wp{ width: 1200px; }
.col-l{ float: left; }
.col-r{ float: right; }
.fixed{ position: fixed; }
.absolute{ position: absolute; }
.relative{ position: relative; }
/* init.css ---------end */

/* common.css */
.wrap{ overflow: hidden; margin-top: 102px; }
.index .wrap{ margin-top: 0; }
img.lazy{ background: url(../images/loading.gif) no-repeat center center; }
.videoBtn{ float: left; background: url(../images/ico_playBtn.png) no-repeat left center; background-size: 23px 23px; transition: all .3s; }
.videoBtn:hover{ background: none; background-size: 0 0; }
.videoBtn .videoCenter{ display: block; margin-left: -15px; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: all .3s; }
.videoBtn:hover .videoCenter{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition: all .3s; }

.shop{ top: 14px; right: 0; line-height: 19px; }
.shop .searchForm{ float: left; }
.shop .searchForm .content{ float: left; transition: all .3s; width: 0; height: 18px; font-size: 14px; color: #000; padding: 0; margin: 0; border: none; border-bottom: 1px solid #ccc; padding: 5px 0; margin-top: -6px; margin-right: 10px; }
.shop .searchForm .content.active{ width: 200px; padding-left: 15px; padding-right: 15px;  }
.shop .search{ float: left; display: block; width: 18px; height: 18px; background: url(../images/ico_search.png) no-repeat center center; background-size: 18px 18px; }
.shop .lang{ font-size: 14px; color: #000; float: left; transition: all .3s; }
.shop em{ display: block; width: 1px; height: 18px; background-color: #424242; float: left; margin: 0 16px; }
.shop .lang:hover{ color: #6e6e6e; }
.title{ font-size: 36px; color: #000; border-bottom: 1px solid #ccc; padding-bottom: 15px; letter-spacing: 4px; }
figure {display: block; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin: 0; }
/* common.css --------end */

/* header.css */
.header{ transition: all .3s; min-width: 1200px;padding-top: 28px; padding-bottom: 28px; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background-color: #fff; }
.topid{ padding-top: 18px; padding-bottom: 18px; }
.header .logo{ display: block; margin-right: 32px; }
.header .box-shadow{ position: absolute; bottom: 0; left: 0; background-color: #e1e1e1; width: 100%; height: 2px; box-shadow: 0 5px 50px 10px #eee; }
.hasbanner .header .box-shadow{ display: none; }

.index .header{ position: fixed; top: -100px; left: 0; right: 0; z-index: 500; transition: all .3s; background-color: #fff; }
.index .header.topid{ top: 0; }
/* header.css ------end */

/* footer.css */
.footer{background: url(../images/footer_bg.jpg) no-repeat center center; background-size: cover; padding-top: 136px; padding-bottom: 40px; }
.footer .copyright{ text-align: center; line-height: 30px; margin-top: 78px; }
.footer .copyright .opacity{ -webkit-opacity: 0.35; -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; filter:alpha(opacity=35); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); }
.footer .copyright .code{ font-size: 16px; color: #fff; letter-spacing: 5px; }
.footer .copyright .copy,.footer .copyright .copy a{ font-size: 10px; color: #fff; }
.footer .copyright .link,.footer .copyright .link a{ font-size: 16px; color: #fff; }
.footer .copyright a{ transition: all .3s; }
.footer .copyright a:hover{ color: #999; }

/*/*.return_top{ position: fixed;top:70%;right:12%;display: none;z-index: 100; }
/*.focus{ position: relative; }*/
/*.focus .wx-icon .icon-01{position: fixed;top:82%;right:12.5%;cursor: pointer; width: 50px; }
.focus .wx-icon .icon-02{ transition: all .5s; position: fixed;top:80%;right:17%;width:129px; opacity: 0; visibility: hidden; transform: scale(0,0); }
.focus .wx-icon:hover .icon-02{ opacity: 1; visibility: visible; transform: scale(1,1); }
.focus .wb-icon{ position: fixed;top:86%;right:12.5%;cursor: pointer; display: none; }*/
.asideIco{ position: fixed; right: 100px; bottom: 12%; width: 50px; }
.asideIco .wx-icon{ position: relative; margin-top: 30px; } 
.asideIco .wx-icon .icon-01{ width: 28px; margin-left: auto; margin-right: auto; cursor: pointer; }
.asideIco .wx-icon .icon-02{ position: absolute; top: -50px; left: -142px; width: 130px; opacity: 0; visibility: hidden; transform: scale(0,0); transition: all .6s; }
.asideIco .wx-icon:hover .icon-02{ opacity: 1; visibility: visible; transform: scale(1,1); }
/* footer.css -------end */

/* 导航.css */
.mainNav .nav .navItem{ float: left; padding: 0 20px 0px 32px; line-height: 44px; }
.mainNav .navItem > a,.videoBtn .videoCenter{ font-size: 14px; color: #000; transition: all .3s; }
.mainNav .navItem > a em{ display: block; width: 0; height: 2px; background-color: #000; transition: all .3s; }
.mainNav .navItem:hover > a,.mainNav .navItem:hover > a{ color: #6e6e6e; }
.mainNav .navItem:hover > a em,.mainNav .navItem.on > a em,.mainNav .navItem.current > a em{ width: 100%; }
/* 导航.css -------end */

/* 二级导航.css */
.subnavwrap .Nav{ display: none; }
.subnavwrap .Nav .content{ margin-left: 240px; margin-right: 240px; margin-top: 10px; }
.subnavwrap .content dl{ width: 40%; float: left; border-right: 1px solid #999; }
.subnavwrap .content dd{ width: 50%; float: left; margin-top: 12px; margin-bottom: 12px; }
.subnavwrap .content dd a{ font-size: 14px; color: #999; transition: all .3s; }
.subnavwrap .content dd a:hover{ color: #000; }
.subnavwrap .content .pic{ float: left; margin-left: 10%; }

/*悬浮当前栏目二级导航 by xjp*/
.current_subnav{ margin: 30px 33px 5px 33px; display: none; }
.current_subnav a{font-size: 14px; margin-right: 20px; color: #000}
.current_subnav a:hover{ color: #6e6e6e; }

/* 二级导航.css ------end */

/* 面包屑.css */
.crubms{ padding-top: 100px; padding-bottom: 40px; }
.crubms,.crubms a{ font-size: 14px; color: #000; }
.newsPage .crubms{ padding-top: 40px; padding-bottom: 15px; }
/* 面包屑.css -------end */

/* index.css (首页) */
.hodid{ margin-left: 33px; margin-right: 33px; margin-top: 138px; margin-bottom: 218px; }
.bauing img.lazy{ background: none; }
.bauing .language{ margin-top: 80px; }
.bauing .language a{ font-size: 12px; color: #000; margin-right: 30px; padding-bottom: 8px; display: inline-block; position: relative; }
.bauing .language a em{ display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #000; transition: all .3s; }
.bauing .language a:hover em,.bauing .language a.on em{ width: 100%; }
.bauing .headnav{ margin-top: 20px; }
.bauing .headnav a{ display: inline-block; padding: 1px 15px; border: 1px solid #000; font-size: 14px; color: #000; transition: all .3s; margin-right: 15px; }
.bauing .headnav a.on,.bauing .headnav a:hover{ background-color: #000; color: #fff; }
.hodid .poet img.lazy{ background: none; }

.index-banner{ position: relative; height: 700px; overflow: hidden; }
.index-banner .img{ height: 900px; background-image: url(../images/index_banner_01.jpg); background-repeat: no-repeat; background-size: cover; }
.index-banner .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ededed; -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

.index-banner .btn-video{ position: absolute; top: 70px; left: 50%; margin-left: -32px; display: block; width: 63px; height: 63px; background: url(../images/ico_13.png) no-repeat center center; }
.index-banner .scroll{ position: absolute; top: 170px; left: 50%; width: 100px; margin-left: -50px; cursor: pointer; }
.index-banner .scroll span{ display: block; text-align: center; font-size: 14px; color: #000; }
.index-banner .scroll em{ display: block; margin: auto; width: 14px; height: 9px; background: url(../images/ico_14.png) no-repeat center center; -webkit-animation: scroll 1.5s ease .2s infinite normal both; -moz-animation: scroll 1.5s ease .2s infinite normal both; -o-animation: scroll 1.5s ease .2s infinite normal both; animation: scroll 1.5s ease .2s infinite normal both; }

@keyframes scroll
{
	0%   { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 0; }
}

@-moz-keyframes scroll 
{
	0%   { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 0; }
}

@-webkit-keyframes scroll 
{
	0%   { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 0; }
}

@-o-keyframes scroll 
{
	0%   { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 0; }
}

.optitude{ background: url(../images/bg_02.jpg) no-repeat center center; background-size: cover; padding-top: 114px; padding-bottom: 114px; }
.optitude .content{ width: 285px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 93px; }
.optitude .pic img{ display: inline; }
.optitude .figcaption{ margin-top: 28px; }
.optitude .txt{ margin-top: 21px; }
.optitude .figcaption span{ display: block; font-size: 16px; color: #000; line-height: 32px; }
.optitude .figcaption a:hover span{color: #666;  transition: all .5s;}
.optitude .figcaption time{ display: block; font-size: 14px; color: #000; line-height: 22px; }
.optitude .txt p{ font-size: 12px; color: #666; line-height: 22px; }
.slick .bx-wrapper{ position: relative; }
.slick .bx-controls-direction a{ position: absolute; bottom: 30px; display: block; width: 20px; height: 23px; background-repeat: no-repeat; background-position: center center; text-indent: -999999px; }
.slick .bx-controls-direction a.bx-prev{ left: 0; background-image: url(../images/ico_prev.png); left: -65px; }
.slick .bx-controls-direction a.bx-next{ right: 0; background-image: url(../images/ico_next.png); right: -65px; }

.project{ padding-top: 140px; padding-bottom: 140px; background: url(../images/bg_03.jpg) no-repeat center center; background-size: cover; text-align: center; }
.project h3{ font-size: 36px; color: #fff; text-align: center; letter-spacing: 20px; }
.project .content{ margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 70px; width: 1200px; }
.project .pic{ display: table-cell; vertical-align: middle; width: 280px; height: 220px; text-align: center; }
.project .pic .img{ display: block; }

.project .pic .img a{ width:230px;height:230px;display: inline-block; border-radius: 50%; position: relative; }
.project .pic img{  display: inline; background: none; transition: all .3s; visibility: visible; width: 230px;transform: scale(.8); height: auto; }
.project .radius{ transition: all .6s ease; position: absolute; top: 0; left: 0; width: 220px; height: 220px;transform: scale(.8); border: 1px solid #fff; border-radius: 50%; opacity: 0; visibility: hidden; }
.project .radius p{ width: 16px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 16px; color: #fff; }
.project .pic .img a:hover img{ opacity: 0;visibility: hidden; }
.project .pic .img a:hover .radius{ opacity: 1; visibility: visible; }
.project .project-bxslider{ margin-left: 490px; }
/* .project .project-bxslider .transition-end .pic a{transition: all .5s;}
.project .project-bxslider .transition-end .pic a img{transition: all .3s;} */
/* .project .project-bxslider li.active .pic a{ width:220px;height:220px; }
.project .project-bxslider li.active .pic a img{ width: 220px; } */
/* .project .project-bxslider li.active .pic a{ transform: scale(1); } */
.project .project-bxslider li.active .pic a img{ transform: scale(1); }
.project .project-bxslider li.active .pic a .radius{ transform: scale(1);}

.project .learn{ display: inline-block; width: 180px; height: 28px; line-height: 28px; letter-spacing: 5px; font-size: 16px; color: #333; background-color: #fff; text-align: center; transition: all .3s; border: 1px solid #fff; }
.project .learn:hover{ border-color: #fff; background: none; color: #fff; }

.project .slick .bx-controls-direction a{ bottom: 100px; }
.project .slick .bx-controls-direction a.bx-prev{ left: 0; background-image: url(../images/ico_prev_f.png); left: -65px; }
.project .slick .bx-controls-direction a.bx-next{ right: 0; background-image: url(../images/ico_next_f.png); right: -65px; }

.honor{ padding-top: 120px; padding-bottom: 120px; background: url(../images/bg_04.jpg) no-repeat center center; background-size: cover; }
.honor h3{ font-size: 36px; color: #000; text-align: center; letter-spacing: 20px; }
.honor .content{ margin-top: 66px; }
.honor .box .pic{ display: table-cell; width: 240px; height: 300px; overflow: hidden; background-color: #fafafa; vertical-align: middle; }
.honor .bx-controls-direction a{ bottom: 145px; }
.honor .figcaption{ text-align: center; font-size: 16px; color: #000; margin-top: 5px; margin-bottom: 5px; }
.honor .pic img{ transition: all .3s; filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }
.honor .pic img:hover{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0); transform: scale(1.1,1.1); }
/* index.css (首页) --------end */

/* profile.css */
.profile .introduce{ margin: 100px 50px; }
.profile .introduce .txt{ margin-right: 99px; width: 600px; }
.profile .introduce .pic{ margin-left: 99px; }
.profile .introduce .article{ margin-top: 25px; }
.profile .txt p{ font-size: 14px; color: #666; line-height: 30px; }

.profileList .inner{ margin: 100px 0; }
.profileList .inner-01 .pic{ float: left; }
.profileList .inner-01 .txt{ right: 50px; }
.profileList .inner-02 .pic{ float: right; }
.profileList .inner-02 .txt{ left: 50px; }
.profileList .inner .pic{ width: 650px; height: auto; }
.profileList .inner .txt{ width: 550px; top: 25px; bottom: 25px; position: absolute; z-index: 200; background-color: #fff; }
.profileList .inner .article{ margin: 50px; height: 284px; overflow: hidden; }
.profileList .article h3{ letter-spacing: 2px; font-size: 16px; color: #000; background: url(../images/ico_02.png) no-repeat left center; padding-left: 50px; line-height: 32px; margin-bottom: 22px; }
/* profile.css --------end */

/* story.css */
.history .inner{ margin: 50px 0; }
.history .pic img{ float: left; margin-right: 30px; }
.history .incident .txt{ margin-left: 240px; }
.history .incident .pic{ margin-top: 50px; }
.history .year time{ display: block; font-size: 36px; color: #000; margin-bottom: 8px; }
.history .txt p{ font-size: 14px; color: #666; line-height: 24px; letter-spacing: 2px; }
.history .txt em{ display: block; width: 20px; height: 4px; background: url(../images/ico_03.png) no-repeat center center; }
.history .lastchildren .txt p{ line-height: 36px; }
/* story.css ----------end */

/* quality.css */
.subNav{ margin: 100px 0; }
.subNav a{ display: block; width: 148px; height: 38px; background-color: #000; float: left; text-align: center; line-height: 38px; font-size: 16px; color: #fff; margin-right: 12px; transition: all .3s; border: 1px solid #000; }
.subNav a.on,.subNav a:hover{ background-color: #fff; border-color: #ccc; border-bottom-color: transparent; color: #000; }
.subNav em{ bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ccc; z-index: -2; }

.qualityList{ overflow: hidden; margin-top: -20px; margin-bottom: 80px; }
.qualityList .content{ margin: 0 -20px; }
.qualityList .item{ overflow: hidden; }
.qualityList .item .box{ margin: 20px; overflow: hidden; }
.qualityList .item .pic{ overflow: hidden; position: relative; }
.qualityList .item img{ transition: all .3s; width: 100%; }
.qualityList .figcaption{ transition: all .3s; text-align: center; width: 100%; line-height: 24px; padding: 10px 0;  -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.qualityList .figcaption h3,.qualityList .figcaption p{ color: #fff; }

.qualityList .item01 .figcaption{ background-color: #bbb; bottom: 0; left: 0; transform: translate3d(0, 50px, 0); }
.qualityList .item01 .figcaption h3{ font-size: 24px; }
.qualityList .item01 .figcaption p{ font-size: 18px; }
.qualityList .item02 .figcaption{ background: none; bottom: 0; transform: translate3d(0, -50px, 0); }
.qualityList .item02 .mask{ position: absolute; top: -100%; left: 0; width: 100%; height: 100%;  background-color: #000; -webkit-opacity: 0.25; -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; filter:alpha(opacity=25); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25); transition: all .3s; }
.qualityList .item02 .figcaption h3{ font-size: 16px; }
.qualityList .item02 .figcaption p{ font-size: 12px; }
.qualityList .item02 .box{ float: left; }

.qualityList .item{ width: 50%; }
.qualityList .box:hover img{ transform: scale(1.2,1.2); }
.qualityList .box:hover .figcaption{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.qualityList .item01 .box:hover .figcaption{ transform: translate3d(0, 0, 0); }
.qualityList .item02 .box:hover .figcaption{ transform: translate3d(0, 0, 0); }
.qualityList .box:hover .mask{ top: 70%; }
/* quality.css --------end */

/* system.css */
.system .inner{ border: 3px solid #000; padding: 60px 0; margin-top: 124px; margin-bottom: 100px; }
.system .inner .box{ margin: 0 53px; }
.system .inner .tle{ position: absolute; top: -24px; left: 50%; margin-left: -80px; width: 184px; height: 41px; line-height: 41px; text-align: center; border: 3px solid #000; background-color: #fff; font-size: 16px; color: #000; }
.system .inner .row{ display: block; float: left; margin: 0 33px; font-size: 14px; color: #666; padding: 7px 0; }

.designpic h3{ font-size: 26px; color: #666; text-align: center; letter-spacing: 5px; }
.designpic{ background: url(../images/bg.jpg) no-repeat center center; background-size: cover; padding: 100px 0; }
.designpic .col{ width: 146px; height: 36px; border: 3px solid #000; text-align: center; line-height: 36px; font-size: 14px; color: #000; }
.designpic .line{ background-color: #ccc; }
.designpic .line-x{ width: 60px; height: 2px; margin-top: 22px; margin-left: 60px; margin-right: 60px; }
.designpic .line-y{ width: 2px; height: 60px; margin-top: -9px; }
.designpic .list{ padding-left: 42px; }
.designpic .list .col{ margin-bottom: 10px; }
.designpic .box .shape{ left: 0; top: 20px; bottom: 28px; width: 38px; border: 2px solid #ccc; border-right: none; }
.designpic .row-01{ width: 708px; margin-top: 37px; }
.designpic .col_01{ margin-left: 258px; }
.designpic .absolute-01{ top: 123px; left: 246px; }
.designpic .line-y-01{ margin-left: 333px; margin-top: 40px; }
.designpic .row-02{ margin-top: 0; }
.designpic .item{ margin: 0 11px; }
.designpic .rowspan{ margin: 0 -11px; }
.designpic .rowlist span{ display: block; float: left; width: 170px; height: 34px; border-left: 2px solid #ccc; border-top: 2px solid #ccc; }
.designpic .rowlist span.last{ border-right: 2px solid #ccc; }
.designpic .rowlist{ margin: 0 63px; margin-bottom: 20px; }
.designpic .childs{ display: none; margin-bottom: 20px; /*-webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: translate3d(0, -50px, 0); transition: all .3s;*/ }
.designpic .childs .child{ margin-bottom: 20px; }
.designpic .childs i{display: block; width: 2px; height: 40px; background-color: #ccc; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
.designpic .childs em{ display: block; width: 2px; height: 37px; height: 0; background-color: #ccc; margin-left: 63px; margin-top: 20px; margin-bottom: 20px; display: none; }
/*.designpic .job:hover .childs{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: translate3d(0, 0, 0); }
*//* system.css --------end */ 

/* news.css */
.banner .bxslider img{ width: 100%; }
.banner .bxslider li a{ display: block; }
.banner .bxslider .captions{ z-index: 1; font-size: 16px; color: #fff; position: absolute; bottom: 24px; left: 0px; height: 44px; width: 86%; margin-left: 7%; display: block; overflow: hidden; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: translate3d(0, -50px, 0); transition: all .3s; }
.banner .bxslider .captions-bg{ transition: all .5s; height: 92px; width: 100%; position: absolute; bottom: 0px; left: 0px; background-color: #000; opacity:0; filter:Alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; }
.banner .bxslider li a:hover .captions{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: translate3d(0, 0, 0); }
.banner .bxslider li a:hover .captions-bg{ opacity:0.8; filter:Alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; }

.news{ overflow: hidden; }
.topnav{ padding: 40px 0; margin-left: -20px; }
.topnav a{ font-size: 14px; color: #999; padding: 0 20px; border-right: 1px solid #b6b6b6; transition: all .3s; }
.topnav a:last-child{ border-right: none; }
.topnav a.on,.topnav a:hover{ color: #000; }

.newsList .inner{ display: block; border-bottom: 1px solid #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff; padding-top: 30px; padding-bottom: 20px; margin-bottom: 20px; padding-left: 50px; padding-right: 50px; transition: all .3s; border-top: 1px solid #fff; }
.newsPage .newsList .inner{ padding-top: 0; }
.newsList .captions{ width: 780px; }
.newsList .captions time{ font-size: 14px; color: #999; }
.newsList .captions h3{ font-size: 20px; color: #000; margin-top: 5px; }
.newsList .captions .txt{ margin-top: 5px; }
.newsList .inner .pic{ overflow: hidden; }
.newsList .pic img{ transition: all .3s;width:200px;height:100px; }
.newsList .inner:hover img{ transform: scale(1.1,1.1); }
.newsList .txt p{ font-size: 14px; color: #999; line-height: 22px; }
.btnMore{ display: block; width: 87px; height: 22px; border: 2px solid #000; text-align: center; line-height: 22px; font-size: 12px; color: #000; margin-top: 45px; transition: all .3s; }
.newsPage .btnMore{ margin-top: 25px; }
.btnMore:hover{ background-color: #000; color: #fff; }
/*.newsList .inner:hover{ box-shadow: 15px 15px 30px rgba(204,204,204,0.1); border-left: 1px solid rgba(204,204,204,0.1); border-right: 1px solid rgba(204,204,204,0.1); border-bottom: 1px solid rgba(204,204,204,0.9); border-top: 1px solid rgba(204,204,204,0.1); transform: translate3d(0, -2px, 0); }*/
/* news.css ---------end */

/* 页码.css */
.pager{ text-align: center; margin: 100px 0; }
.pager a{ display: inline-block; width: 47px; height: 47px; font-size: 18px; color: #000; text-align: center; line-height: 47px; margin: 0 10px; } 
.pager a.index:hover,.pager a.index.on{ background: url(../images/ico_04.png) no-repeat center center; }
.pager a.prev{ background: url(../images/ico_prev.png) no-repeat center center; text-indent: -99999px; transition: all .3s; }
.pager a.prev:hover{ transform: scale(1.1,1.1); }
.pager a.next{ background: url(../images/ico_next.png) no-repeat center center; text-indent: -99999px; transition: all .3s; }
.pager a.next:hover{ transform: scale(1.1,1.1); }
/* 页码.css ----------end */

/* news-details.css */
.newsDetails{ margin-bottom: 100px; }
.newsDetails .main{ margin-top: 100px; margin-bottom: 100px; }
.sidebar{ width: 240px; }
.sidebar h3{ font-size: 22px; color: #000; line-height: 34px; } 
.sidebar time{ display: block; font-size: 16px; color: #999; margin-top: 6px; }

.share{ margin-top: 48px; }
.share .ico{ display: inline-block; width: 29px; height: 30px; background-size: 29px 30px; background-position: center center !important; background-repeat: no-repeat; transition: all .3s; margin: 0 0 0 15px !important; padding-left: 0px !important; }
.share .ico-twi{ background-image: url(../images/ico_twi.png); }
.share .ico-in{ background-image: url(../images/ico_in.png); }
.share .ico-wx{ background-image: url(../images/ico_wx.png); }
.share .ico-sg{ background-image: url(../images/ico_sg.png); }
.share .ico-twi:hover{ background-image: url(../images/ico_twi_o.png); }
.share .ico-in:hover{ background-image: url(../images/ico_in_o.png); }
.share .ico-wx:hover{ background-image: url(../images/ico_wx_o.png); }
.share .ico-sg:hover{ background-image: url(../images/ico_sg_o.png); }

.recommend{ margin-top: 200px; }
.recommend h4{ font-size: 16px; color: #000; margin-bottom: 15px; }
.recommend .figcaption time{ display: block; font-size: 12px; color: #999; margin-top: 13px; margin-bottom: 11px; transition: all .3s; }
.recommend .txt p{ font-size: 16px; color: #999; line-height: 24px; transition: all .3s; }

.recommend .item{ display: block; margin-bottom: 60px; }
.recommend .item .pic{ position: relative; /*overflow: hidden;*/ }
.recommend .pic img{ transition: all .3s; width:100%;}
.recommend .item .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); background-color: #fff; transition: all .3s; }

.recommend .item:hover img{ transform: scale(1.1,1.1); }
.recommend .item:hover .mask{ -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); top: 50%; bottom: 50%; }
.recommend .item:hover time{ color: #000; }
.recommend .item:hover p{ color: #000; }

.details{ width: 865px; }
.details h3{ font-size: 14px; color: #666; }
.details p{ font-size: 14px; color: #3f3f3f; line-height: 32px; }
.details small{ display: block; text-align: right; }
.details small em{ font-size: 12px; color: #999; border-bottom: 1px solid #ccc; padding: 0 5px; }
.details img{ display: inline-block; }

.controls{ float: right; }
.controls .prev,.controls .next{ float: left; display: block; width: 20px; height: 23px; transition: all .3s; }
.controls .prev{ background: url(../images/ico_prev.png) no-repeat center center; }
.controls .next{ background: url(../images/ico_next.png) no-repeat center center; }
.controls em{ display: block; width: 2px; height: 23px; background: #000; float: left; margin: 0 10px; }
.controls .prev:hover,.controls .next:hover{ transform: scale(1.1,1.1); }
.controls .tle{ font-size: 14px; color: #000; margin-left: 5px; }
/* news-details.css ------end */

/* business.css */
.module{ overflow: hidden; }
.module h4{ /*font-size: 16px; color: #000; line-height: 30px; margin: 100px 0;*/ }
.module .txt{font-size: 16px; color: #000; line-height: 30px; margin: 100px 0;}
.module .txt p{color: #000;}
.module .grid{ margin: 0 -45px; }
.module .grid .row{ width: 33.333333%; float: left; }
.module .grid .box{ margin: 0 45px; }
.module .grid dt,.module .grid dt a{ font-size: 24px; color: #000; margin: 40px 0; }
.module .grid dt a:hover{color: #5b5b5b;}
.module .grid dd p{ font-size: 16px; color: #666; line-height: 30px; }

.system-one{ margin-bottom: 100px; }
.business-bg{ padding: 100px 0; background: url(../images/bg.jpg) no-repeat center center; background-size: cover; }

.wisdom .txt h3{ font-size: 24px; color: #000; margin-bottom: 35px; }
.wisdom .txt p{ font-size: 16px; color: #666; line-height: 30px; }
.figures{ overflow: hidden; }
.wisdom .figures{ margin-top: 80px; }
.wisdom .figures .container{ margin: 0 -40px; }
.wisdom .figures figure{ width: 25%; float: left; }
.wisdom .figures img.lazy{ background: none; margin: auto; }
.wisdom .figures .box{ margin: 0 40px; }
.wisdom figcaption{ margin-top: 30px; }
.wisdom figcaption p{ font-size: 14px; color: #666; line-height: 24px; }

.design{ margin-top: 100px; margin-bottom: 100px; }
.design h3{ font-size: 24px; color: #000; margin-bottom: 37px; }
.design .grid dt{ font-size: 18px; }
/* business.css --------end */

/* culture.css (工程列表) */
.column{ margin-top: 40px; margin-bottom: 30px; }
.column > a,.column > span.year{ font-size: 18px; color: #666; padding-right: 20px; margin-right: 20px; border-right: 1px solid #ccc; transition: all .3s; }
.br-1{color: #666; padding-right: 20px; margin-right: 15px; border-right: 1px solid #ccc; transition: all .3s;}
.column > span.year{ cursor: pointer; border-right: none; position: relative; }
.column .choose{ transition: all .3s; transform: translate3d(-10px,0,0); position: absolute; top: 3px; left: 55px; width: 500px; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.column .choose dd{ float: left; line-height: 20px; }
.column .choose dd a{ display: block; font-size: 16px; color: #666; margin-right: 20px; transition: all .3s; }
.column > a:hover,.column > a.on{ color: #000; }
.column > span.year:hover .choose{ transform: translate3d(0,0,0); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.column .choose dd a:hover{ color: #aaa; }

#map{ min-height: 890px; margin-top: 100px; }
.product{ margin-top: 70px; padding-top: 84px; padding-bottom: 84px; background: url(../images/bg_05.jpg) no-repeat center center; background-size: cover; }
.product .content li{ float: left; width: 12.5%; margin-bottom: 16px; }
/*.product .content{ overflow: hidden; height: 475px; }
*/.product .pro-list{ margin-left: -5px; margin-right: -5px; }
.pro-list li{cursor: pointer;}
.product .pic,.product .figcaption{ margin-left: 5px; margin-right: 5px; margin-top:12px;text-align: center; }
.product .pic img{ width: 100%; transition: all .3s; filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
.product .pic img:hover{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0); }
.product .content .figcaption{ font-size: 12px; color: #999; height: 32px; }

.product-slide{ margin-top: 84px; margin-bottom: 84px; }
.product-slide h3 a{ font-size: 18px; color: #000; }
.product-slide h3 a span{ font-size: 18px; color: #999; }
.product-slide .content{ margin-top: 20px; }
.product-slide #bx-pager{ margin-top: 30px; }
.product-slide #bx-pager a{ position: relative; display: block; float: left; margin-right: 11px; padding-bottom: 9px; border-bottom: 1px solid #fff; }
.product-slide #bx-pager a .bg{ transition: all .3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: .8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
.product-slide #bx-pager a.active{ border-bottom-color: #000; }
.product-slide #bx-pager a.active .bg,.product-slide #bx-pager a:hover .bg{ -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
/* culture.css (工程列表) ---------end */

/* culture-system.css */
.idea{ background: url(../images/bg_01.jpg) no-repeat center center; background-size: cover; padding: 100px 0; }
.culture-system .pic{ margin-top: 100px; margin-bottom: 100px; }
.idea img.lazy{ background: none; }
.kernel{ padding-top: 100px; padding-bottom: 100px; }
.kernel img{ margin-left: 64px; }
.kernel img.lazy{ background: none; }
.culture-txt{width: 1200px; overflow: hidden; margin: 100px auto; font-size: 16px; color: #000; line-height: 30px;}
.culture-txt p{color: #000;}
/* culture-system.css ---------end */

/* culture-lecture.css */
.lecture .main{ margin-top: 100px; margin-bottom: 100px; }
.lecture .content{ width: 725px; }
.lecture .content .txt{ margin-top: 60px; }
.lecture .content h3{ font-size: 24px; color: #000; background: url(../images/ico_02.png) no-repeat left center; padding-left: 55px; }
.lecture .content h3 time{ font-size: 18px; color: #888; padding-left: 20px; }
.lecture .content .txt p{ line-height: 24px; font-size: 14px; color: #555; }
.lecture .content .txt h1{ font-size: 48px; font-size: 22px; color: #000; }
.lecture .content .txt p small{ font-size: 18px; color: #000; }
/* .lecture .content .txt p em{ display: block; width: 30px; height: 4px; background-color: #000; } */
.lecture_content_box{margin-top: 40px; font-size: 14px; color: #999; line-height: 24px;}

.sidebarRight{ padding: 40px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 305px; margin-top: 330px; }
.sidebarRight .course{ margin-top: 40px; }
.sidebarRight h3{ font-size: 16px; color: #000; font-weight: bold; }
.sidebarRight .node p{ position: relative; font-size: 16px; color: #000; font-weight: bold; padding-left: 23px; }
.sidebarRight .node p time{ font-size: 12px; color: #000; }
.sidebarRight .node p em{ width: 11px; height: 12px; position: absolute; top: 5px; left: 0; background: url(../images/ico_05.png) no-repeat center center; transition: all .3s; }
.sidebarRight .node dd{ margin-top: 6px; padding-left: 20px; }
.sidebarRight .node dd a{ font-size: 12px; color: #888; }
.sidebarRight .node dl{ display: none; }
.sidebarRight .node{ margin-bottom: 6px; cursor: pointer; }
.sidebarRight .node.active p em{ transform: rotate(90deg); }

.btnVideo{ display: inline-block; position: relative; font-size: 14px; color: #666; padding-left: 30px; line-height: 30px; margin-top: 43px; }
.btnVideo em{ display: block; width: 20px; height: 20px; background: url(../images/ico_06.png) no-repeat center center; position: absolute; top: 5px; left: 0; transition: all .3s; }
.btnVideo:hover em{ transform: scale(1.1,1.1); }

.btnCode{ margin-top: 70px; }
.btnCode a{ font-size: 18px; color: #000; }
.btnCode a.backlist{ padding: 0 30px; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; margin: 0 23px; transition: all .3s; }
.btnCode a.prev{ background: url(../images/ico_07.png) no-repeat left center; padding-left: 20px; transition: all .3s; }
.btnCode a.next{ background: url(../images/ico_05.png) no-repeat right center; padding-right: 20px; transition: all .3s; }

/* .btnCode a.prev:hover{ padding-left: 25px; }
.btnCode a.backlist:hover{ letter-spacing: 5px; }
.btnCode a.next:hover{ padding-right: 25px; } */
/* culture-lecture.css ---------end */

/* periodical.css (刊物) */
.periodical .main{ margin-top: 100px; margin-bottom: 100px; }
.period .period-item{ width: 50%; float: left; border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px; }
.period .period-item .box{ padding: 0 40px; }
.period .period-item h3{ font-size: 18px; color: #7e787c; }
.period .period-item time{ font-size: 12px; color: #7e787c; }
.period .period-item .captions{ margin-top: 30px; height: 90px; }
.period .captions p{ font-size: 16px; color: #000; line-height: 30px; }
.period .download{ display: inline-block; font-size: 16px; color: #7e787c; margin-top: 40px; transition: all .3s; width: 116px; height: 30px; text-align: center; line-height: 30px; border: 2px solid #000; display: none; } 
.period .download:hover{ background-color: #000; color: #ccc; }
.period .period-item .pic{ width: 265px; /*height: 320px;*/ overflow: hidden; margin-top: 22px; margin-left: -13px; }
.periodical .pager{ text-align: center; margin-top: 0; } 
.period .period-item:nth-last-of-type(1){ border-bottom: none; }
.period .period-item:nth-last-of-type(2){ border-bottom: none; }
/* periodical.css (刊物) -------------end */

/* brief.css (高文安设计) */
.brief .main{ margin-top: 100px; margin-bottom: 100px; }
.brief .main h3{ font-size: 24px; color: #000; letter-spacing: 10px; }
.brief .tle{ margin-top: 25px; }
.brief .tle em{ display: block; width: 30px; height: 3px; background-color: #000; }
.brief .person h2{ font-size: 32px; color: #000; margin-top: 25px; }
.brief .intro p{ font-size: 14px; color: rgba(0,0,0,.5); line-height: 20px; }
/*.brief .intro{ margin-top: 20px; }*/
.brief .person .pic{ margin-top: 40px; }
.brief .main .content{ width: 680px;  margin-left: 60px; }
.brief .content p{ font-size: 14px; color: #515151; line-height: 24px; }
.brief .content p span{ display: block; font-size: 14px; color: rgba(49,49,49,.5); line-height: 35px; padding-left: 142px; background: url(../images/ico_08.png) no-repeat left 18px; margin-left: 142px; }
.brief .into{ border-bottom: 1px solid #ccc; padding-bottom: 60px; }

.work{ margin-top: 100px; border-bottom: 1px solid #ccc; padding-bottom: 40px; }
.brief .tle h3{ letter-spacing: 0; margin-bottom: 33px; font-size: 14px; }
.work .intro{ margin-left: 355px; margin-right: 90px; }
.work .intro p{ font-size: 14px; color: #555; line-height: 24px; }
.work .intro img{display: inline-block;}

.works{ margin: 50px 17px 0 17px;display: none; }
.works li{ margin: 0 3px; float: left; width: 360px; margin-bottom: 25px; }
.works li figcaption{ font-size: 16px; color: #555; padding: 20px 0; letter-spacing: 5px; }

.author{ margin-top: 100px; }
.author .books{ margin-top: 22px; }
.author .books li{ width: 50%; float: left; font-size: 16px; color: #555; line-height: 36px; box-sizing: border-box; background: url(../images/ico_09.png) no-repeat left 10px; padding-left: 37px; }

.site{ display: block; text-align: center; margin-top: 100px; }
.site p{ font-size: 14px; color: #555; margin-top: 35px; }
/* brief.css (高文安设计) ------------end */ 

/* research.css (设计研究院) */
.research .tle h3{ font-size: 24px; color: #000; letter-spacing: 5px; }
.research .tle em{ display: block; width: 30px; height: 3px; background-color: #000; margin-top: 25px; }
.research .research-intro{ margin-top: 100px; margin-bottom: 100px; padding-bottom: 100px; border-bottom: 1px solid #ccc; }
.research-intro .txt{ /* padding-left: 50px; */ margin-top: 30px; }
.research-intro .txt p{ font-size: 16px; color: #000; line-height: 24px; }

.research-exprience{ padding-bottom: 20px; }
.research-exprience .room li{ display: inline-block;vertical-align: top; width: 49%; margin: 0px 0px 60px 0px; }
.research-exprience .pic{ width: 190px; }
.research-exprience .txt{ width: 215px; margin-left: 50px; margin-top: 12px; }
.research-exprience .txt .tt{ margin: 36px 0; }
.research-exprience .txt h3{ font-size: 18px; color: #000; }
.research-exprience .txt p{ font-size: 12px; color: #555; line-height: 22px; letter-spacing: 2px; }
.research-exprience .txt .more{ font-size: 12px; color: #000; }
/* research.css (设计研究院) -----------end */

/* dean.shtml(中建南方设计院) */
.dean{ margin-top: 60px; margin-bottom: 60px; }
.dean .txt{ margin-top: 60px; }
.dean .txt p{ font-size: 14px; color: #515151; line-height: 24px; }
/* dean.shtml(中建南方设计院) ----------end */

/* investor.css(投资者关系) */
.downloadList{ width: 955px; }
.downloadList .item{ position: relative; margin-top: 30px; margin-bottom: 30px; }
.downloadList time{ position: absolute; top: 5px; left; font-size: 14px; color: #999; display: block; width: 71px; }
.downloadList .captions{ font-size: 16px; color: #333; margin-left: 158px; margin-right: 158px; }
.downloadList .down{ transition: all .3s; position: absolute; top: 0; right: 0; display: block; width: 116px; height: 30px; text-align: center; line-height: 30px; border: 2px solid #000; color: #000; }
.downloadList .down:hover{ color: #fff; background-color: #000; }

.message{ background: url(../images/inverter_pic_bg.jpg) no-repeat center center; background-size: cover; padding: 50px 0; }
.messageForm{ width: 830px; margin: auto; }
.messageForm .row{ margin-top: 35px; margin-bottom: 35px; }
.messageForm .msg-textarea{ margin-top: 0; margin-bottom: 0; }
.messageForm legend{ font-size: 30px; color: #fff; display: block; text-align: center; }
.messageForm .like{ border: 1px solid #fff; background: none; padding: 0; margin: 0; font-size: 16px; color: #666; margin-left: 13px; margin-right: 13px; }
.messageForm .print{ width: 324px; height: 40px; padding: 0 30px; }
.messageForm .msg{ resize: none; width: 740px; padding: 20px 30px; height: 70px; }
.messageForm .like:focus{ border-color: #666; }
.messageForm .submit{ width: 800px; height: 40px; text-align: center; line-height: 40px; }
.error-wrap{ padding: 0 30px; margin-top: 10px; }
.error-wrap .error{ font-size: 14px; color: #c30d23; }
/* investor.css(投资者关系) -------------end */

/* talent.css(人才引进) */
/* .talent .main{ padding-top: 100px; padding-bottom: 100px; background: url(../images/talent_bg.jpg) no-repeat center center; background-size: cover; } */
.talent .txt{ position: relative; margin-left: 50px; margin-right: 50px; margin-top: 100px; margin-bottom: 100px; }
.talent .txt .aside{ position: absolute; top: 0; left: 0; width: 20px; font-size: 14px; color: #666; }
.talent .txt p{ padding-left: 74px; font-size: 14px; color: #666; line-height: 26px; }

.talent .table{ margin-left: 50px; margin-right: 50px; width: 960px; }
.talent .table th,.talent .table td{ font-size: 14px; color: #000; }
.talent .table th{ padding: 48px 0; }
.talent .table th{font-weight: bold;}
.talent .table tbody tr.tal-tr{transition: all .3s; cursor: pointer;}
.talent .table tbody tr.tal-tr.on{ background-color: #ddd; }
.talent .table tbody tr.tal-tr.on td{font-weight: bold;}
.talent .table tbody tr.tal-tr:hover{ background-color: #eee; }
.talent .table tbody tr.tal-trhide{display: none;}
.talent .table tbody tr.tal-trhide div{display: none; padding: 10px 29px 30px 88px; border-bottom: 1px #ddd solid;}
.talent .table tbody tr.tal-trhide.on td{}
.talent .table td{ padding: 9px 0; }
.talent .table em{ display: block; width: 14px; margin-top: 3px; height: 14px; background: url(../images/ico_09.png) no-repeat center center; float: left; margin-right: 60px; margin-left: 15px; }

.talent .pager{ text-align: center; /*margin-left: 27px; margin-right: 50px; */}
/* talent.css(人才引进) ------------------end */

/* video.css(视频中心) */
.video .main{ margin-top: 100px; margin-bottom: 100px; overflow: hidden; }
.sidenav{ background: url(../images/ico_playBtn.png) no-repeat left center; padding-left: 40px; line-height: 26px; }
.sidenav a{ font-size: 14px; color: #999; padding-left: 10px; padding-right: 10px; transition: all .3s; }
.sidenav a:hover,.sidenav a.on{ color: #000; }

.videoList{ margin-left: -11px; margin-right: -11px; margin-top: 40px; }
.videoList .item{ float: left; width: 20%; }
.videoList .item a{ display: block; position: relative; margin: 11px 11px; }
.videoList .item .pic{ width: 460px; height: 290px; overflow: hidden; }
.videoList .item .pic.imgwhbox{width: 215px; height: 134px;}
.videoList .item-w{ width: 40%; height: 311px; }
.videoList .pic img{ transition: all .3s; width: 100%;height:100%; }
.videoList .item .mask{ transition: all .3s; position: absolute; top: 0; left: 0; width: 215px; height: 100%; background-color: #000; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.videoList .item-w .mask{width: 460px;}
.videoList .captions p{ font-size: 14px; padding: 0px 15px; margin-bottom: 11px; color: #fff; /*line-height: 28px;*/ text-align: center; }
.videoList .captions{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -28px; transition: all .3s; transform: translate3d(0, -30px, 0);  -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  } 

.videoList .item:hover .mask{ -webkit-opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
.videoList .item:hover .captions{ transform: translate3d(0,0,0); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  }
.videoList .item:hover .pic img{ transform: scale(1.1,1.1); }

.moreLearn{ display: block; width: 116px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #000; border: 2px solid #000; transition: all .3s; margin-top: 100px; } 
.moreLearn:hover{ background-color: #000; color: #fff; }
/* video.css(视频中心) -------------------end */

/* 地图.css */
.works-mark { top: -17px; left: -8px; }
.ui-ab { position: absolute; }
.works-mark .ui-icon { top: 0; left: 0; width: 17px; height: 23px; }
.ui-icon { display: inline-block; position: absolute; width: 17px; height: 22px; background: url(../images/ico_map.png) no-repeat center center; }
.works-mark-about { display: none; top: -110px; left: 5px; width: 270px; height: 99px; padding: 1px; background: #6c6e71; }
.ui-l { float: left; }
.ui-responsive img { max-width: 100%; }
.works-mark-info { height: 79px; margin-left: 143px; padding: 10px; }
.works-mark-title {font-size: 14px; color: #fff;}
.ui-rel { position: relative; }
.works-mark-more { bottom: 11px; left: 10px; }
.works-mark-more a{color: #fff; font-size: 12px;}
.ui-ab { position: absolute; }
.worksplace-menu {top: 120px; right: 10px; z-index: 9999; }
.worksplace-menu li {padding-left: 25px; line-height: 2.5; color: #fff; cursor: pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } 
.worksplace .over span {background-position: -120px 0; } 
.worksplace-menu li span { top: 3px; left: 0; width: 17px; height: 23px; } 
/* 地图.css -------- end */

@media only screen and (max-width: 1280px){
	.mainNav .nav .navItem{ padding: 0 20px; }
}


/*xjp*/
.mt-0,.profile .introduce .mt-0{margin-top: 0px;}
.mb-60{margin-bottom: 60px;}
.mb-10{margin-bottom: 10px;}
.w-955{width: 955px;}
.pos-rel{position: relative;}
.txt img {display: inline;}
.content_full{ font-size: 14px; color: #515151; line-height: 24px; }
.content_full img{display: inline-block;}

label.error{font-size: 12px; display: block; padding-left: 13px;}
.hide{display: none;}


.filter-box{padding-right: 300px;}
.filter-box a.on,.filter-box a:hover{color: #000;}
.view-type{position: absolute; right: 0px; top: 0px;}
.view-type a.on,.view-type a:hover{color: #000;}


/*search*/
.transition{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
.search-page{max-width: 1200px; margin: auto; padding: 0px 30px;}
.search-list{margin-top: 50px;}
.search-box {margin-bottom: 50px; min-height: 500px;}
.search-num {padding-top: 30px; margin-bottom: 50px; font-size: 16px; padding-bottom: 10px; border-bottom: 1px #000 dashed;}
.search-num span{font-size: 20px; font-weight: bold;}
.search-row {padding: 18px 50px; margin-bottom: 15px; font-size: 12px; border-left: 4px solid #DDD; background-color: #f7f8fa;}
.search-row h4{margin-bottom: 8px; font-size: 16px;}
.search-row:hover{margin-left: 10px; border-left: 4px solid #000;}
.search-row:hover a{color: #000;}

/* work alert */
#pop { display: none; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.pop-close { z-index: 1; top: 20px; right: 20px; width: 40px; height: 40px; }
.pop-close span { cursor: pointer; background:none; color: #fff; font-size: 40px; }
.pop-container { top: 45%; left: 50%; margin-top: -290px; margin-left: -500px; width: 1000px; height: 667px;  }
.pop-mask { display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background: #333; opacity:
-webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 }
.ui-fixed { position: fixed; }

/*
.work-pop { bottom: auto; overflow: visible !important; }
.work-pop .worksinfo-info { position: fixed; }
.work-pop .pop-container { position: relative; }
.work-pop .worksinfo { position: relative; }
.work-pop .worksinfo-photo { overflow: visible; }
.work-pop img { max-width: 100%; }
.work-pop .photo-prev,
.work-pop .pop-close,
.work-pop .photo-next { position: fixed; }*/

.work-page .img-list{display: none;}

.pop-container .bx-controls-direction a{ position: absolute; top: 50%; width: 47px; height: 47px; }
.pop-container .bx-controls-direction a.bx-prev { left: -57px; background: url(../images/ico_prev.png) no-repeat center center; text-indent: -99999px; transition: all .3s; }
.pop-container .bx-controls-direction a.bx-next { right: -57px; background: url(../images/ico_next.png) no-repeat center center; text-indent: -99999px; transition: all .3s; }
.pop-container .bx-controls-direction a.bx-prev:hover,.pop-container .bx-controls-direction a.bx-next:hover{ transform: scale(1.1,1.1); }
.pop-container .bx-default-pager{ text-align: center; font-size: 18px; color: #999; line-height: 50px; }

.table-100 table{width: 100%;}
.w-300{width: 300px;}
.story-copy .history .year time{ font-size: 36px;margin-left: 240px; }
.honor-copy .bx-wrapper{ position: relative; } 
.honor-copy .bx-wrapper .bx-controls-direction a{ text-indent:-99999px;display: block;width:24px;height:24px; }
.honor-copy .bx-wrapper .bx-controls-direction a.bx-prev{ position: absolute;top:50%;left:-38px;background:url(../images/ico_prev.png)no-repeat center center;transform:translateY(-50%); }
.honor-copy .bx-wrapper .bx-controls-direction a.bx-next{ position: absolute;top:50%;right:-38px;background:url(../images/ico_next.png)no-repeat center center;transform:translateY(-50%); }

.record{ text-align:center; }
.record a{ transition:all .3s;font-size: 16px;color:#fff;opacity: 0.35; }
.record a:hover{ color:#999; }


/*工程荣誉*/
.story-copy .lifts{ position: fixed; top:374px; }
.story-copy .lifts a{ transition: all .5;font-size: 30px;color:#000;margin-top: 20px;display: block; }
.story-copy .lifts a:hover{ color:#999; }
/*底部的网站地图*/

.web_site{ width:100%;background-color:#ededed;padding:100px 0;display: none; position: relative; }
.web_site .item{ float: left;margin-right: 50px; }
.web_site .item p{ font-size: 18px;color:#000;letter-spacing: 1px; }
.web_site .item p em{ width:100px;display: block;height:2px;background-color: #000;margin-top:10px; }
.web_site .item ul{ margin-top:36px; }
.web_site .item ul li{ margin-bottom: 22px; }
.web_site .item ul li a{transition: all .5s; font-size: 14px;color:#a6a6a6; }
.web_site .item ul li a:hover{ color:#000; }
.web_site .close-btn{ transition: all .5s ease; position: absolute; top: 30px; right: 40px; width: 26px; height: 26px; background:url(../images/btn-close.png)no-repeat center center; cursor: pointer;}
.web_site .close-btn:hover{transform:rotate(90deg);}
.addColor { color:#999 !important; }

.messageForm .submit.xjp-btn{cursor: pointer; transition: all .5s;}
.messageForm .submit.xjp-btn:hover{background-color: #fff; color: #000;}

@media only screen and (max-width: 1440px) {
	.asideIco{ right: 20px; }
}
@media only screen and (max-width: 1365px) {
	/*.asideIco{ display: none; }*/
}

.news-contentsmall{font-size: 14px; color: #999; margin-top: 10px;}

#videoobj {width: 700px; height: 394px; position: fixed; left: 50%; top: 50%; margin: -197px 0px 0px -350px; display: none; z-index: 9999999;}
.page_cover{display: none; position: fixed; width: 100%;height: 100%; background-color:#000; filter:alpha(opacity=30);opacity:0.3; left: 0px; top:0px; z-index: 9999998;}

.lang_choose{position: absolute; top: 0px; right: -18px; padding-top: 30px; width: 90px; z-index: 100;}
.lang_choose a{font-size: 14px; padding: 3px 18px 3px 0px; text-align: right; display: block;}
.lang_choose a:hover{color: #000;}

.details strong{font-weight: bold;}
.details em{font-style: italic;}

.details h1,.details h2,.details h3,.details h4,.details h5,.details h6{font-weight: bold; color: #000;}
.details h1{font-size: 2em;}
.details h2{font-size: 1.5em;}
.details h3{font-size: 1.17em;}
.details h4{font-size: 1.33em;}
.details h5{font-size: 0.83em;}
.details h6{font-size: 0.67em;}


.txta a{text-decoration: underline; color: #000; padding-left: 25px; padding-right: 5px; background: url(../images/ico_link.png) no-repeat 5px center;}

@font-face {font-family: "iconfont";
  src: url('/media/fonts/iconfont.eot?t=1509522179084'); /* IE9*/
  src: url('/media/fonts/iconfont.eot?t=1509522179084#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAY8AAsAAAAACPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW8Uf/Y21hcAAAAYAAAABlAAABnM7QaeJnbHlmAAAB6AAAAlwAAAK8a4hcemhlYWQAAAREAAAALwAAADYPXnvAaGhlYQAABHQAAAAcAAAAJAfeA4VobXR4AAAEkAAAABAAAAAQD+kAAGxvY2EAAASgAAAACgAAAAoB1AD+bWF4cAAABKwAAAAfAAAAIAETAG9uYW1lAAAEzAAAAUUAAAJtPlT+fXBvc3QAAAYUAAAAKAAAADlE+uXReJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDwTZm7438AQw9zA0AwUZgTJAQAlhgyEeJzFkMENwCAIRT9iG9L05ho9Nh2op47gxKxhAb04gd88hJ+fYASwAWDjMjJAHwiu11wKn3GEn/HYLHaS3VVFS2tT56JISHTsSdqxTLRu9awz6j0m/+86sCeqdNzX0kH6ATrTD98AAAB4nF1RTWsTURR9503mzUeaSfLmKx9N0skkM2o12EkyFUpTMQGtCBbFhRuptmhRqhtrQVrIxuKiC4sgrlyI4MJVV25K6Ub6G7oU9Se4zOhLFy58PB733HvOg3MukQn58106kArEJGfIDBmQJULAplE3aAVe2GnRadiebLuWIYV+6Cl+vSXNw60zy4niTuAyhWVhoIq2F8Vhi4bodnp0DpFTAYrl0m3enOTSG+iFsPoquU4/wq75k9nehWTx/IIVTZnq5gTnRc53VSbLKqWprIF119FkTWfJJzlbsg9qZ2kNE8WwdONuZqrM77/uPK00XQ0YDmGWp4zPC/lSXtytkmPyopLLqIVSxm9Y2PyZLpgTleAHEUcSXrelQ/qLXCG3yANCmn496OZbCA0oeebM9uC2I8e1BfRF9xzCFroiCkHqxHPozNhxw23HKbd70RZEO28xdAJBYBVYjrAcd5v/YenDnsFTO6urOylcWWRV42HZB/zyPaumIqdd7ctizo01G7qpm9DtNQFHdYV1mXL60H2FxbKiyDFTijyD5ytDSRquJIf6hsRzaJTNcgNwOK0uSWI8yHCTnizr+vIJNXkmOchwBGo6rR5r6bR2/K8a55ESeRxJR9JlEorNd8glQmRP+M73MOuN12cx3xtHU4Xrid5pCGPbBsxQhFUTS1fgKhpCSNdGz6IBMIiwzzSNJetBBEQBvRO0oSoVRUWfbgfuvJtz4Ix2t77SJ8njLbxbQL9N94RUY1WmCcXoi1CgHeDt6T832336bSNwYGedOTd5udHD7+TRC7wnfwHyf3F4eJxjYGRgYADiup/n9OP5bb4ycLMwgMA1+TnMCPp/LQsDswOQy8HABBIFABspCRoAeJxjYGRgYG7438AQw8IAAkCSkQEVsAAARwoCbQQAAAAD6QAABAAAAAQAAAAAAAAAAHYA/gFeAAB4nGNgZGBgYGFIZmBlAAEmIOYCQgaG/2A+AwAS1AGDAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgIWRiZGZkYWRlYGxgiU7Na2UJTUls4SBAQAhxgP1') format('woff'),
  url('/media/fonts/iconfont.ttf?t=1509522179084') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/media/fonts/iconfont.svg?t=1509522179084#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cooperationBtn {text-align: center; font-size: 32px; cursor: pointer; margin-top: 12px; position: relative;}
.cooperationBtn:hover .iconfont{color: #000;}
.cooperationBtn label{width: 100px; height: 28px; line-height: 28px; margin-top: 3px; display: none; position: absolute; left: -100px;top: 0px; background-color: #000;color: #fff; font-size: 14px;}
.cooperationBtn label img{position: absolute;right: -10px;top: 6px;}
#qqBtn{font-size: 33px; margin-top: 0px;}
#qqBtn label{margin-top: 6px;}




.cooperationBox{display: none; z-index: 9999999; margin: -292px 0px 0px -290px; font-size: 16px; position: fixed;left: 50%; top: 50%; width: 480px; padding: 30px 50px; background-color: #fff; border-radius: 5px;}
.cooperationBox h3{color: #000; font-size: 20px;margin-bottom: 25px; text-align: center; font-weight: bold;}
.cooperationBox .row-double .row{width: 30%; float: left;}
.cooperationBox .row-double .row2{float: right;}
.cooperationBox .row-double .row-special{width: 25%; padding-right: 34px;}
.cooperationBox .row-double .row-special .dw{position: absolute;right: 20px;left: auto;}
.cooperationBox div.row{margin-bottom: 15px; color: #5b5b5b; border: 1px solid #999; position: relative; padding: 0px 10px 0px 80px; overflow: hidden;}
.cooperationBox div.rowarea{ padding: 10px 20px 10px 90px;}
.cooperationBox label{font-size: 14px; display: block; line-height: 34px; text-align: left; position: absolute;top: 0px; left: 12px; color: #999; }
.cooperationBox input{font-size: 14px; width: 100%; line-height: 32px; height: 32px; color: #5b5b5b; border: 0;}
.cooperationBox .rowarea label{top: 11px;}
.cooperationBox textarea{font-size: 14px; line-height: 22px; width: 100%;  height: 80px; color: #5b5b5b; border: 0;}
.cooperationBox .cbtn,.csuccess .cbtn2{display: block; background-color: #000; color: #fff; width: 100%; height: 36px; line-height: 36px; text-align: center; border: 1px solid #000; }
.cooperationBox .cbtn:hover,.csuccess .cbtn2:hover{opacity: 0.7; filter:Alpha(opacity=70);}

.cooperationBox div.rowarea2{padding: 10px 20px 10px 12px;}
.cooperationBox .rowarea2 label{position: static;top: auto; left: auto;display: inline;}
.cooperationBox div.row .labelinput input{width: 14px; line-height: normal; height: auto;}

.cooperationCover{display: none; position: fixed; width: 100%;height: 100%; background-color:#000; filter:alpha(opacity=30);opacity:0.3; left: 0px; top:0px; z-index: 9999998;}
.cerr{font-size: 14px;text-align: center;line-height: 35px;color: red; }
.csuccess{display: none;}
.csuccess p{text-align: center; line-height: 30px;}
.csuccess .cbtn2{margin-top: 30px;text-decoration:none; width: 100px; margin: 30px auto 0px auto;}
.csuccess a{text-decoration: underline;}
.csuccess p.sp{font-size: 12px;color: #999; line-height: 5px;}
.csuccess img{width: 150px;margin: auto;}

.clear{clear: both; float: none;}
.ml-50{margin-left: 50px;}

.org-show-pic img{width: auto !important; height: auto !important;max-width: 100%;}