﻿@charset "utf-8";
html,body{background:#fff;font-size:12px; color:#333; -webkit-text-size-adjust:none; outline:0; font-family:Arial, Helvetica, sans-serif;}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size: inherit;}
li{ list-style-type:none;}
img{border:none;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
p{ word-wrap: break-word; word-break: normal;}
img{vertical-align:bottom;}
/*间距定义等*/
.fl{float:left;}
.fr{float:right;}
.p10{padding: 10px!important}
.p15{padding: 15px!important}

.mt0{ margin-top: 0!important; }
.mt10{ margin-top: 10px!important; }
.mt15{ margin-top: 15px!important; }
.ml0{ margin-left: 0!important; }
.ml10{ margin-left: 10px!important; }
.ml15{ margin-left: 15px!important; }
.mb0{ margin-bottom: 0!important; }
.mb5{margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px!important; }
.mb15{ margin-bottom: 15px!important; }
.mr0{ margin-right: 0!important; }
.mr10{ margin-right: 10px!important; }
.mr15{ margin-right: 15px!important; }
.clearfix{zoom:1;}
.clearfix:after{content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.relative{ position: relative; }
.norelative{ position:inherit!important; }
.overflow{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}/*单行文本的溢出显示省略号*/
.overflow-d{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}/*多行文本的溢出显示省略号*/
.overflow-d{ position: relative; line-height: 20px; max-height: 40px;overflow: hidden;}
.overflow-d:after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;background: -webkit-linear-gradient(left, transparent, #fff 55%);background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(55%, #fff));background: linear-gradient(to right, transparent, #fff 55%);}
.center {text-align: center;}
/*遮罩层*/
.mask{display: none;position: fixed;left: 0;right: 0;top: 0px;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.mask.tex{opacity: 1;z-index: 999;top:0;background: #000;}
.mask .icon-guanbi{position: absolute;left: 15%;top: 20%;font-size: 40px;color: #fff;}
/*基础框架*/
.w01{ margin-left: 1.5%; width: 6.9533%;}
.w02{ margin-left: 1.5%; width: 15.416%;}
.w03{ margin-left: 1.5%; width: 23.875%;}
.w04{ margin-left: 1.5%; width: 32.333%;}
.w05{ margin-left: 1.5%; width: 40.766%;}
.w06{ margin-left: 1.5%; width: 49.250%;}
.w07{ margin-left: 1.5%; width: 57.673%;}
.w08{ margin-left: 1.5%; width: 66.126%;}
.w09{ margin-left: 1.5%; width: 73%;}
.w10{ margin-left: 1.5%; width: 83.033%;}
.w11{ margin-left: 1.5%; width: 91.486%;}
.w12{ margin-left: 0; width: 100%; }
.w50{ width: 50%; padding: 15px;}
.w01,.w02,.w03,.w04,.w05,.w06,.w07,.w08,.w09,.w10,.w11,.w12{ float: left; position: relative; font-weight:bolder;}
.w01:first-child,.w02:first-child,.w03:first-child,.w04:first-child,.w05:first-child,.w06:first-child,.w07:first-child,.w08:first-child,.w09:first-child,.w10:first-child,.w11:first-child,.w12:first-child{margin-left: 0;}

/*翻页*/
.page-num{text-align:center;line-height:35px; margin:20px 0 40px;}
.page-num:after{content: " ";display: block;clear: both;height: 0;}
.page-num .col-lg-3{float: left;}
.page-num .col-lg-9{float: right;}
.page-num .pagination li{float: left;border: 1px solid #ccc;border-right: 0;}
.page-num .pagination li:last-child{border-right:1px solid #ccc;}
.page-num .pagination li.active{background: #14dd7d;}
.page-num .pagination li.active a{color: #fff;}
.page-num a{width:32px; height:33px; display:block; text-align:center; text-decoration:none;}
/*动画*/
.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.trans5{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.trans7{ transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}


/***** loading start *****/
.loading{z-index:100; position:absolute;top:0; left:0;width:100%; height:100%; background:#ccc;}
.loading_big{ z-index:9999; position:absolute; width:32px; height:32px; cursor:wait;background:url("../images/loading.gif") no-repeat;}
.loading_small{ z-index:9999; position:absolute; width:14px; height:14px; cursor:wait;background:url("../images/loading_small.gif") no-repeat;}

/*图片逐渐放大效果*/
.delay{ -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden;}
.delay:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}

/*浮动rightbottom*/
.g-showBtn{position: absolute;left: -50px;width: 50px;height: 50px;cursor: pointer;border: 1px solid #ddd;background: #ececec;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius: 6px;}
.g-showBtn i{font-size: 40px;display: block;height: 100%;text-align: center;line-height: 50px;}
.g-rightMenu{position: fixed;right: -50px;bottom: 10%;z-index: 10;-webkit-transition: all 0.5s;transition: all 0.5s;padding-left: 5px;}
.g-rightMenu .g-right{display: inline-block;}
.g-rightMenu .right-btn{color: #fff;width: 50px;height: 50px;line-height: 50px;text-align: center;display: block;background: #ececec;margin-bottom: 5px;border: 1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius: 6px;}
.g-rightMenu .right-btn i{display: inline-block;font-size: 24px;}
.g-rightMenu .right-btn:hover i{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;-webkit-transform-origin: center bottom;transform-origin: center bottom}
.g-rightMenu .clip{position: absolute;clip: rect(0, 0, 0, 0);}
.g-rightMenu .right-btn .icon-skype{color: #0fbff3;}
.g-rightMenu .right-btn .icon-dkw_youxiang,.g-rightMenu .right-btn .icon-xiangshang{color: #565656;}
.g-rightMenu .right-btn .icon-img-qq{display: inline-block;width: 25px;height: 29px;background: url('../images/qq.png');margin-top: 8px;}
.g-rightMenu:hover{right: 0;}
.g-rightMenu:hover .g-showBtn{opacity: 0;visibility: hidden;}

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
                animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
                transform: translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
                animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-10px,0);
                transform: translate3d(0,-10px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
                animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-7px,0);
                transform: translate3d(0,-7px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
                transform: translate3d(0,-2px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
                animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
                transform: translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
                animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-10px,0);
                transform: translate3d(0,-10px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
                animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-7px,0);
                transform: translate3d(0,-7px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
                transform: translate3d(0,-2px,0)
    }
}



/*手机端底部悬浮菜单*/
.phone-menu { display: none;}
.phone-menu{height: 56px;border-top: 1px solid #1d1d1d;border-bottom: 1px solid #000;position: fixed !important;bottom: 0;left: 0;width: 100%;display: none;padding: 0;margin: 0;z-index: 998;}
.phone-menu ul{height: 100%;}
.phone-menu li{position: relative;width:25%;height: 100%;text-align:center;float:left;list-style:none;height: 100%;}
.phone-menu li:hover,.phone-menu li.active{ background-color:#333;}
.phone-menu li a{color:#FFF;font-size:12px;text-decoration:none;display: block;height:  100%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;position:  relative;z-index:  99999;/* background: #404040; */background-image: -webkit-gradient(linear, center top, center bottom, from(#474747), to(#2f2f2f));background-image: -webkit-linear-gradient(top, #474747, #2f2f2f);background-image: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#2f2f2f));background-image: linear-gradient(to bottom, #474747, #2f2f2f);background: #474747;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#2f2f2f));background: -webkit-linear-gradient(top, #474747 0%,#2f2f2f 100%);background: -webkit-gradient(linear, left top, left bottom, from(#474747),to(#2f2f2f));background: linear-gradient(to bottom, #474747 0%,#2f2f2f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2f2f2f',GradientType=0 );}
.phone-menu li i.icon { background:url(../../../images/phone-menu.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px; float:none;}
.phone-menu li i.icon1{ background-position:0 0;}
.phone-menu li i.icon2{ background-position:0 -30px;}
.phone-menu li i.icon3{ background-position:0 -56px;}
.phone-menu li i.icon4{ background-position:0 -82px;}
.phone-menu li i.icon5{ background-position:0 -110px;}
.phone-menu dl{position: absolute;bottom: -150px;opacity: 0;visibility: hidden;width: 120px;right: 0;background: #3d3d3d;line-height: 40px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-align: left;z-index:  1;}
.phone-menu dl.active{bottom: 100%;opacity: 1;visibility: visible;}
.phone-menu dl dd{border-bottom: 1px solid #fff;}
.phone-menu dl dd a{padding: 0 15px;}
.phone-menu dl dd a i{margin-right: 10px;}
.phone-menu dl dd:last-child{border-bottom: 0;}
.phone-menu .searchInput{position:  absolute;bottom: 100%;right: -100%;width:  100%;padding: 15px;background: rgba(0, 0, 0, .6);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.phone-menu .searchInput.active{right: 0;}
.phone-menu .searchInput input{width: 100%;height: 30px;border-radius: 6px;padding: 0 35px 0 5px;border:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.phone-menu .searchInput input:focus,.phone-menu .searchInput button{outline:none;}
.phone-menu .searchInput button{position: absolute;right: 15px;width: 30px;height: 30px; border: 0;background: #36a8ff;text-align: center;line-height: 30px;color: #fff;border-radius: 0 6px 6px 0;}

/*底部二维码*/
.footer{min-height:40px; line-height: 38px;}
.qrCode{position: relative; height: 42px;z-index: 20;}
.qrCode img{ display: block;float: left; width: 42px; height: 42px; }
.qrCode span{display: block;float: left; line-height: 42px;}
.qrCode .Big{display: none;}
.qrCode:hover .Big{ display: block; position: absolute;bottom: 0;z-index: 2; cursor: pointer; }
.qrCode:hover .Big img{ display: block; width: 160px;height: 160px; }

/*单页下载*/
.download{display: block; width: 100%; background-color: #f7f7f7; text-align: center; font-size: 14px; color: #000; margin: 10px 0; padding:8px 0; }
.download:hover{text-decoration: underline;}

/*处理视频页内容层级过高的问题*/
iframe{position: relative;z-index: 1;}

/*上一篇下一篇*/
.flip div{width: 50%; margin: 10px 0; float: left;}
.flip div.fr{text-align: right;}
.flip div.fr:first-child{text-align: left;}
.flip div a:hover{color: #14dd7d; text-decoration: underline;}

/*设置面包线超出隐藏*/
.location{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*语言图片统一设置*/
.header .lang span img,.header .lang ul li img{ border-radius: 50%!important; width: 22px!important;vertical-align: middle;}
.header .lang ul li i{text-align: left; padding-left: 5px;}

/*form样式HW20180123*/
.bd-form{ width: 78%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bd-form .form-list{ }
.bd-form .form-list input{ width: 98%;  height: 32px;line-height: 32px; border: 1px solid #ddd; padding:0 5px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: none;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bd-form .form-list textarea{width: 98%; height: 120px; line-height: 20px; padding: 5px; border: 1px solid #ddd;border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: none;overflow-x: hidden;}
.bd-form .form-list label{display: block;overflow: hidden;height: 28px; line-height: 28px; text-align: left; color: #666; font-size: 14px;}
.bd-form .form-list em{ color: red; padding-right: 5px;}
.bd-form .form-list .vcode {text-transform: uppercase; width: 80px;}
.bd-form .form-list .Validform_checktip { padding-left: 18px; }
.bd-form .form_button { min-width: 120px; height: 32px; text-align: center;background-color: #ccc; font-size: 14px; color: #fff;border: none; cursor: pointer;}
.bd-form .form-list span{display: block;}
.bd-form .form-list img { padding-top: 6px;margin-bottom: 5px;height: 50px;}

/*form-h表单样式20180127*/
.bd-form-h{ width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 20px;}
.bd-form-h .form-list{ margin-bottom: 12px; }
.bd-form-h .form-list label{ width:20%; min-width: 120px; float: left;  text-align: right; padding-right: 1%; line-height: 32px; overflow: hidden;}
.bd-form-h .form-list input{ width: 50%;  height: 32px;line-height: 32px; border: 1px solid #ddd; padding:0 5px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: none;}
.bd-form-h .form-list textarea{width: 50%; height: 120px; line-height: 20px; padding: 5px; border: 1px solid #ddd;border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: none;}
.bd-form-h .form-list em{ color: red; padding-right: 5px;}
.bd-form-h .form-list .pl-l{ padding-left: 21%; }
.bd-form-h .form-list img{ padding-left: 21%; padding-top: 6px; max-width: 100%;}
.Validform_checktip {height: auto;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}

/*左右箭头共用 -hzq*/

/*公用logo -hzq*/
.g-logo{float: left;margin:0;max-width: 200px;display: inline-table;overflow:hidden;padding-left: 10px;}
.g-logo a{vertical-align: middle;display: table-cell;width: 100%;height: 70px;text-align: left;font-size: 0;overflow: hidden;padding:5px 0;}
.g-logo a img{max-width: 100%;max-height: 100%;vertical-align: middle;}
/*公用logo*/
/*详情页面来源和时间的样式处理*/
.form-time { text-align: center;}
/*详情页面来源和时间的样式处理*/
.abstract {white-space: normal;word-wrap: break-word;word-break: break-word;}
.abstract strong{display: inline-block;}

/*分享插件*/
.atss{background: #fff;}
.at-share-dock.atss{width: 0 !important;left: initial !important;bottom: 200px !important;z-index: 10 !important;-webkit-transition: all 0.5s;transition: all 0.5s;}
.at-share-dock.atss.active{width: 40px !important;}
.at-share-dock a{display: block !important;width:  100% !important;}
.g-share{display: none;}
#at4-scc,#at4-soc{display: none !important;}
/*.slideInUp{animation-name: initial !important;-webkit-animation-name:initial !important;}*/
/*分享插件 end*/
.Album li h3{overflow: hidden;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;}

/*有应用共用图库的*/
.images{display: none;position: fixed;top: 0;bottom:0;left: 0;width: 100%;z-index: 102;}
.images .images-box{position: relative;height: 100%;}
.images .images-box .swiper-container{width: 640px;height: 100%;}
.images .images-box .swiper-slide{text-align: center;height: 100%;overflow-y: auto;}
.images .icon-close{cursor: pointer;border-radius: 50%;font-size: 30px;position: fixed;top: 15px;color: #fff;z-index: 1001;right: 15px;width: 30px;height: 30px;line-height: 30px;}
.images-box .swiper-container img{max-width: 100%;max-height: 90%;position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);border: 5px solid #aaa;box-sizing: border-box;}
.swiper-button-prev{background-image: none;left:20%;width: 40px;height: 40px;}
.swiper-button-prev:before{content: '\e935';display: block;font-family: "iconfont" !important;font-size: 40px;color: #fff;opacity: .6;text-align: center;border-radius: 100%;}
.swiper-button-next{background-image: none;right: 20%;width: 40px;height: 40px;}
.swiper-button-next:before{content: '\e936';display: block;font-family: "iconfont" !important;font-size: 40px;color: #fff;opacity: .6;text-align: center;border-radius: 100%;}
.banner .swiper-container{display: none;width: 100%;}
.banner .swiper-container .swiper-slide img{width: 100%;}
.banner .swiper-container.show{display: block;}
.banner .swiper-button-prev{display: none;left: 3%;}
.banner .swiper-button-next{display: none;right: 3%;}
.swiper-button-prev:hover:before,.swiper-button-next:hover:before{opacity: 1;}
/*end*/


/* 详情页 a标签处理 */
.tex-detail p a ,.txt-box p a {color: #666;}
.tex-detail p a:hover ,.txt-box p a:hover {text-decoration: underline;}
    
/*富文本框表格样式*/
.selectTdClass{background-color:#edf5fa !important}table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}table{border-collapse:collapse;display:table;}td,th{padding: 5px 10px;border: 1px solid #DDD;}caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}th{border-top:1px solid #BBB;background-color:#F7F7F7;}table tr.firstRow th{border-top-width:2px;}.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }td p{margin:0;padding:0;}
.tableScroll{overflow: auto;}
.tableScroll table{table-layout: fixed;}
/*富文本框表格样式*/

.map{z-index: 0;}

/*阻止遮罩层滚动专用*/
.noscroll,.noscroll body {overflow: hidden;height: 100%;}
.noscroll body {position: relative;height: 100%;}
/*阻止滚动专用*/

.center{text-align: center;}


/*网站地图*/
.hide{display: none;}
.siteMap{margin:25px 0;background: #fff;}
.siteMap .siteMap-view{margin-bottom:  15px;}
.siteMap b{display: block;color: #333;font-weight:  bold;font-size:  16px;background:  #eee;padding: 0 15px;line-height:  45px;}
.siteMap .view-row{padding: 15px;}
.siteMap .view-row h2{display: inline;}
.siteMap .view-row .lever2:last-child{border-bottom: 0;}
.siteMap .mainLink a{margin-right: 15px;}
.siteMap .lever1{border-bottom: 1px dashed #eee;}
.siteMap .lever1 strong{position: relative;display:  block;line-height:  40px;border-bottom: 1px solid #eee;}
.siteMap .lever1 strong a{font-size:  16px;color: #333;}
.siteMap .lever1 strong:before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 2em;height: 1px;background: #18acea;}
.siteMap .lever2{border-bottom: 1px dashed #eee;}
.siteMap .lever2 strong{position: relative;display: block;line-height: 40px;padding-left: 11px;}
.siteMap .lever2 strong a{font-size: 16px;color: #333;}
.siteMap .lever2 strong:before{content: '';display: block;position: absolute;left: 0;top: 12px;width: 3px;height:16px;background: #18acea;}
.siteMap .mainLink a{}
.siteMap .view-row li{float: left;display: inline-block;margin-bottom: 15px;width: 50%;}
.siteMap .classifiyLink{line-height: 40px;}
.siteMap .classifiyLink a{color: #aaa;font-size:  12px;margin-right: 15px;}
.siteMap .classifiyLink a:hover,.siteMap .mainLink a:hover,.siteMap .lever2 strong a:hover,.siteMap .lever1 strong a:hover{text-decoration: underline;}

/*网站地图*/

.at-share-dock.atss{-webkit-box-shadow: none !important;box-shadow: none !important;}
.at-share-dock.atss-top{top: 140px !important;}

/*产品询盘表单*/
.inquiries {margin-bottom: 15px;}
.inquiries span{display: inline-block;margin-right: 15px;  font-weight: bold;font-size: 16px;color: #333;border-bottom: 2px solid #2cb7e4;line-height: 40px;text-indent: initial;}
.inquiries small{font-size: 12px;color: #c30000;}
.form-every{margin-bottom: 15px;} 
.form-every .form-list{position: relative;float: left;width: 49%;margin-bottom: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.form-every .form-list:before{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background:#eee;}
.form-every .form-list:after{content: '';display: block;position: absolute;bottom: -1px;width: 0;height: 1px;background:#eee;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.form-every .form-list:nth-child(even){float: right;}
.form-every .form-list.cur:after{width: 100%;background: #2cb7e4;}
.form-every .form-list.form-code.cur:after{width: 50%;}
.form-every .form-list.form-code:before{width: 50%;}
.form-every .form-list input,.form-every .form-list textarea{border:0;width: 100%;max-width: 100%;height: 40px;padding: 5px 30px 5px 5px;box-sizing: border-box;} 
.form-every .form-list input:focus,.form-every .form-list textarea:focus{outline:none;}
.form-every .form-textarea,.form-every .form-code{width: 100%}
.form-every .form-textarea textarea{padding: 10px 20px 10px 5px;resize: auto;}
.form-every .form-code input{width: 50%;}
.form-every .form-center{text-align: center;}
.form-every .form_button{cursor: pointer;border: 1px solid #eee; font-size: 12px; color: #aaa; background: #fff; line-height: 35px; padding: 0 15px;}
.form-every .form_button:focus{outline:none}
.form-every .Validform_error{background: #fff;}
.form-every .Validform_checktip{position: absolute;bottom: -20px;left: 0;}
.Validform_right{display: inline-block;vertical-align: middle;width: 15px;height: 15px;}

/*产品询盘表单*/

/*分享*/
.addthis_inline_share_toolbox{ clear: inherit!important; margin-top: 18px; }

.g-keyword{}
.g-keyword span{display: block;}
.g-keyword strong{font-weight: normal;}
/*tag搜索列表*/
.searchList{margin: 25px 0;background: #fff;}
.searchList h2{color: #333;font-weight: bold;font-size: 16px;background: #eee;padding: 0 15px;line-height: 45px;}
.searchList ul{padding: 15px 0;}
.searchList ul li{position: relative;line-height: 20px;padding: 0 15px 0 30px;margin-bottom:  15px;}
.searchList ul li:before{content: '';display: block;position: absolute;left: 15px;top: 7px;width: 5px;height: 5px;background: #000;}
.searchList ul li a:hover{text-decoration: underline;}

.tags-list{margin: 15px 0;padding: 0 15px;}
.tags-list a{position: relative;float: left;color: #aaa;font-size: 14px;margin: 0 15px 10px;border-radius: 5px;line-height:  1;white-space: normal;word-wrap: break-word;word-break: break-all;}
.tags-list a:first-child{margin-left: 0;}
.tags-list a:before{content: '';display: block;position: absolute;top: 0;right: -15px;border-right: 1px solid #aaa;width:  1px;height: 100%;}
.tags-list a:last-child:before{display: none;}
/*tag搜索列表*/
/*公用证书页面*/
.g-honor{-webkit-box-sizing:  border-box;-moz-box-sizing:  border-box;box-sizing:  border-box;padding: 20px;background: #fff;}
.g-honor .item{position: relative;padding-left: 100px;padding-bottom:  15px;}
.g-honor .item:before{content: '';width:  1px;height: 100%;background: #aaa;display:  block;position: absolute;left: 40px;top: 0;}
.g-honor .item:after{content: '';position:  absolute;display:  block;width: 10px;height: 10px;border: 5px solid #7aa6fd;left: 30px;top: 0;background:  #fff;border-radius:  100%;}
.g-honor .item h3{color: #333;font-weight:  bold;font-size:  16px;margin-bottom:  15px;}
.g-honor .item .img-box{margin-bottom: 15px;}
.g-honor .item .img-box:after{content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.g-honor .item .img-box img{float: left;border:1px solid #aaa;background: #fff;max-width: 100%;max-height: 100%;padding: 5px;margin:0 10px 10px 0;cursor: pointer;}
.g-honor .item .font-box{color: #aaa;font-size: 14px;line-height: 24px;text-indent: 2em;border-bottom: 1px dashed #aaa; */margin-bottom:;padding-bottom:  15px;}
.g-honor .item:hover h3{color:#7aa6fd;}
/*公用证书页面*/

/*公用底部*/
.p-footer{color: #fff;font-size:  14px;}
.p-footer .friendly-link{background: #555;line-height:55px; }
.p-footer .friendly-link span{float: left;background: #888;text-align: center;padding: 0 12px;width: 120px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.p-footer .friendly-link .link-box{margin: 0 0 0 120px;}
.p-footer .friendly-link .link-box .a-box{position: relative;margin: 0 30px;white-space: nowrap;overflow:  hidden;}
.p-footer .friendly-link .link-box .a-box a{position: relative;color: #fff;font-size: 12px;margin: 0 15px;display:  inline;}
.p-footer .friendly-link .link-box .a-box a:before{content: '';display: block;position: absolute;right: -15px;top: 0;width: 1px;height: 100%;background: #fff;}
.p-footer .friendly-link .link-box .a-box a:last-child:before{display: none;}
.p-footer .friendly-link .link-box .move{font-size: 0;-webkit-transition-duration: 500ms;transition-duration: 500ms;height: 55px;}

.p-footer .friendly-link .link-box  i{position: absolute;top: 0;cursor: pointer;}
.p-footer .friendly-link .link-box  i.prove{left: 125px;}
.p-footer .friendly-link .link-box  i.next{right: 0;}

.p-footer .f-column{background: #333;padding: 30px 0;border-bottom: 1px solid #666;}
.p-footer .f-column  h3{margin-bottom: 15px;border-bottom: 1px solid #fff;line-height: 40px;}
.p-footer .f-column .f-qrCode{float: left;width: 250px;}
.p-footer .f-column .f-qrCode .font-box{width: 130px;text-align: center;}
.p-footer .f-column .f-qrCode .img-box{display: inline-block;padding: 5px;margin-bottom: 15px;background: #fff;}
.p-footer .f-column .f-contactUs{float: left;max-width:  -webkit-calc(100% - 720px);max-width:  calc(100% - 720px);}
.p-footer .f-column .f-contactUs .list{font-size: 14px;line-height: 30px;}
.p-footer .f-column .f-contactUs .list.w{display: inline-block;min-width: 100px;margin-right: 15px;}
.p-footer .f-column .f-contactUs .list strong{color: #888;}
.p-footer .f-column .f-contactUs .list p,.p-footer .f-column .f-contactUs .list p a{color: #fff;}

.p-footer .f-column .f-menu{float: right;width:  450px;font-size: 16px;}
.p-footer .f-column .f-menu ul{margin-bottom: 15px;}
.p-footer .f-column .f-menu ul li{float: left;width: 50%;padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;word-break: break-all;margin-bottom: 10px;}
.p-footer .f-column .f-menu ul li:nth-child(even){padding-right: 0;}
.p-footer .f-column .f-menu ul li a{color: #fff;font-size: 12px;}
.p-footer a:hover{text-decoration: underline;}

.p-footer .f-keyword{background: #333;line-height: 20px;padding: 15px 0;}
.p-footer .f-keyword h2{display: inline;font-size: 12px;font-weight: normal;border-right: 1px solid #fff;padding: 0 15px;}
.p-footer .f-keyword h2:first-child{padding-left: 0;}
.p-footer .f-keyword h2:last-child{border-right: 0;}
.p-footer .f-keyword  a{color: #fff;}


.p-footer .p-copyright{background: #222;color: #888;font-size: 12px;padding:15px 0;}
.p-footer .p-copyright a{color: #fff;}
.p-footer em{font-style: normal;color: #fff;}
.p-footer .socialPlatform{font-size: 0;}
.p-footer .socialPlatform a{display: inline-block;margin-left: 12px;}
.p-footer .socialPlatform a:first-child{margin-left: 0;}
.img-platform{display: inline-block;width:25px;height: 25px;vertical-align: middle;background: url('../images/platform.png') no-repeat center;background-size: 25px;background-position-y:0;}
.img-platform.weibo{background-position-y: 0;}
.img-platform.googleplus{background-position-y: -25px;}
.img-platform.facebook{background-position-y: -50px;}
.img-platform.tumblr{background-position-y: -75px;}
.img-platform.twitter{background-position-y: -100px;}
.img-platform.linkedin{background-position-y: -125px;}
.img-platform.instagram{background-position-y: -150px;}
.img-platform.flickr{background-position-y: -175px;}
.img-platform.reddit{background-position-y: -200px;}
.img-platform.medium{background-position-y: -225px;}
.img-platform.pinterest{background-position-y: -250px;}
.img-platform.youtube{background-position-y: -275px;}


/*公用底部*/
/*公用最顶部*/
.p-top{position: relative;z-index: 13;background: #000;line-height:  40px;}
/*语言*/
.p-top .p-lang{position: relative;float: left;color: #fff;}
.p-top .p-lang .curLang{position: relative;cursor: pointer;padding-right: 15px;padding: 0px 25px 0 10px;}
.p-top .p-lang .curLang:hover{background: #333;}
.p-top .p-lang .curLang:before{content: '';display: block;position: absolute;right: 10px;top: 18px;border-width: 5px 5px 0;border-style: solid;border-color: #fff transparent transparent;}
.p-top .p-lang .lang-list{display: none;background:  #fff;position: absolute;top: 40px;width: 140px;z-index:  2;-webkit-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;max-height: 300px;}
.p-top .p-lang .lang-list li{white-space: nowrap;padding: 0 15px 0 10px;cursor:  pointer;border-bottom: 1px solid #ddd;}
.p-top .p-lang .lang-list li:last-child{border-bottom: 0;}
.p-top .p-lang .lang-list li:hover{background: #333}
.p-top .p-lang .lang-list li:hover span{color: #fff;}
.p-top .p-lang .lang-list li span{color: #000;}
.p-top .p-lang img{width:15px;height: 15px;vertical-align:  middle;border-radius:  100%;}
.p-top .p-lang span{font-style: normal;}
/*语言*/
/*登录注册*/
.p-top .h-user-menu{float: left;padding: 0 10px;}
.p-top .h-user-menu a{color: #fff;}
.p-top .h-user-menu a:hover{text-decoration: underline;}
.p-top .h-user-menu i{color: #fff;font-style: normal;}
/*登录注册*/
/*搜索*/
.p-top .p-search{float: right;position:  relative;line-height:  40px;}
.p-top .p-search input{ height: 30px; width: 180px; padding: 0 35px 0 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.p-top .p-search input:focus,.p-top .p-search button{ outline:none;}
.p-top .p-search button{position:  absolute;right: 0;color: #fff;border:0;cursor: pointer;top: 6px;width: 30px;height: 30px;background: #cd0000;text-align:  center;line-height:  30px;}
.p-top .login-info a{color: #fff;}
.p-top .login-info i{font-style: normal;}
/*搜索*/
/*公用最顶部*/

/*手机端上显示的菜单及语言切换*/
.m-menu {display: none;position: relative;z-index: 10;height: 60px;line-height:  58px;}
.m-menu .m-lang{display:  inline-block;vertical-align:  middle;margin-right: 15px;height: 100%;position:  relative;}
.m-menu .m-lang .curLang{position: relative;}
.m-menu .m-lang .curLang:before{content: '';display: block;position: absolute;right: -14px;top: 26px;border-width: 5px 5px 0;border-style: solid;border-color: #aaa transparent transparent;}
.m-menu .m-lang img{width:15px;height: 15px;vertical-align:  middle;border-radius:  100%;}
.m-menu .m-lang span{font-style: normal;color: #aaa;}
.m-menu .m-lang .lang-list{display: none;background:  #fff;position: absolute;width: 125px;max-height: 300px;top: 100%;left: -20px;z-index:  1;-webkit-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
.m-menu .m-lang .lang-list li{line-height: 30px;padding: 0 10px;text-align: left;white-space: nowrap;}
.m-menu .m-lang .lang-list li:hover{background: #000;color: #fff;}
.m-menu .caidan{display: inline-block;width: 50px;text-align: center;vertical-align: middle;height: 100%;}
.m-menu .caidan i{font-size: 25px;}
/*手机端上显示的菜单及语言切换*/

.this-user-menu{display: none;}

/*工厂展示列表页*/
.factory-item{margin-left: -15px;}
.factory-item .factory-list{float: left;width: 33.33%;padding: 0 0 15px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.factory-item .factory-list .img-box{position: relative;display: block;margin-bottom: 10px;}
.factory-item .factory-list .img-box img{max-width: 100%;max-height: 100%;vertical-align: middle;border:1px solid #ddd;}
.factory-item .factory-list .font-box{padding:  0 15px 15px;}
.factory-item .factory-list .font-box h3{color: #102747;font-size: 14px;font-weight: bold;height: 40px;line-height: 20px;overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all;}
.factory-item .factory-list .font-box h3 a{color: #102747;}
.factory-item .factory-list .font-box p{color: #aaa;font-size: 12px;height: 60px;line-height: 20px;overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all;}
.factory-item .factory-list .hover:hover .img-box:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.factory-item .factory-list .hover:hover .img-box:after{content: '\e631';font-family: "iconfont" !important;display: block;position: absolute;left: 50%;top: 50%;color: #fff;font-size:  30px;width:  30px;height: 30px;margin: -15px 0 0 -15px;}
.factory-item .factory-list .hover:hover .font-box h3 a{color: #e56664;}

.factory-detail .describe {color: #aaa;line-height: 1.5;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}
.factory-detail .factory-detail-list{margin-bottom: 15px;}
.factory-detail .factory-detail-list:last-child{margin-bottom: 0;}
.factory-detail .factory-img-item{margin-left: -15px;}
.factory-detail .factory-img-item .factory-img-list{float: left;cursor: pointer;width: 33.33%;padding:0 0 15px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.factory-detail .factory-img-item .factory-img-list .img-box{position: relative;}
.factory-detail .factory-img-item .factory-img-list .img-box img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.factory-detail .factory-img-item .factory-img-list h3{text-align: center;color: #102747;font-size: 14px;font-weight: bold;height: 40px;line-height: 20px;overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all;}
.factory-detail .factory-img-item .factory-img-list:hover .img-box:before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.factory-detail .factory-img-item .factory-img-list:hover .img-box:after{content: '\e631';font-family: "iconfont" !important;display: block;position: absolute;left: 50%;top: 50%;color: #fff;font-size:  30px;width:  30px;height: 30px;margin: -15px 0 0 -15px;}
.factory-detail .factory-img-item .factory-img-list:hover .font-box h3{color:#e56664;}
.factory-table .ui-table{width: 100%;table-layout: auto;}
.factory-table .ui-table td{background: #fff;font-size: 14px;white-space: normal;word-wrap: break-word;word-break: break-word;}
.factory-table .ui-table td.bt{background: #f0f0f0;}

.factory-gallery{display: none;position: fixed;left: 50%;top: 50%;width: 800px;height: 600px;margin: -300px 0 0 -400px;background: #fff;z-index: 100;border: 2px solid #aaa;}
.factory-gallery .gallery-top{height: 80%;width: 100%;border-bottom: 2px solid #eee;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px;}
.factory-gallery .gallery-thumbs{height: 20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px 0;}
.factory-gallery .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;border: 1px solid #ddd;text-align:  center;}
.factory-gallery .gallery-thumbs .swiper-slide-active { opacity: 1;}
.factory-gallery .swiper-button-next.swiper-button-white, .factory-gallery .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: none; }
.factory-gallery .swiper-button-next:before,.factory-gallery .swiper-button-prev:before{color: #000;}
.factory-gallery .swiper-button-next.swiper-button-white{right: 15px;}
.factory-gallery .swiper-button-prev.swiper-button-white{left: 15px;background-image: none;}
.factory-mask{display: none;position: fixed;left: 0;right: 0;top: 0px;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.factory-gallery .icon-guanbi1{font-size: 30px;position: absolute;right: 15px;top: 15px;cursor: pointer;z-index: 11;}
.factory-gallery .swiper-container .swiper-wrapper .swiper-slide img{width: auto;margin: 0 auto;max-height: 100%;max-width: 100%;}
/*工厂展示列表页*/

/*图库列表加标题的样式*/
#albumItem{}
#albumItem li a{position: relative;display: block;}
#albumItem li .font-box{display: none;position: absolute;top: 0;left: 0;width:  100%;height: 100%;background: rgba(0,0,0,.6);color: #fff;}
#albumItem li .font-box h3{position:  absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);white-space: normal;max-height:  48px;overflow:  hidden;}
#albumItem li:hover .font-box{display: block;}

/*图库列表加标题的样式*/

/*facebook插件调整*/
#fb-root .fb_dialog{right: inherit !important;left: 18pt;}
#fb-root .fb_iframe_widget iframe{right: inherit !important;left: 9pt;}
/*facebook插件调整*/

/*faq*/
.g-faq{}
.g-faq li{border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom:  5px;}
.g-faq li strong{font-size: 14px;color: #333;display: block;margin-bottom:  5px;white-space: normal; word-wrap: break-word; word-break: break-all;}
.g-faq li p{color: #aaa;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;line-height: 20px;}
/*faq*/

/*产品详情页--产品详情*/
.g-tabs{border: 1px solid #eee;border-width: 2px 0 2px 0;}
.g-tabs li{float:left;line-height:  40px;background:  #f5f5f5;padding: 0 10px;font-weight: bold;border-top: 2px solid transparent;}
.g-tabs li.active{border-top: 2px solid #e10000;}

#productNav{position: relative;transition: all 0.5s;border-bottom: 1px solid #eee;margin-bottom: 15px;}
.g-tabs-item img{max-width: 100%;}
.g-tabs-item.fixed #productNav{position: fixed;top: 0;width: 100%;background: #fff;border-bottom: 1px solid #aaa;z-index: 10;left: 0;max-width:  1200px;left: 50%;transform: translate(-50%,0);}
#productNav li{float:  left;padding: 0 8px;}
#productNav li a{display: inline-block;font-weight:  bold;height: 40px;line-height:  40px;box-sizing: border-box;cursor: pointer;}
#productNav li a:hover{border-bottom: 2px solid #e10000;}

.g-tabs-item table span{ word-wrap: break-word; word-break: normal;}
/*产品详情页*/

/*购买咨询弹窗*/
.f-red{color: red;margin-right: 5px;}
.buyIntention{}
.popbox{position: fixed;left: 50%;top: 50%;width: 600px;height: 500px;margin: -250px 0 0 -300px;background: #fff;z-index: 100;}
.popbox .popHeader{padding:0 15px;line-height: 40px;background: #eee;height: 40px;font-weight: bold;font-size: 16px;}
.popbox .popCont{padding: 15px;overflow: auto;width: 100%;box-sizing: border-box;height: 450px;}
.form-control{display: block;width: 200px;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.form-control+.form-control{margin-bottom: 5px;}
.ui-form .group .right-info textarea.form-control{width: 100%;height: 60px;}

.ui-form{font-size: 14px;}
.ui-form .group{margin-bottom: 10px;}
.ui-form .group:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.ui-form .group:last-child{margin-bottom: 0;}
.ui-form .group strong{float: left;width: 160px;margin-right: 10px;color: #aaa;font-weight: 400;}
.ui-form .group .right-info{overflow: hidden;}
.ui-form .group .right-info .form-control{display: inline;width: 180px;}
.ui-form .group .right-info .address{width: 100%;margin:0;}
.ui-form .group .right-info.border{border:1px solid #ddd;padding:10px ;}
.ui-form .group .right-info .surroundLabel{font-weight: normal;}
.ui-form .group .right-info .checkbok-box{}
.ui-form .group .right-info .checkbok-box li{float: left;width: 50%;}
.ui-form .group .right-info .img-box img{width: 150px;border:1px solid #ddd;}
.ui-checkbox{position: relative;display: inline-block;line-height: normal;vertical-align: middle;width: 17px;height: 17px;font-size: 0;}
.ui-checkbox label{font-weight: normal;max-width: none;margin: 0;}
.ui-checkbox input{position: absolute;clip: rect(0, 0, 0, 0);}
input[type="checkbox"] + label::before {
    content: ""; 
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: url('./../images/checkbox.png') no-repeat center;
    width: 16px;
    height: 16px;
    background-position: 0 -16px;
}
input[type="checkbox"]:checked + label::before {
    content: "";
    color: #4f678b;
    background: url('./../images/checkbox.png') no-repeat center;
    background-position:0 0;
}
.surroundLabel+.surroundLabel{margin-left: 5px;}
.form-btn{display: inline-block;line-height: 35px;color: #fff !important;padding: 0 15px;background: #39baff;cursor: pointer;border-radius: 6px;border: 0;font-size: 14px;}
.f-blue{color: #299cfe;}
/*购买咨询弹窗*/

/*内页大图*/
.smallBanner{}
.smallBanner img{width: 100%;vertical-align: middle;}
.smallBanner .m{display: none;} 
/*内页大图*/

.m-login-info{display: none;justify-content: center;align-items: center;color: #fff;text-align: center;line-height: 30px;padding: 0 15px;}
.nav .m-login-info a{display: block;color: #fff;}
.nav .m-login-info a:hover{color: #fff;}
.nav .m-login-info a:hover:before{display: none;}
.x-flex{flex: 1;}
.goShopList{color: #fff;width: 20px;display: inline-block;vertical-align: middle;margin-right: 10px;font-weight: bold;}



.faqPage{} 
.faqPage .faq-list{background: #fff;margin-bottom: 10px;} 
.faqPage .faq-list .faq-title{position: relative;background: #eee;color: #333;padding: 10px 30px 10px 10px;font-size: 16px;box-sizing: border-box;cursor: pointer;white-space: normal;word-wrap: break-word;word-break: break-word;} 
.faqPage .faq-list .faq-title:before{content:'\ea01';position: absolute;top: 6px;right: 0;font-family: "iconfont" !important;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 25px;transition: all .5s;} 
.faqPage .faq-list .faq-conter{height: 0;transition: all .5s;overflow: hidden;line-height: 20px;font-size: 12px;color: #aaa;box-sizing: border-box;}
.faqPage .faq-list.active .faq-conter{height: auto;}
.faqPage .faq-list.active .faq-conter p{margin: 5px 10px;}
.faqPage .faq-list.active .faq-title{background:#24a0ef;color:#fff;}
.faqPage .faq-list.active .faq-title:before{transform: rotate(90deg);}


/*隐藏skeype的空白区域*/
iframe[seamless]{position:fixed;}

/*公用联系我们*/
.g-contact{background: #fff;}
.g-contact .text-info{padding: 15px;}
.g-contact .text-info p{color: #333;}

.g-contact img{max-width: 100%;} 
.g-contact .map{height: 400px;margin-bottom: 15px;}
.g-contact .map img {max-width: none;max-height: none;}
.g-contact .title{padding: 10px 15px;background: #24a0ef;color: #fff;font-size: 14px;}
.g-contact .company-info{}
.g-contact .company-info .clearfix{padding: 15px;position: relative;}
.g-contact .company-info .font-box{width: 60%;position: absolute;top: 50%;transform: translate(0,-50%);} 
.g-contact .company-info .font-box li{color: #aaa; font-size: 14px; margin: 10px 0; }
.g-contact .company-info .font-box li a{color: #aaa;}
.g-contact .company-info .font-box li a:hover,.g-contact .salesman ul li dl dd a:hover{text-decoration: underline;}
.g-contact .company-info .font-box li i{margin-right:5px;}
.g-contact .company-info .img-box{float: right;width: 40%;}
.g-contact .company-info .img-box img{}
.g-contact .salesman ul{margin-left: -15px;padding: 15px;}
.g-contact .salesman ul li{float: left;width: 25%;padding-left: 15px;padding-bottom: 15px;box-sizing: border-box;}
.g-contact .salesman ul li .img-box{margin-bottom: 10px;}
/*.g-contact .salesman ul li .img-box img{width: 100%;height: 100%;object-fit:none;}*/
.g-contact .salesman ul li h3,.g-contact .salesman ul li h4{color: #333;font-size: 14px;line-height: 20px;height: 20px;font-weight: bold;margin-bottom: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.g-contact .salesman ul li dl{color: #000;font-size: 14px;line-height: 20px;height: 130px;overflow: hidden;font-weight: bold;margin-top: 10px;}
.g-contact .salesman ul li dl dd{padding-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.g-contact .salesman ul li dl dd a{color: #000;}

.g-contact .salesman .horizontal{}
.g-contact .salesman .horizontal li{width: 48%;}
.g-contact .salesman .horizontal li .hover{border-top: 1px solid #ddd;padding-top: 15px;}
.g-contact .salesman .horizontal li:first-child .hover,.g-contact .salesman .horizontal li:first-child+li .hover{border-top: 0;}
.g-contact .salesman .horizontal li:nth-child(even){float: right;}
.g-contact .salesman .horizontal li .img-box{float: left;width: 200px;margin-right: 15px;}
.g-contact .salesman .horizontal li .font-box{overflow: hidden;}


/*办公环境*/
.officeImg{}
.officeImg ul{margin-left: -15px;padding: 15px 0;}
.officeImg ul li{float: left;width: 33.33%;padding-left: 15px;padding-bottom: 15px;box-sizing: border-box;}
.officeImg ul li .img-box{margin-bottom: 10px;}

.publicIcon{display: inline-block;vertical-align: middle;width: 30px;height: 20px;background: url('./../images/PublicIcon.png') no-repeat center;background-size: 400px;background-position: 2px 0;}
.publicIcon.i-email{background-position: -125px 0;}
.publicIcon.i-iphone{background-position: -28px 0;}
.publicIcon.i-mobile{background-position: 5px 0;}
.publicIcon.i-skype{background-position: -93px 0;}
.publicIcon.i-fax{background-position: -60px 0;}






@media (max-width: 1024px) {
   .images .swiper-button-prev{left: 10%;}
   .images .swiper-button-next{right: 10%;}
}
@media (max-width: 960px) {
    
}

@media (max-width: 870px) {
    body{ padding-bottom: 56px!important; }
    .hm-t-c,.qrCode{display: none;}
    .phone-menu { display: block;}
    
    .banner .arrow-left,.banner .arrow-right{display: none;}
    .gallery2-box .arrow-left,.gallery2-box .arrow-right{display: none;}
    /*.at-share-dock.atss{display: none;}*/
    .g-share{display: block;position: fixed;bottom: 57px;width: 40px;height: 40px;right: 0;border: 0;background: #3d3d3d;}
    .g-share img{vertical-align: middle;width: 100%;}
    .swiper-button-prev,.swiper-button-next{display: none;}
    .images .images-box{padding: 0;max-width: 100%;max-height: 100%;}
    .images{background: #000;z-index: 999;}
    .g-rightMenu{display: none;}
    .images .images-box .swiper-container{width: 90%;}
    .g-honor .item{padding-left: 0;}
    .g-honor .item:before,.g-honor .item:after{display: none;}
    .p-footer .friendly-link,.p-footer .f-column .f-qrCode,.p-footer .f-column .f-menu,.p-footer .f-keyword,.p-footer .p-copyright .excess {display:none;}
    .p-footer .f-column{ padding: 30px 15px; }
    .p-footer .f-column .f-contactUs{max-width: 100%;width: 100%;}
    .p-footer .f-column .f-contactUs .list{width: 100%;}
    .p-footer .p-copyright{text-align: center;}

    .this-user-menu {display: block;background: #000;margin-top: 30px;}
    .this-user-menu a{position: relative;color: #fff;width:  50%;float:  left;font-size: 12px !important;text-align:  center;padding: 10px 0;line-height: normal;}
    .this-user-menu a:first-child:after{content: '';display: block;position: absolute;right: 0;top: 10%;width: 1px;height: 80%;background: #222;}
    .this-user-menu a:hover:before{display: none;}
    .this-user-menu a i{display: block;font-size: 25px;margin-bottom: 5px;}
    .nav .this-user-menu a:hover:before{display: none;}
    .p-top{display: none;}
    .m-menu{display: block;}
    
    .factory-item .factory-list{width: 50%;}
    .factory-table .ui-table td{display: block;text-align: left;}
    .factory-detail .factory-img-item .factory-img-list{width: 50%;}
    .factory-gallery .gallery-top{height: 60%;}
    .factory-gallery{left: 0;top: 0;bottom: 56px;width: 100%;height: auto;margin: 0;border: 0;}
    .flip div{width: 100%;}
    .siteMap .view-row li{width: 100%;border-bottom: 1px solid #aaa;}
    .siteMap .classifiyLink{line-height: 30px;}
    .siteMap .classifiyLink h2{display: block;}
    .siteMap .classifiyLink h2 a{display: block;margin-right: 0;}

    #productNav{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;overflow: auto;}
    #productNav li{float: none;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: auto;}
    .smallBanner .m{display: block;} 
    .smallBanner .pc{display: none;} 
    .m-login-info{display: flex;}

    .g-contact .salesman ul li{width: 50%;}
    .g-contact .salesman .horizontal li .img-box{float: none;width: 100%;}

}

@media (max-width: 768px) {
    .bd-form-h{ width: 100%; padding: 5px; }
    .bd-form-h .form-list{ margin-bottom: 8px; }
    .bd-form-h .form-list .label-n{ height: 10px; }
    .bd-form-h .form-list input,.bd-form-h .form-list textarea{ width: 100%;}
    .bd-form-h .form-list label{ width: 100%; text-align: left;}
    .bd-form-h .form-list .pl-l,.bd-form-h .form-list img{ padding-left: 0; }
    .flip div.fr{text-align: left;}
    .g-contact .company-info .font-box{width: 100%;position: static;top: 0;transform: none;}
    .g-contact .company-info .img-box{width: 100%;}

    .officeImg ul li{width: 50%;}
}

@media (max-width: 600px) {
    .bd-form{ width: 100%; }
    .bd-form .form-list input,.bd-form .form-list textarea{ width: 100%;}
    .form-every .form-list{width: 100%;}
    .form-every .form-list.form-code img{position: absolute;right: 0;}
    .ui-form .group strong{width: 100%;margin-bottom: 10px;}
    .ui-form .group .right-info{width: 100%;}
    .popbox{margin-left: 0;left: 15px;right: 15px;width: auto;}
    .popbox .popCont{position: absolute;top: 40px;bottom: 0;}

}

@media (max-width: 480px) {
    .form-time span{display: block;line-height: 24px;}
    .form-every .form-list.form-code:before{width: 100%;}
    .form-every .form-code img{max-width: 45% !important;margin-left: 2%;}
    .g-contact .salesman ul li,.g-contact .salesman .horizontal li{width: 100%;}
    .g-contact .salesman ul li dl{height: auto;}
    .g-contact .salesman ul li dl dd{overflow: auto; text-overflow: initial; white-space: normal;} 

    
}
@media (max-width: 380px) {
    .g-logo{width: 120px;}
}





.nav .nav-list li{ position:relative;}
.nav .nav-list li a{ padding:0 20px;}
.nav .nav-list li .three{ width:150%; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.1); position:absolute; top:100%; left:-25%; display:none; font-size:16px; line-height:26px; z-index:5;}
.nav .nav-list li:hover .three{ display:block;}
.nav .nav-list li .three a{ display:block; padding:10px 10px; color:#666; text-align:center;}
.nav .nav-list li .three a:hover{ color:#ec586a;}
















