/**
 * base.less
 * 通用样式
 */
*, *:before, *:after { box-sizing: border-box; }
html { font-size: 10px; box-sizing: border-box; }
body { font-family: Arial; font-size: 14px; line-height: 1.42857143; color: #333; background: #fff; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
.a { text-decoration: none; color: inherit; }
.ul { margin: 0; padding: 0; list-style: none; }
.img-circle { border-radius: 50%; }
.img-rounded { border-radius: .3rem; }
.img-thumbnail { line-height: 1.5; display: inline-block; max-width: 100%; height: auto; padding: .25rem; transition: all .2s ease-in-out; border: 1px solid #ddd; border-radius: .25rem; background-color: #fff; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-box { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; }
.img-box img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
.img-box img[src=''], .img-box img:not([src]) { opacity: 0; border: 0; }
.container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; transition: width .2s linear; }
@media (min-width:820px) {
    .container { width: 800px; }
}
@media (min-width:992px) {
    .container { width: 970px; }
}
@media (min-width:1200px) {
    .container { width: 1200px; }
}
.container:before, .container:after { display: table; content: ' '; }
.container:after { clear: both; }
.container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
.container-fluid:before, .container-fluid:after { display: table; content: ' '; }
.container-fluid:after { clear: both; }

/* lg */
@media (min-width:1200px) { }

/* md */
@media (max-width:1199px) { }

/* md */

/* sm */
@media (max-width:991px) { }

/* sm */

/* xs */
@media (max-width:768px) { }

/* xs-portrait */
@media (max-width:480px) { }

.row { margin-right: -15px; margin-left: -15px; }
.row:before, .row:after { display: table; content: ' '; }
.row:after { clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; overflow: hidden; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9 { right: 75%; }
    .col-sm-pull-8 { right: 66.66666667%; }
    .col-sm-pull-7 { right: 58.33333333%; }
    .col-sm-pull-6 { right: 50%; }
    .col-sm-pull-5 { right: 41.66666667%; }
    .col-sm-pull-4 { right: 33.33333333%; }
    .col-sm-pull-3 { right: 25%; }
    .col-sm-pull-2 { right: 16.66666667%; }
    .col-sm-pull-1 { right: 8.33333333%; }
    .col-sm-pull-0 { right: auto; }
    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9 { left: 75%; }
    .col-sm-push-8 { left: 66.66666667%; }
    .col-sm-push-7 { left: 58.33333333%; }
    .col-sm-push-6 { left: 50%; }
    .col-sm-push-5 { left: 41.66666667%; }
    .col-sm-push-4 { left: 33.33333333%; }
    .col-sm-push-3 { left: 25%; }
    .col-sm-push-2 { left: 16.66666667%; }
    .col-sm-push-1 { left: 8.33333333%; }
    .col-sm-push-0 { left: auto; }
    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9 { margin-left: 75%; }
    .col-sm-offset-8 { margin-left: 66.66666667%; }
    .col-sm-offset-7 { margin-left: 58.33333333%; }
    .col-sm-offset-6 { margin-left: 50%; }
    .col-sm-offset-5 { margin-left: 41.66666667%; }
    .col-sm-offset-4 { margin-left: 33.33333333%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-2 { margin-left: 16.66666667%; }
    .col-sm-offset-1 { margin-left: 8.33333333%; }
    .col-sm-offset-0 { margin-left: 0; }
}
@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 98.33333333%; }
    .col-md-3 { width: 20%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
    .col-md-pull-12 { right: 100%; }
    .col-md-pull-11 { right: 91.66666667%; }
    .col-md-pull-10 { right: 83.33333333%; }
    .col-md-pull-9 { right: 75%; }
    .col-md-pull-8 { right: 66.66666667%; }
    .col-md-pull-7 { right: 58.33333333%; }
    .col-md-pull-6 { right: 50%; }
    .col-md-pull-5 { right: 41.66666667%; }
    .col-md-pull-4 { right: 33.33333333%; }
    .col-md-pull-3 { right: 25%; }
    .col-md-pull-2 { right: 16.66666667%; }
    .col-md-pull-1 { right: 8.33333333%; }
    .col-md-pull-0 { right: auto; }
    .col-md-push-12 { left: 100%; }
    .col-md-push-11 { left: 91.66666667%; }
    .col-md-push-10 { left: 83.33333333%; }
    .col-md-push-9 { left: 75%; }
    .col-md-push-8 { left: 66.66666667%; }
    .col-md-push-7 { left: 58.33333333%; }
    .col-md-push-6 { left: 50%; }
    .col-md-push-5 { left: 41.66666667%; }
    .col-md-push-4 { left: 33.33333333%; }
    .col-md-push-3 { left: 25%; }
    .col-md-push-2 { left: 16.66666667%; }
    .col-md-push-1 { left: 8.33333333%; }
    .col-md-push-0 { left: auto; }
    .col-md-offset-12 { margin-left: 100%; }
    .col-md-offset-11 { margin-left: 91.66666667%; }
    .col-md-offset-10 { margin-left: 83.33333333%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-8 { margin-left: 66.66666667%; }
    .col-md-offset-7 { margin-left: 58.33333333%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-5 { margin-left: 41.66666667%; }
    .col-md-offset-4 { margin-left: 33.33333333%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
    .col-md-offset-1 { margin-left: 8.33333333%; }
    .col-md-offset-0 { margin-left: 0; }
}
@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
    .col-lg-pull-12 { right: 100%; }
    .col-lg-pull-11 { right: 91.66666667%; }
    .col-lg-pull-10 { right: 83.33333333%; }
    .col-lg-pull-9 { right: 75%; }
    .col-lg-pull-8 { right: 66.66666667%; }
    .col-lg-pull-7 { right: 58.33333333%; }
    .col-lg-pull-6 { right: 50%; }
    .col-lg-pull-5 { right: 41.66666667%; }
    .col-lg-pull-4 { right: 33.33333333%; }
    .col-lg-pull-3 { right: 25%; }
    .col-lg-pull-2 { right: 16.66666667%; }
    .col-lg-pull-1 { right: 8.33333333%; }
    .col-lg-pull-0 { right: auto; }
    .col-lg-push-12 { left: 100%; }
    .col-lg-push-11 { left: 91.66666667%; }
    .col-lg-push-10 { left: 83.33333333%; }
    .col-lg-push-9 { left: 75%; }
    .col-lg-push-8 { left: 66.66666667%; }
    .col-lg-push-7 { left: 58.33333333%; }
    .col-lg-push-6 { left: 50%; }
    .col-lg-push-5 { left: 41.66666667%; }
    .col-lg-push-4 { left: 33.33333333%; }
    .col-lg-push-3 { left: 25%; }
    .col-lg-push-2 { left: 16.66666667%; }
    .col-lg-push-1 { left: 8.33333333%; }
    .col-lg-push-0 { left: auto; }
    .col-lg-offset-12 { margin-left: 100%; }
    .col-lg-offset-11 { margin-left: 91.66666667%; }
    .col-lg-offset-10 { margin-left: 83.33333333%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-8 { margin-left: 66.66666667%; }
    .col-lg-offset-7 { margin-left: 58.33333333%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-5 { margin-left: 41.66666667%; }
    .col-lg-offset-4 { margin-left: 33.33333333%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-2 { margin-left: 16.66666667%; }
    .col-lg-offset-1 { margin-left: 8.33333333%; }
    .col-lg-offset-0 { margin-left: 0; }
}
.pro { padding: 17px; border: 1px solid #dcdcdc; }
/* .pro .img-box { padding-bottom: 76.92307692%; } */
.pro .img-box:hover img { transition: all 0.5s; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.pro .img-box a { background: none; }
.pro p { line-height: 44px; height: 44px; font-size: 18px; display: -webkit-box; overflow: hidden; padding: 0 15px; text-align: center; word-break: break-all; -webkit-box-orient: vertical; }
.pro a { font-size: 12px; font-weight: 500; line-height: 25px; display: block; width: 80px; height: 25px; margin-bottom: 15px; margin-left: 15px; text-align: center; text-decoration: none; color: #fff; border-radius: 3px; background: #fe6100; }
.pro a:hover { text-decoration: underline; }








.title-in { font-size: 12px; line-height: 41px; color: #999; border: 1px solid #ececec; background: #f4f4f4; }

.title-in a { padding: 0 4px; text-decoration: none; text-transform: uppercase; color: #999; }
.title-in a:hover { color: #fe6100; }




.navbar{
	height: 50px;
	color: #fff;
	background-color: #333366;
	border-bottom: 1px solid #ff7800;
	width: 100%;
	position: relative;
	z-index: 99;
}

.head{  width: 100%; }


@media (max-width:991px) {
    .head,.top,.topLogo { display: none !important; }
    .container-wap { display: block !important; }
	.banner{
		margin-top: 60px;
	}
}


.heade{
	position: fixed;
	top: 0;
	z-index: 9;
	width: 100%;
	left: 0;
	 background-color: #333366;
}

.container-wap { display: none; height: 100%; background-color: #333366; height: 60px; position: relative;}
.container-wap .logo { float: left; height: 100%; margin-left: -10px; padding: 8px 0; }
@media (max-width:320px) {
.container-wap .logo .text { display: none; }
}
.container-wap .logo a { text-decoration: none; color: inherit; display: block; overflow: hidden; }
.container-wap .logo a img { display: block; float: left; height:40px; margin-right: 6px;  filter: grayscale(100%) brightness(700%);}
.container-wap .logo .text { float: left; }
.container-wap .logo .text span { font-weight: bold; line-height: 1; display: block; margin-top: 6px; }
.container-wap .logo .text span.t1 { font-size: 16px; text-align: left; color: #fff; }
.container-wap .logo .text span.t2 { font-size: 14px; text-align: left; color: #fe6100; }
@media (max-width:360px) {
    .container-wap .logo .text span.t1 { font-size: 14px; }
    .container-wap .logo .text span.t2 { font-size: 13px; }
}
.container-wap .navbar { position: relative; height: 100%; }
.container-wap .search { position: absolute; top: 0; right: 52px; float: right; width: 30px; height: 60px; cursor: pointer; }
.container-wap .search a { display: block; width: 22px; height: 22px; margin: 0 auto; margin-top: 19px; background: url("../img/index/bsearch.png") no-repeat; background-size: cover; }
.container-wap .toggle { position: absolute; top: 0; right: 0; width: 52px; height: 60px; cursor: pointer; }
.container-wap .toggle .icon, .container-wap .toggle .icon::before, .container-wap .toggle .icon::after { position: absolute; width: 30px; height: 4px; transition-duration: .5s; border-radius: 2px; background: #fff; }
.container-wap .toggle .icon { top: 28px; left: 12.5px; }
.container-wap .toggle .icon::before, .container-wap .toggle .icon::after { left: 0; content: ''; background: inherit; }
.container-wap .toggle .icon::before { top: -9px; }
.container-wap .toggle .icon::after { top: 9px; }

 .searchboxSm { font-size: 1.4rem; line-height: 48px; position: absolute; z-index: 9999; display: none; width: 100%; padding: 5px 12px; vertical-align: middle; background: #f4f4f4; }
 .searchboxSm input:focus { border-color: #fe6100; outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(254, 97, 0, .3); }
 .searchboxSm input[type='submit'] { width: 28%; }
 .searchboxSm input { line-height: 22px; width: 70%; margin: 0; padding: 5px 10px; color: #666; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; }








 .nav > .item { position: relative; display: inline-block !important; height: 50px;}
 .nav > .item .active1 { background: #fe6100; }
 .nav > .item.hover > a { background: #fe6100; height: 50px; line-height: 50px;}
 .nav > .item:hover > a,  .nav > .item.active > a { background: #fe6100; }
 .nav > .item:hover .level-2,  .nav > .item.active .level-2 { display: block; }
 .nav > .item.more > a::after { display: inline-block; width: 0; height: 0; margin-left: 5px; content: ''; border: 4px solid transparent; border-top-color: #fff; }
 .nav > .item a { display: block; text-align: center; text-decoration: none; color: inherit; }
 .nav > .item > a { height: 50px; line-height: 50px;  font-size: 16px;}
@media (max-width:991px) {
     .nav > .item > a { padding: 0 13px; }
}
 .nav .level-2 {z-index: 12; font-weight: 500; line-height: 2; line-height: 30px; overflow: hidden; min-height: 1px; position: absolute; top: 100%; left: 0; display: none; width: 100%; padding: 10px 10px; color: #333; background: #fff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .26); }
 .nav .level-2 li{width: 100%; height: 30px; border: none; margin: 0; float: none; }
 .nav .level-2 a { display: inline-block; overflow: hidden; height: 24px; }
 .nav .level-2 a:hover { color: #fe6100; }
 .level-bg { width: 100%; height: 100%; }


.pronav { display: none;  padding: 32px 0 28px 0; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1; background: #fff; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .26); }
.pronav li { float: left; width: 14%; margin-left: 2%; }
.pronav li a { font-size: 13px; line-height: 24px; display: block; overflow: hidden; margin: 0; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; color: #666; }
.pronav li a:hover { transition: all .2s linear; color: #fe6100; }
.pronav li h3 { font-size: 14px; margin: 0; margin-bottom: 14px; }
.pronav li h3 a { font-size: 14px; font-weight: 500; color: #333; }


.navigation { line-height: 48px; position: absolute; z-index: 99; top: 100%; display: none; width: 100%; border-top: solid 3px #fe6100; border-bottom: solid 3px #fe6100; background-color: #fff; }
@media (min-width:769px) { }
.navigation .level-1 > li::after, .navigation .level-2 > li::after, .navigation .level-2 > li::before { position: absolute; top: 18px; right: 15px; width: 12px; height: 12px; content: ''; background: url("../img/index/menu.png") no-repeat; background-size: cover; }
.navigation .level-1 a { display: block; overflow: hidden; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; color: inherit; }
.navigation .level-1 li { position: relative; border-bottom: solid 1px #e4e4e4; }
.navigation .level-1 > li > a { padding: 0 2em 0 1em; }
.navigation .level-1 > li::after { background-position: -36px 0; }
.navigation .level-1 > li.active::after, .navigation .level-1 > li:hover::after { background-position: -96px 0; }
.navigation .level-1 > li.more::after { background-position: -12px 0; }
.navigation .level-1 > li.more:hover::after { background-position: -72px 0; }
.navigation .level-1 > li.more.active::after { background-position: -84px 0; }
.navigation .level-1 > li.active > a, .navigation .level-1 > li:hover > a { background-color: rgba(0, 0, 0, .05); }
.navigation .level-2 { display: none; }
.navigation .level-2 a { padding: 0 2em 0 3em; }
.navigation .level-2 li:first-child { border-top: solid 1px #e4e4e4; }
.navigation .level-2 li:last-child { border-bottom: none; }
.navigation .level-2 > li::before { right: auto; left: 1.5em; background-position: 0 0; }
.navigation .level-2 > li::after { background-position: -48px 0; }
.navigation .level-2 > li.active::after { background-position: -108px 0; }
.navigation .level-2 > li.more::after { background-position: -12px 0; }
.navigation .level-3 { line-height: 40px; display: none; }
.navigation .level-3 a { font-size: .8em; padding-left: 4em; }

.nav-open .toggle .icon { width: 0; }
.nav-open .toggle .icon::before { -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
.nav-open .toggle .icon::after { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }







.main-feedback{height: auto; overflow: hidden; margin-bottom: 57px;}
.main-feedback p {font-size: 16px; color: #595959; text-align: center; }
.main-feedback .row { margin-top: 30px; }
.main-feedback .row input, .main-feedback .row textarea {outline: none; line-height: 48px; width: 100%; margin: 10px 0; text-indent: 20px; border: 1px solid #dcdcdc; }
.main-feedback .row .submit { font-size: 16px; width: 180px; height: 50px; margin-top: 20px; cursor: pointer; text-align: left; color: #fff; border: none; background: #333366; }
.main-feedback .row .submit span:before { display: block; float: left; width: 16px; margin-right: 10px; margin-left: 27%; content: url("../img/detail/bEmail.png"); }
.main-feedback .row .submit span:hover { text-decoration: underline; }




.wrap-contact .main-contact .col-md-6 { margin-bottom: 30px; }
.wrap-contact .main-contact .noteborder, .wrap-contact .main-contact .figureborder, .wrap-contact .main-contact .cnote, .wrap-contact .main-contact .cfigure { overflow: hidden; border: 1px solid #dcdcdc; }
.wrap-contact .main-contact .note { position: relative; padding: 30px 20px; }
.wrap-contact .main-contact .note h3 {  font-size: 20px; font-weight: 700; margin: 0; line-height: 1.5; }
.wrap-contact .main-contact .note p {  font-size: 16px; line-height:1.5; color: #666; margin-top: 20px;}
.wrap-contact .main-contact .note a { text-decoration: none; color: inherit; }
.wrap-contact .main-contact .note a:hover { text-decoration: underline; }
.wrap-contact .main-contact .note .consultation {  line-height: 40px; display: inline-block; height: 40px; padding: 0 18px; text-decoration: none; color: #fff; border-radius: 3px; background: #333366; }
@media (min-width:992px) {
    .wrap-contact .main-contact .note .consultation { position: absolute; right: 15px; bottom: 15px; }
}
.wrap-contact .main-contact .note .consultation span:before { display: block; float: left; width: 16px; height: 13px; margin-top: 14px; margin-right: 8px; content: ''; background: url("../img/detail/bEmail.png") no-repeat; background-size: contain; }
.wrap-contact .main-contact .note .consultation:hover { text-decoration: underline; }
.wrap-contact .main-contact .figure { overflow: hidden; padding: 30px 20px; }
.wrap-contact .main-contact .figure .pic { float: left; overflow: hidden; width: 100px; border-radius: 100px; }
.wrap-contact .main-contact .figure .text { float: right; width: 74%; }
@media (max-width:991px) and (min-width:768px) {
    .wrap-contact .main-contact .figure .text { width: 58%; }
}
@media (max-width:360px) {
    .wrap-contact .main-contact .figure .text { width: 58%; }
}
.wrap-contact .main-contact .figure .text h4 { font-size: 18px; font-weight: 700; margin: 0; color: #333; line-height: 1.5; }
.wrap-contact .main-contact .figure .text p { line-height: 2; color: #666; }
.wrap-contact .main-contact .row:last-child { margin-top: 30px; margin-bottom: 70px; }
.wrap-contact .main-contact .contact-title { line-height: 48px; margin-right: 15px; margin-left: 15px; border: 1px solid #dcdcdc; border-bottom: none; background: #f4f4f4; }
.wrap-contact .main-contact .contact-title h3 {  font-size: 18px; font-weight: 700; margin: 0; text-indent: 25px; color: #333; }
.wrap-contact .main-contact .contact-note { overflow: hidden; margin-right: 15px; margin-left: 15px; padding-bottom: 30px; border: 1px solid #dcdcdc; }
.wrap-contact .main-contact .contact-note .col-md-4 { padding-top: 30px; }
.wrap-contact .main-contact .contact-note .pic { float: left; overflow: hidden; width: 120px; border-radius: 120px; }
.wrap-contact .main-contact .contact-note .text { float: right; width: 100%; }
.wrap-contact .main-contact .contact-note .text h4 { font-size: 18px; font-weight: 700; margin: 0; margin-bottom: 12px; color: #333; }
.wrap-contact .main-contact .contact-note .text p {  line-height: 1.6; margin: 0; color: #666; }
.wrap-contact .main-contact .contact-note .text a { color: #666; }
.wrap-contact .main-contact .contact-note .text a:hover { transition: all .2s linear; color: #333366; }







.wrap-news .main-news .main-title h1 { margin-bottom: 0; }
.wrap-news .main-news .col-md-6 { margin-top: 50px; }
.wrap-news .main-news .pic { float: left; width: 30%; }
.wrap-news .main-news .pic:hover img { transition: all .3s linear; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.wrap-news .main-news .info { float: right; width: 66%; }
.wrap-news .main-news h3, .wrap-news .main-news h4 { margin: 0; }
.wrap-news .main-news h4 { margin-bottom: 20px; }
.wrap-news .main-news .title { font-size: 16px; overflow: hidden; margin-top: 4px; margin-bottom: 4px; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.wrap-news .main-news .title:hover { color: #333366; }
@media (max-width:480px) {
    .wrap-news .main-news .title { margin: 0; }
}
.wrap-news .main-news .title a { text-decoration: none; color: inherit; }
.wrap-news .main-news .date { color: #333366; }
@media (max-width:768px) {
    .wrap-news .main-news .date { margin-bottom: 18px; }
}
.wrap-news .main-news .note { font-size: 13px; line-height: 2; display: -webkit-box; overflow: hidden; margin: 0; text-overflow: ellipsis; color: #666; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@media (max-width:480px) {
    .wrap-news .main-news .note { line-height: 1.5; }
}




.wrap-product .main-product .main-title p { color: #666; }
.wrap-product .main-product .pro-title { margin-top: 20px; border: 1px solid #fe6100; background: #fe6100; }
.wrap-product .main-product .pro-title .row { margin: 0; }
.wrap-product .main-product .pro-title .row .col-xs-4 { padding: 8px 10px; text-align: center; }
@media (max-width:768px) {
    .wrap-product .main-product .pro-title .row .col-xs-4 { padding: 10px; }
}
.wrap-product .main-product .pro-title .row .col-xs-4 h4 { font-weight: 500; font-style: normal; line-height: 30px; display: block; margin: 0; color: #fff; }
.wrap-product .main-product .pro-title .row .col-xs-8 { padding: 8px 10px; background: #fff; }
@media (max-width:768px) {
    .wrap-product .main-product .pro-title .row .col-xs-8 { padding: 10px; }
}
.wrap-product .main-product .pro-title .row .col-xs-8 a { line-height: 30px; display: inline-block; padding: 0 20px; text-decoration: none; color: #333; }
.wrap-product .main-product .pro-title .row .col-xs-8 a:hover { transition: all .2s linear; color: #fe6100; }
.wrap-product .main-product .row .col-md-3 { margin-top: 30px; }
.wrap-product .main-product .pro p { overflow: hidden; width: 100%; white-space: nowrap; -webkit-line-clamp: 1; }
.wrap-product-list .main-product-list .main-title p { color: #666; }
.main-title h1{
	margin: 0;
	font-weight: normal;
	height: 98px;
	line-height: 120px;
}

.wrap-product-list .main-product-list .pro-sort1 a { line-height: 35px; position: relative; display: inline-block; overflow: visible; padding: 0 2px; text-decoration: none; color: #333; border: 1px solid #fff; background: #fff; }
.wrap-product-list .main-product-list .pro-sort1 a:last-child:before { display: none; }
.wrap-product-list .main-product-list .pro-sort1 a:before { float: right; content: '/'; color: #ccc; }
.wrap-product-list .main-product-list .pro-sort1 a p { display: block; float: left; margin: 0; padding: 0 13px; background: #fff; }
.wrap-product-list .main-product-list .pro-sort1 a:hover { color: #333366; }
.wrap-product-list .main-product-list .pro-sort1 a.proon { transition: border .3s linear; color: #000066; border: 1px solid #000066; box-shadow: 0 0 4px 15px #fff; }
.wrap-product-list .main-product-list .pro-sort1 a.proon span { color: #fff; }
.wrap-product-list .main-product-list .pro-sort1 a.proon:before { color: #fff; }
.wrap-product-list .main-product-list .select { margin-top: 15px; }
.wrap-product-list .main-product-list .select .row { overflow: hidden; margin: 0; margin-top: -1px; border: 1px solid #dcdcdc; }
.wrap-product-list .main-product-list .select .col-md-2 { padding: 12px 14px; border-right: 1px solid #dcdcdc; background: #f4f4f4; }
.wrap-product-list .main-product-list .select .col-md-2 h3 { font-family: 'HelveticaNeue'; font-size: 14px; font-weight: 500; font-style: normal; margin: 0; color: #999; }
.wrap-product-list .main-product-list .select .col-xs-4 { margin-bottom: -600px; padding-bottom: 600px; }
.wrap-product-list .main-product-list .select .col-md-10 { padding: 6px 14px; }
.wrap-product-list .main-product-list .select .col-md-10 a { display: inline-block; margin: 3px 0; padding: 0 8px; text-decoration: none; color: #999; }
.wrap-product-list .main-product-list .select .col-md-10 a:hover, .wrap-product-list .main-product-list .select .col-md-10 a.selected {  color: #000066; }
.wrap-product-list .main-product-list .select .col-md-10 a.disabled { cursor: no-drop;  color: #7d7d7d; }
.wrap-product-list .main-product-list .select-result { position: relative; margin-top: 20px; }
.wrap-product-list .main-product-list .select-result .condition { display: block; overflow: hidden; }
.wrap-product-list .main-product-list .select-result .condition h3 {  font-size: 14px; font-weight: 500; font-style: normal; display: inline-block; color: #999; }
.wrap-product-list .main-product-list .select-result .condition a { font-size: 12px; line-height: 28px; display: inline-block; height: 30px; margin: 0 5px; padding: 0 30px 0 10px; text-align: left; text-decoration: none; color: #000066; border: 1px dotted #000066; border-radius: 3px; background: url(../img/product/close.png) no-repeat right; background-size: 18px; }
.wrap-product-list .main-product-list .select-result h4 { font-size: 14px; font-weight: normal; line-height: 48px; top: 0; right: 0; margin: 0; text-align: right; color: #999; }
.wrap-product-list .main-product-list .row .col-md-3 { margin-top: 30px; }
.wrap-product-show .main-product-show .pro-show { overflow: hidden; margin: 40px 15px 0; padding: 10px 0; }
.wrap-product-show .main-product-show .pro-show .col-md-5 { padding: 0 10px; }
.wrap-product-show .main-product-show .album { position: relative; float: left; overflow: hidden; width: 100%; }
.wrap-product-show .main-product-show .album #sync1, .wrap-product-show .main-product-show .album #sync2 { width: 100%; }
.wrap-product-show .main-product-show .album #sync1 .item { width: 100%; text-align: center; background: #000066; }
.wrap-product-show .main-product-show .album #sync1 .item .img-box2 { padding-bottom: 77%; display: block;}
.wrap-product-show .main-product-show .album #sync2 { margin-top: 10px; padding: 0 50px; }
.wrap-product-show .main-product-show .album #sync2 .item { margin: 5px; cursor: pointer; border: 1px #d4d4d4 solid; }
.wrap-product-show .main-product-show .album #sync2 .item .img-box { padding-bottom: 77.2%; display: block;}
#sync2 div{
	padding:0 2px;
}
.wrap-product-show .main-product-show .album #sync2 .synced .item { border-color: #000066; }
.wrap-product-show .main-product-show .album .owl-theme .owl-controls { position: absolute; width: 100%; }
.wrap-product-show .main-product-show .album .owl-theme .owl-controls .owl-buttons { overflow: hidden; width: 100%; }
.wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-prev, .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-next { font-size: 0; position: absolute; z-index: 99; width: 32px; height: 98px; margin: 0; margin-top: 2%; padding: 0; background-color: #949494; border-radius:0 ; background-image: url(../img/detail/right.png); background-repeat: no-repeat; background-size: 10px 17px; background-position: center;}
@media (max-width:768px) {
    .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-prev, .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-next { margin-top: 3%; }
}
@media (max-width:480px) {
    .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-prev, .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-next { margin-top: 4%; }
}
@media (max-width:360px) {
    .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-prev, .wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-next { margin-top: 2%; }
}
.wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-prev { left: 0;transform:rotate(180deg);}
.wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-prev.disabled { cursor: default;}
.wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-next { right:0; }
.wrap-product-show .main-product-show .album .owl-theme .owl-controls div.owl-next.disabled { cursor: not-allowed; background-position: -960px 0 !important; }
.wrap-product-show .main-product-show .ink-text { overflow: hidden; padding-left: 20px; }
.wrap-product-show .main-product-show .ink-text a { text-decoration: none; }
.wrap-product-show .main-product-show .ink-text h3 {  font-size: 22px; font-weight: 700; margin: 16px 0; }
.wrap-product-show .main-product-show .ink-text p { line-height: 26px; margin: 0; color: #666; }
.wrap-product-show .main-product-show .ink-text p img { margin-top: 10px; }
.wrap-product-show .main-product-show .ink-text .col-md-5 a { font-weight: 700; line-height: 34px; display: inline-block; margin-top: 10px; margin-left: 5px; padding: 0 14px; color: #69c17c; border: 1px solid #69c17c; }
@media (min-width:1200px) {
    .wrap-product-show .main-product-show .ink-text .col-md-5 a { float: right; margin-right: 58px; }
}
.wrap-product-show .main-product-show .ink-text .col-md-5 a span:before { display: block; float: left; width: 50px; height: 34px; margin-left: -15px; content: ''; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); background: url("") no-repeat; background-position: -1088px -18px; }
.wrap-product-show .main-product-show .ink-text .col-md-5 a:hover span { text-decoration: underline; }
.wrap-product-show .main-product-show .ink-text .quote { margin-top: 20px; padding: 20px; border: 1px solid #d0d0d0; border-radius: 2px; }
.wrap-product-show .main-product-show .ink-text .quote p { line-height: 30px; float: left; width: 100%; margin: 0; color: #333; }
.wrap-product-show .main-product-show .ink-text .quote p.qicon1:before, .wrap-product-show .main-product-show .ink-text .quote p.qicon2:before, .wrap-product-show .main-product-show .ink-text .quote p.qicon3:before, .wrap-product-show .main-product-show .ink-text .quote p.qicon4:before { display: block; float: left; width: 30px; height: 30px; margin-left: -8px; content: ''; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); background: url("../images/quote.png"/*tpa=https://www.chinatruck.cc/tpl/en_chinatruck/images/quote.png*/) no-repeat; background-size: cover; }
.wrap-product-show .main-product-show .ink-text .quote p.qicon1:before { background-position: 0; }
.wrap-product-show .main-product-show .ink-text .quote p.qicon2:before { background-position: -30px 0; }
.wrap-product-show .main-product-show .ink-text .quote p.qicon3:before { background-position: -60px 0; }
.wrap-product-show .main-product-show .ink-text .quote p.qicon4:before { background-position: -90px 0; }
.wrap-product-show .main-product-show .ink-text .quote-inquire { font-weight: 500; line-height: 14px; display: inline-block; margin: 0; margin-top: 20px; padding: 12px 20px; color: #fff; border: none; background: #fe6100; }
.wrap-product-show .main-product-show .ink-text .quote-inquire:hover { text-decoration: underline; }
.wrap-product-show .main-product-show .share { float: left; clear: both; margin-bottom: 0; margin-left: -40px; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); }
.wrap-product-show .main-product-show .share h4 { display: inline-block; float: left; }
.wrap-product-show .main-product-show .share ul { display: inline-block; float: left; margin-top: 10px; }
.wrap-product-show .main-product-show .detail, .wrap-product-show .main-product-show .inquiry { overflow: hidden; }
.wrap-product-show .main-product-show .detail .proshow-title, .wrap-product-show .main-product-show .inquiry .proshow-title { line-height: 48px; margin: 50px 15px 0 15px; border: 1px solid #dcdcdc; border-bottom: none; background: #f4f4f4; }
.wrap-product-show .main-product-show .detail .proshow-title h3, .wrap-product-show .main-product-show .inquiry .proshow-title h3 {  font-size: 18px; font-weight: 700; margin: 0; text-indent: 25px; color: #333; }
.wrap-product-show .main-product-show .detail .note, .wrap-product-show .main-product-show .inquiry .note { overflow: hidden; margin-right: 15px; margin-left: 15px; padding: 24px; padding-bottom: 30px; border: 1px solid #dcdcdc; }
.wrap-product-show .main-product-show .inquiry .proname span { font-weight: 500; display: block; }
.wrap-product-show .main-product-show .inquiry .proname span, .wrap-product-show .main-product-show .inquiry input, .wrap-product-show .main-product-show .inquiry textarea { line-height: 48px; width: 100%; margin: 10px 0; text-indent: 20px; border: 1px solid #dcdcdc; }
.wrap-product-show .main-product-show .inquiry .submit { font-size: 16px; width: 200px; height: 50px; cursor: pointer; text-align: left; color: #fff; border: none; background: #333366; }
.wrap-product-show .main-product-show .inquiry .submit span:before { display: block; float: left; width: 16px; margin-right: 10px; margin-left: 30%; content: url("../img/index/mail.png"); }
.wrap-product-show .main-product-show .detail .proshow-title h3 a{
	color: #333;
	height: 100%;
	display: inline-block;
	text-align: center;
	text-indent: 0;
	padding: 0 10px;
}

.wrap-product-show .main-product-show .detail .proshow-title h3 a.detailActive{
	border-bottom: 1px solid #333366;
	color: #333366;
}


.productInquiry { font-size: 16px; width: 200px; height: 50px; line-height: 50px; cursor: pointer;   text-align: center; color: #fff; border: none; background: #333366; }
.productInquiry span::after { width: 16px; display: inline-block; content: ''; height: 50px; background-image: url(../img/detail/right.png); background-position: center; background-repeat: no-repeat; vertical-align: middle;}


.miaoshu{
	font-size: 14px;
	color: #949494;
	line-height: 38px;
}

.ink-ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 38px 0;
}

.ink-ul li{
	padding: 12px 0;
	border-bottom: 1px solid #949494;
}

.ink-ul li span{
	display: inline-block;
	width: 20%;
	font-size: 18px;
	color: #000000;
	vertical-align: top;
}


.ink-ul li p{
	font-size: 18px;
	color: #333366 !important;
	display: inline-block; width: 420px;
}



.wrap-product-show .main-product-show .maylike { overflow: hidden; margin-top: 60px; }
.wrap-product-show .main-product-show .maylike h3 {  font-size: 30px; font-weight: 700; margin: 0; }
.wrap-product-show .main-product-show .maylike .row .col-md-3 { margin-top: 30px; }

.wrap-product-show  table td{
	padding: 12px 10px;
	text-align: center;
}
.wrap-product-show  table{
	border: 1px solid #d4d4d4;
}






.footer .main { padding-top:40px; padding-bottom: 40px; background-color: #555555; background-image: url(../img/index/bottomBg.png); background-repeat:no-repeat; background-position: center center;}
.footer .main h3 {  font-size: 24px; line-height: 1; margin-bottom: 38px; height: 85px; text-align: left; color: #fff; }
.footer .main ul { margin: 0; padding: 0; list-style: none; }
.footer .main a { text-decoration: none; color: #dedede; }
.logobox a{
	margin-bottom: 38px;
	display: block;
	
}
.footer .main .product ul li:hover a { color: #f15d01; }
.footer .main .row > div { display: inline-block; float: none; vertical-align: top; }
@media (min-width:768px) {
    .footer .main .row .col-sm-6 { width: 48%; }
}
@media (min-width:992px) {
    .footer .main .row .col-md-2 { width: 16%; }
}
@media (min-width:992px) {
    .footer .main .row .col-md-3 { width: 24%; }
}
@media (min-width:992px) {
    .footer .main .row .col-md-4 { width: 32%; }
}
.footer .main .address { font-size: 14px; line-height: 30px; color: #dedede; }
.footer .main .address h4 { font-size: 1em; font-weight: normal; margin: 0; }
.footer .main .address h4 a{ font-size: 1em; font-weight: normal; margin: 0; }
.footer .main .address b { font-weight: normal; color: #f15d01; }
.footer .main .contact h4 { font-weight: normal; line-height: 2; color: #fff; font-size: 16px;}
.footer .main .contact ul { font-size: 14px; line-height: 3; text-align: left; color: #a3a3a3; margin-top: 50px;}
.footer .main .contact li::before { display: inline-block; width: 16px; height: 16px; margin-right: 5px; content: ''; vertical-align: middle; background-position: center center; background-size: cover; }
.footer .main .contact li.address::before { line-height: 42px; background: url(../img/index/address.png) no-repeat;}
.footer .main .contact li.email::before {background: url(../img/index/mail.png) no-repeat;}
.footer .main .contact li.tel::before {background: url(../img/index/phone.png) no-repeat; }
.footer .main .contact li.fax::before { background: url(../img/index/fax.png) no-repeat;}
.footer .main .contact a:hover { text-decoration: underline; }
.footer .main .product { color: #f6f6f6; }
.footer .main .product li a{
	display: block;
	padding-bottom: 24px;
}
.footer .main .product li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.footer .main .feedback input, .footer .main .feedback textarea { font-style: italic; line-height: 40px; display: block; width: 100%; margin: 12px 0; padding: 0 8px; color: #f6f6f6; border: none; border-radius: 2px; outline: none; background: #636363; }

.footer .main .feedback input::placeholder, .footer .main .feedback textarea::placeholder{
	color: #f6f6f6;
}

.footer .main .feedback textarea { line-height: 1.75; min-height: 100px; max-height: 200px; padding-top: 6px; padding-bottom: 6px; resize: vertical; }
.footer .main .feedback .submit { font-weight: 500; display: inline-block; transition: all .2s ease-in-out; color: #fe6100; }
.footer .main .feedback .submit:hover { font-weight: bold; -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); }
.footer .bottom .cooperation h3 { font-size: 16px; font-weight: 600; text-align: left; color: #999; height: 80px; line-height: 80px;}
.footer .bottom .cooperation ul { display: flex; flex-flow:row wrap; justify-content: space-between; margin: 0 auto 40px; padding: 0; list-style: none;}
.footer .bottom .cooperation li { display: inline-block; overflow: hidden; height: 48px; margin-right: 14px;
    margin-bottom: 10px; border: 1px solid #eaeaea; border-radius: 2px; background: #fff; }
.footer .bottom .cooperation li:hover { transition: all .2s linear; border-color: #fe6100; }
.footer .bottom .cooperation a { display: inline-block; height: 100%; }
.footer .bottom .cooperation img { height: 100%; }
.footer .bottom .copyright { border-top: 0px solid #333366; }
.footer .bottom .copyright p { font-size: 16px; line-height: 40px; text-align: center; letter-spacing: 0; color: #fff;  }
.footer .bottom .copyright a { white-space: nowrap; text-decoration: none; color: inherit; color: #999; }
.footer .bottom .copyright a:hover { text-decoration: underline; }




.footer-phone {
	display: none;
    background-color: #0f1762;
    background-color: rgba(15, 23, 98, .8);
}

@media (max-width:991px) {
    .footer-phone {
        position: fixed;
        z-index: 9;
        bottom: 0;
        display: block;
        width: 100%;
    }

}

.footer-phone ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-phone ul li {
    float: left;
    width: 20%;
    padding: 4px 10px;
    text-align: center;
    color: #fff;
    /*border-right: 1px solid #fe6100;*/
    border-left: 1px solid #fe6100;
}

.footer-phone ul li:first-child {
    border-left: none;
}

.footer-phone ul li:last-child {
    border-right: none;
}

.footer-phone ul li a {
    font-size: 12px;
    display: block;
    text-decoration: none;
    color: #fff;
}



.footer-phone ul li a:before {
    font-family: 'iconfont' !important;
    font-size: 20px;
    line-height: 28px;
    display: block;
    height: 28px;
    margin-right: 4px;
    content: '\e62c';
}

.footer-phone ul li.message a:before {
    font-size: 18px;
    content: '\e679';
}

.footer-phone ul li.email a:before {
    content: '\e604';
}

.footer-phone ul li.topup a:before {
    content: '\e632';
}

.footer-phone ul li.contact a:before {
    font-size: 24px;
    content: '\e603';
}

.bottom{
	background-color: #29292b;
}


.share{
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;border-top: 4px solid #333366; 
}
.share ul li{
	margin: 0 6px;
}

.share ul li a, .share ul li img{
	width: 100%;
	height: 100%;
	display: block; margin-top: 15px;
}














.contBanner{position:relative;}

.contBanner h2{font-size:48px;color:#fe6100;font-weight:600;line-height: 48px;position:absolute;top: 50%;margin-top: -24px; display: none;}

.contBanner img{display: block;width: 100%;}

.contMbx{line-height: 48px;border-bottom:1px solid #dadada;}

.contMbx label{font-size:14px;color:#666666;margin-right: 22px;}

.contMbx a{font-size:14px;color:#11318a;}

.contMbx span{font-size:14px;color:#11318a;}

.contMainLeft{width: 310px;float: left;padding-top: 40px;padding-bottom: 60px;}

.contMainLeft dt{font-size: 24px;
    color: #11318a;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 28px;
    font-family: Arial, Helvetica, sans-serif;}


.contMainLeft dt a{font-size:24px;color:#11318a;}

.contMainLeft dt a:hover{font-size:18px;color:#e75c00;}

.contMainLeft dt:after{content:'';display: inline-block;width: 18px;height: 18px;background:url(../img/index/icon_errow.png) no-repeat;margin-left: 6px;}

.contMainRight{width: 860px;float: right;}

.contMainLeft dd{line-height: 35px;position:relative; margin-bottom: 5px;}

.contMainLeft dd:after{content:'';width: 32px;height: 2px;background: #e75c00;position:absolute;bottom: 0;left: 0;}

.ws_contMainImg{margin-top: 40px;margin-bottom: 35px;}



.contMainRight{padding-top: 40px;padding-bottom: 30px;}

.contMainLeft dd a{font-size:14px;color:#11318a;font-weight: 400;transition:all 0.4s; margin-left: 10px;}

.contMainLeft dd a:hover{color:#e75d00;}

.contMainRight h2{font-size:24px;color:#e75c00;line-height: 24px;font-weight: 600;margin-bottom: 28px;text-align: right;}


	.contMainLeft h2 {
    font-size: 28px;
    color: #333366;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 28px;
    text-align: left;
}



.products ul{overflow: hidden;}

.products ul li{float: left;overflow: hidden;width: 262px;height: 262px;margin-right: 35px;border:1px solid #adadad;position:relative;margin-bottom: 20px;}

.products ul li:nth-child(3n){margin-right: 0;}

.products ul li img{display: block;width: 100%;height: 100%;}

.products ul li h4{font-size:12px;color:#fff;text-align: center;position:absolute;width: 100%;bottom: 0;left: 0;line-height: 40px;height: 40px;background:rgba(0,0,0,0.5);}

.products ul li img{transition:all 0.4s;}

.products ul li:hover img{transform:scale(1.16);}











.page{float: right;font-size:0;border:1px solid #dddddd;border-radius:4px;margin-top: 30px;}

.page a{display: inline-block;color:#337ab7;font-size:12px;width: 32px;height: 32px;line-height: 32px;text-align: center;border-right:1px solid #dddddd;}

.page a.btn{font-family: '宋体'}

.page a.avtive{background: #337ab7;color:#fff;border-right-color:#337ab7;}

.page a:last-child{border-right: 0;}







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

	.contBanner h2{font-size:20px;padding-left: 20px;}

	.contMainLeft{float: none;width: auto;padding:20px 10px;display: none;}

	.contMainLeft dt{font-size:20px;margin-bottom: 10px;}
	.contBanner img{display: block;width: 100%; margin-top: 60px;}

	.ws_contMainImg{margin: 20px 0;}

	.contMainRight{width: auto;float: none;}

	.contMainRight h2{text-align: left;padding:0 10px;font-size:22px;}

	.contMainRight ul li{float: none;margin: auto !important;margin-bottom: 20px !important;}

	.page{margin: auto;float: none;text-align: center;}

	.contMbx{padding-left: 10px;}

}


	

.contMainRight .newsList1 ul{text-align:center}

.contMainRight .newsList1 ul li {

margin: 5px 0.5% 0 0.5% !important;

 width: 90%;

    display: inline-block;

height:auto; float:left;

}	

	




.contMainLeftInfo p{font-size:18px;color:#11318a;line-height: 28px;font-weight: 600;}

.contMainLeftInfo p a{font-size:18px;color:#11318a;}

.contMainLeftInfo p a:hover{font-size:18px;color:#e75d00;}

.contMainLeftInfo>div{margin-top: 10px;}

.contMainLeftInfo p span{font-size:20px;color:#e75d00;}



.contMainLeftNews p a{transition:all 0.4s;}

.contMainLeftNews p a:hover{color:#e75d00;}



.contProTabMain table {width: 100% !important;border-top:1px solid #ccc; border-right:1px solid #ccc;border-collapse: collapse;border-spacing: 0;}

.contProTabMain table td, .contProTabMain table th {border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:6px 10px; background:#fff;}

.contProTabMain table th, .contProTabMain table tr.total td {background:#f5f5f5;}

.contProTabMain table:first-child tr td:first-child{}



.main_mess.pro .messLeft{float: none;margin: auto;}

.main_mess.pro .container{width: auto;}





.share img:hover{opacity:0.8}

.footerIcon img:hover{opacity:0.8}



.headerBottom dl dd a{white-space:nowrap;transition:all 0.3s;}

.headerBottom dl dd a:hover{color:#1f3571;}




.videoPlay{position:relative;}

.videoPlay .playBtn{margin-left: -29px;margin-top: -29px;position:absolute;left: 50%;top: 50%;cursor:pointer;}



.main_mess.pro{background: none;}

.main_mess.pro h3{color:#555;}

.main ul{text-align: left;}

.newsList2 ul{text-align: left;}

.video_top .b_box{position:fixed;}









.video_top .b_box{top: 46%;}

.contactsMain{padding-bottom: 10px;}

.contactsMain ul{padding:50px 0;}

.contactsMainTop{padding-top: 60px;margin-bottom: 30px;}





body.active .headerBottom{position:fixed;width: 100%;left: 0;top: 0;z-index: 10;}



.preview{width:460px;float: left; position: relative;}

/* smallImg */

.smallImg{position:relative; height:82px; margin-top:1px; background-color:#F1F0F0; width:100%; overflow:hidden;float:left;}

.scrollbutton{width:20px; height:80px; overflow:hidden; position:relative; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;-webkit-background-size: 100% 100%;

background-size: 100% 100%;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; -webkit-background-size: 100% 100%;

background-size: 100% 100%;margin-left:439px; margin-top:-80px;}



#imageMenu {height:80px; width:420px; overflow:hidden; margin-left:0; float:left;}

#imageMenu li {height:80px; width:84px; overflow:hidden; float:left; text-align:center;}

#imageMenu li img{width:76px; height:76px;cursor:pointer;border: 2px solid #fff;}

#imageMenu li#onlickImg img{ border: 2px solid #e75c00;}

/* bigImg */

.bigImg{position:relative; float:left;overflow:hidden;width: 100%;}

.bigImg #midimg{width: 100%;}

.bigImg #winSelector{width:235px; height:210px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;top: 0 !important;left: 480px !important;}

#bigView img{position:absolute;}





.contProImg #swiper-container3{height: auto;}











.videoBottom video{display: block;width: 400px;height: 280px;background: #000;}

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

	.videoBottom video{width: 100%;height: auto;}

}







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

.contMainRight ul{text-align:center}

.contMainRight ul li {

margin: 5px 0.5% 0 0.5% !important;

 width: 46%;

    display: inline-block;

height:auto; float:left;

}

	

}



/*product send*/

/**/






/*鍦板浘*/

.p_bor{ border:1px solid #ddd; border-radius:5px; padding:40px; background:#fff; }

.p_bor table td{  height:50px; line-height:50px;}

.p_bor table td label{ font-weight:bold;}

.p_bor table td a{ background:url(../images/map_jt.png) 15px center no-repeat; padding:0 30px; color:#666;}



.p_bor table td .td_dd{ background:none;}



.p_bor table .p_btle{ margin:10px 0; height:50px; font-size:16px; border-bottom:2px solid #ccc;}

.p_bor table .p_btle strong{ background:url(../images/pl__jt_arrow.png) right center no-repeat; padding-right:20px;  line-height:50px; display:inline-block; height:50px; border-bottom:2px solid #ed1b24;}





.p_step{ width:1200px; margin:15px auto; color:#666; }

.p_step a{ color:#666;}



.infoBoxShow .open_div label {

  padding-left: 30px;

  color: #fff;

  background: url(../images/gvl_tle.png) no-repeat;

  height: 32px;

  line-height: 32px;

    display: block;

    font-size:16px;

}










@media screen and (max-width: 740px) {
	
	/* 分页 */

#pages { padding:14px 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:20px; width:100%;}

#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}

#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

#pages span { display:inline-block; height:22px; line-height:22px; background:#11318a; border:1px solid #11318a; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

#pages .wz_pages{ float:right;margin-bottom:10px; padding-top:10px;font-family:Verdana, Geneva, sans-serif; font-size:12px; display:inline;}

#pages li{ float:left;font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#pages p{ float:right; text-align:center; width:750px; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-bottom:10px; margin-top:10px;}

}









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

	.contMainRight ul li{width:49%;}

	.contMainRight ul li img{width:100%}


	.main ul li h4{font-size:14px;}

	.contactsMainTop img{display:block;margin:auto;}

	.contactsMainTopText h3{font-size:16px;}

}







/* 分页 */

#pages { padding:14px 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:20px; text-align: center;}

#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}

#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }

#pages span { display:inline-block; height:22px; line-height:22px; background:#11318a; border:1px solid #11318a; color:#fff; text-align:center;padding:0 10px}

.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

#pages .wz_pages{ float:right;margin-bottom:10px; padding-top:10px;font-family:Verdana, Geneva, sans-serif; font-size:12px; display:inline;}

#pages li{ float:left;font-family:Verdana, Geneva, sans-serif; font-size:12px;}

#pages p{ float:right; text-align:center; width:750px; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-bottom:10px; margin-top:10px;}



@media screen and (max-width: 740px) {
	
	.ink-ul li p{
	font-size: 18px;
	color: #333366 !important;
	display: inline-block; width: 60%;
}

	
.ink-ul li span {
    display: inline-block;
    width: 35%;
    font-size: 18px;
    color: #000000;
    vertical-align: top;
}	
	
	
	
}