/*  */
/*
 * @主色: #f54f15
 * @Author: jinbo
 * @Date:   2017-12-15 09:48:21
 * @Last Modified by:   jinbo
 * @Last Modified time: 2017-12-19 10:10:41
 */

@charset "utf-8";
/*
 * reset
 */
body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	color: #000;
	font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: middle
}
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu {
	margin: 0
}
ol, ul, menu {
	padding-left: 0;
	list-style-type: none
}
img {
	max-width: 100%;
	border: 0;
	vertical-align: top
}
a, input, select, textarea {
	outline: none;
star: expression(this.onFocus=this.blur());
}
a {
	outline: 0;
	color: #000;
	text-decoration: none;
	font-family: "微软雅黑"
}
a:hover {
	color: #f54f15
}
b, i {
	font-style: normal
}
input, b, h1, img, span, .case-item .icon, .case-item p, .lcBox a p, *:before, *:after, .boxSexangle .overlayer a i, .mask2 {
	-moz-transition: all ease-in-out 0.35s;
	-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}
/*
 * common
 */
.opc0 {
	/*opacity: 0;*/
}
.fix {
*zoom:1;
}
.fix:before, .fix:after {
	content: "";
	display: table;
}
.fix:after {
	clear: both;
}
.dib {
	display: inline-block;
*display:inline;
*zoom:1;
}
.btn {
	cursor: pointer;
}
.lt-ie9 .wow {
	visibility: visible!important
}
/*
 * header
 */
.header {
	position: relative;position: fixed;width: 100%;z-index: 100;
}
/*TOP*/

/* 社会化标志 */
.link {
	height: 105px;
	text-align: right;
	padding-right: 15px;
}
.link::before {
	content: " ";
	display: inline-block;
	height: 100%;
	width: 0%;
	vertical-align: middle;
}
.link p {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #6c6666;
	font-weight: bold;
}
.link a {
	padding: 0 10px 0 25px;
}
.link a.ch {
	background: url('../images/i_ch.jpg') 0px 4px no-repeat
}
.link a.en {
	background: url('../images/i_en.jpg') 0px 4px no-repeat
}
/* LOGO */
.logo {
	float: left;
	width: 48%;
	height:90px;
	position: relative;
	text-align: center;
}
.logo a {
	display: block;
	height: 100%
}
.logo span {
	display: inline-block;
	height: 100%;
	width: 0;
	text-align: center;
	vertical-align: middle;
}
.logo img {
	vertical-align: middle;
	max-height: 100%
}
/* 按钮 1*/
.wapNavBtn {
	position: absolute;
	top: 16px;
	right: 5px;
	display: none;
	width: 24px;
	font-size: 24px;
	cursor: pointer;
	animation: transform .6s ease-in-out 0s both;
	-moz-animation: transform .6s ease-in-out 0s both;
	-webkit-animation: transform .6s ease-in-out 0s both;
	-o-animation: transform .6s ease-in-out 0s both;
	z-index: 99
}
.wapNavPointer {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
/* 导航按钮2*/
button.nav-trigger {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 20;
	height: 60px;
	width: 50px;
	margin-top: -30px;
	padding: 0 12px;
	background: 0 0;
	border: 0;
	outline: 0
}
.nav-trigger {
	transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
	transition: transform .3s cubic-bezier(.86, 0, .07, 1)
}
.nav-icon {
	position: relative;
	top: 2px;
	right: inherit;
	display: block;
	width: 26px;
	height: 2px;
	background-color: #000;
	border-radius: 2.5rem;
	transition: all .3s
}
.nav-icon:after, .nav-icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	height: 2px;
	width: 100%;
	border-radius: 2.5rem;
	background-color: #000;
	transition: all .3s
}
.nav-icon:before {
	top: 7px
}
.nav-icon:after {
	top: -7px
}

