/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

@charset "utf-8";
* html .fixedBox { position: absolute; }
body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, ul, li { color: inherit; padding: 0; margin: 0; list-style: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #f30; }
.clear { clear: both; }
.dis { display: none; }
.w { width: 1000px; margin: 0 auto; clear: both; overflow: hidden; }
.mt10 { margin-top: 10px; }
.m10 { margin: 10px auto; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after {     content: "";     display: table; }
.clearfix:after { clear: both; }
.clearfix {     *zoom:1;/*IE/7/6*/
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: -3px; outline: none; }
button, input { border: 1px solid; outline: none; line-height: normal; *overflow:visible
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #999;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #999;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #999;
}

@keyframes fade-in {
	0% {opacity: 0;}/*初始状态 透明度为0*/
	40% {opacity: 0;}/*过渡状态 透明度为0*/
	100% {opacity: 1;}/*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {/*针对webkit内核*/
	0% {opacity: 0;}
	40% {opacity: 0;}
	100% {opacity: 1;}  
}
textarea { overflow: auto; vertical-align: top }
::selection { background: #72d0eb; color: #fff; text-shadow: none }
::-moz-selection {
background:#72d0eb;
color:#fff;
text-shadow:none
}
*[hidden] { display: none }
a { text-decoration: none; cursor: pointer }
a:hover { color: #2A5E8E }
.clearfix:after, .central:after, .widget ul:after, .paging:after, .pagenav:after, .base-tit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix, .central, .widget ul, .paging, .pagenav, .base-tit { *+height:1%;
}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
body, button, input, select, textarea, code { font-size: 14px; font-family: microsoft yahei; color: #444; }
mark { background: none; color: #0c6b63; padding: inherit; }
h1:after, .h1:after, h2:after, .h2:after, h3:after, .h3:after, h4:after, .h4:after, h5:after, .h5:after, h6:after, .h6:after { content: ''; display: block; width: 35px; height: 6px; background: #fde428; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin: 4px 0 0; text-align: center; margin: 0 auto; margin-bottom: 15px }
h1.no_stripe:after, h1.stripe_2.no_stripe:after, .h1.no_stripe:after, .h1.stripe_2.no_stripe:after, h2.no_stripe:after, h2.stripe_2.no_stripe:after, .h2.no_stripe:after, .h2.stripe_2.no_stripe:after, h3.no_stripe:after, h3.stripe_2.no_stripe:after, .h3.no_stripe:after, .h3.stripe_2.no_stripe:after, h4.no_stripe:after, h4.stripe_2.no_stripe:after, .h4.no_stripe:after, .h4.stripe_2.no_stripe:after, h5.no_stripe:after, h5.stripe_2.no_stripe:after, .h5.no_stripe:after, .h5.stripe_2.no_stripe:after, h6.no_stripe:after, h6.stripe_2.no_stripe:after, .h6.no_stripe:after, .h6.stripe_2.no_stripe:after { display: none; }
h1, .h1 { margin-bottom: 23px; font-size: 28px; letter-spacing: -0.06em; line-height: 36px; padding: 17px 0 0; }
h2, .h2 { margin-bottom: 23px; font-size: 36px; letter-spacing: -0.06em; line-height: 45px; padding: 10px 0 0; }
h4, .h4 { font-size: 20px; font-weight: 700; margin-bottom: 23px; letter-spacing: -0.04em; line-height: 28px; padding: 23px 0 0; }
h5, .h5 { margin: 0 0 23px; font-size: 18px; font-weight: 600; letter-spacing: -0.04em; line-height: 22px; padding: 28px 0 0; }
* .text-left:after { text-align: left; margin: 13px 0 0; }
h4.text-left:after { text-align: left; margin: 13px 0 0; }
p { line-height: 26px; margin: 0 0 15px; }
img { border: none; }
.container { width: 1140px; margin: 0 auto; }
/*头部*/
#header { position: absolute; left: 0; right: 0; top: 0; z-index: 99; width: 100% }
#header * { -webkit-transition: all 0.3s ease-out 0; -moz-transition: all 0.3s ease-out 0; -o-transition: all 0.3s ease-out 0; transition: all 0.3s ease-out 0; }
/*工具栏*/
#topbar { position: relative; z-index: 20; font-size: 13px; background-color: #0c6b63; }
#topbar .top_bar_info_wr { position: relative; float: right; line-height:
}
.top_bar_info_wr .top_bar_info { display: none; float: right; margin: 0; padding: 0 6px 0 0; list-style: none; }
.top_bar_info_wr .top_bar_info_switcher { position: relative; float: right; background: #fde428; font-size: 13px; height: 50px; }
.top_bar_info_wr .top_bar_info li { display: inline-block; vertical-align: middle; padding: 5px 10px; color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; }
.top_bar_info_wr .top_bar_info li i { display: inline-block; vertical-align: middle; margin: 0 12px 0 0; font-size: 16px; color: #fde428; }
.top_bar_info_wr .top_bar_info li span { display: inline-block; vertical-align: middle; }
.top_bar_info_wr .top_bar_info_switcher .active { position: relative; cursor: pointer; padding: 14px 42px 16px 21px; color: #0c6b63; text-decoration: none !important; min-width: 160px; line-height: 20px; }
.top_bar_info_wr .top_bar_info_switcher .active:after { content: ''; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #0c6b63; position: absolute; right: 20px; top: 50%; margin: -2px 0 0; }
.top_bar_info_wr .top_bar_info_switcher .active span { display: inline-block; vertical-align: middle; }
.top_bar_info_wr .top_bar_info_switcher ul { position: absolute; left: 0; top: 100%; display: none; background: #0c6b63; list-style: none; padding: 12px 0; margin: 0; min-width: 100%; }
.top_bar_info_wr .top_bar_info:after { content: ''; display: inline-block; vertical-align: middle; height: 50px; }
/* #tophead */
#tophead { background: rgba(255, 255, 255, 0.7); padding: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); height: 110px; position: relative; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);}
#tophead .container { display: table; }
#tophead .logo { width: 380px; background: url(../images/logo.png) left center no-repeat; height: 110px; display: table-cell; float:left; }
#topnav { position: relative; float: right; bottom: auto; top: auto; left: auto; right: auto; padding: 20px 0; overflow: inherit; display: table-cell; }
#topnav ul { margin: 0; padding: 0; list-style: none; }
#topnav ul li { float: left; margin: 0; padding: 0; position: relative; }
#topnav ul li.hover a { color: #FDE428; text-shadow: #999 0px 1px 0; }
#topnav ul li a { height: 50px; line-height: 50px; font-size: 16px; microsoft yahei;
color: #fff; display: block; color: #0c6b63; padding: 10px 16px; height: auto; text-transform: uppercase; font-weight: bold; text-shadow: 0 1px 1px #fff;  }
#topnav ul li dl { position: absolute; top: 100%; left: 0; background: #fff; list-style: none; padding: 14px 0; margin: 0; width: 230px; z-index: 1; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#topnav ul li dl dt { position: relative; font-weight: 500; font-size: 14px; text-transform: capitalize; color: #333; }
#topnav ul li dl dt a { display: block; padding: 13px 26px 11px; color: #0C6B63; line-height: 100%; font-weight: normal; text-decoration: none !important; }
#topnav ul li.hover dl dt a { color: #0C6B63; font-size: 14px; }
#topnav ul li.hover dl dt:hover a { background: #0C6B63; color: #fff; }
/*----- fixed
----------------------------------------*/
#header.fixed { position: fixed; width: 100%; top: 0; z-index: 1000; }
#header.fixed #topbar { height: 28px; overflow: hidden; display: none; }
#header.fixed #tophead { background: rgba(255, 255, 255, 0.9); }
#header.fixed #tophead { height: 60px; }
#header.fixed #tophead .logo { height: 60px; overflow: hidden; background-size: 250px; }
#header.fixed #topnav { margin: 0; padding: 0 }
#header.fixed #topnav li a { height: 55px; }
#header.fixed #topnav li { height: 55px; }
#header.fixed #topnav li dl { top: 50px; }
#header.fixed #topnav li dl a { height: 40px; min-height: 40px; height: auto }
/* #banner */
#banner { height: 100%; overflow: hidden; position: relative; }
#banner .container { position: relative; overflow: hidden }
.slideInner { display: block; width: 100%; height: 100%; position: relative; left: 0; margin-left: 0; }
.slideInner a { display: block; width: 100%; height: 100%; position: relative; background: url(../images/slider_1.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat; }
.slideInner a div.img1 { width: 1070px; position: absolute; top: 350px; left: 50%; margin-left: -535px; font-size: 56px; color: #0c6b63; font-weight: 900;
text-shadow: 0 1px 1px #fff; 
 }
.slideInner a div.img2 { width: 1070px; position: absolute; top: 450px; left: 50%; margin-left: -535px; font-size: 26px; color: #333; transition: none; line-height: 32px;
text-shadow: 0 1px 1px #fff; 
}

.slideInner  a.slide_03 div.img1 { width: 1070px; position: absolute; top: 350px; left: 50%; margin-left: -535px; color: #fff; font-weight: 900;
text-shadow: 0 1px 1px #333; 
 }
.slideInner a.slide_03 div.img2 { width: 1070px; position: absolute; top: 450px; left: 50%; margin-left: -535px; color: #fff; transition: none; line-height: 32px;
text-shadow: 0 1px 1px #333; 
}

.slideInner  a.slide_04 div.img1 { width: 1070px; position: absolute; top: 350px; left: 50%; margin-left: -535px; color: #fff; font-weight: 900;
text-shadow: 0 1px 1px #333; 
 }
.slideInner a.slide_04 div.img2 { width: 1070px; position: absolute; top: 450px; left: 50%; margin-left: -535px; color: #fff; transition: none; line-height: 32px;
text-shadow: 0 1px 1px #333; 
}
.navbtn { }
.navbtn a { display: block; width: 41px; height: 119px; opacity: .2; z-index: 9; }
.navbtn a.prev { position: absolute; left: 0; margin-top: -58px; background: url(../images/ban_pre.png) no-repeat; top: 50% }
.navbtn a.next { position: absolute; right: 0; margin-top: -58px; background: url(../images/ban_next.png) no-repeat; top: 50% }
.navListBox { position: absolute; left: 50%; z-index: 99; bottom: 50px; }
.navListBox li { width: 12px; height: 12px; float: left; margin-left: 5px; border-radius: 50%; overflow: hidden; }
.navListBox li:first-child { margin-left: 0; }
.navListBox li a { display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px #666 inset; }
.navListBox li a.active { background-color: #55ddff; }
/*Consultant*/
.Consultant { background: #fde428; }
.Consultant .container { background: #fde428; padding: 17px 0 15px; }
.Consultant h2 { float: left; padding: 0; margin: 0; height: 45px; line-height: 45px; }
.Consultant button { color: #fff; border-color: #0c6b63; border-width: 3px; float: right; background: #0c6b63; padding: 8px 21px; border-radius: 5px; line-height: 23px; font-weight: 700; font-size: 14px; }
/* Footer */
#footer { position: relative; background: #0c6b63; -webkit-box-shadow: inset 0 2px 5px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: inset 0 2px 5px 0px rgba(0, 0, 0, 0.39); box-shadow: inset 0 2px 5px 0px rgba(0, 0, 0, 0.39); }
#bg_copyright .container {border-top: 1px solid #6c9c98; border-top: 1px solid rgba(204, 204, 204, 0.5); padding: 16px 0 9px; }
#bg_copyright .container .copyright { position: relative; float: left; width: 50%; }
#bg_copyright .container .copyright { float: left; font-size: 13px; line-height: 15px; color: #7db0ac; color: rgba(255, 255, 255, 0.6); width: 50%; padding: 10px 0 14px; }
#bg_copyright .container .socials { position: relative; float: right; width: 50%; }
#bg_copyright .container .socials ul { list-style: none; padding: 0; margin: 0; float: right; }
#bg_copyright .container .socials ul li { float: left; margin: 0 0 8px 8px; }
#bg_copyright .container .socials ul li a { display: block; width: 32px; height: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; background: #fff; text-align: center; line-height: 32px; color: #0c6b63; font-size: 17px; text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#bg_copyright .container .socials ul li a i { line-height: 34px; color: #0c6b63 }
#bg_copyright .container .socials ul li a i.fa-vimeo { font-size: 14px }
#bg_copyright .container .socials ul li a i.stm-google-plus { font-size: 13px }
#bg_copyright .container .socials ul li a:hover { background: #6c98e1 }
#bg_copyright .container .socials ul li a:hover i { color: #fff }
#bg_copyright .container .socials ul li a.social-facebook:hover { background: #3a5897 }
#bg_copyright .container .socials ul li a.social-twitter:hover { background: #00aced }
#bg_copyright .container .socials ul li a.social-instagram:hover { background: #ac907a }
#bg_copyright .container .socials ul li a.social-google-plus:hover { background: #db4437 }
#bg_copyright .container .socials ul li a.social-linkedin:hover { background: #0077b5 }
#bg_copyright .container .socials ul li a.social-skype:hover { background: #00aff0 }
 @media screen and (max-width: 1220px) {
.container { width: 1140px; margin: 0 auto; }
}
/* i_class */
.i_class { }
.i_class ul { padding: 56px 0; }
.i_class ul li { width: 25%; float: left; cursor: pointer; overflow: hidden; 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_class ul li .rowItem { padding: 15px; text-align: center; }
.i_class ul li .btImage img { width: 100% }
.i_class ul li .header { position: relative; z-index: 10; }
.i_class ul li .btSuperTitle { margin: 0 0 12px; font-size: 16px; line-height: 1.55; }
.i_class ul li h3 { font-size: 23px; margin: 0 0 11px; line-height: 1.15; color: #222; height: 38px; text-transform: uppercase; }
.i_class ul li .btText p { margin: 0 0 20px; text-align: center }
.i_class ul li:hover { -webkit-box-shadow: 0 0 10px #0C6B63; -moz-box-shadow: 0 0 10px #0C6B63; box-shadow: 0 0 10px #0C6B63; }
.i_class ul li img { width: 100%; height: auto; 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_class ul li:hover .header { background: #0C6B63; padding: 10px 0 5px 0; margin-top: -20px; 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; color: #fff; }
.i_class ul li:hover .header h3 { color: #FDE428; }
.i_class ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
/* .prolist */
.i_pro { background-image: url(../images/i_pro.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed; }
.i_pro .container { padding: 56PX 0; }
.i_pro .dd_custom_heading { margin-bottom: 28px !important; color: #fff; text-align: center; }
.prolist li { float: left; width: 25%; }
.prolist li a { border: 1px solid #6fc596; display: block; padding: 15px; }
.prolist li a .image { width: 252PX; margin: 0 auto; overflow: hidden; }
.prolist li a img { border: 1px solid #eee; width: 100%; height: auto; 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; }
.prolist li a .title { text-align: center; font-size: 14px; height: 40px; line-height: 40px; color: #FFF; }
.prolist li a .intro { line-height: 18px; color: #999; word-break: break-all; min-height: 55px; }
.prolist li a .more { display: block; margin: 15px auto 10px auto; text-align: center; background: #e5e5e5; width: 90px; line-height: 24px; }
.prolist li a:hover { border: 1px solid #ddd; }
.prolist li a:hover IMG { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.prolist li a:hover .title { color: #FDE428; }
.prolist li a:hover .more { background: #FDE428; color: #222; }
/* Advantagelist */
.aiemery_custom { padding-top: 53px !important; padding-bottom: 70px !important; background-color: #f2f2f2 !important; }
.aiemery_custom .dd_column-inner { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100%; }
.dd_custom_heading { margin-bottom: 28px !important; color: #0c6b63; text-align: center; }
.Advantagelist { }
.Advantagelist .li { width: 33.33%; float: left; }
.icon_box.style_1.hexagon.hexanog_animation { position: relative; padding: 37px 20px; }
.icon_box.style_1.hexagon .icon { float: left; position: relative; }
.icon_box.style_1.hexagon.hexanog_animation .icon { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.icon_box.style_1.hexagon.hexanog_animation .icon:before { content: ''; display: block; position: absolute; left: 29px; top: -3px; width: 6px; background: #fde428; height: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.icon_box.style_1.hexagon.hexanog_animation .icon:after { content: ''; display: block; position: absolute; left: 29px; bottom: -3px; width: 6px; background: #fde428; height: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.icon_box.style_1.hexagon .icon i { background: none; color: #0c6b63; height: 65px; width: 65px; line-height: 65px; font-size: 36px; text-align: center; position: relative; }
.icon_box.style_1.hexagon .icon i:after {/* content: "\f096";*/ font-family: FontAwesome; font-size: 65px; position: absolute; top: 0; left: 0; height: 65px; width: 65px; font-weight: 100; }
.icon_box.style_1.hexagon .icon_text { float: left; width: 250px; }
.icon_box.style_1.icon_left h5, .icon_box.style_1.icon_left_transparent h5 { padding-top: 0; font-size: 18px; color: #0c6b63; font-weight: 700; margin-bottom: 11px; }
.icon_box.style_1.icon_left p, .icon_box.style_1.icon_left_transparent p { font-size: 13px; line-height: 18px; margin: 0; }
.info_box.style_1 { background: rgba(255, 255, 255, 0.95); -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease }
.icon_box.style_1.hexagon.hexanog_animation:hover { background: #fff }
.icon_box.style_1.hexagon.hexanog_animation:hover .icon { padding: 20px 0 }
.icon_box.style_1.hexagon.hexanog_animation:hover .icon:before { height: 15px }
.icon_box.style_1.hexagon.hexanog_animation:hover .icon:after { height: 15px }
/* working */
.working { margin-bottom: 53px !important; padding-top: 110px !important; padding-bottom: 81px !important; background-image: url(../images/fotolia.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed; position: relative; }
.working .dd_container { padding: 0 56px; }
.working .vc_custom_heading { margin-bottom: 61px !important; }
.working .vc_custom_heading .icon { float: left; margin-right: 30px; color: #fde428; }
.working .vc_custom_heading .icon i { font-size: 67px; line-height: 67px; }
.working .vc_custom_heading h4 { font-family: Verdana, Geneva, sans-serif; font-size: 45px; color: #ffffff; line-height: 45px; text-align: left; font-weight: 700; font-style: normal }
.working .vc_custom_heading mark { color: #fde428; font-family: Verdana, Geneva, sans-serif; }
.counterlist .li { width: 25%; float: left; }
.stats_counter h3 { color: #fff; margin: 0 0 14px; font-size: 50px; letter-spacing: 0; white-space: nowrap; }
.stats_counter .counter_title { clear: both; color: #fff; font-weight: 600; }
/* i-new */
.i-new .dd_custom_heading { margin-bottom: 28px !important; color: #0c6b63; text-align: center; font-size: 45px; line-height: 60px; text-align: center; }
.i-new .news_list li { display: inline-block; vertical-align: top; width: 24%; padding: 0 10px; margin-bottom: 30px; font-size: 13px; }
.i-new .news_list li .image { margin: 0 0 20px; }
.i-new .news_list li .image a { position: relative; display: block; }
.i-new .news_list li .image img { display: block; max-width: 100%; height: auto; }
.i-new .news_list li h5 { margin-bottom: 17px; padding-top: 0; }
.i-new .news_list li h5::before { content: ''; display: block; width: 47px; height: 5px; background: #FDE428; margin: 0 0 10px; }
.i-new .news_list li .date { position: relative; font-size: 13px; padding: 0 0 0 23px; }
.i-new .news_list li .date:before { content: "\f017"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #fde428; position: absolute; left: 0; top: 1px; font-size: 15px; }
/*  */
.request-call { margin-bottom: 0px !important; padding-top: 96px !important; padding-bottom: 80px !important; background-color: #222222 !important; }
.request-call .vc_col-sm-4 { width: 33.33333333%; float: left; }
.request-call .vc_col-sm-8 { width: 66.66666667%; float: left; }
.request_callback p { font-weight: 700; color: #fff; margin-bottom: 12px; line-height: 26px; margin: 0 0 15px; }
.request_callback .row { margin: 0 -15px; }
.form-control, .wpcf7-form-control, .input-group .form-control, body .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .post-password-form input[type="password"] { font-size: 13px; line-height: 18px; color: #222; background: #ebebeb; border: none; box-shadow: none; outline: none; padding: 16px 30px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box !important; width: 100%; display: block; height: 49px; }
.request_callback .col-lg-6 { width: 50%; float: left; padding: 0 15px; }
.request_callback .input-group { margin: 0 0 30px 0; width: 100%; }
.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce input.button.alt, .post-password-form input[type="submit"] { position: relative; outline: none !important; border: none; font-weight: 700; font-size: 14px; padding: 8px 21px; color: #fff; border-radius: 0; background: #0c6b63; border: 3px solid #0c6b63; display: inline-block; line-height: 23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.button i, .woocommerce a.button i, .woocommerce button.button i, .woocommerce input.button i, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button i, .woocommerce input.button.alt i, .post-password-form input[type="submit"] i { position: absolute; top: 50%; right: 15px; left: auto; font-size: 14px; line-height: 14px; color: #fde428; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.button.size-lg.icon_right { padding-right: 49px; }
.request_callback textarea.wpcf7-textarea { height: 128px; }
/* footer_widgets */
#footer .footer_widgets { position: relative; padding: 62px 0 0; }
#footer .footer_widgets .col-lg-3 { width: 25%; float: left; padding: 0 15px; }
#footer .footer_widgets .footer_logo { position: relative; margin: 0 0 37px; padding: 12px 0 0; }
#footer .footer_widgets .footer_logo a { display: inline-block; vertical-align: top; }
#footer .footer_widgets .footer_logo a img { display: block; height: 65px; width: auto; }
#footer .footer_widgets .footer_text { color: #fff; opacity: .5; margin: 0 0 40px; }
#footer .footer_widgets .footer_text p { margin: 0; font-size: 13px; line-height: 22px; color: #fff; }
#footer .footer_widgets .widget .widget_title { position: relative; color: #fff; margin: 0 0 36px; padding-bottom: 18px;border-bottom: 1px solid #6c9c98; border-bottom: 1px solid rgba(204, 204, 204, 0.5); text-transform: capitalize }
#footer .footer_widgets .widget.widget_recent_entries ul { list-style: none; margin: 0; padding: 0; }
#footer .footer_widgets .widget.widget_recent_entries ul li { position: relative; margin: 0 0 30px; }
#footer .footer_widgets .widget.widget_recent_entries ul li a { font-weight: 500; color: #fff; line-height: 20px; display: inline-block; vertical-align: top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 0 14px; }
#footer .footer_widgets .widget.widget_recent_entries ul li .post-date { position: relative; display: block; font-size: 12px; padding: 0 0 0 23px;  color: #fff; color: rgba(255, 255, 255, 0.6); }
#footer .footer_widgets .widget.widget_recent_entries ul li .post-date:before { content: "\f017"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #fde428; position: absolute; left: 0; top: 1px; font-size: 15px; }
#footer .footer_widgets .widget.widget_nav_menu ul { list-style: none; padding: 0; margin: 0 -20px; font-size: 0; }
#footer .footer_widgets .widget.widget_nav_menu ul li { width: 50%; font-size: 13px; line-height: 16px; padding: 0 20px; margin: 0 0 20px; display: inline-block; vertical-align: top; border: none; background: none; font-weight: 400; }
#footer .footer_widgets .widget.widget_nav_menu ul li a { padding: 0; border: none; color: #34dfe5; text-decoration: none; text-transform: capitalize; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget .widget_title { border-bottom: none; margin: 0; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget form.mc4wp-form { position: relative; margin: 0 0 15px; }
.mc4wp-form-basic, .mc4wp-form-basic input, .mc4wp-form-basic label, .mc4wp-form-theme, .mc4wp-form-theme input, .mc4wp-form-theme label { width: auto; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: auto; height: auto; vertical-align: baseline; line-height: normal; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget form.mc4wp-form .stm_newsletter_form { margin: 0 0 12px; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget form.mc4wp-form .stm_newsletter_form input[type="email"] { width: 100%; background: #fff; padding: 10px 57px 10px 17px; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget form.mc4wp-form .stm_newsletter_form label { position: absolute; right: 0; top: 0; border: none; width: 40px; height: 38px; line-height: 40px; padding: 0; cursor: pointer; text-align: center; font-size: 13px; background: none; color: #0c6b63; outline: none !important; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; background: #fde428; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget form.mc4wp-form .stm_newsletter_form label i { font-size: 24px; line-height: 38px; }
#footer .footer_widgets .widget.widget_mc4wp_form_widget form.mc4wp-form .stm_newsletter_form button { position: absolute; background: none; top: 0; right: 0; border: 0; height: 40px; }
/* 面包屑 */
#position { background-color: transparent; padding-bottom: 0; margin-bottom: 0; padding-top: 192px; margin-bottom: 10px; padding-bottom: 17px; color: #808080; }
#position .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
#position a { color: #808080; padding: 0 8px 10px 8px; }
#position a.home { color: #808080; padding: 0 12px 10px 0; }
/* main */
#main { position: relative; padding: 0 0 60px; z-index: 10; }
/* lefter  */
.lefter { width: 25%; float: right; }
.righter { width: 75%; float: left; padding-right: 36px; overflow: hidden; padding-left: 15px; padding-bottom: 35px; }
.righter img { max-width: 819px; }
.righter p { width: 100%; }
.righter p.none { margin: 0; padding: 0; }
.righter h1::after { text-align: left; margin: 10px 0 0 0; }
.lefter .leftnav { border-top: 3px solid #002E5B; margin-bottom: 25px; margin: 0 0 23px; font-size: 18px; font-weight: 600; letter-spacing: -0.04em; line-height: 22px; padding: 28px 0 0; }
ul.subnav { margin: 0 0 30px; }
ul.subnav li { font-weight: 600; border-bottom: 1px solid #fff; background: #f2f2f2; margin: 0; padding: 0 23px 0 0; color: #0C6B63; }
ul.subnav li a { color: #0c6b63; text-decoration: none !important; border-left: 5px solid transparent; display: inline-block; padding: 14px 0 14px 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
ul.subnav li.hover>a { border-left-color: #0c6b63; }
ul.subnav li dl{ margin:0; text-indent:12px;}
ul.subnav li dl dt.hover a{ color: #FDE428; text-shadow: #999 0px 1px 0; }
body .vc_general.vc_btn3 { font-weight: 700; font-size: 14px; line-height: 23px; width: 100%; margin-bottom: 30px; }
body .vc_general.vc_btn3.vc_btn3-shape-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.vc_btn3.vc_btn3-color-theme_style_1.vc_btn3-style-flat { color: #fff; border-color: #0C6B63; background: #0C6B63; border-width: 3px; }
.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) { padding-left: 49px; }
.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-style-flat { padding: 10px 25px; display: block; }
.vc_custom_1452056633692 { background-color: #fde428; padding-top: 37px !important; padding-right: 30px !important; padding-bottom: 40px !important; padding-left: 30px !important; }
body .vc_general.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat { color: #222; border-color: #fff; background: #fff; border-width: 3px; }
/* 内页 新闻列表 */
.news_list { }
.news_list li { display: inline-block; vertical-align: top; width: 24%; padding: 0 15px; margin-bottom: 30px; font-size: 13px; }
.news_list li .image { margin: 0 0 30px; }
.news_list li .image a { position: relative; display: block; }
.news_list li .image img { display: block; max-width: 100%; height: auto; }
.news_list li h5 { margin-bottom: 17px; padding-top: 0; }
.news_list li h5::before { content: ''; display: block; width: 47px; height: 5px; background: #FDE428; margin: 0 0 20px; }
.news_list li .date { position: relative; font-size: 13px; padding: 0 0 0 23px; }
.news_list li .date:before { content: "\f017"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #fde428; position: absolute; left: 0; top: 1px; font-size: 15px; }
/* 分页代码 */
.list_page { text-align: center; margin: 10px; display: block; }
.mypages{text-align:center;height:40px;line-height:40px;margin-top:20px;}
.mypages ul{display:inline-block;margin:0 auto}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#0c6b63;}
/* 新闻详细 */
.artshow h1.title { border-bottom: 1px solid #ebebeb; margin-bottom: 23px; font-size: 32px; letter-spacing: -0.06em; line-height: 42px; padding: 10px 0 20px 0; margin: 0 0 23px; }
.artshow .info { text-align: left; color: #999; padding: 0 0 15px 0; font-size: 14px; }
.post_bottom { margin: 0px 0px 52px; }
.post_bottom .tags a { padding: 5px 8px 6px; border: 1px solid #CCC; margin: 0px 6px 7px 0px; -webkit-transition: all 0.3s ease; }
/* 联系我们 */
.dd_contacts_widget { padding-top: 46px !important; padding-right: 30px !important; padding-bottom: 46px !important; padding-left: 30px !important;position: relative; }
.dd_contacts_widget:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(12, 107, 99, 0.9); }
.dd_contacts_widget h4 { position: relative; color: #fff; padding: 0; }
.dd_contacts_widget ul { position: relative; list-style: none; padding: 0; margin: 0 0 30px; }
.dd_contacts_widget ul li { color: #fff; padding: 0; margin: 0 0 13px; line-height: 22px; }
.dd_contacts_widget ul li .icon { float: left; font-size: 20px; line-height: 18px; color: #fde428; margin: 0 15px 0 0; }
.dd_contacts_widget ul li .text { overflow: hidden; padding: 1px 0 0; font-weight: 500; }
.dd_contacts_widget ul li .text a { color: #6c98e1; text-decoration: none; outline: none !important; }
.dd_contacts_widget ul.socials { margin: 0; }
.dd_contacts_widget ul.socials li { color: #fff; padding: 0; margin: 0 0 13px; line-height: 22px; float: left; margin: 0 8px 8px 0; }
.dd_contacts_widget ul.socials li a { display: block; width: 32px; height: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; background: #fff; text-align: center; line-height: 32px; color: #002e5b; font-size: 17px; text-decoration: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.dd_contacts_widget ul.socials li a i { line-height: 34px; }
/* 产品详细 */
#goodsshow { margin: 0 0 20px 0; overflow: hidden; width: 750px; }
#goodsshow img { border: 0; }
#goodsshow .left { float: left; width: 350px; margin: 0 50px 0 0; }
#goodsshow .right { float: left; }
#goodsshow .shop_big { border: 1px solid #ededed; padding: 2px; background: #fff; width: 364px; cursor: pointer; }
#goodsshow .shop_plist { clear: both; width: 360px; }
#prolist { width: 310px; float: left; overflow: hidden; height: 68px; position: relative; margin: 10px 0 0 0; }
#prolist ul { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 20000px; position: relative; }
#prolist ul li { float: left; cursor: pointer; position: relative; background: url(../images/pro_none.gif) no-repeat center top; height: 68px; }
#prolist ul li img { height: 60px; width: 60px; margin: 6px 8px 0 8px; padding: 0px; border: 0; }
#prolist .hover { background: url(../images/pro_bg.gif) no-repeat center top; height: 68px; }
#goodsshow .shop_plist a.prev { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_left.gif) no-repeat center; line-height: 68px; margin-top: 12px; }
#goodsshow .shop_plist a.next { float: left; width: 20px; height: 68px; display: block; outline: none; background: url(../images/ico_right.gif) no-repeat center; margin-top: 12px; }
#goodsshow .right { width: 350px; }
#goodsshow .right h1 { font-family: microsoft yahei; font-weight: normal; margin: 0 0 10px 0; padding: 0; font-size: 24px; font-weight: 700; line-height: 2em; color: #2f2f31; font-family: 'Lora', serif; margin-bottom: 3px; }
#goodsshow .right .rating { font-size: 16px; line-height: 2em; color: #223555; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; padding-bottom: 20px; }
#goodsshow .right .rating .fa-star { color: #090; font-size: 16px }
#goodsshow .right .rating .txt { font-size: 14px; padding-left: 10px; }
#goodsshow .right .intro { color: #999; min-height: 80px; position: relative; margin-bottom: 15px; line-height: 1.7em; font-size: 16px; color: #999999; }
#goodsshow .right .intro p { position: relative; line-height: 1.7em; font-size: 16px; color: #999999; }
#goodsshow .right .email { color: #999;   position: relative; margin-bottom: 15px; line-height: 1.7em; font-size: 16px; color: #999999; }
#goodsshow .right .sno { border-bottom: 1px solid #eee; line-height: 35px; }
#goodsshow .right .price { color: #999; line-height: 30px; padding: 10px 0; }
#goodsshow .right .price span { color: #f60; font-size: 16px; }
#goodsshow .right .ck_kf a { background-color: #10857c; color: #fff; padding: 15px 20px; display: block; float: left; font-size: 16px; font-weight: 600; border-radius: 5px; }
#goodsshow .right .ck_kf a:hover { color: #FF0; }
/* 搜索框 */
.lefter .search-box { overflow: hidden; margin-bottom: 30px; }
.lefter .search-box .form-group { position: relative; margin: 0px; }
.lefter .search-box .form-group input[type="text"], .lefter .search-box .form-group input[type="search"] { position: relative; line-height: 26px; padding: 10px 30px 10px 15px; border: 1px solid #e0e0e0; background: #ffffff; color: #3a3a3a; display: block; width: 100%; border-radius: 3px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.lefter .search-box .form-group input:focus { border-color: #b89b5e; }
.lefter .search-box .form-group button { position: absolute; right: 0px; top: 0px; height: 48px; width: 48px; line-height: 48px; text-align: center; display: block; font-size: 18px; color: #fff; background: #0c6b63; }
.lefter .search-box .form-group input:focus + button, .lefter .search-box .form-group button:hover { color: #fde428; }
/* select 选择分类　*/
.subject { position: relative; background: #ffffff; }
.subject .shop-upper-box { position: relative; margin-bottom: 40px; }
.subject .shop-upper-box .items-label { position: relative; padding: 7px 0px; line-height: 30px; }
.subject .shop-upper-box .sort-by select { position: relative; display: block; line-height: 24px; padding: 9px 10px; width: 240px; cursor: pointer; border: 1px solid #dadada; 　-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; }
.subject .shop-upper-box .sort-by select option { text-indent: 10px; }
/* 内页产品列表 pro_list */
.pro_list { margin: 0 -15px; overflow: hidden }
.pro_list li { width: 33.33333%; float: left; position: relative; margin-bottom: 40px; padding: 0 15px }
.pro_list li .bpgPhoto { width: 100%; height: auto; display: block; margin: 0 0 10px; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; }
.pro_list li .bpgPhoto .border { border: 1px solid rgba(0,0,0,.07); overflow: hidden; width: 247px; position: relative }
.pro_list li .bpgPhoto img { height: auto; max-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; z-index: 1 }
.pro_list li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro_list li a.Mask { display: none; position: absolute; background: rgba(12,107,99,.7); z-index: 5; left: 0; bottom: 0; right: 0; top: 0; }
.pro_list li a.Mask::before { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #fff; position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; font-weight: 100; }
.pro_list li .btSuperTitle { font-size: 13px; margin: 0 0 8px; line-height: 1.55; clear: both; }
.pro_list li .btArticleCategories:before { content: "\f07b"; font-family: FontAwesome; margin: 0 7px 0 0; opacity: .7; display: inline-block; font-style: normal; }
.pro_list li .title { color: #444; text-transform: initial; font-weight: 600; font-size: 14px; margin-bottom: 15px; }
.pro_list li div.more { padding: 1px 0; }
.pro_list li div.more a { background-color: transparent; border: 2px solid #0C6B63; color: #0C6B63; font-size: 13px; padding: 10px 20px; float: left; display: block }
.pro_list li:hover a.Mask { display: block; }
/* 产品描述 */
.tabsHeader { list-style: none; display: block; padding: 0; margin: 0; clear: left; border-bottom: 1px solid rgba(0,0,0,.1); }
.tabsHeader li { margin: 0 30px -1px 0; padding: 0; display: block; float: left; font-size: 16px; line-height: 1.2; font-weight: 400; cursor: pointer; }
.tabsHeader li span, .tabsHeader li a { display: block; padding: 0 0 16px; -webkit-box-shadow: 0 -2px 0 0 rgba(0,0,0,0) inset; box-shadow: 0 -2px 0 0 rgba(0,0,0,0) inset; color: #444; font-weight: 600 }
.tabsHeader li.on span, .tabsHeader li.on a { -webkit-box-shadow: 0 -2px 0 0 #0cb8b6 inset; box-shadow: 0 -2px 0 0 #0cb8b6 inset; }
.tabPane { padding: 20px 0; }
/* 标签 tab-description */

.tab-description h1 { }
.dd_table { border: 1px solid #D0D7E9; border-collapse: separate; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 !important; font-family: helvetica, arial, sans-serif; color: #333; box-shadow: 0 1px 2px #E5E5E5; margin: 0 auto; width: 99% }
.dd_table td { padding: 4px 5px; padding-left: 15px; color: #555; box-shadow: inset 0 1px 0 #D0D7E9; }
.dd_table .td_even { border-right: 1px double #D0D7E9; }
.dd_table_odd { background-color: #ffffff; }
.dd_table_even { background-color: #f4f6f9; }
.dd_table tr.hover { background: #f1f1f1; }
.dd_table td p { margin: 0; padding: 0 }
/* 上一，下一 */
.artshow .pre { margin: 5px 0 5px 0; color: #999; font-size: 16px }
.artshow .next { margin: 0 0 5px 0; color: #999; font-size: 16px }
/* 产品标签 */
.tagcloud { font-size: 0; }
.tagcloud a { display: inline-block; vertical-align: top; padding: 5px 8px 6px; font-size: 13px !important; color: #777777; border: 1px solid #cccccc; margin: 0 6px 7px 0; text-decoration: none !important; text-transform: lowercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/* 厂房实景 */
.pic_list { margin: 0 -15px; overflow: hidden }
.pic_list li { width: 33.33333%; float: left; position: relative; margin-bottom: 30px; padding: 0 15px }
.pic_list li .bpgPhoto { width: 100%; height: auto; display: block; margin: 0 0 10px; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; }
.pic_list li .bpgPhoto .border { border: 1px solid rgba(0,0,0,.07); overflow: hidden; width: 247px; position: relative }
.pic_list li .bpgPhoto img { height: auto; max-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; z-index: 1 }
.pic_list li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pic_list li a.Mask { display: none; position: absolute; background: rgba(12,107,99,.7); z-index: 5; left: 0; bottom: 0; right: 0; top: 0; }
.pro_list li a.Mask::before { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #fff; position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; font-weight: 100; }
.pic_list li .btSuperTitle { font-size: 13px; margin: 0 0 8px; line-height: 1.55; clear: both; }
.pic_list li .btArticleCategories:before { content: "\f07b"; font-family: FontAwesome; margin: 0 7px 0 0; opacity: .7; display: inline-block; font-style: normal; }
.pic_list li .title { color: #444; text-transform: initial; font-weight: 600; font-size: 14px; margin-bottom: 15px; }
.pic_list li div.more { padding: 1px 0; }
.pic_list li div.more a { background-color: transparent; border: 2px solid #0C6B63; color: #0C6B63; font-size: 13px; padding: 10px 20px; float: left; display: block }
.pic_list li:hover a.Mask { display: block; }
/* 证书列表 */
.cer_list { margin: 0 -15px; overflow: hidden }
.cer_list li { width: 33.33333%; float: left; position: relative; margin-bottom: 30px; padding: 0 15px; overflow:hidden;}
.cer_list li .bpgPhoto { width: 100%; height: auto; display: block; margin: 0 0 10px; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; position:relative }
.cer_list li .bpgPhoto .border { position: relative }
.cer_list li .bpgPhoto img { height: auto; max-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; z-index: 1 }
.cer_list li div.Mask {  position: absolute; background: rgba(12,107,99,.7); z-index: 5; left: 0; bottom: 0; right: 0; top: 0;
width:100%; height:100%
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
font-size: 24px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
background: rgba(2,107,99, 0.56);
background: -moz-radial-gradient(center, ellipse cover, rgba(2,107,99, 0.56) 0%, rgba(2,107,99, 1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(2,107,99, 0.56)), color-stop(100%,rgba(2,107,99, 1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(2,107,99, 0.56) 0%,rgba(2,107,99, 1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(2,107,99, 0.56) 0%,rgba(2,107,99, 1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(2,107,99, 0.56) 0%,rgba(2,107,99, 1) 100%);
background: radial-gradient(center, ellipse cover, rgba(2,107,99, 0.56) 0%,rgba(2,107,99, 1) 100%);
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.cer_list li div.Mask::before { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #fff; position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; font-weight: 100; }
.cer_list li .btSuperTitle { font-size: 13px; margin: 0 0 8px; line-height: 1.55; clear: both; }
.cer_list li .btArticleCategories:before { content: "\f07b"; font-family: FontAwesome; margin: 0 7px 0 0; opacity: .7; display: inline-block; font-style: normal; }
.cer_list li .title { color: #444; text-transform: initial; font-weight: 600; font-size: 14px; margin-bottom: 15px; }
.cer_list li div.more { padding: 1px 0; }
.cer_list li div.more a { background-color: transparent; border: 2px solid #0C6B63; color: #0C6B63; font-size: 13px; padding: 10px 20px; float: left; display: block }
.cer_list li:hover .Mask { opacity: 1;filter: alpha(opacity=99);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";}
.cer_list li:hover div{
	-webkit-box-shadow: 0 0 10px #666;
    -moz-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;}


/******************************
 ** 在线留言
 ** v.1.2
 ******************************/
.message-page input.code { border-color:#aaa; }
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#fff; padding:5px 5px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#0c6b63; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}


/*  英文版在线客服  */
#wmkc {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#wmkc * {box-sizing:border-box;font-size:12px;line-height:1.1}
.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.wmkc-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
.wmkc-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
.wmkc-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}
.wmkc-wechat-img {position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.wmkc-wechat-img img {display:block;max-width:100%;max-height:100%}
.wmkc-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}
.wmkc-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
.wmkc-list>li:hover .wmkc-wechat-img {transition:transform .4s;transform:scale(1)}
.wmkc-list>li:hover,.wmkc-list>li:hover+li {border-color:transparent} 
.wmkc-email .wmkc-icon {background-position:-8px -6px}
.wmkc-whatsapp .wmkc-icon {background-position:-52px -50px}
.wmkc-skype .wmkc-icon {background-position:-52px -6px}
.wmkc-wechat .wmkc-icon {background-position:-144px -10px}
.wmkc-list li:hover a {color:#FFF} .wmkc-email:hover {background-color:#f90}
.wmkc-whatsapp:hover {background-color:#2cb740}
.wmkc-skype:hover {background-color:#0091df}
.wmkc-wechat:hover {background-color:#51c332}
.wmkc-email:hover .wmkc-icon {background-position:-96px -6px}
.wmkc-whatsapp:hover .wmkc-icon {background-position:-52px -94px}
.wmkc-skype:hover .wmkc-icon {background-position:-96px -50px}
.wmkc-wechat:hover .wmkc-icon {background-position:-144px -62px}
.wmkc-list>li:first-child {border-radius:4px 4px 0 0;border:0}
.wmkc-list>li:last-child {border-radius:0 0 4px 4px}
@media (max-width:768px) {#wmkc {display:none}}