@charset "utf-8";  /*ljcong 2017.01.09*/
* { margin: 0; border: 0; padding: 0; }
body { font-size: 14px; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; background:#fff;}
a { color: inherit; outline: none; text-decoration: none; }
ul, li, ol { list-style-type: none; }
input, textarea, button, select { outline: none; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; font-size: 14px; }
input[type='button'], button { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
textarea { resize: none; }
img { }
em, i { font-style: normal; }
b { font-weight: normal; }
/*宽度*/
.imgW-100 { width: 100%; transition: 0.5s linear 0s; }
.imgMW-100 { max-width: 100%; transition: 0.5s linear 0s; }
.w-100 { width: 100%; }
.mw-100 { max-width: 100%; }
.w-1200 { width: 100%; max-width: 1200px; margin: 0 auto; }
.w-1400 { width: 100%; max-width: 1400px; margin: 0 auto; }
.w-30 { width: 30%; }
.w-50 { width: 50%; }
/*字体*/
.font-over1 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
/*对齐方式*/
.dis-t, .dis-m, .dis-b { display: inline-block; }
.dis-t { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.v-align-m1:before, .v-align-m2:before, .v-align-m3:after, .v-align-m4:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; font-size: 0; }
.v-align-m2:before { margin-left: -5px; }
/*显示/隐藏尺寸*/
.pc, .pc-720, .pc-1200 { display: block; }
.mob, .mob-720, .mob-1200 { display: none; }
/*形状*/
.SJ-L:after { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-left: 5px; width: 0; height: 0; }
.SJ-B:after { content: ''; display: inline-block; border-style: solid; border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px; margin-left: 5px; width: 0; height: 0; }
.SJ-BL:before { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-right: 5px; width: 0; height: 0; }
/*浮动*/
.clear { display: inline-block; vertical-align: top; width: 100%; }
.float-R { float: right; }
.float-L { float: left; }
/*IE8透明度*/
.opacity50 { opacity: 0.5; filter: Alpha(opacity=50); }
/*通用背景*/
.public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 2; }
@media screen and (max-width: 1200px) {
.pc-1200 { display: none; }
.mob-1200 { display: block; }
}
@media screen and (max-width: 1024px) {
.pc { display: none; }
.mob { display: block; }
}
@media screen and (max-width: 720px) {
.pc-720 { display: none; }
.mob-720 { display: block; }
}




.main-header{
	position:relative;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .header-top{
	position:relative;
	padding:5px 0px;
	background:#f6f6f6;
	color:#777777;
	font-family: microsoft yahei,'Titillium Web', sans-serif;	
}

.main-header .header-top a{
	color:#777777;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .links-nav li{
	position:relative;
	float:left;
	margin-right:15px;
}

.main-header .top-right .links-nav li{
	margin-right:0px;
	margin-left:30px;
}

.main-header .top-right .links-nav li:before{
	content:'';
	position:absolute;
	left:-15px;
	top:50%;
	margin-top:-8px;
	height:16px;
	border-right:1px solid #777777;	
}

.main-header .top-right .links-nav li:first-child:before{
	display:none;	
}

.main-header .links-nav li a{
	position:relative;
	line-height:26px;
	font-size:12px;
	text-transform:capitalize;font-family: microsoft yahei;	
}

.main-header .header-top a:hover{
	color:#00c6ff;	
}

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
	z-index:0;
	border-bottom:1px solid #f0eeee;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .logo{
	padding:6px 0px 2px;	
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.main-header .header-upper{
	position:relative;
	padding:15px 0px;
	background:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index:5;
}

.main-header .header-upper .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.main-header .logo-outer{
	position:relative;
	z-index:25;	
}

.main-header .logo-outer .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.main-header .header-upper .upper-right{
	position:relative;
	padding:10px 0px;
}

.main-header .header-upper .info-box:last-child{
	margin-right:0px;	
}

.main-header .header-upper .info-box:after{
	content:'';
	position:absolute;
	right:-40px;
	top:50%;
	margin-top:-20px;
	height:40px;

}

.main-header .info-box{
	position:relative;
	float:right;
	min-height:56px;

	padding:7px 0px 7px 60px;
}

.main-header .header-upper .info-box:last-child{
	padding-left:0px !important;
}

.main-header .header-upper .info-box:last-child:after{
	display:none;	
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:8px;
	width:44px;
	height:44px;
	text-align:center;
	line-height:42px;
	border:1px solid #e0e0e0;
	border-radius:2px;
	color:#ff304d;
	font-size:20px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.main-header .info-box:hover .icon-box{
	border-color:#ff304d;	
}

.main-header .info-box li{
	position:relative;
	line-height:24px;
	margin:0px 0px;
	font-size:14px;
	color:#9b9b9b;
	font-family: microsoft yahei;
}

.main-header .info-box li a{
	color:#9b9b9b;		
}

.main-header .info-box strong{
	font-weight:700;
	color:#555555;
	font-size:15px;	
}

.main-header .header-lower{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	z-index:5;
	font-family:microsoft yahei,'Titillium Web', sans-serif;
}

.main-header .header-lower .bg-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	 background: repeating-linear-gradient(#2c4a6b 50%, #ff304d 50%);
}

.main-header .header-lower .bg-layer:before{
	content:'';
	position:absolute;
	right:50%;
	top:0px;
	width:50%;
	height:100%;
	background:#2c4a6b;	
}

.main-header .header-main-box{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	background:rgba(255,255,255,0.15);
	z-index:5;
	font-family: microsoft yahei,'Titillium Web', sans-serif;
}

.main-header.fixed-header .header-main-box{
	background:#2c4a6b;	
}

.main-header .nav-outer{
	position:relative;
	padding-right:230px;
	background:#2c4a6b;
}

.main-header .header-main-box .nav-outer{
	padding-right:50px;
	background:none;	
}

.header-main-box .nav-outer .search-box-btn{
	position:absolute;
	right:0px;
	font-size:14px;
	width:30px;
	height:30px;
	top:50%;
	margin-top:-15px;
	line-height:30px;
	color:#ffffff;
	cursor:pointer;
}

.header-main-box .nav-outer .search-box-btn:hover{
	color:#00c6ff;
}
.main-menu{
	position:relative;	
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
	font-family: microsoft yahei,'Titillium Web', sans-serif;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:0px;
	border-right:1px solid rgba(255,255,255,0.10);
}

.header-main-box .main-menu .navigation > li{
	border:none;	
}

.sticky-header .main-menu .navigation > li{
	margin:0px;
}

.main-menu .navigation > li > a{
	font-family: microsoft yahei;
	position:relative;
	display:block;
	padding:16px 25px;
	font-size:14px;
	color:#ffffff;
	line-height:30px;
	border-top:none;
	text-transform:capitalize;
	opacity:1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-main-box .main-menu .navigation > li > a{
	padding:25px 20px;
}

.sticky-header .main-menu .navigation > li > a{
	color:#181818;
	padding:15px 15px;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	background:#01bcfa;
	opacity:1;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	background:#01bcfa;
	color:#ffffff;
	opacity:1;
}

.main-menu .navigation > li:hover > a:after{
	opacity:1;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:130%;
	width:220px;
	padding:0px;
	z-index:100;
	display:none;
	background:#2c4a6b;
	border-top:3px solid rgba(255,255,255,0.80);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 15px;
	line-height:22px;
	font-size:14px;
	text-transform:capitalize;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	background:#01bcfa;	
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: microsoft yahei,'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:110%;
	top:0px;
	width:220px;
	padding:0px;
	z-index:100;
	display:none;
	background:#2c4a6b;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.30);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:12px 15px;
	line-height:22px;
	font-weight:600;
	font-size:14px;
	text-transform:capitalize;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
	background:#01bcfa;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	left:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:28px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .btn-outer{
	position:absolute;
	right:0px;
	top:0px;
	width:230px;
	height:100%;
	overflow:hidden;	
}

.main-header .btn-outer .quote-btn{
	position:relative;
	display:block;
	line-height:26px;
	text-align:center;
	padding:18px 0px 18px 30px;
	font-weight:600;
	font-size:14px;
	color:#ffffff;
	text-transform:uppercase;
	z-index:1;	
}

.header-main-box .btn-outer .quote-btn{
	padding:27px 0px 18px 30px;	
}

.main-header .btn-outer:before{
	content:'';
	position:absolute;
	left:20px;
	top:0px;
	width:120%;
	height:100%;
	background:#ff304d;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);
	transform:skewX(-25deg);
}

.main-header .btn-outer:hover:before{
	background:#01bcfa;	
}


.headCon[data-v-cfe03b5a] {
  width: 100%;
  position: fixed;
  background-color: white;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: all 600ms;
  transition: all 600ms;
}
.headCon .main[data-v-cfe03b5a] {
    width: 85%;
    margin-left: 7.5%;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-transition: all 600ms;
    transition: all 600ms;
}
.headCon .main .rightInfo[data-v-cfe03b5a] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin-top: 10px;
}
.headCon .main .rightInfo .one[data-v-cfe03b5a] {
        position: relative;
}
.headCon .main .rightInfo .one input[data-v-cfe03b5a] {
          width: 350px;
          height: 36px;
          border-radius: 20px;
          border: 1px solid #D9D9D9;
          text-indent: 10px;
          color: #CBCBCA;
}
.headCon .main .rightInfo .one input[data-v-cfe03b5a]:focus {
          outline: none;
}
.headCon .main .rightInfo .one .search[data-v-cfe03b5a] {
          display: inline-block;
          padding: 5px 25px;
          background-color: #f08200;
          color: white;
          border-radius: 25px;
          position: absolute;
          right: 10px;
          font-size: 13px;
          top: 6px;
          cursor: pointer;
}
.headCon .main .rightInfo .two[data-v-cfe03b5a] {
        padding-left: 60px;
}
.headCon .main .rightInfo .two img[data-v-cfe03b5a] { margin-top: 10px;}
.headCon .main .rightInfo .two span[data-v-cfe03b5a] {
          font-weight: bold;
          font-size: 20px;
    
          padding-left: 10px;
}
.headCon .nav[data-v-cfe03b5a] {
    width: 100%;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}
.headCon .nav ul[data-v-cfe03b5a] {
      width: 85%;
      margin: 0 auto;
      list-style: none;
      -webkit-padding-start: 0;
              padding-inline-start: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.headCon .nav ul li[data-v-cfe03b5a] {
        font-size: 15px;
        cursor: pointer;
        position: relative;
        padding: 20px 40px;;
}
.headCon .nav ul li span[data-v-cfe03b5a] {
          color: black;
          -webkit-transition: all 2s;
          transition: all 2s;
}
.headCon .nav ul li .twoList[data-v-cfe03b5a] {
          position: absolute;
          left: -90%;
          top: 100%;
          width: 150px;
          display: none;
          background-color: white;
}
.headCon .nav ul li .twoList span[data-v-cfe03b5a] {
            width: 100%;
            padding: 10px 0;
            display: inline-block;
            text-align: center;
            -webkit-transition: all 600ms;
            transition: all 600ms;
            color: black;
}
.headCon .nav ul li .twoList span[data-v-cfe03b5a]:hover {
            background-color: rgba(0, 0, 0, 0.2);
            color: black;
}
.headCon .nav ul li[data-v-cfe03b5a]::before {
        content: '';
        width: 0;
        height: 2px;
        background-color: #f08200;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 1s;
        transition: all 1s;
}
.headCon .nav ul li:hover span[data-v-cfe03b5a] {
        color: #f08200;
}
.headCon .nav ul li[data-v-cfe03b5a]:hover::before {
        width: 100%;
}
.headCon .nav ul li:hover .twoList[data-v-cfe03b5a] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
}
.headCon .nav ul .showLine[data-v-cfe03b5a]::before {
        width: 100%;
}
.headCon .nav ul .showLine span[data-v-cfe03b5a] {
        color: #7B5C3D;
}
.headCon .top[data-v-cfe03b5a] {
    display: none;
}
.headCon .menuBox[data-v-cfe03b5a] {
    position: fixed;
    top: 80px;
    left: 0;
    height: 100vh;
    width: 100%;
    background: #f2f2f2;
    z-index: 1010;
    -webkit-transition: .8s;
    transition: .8s;
    opacity: 0;
    display: none;
}
.headCon .menuBox.open[data-v-cfe03b5a] {
    opacity: 1;
    display: block;
}
.headCon .menuBox .item span[data-v-cfe03b5a] {
    display: block;
    font-size: 18px;
    color: #666;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
@media screen and (max-width: 450px) {
.headCon .main[data-v-cfe03b5a], .headCon .nav[data-v-cfe03b5a] {
      display: none;
}
.headCon .top[data-v-cfe03b5a] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      padding: 20px 0px;
      -webkit-transition: all 2s;
      transition: all 2s;
}
.headCon .mImg[data-v-cfe03b5a] {
      height: 50px;
      -o-object-fit: cover;
         object-fit: cover;
      margin-left: 20px;
}
.headCon .mNav[data-v-cfe03b5a] {
      display: block;
      -webkit-transition: .8s;
      transition: .8s;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 60px;
}
.headCon .mNav .burger[data-v-cfe03b5a] {
      width: 32px;
      height: 4px;
      background-color: #7B5C3D;
      position: absolute;
      top: 28px;
      left: 50%;
      margin: 0px 0px 0px -16px;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transition: .8s;
      transition: .8s;
}
.headCon .mNav .burger[data-v-cfe03b5a]:nth-of-type(2) {
      top: 38px;
}
.headCon .mNav .burger[data-v-cfe03b5a]:nth-of-type(3) {
      top: 48px;
}
.headCon .mNav.active[data-v-cfe03b5a] {
      background-color: #7B5C3D;
}
.headCon .mNav.active .burger[data-v-cfe03b5a] {
      background-color: #fff;
}
.headCon .mNav.active .burger[data-v-cfe03b5a]:nth-of-type(1) {
      top: 40px;
      -webkit-transform: rotate(225deg);
              transform: rotate(225deg);
}
.headCon .mNav.active .burger[data-v-cfe03b5a]:nth-of-type(2) {
      left: -100%;
      opacity: 0;
}
.headCon .mNav.active .burger[data-v-cfe03b5a]:nth-of-type(3) {
      top: 40px;
      -webkit-transform: rotate(-225deg);
              transform: rotate(-225deg);
}
}






.other_banner{ margin-top: 158px; position: relative; overflow: hidden;}
.other_banner img{ display: block; width: 100%;}
.other_banner .banner_text{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.other_banner .banner_text .z_row{ width: 79%; margin: 0 auto; color: #fff;}
.other_banner .banner_text h3{ font-size: 48px; font-weight: bold; margin-bottom: 10px;}
.other_banner .banner_text .h4{ font-size: 30px; line-height: 36px; font-weight: bold;}




.n_title{position:relative; height: 50px;line-height: 50px;overflow: hidden; background-color:#f6f6f6;}
.n_title .main_box{position: relative;height: 50px;} 
.n_title h1{ padding:0 0 0px 0px;  font-size:16px; color:#404041; line-height:55px; }
.n_title h1 span{ font-size:14px; color:#404041; line-height:48px;  font-family: "Arial"; text-transform:uppercase; font-weight:normal; padding-left:5px;}


.position{position: absolute;left:0;top: 0;line-height: 50px;height: 50px;color:#7b7b7d; padding-left: 24px;}
.position i{background: url(../images/icon_position_id.png) center no-repeat;float: left;display: block;height: 50px;width: 20px;}
.position a{vertical-align: middle;font-size:12px;color: #7b7b7d;float: left;display: block;line-height: 50px;}
.position span{vertical-align: middle;font-size:12px;color:#82828e;font-style:normal;float: left;display: block;line-height: 50px;}
.position .span{color:#a3a4ad;background: url(../images/home.png) left 17px no-repeat;width: 20px;height: 50px;}
.position .on{color: #f08200;}
.position a:hover{color: #f08200;}



.about-tab {
	text-align: center;
	padding: 30px 0 20px 0px;
	border-bottom: 1px solid #e1e1e1;
}
.about-title {
	font-size: 30px;
	color: #333;
	text-align: center;font-family: syzt;    font-style: normal;
    font-weight: 400;
}
.news-tab {
	font-size: 18px;
	color: #333
}
.news-tab h1 {
	padding: 5px 10px;
	font-size: 16px;
	min-width: 85px;
	color: #666;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #c7c7c7
}
.news-tab-list {
	display: inline-block;
	text-align: center;
	font-size: 15px;
	line-height: 42px;
	height: 42px;
	margin-right: 5px;margin-bottom: 5px;
	overflow: hidden; font-weight: bold;
}
.news-tab-list a{border: 1px solid #d9d9d9;    padding: 0px 25px;
	text-align: center;
	font-size: 15px;
	line-height: 40px;
	height: 40px;}
.news-tab-list.this, .news-tab-list a:hover {
	border-radius: 3px;
	border-color: transparent;color: #fff;background: #f08200;border: none;
}
.news-tab-list.this a, .news-tab-list:hover a {
	color: #fff;
	border-radius: 3px;background: #f08200;border: none;
}
.news-tab-list.this {
	background: #f08200
}
.news-tab-list a {
	color: #333;
	display: block;
	overflow: hidden;
	position: relative;    
	text-transform: capitalize;
}
.news-tab-list span {
	position: relative;
	z-index: 2
}
.news-tab-list .btn-circle-hover {
	background: #f08200
}

.wrap2 {
	padding: 60px 0 0px;width:100%; float:left;background-color: #FAFAFA;
}
.about2 {
   width: 85%;
    margin: auto;
   
}
.wrap2 .htit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding-bottom: 24px;
}
.wrap2 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.wrap2 .hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2.5;
	text-align: justify;
}

.look-more {display: block;  width:180px;height: 50px; border: 1px solid #f08200;line-height: 50px; text-align: center;font-size: 14px;color: #fff; margin: 30px auto 0;background:#f08200;-webkit-transition: background 0.3s ease 0s;transition: background 0.3s ease 0s;}
.look-more:hover {color: #fff;background-color:#000;border: 1px solid #000;}




.tz-gallery {
	padding: 1px 0px;
	box-sizing: border-box;
}
.tz-gallery .thumbnail {
	padding: 0;
	border: none;
}
.tz-gallery img {
	border-radius: 2px;
	max-width: 100%;
}
.tz-gallery .caption {
	padding: 10px;
	text-align: center;line-height: 40px;
}
.tz-gallery .caption h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}
.tz-gallery .caption p {
	font-size: 12px;
	color: #7b7d7d;
	margin: 0;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-md-41{position: relative;padding-right: 10px;padding-left: 10px;}
 .col-md-41{ float: left; width: 23.5%; }
.pages{font-size:12px;line-height:22px;text-align:center;clear:both; width:100%;}
.pages a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:8px;margin-right:3px;cursor:pointer}
.pages .red{background:#f08200 !important; color:#fff; border:0; padding:8px;}
.pages a.active{background:#000;border:1px solid #cccccc;color:#fff}
.pages a:hover{text-decoration:none;color:#fff;background:#f08200;border:1px solid #cccccc}




#n_lianxi{}
#n_lianxi .box1{ padding-bottom:50px;}
#n_lianxi .tu{width:40%; float: left;}
#n_lianxi .tu img{max-width: 100%;}
#n_lianxi .txt{ width:55%; float:right; padding-top:38px;}
#n_lianxi .txt h5 span{ font-size:18px; color:#333; font-family:arial; text-transform:uppercase;}
#n_lianxi .txt h5 p{ font-size:24px; color:#3b3b3b; font-weight:bold;    line-height: 30px;}
#n_lianxi .txt i{ display:block; width:31px; height:2px; background:#931019; margin-top:15px; margin-bottom:30px;}
#n_lianxi ul{ margin-top:38px;}
#n_lianxi ul li{ font-size:14px; color:#3b3b3b; }
#n_lianxi ul li p{font-size:14px; color:#3b3b3b; line-height:30px;}
#n_lianxi ul li i{ color:#868686;}
#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}
#n_lianxi .btn{ width:140px; height:40px; display:block; line-height:40px; text-align:center; background:#ee1c26; color:#fff; margin-top:40px;}
#n_lianxi .btn:before{ content: url(../images/n_lianxi_ico.png); position:relative; top:4px; margin-right:8px;}
#n_lianxi .ewm{ margin-top:36px; margin-right: 10%}
#n_lianxi .ewm div{ height:129px;}
#n_lianxi .ewm img{ width:129px; height:129px; float:left; border:1px solid #eaeaea;}
#n_lianxi .ewm .txt2{ display:table; padding-left:12px;}
#n_lianxi .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}


.fl {float: left;}
.fr {float: right;}





.news_list li { transition: 0.3s ease 0s; margin-bottom: 2%; line-height: normal; padding: 2% 2% 2% 5%; background: #fff; box-sizing: border-box; }
.news_list .R { width: 33.5%; overflow: hidden; }
.news_list .L { margin-right: 6%; width: 59.5%; }
.n-data:before { margin-right: 10px; background: #f08200; content: ''; width: 5px; height: 16px; vertical-align: bottom; display: inline-block; }
.n-data { font-size: 14px; color: #666; }
.news_list h3 { margin-top: 2%; font-size: 24px; color: #333; font-weight: normal; }
.news_list p { margin-top: 2%; font-size: 14px; color: #666; -webkit-line-clamp: 3; line-height: 1.85; max-height: 75px; }
.news_list a { display: block; }
.news_list .n-a { margin-top: 2%; width: auto; padding: 0 40px; display: inline-block; height: 45px; line-height: 45px; font-size: 12px; color: #333; text-align: center; border: 1px solid #ddd; font-family: "微软雅黑", Microsoft YaHei; }
.n-a span { display: block; position: relative; }
.n-a span:before { z-index: 1; left: 0; top: 0; color: #fff; position: absolute; content: 'VIEW MORE'; 
	width: 0%; white-space: nowrap; transition: 0.3s ease 0.1s; overflow: hidden; }
.n-a:hover span:before { width: 100%; }
.n-a:hover { border-color: #f08200;background: #f08200; }
.news_list h3 a { color: #333; }
.news_list h3 a:hover { color: #f08200; font-weight: bold; }
.news_list a:hover img { transform: scale(1.1); }
.news_list li:hover { border-radius: 10px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.05); }
.imgW-100 { width: 100%; transition: 0.5s linear 0s; }



.cen-03 {
	padding-top: 5px;
}
.cen-04 {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 50px;
	font-family: "Microsoft YaHei";
}
.cen-04-1 {
	text-align: center;
	border-bottom: 1px dashed #ccc;
	line-height: 40px;
	color: #666;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.cen-04-2 {
	float: left;
	width: 100%;
	background: #f2e3d0;
	border: 1px solid #e7d1b4;
	padding: 5px;
}
.cen-04-3 {
	float: left;
	width: 100%;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 30px;text-align: left;
}
.cen-04-3 img{
	
	padding-bottom: 8px;
	
}
.cen-04-2 span {
	font-weight: bold;
	color: #d41833;
}
.cen-04-6 {
	float: left;
	width: 100%;
	border: 1px solid #fec3d7;
	font-size: 12px;
}
.btn3{ margin-top:10px; text-align: right  }
.btn3 a{ display:inline-block; height:35px; line-height:35px; background:#fff; color:#000;    border: 1px solid #e4eaec;  width:100PX; font-size:12px; border-radius: 3px; text-align: center;}
.btn3 a:hover{ background:#f08200; color:#fff;}


.sx {
	width: 100%;
	    float: left;
	padding: 20px 0;
	text-align: left;
	border-top: 1px dashed #ddd;
	color: #333;
	margin-top: 10px;
	font-family: Verdana, microsoft Yahei, Helvetica, sans-serif
}
.sx p {
	clear: both;
	line-height: 30px;
	font-weight: bold;
}
.sx a {
	padding-left: 0px;
	font-weight: normal
}
.sx a:link {
	color: #999;
	text-decoration: none;
}
.sx a:visited {
	color: #999;
	text-decoration: none;
}
.sx a:hover {
	color: #f08200;
	text-decoration: underline;
}
.sx a:active {
	color: #f08200;
	text-decoration: underline;
}
.sx span {
	float: right;
	padding-right: 20px;
}
.sx span a {
	padding-left: 20px;
	color: #999 !important;
	text-transform: uppercase;
	font-family: Verdana, microsoft Yahei, Helvetica, sans-serif
}



.onePorfile .con { text-align: center; color: #323232; font-size: 14px; }
.onePorfile.target { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.onePorfile.action { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms; }
.twoPorfile { margin-top: 95px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5%; }
.twoPorfile-con { position: relative; top: -95px; background-color: #fff; width: 828px; padding: 95px 108px; margin: 0px auto; }



.ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;
}
.ilist.on .item1:nth-child(n+5){
	display: none;
}
.item1{
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 0 0;
	zoom: 1;
	position: relative;
}
.item1 .contai{
	height: 100%;    border: 1px solid #f3f3f3;    background: #fff;
}
.item1 .contai:hover .box{
	    box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
	    transform: translate(0,-3px);
	    z-index: 3;
	    position: relative;
	}
.item1 .btnbox{
	position: absolute;
	bottom: 36px;
	left: 2px;
	width: calc(100% - 20px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: -1;
	opacity: 1;
	visibility: hidden;
}
.item1 .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	    line-height: 26px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	opacity: 0;
}
.item1 .btnbox a.purchase{
    background-color: #f08200;
    color: #ffffff;
    border: 1px solid #f08200;
}
.item1 .box{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	padding-bottom: 38px;
    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;    color: #333;
}
.item1 .box .imgs{
	
}
.item1 .box .imgs img{     max-width: 100%;}
.item1 .tit{
	color: #666;
	padding: 0 3%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom: 6px;
}
.d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
.item1 .d3{
	color: #f08200;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;

	line-height: 30px;
}


.item1 .contai:hover .box,
.item1 .contai:hover .btnbox{
		z-index: 2;
		visibility: visible;
		opacity: 1;
	    transform: translate(0,-3px);
	}
.item1 .contai:hover .btnbox a{
		opacity: 1;
	}
.item1 .btnbox a:hover{
		color: #808080;
	}
.item1 .btnbox a.purchase:hover{
		background-color: #f08200;
		color: #fff;
	}


.item-pic__box {
	    position: relative;
    width: 40%;
    float: left;    margin-left: 30%;
  
}
.small-box {
	    position: relative;
    width:100%;
    
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	height: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 2px solid #fff;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {
	border: 2px solid #2e2a40;
}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:110%;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 50%;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;    margin-bottom: 30px;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:34px; padding-left:15px; font-size:14px; background:#f08200;border-radius: 4px; color:#FFF; font-weight:normal;    font-family: 'Poppins', sans-serif;    text-align: left;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px; font-size:14px;}