﻿/** Generated by FG **/
@font-face { font-family: 'Exo-Black'; src: url('../fonts/Exo-Black.eot'); src: local('☺'), url('../fonts/Exo-Black.woff') format('woff'), url('../fonts/Exo-Black.ttf') format('truetype'), url('../fonts/Exo-Black.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Exo-Bold'; src: url('../fonts/Exo-Bold.eot'); src: local('☺'), url('../fonts/Exo-Bold.woff') format('woff'), url('../fonts/Exo-Bold.ttf') format('truetype'), url('../fonts/Exo-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
/* 公用分页 */
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
body { font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; font-size: 14px; line-height: 1.625; color: #999; background-color: #fff; }
img { vertical-align: middle; border: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5px; font-family: 'Exo-Bold',"arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; font-weight: 800; line-height: 1.2; color: #34373b; }
a, a:hover { text-decoration: none; }
.btn-dashed { position: relative; }
.btn-dashed:after { position: absolute; content: ''; border: 1px dashed hsla(0,0%,98%,.5); width: 100%; height: 100%; left: -14px; top: -14px; }
.btn-primary {  text-shadow: 0 1px 3px rgba(0,0,0,.35); padding: 14px 26px 14px; border: 0; border-radius: 3px; font-size: 12px; background: #D60023; }
.btn-primary:hover{ background: #900; }
.btn-light { background: #e5e5e5; padding: 14px 26px 10px; border: 0; border-radius: 3px; color: #34373b; font-size: .875px; }
/* language_select */
.language_select{ text-align:right; margin-top:10px;}
.language_select a{ padding-left:5px;}
/*header*/
.site-header { position: absolute; z-index: 99; background: transparent; margin-bottom: 78px; display: block; width: 100%; top: 0; height: 150px; }
.header_container { margin-top: 15px; background-color: #ffffff; }
.header_container>.container { max-width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
.header { position: relative; display: flex; flex-flow: row wrap; align-items: stretch; height: 150px; }
.header_widgets { background-color: #eee; order: 2; height: 60px; text-align: right; border-top-right-radius: 2px; overflow: hidden; width: 100%; position: absolute; top: 0; z-index: 10 }
.header_widgets .widget { margin-bottom: 0; text-align: inherit; display: inline-block; margin-right: 0; }
.header .icons-box_subtitle, .header .icons-box_title { display: inline-block; font-size: 12px; font-weight: 700; font-family: Roboto, Helvetica, Arial, sans-serif; color: #999; margin: 0; padding: 0; line-height: 26px; }
.header .icons-box { position: relative; display: block; text-align: center; padding: 16px 25px 16px 31px; background-color: #eee; }
.header .icons-box .fa { display: inline-block; color: #999; line-height: 24px; vertical-align: middle; margin-right: 5px; font-size: 14px }
.header .icons-box_text { display: inline-block; }
.header .icons-box--featured { background: #bc001f; color: #fff; }
.header .icons-box--featured i.fa-phone { color: #fff; }
.header .icons-box--featured .icons-box_title { color: #fff; }
.header .widget-icons-box.widget-icons-box03 { margin-bottom: 0; margin-right: 0; }
.header_logo { order: 1; width: 250px; height: 150px; box-shadow: 2px 0 3px -2px rgba(0,0,0,.2); z-index: 1; padding: 16px 25px; margin-bottom: 0; background-color: #fff; position: absolute; z-index: 10; }
.header_logo img { margin-top: 27px; }
/* 社区 */
.header_navigation-widgets { width: 145px; background: linear-gradient(#fff, #eee); text-align: right; padding: 26px 26px 26px 0; border-bottom-right-radius: .125px; position: absolute; right: 0; margin-right: 0; position: absolute; bottom: 0; right: 0; z-index: 5; }
.header_navigation-widgets .widget { text-align: inherit; display: inline-block; border-top: 0; border-left: 1px solid rgba(0,0,0,.1); padding-left: 10px; padding-top: 0; margin-bottom: 0; margin-right: 0; }
.header_navigation-widgets .social-icons_link { font-size: 18px; color: #999; line-height: 1; padding: 5px 0; margin-right: 15px; }
/* 菜单 */
.header_navigation { background: linear-gradient(#fff, #eee); border-bottom-right-radius: 3px; display: block; bottom: 0px; position: absolute; width: 100%; height: 90px; left: 0; top: auto; z-index: 1; bottom: 0; }
.main-navigation { padding-left: 0; list-style: none; font-size: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; margin: 0; border: 0; padding-left: 10px; background-color: transparent; margin: 0; padding-left: 17px; padding-left: 270px; }
.main-navigation .menu-item { display: inline-block; font-size: 12px; position: relative; }
.main-navigation li { margin: 0; padding: 0; }
.main-navigation a { display: block; font-weight: 800; color: #34373b; text-transform: uppercase; padding: 33px 30px 33px 30px; font-size: 15px; line-height:26px }
.main-navigation a:hover { text-decoration: underline }
.main-navigation a, .main-navigation>.menu-item-has-children::after { color: #34373b; }
.main-navigation>.current-menu-item>a { color: #bc001f; }
.main-navigation>.menu-item-has-children:after { position: absolute; content: '\f078'; font-family: FontAwesome; font-size: 12px; bottom: 1px; left: 50%; margin-left: -6px; color: #34373b; top: 60px }
.main-navigation>.current-menu-item>a:after { position: absolute; content: ''; width: 100%; height: 5px; left: 0; bottom: 0; background-color: #bc001f; }
.main-navigation .sub-menu { position: absolute; background-color: transparent; visibility: hidden; opacity: 0; }
.main-navigation .sub-menu.hover { position: absolute; background-color: transparent; visibility: visible; opacity: 1; }
.main-navigation .sub-menu a { background: #222222; min-width: 160px; color: #777777; display: block; padding: 10px 14px; text-transform: capitalize; white-space: nowrap; border-bottom: 1px solid #363636; }
.main-navigation li li ul {
    position:absolute;
    top:0;
    left:160px; /* make this equal to the width of the sub nav above */
    margin:0;
}

/* header 联系方式 */
.header_widgets { background-color: #eee; order: 2; height: 60px; width: 100%; text-align: right; border-top-right-radius: .125px; }
.header_widgets { background-color: #ededed; }
.header .icons-box-02:before { position: absolute; content: ''; background-color: rgba(0,0,0,.1); left: 26px; top: 15px; height: 34px; width: 1px; left: 0; }
/* 幻灯片 */
/*banner*/
.none { display: none; }
.banner { min-width: 980px; height: 695px; position: relative; margin: 0 auto; overflow: hidden; z-index: 1; }
.banner_show { width: 100%; text-align: center; height: 695px; overflow: hidden; position: relative; }
.bannger_inbox { position: absolute; top: 0; width: 100%; display: block; left: 0; }
/*翻页*/
.banner_pre_next { position: relative; z-index: 105; top: 320px; width: 100%; left: 0; }
.banner_pre_next a { display: inline-block; background-color: hsla(0,0%,98%,.15); color: rgba(0,0,0,.5); width: 60px; height: 125px; line-height: 125px; position: relative; }
.banner_pre_next .banner_btn_left { position: absolute; left: 0; }
.banner_pre_next .banner_btn_right { position: absolute; right: 0; }
.banner_pre_next a i { width: 100%; height: 100%; position: absolute; font-size: 36px; top: 0; left: 0; height: 125px; line-height: 125px; }
/*圆点*/
.yq_banner_list { width: 200px; height: 25px; position: absolute; top: 485px; text-align: right; z-index: 100; left: 120px; padding-right: 12px; }
.yq_banner_list a { display: inline-block; width: 19px; height: 19px; background: url(../images/abg.png) no-repeat right; margin-right: 10px; }
.yq_banner_list a.hover { background: url(../images/abg.png) no-repeat left; }
/*文字*/
.banner_mag { width: 700px; height: 520px; position: absolute;  top: 300px; text-align: left; z-index: 99; font-family: "Microsoft YaHei"; }
.banner_magbox { height: 520px; text-align: left; padding: 0; }
.banner_magbox h4 { font-size: 38px; color: #fff; margin-bottom: 8px; line-height: 1.2; }
.banner_magbox h4 a { color: #fff; }
.banner_magbox p { font-size: 16px; color: #fff; font-weight: normal; line-height: 22px; margin-top: 0; margin-bottom: 14px; }
.banner_magbox p .btn { margin-top: 5px; margin-right: 5px; }
.banner_magbox p .btn-primary { background: #d60023; text-shadow: 0 1px 3px rgba(0,0,0,0.35); padding: 16px 26px 12px; border: 0; border-radius: 3px; font-size: 14px; }
.banner_magbox p .btn-light { background: #e5e5e5; padding: 16px 26px 12px; border: 0; border-radius: 3px; color: #34373b; font-size: 14px; }
/* i_youshi0 */
.i_youshi0 { background: #303030; background: -moz-linear-gradient(top, #303030 0%, #242424 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #242424)); background: -webkit-linear-gradient(top, #303030 0%, #242424 100%); background: -o-linear-gradient(top, #303030 0%, #242424 100%); background: -ms-linear-gradient(top, #303030 0%, #242424 100%); background: linear-gradient(to bottom, #303030 0%, #242424 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#242424', GradientType=0 );
}
.i_youshi0 .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; width: 33.333%; box-sizing: border-box; min-height: 1px; }
.i_youshi0 .popover-icons-box { position: relative; padding: 21px 0; }
.i_youshi0 .popover-icons-box .fa { font-size: 40px; padding: 0; color: #444; background-color: transparent; margin-top: 0; float: left; margin-right: 13px; transition: all .1s ease-out; }
.i_youshi0 .popover-icons-box__text { font-size: 12px; color: #999; margin-left: 52px; }
.i_youshi0 .icons-box-with-line .popover-icons-box:after { position: absolute; content: ''; background-color: hsla(0,0%,98%,.1); top: 0; right: 0; width: 1px; height: 100%; }
.i_youshi0 .popover-icons-box__title { padding-top: 0; margin: 0; font-size: 16px; color: #eee; text-transform: uppercase; }
.i_youshi0 .popover-icons-box__text { font-size: 14px; color: #999; margin-left: 52px; }
.popover-icons-box__button { position: absolute; width: 26px; height: 26px; padding: 0; top: 27px; right: 0; outline: 0; transition: all .1s ease-out; box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); box-shadow: none; text-shadow: none; }
.popover-icons-box__button { right: 26.25px; background: #666; }
.popover-icons-box__button:after { position: absolute; color: #333; content: '\f077'; font-family: FontAwesome; left: 6px; top: 1px; transition: all .1s ease-out; box-shadow: none; text-shadow: none; }
.i_youshi0 .popover-icons-box__button { right: 26.25px; background: #666; border: 1px solid #333; }
/* i_class */
.i_class { background-color: #FFF; padding: 40PX 0; }
.i_class .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; width: 25%; box-sizing: border-box; min-height: 1em; }
.i_class .so-panel:hover{}
.i_class .so-panel:hover h4 a{ color: #C30}
.page-box.page-box--block { width: 100%; margin-bottom: 20px; }
.page-box__picture { position: relative; display: inline-block; }
.widget img, .widget select { max-width: 100%; height: auto; }
.page-box__picture img { width: 100%; margin-bottom: 23px; }
.page-box__title { margin-bottom: 12px; font-size: 20px; }
.page-box__title a { color: #34373b; }
.page-box__text { font-size: 12px; margin-bottom: 12px; }
.page-box__more-link { text-transform: uppercase; font-weight: 700; font-size: 12px; color: #bc001f; }
.menu-services-container { background-color: #eee; border-radius: 3px; }
.menu-services-container .menu { margin: 0; padding: 0; list-style: none; padding: 0 5px }
.menu-services-container .menu li { position: relative; }
.menu-services-container .menu li:before { content: ''; position: absolute; height: 1px; top: -1px; left: 0.9375px; right: 0.9375px; background-color: #e0e0e0; }
.menu-services-container .menu a { padding: 18px 20px; font-size: 14px; text-transform: uppercase;  font-weight: 800; margin: 0; }
.widget_nav_menu a { display: block; color: #999; }
.menu>li:first-of-type:before { display: none; }
.menu-services-container .menu a:hover{ color:#000;}
/* i_youshi */
.i_youshi { background-color: rgb(238, 238, 238); }
.i_youshi .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; width: 33.333%; box-sizing: border-box; min-height: 1em; }
.i_youshi .icons-box { position: relative; padding: 35px 0; }
.i_youshi .icons-box .fa { font-size: 42px; padding: 0; color: #ccc; background-color: transparent; margin-top: 0; float: left; margin-right: 13px; transition: all .1s ease-out; }
.i_youshi .icons-box__text { font-size: .875px; color: #999; margin-left: 3.75px; }
.i_youshi .icons-box:after { position: absolute; content: ''; background-color: rgba(0,0,0,.05); top: 0; right: 0; width: 1px; height: 100%; }
.i_youshi .icons-box__title { padding-top: 0; margin: 0; font-size: 16px; color: #999; text-transform: uppercase; }
.i_youshi .icons-box__text { font-size: 14px; color: #999; margin-left: 3.75px; }
#panel-8-2-2-0 .icons-box:after { display: none; }
/* i_about */
.i_about { background: #fff; padding: 30px 0; }
.i_about .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; }
.i_about .widget-title--big .widget-title { font-size: 32px; margin-bottom: 14px; position: relative; color: #34373b; }
.i_about .widget-title__line { position: absolute; border-bottom: 1px solid rgba(0,0,0,.1); right: 0; top: 50%; left: 173px; }
.i_about .textwidget { font-size: 14px; }
.i_about p { margin-top: 0; margin-bottom: 5px; }
.i_about .alignleft { float: left; margin: 5px 20px 20px 0; }
.i_about .widget img, .i_about .widget select { max-width: 100%; height: auto; }
.steps { box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); }
.step { position: relative; border-bottom: 1px solid rgba(0,0,0,.1); padding: 22px 26px 20px 44px; }
.step__title { font-family: 'Exo-Bold', Helvetica, Arial, sans-serif; font-weight: 800; font-size: 14px; text-transform: uppercase; color: #34373b; margin-bottom: 5px; }
.step__content { margin-bottom: 0; font-size: 12px; margin-top: 0; }
.step__number { position: absolute; width: 30px; height: 30px; font-family: 'Exo-Bold', Helvetica, Arial, sans-serif; font-weight: 800; font-size: 14px; top: 24px; left: 0; background-color: #ccc; color: #fff; text-align: center; line-height: 30PX; transition: all .1s ease-out; }
.step:hover .step__number { color: #fff; background: #bc001f }
/* i_ad */
.i_ad { background-image: url(../images/dark-pattern.jpg); padding: 30px 0; }
.call-to-action__text { text-align: left; float: left; padding: 0; }
.call-to-action__title { color: #fff; font-size: 18px; margin-bottom: 5px; }
.call-to-action__subtitle { margin-bottom: 0; font-size: 14px; line-height: 1.2; color: #999; }
.call-to-action__button { float: right; }
.call-to-action__button a { font-size: 14px; background: #bc001f ; }
.call-to-action__button a.btn-dashed:after { left: -12px; top: -12px; width: 138px; height: 70px; }
/* i_pro */
.i_pro { padding: 40px 0; background-color: rgb(238, 238, 238); }
/* scrollpic */
.i_pro .DFHistorySlide .owl-controls { position: absolute; top: -80px; right: 15px; }
.i_pro .DFHistorySlide .owl-controls .owl-pagination { display: none; }
.i_pro .DFHistorySlide .owl-controls .owl-buttons div { width: 42px; line-height: 42px; height: 42px; display: inline-block; text-align: center; font-size: 24px; background-color: #DDD; color: #34373B; margin: 0; padding: 0 }
.i_pro .DFHistorySlide .owl-controls .owl-buttons div.owl-prev { margin-right: 4px; }
.i_pro .DFHistorySlide .owl-controls .owl-buttons div:hover, #DF-History .DFHistorySlide .owl-controls .owl-buttons div:focus { color: #999; }
.i_pro .DFHistorySlide .owl-controls .owl-buttons div i { font-size: 28px; width: 30px; line-height: 30px; height: 30px; color: #999; }
.i_pro .owl-item { padding: 0 15px; }
.i_pro .galleryItem { box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); color: #999; margin-bottom: 26px; }
.i_pro .galleryItem .m0 { margin: 0; }
.i_pro .galleryItem .gImg { overflow: hidden; }
.i_pro .galleryItem .gImg img { width: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.i_pro .galleryItem .gImg .btn-group { position: absolute; bottom: 8px; right: 8px; }
.i_pro .galleryItem .gImg .btn-group .btn { background: none rgba(255, 255, 255, 0.8); border-color: transparent; border-radius: 0; color: #000; font-size: 16px; width: 40px; line-height: 38px; padding: 0; text-align: center; display: none; }
.i_pro .galleryItem .gImg .btn-group .btn:hover { background-color: #FFF; }
.i_pro .galleryItem .gTitle { padding: 24px 25px 16px; background: #fff; }
.i_pro .galleryItem .gTitle a { display: block; font-size: 13px; color: #333; font-weight: 800; margin-bottom: 5px; text-transform: uppercase; }
.i_pro .galleryItem .gTitle .gDes { border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 8px; font-size: 12px; }
.i_pro .contentSection { padding: 40px 0 30px; }
.i_pro .contentSection .galleryItem { margin-bottom: 30px; }
#galleryDetails { padding-top: 40px; padding-bottom: 40px; }
#galleryDetails .galleryImg { overflow: hidden; }
#galleryDetails .galleryImg img { width: 100%; }
#galleryDetails h3 { font-size: 26px; color: #000; font-weight: bold; margin: 25px 0 10px; }
#galleryDetails p { color: #9594ac; font-size: 15px; font-family: 'Raleway', sans-serif; line-height: 30px; }
.i_pro .galleryItem .gImg img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }
#mybtns { margin: 10px; width: 100%; display: block; height: 42px; }
#mybtns a { width: 42px; height: 42px; display: block; float: left; margin-right: 1px; background-color: #c1c1c1; }
#mybtns a:hover { background-color: #d7000f; }
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mybtns #left { background-image: url(images/jt_l.png); }
#mybtns #right { background-image: url(images/jt_r.png); }
 @media(min-width:1572px) {
.scrollpic { max-width: 1572px; width: 100%; }
#myscroll { width: 1572px; }
}
@media(max-width:1571px) {
.scrollpic { max-width: 1310px; width: 100%; }
#myscroll { width: 1310px; }
}
@media(max-width:1309px) {
.scrollpic { max-width: 1048px; width: 100%; }
#myscroll { width: 1048px; }
}
@media(max-width:1047px) {
.scrollpic { max-width: 786px; width: 100%; }
#myscroll { width: 786px; }
}
@media(max-width:767px) {
.scrollpic { max-width: 524px; width: 100%; }
#myscroll { width: 524px; }
}
@media(max-width:523px) {
.scrollpic { max-width: 262px; width: 100%; }
#myscroll { width: 262px; }
}
/* 本例子css */
.slideTxtBox { width: 100%; text-align: left; }
.slideTxtBox .hd { height: 70px; line-height: 30px; padding: 0 10px 0 20px; border-bottom: 1px solid #ddd; position: relative; }
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px; }
.slideTxtBox .hd ul li { float: left; cursor: pointer; display: inline-block; padding: 22px 17px 17px; font-weight: 800; color: #333 }
.slideTxtBox .hd ul li.on { border: 1px solid #ddd; border-bottom: 2px solid rgb(238, 238, 238); margin-top: -1px; color: #BC001F; }
.slideTxtBox .bd ul { padding: 25px 0 0 0; zoom: 1; margin: 0; }
.slideTxtBox .bd li { height: 24px; line-height: 24px; }
.slideTxtBox .bd li .date { float: right; color: #999; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow { display: none; }
/* i_news*/
.i_news { background-image: url(../images/dark-pattern.jpg); padding: 90px 0; }
.i_news .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 1px; }
.i_news .panel-grid-cell { width: 33.333%; }
.latest-news--block { box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); background: #fff; }
.latest-news { margin-bottom: 0; border: 0; transition: all .1s ease-out; }
.widget img, .widget select { max-width: 100%; height: auto; }
.latest-news--block .latest-news_content { position: relative; }
.latest-news--block .latest-news_date { position: absolute; top: -50px; left: 0; background-color: #bc001f; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 8px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.latest-news--block .latest-news_title { font-size: 16px; text-transform: uppercase; margin-bottom: 14px; color: #666; }
.latest-news--block .latest-news_title a { color: #34373b; }
.latest-news--block .latest-news_author { position: relative; padding-top: 10px; font-size: 12px; }
.latest-news--block .latest-news_author:before { position: absolute; content: ''; top: 0; left: 0; right: 0; height: 1px; background-color: rgba(0,0,0,.1); }
/* newslist */
.latest-news_container { box-shadow: 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 6px 0 rgba(0,0,0,.12); }
.latest-news--inline { position: relative; display: block; margin-bottom: 0; background-color: #fff; border: 1px solid #e5e5e5; }
.latest-news--inline:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.1); }
.latest-news_content { padding: 20px 22px 20px; background-color: #fff; }
.latest-news--inline .latest-news_title { font-size: 14px; text-transform: uppercase; margin-bottom: 1px; }
.latest-news--inline .latest-news_author { font-size: 12px; color: #999; }
.latest-news--more-news { position: relative; display: block; background-color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 15px 20px; color: #bc001f; }
.latest-news--more-news:after { position: absolute; display: block; content: '\f054'; font-family: FontAwesome; font-size: 12px; padding-left: 0px; padding-top: 5px; background-color: #ddd; width: 26px; height: 26px; text-align: center; color: #999; border-radius: 3px; transition: all .1s ease-out; top: 12px; right: 15px; }
/* i_partner */
.i_partner { padding: 20px 0; }
.i_partner .widget-title { font-size: 36px; margin-bottom: 14px; position: relative; color: #34373b; text-align: center; }
.partnerlist img { opacity: 0.95; margin-bottom: 1.25px; transition: all .1s ease-out; width:100% }
.partnerlist { overflow:hidden;}
.partnerlist .bd ul{ overflow:hidden; zoom:1; }
.partnerlist .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.partnerlist .bd ul li .pic{ text-align:center; }
.partnerlist .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.partnerlist .bd ul li .pic a:hover img{ border-color:#999;  }
.partnerlist .bd ul li .title{ line-height:24px;   }

/* footer-top */
.footer { overflow: hidden; }
.footer-top { color: #999999; }
.footer-top_right { padding: 50px 0 44px 52px; background-image: url(../images/dark-pattern.jpg); height: 340px; float: right; width: 40% }
.footer-top_left { background-color: #eee; height: 340px; float: left; width: 60% }
.footer-middle { position: relative; }
.footer-middle_right { text-align: right; width: 50%; padding: 0; float: right; }
.footer-middle_left { float: left; width: 50%; padding: 22px 0; }
.footer-middle_back-to-top { width: 47px; height: 44px; line-height: 40px; padding: 0; margin: 18px 0 18px 12px; float: right; position: absolute; right: 0; }
.footer_navigation { display: inline-block; padding-right: 80PX; }
.footer-navigation .menu-item { display: inline-block }
.footer-navigation a { display: inline-block; color: #999; padding: 30px 10px; }
.footer-bottom_container { background-color: #eeeeee; }
.footer-bottom { color: #999999; font-size: 12px; }
.footer-bottom_left { padding: 18px 0; float: left; }
.footer-bottom_right { padding: 18px 0; text-align:center; }
.footer-bottom_right a{ color:#999999;}
.footer-top__headings { color: #34373b; text-transform: uppercase; font-size: 14px; margin-bottom: 18px; }
.footer-top_right .footer-top__headings { color: #fff; }
.footer-top_right .widget_text { width: 300px; }
.footer-top .icon-container { display: inline-block; margin-right: 2px; width: 14px; }
.footer-top_right .fa-2x { font-size: 16px; color: #fff; }
.footer-top_right .fa-2x:hover { color: #bc001f }
.footer-top_left { padding: 50px 0; }
.footer-top_left .row { width: 718px; float: right; }
.footer .widget_nav_menu a { padding: 0; padding-bottom: 5px; font-weight: normal; }
.page_banner { height: 330px; background-image: url('../images/dark-pattern.jpg'); background-repeat: repeat; background-position: top left; background-attachment: scroll; }
.page_banner h2 { padding-top: 250px; color: #fff; text-transform:uppercase}
#position { background: linear-gradient(#fff, #eee); border-bottom: 1px solid #e0e0e0; margin-bottom: 36px; font-weight: 800; font-size: 12px; text-transform: uppercase; border-color: #e0e0e0; padding: 18px 0; color:#999; }
#position a { color: #999; }
/*  单页 contact */
#p_contact { padding: 40px 0 0 0; }
#p_contact .panel-grid-cell { padding-left: 15px; padding-right: 15px; float: left; }
#p_contact .widget-title--big .widget-title { font-size: 28px; margin-bottom: 12px; position: relative; }
#p_contact .panel-grid-cell .so-panel { margin-bottom: 30px; }
#p_contact .widget-title--big .widget-title { font-size: 28px; margin-bottom: 12px; }
#p_contact .widget-title__line { position: absolute; border-bottom: 1px solid rgba(0,0,0,.1); right: 0; top: 50%; }
#p_contact .panel-grid-cell .so-panel { margin-bottom: 30px; }
#p_contact .icons-box { display: block; text-align: left; }
#p_contact .icons-box .fa { font-size: 36px; padding: 0; color: #ccc; background-color: transparent; margin-top: 0; float: left; margin-right: 12px; transition: all .1s ease-out; }
#p_contact .icons-box__title { margin: 0; padding: 0; color: #999; font-size: 14px; }
#p_contact .icons-box__text { font-size: 13px; color: #999; margin-left: 52px; }
#pgc-160-1-0 { width: 33.333%; }
#pgc-160-1-1 { width: 66.667%; }
.wpcf7-text { padding: 10px 14px; margin-bottom: 16px; font-size: 14px; width: 100%; transition: all .1s ease-out; line-height: 26px; display: block; height: 50px; }
.wpcf7-textarea { height: 15.625px; margin-bottom: 2.5px; }
.wpcf7-submit { float: right; margin-top: -2.5px; margin-bottom: 0; }
/* container */
#container { margin-bottom: 30px; }
/*产品列表*/
.goods-list { margin: 0; padding: 0 }
.goods-list img { width: 100%; height: auto; }
.goods-list li { margin-bottom: 25px; position: relative; display: block; }
.goods-list li .inner-box { position: relative; display: block; max-width: 450px; margin: 0 auto; border: 1px solid #dddddd; transition: all 500ms ease-out 50ms; -webkit-transition: all 500ms ease-out 50ms; -ms-transition: all 500ms ease-out 50ms; -o-transition: all 500ms ease-out 50ms; -moz-transition: all 500ms ease-out 50ms; }
.goods-list li .inner-box:hover { position: relative; display: block; max-width: 450px; margin: 0 auto; border: 1px solid #999; transition: all 500ms ease-out 50ms; -webkit-transition: all 500ms ease-out 50ms; -ms-transition: all 500ms ease-out 50ms; -o-transition: all 500ms ease-out 50ms; -moz-transition: all 500ms ease-out 50ms; }
.goods-list li img { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.goods-title { padding: 25px 20px 5px; position: relative; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; font-size: 14px; color: #eee; margin: 0; height: 80px; }
.goods-title a { color: #999; font-weight: 100;  text-transform: capitalize; font-size:16px }
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */
-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px);/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* sidebar */
.sidebar .widget { margin-bottom: 30px; }
.sidebar .widget-title { font-size: 26px; margin-bottom: 26px; }
.lefter_categories { }
.lefter_categories .block_content { border: 1px solid #ededed; box-shadow: 0 0 0 1px rgba(255,255,255,0.9) inset; padding: 7px 20px 8px; padding: 13px 20px; }
.lefter_categories .block_content li { position: relative; }
.lefter_categories .block_content li a { color: #1e1e21; display: block; font-size: 14px; line-height: 35px; text-transform: uppercase; font-size: 16px; font-weight: bold; border-bottom: solid 1px #eeeeee; background: transparent; }
.lefter_categories .block_content ul li li { padding: 0 0 0 15px; }
.lefter_categories .block_content > ul li ul li a { border-bottom: solid 1px #ededed; color: #666666; text-transform: capitalize; font-size: 13px; }
.lefter_categories .block_content li li a:before { content: "\f105"; font-family: "FontAwesome"; line-height: 29px; padding-right: 4px; }
.lefter_categories .block_content li ul { display: none; }
.lefter_categories .block_content li.hover a { color: #BC001F }
.lefter_categories .block_content li.hover ul { display: block; }
.lefter_categories .block_content li .inactive { background: url(../images/off.png) no-repeat 184px center; }
.lefter_categories .block_content li .inactives { background: url(../images/on.png) no-repeat 184px center; }
.lefter_categories .block_content > ul li ul li a { border-bottom: solid 1px #ededed; color: #666666 !important; font-weight: normal; }
.lefter_categories .block_content > ul li ul li a:hover { border-bottom: solid 1px #ededed; color: #BC001F !important; font-weight: normal; }
.lefter_categories .block_content > ul li ul li.hover a { border-bottom: solid 1px #ededed; color: #BC001F !important; font-weight: normal; }
/* taglist */
.tagslist li { float: left; margin-right: 7px; margin-bottom: 7px; }
.tagslist li a { display: block; border: 1px solid #E2E6E7; color: #666; line-height: 16px; letter-spacing: 1px; font-family: 'Open Sans'; font-size: 11px; font-weight: 500; padding: 10px 12px; text-align: left; text-transform: uppercase; }
/* pdf 下载 */
.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-style-flat { padding: 10px 25px; display: block; width: 100%; }
.vc_btn3.vc_btn3-color-theme_style_1.vc_btn3-style-flat { color: #fff; border: 1px solid #Be001F; background: #BC001F; border-width: 3px; border-radius: 5px;  font-size: 16px; font-weight: 100; opacity: 0.9; }
.vc_btn3.vc_btn3-color-theme_style_1.vc_btn3-style-flat i { font-size: 30px; }
/* productshow */
div.productshow div.images { float: left; width: 48%; }
div.productshow div.images img { box-shadow: none; margin-bottom: 1.875rem; display: block; width: 100%; height: auto; box-shadow: none;border:1px solid #ebebeb;  }
div.productshow div.summary { margin-bottom: 30px; }
div.productshow div.summary { float: right; width: 48%; }
.entry-summary .entry-title { color: #999; font-size: 20px; text-transform: uppercase; margin-bottom: 14px; margin-top: 0; }
.entry-summary .intro{ font-size: 14px;margin-bottom: 14px; margin-top: 0;  }
div.productshow .woocommerce-tabs { clear: both; float: none; padding-top:25px; }
div.productshow .woocommerce-tabs ul.tabs { list-style: none; padding: 0 0 0 14px; margin: 0 0 16px; overflow: hidden; position: relative; position: relative; padding: 0; margin-bottom: 0; }
div.productshow .woocommerce-tabs ul.tabs:after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; background-color: rgba(0,0,0,.1); bottom: 1px; z-index: 0; }
div.productshow .woocommerce-tabs ul.tabs li { border: 1px solid #d3ced2; background-color: #ebe9eb; display: inline-block; position: relative; z-index: 0; border-radius: 4px 4px 0 0; padding: 0 14px; position: relative; z-index: 1; background-color: transparent; border: 1px solid transparent; padding: 0; line-height: 50px; }
div.productshow .woocommerce-tabs ul.tabs li.active { border: 1px solid rgba(0,0,0,.1); border-bottom: 0; border-radius: 0; background: #fff; margin-top: -0; }
div.productshow .woocommerce-tabs ul.tabs li.active a { color: #bc001f; padding: 12px 20px; }
div.productshow .woocommerce-tabs ul.tabs li a {   font-weight: 800; font-size: 16px; text-shadow: none; text-transform: uppercase; color: #999; padding: 14px 22px; }
div.productshow .woocommerce-tabs .panel { font-size: 14px; margin-top: 20px; margin-bottom: 40px; }
div.productshow .woocommerce-tabs h2 { font-size: 14px; margin-bottom: 14px; }
.sh-btn-contact {
    width: 133px;
    height: 26px;
    line-height: 26px;
    background-color: #e64545;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
	padding:10px 15px;
}
.sh-btn-contact i{ margin-right:10px;}
.sh-btn-contact:hover{ color:#fff; background:#BE001F}
/* 相关产品 */
.recom-pro-list { margin-bottom: 30px; }
.recom-pro-list .title { margin-bottom: 8px; }
.recom-pro-list .list-wrap { margin: 0 -15px; padding-top: 20px; }
.recom-pro-list .list-wrap li { }
.recom-pro-list .list-wrap li .inner-box { position: relative; display: block; max-width: 450px; margin: 0 auto; border: 1px solid #DDD; transition: all 500ms ease-out 50ms; -webkit-transition: all 500ms ease-out 50ms; -ms-transition: all 500ms ease-out 50ms; -o-transition: all 500ms ease-out 50ms; -moz-transition: all 500ms ease-out 50ms; }
.recom-pro-list .list-wrap li img { width: 100%; height: auto; }
.recom-pro-list .list-wrap li .pro-name { padding: 15px; position: relative; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; font-size: 14px; color: #EEE; margin: 0; text-align: center; }
.recom-pro-list .list-wrap li .pro-name a { color: #333; }

/* workshop */
#ourGallery{}
#ourGallery .gImg img{ max-width: 100%;height: auto;}
.galleryItem {display: block;border: 0;box-shadow: 0 4px 16px 0 rgba(0,0,0,.05),0 2px 6px 0 rgba(0,0,0,.12);color: #999;margin-bottom: 1.875rem;transition: all .1s ease-out;}
.gTitle {padding: 20px ;border: 0;}
.galleryItem:hover { text-decoration: none; color: #999; box-shadow: 0 4px 16px 0 rgba(0,0,0,.07), 0 2px 6px 0 rgba(0,0,0,.18) }
#pbCaption { font-size:14px !important;}

/* newshow */
ul.entry-meta { padding: 0; margin: 0; list-style: none; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; }
ul.entry-meta li { display: inline-block; margin: 0 18px 8px 0; }
ul.entry-meta li span { font-size: 16px; line-height: 18px; }
ul.entry-meta li span i { padding-right: 10px; }

/* aboutus */
#aboutus h3{ margin-bottom:25px;}
#aboutus .widget-title { position:relative;}
#aboutus .widget-title { font-size: 32px; margin-bottom: 14px; position: relative; color: #34373b; }
#aboutus .widget-title__line { position: absolute; border-bottom: 1px solid rgba(0,0,0,.1); right: 0; top: 50%; left: 173px; }
#ourhistory { padding-bottom:35px}
#ourhistory h3{ margin-bottom:25px;}
#ourhistory .widget-title { position:relative;}
#ourhistory .widget-title { font-size: 32px; margin-bottom: 14px; position: relative; color: #34373b; }
#ourhistory .widget-title__line { position: absolute; border-bottom: 1px solid rgba(0,0,0,.1); right: 0; top: 50%; left: 173px; }
#ourhistory p strong{ font-size:16px;}

/*Advantage
----------------------------------*/
#Advantage { position: relative; padding: 50px 0; background-color: #000; background-image: url(../images/Advantage_bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; margin:30px 0; }
#Advantage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #323232; opacity: .2; }
#Advantage .item-counter { text-align: center; padding: 7px 0 }
#Advantage .item-counter.last { border-right: none!important }
#Advantage .item-counter span { font-size: 48px; color: #e63f1f; margin: 3px 0 0 }
#Advantage .wrap-numb { display: inline-block; margin-top: 17px; width: 100% }
#Advantage .wrap-numb span { color: #fff; font-size: 28px; line-height: 38px; font-weight: 900; margin: 0; }
#Advantage .item-counter .name-count { margin-top: 10px; color: #fff; font-size: 19px; line-height: 34px;   }

/* taglist */
.taglist{}
.taglist a{ padding-right:15px; font-size:16px; display:inline-block; float:left; margin-bottom:10px;}

/* 荣誉证书 */
.wall-item {
  display: block;
  margin: 0 0 30px 0;
  padding: 12px;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 220ms;
  background:#f5f5f5;
}

.wall-item:hover {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;
}

.wall-item >.imgover img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}

.wall-item h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.wall {
  display: block;
  position: relative;
}

.wall-column {
  display: block;
  position: relative;
  width: 33.333333%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (max-width: 640px) {

.wall-column { width: 50%; }
}
@media (max-width: 480px) {

.wall-column {
  width: auto;
  float: none;
}
}



@media (max-width: 1200px) {
.header_navigation-widgets{ display:none;}	
.footer-top_left{ height:280px;}
.footer-top_right{ height:280px;}
.footer-top_left .row { width: 560px; margin-right:20px; }
.footer-top_left .row .col-lg-5{ display:none;}
}

/* banner 动画 */
.description_bg{ position:fixed; display:block; width:100%; height:100%; background:#000; opacity:0.5; z-index:99998; top:0; left:0;}
.description { background-color: rgba(255, 255, 255, 0.7); color: #FFFFFF; display: none; height: 280px; left: 50%; line-height: 24px; padding:30px; position: absolute; text-align: center; top: 220px; width: 360px; z-index: 10; margin-left: -170px;   z-index:99999; }
.description .close { background-color: #808080; cursor: pointer; font-size: 22px; font-weight: bold; height: 36px; line-height: 36px; position: absolute; right: 10px; top: 15px; width: 36px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
.description  p{ margin:0; padding:0; color:#000; line-height:34px;}
.description  p img { cursor:pointer;}
.labels p { display: none; }
.labels a { background-color: rgba(230, 145, 23, 0.8); color: #FFFFFF; display: none; height: 50px; padding: 30px 0 0; position: absolute !important; text-align: center; text-decoration: none; width: 80px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;
box-sizing: content-box;
-moz-box-sizing:content-box; /* Firefox */
-webkit-box-sizing:content-box; /* Safari */
  }
.labels > a { background-color: rgba(230, 145, 23, 0.8); font-family: "微软雅黑", "宋体", "黑体"; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.labels a:hover { background-color: rgba(128, 128, 128, 0.8); }
.labels a span { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid rgba(230, 145, 23, 0.8); bottom: -14px; height: 0; left: 30px; position: absolute; width: 0; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.labels a:hover span { border-top: 15px solid rgba(128, 128, 128, 0.8); }

#banner_main { height: 700px; margin: 0; padding: 0 ; position: absolute; width:100%; top:-300px; left:0}
#banner_main .container { width: 1200px; margin: 0 auto; height: 900px; position: relative }
#banner_main #label1 { left: 800px; top: 350px; }
#banner_main #label2 { left: 360px; top: 350px; }
#banner_main #label3 { left: 580px; top: 400px; }
#banner_main #label4 { left: 430px; top: 435px; }
#banner_main #label5 { left: 300px; top: 410px; }
#banner_main #label6 { left: 950px; top: 180px; }
#banner_main #label7 { left: 190px; top: 340px; }