@charset "UTF-8";
html,body,figure,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,textarea,a,span,em {margin:0;padding:0;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body {
    font-family:'Microsoft Yahei';
    font-size:12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    
}
body,*{scroll-behavior: smooth;}
input,textarea,button{padding: 0;font-family: Verdana, Arial;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border:0;vertical-align: middle;}
input[type=submit],input[type=text],button {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    cursor:pointer;
}
input:focus,textarea:focus,button:focus,input:active {outline-color:transparent;border:0;}
input,select,textarea {
    vertical-align:middle;
    outline:none;
    -webkit-tap-highlight-color: transparent;
}
a {
    color:#333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
.text-secondary{text-align: center;padding-top: 20px;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
@font-face {
    font-family: ziti;
    src: url('../font/ziti.TTF');   
    font-weight: normal;
    font-style: normal;
}
.wrap {
    padding:0 100px;
    margin:0 auto;
    position:relative;
}
@media (max-width:991px){
    .wrap {padding:0 4.5%;}
    .mc-hidden {display:none}
}
@media (min-width:990px){
    .lg-hidden1 {display:none}
}
@media (max-width:767px){
    .sm-hidden {display:none;}
}
@media (min-width:768px){
    .lg-hidden {display:none;}
}
.wrap:after,
.wrap:before,
.container:after,
.container:before{
    content:"";
    display:table;
}
.wrap:after,
.container:after {clear:both;}
.container {width:80%;margin:0 auto;}
@media (min-width:1200px){
    .container {width:1200px;}
}
@media (min-width:1450px){
    .container {width:1330px;}
}
@media (min-width:1530px){
    .container {width:1530px;}
}
@media (min-width:1450px) {
    .ourwork-page .container {width:88%;}
}
@media (max-width:991px){
    .container {width:91%;}
}
.clear {clear:both;}
.fl{float: left;}
.fr{float: right;}
.absolute { position: absolute;}
.pors{position: relative;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
li {list-style-type:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}
.w90{width: 92%;margin: 0 auto;}
.toper,.toperh.active { background:rgba(155,124,67,0.8); height:95px;width:100%;}
.toperh.active{box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
-webkit-animation: 1s flipInX;
animation: 1s flipInX;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.toper{padding: 22px 0;}
.toper .logo{display:block;float:left;}
.toper .logo img{vertical-align: middle;}
.toper .logo p{display: inline-block;color: #434999;font-size: 24px;line-height: 51px;padding-left: 20px;}
.toper ul { float:right;}
.toper ul li { display:inline-block;text-align:center; position:relative;padding:0px 15px;height: 51px;line-height: 51px;margin-right: 10px;}
.toper ul li:after{content: "";
    width: 0;
    height: 3px;
    background:#fff;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transition: all 0.5s ease 0s;}
.toper ul li:hover:after{width: 100%;left: 0;}
.toper ul li.cur a{font-weight: bold;color:#434999;}
.toper ul li.cur:after{width: 100%;left: 0;}
.toper li a {font-size:16px; display:block;color:#333;text-align: center;}
.toperh{ background:none;}
.toperh li a:hover,.toperh li:hover>a{color:#434999;font-weight: bold;}
.menu dl {
	width: 100%;
	left: 0%;
	top: 65px;
	z-index: 12;
	padding-top: 8px;
}
.toper ul li:nth-child(4) dl,.toper ul li:nth-child(3) dl{left: 50%;margin-left: -70px;width: 140px;}
.toper ul li:nth-child(5) dl{left: 50%;margin-left: -75px;width: 150px;}
.toper ul li.cur dl dd a{color: #333;font-weight: normal;}
.menu dl { 
	position: absolute;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);

}
.toperh.active2 .menu dl{top: 65px;}
.menu li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.menu dl dd {
	line-height: 50px;
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	background:#fff;
	/*border-bottom: 1px solid #92743e;*/
	
}
.menu dl dd a {
	font-size: 15px;
	padding: 0;
	text-align: center;
	padding: 0 5px;
	color: #333;
}
.menu li dl dd a:hover{
	background: #7478b3;
	color:#fff;
	transition: all .3s;
	font-weight: normal;
}
.phone{float:left;display: inline-block;height: 51px;color: #444;font-size: 24px;font-family: arial;background: url("../images/phone.png") no-repeat left center;padding-left: 60px;}
.search-tel{display: inline-block;float: right;height: 51px;margin-top: px;}
.search-tel .search-box{float:right;}
.search-tel .search-box p{height: 51px;line-height: 51px;font-size: 0;cursor: pointer;padding-left: 15px;}
.search-tel .search-box .search{position: absolute;left: 0;display: none;height: 100px;width:100%;background:rgba(255,255,255,0.8);top: 95px;padding: 25px 0;z-index: 100;}
.search-tel .search-box .search .ss-box{border: 1px solid #434999;background: #fff;width: 1000px;margin: 0 auto;}
.search-tel .search-box .search a{float: left;line-height: 50px;font-size: 16px;padding: 0 15px;background:#434999;color: #fff;}
.search-tel .search-box .search input{height: 50px;width: 190px;border: none;background: none;font-size: 16px;padding: 0 15px;box-sizing: border-box;color: #333;}
.banner{display: flex;clear: both;}
#home_slider001{ position: relative;height: 100%;}
#home_slider001 li{width:100%;border-radius:20px;}
#home_slider001 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider001 .flex-direction-nav{display:block}
#home_slider001 .flex-direction-nav a {width: 36px; height: 36px; margin: -18px 0 0; display: block; background: url(../images/left.png) no-repeat center; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; z-index: 10;}
#home_slider001 .flex-direction-nav .flex-next {background: url(../images/right.png) no-repeat center; right: 5%;}
#home_slider001 .flex-direction-nav .flex-prev {left: 5%;}
#home_slider001 .flexslider{margin-top:1.55rem}
#home_slider001 li .box{float: left;width:100%;position: relative;}
#home_slider001 .flex-control-paging{display:block;bottom:40px;text-align: center;position:absolute;z-index: 300;width: 100%;}
#home_slider001 .flex-control-paging li{padding:0px;display: inline-block;width: auto;}
#home_slider001 .flex-control-paging li a{width:8px;height:8px;display:inline-block;cursor:pointer;border-radius: 50%;text-indent: -9999px;background:#fff;position: relative;margin: 0 16px;}
#home_slider001 .flex-control-paging li a::after{width:20px;height: 20px;border-radius: 50%;border: 3px transparent solid;content: '';position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;z-index: 2;}
#home_slider001 .flex-control-paging li a.flex-active::after{border: 3px #fff solid;}
#home_slider001 li .box img{vertical-align: middle;width: 100%;height: auto;}
.footer{background:#212121;color: #fff;padding-top:95px;}
.footer a{color: #fff;}
.footer .f-menu dd a:hover{color: #fff;}
.ny-banner img{width: 100%;height: auto;vertical-align: middle;}
.footer .f-menu dl{float: left;margin-right:10%;}
.footer .f-menu dl:nth-child(6){margin-right: 0;}
.footer .f-menu dt{color: #fff;font-size: 18px;margin-bottom:16px;}
.footer .f-menu dd a{display: block;color: #fff;font-size: 16px;line-height: 36px;margin-bottom: 12px;}
.foot1{padding-bottom:25px;}
.foot2{line-height:30px;font-size: 16px;background: #383f9d;padding: 15px 0;}
.foot1 .f-way{color: #fff;font-size: 30px;font-weight: bold;background: url("../images/f-logo.png") no-repeat left 10px;padding-left: 118px;margin-bottom: 42px;}
.foot1 .f-way span{display: block;font-size:18px;}
.footer .f-menu{width: 60%;}
.footer .f-right{width:40%;}
.footer .f-right h4{color: #434999;font-weight: bold;font-size: 48px;padding:35px 0 28px 0;}
.footer .f-right h5{color: #fff;font-size: 30px;}
.footer .f-right .saosao{text-align: center;padding-top: 62px;}
.footer .f-right .saosao li{display: inline-block;margin-left: 48px;}
.footer .f-right .saosao li img{width: 124px;height: 124px;}
.footer .f-right .saosao li p{font-size: 14px;margin-top: 14px;}
.footer .f-right .saosao li:nth-child(1){margin-left: 0;}

@keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-moz-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@-o-keyframes dong {0% {-webkit-transform: translateY(-100px);transform: translateY(-100px);}100% { -webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-moz-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-webkit-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
@-o-keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: 0.75s;
}
@keyframes dong {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes dong2 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideInDown2 {
  from {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown2 {
  -webkit-animation-name: slideInDown2;
  animation-name: slideInDown2;
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  animation-name: fadeInUp2;
}
@keyframes fadeInDown2 {
  from {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown2 {
  animation-name: fadeInDown2;
}
@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
}
@keyframes fadeInRight2 {
  from {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight2 {
  animation-name: fadeInRight2;
}
@keyframes rotate-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bmove1 {
  animation-name: bmove1;
}
@keyframes bmove1 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn2 {
  animation-name: fadeIn2;
}
@keyframes fadeIn2 {
  0% {
    width: 0;
  }
  10% {
    width: 100%;
  }
}
.rotate01 {
  animation-name: rotate;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bmove3 {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.foot{position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:9;box-shadow: -2px 3px 8px rgba(0,0,0,0.5);background:#434999;display: none;width: 100%;}
.foot ul li{ float:left; width:25%;margin:11px 0;position: relative;border-right: 1px solid rgba(255,255,255,0.2);}
.foot ul li:nth-child(4n){border-radius: none;}
.foot ul li h4{ text-align:center;}
.foot ul li h4 img{ width:auto; height:22px; margin-bottom:6px}
.foot ul li a h3{ text-align:center; font-size:15px; color:#fff; line-height:1.5rem}
#zhezhao{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 20000;display: none;}
.tan-box{position: fixed;background: #fff;width: 80%;margin:-160px 10% 0 10%;color: #2a2a2a;font-size: 16px;padding: 20px 4%;z-index:20002;top:50%;border-radius: 12px;display: none;}
.tan-box .close02{position: absolute;right: 10px;top:10px}
.tan-box .close02 img{width: 24px;height: auto;}
.tan-box .car img{width: 60%;height: 100%;padding: 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);display: block;margin:20px auto 10px auto;}
.tan-box p{line-height: 28px;text-align: center;}
.tan-box p span{background:#434999;color: #fff;display: inline-block;padding:2px 5px;}
.my-4{font-size:12px; padding-top:15px; padding-bottom:60px; margin:0 auto; margin-top:15px;text-align: center;}
.my-4 a{
padding:5px 10px;
border:1px #CCCCCC solid;
margin:2px;
cursor:pointer;
display: inline-block;
}
.my-4 a.page-num-current{
border:1px #434999 solid;
background:#434999;
color: #fff;
}
.my-4 a:hover{
border:1px #434999 solid;
background:#434999;
text-decoration:none;
color: #fff;
}

html.hc-yscroll { overflow-y: scroll }
body.hc-nav-open { position: fixed; width: 100%; min-height: 100% }
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #000 }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #1b3958 }
.hc-mobile-nav a { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(255,255,255,0.3) }
.hc-mobile-nav:not(.touch-device) a:hover { background: #434999}
.hc-mobile-nav li { text-align: left }
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a { background: #333; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3)}
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover { background: #434999 }
.hc-mobile-nav li.nav-parent a { padding-right: 58px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: #434999}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #434999}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #434999}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }
#main-nav {display: none;}
.toggle { position: absolute; cursor: pointer; display: none; top: 21px;right:4%; z-index: 9980; min-height: 24px;cursor: pointer; box-sizing: content-box; font-size: 20px;line-height: 24px;width: 32px;}
.toggle span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.toggle span,
.toggle span::before,
.toggle span::after { position: absolute; left: 0; height: 3px; background: #434999; transition: all .1s ease }
.toggle span::before,
.toggle span::after { content: ''; width: 100% }
.toggle span::before { top: -10px }
.toggle span::after { bottom: -10px }
.toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.toggle:hover span,
.toggle:hover span::before,
.toggle:hover span::after { background: #434999 }
.toggle div { display: inline-block; margin-right: 15px }
.hc-mobile-nav .nav-container { width: 280px }
.hc-mobile-nav h2 { font-weight: 400 }
.hc-mobile-nav a { font-size: 16px }
.hc-mobile-nav li.cryptocurrency>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.devices>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.mobile>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.television>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.camera>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.magazines>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.store>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.collections>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.credits>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.w98{width: 98%;margin: 0 auto;}
.section1,.section2,.section3,.section4{padding: 56px 0;background: url("../images/bg0.jpg") no-repeat;background-size: cover;}
.title{text-align: center;}
.title p{color: #666;font-size: 18px;text-transform: uppercase;font-weight: 100;padding: 12px 0 14px 0;}
.title h3{color: #434999;font-weight: bold;font-size: 36px;}
.title em{display: block;width: 67px;height: 3px;background: #df0015;margin: 0 auto;}
.section2{background: url("../images/bg1.jpg") no-repeat;background-size: cover;padding-bottom: 70px;}
.title2{text-align: center;}
.title2 p{color: #fff;}
.title2 .p1{font-size: 16px;}
.title2 .p2{font-size: 48px;text-transform: uppercase;font-weight: bold;}
.title2 .p3{font-size: 18px;}
.title2 .p4{font-size: 30px;padding-top: 15px;}
.section2 .our{padding: 38px 0;}
.section2 .our p{color: #fff;font-size: 18px;line-height: 30px;text-align: center;padding: 0 5%;}
.section1 li{margin-right: 1%;width:19.2%;float: left;background: #fff;padding:30px 25px;transition: 0.5s ease 0s;}
.section1 li:nth-child(5){margin-right: 0;}
.section1 li dt{text-align: center;border-bottom: 1px solid #eaeaea;padding-bottom: 12px;margin-bottom: 38px;transition: 0.5s ease 0s;}
.section1 li dt h4{display: block;color: #333;font-size: 22px;padding-top: 15px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;transition: 0.5s ease 0s;}
.section1 li dd{margin: 20px 0;transition: 0.5s ease 0s;}
.section1 li dd a{display: block;color: #333;font-size: 14px;position: relative;padding-left: 16px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;transition: 0.5s ease 0s;}
.section1 li dd a:before{content:" ";position: absolute;display: block;width: 3px;height: 3px;border-radius: 50%;background: #333;left: 0;top:8px;transition: 0.5s ease 0s;}
.section1 li dt .tb{height:44px;width: 48px;margin: 0 auto;background: url("../images/a1.png") no-repeat center;transition: 0.5s ease 0s;}
.section1 li .more a{display: block;height: 37px;line-height: 37px;text-align: center;background: #434999;color: #fff;font-size: 14px;margin-top: 30px;transition: 0.5s ease 0s;width: 80%;}
.section01{padding-top: 30px;}
.section1 li dl{height: 314px;overflow: hidden;}
.section1 li:hover{background: #434999;}
.section1 li:hover .more a{background: #fff;color: #555;}
.section1 li:hover dd a,.section1 li:hover dt h4{color: #fff;}
.section1 li:hover dd a:before{background: #fff;}
.section1 li:hover dt .tb{background: url("../images/a01.png") no-repeat center;}
.section1 li:hover dt{border-bottom: 1px solid #fff;}
.section3{background: url("../images/bg2.jpg") no-repeat;background-size: cover;padding-bottom: 66px;}
.section3 .title p,.section3 .title h3{color: #fff;}
.section3 li{float: left;margin-right: 2%;width:23.5%;background: rgba(255,255,255,0.5);padding: 15px 0;}
.section3 li:nth-child(4){margin-right: 0;}
.section3 li .shuzi{display: inline-block;float: right;width: 70px;height: 70px;background: #fff;color: #3c58e3;font-size: 36px;text-align: center;line-height: 70px;margin-right: 15px;margin-bottom: 60px;}
.section3 li .tit1{clear: both;text-align: center;color: #fff;font-size: 20px;}
.section3 li .tit1 em{display: block;width: 75px;height: 3px;background: #434999;margin:28px auto 0 auto;}
.section3 li .wz1 p{color: #fff;font-size: 16px;line-height: 30px;text-align: justify;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;}
.section3 li .wz1{margin:45px 40px 28px 40px;height: 150px;}
.section03{padding-top: 77px;}
.section3 .talk{width: 800px;height: 57px;text-align: center;line-height: 57px;color: #fff;background: #df0015;font-size: 24px;margin:62px auto 0 auto;}
.section3 li:hover{background: #434999;}
.section3 li:hover .shuzi{background: #df0015;color: #fff;}
.section3 li:hover .tit1 em{background: #df0015;}
.section4{background: url("../images/bg3.jpg") no-repeat;background-size: cover;padding: 138px 0;}
.section04{width:75%;}
.Ins-swiper{width:100%;overflow:hidden; }
.Ins-swiper .swiper-slide{width:100%;}
.Ins-swiper .swiper-pagination-bullet-active {opacity: 1; background:#1c2081;}
.section4 .swiper-pagination-bullet {
	width: 16px;
	height:16px;
	display: inline-block;
	border-radius: 100%;
	background:#e0e0e0;
	opacity: 1;
	margin: 0 5px;
	outline: none;
}
.books .swiper-pagination{text-align: center;width: 100%;position: relative;margin-top: 44px;display: none;}
.section4 .swiper-pagination-bullet-active{background:#265193;width: 53px;border-radius: 8px;}
.section4 .swiper-horizontal>.swiper-pagination-bullets,.section4 .swiper-pagination-bullets.swiper-pagination-horizontal,.section4 .swiper-pagination-custom,.section4 .swiper-pagination-fraction{bottom: 0px}
.m2abt_itmx .overflowHide{position:relative;overflow: hidden;height: 479px;width: 100%;border-radius: 10px 10px 0 0;}
.section4 .books{position: relative;}
.books a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
    height: 100%;
}
.books a:hover img{transform:translate(-50%,-50%) scale(1.3)}
.section4 .swiper-button-next,.section4 .swiper-button-prev{display: none;}
.m2abt_itmx{background: #fff;overflow: hidden;}
.title3{width: 15%;text-transform: uppercase;padding-top: 42px;}
.title3 h3{color: #434999;font-size: 62px;}
.title3 h3 span{display: block;font-size: 36px;margin-top: -6px;font-weight: bold;padding-bottom: 14px;}
.title3 h3 em{display: block;width: 67px;height: 3px;background: #cf1325;margin-bottom: 16px;}
.title3 p{color: #666;font-size: 14px;line-height: 18px;}
.title3 .look{display: block;width: 160px;height: 38px;line-height: 38px;color: #fff;font-size: 18px;text-align: center;background: #434999;margin-top: 46px;}
.books a .pic{height:250px;position: relative;overflow: hidden;}
.books a .wz{padding: 40px 28px;}
.books a .wz .p1{color: #333;font-size: 16px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.books a .wz .p2{color: #999;font-size: 14px;padding: 11px 0 7px 0;}
.books a .wz .p3{color: #999;font-size: 14px;line-height: 24px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;height: 72px;}
.books a .wz .p4{color: #333;font-size: 16px;margin-top: 25px;}
.books a:hover .wz{background: #434999;}
.books a:hover .wz .p1,.books a:hover .wz .p2,.books a:hover .wz .p3,.books a:hover .wz .p4{color: #fff;}
.title3 .look:hover{background: #cf1325;}
.section5{background: url("../images/bg4.jpg") no-repeat;background-size: cover;padding: 56px 0;}
.section5 .title p,.section5 .title h3{color: #fff;}
.section5 li{float: left;margin:18px 2% 18px 0;width: 23.5%;}
.section5 li:nth-child(4n){margin-right: 0;}
.section5 li .tp{height:300px;position: relative;overflow: hidden;}
.section5 li img{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
    height: 100%;
}
.section5 li a .wz p{border: 1px solid #434999;height: 54px;line-height: 54px;background: #fff;color: #434999;font-size: 16px;text-align: center;font-weight: bold;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;padding: 0 10px;}
.section05{padding-top: 38px;}
.section5 li:hover img{transform:translate(-50%,-50%) scale(1.3)}
.section5 li:hover a .wz p{color: #fff;background: #434999;}
.section6{background: url("../images/bg5.jpg") no-repeat;background-size: cover;padding:95px 0 52px 0;}
.section6 li{float: left;width:18.4%;margin-right: 2%;background: #fff;margin-bottom: 30px;height: 100px;position: relative;overflow: hidden;}
.section6 li:nth-child(5n){margin-right: 0;}
.section06{width:75%;}
.section6 li img{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
}
.section6 .title3{padding-top: 0;}
.more a{display: block;width: 235px;height: 58px;line-height: 58px;text-align: center;color: #fff;background: #df0015;margin: 0 auto;font-size: 18px;}
#countup{margin:10px 0 70px 0;}
.countup-txt h4{font-size:16px;color:#fff;}
.countup-txt h4 span{font-size:60px;font-family:arial;color:#fff;margin-right:3px;font-weight: bold;}
.countup-txt h4 em{font-style: normal;font-size: 16px;}
.countup-txt p{font-size:18px;color:#fff;padding-top: 5px;}
.col-md-3 {width: 20%;float: left;text-align: center;}


.brand{background: #f5f5f5;height: 70px;line-height: 70px;position: relative;}
.brand .place{display: inline-block;float: right;color: #555;font-size: 14px;}
.brand .place a{color: #555;font-size: 14px;}
.sub_menu{position: relative;}
.sub_menu li{display: inline-block;}
.sub_menu a{color: #333;font-size: 18px;position: relative;transition: 0.5s ease 0s;z-index: 1;padding: 0 20px;}
.sub_menu a.move{color: #434999;}
.nav-slide { background: #434999; width: 0; height:1px; bottom: 1px;position: absolute;transition: 0.5s ease 0s;}

#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #dac28b;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color:#dac28b;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}
.product{padding-bottom: 80px;}
.product li{padding: 66px 10%;}
.product li a .pic{width: 30%;overflow: hidden;}
.product li a .pic img{display: block;margin: 0 auto;transition: all 800ms ease;width: 100%;}
.product li:hover a .pic img{transform:scale(1.1)}
.product li a .text{width: 60%;margin-top: 52px;}
.product li a h4{color: #333;font-size:24px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.product li a p{line-height: 24px;color: #555;font-size: 14px;margin: 23px 0 26px 0;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.product li a span{display: block;width: 140px;height: 43px;border: 1px solid #d0d0d0;text-align: center;line-height: 43px;color: #555;font-size: 16px;}
.product li:hover a span{background: #434999;border: 1px solid #434999;color: #fff;}
.product li:hover a h4{color:#434999;}
.product li:nth-child(2n){background: #f6f6f6;}
.case li{float: left;margin:0 2% 30px 0;width:32%;}
.case li:nth-child(3n){margin-right: 0;}
.case li .tp{height:390px;position: relative;overflow: hidden;}
.case li img{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
    height: 100%;
}
.case li a .wz p{color: #333;font-size: 16px;text-align: center;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;margin-top: 17px;}
.case li:hover img{transform:translate(-50%,-50%) scale(1.3)}
.case li:hover a .wz p{color: #434999;}
.case{padding: 88px 0;}
.about{padding: 88px 0;}
.about p{line-height:30px;color: #333;font-size: 15px;text-indent: 28px;}
.about img{width: 100%;margin-top: 46px;}
.news{padding: 45px 0 88px 0;}
.news li{float: left;width:25%;border-bottom: 1px solid #cdcdcd;padding:40px 0 33px 0;}
.news li a .time{color: #555;font-size: 13px;padding-bottom: 12px;}
.news li a h4{color: #333;font-size: 18px;position: relative;padding-bottom: 22px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.news li a h4:after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 23px;height: 3px;background: #9a9a9a;transition:width 0.5s ease 0s;}
.news li:hover a h4:after{width: 72px;background: #434999;}
.news li a .pic1{margin-top: 26px;position: relative;overflow: hidden;height: 250px;}
.news li a p{color: #666;font-size: 14px;line-height: 24px;margin: 22px 0 17px 0;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;hanging-punctuation: 48px;}
.news li a .see{color: #666;font-size: 15px;}
.news li .box2{margin-right: 30px;}
.news li:nth-child(4n) .box2{margin-right: 0;}
.news li:hover a h4{color: #434999;}
.news li:hover a .see{color: #434999;font-weight: bold;}
.news li img{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
    height: 100%;
}
.news li:hover img{transform:translate(-50%,-50%) scale(1.3)}
.contact{padding: 100px 0;}
.contact .left{width: 25%;}
.contact .right{width: 75%;position: relative;}
.contact .left h4{color: #555;font-size: 36px;}
.contact .left h4 span{display: block;font-size: 18px;padding-top: 14px;}
.contact .left .saosao{padding-top:30px;}
.contact .left .saosao li{display: inline-block;margin-right:36px;text-align: center;}
.contact .left .saosao li img{width: 124px;height: 124px;}
.contact .left .saosao li p{font-size: 16px;margin-top: 14px;color: #666;}
.contact .left .saosao li:nth-child(2){margin-right: 0;}
.contact .way{width: 65%;float: right;background: #f5f5f5;height: 530px;}
.contact .way h5{color: #d9d7d7;font-size: 35px;font-weight: bold;text-align: right;padding: 25px 54px 0 0;text-transform:uppercase;letter-spacing: -1px;}
.contact .way h6{color: #333;font-size:36px;font-weight: bold;padding-bottom: 32px;padding-top: 24px;}
.contact .way p{color: #333;font-size:16px;line-height: 26px;}
.contact .way .lianxi{margin: 0 auto;padding-left: 160px;}
.contact .box3{position: absolute;width: 452px;height: 522px;background: url("../images/lxwm_03.jpg") no-repeat;top: -66px;left: 58px;text-align: center;}
.contact .box3 .p1{color: #fff;font-size: 44px;padding-bottom: 40px;}
.contact .box3 .p2{color: #fff;font-size: 30px;}
.contact .box3 .wz{position: absolute;width: 100%;left: 0;top: 50%;height: 140px;margin-top: -120px;}
.honnorList .cover{display: block;float: left;margin-right: 2%;width: 23.5%;background: #f5f5f5;margin-bottom: 38px;text-align: center;}
.honnorList .cover:nth-child(4n){margin-right: 0;}
.honnorList .pic{height: 367px;display: flex;justify-content: center;align-items: center;margin: 22px 0;}
.honnorList img{display: inline-block;width:100%;height:auto;}
.honnorList .text{color: #fff;font-size: 16px;background: #a7a7a7;height: 62px;line-height: 62px;overflow: hidden;}
.honnorList .pic{
	position: relative;
	overflow: hidden;
}
.honnorList .pic::before{
	display: block;
	content: "";
	padding-top: 100%;
}
.honnorList .pic img{
	position: absolute;
	width: 100%;
	height:100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
	object-position: center center;
	transition: all 800ms ease;
}
.honor,.partner{padding: 88px 0;}
.honnorList .cover:hover .pic img{transform:translate(-50%,-50%) scale(1.2)}
.honnorList .cover:hover .text{color: #fff;background: #434999;}
.partner li{float: left;width:12.571%;margin-right: 2%;background: #fff;margin-bottom: 30px;height: 130px;position: relative;overflow: hidden;border: 1px solid #efefef;}
.partner li:nth-child(7n){margin-right: 0;}
.partner li img{position: absolute;
	width: 100%;
	height:100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
	object-position: center center;
	transition: all 800ms ease;}
.ti4{height: 38px;line-height: 38px;border: 1px solid #cdcdcd;color: #434999;}
.ti4 span{font-size: 14px;border-right: 1px solid #cdcdcd;display: inline-block;width: 120px;text-align: center;}
.common{padding:5px 0 40px 0;}
.common-news{padding-bottom: 50px;}
.common-news ul{padding: 22px 0;}
.common-news li{float: left;margin-right: 4%;width:48%;height: 30px;line-height: 30px;}
.common-news li:nth-child(2n){margin-right: 0;}
.common-news li a{color: #666;font-size: 14px;}
.common-news li span{display: inline-block;float: right;color: #666;font-size: 14px;}
.common-news li a:hover{color: #434999;}
.common .box02{position: relative;margin-top: 38px;}
.Ins-swiper2{width:100%;overflow:hidden; }
.Ins-swiper2 .swiper-slide{width:100%;}
.Ins-swiper2 .swiper-pagination-bullet-active {opacity: 1; background:#1c2081;}
.Ins-swiper2 .swiper-pagination-bullet {
	width: 16px;
	height:16px;
	display: inline-block;
	border-radius: 100%;
	background:#e0e0e0;
	opacity: 1;
	margin: 0 5px;
	outline: none;
}
.Ins-swiper2 .swiper-pagination{text-align: center;width: 100%;position: relative;margin-top: 44px;display: none;}
.Ins-swiper2 .swiper-pagination-bullet-active{background:#265193;width: 53px;border-radius: 8px;}
.Ins-swiper2 .swiper-horizontal>.swiper-pagination-bullets,.Ins-swiper2 .swiper-pagination-bullets.swiper-pagination-horizontal,.Ins-swiper2 .swiper-pagination-custom,.Ins-swiper2 .swiper-pagination-fraction{bottom: 0px}
.common .box02 a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
}
.common .box02 a:hover img{transform:translate(-50%,-50%) scale(1.3)}
.common .box02 .swiper-button-next,.common .box02 .swiper-button-prev{display: none;}
.m2abt_itmx{background: #fff;overflow: hidden;}
.common .box02 a .pic{height:370px;position: relative;overflow: hidden;border: 1px solid #ccc;}
.common .box02 a .wz{text-align: center;color: #333;font-size: 12px;margin-top: 10px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.lookbox .box01{position: relative;margin: 38px 0;}
.Ins-swiper3{width:100%;overflow:hidden; }
.Ins-swiper3 .swiper-slide{width:100%;}
.Ins-swiper3 .swiper-pagination-bullet-active {opacity: 1; background:#1c2081;}
.Ins-swiper3 .swiper-pagination-bullet {
	width: 16px;
	height:16px;
	display: inline-block;
	border-radius: 100%;
	background:#e0e0e0;
	opacity: 1;
	margin: 0 5px;
	outline: none;
}
.Ins-swiper3 .swiper-pagination{text-align: center;width: 100%;position: relative;margin-top: 44px;display: none;}
.Ins-swiper3 .swiper-pagination-bullet-active{background:#265193;width: 53px;border-radius: 8px;}
.Ins-swiper3 .swiper-horizontal>.swiper-pagination-bullets,.Ins-swiper3 .swiper-pagination-bullets.swiper-pagination-horizontal,.Ins-swiper3 .swiper-pagination-custom,.Ins-swiper3 .swiper-pagination-fraction{bottom: 0px}
.lookbox .box01 a img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 800ms ease;
    width: 100%;
}
.lookbox .box01 a:hover img{transform:translate(-50%,-50%) scale(1.3)}
.lookbox .box01 .swiper-button-next,.lookbox .box01 .swiper-button-prev{display: none;}
.m2abt_itmx{background: #fff;overflow: hidden;}
.lookbox .box01 a .pic{height:220px;position: relative;overflow: hidden;}
.lookbox .box01 a .wz .p1{text-align: center;color: #333;font-size: 12px;margin-top: 10px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.lookbox .box01 a:hover .wz,.common .box02 a:hover .wz{color: #434999;}
.biaoqian .ti3{border-bottom: 1px solid #c1c1c1;margin-bottom: 18px;}
.biaoqian .ti3 span{display: inline-block;color: #434999;font-size: 18px;width: 98px;border-bottom: 2px solid #434999;text-align: center;padding-bottom: 14px;}
.biaoqian .sort{padding-bottom: 12px;}
.biaoqian .sort a{display: inline-block;color: #555;font-size: 14px;height: 28px;line-height: 28px;padding: 0 12px;background: #e6e6e6;margin-right: 15px;}
.biaoqian .sort a:hover{color: #fff;background:#434999;;}
.biaoqian p{color: #555;font-size: 14px;}
.biaoqian p a{color: #555;}
.fenye{margin:10px 0 54px 0;}
.fenye .fy{font-size: 14px;height: 38px;border: 1px solid #d0d0d0;line-height: 38px;padding: 0 16px;margin-top: 20px;color: #555;}
.fenye .fy a{color: #555;font-size: 14px;display: inline-block;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;width: 80%;}
.fenye .fy span{display: inline-block;float: right;color: #555;font-size: 14px;}
.fenye .fy a:hover{color: #434999;}
.fenye .fy em{font-style: normal;color: #434999;display: inline-block;float: left;}
.product1 .left{width: 42%;border: 1px solid #c5c5c5;padding: 30px 0;}
.product1 .left img{height: 350px;width: auto;display: block;margin: 0 auto;}
.product1 .right{width: 45%;}
.product1 .right .ti{color:#333;font-size: 24px;font-weight: bold;padding-bottom: 20px;}
.product1 .right .kan p{color: #555;font-size: 14px;line-height: 30px;}
.product1 .right .small{border: 1px solid #c5c5c5;width: 178px;margin:40px 0 25px 0;}
.product1 .right .small img{height: 107px;display: block;margin: 0 auto;}
.product1 .right .want a{display: block;width: 128px;height: 42px;color: #fff;line-height: 42px;text-align: center;border-radius: 21px;font-size: 16px;background: #c01202}
.w80{width: 80%;margin: 0 auto;}
.product1{padding: 88px 0 62px 0;}
.product2 .ti2{height: 40px;border: 1px solid #d0d0d0;position: relative;}
.product2 .ti2 span{display: inline-block;width: 296px;border: 1px solid #434999;height: 40px;line-height: 38px;color: #434999;font-size: 16px;text-align: center;position: absolute;top: -1px;left: 0;}
.product2 .detail p{color: #333;font-size: 16px;line-height: 30px;}
.product2 .detail img{display: block;margin: 40px auto;max-width: 1000px;}
.product2 .detail p.jianjie{color: #434999;font-size: 20px;padding: 25px 0 8px 0;}
.text05_nav{text-align: center;padding-bottom: 20px;padding-top: 88px;border-bottom: 1px solid #d0d0d0;margin-bottom: 40px;}
.text05_nav .pp1{color: #434999;font-size: 20px;padding-bottom: 12px;}
.text05_nav .pp2 span{display: inline-block;color: #666;font-size: 14px;padding: 0 10px;}
.brand .w90,.w75{width: 75%;margin: 0 auto;}