/* CSS Document */



@font-face { font-family: 'gainsee_proregular'; src: url('../font/gainsee_pro-webfont.eot'); src: url('../font/gainsee_pro-webfont.eot') format('embedded-opentype'), url('/template/pc/static/font/gainsee_pro-webfont.woff2') format('woff2'), url('/template/pc/static/font/gainsee_pro-webfont.woff') format('woff'), url('../font/gainsee_pro-webfont.ttf') format('truetype'), url('/template/pc/static/font/gainsee_pro-webfont.svg') format('svg'), url('/template/pc/static/font/lg.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Maven Pro'; src: url('../font/maven_pro_regular-webfont.eot'); /* IE9 Compat Modes */ src: url('../font/maven_pro_regular-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('/template/pc/static/font/maven_pro_regular-webfont.woff') format('woff'), /* Modern Browsers */ url('../font/maven_pro_regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('/template/pc/static/font/maven_pro_regular-webfont.svg') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; }
@font-face { font-family: 'maven_problack'; src: url('../font/mavenpro-black-webfont.eot'); src: url('../font/mavenpro-black-webfont.eot') format('embedded-opentype'), url('/template/pc/static/font/mavenpro-black-webfont.woff2') format('woff2'), url('/template/pc/static/font/mavenpro-black-webfont.woff') format('woff'), url('../font/mavenpro-black-webfont.ttf') format('truetype'), url('/template/pc/static/font/mavenpro-black-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'maven_probold'; src: url('../font/mavenpro-bold-webfont.eot'); src: url('../font/mavenpro-bold-webfont.eot') format('embedded-opentype'), url('/template/pc/static/font/mavenpro-bold-webfont.woff2') format('woff2'), url('/template/pc/static/font/mavenpro-bold-webfont.woff') format('woff'), url('../font/mavenpro-bold-webfont.ttf') format('truetype'), url('/template/pc/static/font/mavenpro-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'maven_promedium'; src: url('../font/mavenpro-medium-webfont-webfont.eot'); src: url('../font/mavenpro-medium-webfont-webfont.eot') format('embedded-opentype'), url('/template/pc/static/font/mavenpro-medium-webfont-webfont.woff2') format('woff2'), url('/template/pc/static/font/mavenpro-medium-webfont-webfont.woff') format('woff'), url('../font/mavenpro-medium-webfont-webfont.ttf') format('truetype'), url('/template/pc/static/font/mavenpro-medium-webfont-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
html, body { font-family: "Microsoft YaHei", "微软雅黑"; min-width: 320px; color: #161616; line-height: 30px; }
body { background: #fff; }
.lineheight66 { line-height: 66px; }



/******** 基础样式 *********/

@media (max-width:1024px) {
.dileyu { display: none; }
}
a, area { blr:expression(this.onFocus=this.blur())
}
a { cursor: pointer; color: #161616; }
a:hover { color: #FF7200; }
a:active { outline: none; }
a:focus, a:hover { text-decoration: none; }

:-moz-any-link:focus {
 outline: none;
}
a:focus { outline: none; }
.container { width: 95%; }
.container img { max-width: 100%; }
/******** 结构 *********/

#header .logo img { max-height: 40px; }
#header { margin-bottom: 0px; margin: 15px 0; background: #fff; }
#nav { font-size: 20px; text-align: right; line-height: 66px; }
#mainArea { /*background:url(../images/bg_content.jpg);*/ position: relative; }
#footer { padding: 22px 0 82px; background: #3e3938; text-align: center; color: #f7f7f7; }
/******** #header *********/

#header.isStuck { height: 100px; margin-top: 0; padding-top: 15px; position: relative; top: 0; width: 100%; z-index: 999999; border-bottom: 2px solid #efefee; }
#header .container { position: relative; max-width: 95%!important; }
#header .logo { text-align: left; text-indent: -15px; background-image: url(../image/logo.png); background-position: left; background-repeat: no-repeat; font-size: 30px; color: #161616; line-height: 66px; }
#header .logo span { color: #ea5445; }
#header .logo a:hover { color: #1f1f1f; }
 @media (max-width:470px) {
#header .logo img { }
#header .logo { font-size: 24px; color: #161616; }
}
.top_tel { font-family: Maven Pro; font-size: 17.81px; font-weight: bold; line-height: 66px; }
 @media (max-width:1023px) {
.yincang { float: left; display: none; }
.top_tel { display: none; }
}
 @media (max-width:1513px) {
.top_tel { display: none; }
}
.top_tel img, .top_tel span { font-family: gainsee_proregular; font-size: 36px; margin-right: 8px; vertical-align: baseline; margin-bottom: -2px; color: #FF7200; }
.top_tel strong { font-size: 25.58px; color: #FF7200; }
/******** #nav *********/

#nav.navbar-collapse { width: inherit; }
.navbar-toggle .icon-bar { background-color: #161616; }
#nav .nav { /*	margin-right:-26px;

	margin-left:-15px;*/ float: none; display: block; }
#nav li { float: none; display: inline-block; }
#nav li a { line-height: 36px; margin: 0 18px; padding: 0; display: inline-block; border-bottom: 2px solid #fff; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; color: #FF7200; }
 @media screen and (max-width:1024px) {
#nav li a { margin: 0 9px; }
}
 @media screen and (max-width:1513px) {
#nav { float: right; text-align: right; padding-right: 0; }
#nav nav { padding: 0; }
}
#nav a:link, #nav a:visited { }
#nav a:hover, #nav .active a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; color: #FF7200; border-bottom: 2px solid #FF7200; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#nav a:focus, #nav a:active { color: #FF7200; }
.nav > li > a:focus { background: none; }
#nav a em img { height: auto; }
#nav a:hover em img, #nav .active a em img { margin-top: -20px; }
#nav a.active, #nav ul ul li a.active { color: #FF7200; border-bottom: 2px solid #FF7200; }
#nav a:hover { color: #FF7200; }
.navbar-toggle { margin: 0 -10px 0 0; }
 @media screen and (max-width:1228px) {
.logo { width: 40%; }
}
 @media screen and (max-width:930px) {
.logo { width: 50%; }
}
 @media screen and (max-width:641px) {
.logo { width: 60%; }
}
.banner_bottom { margin-top: 70px; padding-bottom: 0; line-height: 0; height: 0; }
/******** #footer *********/

#footer .copyright { font-size: 14px; color: #dcdedd; line-height: normal; text-align: left; padding-left: 40px; }
#footer .copyright h4 { font-weight: 550; margin: 30px 0 15px 0; font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; }
#footer .copyright p { margin-bottom: 6px; line-height: 25px; }
#footer .copyright a { margin-right: 15px; }
#footer strong { color: #fff; font-size: 15px; }
#footer li { list-style: none; }
#footer a:link { color: #888888; }
#footer a:hover { color: #9e9e9e; }
#footer .footer_logo { background-size: contain; font-size: 85px; color: #9e9e9e; }
#footer .row { }
.footer2 { color: #888888; margin-bottom: 20px; }
.footer2 a { color: #888888; }
.footer2 p { line-height: 250%; margin: 0; padding: 0; }
.footer2 hr { background-color: #888888; color: #888888; border-top: 1px solid #888888; }
 @media screen and (max-width:1580px) {
#footer .footer_logo { font-size: 78px; }
}
 @media screen and (max-width:1400px) {
#footer .footer_logo { font-size: 75px; }
}
 @media screen and (max-width:1300px) {
#footer .footer_logo { font-size: 72px; }
}
 @media screen and (max-width:1280px) {
#footer .footer_logo { font-size: 60px; }
}
 @media screen and (max-width:1024px) {
#footer .footer_logo { font-size: 50px; }
}
 @media screen and (max-width:996px) {
#footer .footer_logo { font-size: 85px; }
}
#footer .footer_nav { border-left: 1px solid #535353; line-height: normal; }
#footer .footer_nav li { padding-bottom: 6px; padding-left: 15px; vertical-align: top; }
 @media screen and (max-width:996px) {
#footer .footer_nav { border: none; }
#footer .footer_nav li { float: left; }
#footer .foot_left { padding-left: 40px; }
#footer .foot_left h2 { padding-left: 30px; }
#footer .copyright { border: none; }
}
#footer .footer_nav a:link, #footer .footer_nav a:visited { color: #dbdddc; }
#footer .foot_share { padding-top: 10px; font-family: gainsee_proregular; font-size: 40px; color: #dbdddc; line-height: 66px; }
#footer .foot_share p { font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; font-size: 16px; color: #dbdddc; margin-top: -12px; }
#footer .foot_share a:link, #footer .foot_share a:visited { color: #dbdddc; }
#footer .foot_share a:hover { color: #fff; }
.foot_share img { opacity: 1; width: 60%; }
.foot_share a:hover img { opacity: 1; }
/****** #mainArea *******/



#mainArea .container { position: relative; }
/*banner*/

.banner, .item .banner_bg, .banner .container { width: 100% !important; padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; }
 @media (max-width: 640px) {
.banner, .item .banner_bg, .banner .container { width: 100% !important; padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; }
}
.subpage .banner, .subpage .banner .container { height: 210px; }
.subpage .item .banner_bg { }
.banner { position: relative; overflow: hidden; }
.banner ul { margin-left: 0; padding-left: 0; }
.banner li { list-style: none; }
.banner .item { text-align: center; }
 @media screen and (max-width:1400px) {
.banner .item { padding-left: 0; }
}
.banner .item .banner_bg { max-width: inherit; position: relative; }
 @media screen and (min-width:1920px) {
.banner .item .banner_bg { width: 100%; }
}
.banner .container { position: relative; }
.banner .container_inner { position: absolute; top: 35%; left: 15%; z-index: 22; text-align: left; }
 @media screen and (max-width:996px) {
.banner .container_inner { left: 15%; }
}
 @media screen and (max-width:768px) {
.banner .container_inner { left: 10%; }
}
 @media screen and (max-width:360px) {
.banner .container_inner { top: 20%; left: 5%; text-align: left; }
}
.animate-item1, .animate-item2 { color: #b8e3ff; font-size: 32px; }
.animate-item { letter-spacing: 2px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-animation: Mobile 1s linear 0.5s normal 1 backwards; -moz-animation: Mobile 1s linear 0.5s normal 1 backwards; -o-animation: Mobile 1s linear 0.5s normal 1 backwards; -ms-animation: Mobile 1s linear 0.5s normal 1 backwards; animation: Mobile 1s linear 0.5s normal 1 backwards; }
 @-webkit-keyframes Mobile { 0% {
 -webkit-transform:translateX(-200%);
 -webkit-opacity:0;
}
 100% {
 -webkit-transform: translateX(0);
 -webkit-opacity:1;
}
}
 @-moz-keyframes Mobile { 0% {
 -moz-transform:translateX(-200%);
 -moz-opacity:0;
}
 100% {
 -moz-transform: translateX(0);
 -moz-opacity:1;
}
}
 @-o-keyframes Mobile { 0% {
 -o-transform:translateX(-200%);
 -o-opacity:0;
}
 100% {
 -o-transform: translateX(0);
 -o-opacity:1;
}
}
 @-ms-keyframes Mobile { 0% {
 -ms-transform:translateX(-200%);
 opacity:0;
}
 100% {
 -ms-transform: translateX(0);
 opacity:1;
}
}
 @keyframes Mobile { 0% {
 transform:translateX(-200%);
 opacity:0;
}
 100% {
 transform: translateX(0);
 opacity:1;
}
}
.banner h4 { font-family: "maven_probold", "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; font-size: 48px; margin: 0px; overflow: hidden; display: inline-block; padding: 0 15px; }
.banner p { font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 0 15px; margin-top: -5px; font-size: 20px; }
 @media screen and (max-width:360px) {
.banner h4 { font-family: "maven_probold", "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; font-size: 40px; margin: 0px; overflow: hidden; display: inline-block; padding: 0 15px; }
.banner p { font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 0 15px; margin-top: -5px; font-size: 18px; }
}
.banner .text_white, .banner .text_white a:link, .banner .text_white a:visited { color: #fff; }
.banner .text_blue, .banner .text_blue a:link, .banner .text_blue a:visited { color: #2396d2; }
.banner .text_green, .banner .text_green a:link, .banner .text_green a:visited { color: #8e9300; }
.banner .text_orange, .banner .text_orange a:link, .banner .text_orange a:visited { color: #f57921; }
.animate-item-orange { background: #ef8200; color: #fff; }
.animate-item-blue { background: #479fcd; }
.animate-item-darkblue { background: #00529a; }
.animate-item-white { background: #eee; }
.animate-item-black { background: rgba(0,0,0,0.85); _background: #000; }
.banner .btn { margin-top: 30px; font: 15px/20px "Maven Bla", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; }
.banner .btn_white { font-family: "Maven Pro", "Microsoft YaHei", "微软雅黑"; background: none repeat scroll 0 0 transparent; border: 1px solid white; color: #fff !important; cursor: pointer; letter-spacing: 1px; padding: 5px 20px; }
.banner .btn_white:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); }
.btn_green { background: -moz-linear-gradient(top, #82be1c 0%, #73a714 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, #82be1c 0%, #73a714 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -o-linear-gradient(top, #82be1c 0%, #73a714 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(top, #82be1c 0%, #73a714 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(top, #82be1c 0%, #73a714 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82be1c', endColorstr='#73a714', GradientType=0 ); /* IE6-9 */
color: white !important; text-align: center; text-decoration: none; text-transform: uppercase; margin: auto; }
.carousel-indicators { bottom: 0px; }
.carousel-indicators li { margin: 0 3px; background: #999; border: none; width: 10px; height: 10px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3) inset }
.carousel-indicators .active { background: #fff; width: 10px; height: 10px; margin: 0 3px; }
 . /******#container********/
 .section {
 position:relative;
 background:#fff;
 padding-bottom:50px;
}
.section1 { padding-bottom: 76px; background: #f1f1f1; padding-top: 50px; }
.section2 { padding-bottom: 76px; padding-top: 45px; }
.color_line { display: inline-block; width: 100%; }
.color_line em { display: inline-block; width: 55px; height: 15px; margin-top: 30px; margin-bottom: 48px; }
.color_line em:nth-child(2) { opacity: 0.54; }
.color_line em:nth-child(3) { opacity: 0.24; }
.color_line em:nth-child(4) { opacity: 0.1; }
/******首页内容 #container********/



.section_title { font-size: 1.26em; margin-bottom: 40px; letter-spacing: 1px; margin-top: 35px; font-family: "Microsoft YaHei", "微软雅黑"; text-align: center; font-weight: bold; color:#FF7200; }
.section_title em { display: block; margin: 15px auto; height: 2px; width: 40px; background: #FF7200; }
.section_img { padding-top: 70px; }
.bottom_more { margin: 50px 0 65px; text-transform: uppercase; clear: both; }
.bottom_more span { font-size: 1.1em; }
.bottom_more a:link, .bottom_more a:visited { color: #444; font-size: 1.15em; }
.bottom_more a:hover { text-decoration: none; color: #000; }
.solution_intro, .intro { color: #76731c; font-size: 16px; line-height: 30px; font-weight: 600; }
.intro { margin-left: -15px; }
.index_news .media { margin-top: 0; height: 231px; }
.index_news .media .description { max-height: 88px; overflow: hidden; }
.media .more { color: #333; }
.bottom_tel { font-family: gainsee_proregular; font-size: 76px; line-height: 60px; margin-top: 57px; margin-bottom: 50px; }
.bottom_tel strong { font-size: 52px; }
 @media (max-width: 640px) {
.bottom_tel strong { font-size: 32px; }
}
.bottom_tel p { font-family: Maven Pro; font-size: 24px; font-weight: bold; margin-top: 32px; }
/*案例作品*/



.page_heading h1 { font-family: "maven_probold", "Microsoft YaHei", "微软雅黑"; font-size: 30px; padding: 0 32px; line-height: 1.5em; margin-top: 0; margin-bottom: 0; }
 @media (max-width: 640px) {
.page_heading h1 { font-size: 24px; }
}
 @media (max-width: 1024px) {
.page_heading h1 { font-size: 25px; }
}
.page_heading .text1 { max-width: 1200px; margin: auto; padding-top: 5%; padding-bottom: 5%; color: #fff; }
 @media (max-width: 360px) {
.page_heading .text1 { padding-top: 56px; }
}
.case { margin-left: -8px; margin-right: -8px; }
.case .row { margin-left: -7px; margin-right: -7px; }
.case .row em { display: block; margin: 15px 0; height: 2px; width: 47px; background: #303030; }
.project { margin-left: -8px; margin-right: -8px; }
.project .row { margin-left: -7px; margin-right: -7px; }
.project .row em { display: block; margin: 15px 0; height: 2px; width: 47px; background: #303030; }
/*图片鼠标悬停效果*/

.img-block { max-width: 100%; height: 0; padding-bottom: 68%; overflow: hidden; display: block; margin-bottom: 15px; position: relative; }
.img-block .img-responsive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; width: 100%; }
.img-block:hover .img-responsive { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; }
.img-block .solution_hover { background: none repeat scroll 0 0 rgba(0,0, 0, 0.6) !important; height: 100%; width: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; display: table; vertical-align: middle; opacity: 0; -webkit-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.15s ease-in; }
.img-block:hover .solution_hover { opacity: 1; }
.img-block .solution_hover table { position: absolute; bottom: 1.5em; left: 1.5em; color: #fff; font-size: 14px; }
.img-block .solution_hover .img_text { display: table; vertical-align: top; text-align: left; padding: 0 26px; }
.img-block .solution_hover h2 { color: #fff; font-family: "Maven Pro", "Microsoft JhengHei", "微软正黑体", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 35px 0 0 0; }
.img-block .solution_hover h2 em { display: block; margin: 13px 0; height: 2px; width: 47px; background: #fff; }
.img-block .solution_hover .img_text h3 { line-height: 26px; font-size: 14px; opacity: 0; -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; -ms-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; }
.img-block .solution_hover .img_text h4 { margin-top: 10em; line-height: 26px; font-size: 18px; opacity: 0; -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; -ms-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; }
.img-block .solution_hover h3, .img-block .solution_hover h4 { margin: 0; color: #fff; opacity: 0; }
.img-block .solution_hover h3 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; -ms-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; }
.img-block .solution_hover h4 { }
.img-block .solution_hover h2 a, .img-block .solution_hover .readmore a { color: #fff; display: inline-block; }
.img-block:hover .solution_hover h3 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; }
.img-block:hover .solution_hover h2 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; -ms-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; }
.img-block:hover .solution_hover h4 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; -ms-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; }
/*图片鼠标悬停效果*/

.img-block-project-link { max-width: 100%; height: 0; padding-bottom: 50%; overflow: hidden; display: block; position: relative; }
.img-block-project-link .img-responsive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; width: 100%; }
.img-block-project-link:hover .img-responsive { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; }
.img-block-project-link .solution_hover { background: none repeat scroll 0 0 rgba(0,0, 0, 0.8) !important; height: 100%; width: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; display: table; vertical-align: middle; opacity: 0; -webkit-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.15s ease-in; }
.img-block-project-link:hover .solution_hover { opacity: 1; }
.img-block-project-link .solution_hover .img_text { display: table-cell; vertical-align: middle; text-align: center; }
.img-block-project-link .solution_hover h2 { color: #fff; font-family: "Maven Pro", "Microsoft JhengHei", "微软正黑体", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; font-size: 18px; text-transform: uppercase; margin: 15px 0; opacity: 0; -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; -ms-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; }
.img-block-project-link .solution_hover h3, .img-block-project-link .solution_hover h4 { font-size: 14px; margin: 0; color: #fff; opacity: 0; }
.img-block-project-link .solution_hover h3 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; -ms-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; }
.img-block-project-link .solution_hover h4 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; }
.img-block-project-link .solution_hover h2 a, .img-block-project-link .solution_hover .readmore a { color: #fff; display: inline-block; }
.img-block-project-link:hover .solution_hover h3 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; }
.img-block-project-link:hover .solution_hover h2 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; -ms-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; }
.img-block-project-link:hover .solution_hover h4 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; -ms-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; }
.case .thumbnail { padding: 0; border: none; border-radius: 0; }
.case .thumbnail > img { width: 100%; }
.case .thumbnail .img-block { margin-bottom: 0; }
.case .caption { padding: 9px 25px 23px; }
.case .caption small { letter-spacing: 4px; overflow: hidden; }
.case .caption h3 { font-size: 18px; margin-top: 12px; margin-bottom: 15px; height: 20px; overflow: hidden; }
.case .caption p { height: 40px; overflow: hidden; }
.case .thumbnail:hover { background: #000; color: #fff; -webkit-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; text-decoration: none; }
.case .thumbnail:hover .caption { color: #fff; -webkit-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
/*图片鼠标悬停效果*/

.img-block-project { max-width: 100%; height: 0; padding-bottom: 68%; overflow: hidden; display: block; position: relative; }
.project .row { border: 1px solid #e3e3e3; margin-bottom: 30px; }
.project .row-link { border: 1px solid #e3e3e3; margin-right: -1px; margin-bottom: -1px; }
.project .project-introduce { color: #353432; padding: 15px 20px; }
.project .project-introduce h4 { margin: 0; padding: 0; font-weight: bold; }
.project .project-introduce h5 { line-height: 2em; }
.project .project-url:hover .project-introduce { background-color: #4b4a48; color: #ffffff; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.project .project-url:hover .project-introduce em { background-color: #ffffff; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.img-block-project .img-responsive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; width: 100%; }
.img-block-project:hover .img-responsive { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; }
.img-block-project .solution_hover { background: none repeat scroll 0 0 rgba(0,0, 0, 0.6) !important; height: 100%; width: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; display: table; vertical-align: middle; opacity: 0; -webkit-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.15s ease-in; }
.img-block-project:hover .solution_hover { opacity: 1; }
.img-block-project .solution_hover .img_text { display: table-cell; vertical-align: middle; text-align: left; padding: 0 26px; }
.img-block-project .solution_hover h2 { color: #fff; font-family: "Maven Pro", "Microsoft JhengHei", "微软正黑体", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; font-size: 40px; text-transform: uppercase; margin: 15px 0; opacity: 0; -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; -ms-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; }
.img-block-project .solution_hover h3, .img-block-project .solution_hover h4 { font-size: 14px; margin: 0; color: #fff; opacity: 0; }
.img-block-project .solution_hover h3 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; -ms-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; }
.img-block-project .solution_hover h4 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; }
.img-block-project .solution_hover h2 a, .img-block-project .solution_hover .readmore a { color: #fff; display: inline-block; }
.img-block-project:hover .solution_hover h3 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; }
.img-block-project:hover .solution_hover h2 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; -ms-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; }
.img-block-project:hover .solution_hover h4 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; -ms-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; }
.project .thumbnail { padding: 0; border: none; border-radius: 0; }
.project .thumbnail > img { width: 100%; }
.project .thumbnail .img-block { margin-bottom: 0; }
.project .caption { padding: 9px 25px 23px; }
.project .caption small { letter-spacing: 4px; overflow: hidden; }
.project .caption h3 { font-size: 18px; margin-top: 12px; margin-bottom: 15px; height: 20px; overflow: hidden; }
.project .caption p { height: 40px; overflow: hidden; }
.project .thumbnail:hover { background: #000; color: #fff; -webkit-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; text-decoration: none; }
.project .thumbnail:hover .caption { color: #fff; -webkit-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
/******作品 #container********/



/*顶部菜单*/

#myTab { z-index: 99999; background: #fff; left: 0; width: 100%; }
#myTab.isStuck { top: 60px !important; }
 @media (max-width: 768px) {
#myTab.isStuck { top: 61px !important; }
}
 @media (max-width: 768px) {
#myTab .nav-justified > li { display: table-cell; width: 1%; }
}
 @media (max-width: 480px) {
#myTab .nav-justified > li { display: inline-block; float: left; width: 50%; }
}
.top_menu > .active > a, .top_menu > .active > a:focus, .top_menu > .active > a:hover { }
.top_menu.nav-justified { border-collapse: collapse; }
.top_menu.nav-justified > li { border: 1px solid #e1e1e1; }
.top_menu.nav-justified > .active > a, .top_menu.nav-justified > .active > a:focus, .top_menu.nav-justified > .active > a:hover { border: none; }
.top_menu.nav-justified > li > a { border-bottom: none; border-radius: 0; padding: 22px 3px; }
 @media (max-width: 996px) {
.top_menu.nav-justified > li > a { padding: 15px 3px; }
}
 @media (max-width: 480px) {
.top_menu.nav-justified > li > a { padding: 8px 3px; text-align: left; }
}
.top_menu > li > a > .badge { position: absolute; right: 12px; background: #999; }
 @media (max-width: 1024px) {
.top_menu > li > a > .badge { top: 10px; }
}
 @media (max-width: 768px) {
.top_menu > li > a > .badge { position: absolute; right: 5px; }
}
.top_menu > .active > a > .badge { background-color: #df6363; color: #fff; }
#content .text_list a { border-bottom: 1px dashed #c9c9c9; background-color: transparent; }
#content .text_list a:hover { color: #4a99dc; background: #f7f7f7; }
#content .text_list a .badge { color: #797979; font-size: 13px; }
/*图文列表*/

.list-graphic .media { margin-bottom: 40px; padding-left: 25px; padding-right: 25px; margin-top: 0; }
.list-graphic .media-left { padding-right: 20px; }
.list-graphic .media_img { float: left; width: 145px; height: 113px; line-height: 113px; max-height: 180px; overflow: hidden; font-family: gainsee_proregular; font-size: 113px; }
 @media (max-width: 480px) {
.list-graphic .media-left, .list-graphic .media-body { padding-right: 0px; display: block; width: 100%; }
.list-graphic .media-left { margin-bottom: 60px; }
.list-graphic .media_img { display: block; float: none; margin: auto; }
}
.list-graphic .description_detail { border-bottom: 2px solid #8e9300; border-top: 2px solid #8e9300; padding: 15px 0 20px; }
.list-graphic .description_detail .more { font-weight: bold; }
.list-graphic .description { display: block; overflow: hidden; color: #333; }
.list-graphic .media-body ul { padding-left: 0; margin-top: -8px; }
.list-graphic .media-body a:link, .list-graphic .media-body a:visited { /*color:#8e9300;*/ }
.media-body .media-heading a:link, .media-body .media-heading a:visited { /*color:#8e9300;*/ line-height: 28px; }
.media-heading { margin-bottom: 25px; }
/*首页文本块*/

.index_list-graphic .media-body { padding-right: 50px; }
.index_list-graphic .media-body p, .index_list-graphic .media-body li { font-size: 1.1em; line-height: 1.9em !important; }
.index_list-graphic .media-heading { font-size: 1.2em; font-weight: 700; margin-top: 3px; margin-bottom: 30px; color: #FF7200; }
/*section2 列表*/

.section2 #breadcrumbs { max-width: 1200px; margin-left: auto; margin-right: auto; }
.section3 #breadcrumbs { margin-left: auto; margin-right: auto; max-width: 100%; }
.section2 .container { max-width: 1230px; margin-left: auto; margin-right: auto; }
.servies_list { padding-bottom: 60px; }
.servies_list div.list-graphic:nth-last-child(1) { border-bottom: none; }
.servies_list .media { max-width: 1200px; margin-top: 60px; margin-bottom: 60px; padding: 0; }
.servies_list .list-graphic { border-bottom: 1px solid #1f1f1f; }
.servies_list .list-graphic .description { line-height: 28px; }
.section2 header h2 { font-size: 25px; margin-top: 0; margin-bottom: 45px; }
.section2 header .description { line-height: 24px; color: #1f1f1f; }
.servies_list .container { max-width: inherit; }
.servies_list .media, .servies_list header { /*max-width:1200px;*/ margin-left: auto; margin-right: auto; }
/******page-header********/

.page-header { border: none; font-style: 30px; font-weight: bold; color: #8e9300; margin-top: 20px; padding-bottom: 15px; }
.page-header strong { background-color: #fff; display: inline-block; padding-right: 15px; }
.page-description { line-height: 24px; margin-bottom: 25px; }
.section1 .page-header strong { background: #f5f5ed; }
/******content breadcrumb 面包屑********/

#breadcrumbs { margin-top: 15px; text-transform: uppercase; font-size: 18px; font-family: maven_promedium; color: #3a3a3a; margin-bottom: 40px; }
#breadcrumbs a:link, #breadcrumbs a:visited { color: #3a3a3a; }
#breadcrumbs > li + li:before { color: #3a3a3a; }
#breadcrumbs #breadcrumbs-current { /*font-weight:bold;*/ }
/******content 文章内容********/

.content { min-height: 600px; *height:600px;
}
 @media (max-width:1024px) {
.content img { width: 100%; padding-top: 1%; padding-bottom: 1%; }
.text-center { font-size: 16px; line-height: 30px; }
}
.content p { margin-bottom: 25px; }
.back { background: #1f1f1f; color: #fff; font-family: "Maven Pro"; font-size: 18px; width: 81px; height: 81px; border-radius: 50%; display: block; margin: 85px auto 85px; text-align: center; line-height: 81px; text-transform: uppercase; }
.back:hover { background: #ea4e42; color: #fff; }
#content article header { margin-bottom: 20px; position: relative; text-align: left; margin-top: -15px; }
#content article header h1 { font-size: 20px; color: #76731c; font-weight: bold; }
#content article header .title_below { color: #848484; margin: 15px 0 20px; }
#content article header .abstract { background: #f5f5f5; border: 1px solid #d7d7d7; font-size: 13px; color: #93804c; text-align: left; margin: 0 28px; line-height: 24px; padding: 15px 30px; }
#content article img { max-width: 100%; }
#content article section { max-width: 100%; line-height: 30px; }
#content article section h3 { margin-top: 0; }
#content article section h4 { margin-top: 0; font-weight: bold; color: #8e9300; }
#content article section p { margin-bottom: 20px; }
/*右侧悬浮窗*/

.right_float { text-align: center; left: 85%; }
 @media (max-width:1739px) {
.right_float { right: 0; left: auto; }
}
.right_float a { width: 60px; height: 60px; line-height: 60px; display: block; }
.right_float a span { color: #9c9e9e; display: block; padding: 10px; height: 100%; visibility: hidden; }
.right_float a img { opacity: 0.7; }
.right_float a:hover { /*background:#f0f0f0;*/ text-decoration: none; }
.right_float a:hover img { opacity: 0.9; }
/*新闻*/

.news_content { padding-right: 80px; }
.news_content header h2 { font-weight: bold; margin-bottom: 37px; margin-top: 25px; }
.times { margin-bottom: 38px; }
.times .day { font: 48px/58px "Maven Pro", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; }
.times .year { font: 24px/30px "Maven Pro", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; }
.list-group { display: table-row-group; width: 100%; }
.list-group-item { display: inline-block; margin-bottom: 15px; padding: 0; vertical-align: middle; width: 100%; border: none; }
.list-group-item a { line-height: 20px; padding: 30px 0 0; vertical-align: middle; }
.list-group .times { border-radius: 10px; display: inline-block; font-size: 12px; font-weight: 700; line-height: 1; margin-bottom: 0; min-width: 10px; padding: 10px 10px 0 0; vertical-align: middle; white-space: nowrap; }
.list-group .times .day { font-size: 30px; }
.list-group .times .year { font: 14px/18px "Maven Pro", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; }
/*****翻页******/

.paginations { text-align: center; }
.paginations > span { color: #414d66; display: inline-block; margin: 20px 5px; vertical-align: middle; }
.pagination { vertical-align: middle; margin-left: 15px; margin-top: 58px; }
.pagination li > a { background: #c9c9c9; margin: 0 4px; padding: 6px 12px;  }
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { /*! border-radius: 50%; */ }
.pagination li > a, .pagination li > span { border: none; color: #666; }
.pagination li > a:hover, .pagination li > a:focus { background: #ddd; color: #ea4e42; }
.pagination li > span:hover { background: #fff; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { background: #f57921; color: #fff; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background: #eee; color: #aaa; }
.pagination .pages_current> span { background: #f57921; color: #fff; }
/*关于*/

.about { text-align: center; padding-bottom: 116px; }
.about h1 { font-weight: normal; font-family: Maven Pro, "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.text-block0 { margin: 80px 5%; }
.text-block0 p { font-size: 30px; line-height: 43px; font-weight: 100; }
 @media (max-width: 360px) {
.text-block0 { margin: 50px 10px; }
.text-block0 p { font-size: 24px; }
.text-block1 { text-align: left; padding: 45px 5% 58px 5%; }
.text-block2 { padding: 0px 5% 5%; }
}
.text-block1 { text-align: left; padding: 45px 8% 58px 8%; }
.text-block1 h2 { font-size: 12px; margin-bottom: 47px; letter-spacing: 8px; }
.text-block2 { text-align: left; padding: 138px 8% 8%; }
 @media (max-width: 996px) {
.text-block1 { padding-bottom: 0; }
.text-block2 { padding: 0px 5% 5%; }
}
/*联系我们*/

.contact, .servies_list { padding-top: 45px; }
.contact #breadcrumbs { margin-bottom: 65px; }
.related_works .section_title { font-family: "maven_promedium", "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif; font-size: 18px; border-top: 1px solid #1f1f1f; padding-top: 50px; padding-bottom: 5px; }
nav.paginations { text-align: center; }
nav.paginations span.current { display: inline-block; margin: 20px 20px 20px 0; width: 30px; height: 30px; color: #fff; border-radius: 15px; background: #f57921; }
nav.paginations a { display: inline-block; margin: 20px 20px 20px 0; width: 30px; height: 30px; color: #fff; border-radius: 15px; background: #c9c9c9; }
nav.paginations a:hover, nav.paginations a:focus { background: #ddd; }
/*案例页*/

#casetagtop { font-size: 1.3em; font-family: "SimHei", "黑体", Arial, Helvetica, sans-serif; font-weight: bold; }
#casetagtop ul { margin: 0; padding: 0 10px; float: left; }
#casetagtop li { display: inline; float: none; margin-right: 20px; }
#casetagtop li a { line-height: 36px; margin: 0 2px; padding: 0; display: inline-block; border-bottom: 2px solid #fff; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
#casetagtop a:hover, #casetagtop .active a, #casetagtop .open > a, #casetagtop .open > a:hover, #casetagtop .open > a:focus { background: none; color: #ea4e42; border-bottom: 2px solid #FF7200; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
#casetagtop a:focus, #nav a:active { color: #1f1f1f; }
#casetagtop > li > a:focus { background: none; }
#casetagtop a em img { height: auto; }
#casetagtop a:hover em img, #nav .active a em img { margin-top: -20px; }
#casetagtop a.active, #casetagtop ul ul li a.active { color: #FF7200; border-bottom: 2px solid #FF7200; }
#casetagtop a:hover { color: #FF7200; }
#casetagson { font-size: 1.2em; }
#casetagson ul { float: right; }
#casetagson li { display: inline; float: left; margin-right: 20px; }
#casetagson li i { color: #FF7200; }
.page-header-case { border: none; font-style: 30px; font-weight: bold; color: #8e9300; margin-top: 10px; padding-bottom: 5px; }
/*服务*/

.service-nav-father { font-size: 17px; padding-bottom: 50px; }
.service-nav-father .col-md-2 a i{ color:#FF7200;}
/*关于*/

.aboutus { margin-left: -8px; margin-right: -8px; }
.aboutus .row { margin-left: -7px; margin-right: -7px; }
.aboutus .row em { display: block; margin: 15px 0; height: 2px; width: 47px; background: #303030; }
.aboutus .row { border: 1px solid #e3e3e3; margin-bottom: 30px; }
.aboutus .row-link { border: 1px solid #e3e3e3; margin-right: -1px; margin-bottom: -1px; }
.aboutus .project-introduce { color: #353432; padding: 15px 20px; }
.aboutus .project-introduce h4 { margin: 0; padding: 0; font-weight: bold; }
.aboutus .project-introduce h5 { line-height: 2em; }
.aboutus .project-url:hover .project-introduce { background-color: #4b4a48; color: #ffffff; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.aboutus .project-url:hover .project-introduce em { background-color: #ffffff; -webkit-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
/*图片鼠标悬停效果*/

.img-block-aboutus { max-width: 100%; height: 0; padding-bottom: 105%; overflow: hidden; display: block; position: relative; }
.img-block-aboutus .img-responsive { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; width: 100%; }
.img-block-aboutus:hover .img-responsive { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: transform 0.5s ease 0s; -ms-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s; }
.img-block-aboutus .solution_hover { background: none repeat scroll 0 0 rgba(0,0, 0, 0.6) !important; height: 100%; width: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; display: table; vertical-align: middle; opacity: 0; -webkit-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.15s ease-in; }
.img-block-aboutus:hover .solution_hover { opacity: 1; }
.img-block-aboutus .solution_hover .img_text { display: table-cell; vertical-align: middle; text-align: left; padding: 0 26px; }
.img-block-aboutus .solution_hover h2 { color: #fff; font-family: "Maven Pro", "Microsoft JhengHei", "微软正黑体", "Microsoft YaHei", "微软雅黑", Arial, Verdana, sans-serif; font-size: 40px; text-transform: uppercase; margin: 15px 0; opacity: 0; -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; -ms-transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; transition: transform 0.1s ease 0.05s, opacity 0.1s ease 0.05s; }
.img-block-aboutus .solution_hover h3, .img-block-aboutus .solution_hover h4 { font-size: 14px; margin: 0; color: #fff; opacity: 0; }
.img-block-aboutus .solution_hover h3 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; -ms-transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; transition: transform 0.4s ease 0.3s, opacity 0.4s ease 0.3s; }
.img-block-aboutus .solution_hover h4 { -webkit-transform: translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s; }
.img-block-aboutus .solution_hover h2 a, .img-block-aboutus .solution_hover .readmore a { color: #fff; display: inline-block; }
.img-block-aboutus:hover .solution_hover h3 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; }
.img-block-aboutus:hover .solution_hover h2 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; -ms-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; }
.img-block-aboutus:hover .solution_hover h4 { opacity: 1; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; -ms-transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; transition: transform 0.4s ease 0.4s, opacity 0.4s ease 0.4s; }
/*图片鼠标悬停效果*/

.img-block-aboutus-2 { max-width: 100%; height: 0; padding-bottom: 61.4%; overflow: hidden; display: block; position: relative; }
.media-body label { font-weight: normal; text-align: left !important; }
.input-margin-top input, .input-margin-top button, .input-margin-top img { margin-top: 8px !important; }
/*新闻*/

.news-content { padding: 2em 0.5em 0 0.5em; margin: 0; }
.news-content img { max-width: 100%; height: auto; }
.news-content p { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.back-top { font-size: 1.15em; }
.back-top img { float: right; margin-top: 3px; }
.joinus li, .joinus p { font-size: 16px !important; }
.joinus ul li .current { font-weight: bold; }
.joinus-head { font-size: 1.1em !important; }
 @media screen and (max-width:767px) {
.less-padding-left-0 { padding-left: 0 !important; }
#header.isStuck { height: 80px; padding-top: 0px; }
.index_list-graphic .media-body { padding-right: 0px; }
.navbar-toggle { margin: 16px -10px 0 0; }
.banner_bottom { margin-top: 40px; padding-bottom: 0; line-height: 0; height: 0; }
#header { height: auto; padding-bottom: 1px; margin-top: 0px; margin-bottom: 0px; }
#header.isStuck #nav { padding: 0; margin-right: -8%; width: 50%; }
#nav { top: 12px; padding: 0; z-index: 999; text-align: center; font-size: 18px; background-color: rgba(255,255, 255, 0.9);; }
#nav nav { border: none; box-shadow: none; padding-bottom: 0px; }
#nav .navbar-nav { margin: 0; border: #ddd 1px solid;border-bottom: 0;}
#nav li, #nav li a { display: block; line-height: 52px; border-bottom: none; margin: 0; }
#nav li{  border-bottom: #ddd 1px solid;}
#nav a:hover, #nav .active a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: #eee; border-bottom: none; }
#nav a.active, #nav ul ul li a.active { color: #FF7200; border-bottom: none; font-weight: 500; }
}