@charset "utf-8";
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote{margin:0; padding:0; font-family:'微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
body{font-family:'微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#fff;}
a{font-family:'微软雅黑', 'Microsoft YaHei'; color:#333; cursor:pointer; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover,
a:focus{color:#2e91ef; text-decoration:none;}
.blank30{height:30px; overflow:hidden;}
.red{color:#f00;}
/*fonts*/
.label{font-weight:normal;}
dt{font-weight:normal;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:normal;}
th{font-weight:normal;}
/*fonts*/
li{list-style:none;}
input::-webkit-input-placeholder{color:#ccc; font-weight:normal;}
input:-moz-placeholder{color:#ccc; font-weight:normal;}
input::-moz-placeholder{color:#ccc; font-weight:normal;}
input:-ms-input-placeholder{color:#ccc; font-weight:normal;}
textarea::-webkit-input-placeholder{color:#ccc; font-weight:normal;}
textarea:-moz-placeholder{color:#ccc; font-weight:normal;}
textarea::-moz-placeholder{color:#ccc; font-weight:normal;}
textarea:-ms-input-placeholder{color:#ccc; font-weight:normal;}
.form-submit{display:inline-block; background:#2e91ef; padding:0 20px; overflow:hidden; font-size:16px; color:#fff; line-height:40px; border:0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; outline:none;}
.form-submit:hover{background:#1282ed;}

.content{width:100%; margin:40px auto 20px; overflow:hidden;}
.container{width:96%; margin:0 auto; padding:0 0 0 0;}

header{display:block; position:fixed; top:0; z-index:2; width:100%; padding:0 0; background:rgba(255,255,255,.9); box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
header .top{width:96%; margin:5px auto; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center;}
header .logo img{display:block; width:auto; height:30px; margin:0 0;}
header .navigation{width:calc(100% - 200px); max-width:800px;}

.search-bar-m{display:inline-block; position:absolute; right:50px; top:11px; width:25px; height:25px; background:transparent; border:none; cursor:pointer; outline:none;}

.navbar-button{display:inline-block; position:absolute; right:10px; top:7.5px; width:25px; height:25px; background:transparent; border:none; cursor:pointer; outline:none;}
.navbar-button span{position:absolute; left:0; width:100%; height:1px; background:#000; transition:all 0.2s ease-out;}
.navbar-button span:nth-of-type(1){top:3px;}
.navbar-button span:nth-of-type(2){top:50%; transform:translatey(-50%);}
.navbar-button span:nth-of-type(3){bottom:3px;}
.navbar-button-active span{background:#000;}
.navbar-button-active span:nth-of-type(1){top:50%; transform:rotate(45deg) translatey(-50%);}
.navbar-button-active span:nth-of-type(2){width:0; left:50%; opacity:0;}
.navbar-button-active span:nth-of-type(3){bottom:50%; transform:rotate(-45deg) translatey(50%);}

.mdui-drawer{padding-bottom:40px;}
.mdui-drawer dl.menubar{width:100%;}
.mdui-drawer dl.menubar dt{width:100%; color:#333; line-height:40px; text-align:center; cursor:pointer; position:relative; border-bottom:1px solid #e5e5e5;}
.mdui-drawer dl.menubar dt a{display:block; width:100%; font-size:16px; font-weight:normal; color:#000; text-align:left; padding-left:10px;}
.mdui-drawer dl.menubar dt span{position:absolute; top:0; right:10px; font-weight:normal; cursor:pointer;}
.mdui-drawer dl.menubar dd{width:100%; padding:10px; display:none;}
.mdui-drawer dl.menubar dd li{width:100%; line-height:200%;}
.mdui-drawer dl.menubar dd li a{display:block; padding-left:10px; font-size:16px; font-weight:normal; color:#000;}
.mdui-drawer dl.menubar dd li ul li a{display:block; padding-left:20px; font-size:14px; font-weight:normal; color:#666; background:url(../images/second.png) no-repeat 10px 12px;}
.mdui-drawer dl.menubar dd li ul li a:hover{color:#ff5b00; background:url("../images/second_over.png") no-repeat 10px 12px;}

@media (min-width: 1200px){
.content{width:100%; margin:80px auto 30px; overflow:hidden;}
.container{width:96%; max-width:1200px; margin:0 auto; padding:0 0 0 0;}

header{display:block; position:fixed; top:0; z-index:2; width:100%; padding:0 0; background:rgba(255,255,255,.9); box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
header .top{width:96%; max-width:1200px; margin:0 auto; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center;}
header .logo img{display:block; width:auto; height:60px; margin:0 0;}
header .navigation{width:calc(100% - 200px); max-width:800px;}
header .nav-bar{display:-webkit-flex; display:flex; justify-content:space-between;}
header .nav-bar li{position:relative;}
header .nav-bar li a.tag,
header .nav-bar li a.pulldown{position:relative; display:block; font-size:16px; cursor:pointer; line-height:80px;}
header .nav-bar li a.active,
header .nav-bar li a.tag:hover,
header .nav-bar li a.tag:focus{color:#2e91ef;}
header .nav-bar li a.tag::before{width:0; height:2px; position:absolute; bottom:25px; left:50%; transform:translateX(-50%); transition:width 0.5s,left 0.5s; background:#2e91ef; content:"";}
header .nav-bar li a.tag:hover::before{width:100%;}

header .nav-bar li a.pulldown span{display:inline-block; margin-left:3px; width:0; height:0; border-width:4px; border-style:solid; border-color:#000 transparent transparent transparent;}
header .nav-bar li a.active span,
header .nav-bar li a.pulldown:hover span{display:inline-block; margin-left:3px; margin-bottom:3px; width:0; height:0; border-width:4px; border-style:solid; border-color:transparent transparent #2e91ef transparent;}
header .nav-bar li a.pulldown.active::before,
header .nav-bar li a.pulldown:hover::before{width:0; height:0; border-width:8px; border-style:solid; border-color:transparent transparent #2e91ef transparent; position:absolute; bottom:0; left:50%; transform:translateX(-50%); content:"";}

.dropdown{display:none; position:absolute; z-index:3; top:80px; left:50%; transform:translateX(-50%); width:300px; padding:0; background:rgba(255,255,255,.9); box-shadow:0 4px 4px rgba(0,0,0,0.1); border-top:2px solid #2e91ef;}
.dropdown dl{width:100%;}
.dropdown dt a{display:block; padding:8px 10px; font-size:16px; line-height:150%;}
.dropdown dd a{display:block; padding:8px 10px; font-size:16px; line-height:150%;}
.dropdown dd a:hover{color:#fff; background:#2e91ef;}
}

.search-box{display:none; position:fixed; top:0; left:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.search-box .search{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; max-width:500px;}
.search-box .search .search-input{position:relative; width:100%; height:50px; line-height:50px; background:none; border:none; border-bottom:1px solid #fff; color:#fff; outline:none;}
.search-box .search .search-submit{position:absolute; right:0; top:0; width:40px; height:50px; line-height:50px; text-align:center; background:none; border:none; outline:none; border-radius:100%;}
.search-box .search .search-submit i{color:#fff;}
.search-box .search .search-close{position:absolute; right:-60px; top:-60px; width:40px; line-height:50px; color:#fff; text-align:center;}

footer{display:block; width:100%; padding:20px 0 10px 0; background:#373737;}
footer a{color:#fff;}
footer a:hover{color:#fff; text-decoration:underline;}

footer .footer-wrap{width:96%; margin:0 auto;}
footer .footer-wrap .col-6,footer .footer-wrap .col-sm-4,footer .footer-wrap .col-md-3{padding:0;}

footer .footer-item{width:100%; margin-bottom:20px; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-start;}
footer .footer-item dt{width:100%; margin-bottom:10px; font-size:16px; font-weight:normal; text-transform:capitalize; color:#fff;}
footer .footer-item dd{text-transform:capitalize; color:#fff; line-height:200%;}
footer .footer-item dd i{margin-right:3px;}
footer .footer-item dd.share a{display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; border:1px solid #afb6b1; margin-top:10px; margin-right:5px;}
footer .footer-item dd.share a:hover{background:#fff;}
footer .footer-item dd.share a:hover i{color:#122717;}
footer .footer-item dd.share span{display:none;}

footer .copyright{width:100%; margin:20px auto 0; padding-top:10px; border-top:1px solid rgba(255,255,255,0.1); color:#fff; text-align:center; line-height:150%;}
footer .copyright a{color:#fff;}

@media (min-width: 992px){
footer{display:block; width:100%; padding:20px 0 10px 0; background:#373737;}
footer a{color:#fff;}
footer a:hover{color:#fff; text-decoration:underline;}

footer .footer-wrap{width:96%; max-width:1200px; margin:0 auto; display:-webkit-flex; display:flex; justify-content:space-between;}

footer .footer-item{width:20%; margin-bottom:0; display:block;}
footer .footer-item:last-child{text-align:right;}
footer .footer-item dt{margin-bottom:10px; font-size:16px; font-weight:normal; text-transform:capitalize; color:#fff;}
footer .footer-item dd{text-transform:capitalize; color:#fff; line-height:200%;}
footer .footer-item dd i{margin-right:3px;}
footer .footer-item dd.share a{display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; border:1px solid #fff; margin-top:10px; margin-right:5px;}
footer .footer-item dd.share a:hover{background:#fff;}
footer .footer-item dd.share a:hover i{color:#2e91ef;}
footer .footer-item dd.share span{display:none;}

footer .copyright{width:100%; margin:20px auto 0; padding-top:10px; border-top:1px solid rgba(255,255,255,0.1); color:#fff; text-align:center; line-height:150%;}
footer .copyright a{color:#fff;}
}

/*index*/
.swiper-banner{margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-banner{--swiper-theme-color:#fff; --swiper-navigation-color:#2e91ef;}
.swiper-banner .swiper-slide{background-size:cover; background-position:center; padding-top:39.5789%; position:relative;}
.swiper-banner .swiper-slide a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1; background:transparent;}
.swiper-banner .swiper-slide a:hover,.swiper-banner .swiper-slide a:focus{background:transparent;}
.swiper-banner .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#fff; opacity:0.9;}
.swiper-banner .swiper-pagination-bullet-active{opacity:1; background:#2e91ef;}

.banner{width:100%; background-repeat:no-repeat; min-height:150px; background-size:cover; background-position:center; padding-top:13.542%; position:relative;}

section{display:block; width:96%; margin:0 auto;}
h4.theme{display:block; width:100%; margin:0 auto 15px; font-size:26px; font-weight:normal; color:#333; text-align:center; text-transform:uppercase;}

@media (min-width: 992px){
section{display:block; width:100%; max-width:1200px; margin:0 auto;}
h4.theme{display:block; width:100%; margin:0 auto 30px; font-size:36px; font-weight:normal; color:#333; text-align:center; text-transform:uppercase;}
}

h4.theme > a{position:relative; display:inline-block; margin-top:10px; font-size:14px; font-weight:normal; color:#a4a4a4;}
h4.theme > a i{position:absolute; right:-15px; top:1px; animation:1.5s linear infinite; -webkit-animation:1.5s linear infinite;}
h4.theme > a:hover i{animation-name:headShake; -webkit-animation-name:headShake;}
h4.theme p{display:block; margin:0; font-size:16px; color:#999;}
h4.theme p i{margin-right:3px;}
h4.theme p > a + a:before{padding:0 5px; color:#999; content: "/";}
h4.theme p a{font-size:14px; color:#999;}
@media (min-width: 992px){
h4.theme p a{font-size:16px; color:#999;}
}
h4.theme p a:hover{text-decoration:underline;}

.grid.row{margin-left:-5px; margin-right:-5px;}
.grid li{margin-bottom:10px; padding-left:5px; padding-right:5px;}
@media (min-width: 768px){
.grid.row{margin-left:-10px; margin-right:-10px;}
.grid li{margin-bottom:20px; padding-left:10px; padding-right:10px;}
}
@media (min-width: 992px){
.grid.row{margin-left:-15px; margin-right:-15px;}
.grid li{margin-bottom:30px; padding-left:15px; padding-right:15px;}
}

.goods{display:block; width:100%; padding:15px; border:1px solid #eee; transition:transform .5s;}
.goods:hover{box-shadow:0 0 15px 0 #ccc; transform:translateY(-5px);}
.goods .pic{margin-bottom:15px; text-align:center;}
.goods h3{display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:150%;}
.goods h3 span{display:block; color:#999; font-weight:normal;}

.company{max-width:100%; padding:10px 0; background: url(../images/company.jpg) no-repeat center top; color:#fff;}
.company .theme{color:#fff;}
.company .describe{width:100%; max-width:1200px; margin:0 auto; font-size:16px; color:#fff; line-height:200%;}

.company-module-list{max-width:1200px; margin:0 auto;}
.company-module{width:100%; padding:1rem; width:200px; height:200px; margin:0 auto; background:#fff; border-radius:100%; text-align:center; color:#333; line-height:150%;}
.company-module:hover{background:#f0f0f0;}
.company-module .pic img{width:60px;}
.company-module h5{font-size:20px; font-weight:bold; color:#2e91ef;}
.company-module p{color:#999;}
@media (min-width: 768px){
.company-module-list{max-width:1200px; margin:0 auto;}
.company-module{width:100%; padding:1.5rem; width:250px; height:250px; margin:0 auto; background:#fff; border-radius:100%; text-align:center; color:#333; line-height:150%;}
.company-module:hover{background:#f0f0f0;}
.company-module .pic img{width:auto;}
.company-module h5{font-size:20px; font-weight:bold; color:#2e91ef;}
.company-module p{color:#999;}
}

.article{padding:15px; position:relative;}
.article:hover{background:#fff; border-radius:5px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.article > a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:1; cursor:pointer;}
.article .pic{width:100%; background-color:#fff; background-size:cover; background-position:center; padding-top:48.95%;}
.article .title{margin-top:10px; font-size:16px; line-height:200%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article .time{color:#999; line-height:200%;}
.article .sketch{color:#666; line-height:200%; height:90px; overflow:hidden;}
.article .more{display:block; float:right; width:24px; height:11px; background:url("../images/more.png") no-repeat right center; animation:1.5s linear infinite; -webkit-animation:1.5s linear infinite;}
.article:hover .title{color:#08428a;}
.article:hover .more{animation-name:headShake; -webkit-animation-name:headShake;}

/*products*/
.location{width:100%; padding:25px 0; background:#f7f7f7; margin-bottom:30px; font-size:16px;}
.category a{display:block; text-align:center; background:#f6f6f6; border-radius:5px; padding:8px;}
.category a:hover,.category a.active{color:#fff; background:#2e91ef;}

/*goods*/
.swiper-goods{--swiper-navigation-color:#ddd; --swiper-pagination-color:#ddd; position:relative; overflow:hidden;}
.swiper-goods .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:0.2;}
.swiper-goods .swiper-pagination-bullet-active{opacity:1; background:#2e91ef;}
.gallery-top{width:100%;}
.gallery-thumbs{width:calc(100% - 40px); overflow:hidden; margin:10px auto;}
.gallery-thumbs .swiper-slide{border:1px solid #e4e4e4; cursor:pointer; overflow:hidden;}
.gallery-thumbs .swiper-slide-thumb-active{border:1px solid #2e91ef;}

.swiper-btn-prev,
.swiper-btn-next{color:#999; outline:none;}
.swiper-btn-prev:hover i,
.swiper-btn-next:hover i{color:#2e91ef; outline:none;}

.goods-name{font-size:1.125rem; font-family:'stratos-semibold'; line-height:150%;}
.goods-model-no{font-size:0.875rem; color:#999; line-height:150%;}
.goods-info{width:100%; font-size:16px; color:#666; line-height:200%;}
.goods-info img{max-width:100%; height:auto;}

.table-bordered{border:1px solid #d7eced;}
.table-bordered th,.table-bordered td{border: 1px solid #d7eced; padding:0.4rem;}
.table-bordered thead th,
.table-bordered thead td{border-bottom-width: 2px;}
.table-bordered thead th{border-bottom: 2px solid #d7eced; font-family:'stratos-semibold';}
.table-bordered tbody tr:nth-of-type(odd){background-color: rgb(247, 251, 252);}

h5.heading{width:100%; border-bottom:1px solid #e5e5e5;}
h5.heading span{display:inline-block; background:#fff; margin-bottom:-1px; padding:10px 10px; text-transform:uppercase; font-size:24px; color:#000; border:1px solid #e5e5e5; border-bottom:none;}

.subheading{font-size:1.2rem; text-transform:uppercase;}

/*about us*/
.info{width:100%; margin:0 auto; font-size:16px; color:#333; line-height:200%;}
.info img{max-width:100%; height:auto;}

/*certification*/
.certification{display:block; width:100%; transition:transform .5s;}
.certification:hover{transform:translateY(-5px);}
.certification .pic{width:100%; text-align:center; border:10px solid #ddd;}
.certification h3{display:block; text-align:center; padding:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; font-size:16px;}

/*article*/
article{display:block; width:100%; margin:15px auto 0; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
article .pic{float:none; width:100%; margin-bottom:10px;}
article dl{float:none; width:100%; line-height:200%;}
article dl dt{font-size:16px; font-weight:normal;}
article dl dd.date{color:#999; margin:5px 0;}
article dl dd{color:#666;}
@media (min-width: 768px){
article{display:block; width:100%; margin:30px auto 0; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
article .pic{float:left; width:260px; margin-bottom:0;}
article dl{float:right; width:calc(100% - 290px); line-height:200%;}
article dl dt{font-size:16px; font-weight:normal;}
article dl dd.date{color:#999; margin:5px 0;}
article dl dd{color:#666;}
}
@media (min-width: 992px){
article{display:block; width:100%; margin:30px auto 0; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
article .pic{float:left; width:260px; max-height:200px; overflow:hidden; margin-bottom:0;}
article dl{float:right; width:calc(100% - 290px); line-height:200%;}
article dl dt{font-size:18px; font-weight:normal;}
article dl dd.date{color:#999; margin:10px 0;}
article dl dd{color:#666;}
}

/*article view*/
.detail{width:100%; margin:0 auto; padding:25px 0; line-height:150%;}
.detail dl{width:100%;}
.detail dt{font-size:16px; font-weight:bold; text-align:center; line-height:200%; color:#333;}
.detail dd.borderbottom{margin-bottom:10px; padding-bottom:10px; line-height:26px; color:#999; border-bottom:1px solid #ededed;}
.detail dd.borderbottom i{display:inline-block; margin-right:5px;}
.detail dd{padding:0; font-size:16px; line-height:200%; color:#333;}
.detail ol{margin-top:100px;}

/*video*/
.video{display:block; width:100%; transition:transform .5s; position:relative;}
.video:hover{box-shadow:0 0 15px 0 #ccc; transform:translateY(-5px);}
.video .pic{position:relative;}
.video .pic img{border-radius:5px 5px 0 0;}
.video h3{display:block; padding:10px 0; border:1px solid #ddd; border-radius:0 0 5px 5px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
.video .video-button{display:inline-flex; position:absolute; transform: translate(-50%, -50%); left:50%; top:50%; width:56px; height: 56px; border-radius: 50%; font-size: 16px; background:#004aba; align-items:center; justify-content:center; z-index:99; color:#fff; transition:all .5s;}
.video:hover .pic .ovrly{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
    transition: all .5s;
}

.video .video-button .line-video-animation {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 2px solid rgba(255,255,255,0.27);
	border-radius: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.video:hover .video-button {
	width: 70px;
	height: 70px;
	text-decoration: none;
}
.video:hover .video-button .line-video-animation {
	animation: squares 3.9s linear 0s infinite;
	-webkit-animation: squares 3.9s linear 0s infinite;
	-ms-animation: squares 3.9s linear 0s infinite;
	-o-animation: squares 3.9s linear 0s infinite;
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}
.video:hover .video-button .line-video-animation.line-video-2 {
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	-o-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.video:hover .video-button .line-video-animation.line-video-3 {
	-webkit-animation-delay: 2.6s;
	-moz-animation-delay: 2.6s;
	-o-animation-delay: 2.6s;
	animation-delay: 2.6s;
}

/*Contact Us*/
.contact-us{line-height:210%;}
.contact-us h4{display:block; width:100%; margin:15px auto 20px; font-size:24px; font-weight:normal; color:#000; text-transform:uppercase;}

/*message*/
.message{width:100%; padding:15px; background:#f6f6f6; overflow:hidden;}
.message h4{display:block; padding-left:15px; width:100%; margin:0 auto 20px; font-size:24px; font-weight:normal; color:#000; text-transform:uppercase;}
@media (max-width: 767px){
.message{width:100%; margin-top:20px; padding:15px; background:#f6f6f6; overflow:hidden;}
.message h4{display:block; padding-left:15px; width:100%; margin:0 auto 20px; font-size:20px; font-weight:normal; color:#000; text-transform:uppercase;}
}
label{font-size:16px; font-weight:normal;}
.form-group{position:relative;}
.form-group input,.form-group select,.form-group textarea{border:none; background:#fff; border-radius:5px; color:#333;}
.form-group label.error{display:block; margin-bottom:0; font-weight:normal; color:#f00; text-align:left;}
.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#f00;}

.vericode{width:110px;}
.vericodepic{position:absolute; right:0; top:0; height:37px;}

#errors{display:none;}
#errors li{list-style:disc; margin-left:10px; color:#a94442;}

/* CSS class for zoomed area */
.easyzoom.is-loading img{cursor:progress;}
.easyzoom.is-ready img{cursor:crosshair;}
.easyzoom.is-error img{cursor:not-allowed;}
.easyzoom-notice{position:absolute; top:50%; left:50%; z-index:150; width:10em; margin:-1em 0 0 -5em; line-height:2em; text-align:center; background:#FFF; box-shadow:0 0 10px #888;}
.easyzoom-flyout{position:absolute; z-index:1; overflow:hidden; background:#FFF; top:0; left:0; width:100%; height:100%; display:block; border:1px solid #dee2e6!important;}

/* model */
.wechat-bg{width:100%; background:#f6f6f6;}
.wechat-head{width:100%; max-width:640px; padding:10px 15px; margin:0 auto; background:#fff;}
.wechat-head h1{display:block; font-size:22px; line-height:180%;}
.wechat-head h2{display:block; font-size:14px; line-height:150%; color:#576b95;}
.wechat{width:94%; padding:10px; max-width:640px; margin:15px auto 0 auto; background:#fff; border-radius:10px;}
.wechat ul li{font-size:20px; line-height:200%;}
.wechat ul li:first-child{display:block; margin-bottom:10px;}
.wechat ul li img{display:block; width:100%;}
.wechat ul li span{color:#999;}
.wechat ul li em{font-style:normal; margin-left:10px;}
.wechat .wechat-detail img{display:block; width:100%;}

/*page*/
.page-item .page-link,.page-item span{font-size:16px; display:-webkit-box; display:flex; width:36px; height:36px; margin:0 5px; padding:0; border-radius:4px; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center;}
.pagination-lg .page-item .page-link,.pagination-lg .page-item span{width:46px; height:46px; line-height:46px;}
.pagination-lg > li > span{padding:10px 16px; font-size:14px; line-height:1.3333333;}
.pagination > li > a,
.pagination > li > span{position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#000; text-decoration:none; background-color:#fff; border:1px solid #ddd;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index:1; color:#000; background-color:#eee; border-color:#ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index:1; color:#fff; cursor:default; background-color:#2e91ef; border-color:#2e91ef;}

/*customer service*/
.gtalk{position:fixed; right:10px; top:30%; z-index:999;}
.gtalk dl dd{position:relative; width:42px; height:42px; line-height:42px; border-radius:100%; background-color:#5d6bc1; margin-bottom:3px; text-align:center; cursor:pointer;}
.gtalk dl dd:hover{background-color:#9ea6da;}
.gtalk dl dd:hover .gtalk-panel{display:block;}
.gtalk dd span{display:block; color:#fff;}
.gtalk dd span i{display:inline-block; margin-top:8.5px;}
.gtalk dd span svg{display:inline-block; margin-top:8.5px;}
.gtalk-panel{position:absolute; right:42px; top:0px; padding:0 10px; display:none;}
.gtalk-panel a{display:block; text-align:left; font-weight:normal; font-size:14px; color:#fff; line-height:22px; padding:10px 10px; background:#2bdd81; border-radius:3px;}
.gtalk-panel a img{display:inline-block; width:100px;}
.gtalk dl dd.gtalk-whatsapp{background-color:#54b844;}
.gtalk dl dd.gtalk-whatsapp span i{font-size:20px;}
.gtalk dl dd.gtalk-whatsapp:hover{background-color:#98d58f;}
.gtalk dl dd.gtalk-skype{background-color:#127bcb;}
.gtalk dl dd.gtalk-skype span i{font-size:20px;}
.gtalk dl dd.gtalk-skype:hover{background-color:#71b0e0;}
.gtalk dl dd.gtalk-wechat{background-color:#b662fc;}
.gtalk dl dd.gtalk-wechat:hover{background-color:#d3a1fd;}
.gtalk dl dd.gtalk-email{background-color:#ec5f1c;}
.gtalk dl dd.gtalk-email:hover{background-color:#f39f77;}
.gtalk dl dd.gtalk-phone{background-color:#f1b63c;}
.gtalk dl dd.gtalk-phone:hover{background-color:#fcd582;}
.gtalk dl dd.gtalk-aliim{background-color:#ff0000;}
.gtalk dl dd.gtalk-aliim:hover{background-color:#fe8a8a;}
.gtalk dl dd.gtalk-top span i{margin-top:10px; font-size:20px;}

/*404*/
@media (max-width: 767px){
.nofound{width:100%; min-height:200px; background-image:url(../images/404.gif); background-repeat:no-repeat; background-position:left 30px; background-size:25%; margin:0 auto; padding:30px 0 0 0;}
.nofound h4{font-size:16px; font-weight:bold; color:#007c35; line-height:200%; border-bottom:1px solid #ddd; margin-left:90px;}
.nofound ul{margin-top:10px; margin-left:90px;}
.nofound li{list-style:upper-latin; margin-left:20px; line-height:200%; color:#999;}
.nofound li a{font-size:13px; color:#999;}
}
@media (min-width: 768px){
.nofound{width:100%; min-height:300px; background:url(../images/404.gif) no-repeat 30px 30px; margin:0 auto; padding:50px 0 0 200px;}
.nofound h4{font-size:20px; font-weight:bold; color:#007c35; line-height:200%; border-bottom:1px solid #ddd;}
.nofound ul{margin-top:10px;}
.nofound li{list-style:upper-latin; margin-left:20px; line-height:200%; color:#999;}
.nofound li a{font-size:13px; color:#999;}
}