@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
body{font-family:"微软雅黑","Microsoft Yahei";background-color:#fff;color:#212121; font-size:16px;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; list-style-type: none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin:0; padding:0;}
img {border:0;}
a img{border:none;} 
a img{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
a:hover img{opacity: .8;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance: none;}
a{color:#212121;text-decoration: none;}
a:hover{color:#007FC4;}
.clear{clear:both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
object{display: none;}
.fl{float: left;}
.fr{float: right;}


@font-face {
  font-family: 'iconfont';  /* Project id 716340 */
  src: url('//at.alicdn.com/t/font_716340_sl38dt33bp.woff2?t=1621070006218') format('woff2'),
       url('//at.alicdn.com/t/font_716340_sl38dt33bp.woff?t=1621070006218') format('woff'),
       url('//at.alicdn.com/t/font_716340_sl38dt33bp.ttf?t=1621070006218') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}

@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('../fonts/DINCondensedC.eot');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

/*导航*/
input[type="button"],
input[type="submit"]{cursor: pointer;}
button{cursor: pointer;}
.nav-bg{height:100px; text-align: center;  position: fixed; left: 0; top: 0; width: 100%; z-index: 91; -o-transition:all .3s ease-in-out ;  -ms-transition:all .3s ease-in-out;  -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background: #fff;
}
.nav-bg.moveUp {top:0;transition: all 0.5s ease-out;}
.nav-bg.solid{background-color: #fff; background-color: #fff\9; border-bottom: 1px solid #fff; transition: all 0.5s ease-in-out;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);}
.nav-header.moveDown {top: 0;transition: all 0.45s ease-in-out;}
.head-bg{margin:0 auto; width:90%; height:100px;}
.nav-bg .logo{float:left; margin-top:15px; width:511px;height:77px;background: url(../images/logo_blue.png) no-repeat;background: url(../images/logo_blue.png) no-repeat\9;background-size:100% auto;}
.nav-bg .logo img{display: block;width: 100%;height: 100%;}
.language{float: right; width:70px; height:26px; border: solid 1px #212121; border-radius: 50px; color: #212121; line-height:26px; margin-top:33px; font-family: arial; font-size: 16px;}
.language img{display: block; float: left; margin: 4px 0px 0 10px;}

.nav{display: inline-block;font-size:18px;margin-top:35px;}
.nav li{margin:0 25px;float: left;}
.nav li a{color:#212121;}
.nav li a:hover{color:#007FC4;}
.nav li em{display: none;}
.nav_menu{display:block;}
.navhover a{color:#007FC4 !important; background: url(../images/mune_blue.png) center 30px no-repeat; padding-bottom:18px;}
.nav li .head{display: none;position: absolute;top:91px; margin-left: -20px; z-index:1; background: #fff;}
.nav dd{float: left;width:100%;line-height:40px;background-color: #fff;border-bottom: solid 1px #f2f2f2;clear: both;}
.nav dd a{display:block; font-size:16px; line-height:40px;background:#fff !important;color:#212121 !important; padding:0 20px;}
.nav dd a:hover{background:#007FC4 !important; color:#FFFFFF !important;}

/*手机导航*/
.mo-logo{
    display: none;
    position: fixed;
    top: 3px;
    left: 50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
}
.menuBtn{
    position: absolute;
    left: 10px;
    top:15px;
    z-index: 9999;
    display: none;
}
.menuBtn em{position: relative;display: block;
    width: 28px;height: 3px;margin:4px 0;background:#007FC4;
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;}
.menuBtn.open .em1{
    top:8px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.menuBtn.open .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.menuBtn.open .em3{
    top:-7px;
    transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -webkit-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
}



/*内页广告*/
.channel-banner{margin: 0 auto ;width: 100%; padding-top:100px;}
.channel-banner img{display: block; width: 100%;}

/*位置导航*/
.nav-bread{line-height:35px;font-size:0; padding-left: 0.5%;}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#007fc4}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}

/*内页分类*/
.nav-x {background:#fff;width:100%;position:relative; margin: 0 auto;}
.nav-x ul {font-size:0;-webkit-text-size-adjust:none;text-align:center}
.nav-x li {display:inline-block;}
.nav-x li i {margin:0px auto 5px auto;font-size:24px;display:block;}
.nav-x li a {font-size:16px;height:60px;line-height:60px;color:#6e6e6e;text-align:center;display:block; padding: 0 10px;}
.nav-x li a:hover{color:#007fc4}
.nav-x li a.active {background:linear-gradient(-180deg,#007fc4,#007fc4);color:#fff}
.col-2 { display: block; padding: 0 10px;}

/*内页内容*/
.article {margin: 0 auto; width:100%; background:#F7F7F7; padding: 50px 0;}
.container{margin: 0 auto ;width: 90%;}
.bg-gray{background:#ffffff}
.article .padding-large{padding:30px 50px}
.article h1{font-size:28px;font-weight:normal; display: block; text-align: center;background: url(../images/t_ico.png) center bottom no-repeat; padding-bottom:10px;}
.article .post{font-size:16px; line-height:40px; margin-top: 30px;}
.article .contact{line-height:40px; margin-top: 30px;}

/*内页列表*/
.list_article{margin: 0 auto; width:100%; background:#F7F7F7; padding:30px 0;}
.list_article h1{font-size:28px;font-weight:normal; display: block; text-align: center;background: url(../images/t_ico.png) center bottom no-repeat; padding-bottom:10px;}
.list_article .padding-large{padding:30px 50px}
.list_imgs{margin: 0 auto; width: 100%; margin-top: 15px;}
.list_imgs li{float: left; width:24%; display: block; margin: 0.5% 0.5%; overflow: hidden;}
.list_imgs li img{display: block; width: 100%;transition: all 0.6s;}
.list_imgs li img:hover{transform: scale(1.2);}
.list_imgs li p{display: block; text-align: center; line-height: 35px;}
.list_article .text-center {text-align:center; font-size: 14px; color: #ccc; border-bottom: solid 1px #f2f2f2; padding-bottom:20px;}
.list_article h2{font-size:28px;font-weight:normal; display: block; text-align: center; padding-bottom:20px;}
.list_article .list_post{line-height:40px; padding: 10px 0; color: #666;}

/*新闻列表*/
.list_news_bg{margin: 0 auto; width:100%; background:#F7F7F7; padding:30px 0;}
.list_news_bg h1{font-size:28px;font-weight:normal; display: block; text-align: center;background: url(../images/t_ico.png) center bottom no-repeat; padding-bottom:10px; margin-bottom: 30px;}
.list_news_bg .list_news {margin-bottom:30px;}
.list_news_bg .list_news .time{margin-top:120px;margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list_news .time .text-large{font-size:52px;line-height:54px;}
.list_news .hidden-l{line-height: 30px;}
.list_news_bg .list_news .news {margin-top:100px;margin-left:50px;margin-right:30px}
.list_news .news h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list_news_bg .list_news .button{margin-top:130px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
.list_news_bg .list_news:hover .button{background:#007FC4;color:#fff;border:1px solid #007FC4}
.list_news_bg .list_news:hover h3 a{color:#007FC4}
.list_news_bg .margin-top {margin-top:10px}
.list_news_bg .img-responsive {display:block;max-width:100%;height:auto}
.Conv_DINCondensedC{ font-family: "Conv_DINCondensedC";}
.line {margin:0;padding:0}

/*产品列表*/
.list_product{margin: 0 auto; width:100%; background:#F7F7F7; padding:30px 0;}
.list_product h1{font-size:28px;font-weight:normal; display: block; text-align: center;background: url(../images/t_ico.png) center bottom no-repeat; padding-bottom:10px; margin-bottom: 30px;}
.line-big {margin: 0 auto; }
.product-list .media{-webkit-transition:.3s;transition:.3s;}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(0,0,0,.05);}
.product-list .media-body {padding:20px 0}
.product-list .media:hover .media-body h2 a {color:#007FC4;}
.margin-big-bottom {margin-bottom:20px}
.media,.media-body {overflow:hidden; zoom:1}
.media,.media .media {margin-top:15px}
.media:first-child {margin-top:0}
.media-body {margin-top:3px}
.media.media-y {text-align:center}
.height {line-height:24px}
.margin-big-top {margin-top:20px}
.list_product .img-responsive {display:block;max-width:100%;height:auto}
.product-list .padding-large{padding:30px}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:24px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:48px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-next{right:20px}
/* owl-carousel轮播插件 */

/* 产品详细页begin */
.view_products {margin: 0 auto; width:100%;background:#F7F7F7}
.view_products .pro_container{margin:0 auto;padding:40px 10px; width:90%;}

.pro_article {width:100%;}
.pro_article h1{font-size:28px;font-weight:normal; display: block; padding-bottom:10px;}
.pro_article .post{font-size:16px; line-height:40px;}
.pro_article .text-default {font-size:14px}
.pro_article .text-large {font-size:24px}

.product-description .padding-large{padding:10px 0 0 30px}
.product-description .padding-large-top{padding:0}
.product-description p{line-height:24px}
.product-description .zoomimg{ width: 100%;}/* PC端独有 */

/* 产品详情TAB begin */
.product-overview{width:90%; margin: 0 auto;}
.product-overview .p_title{font-size:22px; background:#FFF; text-align: center; padding: 20px 0;}
.product-overview .p_contact{display: block; padding:10px;}

.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:18px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#ff9600;left:0}
.layout{margin: 0 auto; width: 100%;}

/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.pro-thumb .item img{border:1px solid #eee}
.pro-thumb .item:hover img{border:1px solid #007FC4}
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next {opacity:.6;}
/* 放大镜 end */

/* 商品参数 */
.attribute li {position:relative;color:#666;line-height:32px;}
/* .attribute li:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:11px;border-radius:50%;} */
.attribute li span {color:#999}
/* 商品参数 end */

/* 商品详情 */
.content img{max-width: 100% !important;height: auto !important;}
/* 商品详情 end */



/*分页 begin*/
.pagination{margin: 0 auto; width:100%; display:block; text-align: center;}
.pagination ul{margin-top: 30px;}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;display:inline-block;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC; display: block;}
.pagination li.active a,.pagination li a:hover {background:#007FC4;color:#fff;border:1px solid #007FC4;}

/* 上下篇  */
.list_pag{margin: 0 auto; width: 90%; margin-top: 10px;}
.prenext-pro a.button{height:70px;line-height:70px;padding:0 25px}
.prenext-pro a.button:hover{background:#007FC4;color:#fff}
.prenext-pro a.border{border:1px solid #eee}
.button {border:solid 1px #EBEBEB;background:transparent;border-radius:4px;font-size:14px;padding:8px 20px;margin:0;display:inline-block;line-height:20px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.button[disabled] {pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}
.button:active {background-image:none;outline:0;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.button:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.button-block {display:block;width:100%}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.text-middle {font-size:16px}
.radius-none {border-radius:0}
.text-gray{color:#888888}
.border {border:solid 1px #EBEBEB}
.text-main,a.text-main:link,a.text-main:visited,.button.border-main,blockquote.border-main strong,.pager.border-main a,.pager-prev.border-main,.pager-next.border-main{color:#383838}
.bg-white,.button.bg,.border-white .button.active,.pointer.border-white .active,.pagination.border-white .active {background-color:#fff}
.x1,.x2,.x4,.x5,.x6,.x7{float:left}
.x1 {width:8.33333333%}
.x2 {width:16.66666667%}
.x4 {width:33.33333333%;}
.x5 {width:41.66666667%}
.x6 {width:50%;}
.x7 {width:24%; margin: 0 0.5%;}


/*底部*/
.footer{margin:0 auto; width:100%; background: #007fc4;}
.foot{width:90%;margin:0 auto; padding:60px 0;overflow: hidden;}
.foot .nav_contact{float: left;border-right: solid 1px #fff; padding-right:40px;}
.foot .nav_contact h1{display:block; font-weight: normal;font-size:20px; margin-bottom:10px; color:#fff;}
.foot .nav_contact p{color: #fff;line-height:30px; font-size:14px;}

.foot .nav_left{float:left; padding:0 100px;}
.foot .nav_left:first-child{padding-left:0px;}
.foot .nav_left h1{display:block; font-weight: normal;font-size:20px; margin-bottom:10px; color:#fff;}
.foot .nav_left li{display:block; line-height:30px; font-size:14px;}
.foot .nav_left li a{ color: #fff;}
.foot .nav_left li a:hover{ color: #FF8E11;}
.foot .nav_left p{color: #fff;line-height:30px; font-size:14px;}

.foot .code{float:right; display:block; text-align:center; padding-left:70px;border-left: solid 1px #fff;}
.foot .code p{display:block; margin:10px 0 0 15px; color:#fff;}
.foot .code img{margin-left:20px; display: block; padding:5px; background: #fff; border-radius: 10px;}
.Copyright{margin:0 auto; width:100%; height:80px; text-align:center; line-height:80px; background:#252525; color:#ababab; font-size: 14px;}
.Copyright a{color:#ababab;}