.navigation-is-visible .nav-icon {
	background-color: transparent!important
}
.navigation-is-visible .nav-icon:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
	background-color: #fff
}
.navigation-is-visible .nav-icon:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	background-color: #fff
}
/*导航2*/
.navBox {
	background-color: #fff
}
.nav_transform1 {
}
.nav_transform1 .navTop {
	position: absolute;
	top: 0px;
	display: none;
	height: 4px;
	background: #f89120;
}
.nav_transform1 .navTop {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.nav_transform1 ul.navCont {
}
.nav_transform1 ul.navCont li.child {
	position: relative;
	float: left;
	width:125px;
	text-align: center;
	padding:25px 0;
	border-radius:5px;margin-left: 7px;
}
.nav_transform1 ul.navCont li.child.last {
	margin-right: 0
}
.nav_transform1 ul.navCont li.child a {
	display: block
}
.nav_transform1 ul.navCont li.child a p.title {
	font-size: 16px;
	line-height:40px;
	position: relative;
	display: block;color: #FEFFFF;
	height: 40px;border-radius: 4px;
}

.nav_transform1 ul.navCont li.child a:hover, .nav_transform1 ul.navCont li.child.on a p{
	background: #fff;color: #DF434B;border-radius: 4px;
}
.nav_transform1 ul.navCont li.child a span {
	font-size: 12px;
	color: #6e6e6e;
	transform: scale(0.9);
	display: block;
	position: relative;
}
/*.nav_transform1 ul.navCont li.child a p:after {
	display: block;
	content: '';
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #6e6e6e;
	left: 100%;
	top: 0;
	margin-left: -5px;
	transform-origin: left top;
	transform: rotate(-0deg);
	opacity: 0
}
.nav_transform1 ul.navCont li.child a span:after {
	display: block;
	content: '';
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #6e6e6e;
	right: 100%;
	bottom: 0;
	margin-right: -20px;
	transform-origin: right bottom;
	transform: rotate(-0deg);
	opacity: 0
}*/
/*.nav_transform1 ul.navCont li.child a:hover p{
	background: #fff;
	color: #4365BE;
}*/
.nav_transform1 ul.navCont li.child:hover a p{
	background: #fff;
	color: #DF434B;
}

/*.nav_transform1 ul.navCont li.child a:hover p:after {
	transform: rotate(-45deg);
	opacity: 1
}
.nav_transform1 ul.navCont li.child a:hover span:after {
	transform: rotate(-45deg);
	opacity: 1
}*/
.lt-ie9 .nav_transform1 ul.navCont li.child a p:after {
	display: none;
}
.lt-ie9 .nav_transform1 ul.navCont li.child a span:after {
	display: none;
}


/*自己的 下拉菜单样式 css*/
.img1:hover{ transform: scale(1.02); }
.ul1{
      width:125px;
      position:absolute;
      left:0;
      top:64px;
      padding:0;
      margin:0;
      /*background-color:rgba(246,245,245,40%);*/
      background: #fff;
      z-index:2;padding-bottom:5px;
}
.ul1 li{height: 35px;line-height:35px;font-size: 16px;}
.ul1 a{color: #b1b1b1;}
.ul1 li:hover{ background:#DF434B;color: #fff;}
.ul1 a:hover{color: #fff;}



.text11 {
  position:relative;
  top:-36px;
  left:0px;
  visibility:hidden;
}
#lili:hover .text11 {
  height: 40px;
  width: 284px;
  background-color: rgba(40,41,35,0.4);
  /*font-weight: bold;*/
  /*font-size: 23px;*/
  line-height: 40px;
  color: #fff;
  visibility:visible;
}
.text12 {
  position:relative;
  top:-40px;
  left:31px;
  visibility:hidden;
}
#lili1:hover .text12 {
  height: 40px;
  width: 219px;
  background-color: rgba(40,41,35,0.4);
  /*font-weight: bold;*/
  /*font-size: 23px;*/
  line-height: 40px;
  color: #fff;
  visibility:visible;
}
.fixed{
    position: fixed;
    top: -40px;
    z-index: 99;width: 100%;background: rgba(20,20,17,0.5);
}

/*产品和服务*/
.qzy_product_box{ width: 100%;height: auto;padding-top:80px;padding-bottom: 100px;}
.qzy_product_box_bg{ width: 1200px;margin:0 auto; }
.qzy_product_box_bg .qzy_product_title{ text-align: center; font-size: 30px;font-weight: 200;}
.qzy_product_box_bg .qzy_product_slogan{
	text-align: center;
	margin-top:18px;color: #BBBBBB;font-size: 16px;
}
.qzy_product_content{
	width: 1200px;margin: 0 auto;margin-top:50px;
}

/* 手风琴 */
.options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    max-width:1200px;
    /*width: calc(100% - 100px);*/
    height:500px;
	/*margin:60px auto;*/
}

@media screen and (max-width: 718px) {
    .options {
        min-width: 520px;
    }

    .options .option:nth-child(5) {
        display: none;
    }
}

@media screen and (max-width: 638px) {
    .options {
        min-width: 440px;
    }

    .options .option:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 558px) {
    .options {
        min-width: 360px;
    }

    .options .option:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 478px) {
    .options {
        min-width: 280px;
    }

    .options .option:nth-child(2) {
        display: none;
    }
}

.options .option {
    position: relative;
    overflow: hidden;
    min-width:233.33px;
   /* margin: 10px;*/
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 120%;
    background-position: center;
   /* cursor: pointer;*/
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option:nth-child(1) {
    --defaultBackground: #ED5565;
}

.options .option:nth-child(2) {
    --defaultBackground: #FC6E51;
}

.options .option:nth-child(3) {
    --defaultBackground: #FFCE54;
}

.options .option:nth-child(4) {
    --defaultBackground: #2ECC71;
}

.options .option:nth-child(5) {
    --defaultBackground: #5D9CEC;
}

.options .option:nth-child(6) {
    --defaultBackground: #AC92EC;
}

.options .option.active {
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 500px;
    margin: 0px;
    /*border-radius: 40px;*/
    background-size: auto 100%;
    /*&:active {
     transform:scale(0.9);
  }*/
}

.options .option.active .shadow {
    box-shadow: inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black;
}

.options .option.active .label {
    top:100px;
    left:0px;
}

.options .option.active .label .info>div {
    left: 0px;
    opacity: 1;
    text-align: center;
    width: 120px;
    margin: 0 auto;
    /*text-decoration: underline;*/
    margin-bottom:3px;
}

.options .option:not(.active) {
    flex-grow: 1;
   /* border-radius: 30px;*/
}

.options .option:not(.active) .shadow {
    bottom: -40px;
    box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.options .option:not(.active) .label {
    top: 100px;
    left:0px;
}

.options .option:not(.active) .label .info>div {
    left:0px;
    /*opacity: 0;*/
    text-align:center;
}

.options .option .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 120px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label {
    /*display: flex;*/
    position: absolute;
    right: 0px;
    height: 40px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 140px;
    max-width: 140px;
    height: 40px;
    /*border-radius: 100%;
    background-color: white;
    color: var(--defaultBackground);*/
    margin: 0 auto;color: #fff;font-size: 30px;
}
.icon-bottom{
    text-align: center;
    font-size: 12px;color: #B3BCDC;
}


.options .option .label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*margin-left: 10px;*/
    color: white;
    /*white-space: pre;*/
    margin: 0 auto;margin-top: 40px;
}

.options .option .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
    
}

.options .option .label .info .main {
   /* font-weight: bold;*/
    font-size: 1.1rem;
}
.options .option .label .info .main a{
   color: #fff;
}
.options .option .label .info .sub {
    transition-delay: .1s;
}


/* 关于我们 */
.qzy_about_box{ width: 100%;background: #E0E4ED;padding: 100px 0 100px 0; }
.qzy_ab_cont{ width: 1200px;margin: 0 auto; }
.qzy_ab_title{ text-align: center;font-size: 30px;font-weight: 200; }
.ab_cont_box{ width: 100%;overflow: hidden; margin-top:80px;}
.ab_cont_left{ float: left;width: 650px; }
.ab_cont_left .cont_left_text{ width: 600px; }
.ab_cont_left .cont_left_text h4{ font-size: 20px;font-weight: 200; margin-top: 20px;}
.ab_cont_left .cont_left_text span{ line-height:35px; }
.ab_more{ margin-top: 20px; }
.ab_more a{ color:#168CCD; font-size:25px;}

.ab_cont_right{ float: right; width: 550px;}

/*业务范围*/
.qzy_business_box{ width: 100%;padding: 100px 0; }
.business_cont{ width: 1200px;margin: 0 auto; }
.business_cont h3{ font-weight:200;font-size: 30px;text-align: center;}
h3{font-weight:200;font-size: 30px;text-align: center;}
/*合作伙伴*/
.yxContainer{
	width: 1200px;
    margin: 0 auto;
    height: 580px;
    /*border-bottom: 1px solid #eeeeee;
    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}
.yxContainer div {
    /*position: absolute;
    left: 220px;
    top: 20px;*/
   /* font-size: 40px;
    font-weight: bold;*/
}
.yxContainer .yx_logo{
	width: 1200px;
    /*top: 200px;
    left: 0px;
    position: absolute;
    top: 180px;*/
}
.yx_logo{
	margin-top: 80px;
}
.yx_logo li {
    width: 192px;
    height: 100px;
    padding: 0 24px 40px 24px;
    float: left;
}
.yx_logo li img {
    width: 192px;
    height: 100px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.yx_logo li:hover img{transform:scale(1.2);}

/*联系我们*/
.qzy_contact_tel{
	font-size: 18px;height: 40px;line-height: 40px;
	background: url('../images/tel.png') no-repeat;padding-left: 60px;margin-top: 20px;
}
.qzy_contact_addr{
	font-size: 18px;height: 40px;line-height: 40px;
	background: url('../images/addr.png') no-repeat;padding-left: 60px;margin-top: 20px;
}
.qzy_contact_email{
	font-size: 18px;height: 40px;line-height: 40px;
	background: url('../images/email.png') no-repeat;padding-left: 60px;margin-top: 20px;
}


/*footer*/
.qzy_footer{
	width: 100%;padding: 100px 0px;background:#020E28;
}
.footer_logn{ width: 1200px;margin:0 auto; }
.footer_nav_box{
	width: 1200px;margin:40px auto 0px auto;overflow: hidden;
}
.footer_nav_box_left{
	float: left;width: 750px;border-right: 1px solid #30384D;overflow: hidden;
}
.footer_nav_box_left .nav_left{
	width: 300px;float: left;
}
.footer_nav_box_left .nav_left .footer_nav{
	font-size:17px;font-weight: 600;letter-spacing:4px;
}
.footer_nav_box_left .nav_left .footer_nav a{
	color: #fff;
}
.footer_nav_box_right{ float: left;width: 440px; }
.ylink_right{ width: 440px;float: left; }
.ylink_right .ylink_tit{
	font-size:17px;font-weight:600;color: #fff;letter-spacing:4px;
}
.ylink{ font-size: 15px;color: #fff; }
.ylink a{color: #fff;}