@charset "utf-8";

/* CSS Document */

body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #5f5f5f; font: 14px/1 "Arial", "微软雅黑"; margin: 0; padding: 0; overflow: hidden; }



body,html{

  scroll-behavior: smooth;
padding: 0; margin: 0;
}

h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }

ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */

small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }

q:before, q:after { content: ''; }

p { margin: 0; padding: 0; }

/* 重置表单元素 */

legend { color: #5f5f5f; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */

/* 重置 hr */

hr { border: none; height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

:hover { text-decoration: none !important;}

html { overflow-y: scroll; }

:link { text-decoration: none; color: #5f5f5f; }

:visited { text-decoration: none; color: #5f5f5f; }

.fl { float:left;}

.fr { float:right;}

[data-mfp-src],

.btn-img-popup {

    cursor: -webkit-zoom-in;

    cursor: zoom-in;

}

/*======================公用样式=======================*/

.wrap { width: 100%; }

.logo {float: left;}

.target-fix {
    position: relative;
    top: -92px; /*偏移值*/
    display: block;
    height: 0;
    overflow: hidden;
}
.header{ height:92px;}

.navbar-area{background-color:#fff}

.navbar-light .navbar-brand img{float:left;margin-left:-15px}

.sticky-nav{position:fixed;top:0;left:0;right:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3);margin:auto;z-index:999;background-color:#fff;-webkit-animation:.9s ease-in-out 5s normal none 1 running fadeInDown;animation:.9s ease-in-out 5s normal none 1 running fadeInDown;-webkit-transition:.9s;transition:.9s;width:100%!important}

.sticky-nav .nav-top{width:100%;border-radius:0}

.sticky-nav .main-nav{-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1)}

.main-nav{position:inherit;background:#fff;top:0;left:0;padding:0;width:100%;z-index:999;height:auto}

.main-nav nav .navbar-nav .nav-item .active,.main-nav nav .navbar-nav .nav-item:hover a{color:#1f2a66}

.main-nav nav .navbar-nav .nav-item a{text-transform:capitalize;color:#373737;font-weight:400}

.main-nav nav .navbar-nav .nav-item a i{font-size:10px}

.main-nav nav .navbar-nav .nav-item a :focus,.main-nav nav .navbar-nav .nav-item a:hover{color:#1f2a66}

.main-nav nav .navbar-nav .nav-item a.active{color:#1f2a66!important}

.main-nav nav .navbar-nav .nav-item a.active i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.main-nav nav .navbar-nav .nav-item a:hover i{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.7s;transition:.7s}

.main-nav nav .navbar-nav .nav-item a .active::before{-webkit-transform:scale(1);transform:scale(1)}

.main-nav nav .navbar-nav .nav-item .dropdown-menu{border:0;border-radius:0;background-color:#fff!important}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li{border-bottom:1px dotted rgba(148,46,89,.4)}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child{border-bottom:0}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{color:#373737;position:relative;-webkit-transition:.7s;transition:.7s;font-weight:400}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:#1f2a66;-webkit-transition:all .5s;transition:all .5s}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before{width:100%}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover{color:#1f2a66;letter-spacing:.5px}

.mobile-nav .mean-container .mean-nav ul li a .active{color:#1f2a66}

.mean-container a.meanmenu-reveal{color:#373e58}

.mean-container a.meanmenu-reveal span{background-color:#373e58}

.other-side .search-area{float:left;position:relative;top:0;margin-right:10px}

.other-side .search-area .search-item{display:inline-block;position:relative;color:#373737;cursor:pointer;top:9px}

.other-side .search-area .search-item i{display:inline-block;text-align:center;font-size:16px;position:relative;top:-2px;color:#373737;font-weight:600}

.other-side .search-area .search-item .search-overlay{display:none}

.other-side .search-area .search-item .search-overlay.search-popup{position:absolute;top:100%;width:300px;right:0;background:#fff;z-index:2;padding:20px;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(0,0,0,.1);margin-top:20px}

.other-side .search-area .search-item .search-overlay.search-popup .search-form{position:relative}

.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-input{display:block;width:100%;height:50px;line-height:initial;border:1px solid #eee;color:#373737;outline:0;-webkit-transition:.5s;transition:.5s;padding-top:4px;padding-left:10px}

.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-input:focus{border-color:#ff6464}

.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-button{position:absolute;right:0;top:0;height:50px;background:0 0;border:0;width:50px;outline:0;-webkit-transition:.5s;transition:.5s;padding:0;cursor:pointer}

.other-side .search-area .search-item .search-overlay.search-popup .search-form .search-button:focus{color:#ff6464}

.other-side .search-area .search-item .search-btn{-webkit-transition:all .5s;transition:all .5s;font-size:16px;color:#373737}

.other-side .search-area .search-item .search-btn:hover{color:#1f2a66}

.other-side .search-area .search-item .search-btn:hover i{color:#1f2a66}

.other-side .search-area .search-item .close-btn{cursor:pointer;display:none;-webkit-transition:.5s;transition:.5s;color:#373737}

.other-side .search-area .search-item .close-btn:hover{color:#1f2a66}

.other-side .search-area .search-item .close-btn.active{display:block;margin-left:5px;top:1px}



.other-side .lang{float:right;margin-top:8px;margin-left:10px}



.other-side .modal-menu{float:right;margin-left:20px;margin-top:3px}

.other-side .modal-menu a{color:#64acff;font-size:20px;font-weight:700;width:40px;height:40px;line-height:40px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);text-align:center}

.other-side .modal-menu a:hover{color:#ff6464}



.ban-pc {display: block;}

.ban-mobile {display: none;}

.ban-mobile img {width: 100%; height: auto;}

.ban-pc .swiper-pagination-bullet-active { background: #1f2a66!important;}

.ban-pc .swiper-pagination-bullet { width: 12px!important; height: 12px!important; background: #fff;opacity:1!important;}

.ban-pc .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px!important;}

.ban-pc .swiper-slide video{width:100%; display: block;}
.ban-pc .swiper-slide{ position:relative; background:none;}

.ban-pc .swiper-slide .animated{position:absolute;   text-align: center; width:960px; left:50%; top:50%; margin-left: -480px;height:250px; margin-top:-145px;}
.ban-pc .swiper-slide .animated img{width:100%;}

.ban-pc .swiper-slide .animated p strong{font-size: 2rem;color:#fff;line-height: 40px;}
.ban-pc .swiper-slide .animated p{ text-shadow:8px 8px 8px rgba(0,0,0,.4);font-size: 1.6rem;color:#fff;line-height: 35px;}


.ban-pc .swiper-slide .animated {
    -webkit-animation-duration: 4s; 
    animation-duration: 4s;
    -moz-animation-duration: 4s; 
}

/*首页*/





.homeInfor {background: #FBFCFC;}

.homeInfor .pic {float: left;width: 50%;position: relative;top: 40px;opacity: 0;}

.homeInfor .pic img {width: 100%;}

.homeInfor .right {float: right;width: 50%;position: relative;top: 40px;opacity: 0;}

.homeInforCont {width: 600px;margin: 102px 0 0 60px;}
.homeInforCont .tit.titLeft{ padding-bottom: 20px;}

.homeInforCont h2 {font-size: 40px; color: #1f2a66; font-weight: bold;}

.homeInforCont h3 {margin-bottom: 20px; font-family: 'Poppins', sans-serif, 'Microsoft Yahei';font-size: 28px;text-transform: capitalize;color: #1182DF;font-weight: 300;line-height: 40px;}

.homeInforCont span {display: block; width: 24px; height:6px; background: #fabe00; margin:20px 0;}

.homeInforCont p {margin-bottom: 22px; color: #3a3c3e;line-height: 26px;}

.homeInfor .detail {display: block;width:70px; height: 70px;margin-top: 40px;}

.homeInfor .pic-m {margin-top: 40px; position: relative; margin-left: -28px;}
.homeInfor .pic-m li {width: 25%; float: left;}

.homeInfor .pic-m img {}







/*首页产业布局*/

.index-cybj {width: 100%; background: url("../images/cybj-bg.jpg") repeat-y; overflow: hidden; padding:105px 0; }

.index-cybj-top {width: 100%;}

.index-cybj-top .tit {}

.index-cybj-top .tit h2 {font-size: 40px; color: #1f2a66;text-transform:capitalize; font-weight: bold;}

.index-cybj-top .tit span {display: block; width: 24px; height:6px; background: #fabe00; margin:20px 0;}

.index-cybj-top .txt {text-align: right; line-height: 25px;}

.index-cybj-main {width: 100%;}

.index-cybj-main .cybj-cat {display: block; margin-top: 26px;}

.index-cybj-main .cybj-cat li {width: 249px; height: 62px; background:url("../images/cybj-catli.jpg") no-repeat;text-indent: 50px; }

.index-cybj-main .cybj-cat li a {line-height: 62px; font-size: 16px; color: #333;}

.index-cybj-main .cybj-cat li:hover,.index-cybj-main .cybj-cat li.sel {display: block; width: 249px; height: 62px; background:url("../images/cybj-catlia.jpg") no-repeat;}

.index-cybj-main .cybj-cat li:hover a,.index-cybj-main .cybj-cat li.sel a {color: #1f2a66;}



.index-cybj-main .cybj-cat .more {width: 249px; line-height: 50px; text-align: center; margin-top: 112px; background: #1f2a66;}

.index-cybj-main .cybj-cat .more a {color: #fff; font-size: 16px;}

.index-cybj-main .cybj-pic ul li{display: none;}

.index-cybj-main .cybj-pic {width: 100%;}

.index-cybj-main .cybj-pic img {width: 100%;}

.index-cybj-main .cybj-pic .link {display: none;}



















/*首页新闻*/

.index-news { width: 100%; overflow: hidden;  padding: 100px 0 50px 0;}

.index-news .tit {}

.index-news .tit h2 {font-size: 40px; color: #1f2a66; text-align: center; font-weight: bold;}

.index-news .tit span {display: block; width: 24px; height:6px; background: #fabe00; margin:20px auto 0;}

.index-news-main {margin-top: 20px;}

.index-news-main .con {width: 100%; overflow: hidden;}

.index-news-main .con img {width: 100%; height: auto;}

.index-news-main .con .tit {margin-top: 20px; margin-bottom:10px; font-size: 18px;line-height: 30px; height: 30px; overflow: hidden;
     text-overflow: ellipsis; white-space: nowrap;font-weight: bold;}

.index-news-main .con .tit a {color: #25292f;}

.index-news-main .con .time { margin-bottom: 14px; color: #aaa;}

.index-news-main .con .txt { margin-bottom: 34px; line-height: 26px;}

.index-news-main .more { width:300px; line-height: 55px; background: #1f2a66; border-radius:50px; text-align: center; margin: 0 auto;} 

.index-news-main .more a {display: block; color: #fff;}

.index-news-main .con:hover .tit a,.index-news-main .con:hover .time {color:#1f2a66; }





/*底部*/

.foot { width: 100%; overflow: hidden; background: url("../images/foot_bg.jpg") no-repeat center 0px; height: 425px;}

.foot-con {padding:70px 0 26px 0;overflow: hidden;}

.foot-logo {margin-bottom: 23px;}

.foot-logo img {}

.foot-txt {line-height: 31px; color:#fff;}
.social-area{ color:#fff;}
.social-area span:first-child{position: relative;
    top: 4px;}
.social-area span {margin-top:9px;}

.social-area span a:hover .fa-inverse { color:#fff;}

.social-area span a:hover i {color:#1f2a66;}

.social-area i { color:#fff;}

.social-area .fa-inverse {color:#1d1d1d;}

.foot-con dl {display: block; margin-top:15px; }

.foot-con dl dt {margin-bottom: 6px; font-weight:normal!important;}

.foot-con dl dt em {color: #fff;display: block; margin-bottom: 12px; font-size: 16px;text-transform: capitalize;}

.foot-con dl dt o {display:block; width: 20px; height: 3px; background: #fabe00; } 

.foot-con dl dd {display: block; line-height: 32px; font-size: 12px;text-transform: capitalize;}

.foot-con dl dd a {color: #fff;}

.foot-copy {color: #fff; line-height: 42px; text-align: center;}

.foot-con .col-lg-2{ padding-right: 0;padding-left: 0;}



.GoTop{background: rgba(255,255,255,0.15) url(../images/gotop.png) no-repeat center;}

.GoTop:hover{background-image: url(../images/gotop1.png);background-color: rgba(0,0,0,.1);}

.GoTop.active, 

.myTop a.active {

    opacity: 1;

    visibility: visible;

}

.myTop{width: 80px; height:320px;position: fixed;right: 0;bottom: 0px; z-index: 99;}

.myTop a{width: 100%; 

	height: 80px;

	opacity: 0; 

	visibility: hidden;

	text-align: center;

	line-height: 80px;

	color: #000; 

	display: block; 

	position: relative;

	transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out; 

	-webkit-transition: all .3s ease-in-out;

}

.myTop p{height: 80px; line-height: 80px; width: 300px;color: rgba(0,0,0,0); padding-left: 60px; font-size: 14px; background: rgba(255,255,255,0.15); position: absolute; left: 0; top: 0;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}

.myPhone p{background: rgba(255,255,255,.15) url(../images/mynum.png) no-repeat 26px center;}

.myPhone:hover p{background: rgba(0,0,0,.4) url(../images/mynum1.png) no-repeat 26px center;left: -220px;color: #fff;}

.myQQ p{background: rgba(255,255,255,0.15) url(../images/myqq.png) no-repeat 26px center;}

/*.myQQ:hover{background-image: url(../images/myqq1.png);background-color: rgba(0,0,0,.1);}*/
.myQQ:hover p{background: rgba(0,0,0,.4) url(../images/myqq1.png) no-repeat 26px center;left: -220px;color: #fff;}

.myweixin p{background: rgba(255,255,255,.15) url(../images/wxs1.png) no-repeat 22px center;}

.myweixin:hover p{background: rgba(0,0,0,.4) url(../images/wxs2.png) no-repeat 22px center;left: -220px;color: #fff;}

.myweixin i{display: inline-block;vertical-align: middle;line-height: 20px;text-align: left;margin-left: 15px;}

.myweixin img{ width: 80px;display: inline-block;vertical-align: top;}

.myweixin:hover img{opacity: 1;visibility: visible;z-index: 1;filter: alpha(opacity='100');}

.myTop a,.myTop p,.GoTop{height: 60px;line-height: 60px;}







/*内页*/

.inner-ban {width:100%; height: 480px;}

.about_ban {background: url("../images/about_ban.jpg") no-repeat center;}

.cybj_ban {background: url("../images/cybj_ban.jpg") no-repeat center;}

.contact_ban {background: url("../images/contact_ban.jpg") no-repeat center;}

.down_ban {background: url("../images/down_ban.jpg") no-repeat center;}

.zyfz_ban {background: url("../images/zyfz_ban.jpg") no-repeat center;}

.news_ban {background: url("../images/news_ban.jpg") no-repeat center;}

.webzi {width: 100%; position: relative;  }

.webzi .tit-1 {position: absolute;top:170px;left: 0;  font-size: 40px; color: #fff;}

/*.webzi .tit-2 {position: absolute;top:160px;left: 0; z-index: 999!important; font-size:36px; color: #fff;}*/

.webzi .tit-3 {position: absolute;top:228px;left: 0;  font-size:20px; color: #fff;}



.webzi .down-ico {position: absolute;top:295px;left: 0;opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: 0.3s ease 0.6s;}

.webzi .down-ico {display: block;width: 43px;height: 43px;border-radius: 50%;border: 1px solid #fff;cursor: pointer;position: relative;overflow: hidden;}

.webzi .down-ico i{display: block;width: 100%;height: 100%;background: url(../images/ico_16.png) no-repeat center;position: relative;}

.webzi .location {position: absolute; top: 425px; left: 0; font-size:16px; color: #fff;}

.webzi .location a {color: #fff;}

.webzi .location i {margin-right:10px;}

.webzi .link {position: absolute;top:295px;left: 0;opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: 0.3s ease 0.6s;}





.inner {width: 100%; overflow: hidden; background: #f5f5f5; padding:70px 0 100px 0;}



.inner-ban img {display: none;}

.inner-pro { width: 100%; overflow: hidden; padding-top:30px; background:#f3f3f3;}



.inner-menu {width: 100%; height: 128px; background: url(../images/inner_menu_bg.jpg) no-repeat center; display: block;}

.inner-menu .tit {float: left; padding-top: 35px; color: #fff;}

.inner-menu .tit p { margin-bottom: 13px; font-size: 35px;}

.page-nav {width: 70%; float: right;padding-top: 40px;}

.page-nav ul { display: table; width: 100%;}

.page-nav ul > * {display: table-cell;vertical-align: middle;}

.page-nav a {display: inline-block;text-align: left;color: #fff;	}

.page-nav li {text-align: right;}

.page-nav li:hover a,.page-nav .active a {color: #ffffff;}

.page-nav .id {position: relative;}

.page-nav .id::after {content: ''; display: inline-block;vertical-align: middle;margin-left: 10px;width: 30px;height: 1px;border-bottom: 1px solid #fff;}

.page-nav h5 {font-size: 18px;margin-top: 5px;}

@media (max-width: 1200px) {

  .page-nav { width: 80%;}

  .page-nav h5 {font-size: 15px;}

}



.m-ins-navbox {display: none;}













.filters {width: 100%; overflow: hidden; background:#fff;  position: relative; z-index: 19;}

.filters .filter-tabs {position:relative; float: left;}

.filters li{
	position:relative;
	display: inline-block;
	line-height:50px;
	padding: 10px 49px;
	cursor:pointer;
	color:#666;
	font-weight:500;
	font-size:14px;
	top: 0;
}

.filters a:hover, .filters a:focus {

	

    text-decoration: underline;

}

.filters li:last-child{margin-right: 0; }

.filters .filter.active,

.filters .filter:hover{

	border-bottom: 2px solid #1f2a66;

	color: #1f2a66 !important;

}

.filters .filter:hover a {color: #1f2a66;}

.filters .filter.active a {color: #1f2a66;}



/*index_product*/

.product {}

.product-item { float:left; padding:0; margin:0 3px; margin-bottom: 50px; background: #ebebeb; overflow: hidden;}

.product-item img { display: block; border:3px solid #ebebeb; text-align: center; margin: auto;}

.product-item img:hover{transform: scale(1.1); transition: transform 0.3s; }

.product-item a {display:block; float:left;  position:relative;  color:#333;}

.product-item a .intro{padding:30px 18px;}

.product-item a .intro span {line-height: 24px; display: block; color: #424242;}

.product-item a .intro em {line-height: 23px; font-size: 12px; display: block; color: #939393;}

.product-item:hover {background: #db0303; border: #ebebeb;}

.product-item:hover .intro span,.product-item:hover .intro em {color: #fff;} 



.prod-details-info-content {}

.prod-details-info-content p {line-height:25px; }

.contact-lx {width: 100%; padding-bottom: 50px; overflow: hidden; background: #f4f6f8;}

.contact-lx i {margin-right: 15px; color: #489c4d;}

/*======================

Contact Page Style

========================*/

.contact-map { padding:20px; width: 100%; background: #fff; }

.contact-map img {width: 100%;}

@media only screen and (max-width: 767.98px) {

    .contact-map {

        height: 530px;
		padding:0px;

    }

}

.contact-form-content {width: 100%; overflow: hidden; background: #fff; padding: 50px; margin-top:50px;}

.contact-form-content .tit {margin-bottom: 30px; overflow: hidden;}

.contact-form-content .tit span {display: block; font-size: 36px; color: #333; margin-bottom: 25px;}

.contact-form-content .tit em { display: block; width: 200px; height: 1px; background: #a6a6a6;}

.contact-fl {padding-left: 100px;}

.contact-fl .info { overflow: hidden; line-height: 66px; font-size: 16px;}

.contact-fl .info i {color: #1f2a66; margin-right: 20px;}







.contact-fr {padding-right:100px;}

.touch { width:100%; height:400px;  position:relative;}

div.contact-fr input[type='text'],div.contact-fr input[type='submit']{ background: #fff; border: 1px solid #ddd; position:absolute;outline:none;  text-indent:14px; color:#777;width: 100%;}

div.contact-fr input[type='checkbox']{width:12px;height:12px;}

/*联系我们*/
input.gbk_1 {width: 48% !important; height:55px; top:0; left:0; }
input.gbk_2 {width: 48% !important; height:55px; top:0; right:0;}
input.gbk_3 { height:55px; top:75px; left:0; }
input.gbk_5 { width:180px!important; height:35px; top:300px; left:0; text-indent: 0!important; text-align: center;}
.contact-fr textarea{ width:100%; height:132px; position:absolute; top:150px; left:0; outline:none; overflow:hidden;border: 1px solid #ddd;  }
.contact-fr textarea, .touch input { color:#777;}
.contact-fr textarea {padding:24px 14px; }
input.contact_sub{ width:240px !important; height:45px !important; text-indent:0 !important; color:#fff !important; top:350px; left:0; border-radius:5px; cursor:pointer; background:#2a3b96!important; line-height:45px; text-align:center !important; font-size:18px;} 
input.contact_sub a { display:block; color:#fff !important;}
input.contact_sub i { color:#fff; margin-right:5px;}
.contact-fr .vdimgck{float:left;cursor: pointer; border:#ccc solid 1px;height:34px; position:absolute; top:302px; left:200px;}








/*NEWS*/

.top-news {width: 100%; background: #fff; overflow: hidden; margin-bottom: 50px;}

.top-news img {}

.top-news .con {padding:50px 25px 30px 25px;}

.top-news .con .tit {margin-bottom: 27px; font-size: 30px; color: #333;}

.top-news .con .txt {line-height: 25px; margin-bottom: 55px; font-size: 16px; color: #999;}

.top-news .con .time { margin-bottom: 40px; color: #999;}

.top-news .con .more { color: #999;}

.top-news .con .more a { color: #999;}

.owl-stage {}

.owl-item { width:100%; overflow: hidden; background: #fff; margin-bottom: 20px;}

.owl-item li {  transition: 460ms; }

.owl-item li figcaption { padding: 20px; margin: 20px; transition: 460ms; border-top: 8px solid #eee; position: relative; }

.owl-item li figcaption .mask { height: 8px; width: 0px; transition: 460ms; background: #333; position: absolute; left: 0; top: -8px; }

.owl-item li:hover figcaption .mask { height: 8px; width: 100%; transition: 460ms; background: #1f2a66; }

.owl-item li figcaption H4 { font-size: 16px; color: #333; padding: 10px 0px; border-bottom: 1px solid #eee; transition: 460ms; }

.owl-item li figcaption H6 { font-size: 12px; font-weight: normal; padding: 15px 0px; overflow: hidden; margin-bottom: 10px; line-height: 25px; text-align: left; color: #999; transition: 460ms; border-bottom: 1px solid #eee; }

.owl-item li:hover figcaption H4 { color: #1f2a66; }

.owl-item li figcaption .time { float: left; font-size: 12px; color: #666; transition: 460ms; }











.news-info { width: 100%; overflow:hidden; background: #fff; padding: 50px 30px;}



.news-info .rightwrap {  }

.news-info h1 { font-weight: normal; margin-bottom: 14px; color: #505050; font-size: 18px; line-height: 30px; }

.news-info .entry-meta { padding: 8px 20px; background: #fff; overflow: hidden; color: #505050; line-height: 36px; font-size: 14px; }

.news-info .contwrap { font-size: 14px; padding-top: 20px; padding-bottom: 40px; color: #555; line-height: 20px; }

.news-info .contwrap img { display: block; margin: 0 auto; max-width: 100%; }

.news-info .rightwrap h4 { font-weight: bold; padding: 12px 14px; line-height: 23px; margin-bottom: 20px; background:#1f2a66; font-size: 16px; color: #fff; }

.news-info .rightwrap ul { width: 100%;}

.news-info .rightwrap li { width: 100%; padding-bottom: 14px; padding-top: 7px; border-bottom: 1px solid #dadada; }

.news-info .rightwrap li:last-child { border-bottom: none; }

.news-info .rightwrap li a { color: #333; font-weight: bold; display: inline-block; font-size: 14px; line-height: 28px; }

.news-info .rightwrap li a:hover { color: #1f2a66; }

.news-info .rightwrap li .post-date { display: block; line-height: 21px; font-size: 13px; color: #555; margin-top: 1px; }

.news-info .paging { width: 100%; overflow: hidden; padding: 50px 0; width: 100%; }

.news-info .paging .fl { font-size: 12px; line-height: 22px; }

.news-info i {margin-right: 10px;}

.news-info .paging a { color: #666; }

.news-info .paging a:hover { color: #1f2a66; }

.news-info .paging .return { border: 1px solid #ddd; display: block; height: 34px; line-height: 34px; margin-top: 10px; text-align: center; width: 100px; font-size: 14px; }

.news-info .paging .return:hover { border: 1px solid #1f2a66; background-color: #1f2a66; color: #fff; }

.search_form{ margin: 10px auto;}

.search_form form{width:100%;}

.search_form form .form-group .row{line-height:40px;}

/*关于我们*/

.about {width: 100%; line-height: 28px; background:#fff; overflow: hidden; padding: 50px 50px 100px 50px;}

.page_inner img{ width:100%;}

/*ABOUT首页*/

.homeAbout {width: 100%; overflow: hidden; position: relative;}

.homeAbout .pic {width: 50%;position: relative;}

.homeAbout .pic img {width: 100%;}

.homeAbout .txt {width: 50%;position: relative;}

.homeAboutCont {width: 600px;margin: 70px 0 0 317px;}

@media(min-width:1440px) and (max-width:1660px){
	.homeAboutCont { 
    margin: 10px 0 0 91px;
}
	
	.homeAboutCont .text, .homeAboutCont-r .text {
    margin-bottom: 12px !important;
}
	
	.homeAboutCont-r {
    margin: 10px 0 0 60px  !important;
}
	
}

.homeAboutCont-r {width: 600px;margin: 70px 0 0 60px;}

.homeAboutCont .tit-1 {font-size: 33px; color: #333; margin-bottom: 43px;font-weight: bold;}

.homeAboutCont .tit-2 {font-size: 20px; color: #777; margin-bottom: 22px;}

.homeAboutCont .tit-3 {font-size: 24px; color: #333; line-height: 32px; margin-bottom: 37px;font-weight: bold;}

.homeAboutCont-r .tit-4 {font-size: 33px; color: #333; line-height: 40px; margin-bottom: 37px;font-weight: bold;}

.homeAboutCont .line, .homeAboutCont-r .line {width: 33px; height:2px; background: #b2b2b2; margin-bottom:30px;} 

.homeAboutCont .text,.homeAboutCont-r .text {margin-bottom: 52px; color: #666;line-height:35px;font-size: 16px;}

.homeAbout .more {line-height: 40px; text-decoration: underline;}

.homeAbout .more a { color: #1f2a66;font-weight: bold;}

.homeAbout .pic-m {margin-top: 40px;}

.homeAbout .pic-m img {}
/*
#about-1{  padding-top: 120px;margin-top: -120px; position: relative;z-index: 9;}
#about-2{ padding-top: 120px;margin-top: -120px;}
#about-3{ height: 670px;}
#about-4{padding-top: 40px;margin-top: -40px;}
#about-1,#about-2,#about-3,#about-4{ overflow: hidden;}

#cybj-1{padding-top: 120px;margin-top: -120px;}
#cybj-2{padding-top: 140px;margin-top: -140px;}
#cybj-3{padding-top: 140px;margin-top: -140px;}
#cybj-4{padding-top: 140px;margin-top: -140px;}
#cybj-1,#cybj-2,#cybj-3,#cybj-4{ overflow: hidden;}
*/
#zyfz-1{/*padding-top:140px;margin-top:-140px;*/}
/*
#zyfz-2{padding-top: 140px;margin-top: -140px;}
#zyfz-3{padding-top: 140px;margin-top: -140px;}
#zyfz-4{padding-top: 140px;margin-top: -140px;}
#zyfz-1,#zyfz-2,#zyfz-3,#zyfz-4{ overflow: hidden;}
#guestbook{ overflow: hidden;padding-top: 190px;margin-top: -190px;}
*/


.wenhua {width: 100%; height: 545px; background: url(../images/bj.jpg) 50% 0 repeat-y fixed;}
.wenhua .container{ padding-top: 10px;}
.wenhua-con {padding-top: 27px;}

.wenhua-con .tit {margin-bottom: 35px;}

.wenhua-con .tit em {display: block; text-align: center; color: #fff; font-size: 42px; margin-bottom: 48px; font-weight: bold;    padding-top: 24px;}

.wenhua-con .tit span {display: block; width: 32px; height: 2px; background: #fff; margin: 0 auto;}

.wenhua-con p {line-height: 28px; text-align: center; color: #fff;font-size: 20px;}

.wenhua-con .pip {font-weight: bold; font-size: 26px; padding-bottom: 12px;}



.faz {width:100%;background: url("../images/abm4bj_06.jpg") no-repeat center; height: 610px; }

.abM4{/*padding-left:8%;padding-right:8%;*/padding-top:140px;}

.abM4Tit{color: #333;font-size: 48px;    font-weight: bold;}

.abM4Bri{color: #000; line-height:30px; padding-top:10px;font-size: 22px;}

.nianCon{width:823px;padding-bottom:36px;}

.history_info {width: 100%;}

.nianConP1{font-size: 24px;color: #0469d8;padding-right:50px;position: relative;display: inline-block;}

.niancontxt { width:690px; height:200px; padding-top:10px; line-height:30px; font-size:20px;}

.nianConP1:before{content: '';width:35px;height: 2px;background: #0469d8;position: absolute;right: 0;top: 50%;}

.nianConP2{font-size: 22px;color: #333;line-height:40px;}

.abM4Con{padding-top:50px;}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev{display: block;width:35px;height:35px;margin: 0;}

.ms-skin-default .ms-nav-next{background: #000;left: initial;right: 0;top:initial;bottom:210px;background: url("../images/xiajt.png") no-repeat center bottom;}

.ms-skin-default .ms-nav-prev{background: #000;left: initial;right: 0;top:-170px;background: url("../images/shangjt.png") no-repeat center top;}


.ms-skin-default .ms-nav-next:hover{background-position: center top;}

.ms-skin-default .ms-nav-prev:hover{background-position: center bottom;}

@media(max-width:990px){
    .ms-skin-default .ms-nav-prev{top: -61px;}
    .ms-skin-default .ms-nav-next{top: 194px;} 
}

.ms-inner-controls-cont, .ms-container{position: initial!important;}

.ms-thumb-frame .ms-thumb{font-size: 22px;color: #959595;text-align: right;}

.ms-thumb-frame-selected .ms-thumb{font-size: 36px;color: #0469d8;}

.master-slider{overflow: initial;}



.zzjg {width: 100%; background: #efefef; overflow: hidden;}

.zzjg span {line-height: 150px; font-size: 32px; color: #333;font-weight: bold;}

.zzjg em {padding-top: 73px; margin-left: 23px; font-size: 16px; color: #333;} 

.zzjg p {line-height: 150px; font-size: 22px; text-align: right;}

.zzjg p a {color: #1f2a66;}



/*产业布局*/

.about-20 {width: 100%; height: 20px;}

.about-1 ,.about-2 {width: 100%;background: #fff; overflow: hidden; margin-bottom: 20px; }

.about-1 .con {padding: 34px 42px; color: #333;}

.about-1 .tit_1,.about-2 .tit_1 {height: 70px; font-size: 30px;}

.about-1 .line,.about-2 .line {width: 30px; height: 2px; background: #b2b2b2; margin-bottom: 20px;}

.about-1 .txt,.about-2 .txt {font-size: 16px; line-height: 35px;}

.about-2 .con {padding:50px 25px 30px 25px; color: #333;}



/*职业发展*/

.zyfz-1 ,.zyfz-2 {width: 100%;background: #fff; overflow: hidden; margin-bottom: 20px; position: relative;}

.zyfz-1 .con {padding: 50px 45px; color: #333;}

.zyfz-1 .tit_1,.zyfz-2 .tit_1 {height: 66px; font-size: 30px;}

.zyfz-1 .line,.zyfz-2 .line {width: 30px; height: 2px; background: #b2b2b2; margin-bottom: 20px;}

.zyfz-1 .txt,.zyfz-2 .txt {font-size: 16px; line-height: 35px;}

.zyfz-1 .txt span {font-weight: bold;}

.zyfz-2 .con {padding:50px 25px 30px 25px; color: #333;}

.zyfz-1 .pic,.zyfz-2 .pic {width: 100%;}

.zyfz-2 .con img {padding: 30px 0;}

.zyfz-2 .con .txt span {font-size: 20px; color: #333; display: block; margin-bottom: 15px;}

.zyfz-2 .con .txt em {display: block;}

.zyfz-2 .con .txt em p {line-height: 42px; margin-right: 40px; float: left;}

.zyfz-1 .con .more {margin-top: 107px;}







/*Down*/

.down-info { width: 100%; overflow:hidden; background: #fff; padding: 50px;}

.down-info .tit {font-size:26px; color: #333; text-align: center; margin-bottom: 50px;}

.down-info li {width: 100%; height: 85px; border-bottom: 1px solid #ddd;}

.down-info li span {display: block; line-height: 85px; float: left; font-size: 18px; }

.down-info li span a {color: #131313;}

.down-info li span i { font-size: 20px; margin-right: 20px;}

.down-info li em {display: block; width: 195px; line-height: 48px; text-align: center; margin-top: 25px; background: #eaeaea; float: right; font-size: 18px;}

.down-info li em a {color: #939393; display: block;}

.down-info li:hover span a {color: #1f2a66;}

.down-info li:hover em a {color: #fff; background: #1f2a66;}





/*JOB*/

.joblist { clear: both;}

.job-tit {width: 100%; background: #2a3b96; height: 50px; display: block;}
.job-tit li {float: left; line-height: 50px; color: #fff; font-size: 16px; text-align: center;}
.job-tit .tit-1 {width:26%;}
.job-tit .tit-2 {width: 14%;}
.job-tit .tit-3 {width: 14%;}
.job-tit .tit-4 {width: 14%;}

.job-txt {font-size: 16px; color: #1f2a66; line-height: 35px;}

.job-txt a { color: #1f2a66;}

.jonav li { width: 25%; }

.jot {background: #fff; color:#989898}
.jot span {text-align: center;}
.jot:first-child {background: #1f2a66;color:#fff;}

.jot:hover .jod {background: #1f2a66; color:#fff;}

.joa {background: #e9ebf4;color:#333;text-align: center;}
.joa:hover {background: #e9ebf4 !important;color:#333;}
.joa:hover span {color:#333;}
.jotxs  .joa span{color:#333 !important;}

.jotxs:hover .jot  {}


.jotxs:hover .jot  {background: #e9ebf4;text-align: center;}
.jotis span{font-size:16px;}

.jot span { display: block; width: 14%; float: left; line-height: 47px; height: 47px; overflow: hidden;  }

.jot span:first-child { /*padding-left: 4%;*/ width: 26%; }

.jod > span { color: #666; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; }

.jotxs { position: relative; margin-bottom: 0px; overflow: hidden; border-bottom:#ccc solid 1px;}

.jos {  display: none; padding-right: 1px; }

.jos .bodr { background: #fff; overflow: hidden; padding: 30px 5% 30px 5%; border-top: 0; line-height: 30px; }

.jos>.bodr>span { display: block; border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;  }

.jotxs .line { background: #000; display: block; position: absolute; }

.jotxs .line_1 { width: 21px; height: 1px; top: 23px; left: 15px; }

.jotxs .line_2 { width: 1px; height: 21px; top: 13px; left: 25px; }

.jotxs .arrow { width: 55px; height: 47px; position: absolute; top: 0; right: 0; transition: 300ms; -webkit-transition: 300ms; }

.jotxs:hover .jod > span, .jotxs.act .jod > span {  }

.jotxs.act .arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }

.jo2 { }

.jos a { color: #666 }

select.selbox { width: 100%; height: 48px; line-height: 48px; padding: 0px; outline: none; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "microsoft yahei"; cursor: pointer; display: block; font-size: 14px; padding-left: 14px; border: 1px solid #ddd; color: #666 }

.no-csstransitions select.selbox { padding-left: 0; background-image: none; }

select.selbox option { padding: 2px 12px; }

select.selbox:hover { color: #323232; }

.jobview { width: 100%; margin-top: 30px; margin-bottom: 50px; }

.jobview .list { margin-top: 30px; }

.jobview .list dd { width: 48.5%; display: block; margin-bottom: 20px; margin-right: 3%; float: left }

.jobview .list dt { width: 100%; display: block; }

.jobview .list dd:nth-child(2n+2) { margin-right: 0 }

.jobview .list .txt { background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 100%; font: 14px/1.8 "microsoft yahei"; border: 1px solid #ddd; color: #999 }

.jobview .list .txt2 { height: 200px; margin-bottom: 0px; }

.jobview .list .btn { text-align: center; margin: 20px auto; }

.jobview .list .fromBtn { display: inline-block; width: 100%; max-width: 150px; margin: 0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #0769b2; border: 0px; border-radius: 5px; margin-right: 20px; cursor: pointer }

.jobview .list .fromBtn:hover { background-color: #045b9c; }











.search_info { width:100%; height:58px; overflow: hidden; background:#f6f6f6; border-radius: 30px; margin-top:26px;}

.search_info_txt { display:inline; float:left; width:80%; height:58px;}

.search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color:#a2a2a2; float: left;  width: 100%; height:58px; line-height:58px; overflow: hidden; text-indent:40px;}

.search_info_btn { float: left; width:20%; height:54px; position: relative;}

.search_info_btn_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; float:left; width: 100%; height:54px; overflow: hidden; cursor:pointer; position: relative; z-index: 9999; }

.search_info_btn i {position: absolute; top: 20px; left: 20px; font-size: 18px;}



.list-pro-r {}

.pro-pic {width: 100%; overflow: hidden; margin-bottom: 20px;}

.pro-pic img {width: 100%; height: auto;}

.list-pro-r .con {display:block; padding:0; margin-bottom: 20px; overflow: hidden; background: #fff;}

.list-pro-r .con img { display: block; width: 100%;}

.list-pro-r .con:hover {background: #fff; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2);}

.list-pro-r .con:hover .txt em a{color: #cc0202;}

.list-pro-r .con .txt{padding:12px 0 30px 0; text-align: center;}

.list-pro-r .con .txt span { display: block; color: #000; font-size: 16px; font-weight: bold; margin-bottom: 16px;}

.list-pro-r .con .txt em {display: block; color: #666; font-weight: bold;}

.list-pro-r .con .txt em a { color: #666;}

.list-pro-r .con .txt span a {color: #000;}









/*--------------------------------

Magnific JS Customization

----------------------------------*/

.ht-mfp {

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.ht-mfp.mfp-bg {

    background: rgba(0, 0, 0, 0.4);

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.ht-mfp .mfp-content {

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



@media only screen and (min-width: 1200px) {

    .ht-mfp .mfp-content {

        max-width: 70%;

    }

}



.ht-mfp .mfp-content .mfp-close {

    display: none;

}



.ht-mfp .mfp-close {

    background-color: #db0303;

    color: #FFFFFF;

    padding: 0;

    text-align: center;

    opacity: 0;

    top: 50px;

    right: 50px;

    height: 50px;

    width: 50px;

    line-height: 50px;

}



@media only screen and (max-width: 767.98px) {

    .ht-mfp .mfp-close {

        top: 30px;

        right: 30px;

        height: 40px;

        width: 40px;

        line-height: 40px;

    }

}



.ht-mfp .mfp-close:hover {

    background-color: #db0303;

}



.ht-mfp .mfp-arrow {

    background-color: #db0303;

    opacity: 1;

    margin-left: 15px;

    height: 55px;

    width: 55px;

}



.ht-mfp .mfp-arrow:before {

    display: none;

}



.ht-mfp .mfp-arrow:after {

    content: '\f104';

    color: #FFFFFF;

    font-family: "FontAwesome";

    font-size: 25px;

    line-height: 40px;

    text-align: center;

    margin: 0;

    padding: 0;

    border: 0;

    position: absolute;

    width: 100%;

    height: 100%;

}



.ht-mfp .mfp-arrow-right {

    margin-left: auto;

    margin-right: 15px;

}



.ht-mfp .mfp-arrow-right:after {

    content: '\f105';

}



.ht-mfp .mfp-arrow:hover {

    background-color: #000;

}



.ht-mfp.zoom-animate.mfp-bg {

    opacity: 0;

}



.ht-mfp.zoom-animate .mfp-content {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

}



.ht-mfp.zoom-animate.mfp-ready.mfp-bg {

    opacity: 0.9;

}



.ht-mfp.zoom-animate.mfp-ready .mfp-content {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}



.ht-mfp.zoom-animate.mfp-removing .mfp-content {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

}



.ht-mfp.zoom-animate.mfp-removing.mfp-bg {

    opacity: 0;

}



.ht-mfp.zoom-animate.mfp-removing .mfp-close {

    opacity: 0;

}

/*================================

Single Product Page Style

==================================*/

@media only screen and (max-width: 767.98px) {

    .product-thumb-area {

        margin-bottom: 30px;

    }

}



.product-thumb-area .pro-thumb-item img {

    margin: auto;

	max-width: 100%;

}



.product-thumb-area .product-details-thumbnail {

    border: 1px solid #e1e1e1;

    text-align: center;

    position: relative;

}



.product-thumb-area .product-details-thumbnail .btn-large-view {

    background-color: rgba(255, 255, 255, 0.9);

    bottom: 20px;

    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);

    color: #1b1b1c;

    display: block;

    font-weight: 700;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    line-height: 22px;

    padding: 10px 0;

    position: absolute;

    text-align: center;

    width: 136px;

}



.product-thumb-area .product-details-thumbnail .btn-large-view i {

    margin-left: 3px;

    vertical-align: middle;

}



.product-thumb-area .product-details-thumbnail-nav {

    margin-top: 10px;

}



.product-thumb-area .product-details-thumbnail-nav .pro-thumb-item {

    border: 1px solid #e1e1e1;

    text-align: center;

    cursor: pointer;

}



.product-thumb-area .product-details-thumbnail-nav .slick-list {

    margin: 0 -5px;

}



.product-thumb-area .product-details-thumbnail-nav .slick-list .slick-slide {

    margin: 0 5px;

}



@media only screen and (min-width: 1200px) {

    .prod-details-info-content {

        padding-left: 20px;

    }

}



.prod-details-info-content h2 {

    font-size: 30px;

    margin-top: -6px;

}



@media only screen and (max-width: 767.98px) {

    .prod-details-info-content h2 {

        font-size: 24px;

        font-weight: 500;

        margin-bottom: 10px;

    }

}



.prod-details-info-content .price {

    font-size: 18px;

	margin-top: 10px;

    margin-bottom: 33px;

}



@media only screen and (max-width: 767.98px) {

    .prod-details-info-content .price {

        font-size: 20px;

        margin-bottom: 20px;

    }

}



.prod-details-info-content .price-amount {

    font-size: 18px;

    font-weight: 500;

    vertical-align: middle;

}



.product-config {

    margin: 40px 0;

}



.product-config .table {

    margin-bottom: 0;

}



.product-config .table-bordered td,

.product-config .table-bordered th {

    border-color: #e1e1e1;

}



.product-config .table th {

    font-size: 18px;

    font-weight: 500;

}



.product-config .table .config-option a {

    color: #1b1b1c;

    font-size: 16px;

    font-weight: 500;

    margin-right: 10px;

}



.product-config .table .config-option a:last-child {

    margin-right: 0;

}



.product-config .table .config-option a:hover {

    color: #db0303;

}



.product-meta {

    margin-top: 40px;

}



.product-meta span:not(.sku) {

    display: block;

    font-size: 16px;

    margin-bottom: 15px;

}



.product-meta span:not(.sku):last-child {

    margin-bottom: 0;

}



.product-meta a {

    color: #1b1b1c;

    margin-right: 5px;

    font-size: 15px;

    vertical-align: middle;

}



.product-meta a:last-child {

    margin-right: 0;

}



.product-meta a:hover {

    color: #db0303;

}



.pro-qty {

    border: 1px solid #e1e1e1;

    display: inline-block;

    position: relative;

    width: 150px;

}



@media only screen and (max-width: 767.98px),

only screen and (min-width: 768px) and (max-width: 991.98px) {

    .pro-qty {

        width: 120px;

    }

}



.pro-qty input {

    font-weight: 600;

    border: none;

    text-align: center;

    padding: 12px 45px;

    outline: none;

    width: 100%;

}



.pro-qty a {

    color: #000000;

    font-size: 22px;

    font-weight: 600;

    text-align: center;

    position: absolute;

    top: 0;

    line-height: 50px;

    height: 100%;

    width: 35px;

}



@media only screen and (min-width: 768px) and (max-width: 991.98px) {

    .pro-qty a {

        width: 35px;

        line-height: 54px;

    }

}



@media only screen and (max-width: 767.98px) {

    .pro-qty a {

        width: 35px;

        line-height: 48px;

    }

}



.pro-qty a:hover {

    background-color: #db0303;

    border-color: #db0303;

    color: #FFFFFF;

}



.pro-qty a.inc {

    right: 0;

    border-left: 1px solid #e1e1e1;

}



.pro-qty a.dec {

    left: 0;

    border-right: 1px solid #e1e1e1;

}



.product-description-review {

    margin-top: 50px;

}



@media only screen and (max-width: 767.98px) {

    .product-description-review {

        margin-top: 60px;

    }

}



.product-description-review .desc-review-tab-menu {

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

}



.product-description-review .desc-review-tab-menu li {

    width: 100%;

}



.product-description-review .desc-review-tab-menu li a {

    background-color: #1b1b1c;

    border-right: 2px solid #ddd;

    color: #FFFFFF;

    display: block;

    text-align: center;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 700;

    line-height: 1;

    padding: 20px 0;

}



.product-description-review .desc-review-tab-menu li a:last-child {

    border: none;

}



.product-description-review .desc-review-tab-menu li a.active {

    background-color: #db0303;

}



@media only screen and (max-width: 767.98px) {

    .product-description-review .desc-review-tab-menu li a {

        font-size: 15px;

        font-weight: 500;

        padding: 10px 0;

    }

}

.product-description-review .tab-tit {line-height:40px; background: linear-gradient(to right, #6f6f6f, #000); text-indent:20px; color: #fff; font-size: 16px;}

.product-description-review .tab-content {

    padding: 20px 0;

	line-height: 25px;

}



@media only screen and (max-width: 767.98px) {

    .product-description-review .tab-content {

        padding: 25px 15px;

    }

}



.product-rating-wrap .average-rating {

    margin-bottom: 30px;

}



.product-rating-wrap .average-rating h4 {

    font-weight: 400;

    font-size: 22px;

    margin-bottom: 3px;

}



.product-rating-wrap .display-ratings .rating-item {

    margin-bottom: 20px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.product-rating-wrap .display-ratings .rating-item:last-child {

    margin-bottom: 0;

}



.product-rating-wrap .display-ratings .rating-item .rating-author-pic {

    max-width: 50px;

    -webkit-flex-basis: 50px;

    -ms-flex-preferred-size: 50px;

    flex-basis: 50px;

    border-radius: 2px;

    overflow: hidden;

    margin-right: 10px;

}



.product-rating-wrap .display-ratings .rating-item .rating-author-txt {

    border: 1px solid #e1e1e1;

    border-radius: 2px;

    padding: 15px;

    -webkit-flex-basis: calc(100% - 60px);

    -ms-flex-preferred-size: calc(100% - 60px);

    flex-basis: calc(100% - 60px);

    max-width: calc(100% - 60px);

}



.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta h3 {

    font-size: 14px;

    margin-top: 0;

    font-family: "Poppins", sans-serif;

    display: inline-block;

}



.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-meta .time {

    vertical-align: middle;

    margin-left: 5px;

    font-size: 13px;

}



.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star {

    color: #db0303;

    font-size: 14px;

    margin-bottom: 5px;

}



.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i {

    margin-right: 5px;

}



.product-rating-wrap .display-ratings .rating-item .rating-author-txt .rating-star i:last-child {

    margin-right: 0;

}



.product-rating-wrap .rating-form-wrapper {

    margin-top: 60px;

}



.product-rating-wrap .rating-form-wrapper h3 {

    font-size: 24px;

    font-weight: 500;

    margin-top: -5px;

    margin-bottom: 20px;

}



.product-rating-wrap .rating-form-wrapper .rating-form h5 {

    font-weight: 400;

    font-size: 18px;

    margin-bottom: 8px;

}



.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i {

    color: #ccc;

    margin-right: 10px;

}



.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:last-child {

    margin-right: 0;

}



.product-rating-wrap .rating-form-wrapper .rating-form .rating-star i:hover~i {

    color: #ccc;

}



.product-rating-wrap .rating-form-wrapper .rating-form .rating-star:hover i {

    cursor: pointer;

    color: #db0303;

}



.product-rating-wrap .rating-form-wrapper .rating-form input,

.product-rating-wrap .rating-form-wrapper .rating-form textarea {

    background-color: #FFFFFF;

    border: 1px solid #e1e1e1;

    display: block;

    padding: 12px 20px;

    width: 100%;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.product-rating-wrap .rating-form-wrapper .rating-form input:focus,

.product-rating-wrap .rating-form-wrapper .rating-form textarea:focus {

    border-color: #db0303;

}



@media (max-width: 1024px) {

	.homeAboutCont,.homeAboutCont-r  {margin: 2% 0 0 2%; padding-bottom: 6px;}

	.homeInforCont {margin: 2% 0 0 2%; padding-bottom: 6px;}

	.homeInforCont h3 {font-size: 18px; line-height: 30px;}

	.homeInforCont p {margin-bottom: 6px; line-height: 22px;}

	.index-cybj-top .txt {font-size: 12px;}

}



@media screen and (max-width:991px) {



.logo {padding-top: 0;}	

.logo img {width:135px; }

	.carousel-inner > .item > img {max-width:180%!important;}	

.other-side {display: none;}	

	.list-pro-tit {display: none;}

	.search_info {margin-top: 0; margin-bottom: 30px;}

	.hot-pro {padding: 20px 0;}

	.hot-pro-cat {padding: 0;}

	.hot-pro-cat span {width:30%; margin-right:12px; margin-bottom: 10px; line-height: 30px;}

	#myscroll ul li{ margin:0;}

.ban-pc {display: none;}

	.ban-mobile {display: block;}

	.homeAbout .fl,.homeAbout .fr {float: none;}

	.homeInforCont,.homeAboutCont  {width: 96%;}

	.homeAbout .txt {width: 100%;}

	.homeInfor .pic-m {width: 100%; margin-top: 20px;}

	.homeInfor .pic-m img {width: 100%;}

	.homeInfor .pic,.homeAbout .pic {width: 100%; margin-bottom: 10px;}

	.homeInfor .right {width: 100%; margin-bottom: 20px;}

	.homeInforCont,.homeAboutCont,.homeAboutCont-r {margin: 1% 0 0 2%; padding-bottom: 4px;}

	.homeAboutCont-r {width: 96%;}

	.homeAboutCont .tit-3 {font-size: 24px; line-height: 30px;}

	.homeInforCont h3 {font-size: 16px; line-height: 26px; margin-bottom: 4px;}

	.homeInforCont p {font-size: 12px; margin-bottom: 4px;}

	.homeInfor .detail {width: 35px; height: 35px;}

	.homeInfor .detail img {width: 100%;}

	.homeInforCont h2 {font-size: 24px;}

	.homeInfor .pic img,.homeAbout .pic img {width: 100%;}

	.index-cybj-top .tit h2 {font-size: 24px;}

	.index-cybj-main .cybj-cat {display: none;}

	

	.index-cybj-main .cybj-pic .link {display: block;}

	.index-cybj-main .cybj-pic .link .fl-link {float: left;}

	.index-cybj-main .cybj-pic .link .fr-link {float: right;}

	.index-cybj-main .cybj-pic .link i {font-size: 24px; margin-top: 20px;}

	

	.index-about {padding: 30px 0;}

	.index-about .tit {margin-bottom: 10px;}

	.index-about .tit span {font-size: 24px;margin-bottom:10px;}

	.index-about .txt {padding: 0; font-size: 14px;}

.sm-top {margin-top: 20px;}

	

	.abM4{padding-left:2%;padding-right:2%;padding-top:50px;}

.niancontxt { width:31%; line-height:30px; font-size:16px;}

.abM4Tit{font-size:36px;}

.abM4Bri{font-size:18px;}



.zzjg span {line-height: 100px; font-size:32px;display: block;}

.zzjg em { margin-left: 0; line-height: 30px; font-size: 18px;} 

.zzjg p {font-size:18px;}

	.about-1 .con {padding: 20px 10px;}	

	.navbar-area {height: 55px;}

	.cybj-pic-1 img,.cybj-pic-2 img,.cybj-pic-3 img,.cybj-pic-4 img,.cybj-pic-5 img {width: 100%;}

	.zyfz-1 .pic img,.zyfz-2 .pic img {width: 100%;}

	.zyfz-2 .con img {/*width: 100%;*/}

	.zyfz-1 .con, .zyfz-2 .con{padding: 20px 10px;}	

	

	.inner-ban {height: 230px; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

-moz-background-size:100% 100%;

-webkit-background-size:100% 100%;

background-size:100% 100%;}

.webzi .tit-1 {position: absolute;top:45px;left: 0; font-size:24px;}

.webzi .tit-3 {position: absolute;top:100px;left: 0; font-size:18px;}

.webzi .down-ico {position: absolute;top:135px;left: 0;}

.webzi .link {position: absolute;top:150px;left: 0;}

.webzi .location {position: absolute; top:220px; left: 0; font-size:14px;}

	.pro-pic {margin-top: 20px;}

	.index-cybj {padding: 30px 0;}

	.index-news {padding: 30px 0;}

	.index-news-main .con {margin-bottom: 10px;}

	.index-news-main .con .tit {margin-top: 16px; margin-bottom: 10}

	.index-news-main .con .txt {margin-bottom: 24px;}

	.index-news .tit h2 {font-size: 24px;}

	.foot {background-image: none; background-color: #343434;}

	.foot-con {padding: 20px 0;}

	.foot-con dl {display: none;}

	.foot-logo {margin: 0;} 

	.foot-logo img {width: 150px;}

	.foot-txt,.foot-copy {font-size: 12px;}

	

	

	

	

	

/********内页菜单*********/

.m-ins-navbox { width: 100%; height: 38px; background-color: #fff; position: relative; z-index: 11; display: block;}

.m-ins-navbox.fixed { position: fixed; top: 0; left: 0; z-index: 11; }

.m-ins-navbox .left { width: 15%; cursor: pointer; float:left; }

.m-ins-navbox .left .ico { display: block; width: 100%; height: 38px; background: url(../images/ico_35.png) no-repeat center #cc0000; background-size: auto 50%; }

.m-ins-navbox .ret-subbox { position: absolute; top: 38px; width: 100%; background-color: #cc0000; left: 0; z-index: 2; display: none; }

.m-ins-navbox .ret-subbox a { display: block; width:100%; padding-left: 5%; height: 38px; line-height: 38px; color: #fff; font-size: 14px; background: url(../images/ico_38.png) no-repeat 92% center; background-size: auto 35%; }

.m-ins-navbox .right { width: 85%; position: relative; float:right; }

.m-ins-navbox .right .tit { display: block; width: 95%; padding-left: 5%; font-size: 14px; color: #000; line-height: 38px; background: url(../images/ico_36.png) no-repeat 93% center; background-size: auto 50%; cursor: pointer; }

.m-ins-navbox .right .subbox { width: 100%; position: absolute; top: 38px; background-color: #fff; z-index: 2; display: none; left: 0; }

.m-ins-navbox .right .subbox a { display: block; width: 95%; padding-left: 5%; line-height: 38px; height: 38px; border-top: 1px solid #e5e5e5; background: url(../images/ico_37.png) no-repeat 92% center; background-size: auto 35%;}

.inner-menu {display: none;}	

	.about {padding: 10px 10px 20px 10px;}	



.core {padding: 30px 0;}

.core_tit .t-1 {margin-bottom: 10px; font-size: 20px;}

.core_tit .t-2 {margin-bottom: 5px; font-size: 20px;}

.core_con_fr .core-top {padding: 14px 0; overflow: hidden;}

.core_con_fr .core-s {font-size: 30px; margin-right:5px;}

.core_con_fr .core-txt {margin-top:10px; margin-left:0; line-height: 37px; color: #333;}	

.core_con_fr .core-tit .core-tit-1 {line-height: 20px; margin-bottom:5px; font-size:16px; color: #333;}

.core_con_fr .core-tit .core-tit-2 {color: #666; font-size: 12px;}

.top-news img {width: 100%;}

.top-news .con {padding:30px 10px;}

.top-news .con .tit {margin-bottom: 27px; font-size: 24px; color: #333;}

	.news-img {margin-left: 0;}

	.news-box .tit {font-size: 16px;}

	

	.new-pro { width: 100%; height:auto; margin-top:0;}

    .new-pro-pic {margin-top:0; }

	.list-pro {display: none;}



.webzi {width: 100%; height: 300px;}	

.webzi .t1 { width: 140px; line-height: 25px; position: absolute; top:70px; left: 0; font-size: 18px;}

.webzi .line { position: absolute; top: 130px; left: 0;}

.webzi .t2 { display: none;}

.webzi .location {position: absolute; top:200px; left: 0;}	

.about-tit-1 {font-size: 25px; margin-bottom: 15px;}	

.about-tit-1 span {margin-top: 9px; margin-left: 27px;}	

	.news-info {padding: 20px 10px;}



	.news-box {padding: 20px 0;}

	.news-list .con { padding: 12px; margin-bottom: 15px;}

    .news-list .con .time { margin-bottom: 18px;}

	.news-list .con .txt {width: 100%; float: none;}

	.news-list .con .txt span {font-size: 16px; margin-bottom: 15px;}

	.down-info {padding: 20px 10px;}	

.down-info li {height: 40px;}

.down-info li span {line-height:40px; font-size: 12px;}

.down-info li span i { font-size: 16px; margin-right:10px;}

.down-info li em {display:none;}

	.down-info li o {display: none;}

.foot-copy {line-height: 25px; padding: 20px 0;}



	

.filters li{padding: 10px 18px; font-size: 14px;}	

.inner {padding: 30px 0;}

.product-item {margin-bottom: 20px;}	

.product-item img {width: 100%;}	

	

.about-box-1 {margin-bottom: 40px;}

.about-box-2 {background: #f3f3f3;}

.about-box-tit {margin:40px 0 25px 0; }

.about-box-tit span {height: 30px; font-size: 24px;}

.about-box-tit em { height: 25px; font-size: 20px;}



.about-txt-2 {margin-left:10px;margin-top: 20px; }

	.contact-form-content {padding: 20px;}	

.contact-fl,.contact-fr {padding: 0; margin-top: 30px;}

	.contact-form-content .tit span {font-size: 24px;}

	input.contact_sub {width: 180px!important; height: 40px!important; line-height: 40px;}
	input.gbk_5 {width: 150px!important; left: 0; top:300px; }
	.contact-fr .vdimgck {left: 170px; top:302px; }
}