@charset "utf-8";
/*
Copyright ibw.cn
Created by Clearfix
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
img {width: 100%;}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
.hide{display:none !important}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
/*Body*/
body { color: #333333; background: #fff;}
a { color: #333333; }
a:hover { color: #05d1d1; }
.wrapper{width:100%; margin: 0 auto; overflow:hidden;transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wrap { width: 1200px; margin: 0 auto; }
.g-in{width: 1200px; margin: 0 auto;}

/*header*/
.header {margin-bottom: 20px;}
.header .top_area{background:url(top_areaBg.png) no-repeat center top;background-size: 100% 100%;height: 40px;}
.header .top_area .fl a{line-height: 40px;color: #898989;display: inline-block;margin: 0 8px;}
.header .top_area .wrap{background: #dce4e7;}
.header select{width: 94px;height: 28px;border: 1px solid #bdc4c6; appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;background: url(select_up.png) no-repeat 70px center #fff;color: #898989;padding-left: 10px;margin: 0 5px;margin-top: 6px;font-family: Arial;}
.phone_box{line-height: 40px;color: #fff;font-size: 18px;padding-left: 58px;padding-right: 16px; background: url(phone_icon.png) no-repeat 30px 10px #05d1d1;position: relative;margin-left: 30px;}
.phone_box:after{content:"";background:#05d1d1;height: 40px;width: 40px;border-radius: 0 0 40px 0;position: absolute;right: -40px;top: 0;}

.header .top_btm{padding-top: 12px;}
.header .top_btm .search_box{position: relative;}
.header .top_btm .search_box .logo{float: left;}
.header .top_btm .search_box form{float: right;position: relative;}
.header .top_btm .search_box form .ipt{border: 1px solid #c9c9c9;width: 252px;height: 35px;box-sizing: border-box;padding: 0 40px 0 10px;}
.header .top_btm .search_box form .sbt{position: absolute;right: 1px;top: 1px;width: 34px;height: 33px;background: url(search_icon.png) no-repeat center center ;border-left: 1px solid #c9c9c9;}

.header .nav_box{background: url(nav_bg.png) no-repeat center center;background-size: 100% 100%;margin-top: -32px;}
.header .nav_box ul{float: right;background: #05d1d1;padding: 2px 0;position: relative;}
.header .nav_box ul:after{content:"";background:#05d1d1;height: 48px;width: 48px;border-radius: 48px 0 0 0;position: absolute;left: -48px;top: 0;}
.header .nav_box ul li{float: left;width: 120px;border-right: 2px solid #3cdbdb;text-align: center;}
.header .nav_box ul li a{color: #fff;line-height: 44px;font-size: 14px;display: block;}

.swiper-container { text-align:center;}
.swiper-container-1 .swiper-pagination-bullet { background:rgb(137,137,137,0.2) !important; width:18px;opacity: 0.6; height:18px;border-radius: 50%;}
.swiper-container-1 .swiper-pagination-bullet-active{background:#fff !important;}
.swiper-container-1>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 20px !important;}

/*Banner*/


/*footer*/
.footer{color: #fff;padding: 35px 0 40px;background: #434343;}
.footer a{color: #fff;}
.footer .footer_fl{width: 760px;float: left;}
.footer .footer_fr{width: 400px;float: right;}
.footer .footer_fl .message_box{font-size: 0;-webkit-text-size-adjust:none;/*兼容谷歌最小字體限制*/margin-bottom: 65px;}
.footer .footer_fl .message_box div{display: inline-block;font-size: 14px;margin-right: 25px;vertical-align: top;line-height: 1.2;}
.footer .footer_fl .message_box div p:first-child{font-size: 14px;}
.footer .footer_fl .message_box div p:last-child{font-size: 12px;}
.footer .footer_fl .message_box input{display: inline-block;font-size: 14px;height: 32px;background: #fff;margin-right: 15px;}
.footer .footer_fl .message_box input[type=text]{padding-left: 10px;}
.footer .footer_fl .message_box input.sbt{background: none;padding: 0 30px;border: 1px solid #05d1d1;color: #05d1d1;margin-right: 0;font-family: arial;font-size: 18px;}
.footer .footer_fl .message_box input[type=submit]::-webkit-input-placeholder { /* WebKit browsers */ 
color: #05d1d1; 
} 
.footer .footer_fl .message_box input[type=submit]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #05d1d1; 
} 
.footer .footer_fl .message_box input[type=submit]::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #05d1d1; 
} 
.footer .footer_fl .message_box input[type=submit]:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #05d1d1; 
}
.footer .footer_fl .contact_box{width: 100%;}
.footer .footer_fl .contact_box .m_erwm{display: none;}
.footer .footer_fl .contact_box ul li {width: 32%;margin-right: 2%;float: left;box-sizing: border-box;padding-left: 65px;}
.footer .footer_fl .contact_box ul li:last-child{margin-right: 0;}
.footer .footer_fl .contact_box ul li p:first-child{font-size: 14px;}
.footer .footer_fl .contact_box ul li p:last-child{font-size: 18px;}
.footer .footer_fl .contact_box ul li:nth-child(1){background: url(cta_icon01.png) no-repeat left center;}
.footer .footer_fl .contact_box ul li:nth-child(2){background: url(cta_icon02.png) no-repeat left center;}
.footer .footer_fl .contact_box ul li:nth-child(3){background: url(cta_icon03.png) no-repeat left center;}
.footer .footer_fr .erwm{float: left;}
.footer .footer_fr .copy_right{float: right;width: 240px;}
.footer .footer_fr .copy_right .t{font-size: 18px;padding-bottom: 8px;border-bottom: 2px solid #05d1d1;margin-bottom: 8px;}
.footer .footer_fr .copy_right .c{line-height: 2;}
.footer .footer_fr .m_copy_right{display: none;}

/* 菜单显示 */
.u-menu { position:absolute; right:6px; top:12px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;display: none;}
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }

.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#f60; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #05d1d1; content:"" }

/* 二级菜单 */
.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#fff; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu dl dt { margin-bottom:8px; padding:0 8px 10px; border-bottom:1px solid #ddd; line-height:24px; }
.m-menu dl dt a { color: #333; }
.m-menu dl dt a:hover,.m-menu dl dt .current { color: #f60; }
.m-menu dl dd { padding: 0 5px 10px 24px; background:url(../images/iFCB_sort_ico.png) no-repeat 10px 7px; line-height:24px; }
.m-menu dl dd a { color: #333; }
.m-menu dl dd a.current { color: #f60; }

/*移动端*/
@media screen and (max-width: 1200px){
	.wrap{width: 100%;padding: 0 2%;box-sizing: border-box;}
	.header .nav_box ul li{width: 70px;}
	
	.footer .footer_fl .message_box{margin-bottom: 5%;text-align: center;}
	.footer .footer_fl{width: 100%;float: initial;}
    .footer .footer_fr{width: 100%;float: initial;}
    .footer .footer_fl .contact_box{text-align: center;margin-bottom: 5%;}
    .footer .footer_fl .contact_box ul{display: inline-block;}
    .footer .footer_fl .contact_box ul li{margin-right: 0;float: initial;text-align: left;width:100% ;margin-bottom: 8px;}
    .footer .footer_fl .contact_box .m_erwm{display: block;width: 170px;display: inline-block;vertical-align: bottom;margin-right: 20px;}
	.footer .footer_fr .erwm{display: none;}
	.footer .footer_fr .copy_right{display: none;}
	.footer .footer_fr .m_copy_right{text-align: center;display: block;}
}
@media screen and (max-width: 768px){
	.header .nav_box ul li{width: 58px;}
	.header .nav_box ul li a{font-size: 12px;}
}
@media screen and (max-width: 680px){
	.header .top_area .fl{display: none;}
	.header .top_area>.wrap>.fr{float: initial;width: 100%;}
	.header select{float: left;}
	.header .top_btm .search_box form{display: none;}
	.header .nav_box{display: none;}
	.header .top_btm{padding-bottom: 12px;}
	.header .top_btm .search_box .logo img{width: 80%;}
	.u-menu {display: block;}
	
	.footer .footer_fl .message_box{display: none;}
	.footer .footer_fl .contact_box .m_erwm{width: 118px;}
	.footer .footer_fl .contact_box ul li{    margin-bottom: 0;background: none !important;padding-left: 0;}
	.footer .footer_fl .contact_box ul li p:first-child{font-size: 12px;}
	.footer .footer_fl .contact_box ul li p:last-child{font-size: 14px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px !important;}
}
@media screen and (max-width: 480px){
	.phone_box{font-size: 14px;padding-left: 40px;background: url(phone_icon.png) no-repeat 18px 10px #05d1d1;margin-left: 0;}
}