@charset "utf-8";
/**
* @Author: GYF
* @Date:   2017-12-06 15:47:35
* @Last Modified by:   GYF
* @Last Modified time: 2017-12-07 15:11:42
* @Email: fenghuijiuzhuan@163.com
* @Hello: The world will be changed by us
*/
/* wrap start */
.wrap{width: 100%;min-width: 1200px;background: #FFF}
.container{width: 1240px;margin: 0 auto;position: relative;}
/* wrap end */
/* common start */
.contatxt{
	padding:80px 0 60px;
	text-align: center;
	font-size: 26px;
	    font-weight: lighter;
}
.opacity09{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.opacity09:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.transition05ease-in-out{
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.transition02ease{
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;
}

	.introduction  p img{
		max-width: 100%;
	}
/* line animate */
.linespan1,.linespan2,.linespan3,.linespan4{position: absolute;background-color: #f00;
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.linespan1{left: -1px;top: -1px;width: 0;height: 1px;}
.linespan2{right: -1px;top: -1px;width: 1px;height: 0;}
.linespan3{right: -1px;bottom: -1px;width: 0;height: 1px;}
.linespan4{left: -1px;bottom: -1px;width: 1px;height: 0;}
/* common end */
/* banner start */
.banner{width: 100%;height: 438px!important;background: #1f1a2c url(../images/she.jpg) no-repeat center top;}
.banner h1{font-size: 40px;font-weight: lighter;margin-bottom: 30px;line-height: 1}
.banner h1 span{font-weight: lighter;font-family: 'Helvetica35';margin-left: 20px;vertical-align: middle;}
.banner p{font-weight: lighter;line-height: 30px}
.banner .container{padding-top: 180px;}
/* banner end */
/* advantage start */
.advantage{width: 1240px;margin-left: -15px;font-size: 0;}
.advantage li{width: 280px;height: 368px;margin-left: 30px;display: inline-block;border: 1px solid #EEE;position: relative;margin-bottom: 60px;vertical-align: top}
.advantage li .cursor{width: 108px;height: 126px;position: absolute;right: 30px;top: -20px;}
.advantage li:hover{
-webkit-transform: translateY(-2px);
   -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
     -o-transform: translateY(-2px);
        transform: translateY(-2px);}
.advantage li:hover .cursor{top: -50px}
.advantage .content{width: 226px;padding-top: 75px;margin: 0 auto;}
.advantage .content h3{font-weight: lighter;font-size: 20px;line-height: 30px;margin-bottom: 30px;}
.advantage .content p{line-height: 26px}
/* line animete */
.advantage .linespan1,.advantage .linespan2,.advantage .linespan3,.advantage .linespan4{
	background-color: #4251b6;
}
.advantage li:hover .linespan1,.advantage li:hover .linespan3{width: 276px}
.advantage li:hover .linespan2,.advantage li:hover .linespan4{height: 370px}
/* advantage end */
/* chooseus start */
.chooseus{width: 100%;height: 547px;background: #262937;position: relative;overflow: hidden;}
.chooseus .chooseusbg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0}
.chooseus .chooseusbg img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.chooseus:before{content: '';width: 100%;height: 100%;background: url(../images/men.png) center top;position: absolute;left: 0;top: 0;z-index: 2}
/* .chooseus:after{content: '';width: 100%;height: 100%;background: url(../images/20171206yfimg2-1.jpg) center top;position: absolute;left: 0;top: 0;z-index: 0} */
.chooseus .container{padding-top: 84px;z-index: 3}
.chooseus h2,.caseall h2{font-size: 26px;font-weight: lighter;}
.chooseus ul{font-size: 0;}
.chooseus ul li{height: 272px;display: inline-block;margin-top: 66px;vertical-align: top}
.chooseus li.content{width: 324px;position: relative;}
.chooseus li.content .contentbefore{width: 100%;height: 100%;background: #FFF;opacity: 0.1;filter: alpha(opacity=10);position: absolute;top: 0;left: 0;z-index: 0}
.chooseus .arrow{width: 78px;background: url(../images/20171206yfimg2-3.png) no-repeat center center;}
.chooseus .content p{line-height: 1;font-weight: lighter;}
.chooseus .content .text1{font-size: 35px;padding-top: 70px}
.chooseus .content .text1 span{font-size: 80px;font-family: 'Helvetica35';}
.chooseus .content .text1 sup{vertical-align: top;font-family: 'Helvetica35';}
.chooseus .content .text2{font-size: 22px;margin-top: 24px;color: #d5d5d5}
/* chooseus end */
/* caseall start */
.caseall{background: #FFF;padding-top: 65px;padding-bottom: 60px}
.casenav{font-size: 0;border-bottom: 1px solid #dfdfdf;font-weight: lighter;}
.casenav li{display: inline-block;margin: 0 50px;height: 68px;line-height: 68px;position: relative;font-size: 20px;margin-top: 20px;cursor: pointer;}
.casenav li:after{content: '';height: 0;width: 0;position: absolute;left: 0;right: 0;bottom: -1px;margin: 0 auto;border-bottom: 2px solid #4251b6;
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.casenav li.caseactive:after{width: 100%;}
.casenav li:hover:after{width: 100%}
.casenav li:hover{color: #4251b6}
.casenav li.caseactive{color: #4251b6;}
.casebox{position: relative;width: 100%}
.casebox>li{width: 100%;display: none;}
.casewrap{font-size: 0;width: 1240px;}
.casewrap li{width: 278px;height: 317px;margin-left: 28px;display: inline-block;position: relative;vertical-align: top;margin-top: 44px;overflow: hidden;
-webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}
.casewrap li:hover{box-shadow: -1.362px 2.673px 5.46px 1.54px rgba(18, 25, 67, 0.28);}
.casewrap li:after{content: '';width: 276px;height: 315px;border: 1px solid #dfdfdf;position: absolute;left: 0;top: 0;z-index: 1}
.casetext{width: 100%;height: 100%;position: absolute;left: -100%;top: -100%;z-index: 2;}
.casetext .casetextbefore{content:'';width: 272px;height: 311px;position: absolute;left: 0;top: 0;background-color: #353743;opacity: 0.8;filter: alpha(opacity=80);border:3px solid #4251b6;z-index: 1}
.casetextcontent{width: 225px;position: relative;margin: 0 auto;z-index: 2;}
.casetextcontent h4{padding-top: 55px;margin-bottom: 25px;color: #fefefe;font-weight: lighter;text-align: center}
.casetextcontent p{color: #d5d5d5;line-height: 24px;}
/* caseall end */
/* offer start */
.offer{padding-top: 90px;background: #2e303f url(../images/dizhi.png) no-repeat 0 100px;min-height: 645px;}
.offer h2{font-size: 34px;font-weight: lighter;}
.offer-title2{color: #d5d5d5;font-weight: lighter;margin-top: 15px;}
.formtable{margin-left: 304px;margin-top: 50px;display: inline-block;width: 536px;vertical-align: top;}
.formtable li{margin-top: 16px;}
.formtable input,.formtable textarea{border: 1px solid #fff;color: #fff;font-size: 14px;line-height: 36px;padding-left: 16px;height: 36px;margin-right: 16px;outline: none;resize: none;background-color: transparent;}
.formtable textarea{height: 150px;}
.formtable input::-webkit-placeholder,.formtable textarea::-webkit-placeholder{color: #96979b}
.formtable input::-moz-placeholder,.formtable textarea::-moz-placeholder{color: #96979b}
.formtable input::-ms-placeholder,.formtable textarea::-ms-placeholder{color: #96979b}
.formtable input::-o-placeholder,.formtable textarea::-o-placeholder{color: #96979b}
.formtable input::placeholder,.formtable textarea::placeholder{color: #96979b}
.width214{width: 214px}
.width465{width: 465px}
.offerbtn{width: 130px;height: 38px;line-height: 38px;background-color: #4251b6;display: inline-block;vertical-align: top;}
.offerbtn:hover{color: #fff;}
.offerright{display: inline-block;width: 320px;vertical-align: top;margin-top: 50px;margin-left: 35px;}
.offerright li{padding-left: 40px;font-size: 16px;line-height: 55px}
.offerright li i{width: 40px;height: 55px;background: url(../images/20171206yfimg5.png) no-repeat;display: inline-block;margin-left: -40px;font-size: 0;float: left;}
/* offer end */
.fw-ct .item .icon-multitoone {
    display: inline-block;
    width: 62px;
    height: 55px;
    vertical-align: middle;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
}
.advantage li .cursor{
	width:80px!important;
	height: 90px!important;
	top: 17px;
}
.advantage li .cursor img{
	width:80px!important;
	height: 90px!important;
	
}
.fw-ct a.item:hover .icon-multitoone img{position: absolute;right: 0;}

.dx_top {
    height: 194px;
    border: 1px solid #E3E3E3;
    border-bottom: none;
    padding-top: 40px;
    padding-left: 40px;
	background-color: #FFFFFF;
}
.dx_introduce_right {
    float: left;
    margin-left: 30px;
    width: 800px;
}
.dx_title {
    font-size: 24px;
    color: #5A5A5A;
    font-weight: bold;
    margin-top: 6px;
}
.dx_gk {
    font-size: 14px;
    line-height: 20px;
    margin-top: 18px;
    color: #676767;
    font-weight: 500;
}
.dx_dj {
    font-size: 14px;
    margin-top: 10px;
    color: #676767;
	display: flex;
	align-items: center;
}
.z_newtips{
	margin: 20px auto 0;
	height: 52px;
}
.z_newtips h3 {
    margin: 2px 0 0;
    height: 45px;
    border-left: 3px #426abb solid;
    text-indent: 8px;
    line-height: 45px;
    font-size: 16px;
    color: #222;
}
.z_tab2 {
    margin: 20px 0;
    width: 100%;
    border-top: 1px #f1f1f1 solid;
    border-left: 1px #f1f1f1 solid;
}
.z_tab2 td {
    height: 60px;
    padding: 0 0 0 8px;
    line-height: 35px;
    color: #333;
    border-bottom: 1px #f1f1f1 solid;
    border-right: 1px #f1f1f1 solid;
    background: #fff;
    text-align: left;
}
@media screen and (max-width: 750px) {
	.icp-bg5{
		min-width: 100%;
		height: 320px;
	}
	
	.disflex{
		height: 350px;
	}
	.banner-item-right{
		display: none;
	}
	.tips{
		padding: 20px 0;
	}
	.table td{
		padding: 10px;
	}
	.wrap{
		min-width: 100%;
	}
	.col-4{
		width: 49%;
		padding: 0;
		margin-bottom: 15px;
	}
	.col-3{
		width: 50%;
		padding: 0;
		margin-bottom: 15px;
	}
	.strength-item{
		padding: 10px;
	}
	.col-5{
		width: 50%;
	}
	.block-item{
		height: 220px;
	}
	[data-skin="1"]>.tab-box-head li{
		margin: 0;
	}
	.message-scene{
		padding: 20px 0;
	}
	.message-type-list li {
	    width: 80px;
	    height: 50px;
	    line-height: 50px;
	}
	.message-msg {
	    width: 220px;
	    border-radius: 12px;
	    box-shadow: 0 10px 20px rgb(64 66 77 / 6%);
	    padding: 25px;
	    background-color: #fff;
	    position: absolute;
	    top: 18%;
	    left: 50%;
	    margin-left: -105px;
	    font-size: 16px;
	}
	.proInfo li{
		
	}
	.dx_title{
		font-size: 16px;
		margin-top: 0;
	}
	.dx_gk{
		margin-top: 7px;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		overflow:hidden;
	}
	.problem-item {
	    padding: 20px 45px 20px 20px;
	    position: relative;
	    height: 100%;
	    box-sizing: border-box;
	}
	.dx_top {
	    height: 140px;
	    border: 1px solid #E3E3E3;
	    border-bottom: none;
	    padding-top: 15px;
	    padding-left: 10px;
	    background-color: #FFFFFF;
	}
	.dx_dj{
		margin-top: 5px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		word-wrap:break-word;
	}
	.dx_introduce_right{
		width: 65%;
		margin-left: 15px;
	}
	.package-title {
	    width: 164px;
	    height: 37px;
	    margin: 0 auto;
	    position: relative;
	    top: -36px;
	    left: -22px;
	    background-size: cover;
	}
	.tj-left:nth-child(2){
		margin: 20px 0 0;
	}
	.tj-left{
		width: 100%;
	}
	.zixunbtn{
		width: 75%;
	}
	.bgf5{
		min-width: 100%;
	}
	.jfang-col{
		width: 49%;
		margin-bottom: 10px;
		float: none;
		overflow: hidden;
	}
	.idc-advan-item{
		width: 50%;
		margin-bottom: 12px;
	}
	.float-nav-seize{
		display: none!important;
	}
	.changjin-bottom p{
		line-height: 20px;
		font-size: 13px!important;
	}
	#khal-getytop{
		display: none;
	}
	.lease-bg{
		height: 320px;
		min-width: 100%;
	}
	.banner{
		background-size: cover;
		height: 320px!important;
	}
	.banner .container{
		padding: 100px 15px 0;
	}
	.banner h1{
		font-size: 24px;
	}
	.banner p{
		font-size: 13px;
	}
	.container{
		width: 100%;
	}
	.advantage li{
		width: 48%;
		height: 320px;
		display: block;
		margin: 0 0 30px 0;
		padding: 10px;
	}
	.advantage{
		width: 95%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 50px auto 10px;
	}
	.advantage li .cursor{
		width: 45px!important;
		height: 45px!important;
		top: 15px;
		right: 20px;
	}
	.advantage li .cursor img{
		width: 45px!important;
		height: 45px!important;
	}
	.contatxt{
		padding: 40px 0 0;
	}
	.advantage .content{
		width: 100%;
		padding-top: 0px;
	}
	.advantage .content h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.chooseus .container{
		padding-top: 30px;
	}
	.chooseus h2, .caseall h2{
		font-size: 26px;
		padding-bottom: 10px;
	}
	.chooseus ul{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.chooseus ul{
		width: 96%;
		margin: 0 auto;
	}
	.chooseus ul li{
		width: 48%!important;
		height: 170px;
		margin-top: 20px;
	}
	.chooseus ul li:nth-child(2n){
		display: none;
	}
	.chooseus .content .text1{
		font-size: 26px;
		padding-top: 34px;
	}
	.chooseus .content .text1 span{
		font-size: 50px;
	}
	.chooseus{
		height: 505px;
	}
	.caseall{
		padding: 40px 0;
	}
	.casenav li{
		margin: 0px 20px 0;
		height: 45px;
		font-size: 18px;
		line-height: 45px;
	}
	.casewrap{
		width: 96%;
		margin: 20px auto 0;
	}
	.casewrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.casewrap li{
		display: block;
		width: 48%;
		height: 250px;
		margin: 0 0 20px 0;
	}
	.casewrap li img{
		height: 250px;
		width: 100%;
	}
	.casewrap li:after{
		height: 250px;
		width: 100%;
	}
	.offer{
		padding-top: 40px;
	}
	.offer h2{
		font-size: 20px;
		padding: 0 2%;
	}
	.offer-title2{
		padding: 0 2%;
		font-size: 14px;
	}
	.formtable{
		margin: 0 2%;
		width: 96%;
	}
	.width214 {
		width: 45%;
	}
	.width465{
		width: 100%;
	}
	.offerright{
		margin: 30px 2%;
	}
	.offerright li{
		padding: 0;
		line-height: 25px;
	}
	.zzidc-auto{
		width: 96%;
	}
	.fw-list{
		padding: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.fw-ct{
		width: 50%!important;
		display: block;
		padding: 5px 0;
	}
	.zzidc-fw{
		min-width: 100%!important;
	}
	.fw-ct .item .icon{
		margin-right: 0;
	}
	.fw-ct .item{
		font-size: 12px;
	}
	
	
	/* 信息 */
	.icp-bg{
		background-size: cover;
		min-width: 100%!important;
		height: 370px!important;
	}
	.lease-tit{
		line-height: 40px!important;
		font-size: 26px!important;
		padding-bottom: 15px;
	}
	.padd40{
		padding: 110px 2% 0!important;
	}
	.ky-sever-nav{
		min-width: 100%!important;
		height: auto!important;
	}
	.ky-sever-content{
		width: 100%!important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.float-nav-list.width33{
		width: 50%!important;
		padding-bottom: 7px;
	}
	.float-nav-list.width25{
		width: 50%!important;
		padding-bottom: 7px;
	}
	.product-title{
		width: 75px;
		font-size: 18px;
	}
	.product-title-english{
		font-size: 17px;
	}
	.fsize20{
		font-size: 17px;
	}
	#cptx-getytop{
		padding-top: 20px!important;
		padding-bottom: 15px!important;
	}
	.icpcol1 ul{
		margin-top: 30px;
	}
	.icpcol1 ul li{
		width: 50%;
		margin-bottom: 15px;
	}
	.icpmtop60{
		margin-top: 30px;
	}
	.pull-left{
		float: none;
	}
	.icpcol2{
		height: auto;
		padding: 10px 0 10px;
		box-shadow: 0.343px 1.343px 9.52px 0.48px rgb(66 81 182 / 20%), 6.553px 4.589px 23.52px 0.48px rgb(66 81 182 / 20%);
	}
	.icpcol2-left{
		margin:  20px 10px;
	}
	.icpcol2-left img{
		width: 100%;
	}
	.icpcol2-right{
		margin:  20px 10px;
	}
	#tsgn-getytop{
		padding-top: 20px!important;
	}
	.icpcol3 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		height: 100px;
		padding: 10px;
	}
	.mbottom20{
		margin-bottom: 10px;
	}
	#yycj-getytop{
		padding-top: 20px!important;
	}
	.introduction  p img{
		max-width: 100%;
	}
	.ky-kangd-bg{
		min-width: 100%;
		background-size: cover;
	}
	.pad-right120{
		padding-right: 10px;
		padding-left: 10px;
	}
	.mr30{
		margin-right: 0;
	}
	.advan-item{
		width: 48%;
		float: none;
		margin-bottom: 15px;
	}
	.advan-box{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#cjwt-getytop{
		padding-top: 20px;
	}
	.changjin-col-fangfu{
		float: none;
		width: 100%;
		margin-bottom: 15px;
		height: auto;
	}
	.scene-container{
		margin-bottom: 10px;
		padding-bottom: 30px!important;
	}
	.icp-bg3{
		background-size: cover;
		min-width: 100%;
		height: 300px;
	}
	
	/* 知识产权 */
	.equityimg{
		margin-right: 0;
	}
	.equitybox{
		margin-top: 10px;
	}
	.equitycol1{
		margin-top: 30px;
	}
	.equitycol1 ul li{
		width: 100%;
		height: 270px;
	}
	.equitycol1 ul li span{
		display: none;
	}
	.equityH4{
		margin-bottom: 30px;
	}
	.changjing-box{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.changjin-col-data{
		width: 48%;
		float: none;
		height: 310px;
	}
	.changjin-bottom{
		padding: 0 7px;
	}
	.changjin-bottom p{
		padding-top: 5px;
	}
	.float-nav-list.width20{
		width: 50%;
		padding-bottom: 7px;
	}
	.icp-bg3{
		background-size: cover;
		background: url(../images/chan.png)no-repeat -970px -50px !important;
	}
	.zcen{
		width: 96%;
	}
	.leitit{
		font-size: 25px;
		padding-top: 20px;
	}
	.leitxt{
		font-size: 12px;
	}
	.leiBox ul{
		justify-content: space-between;
	}
	.leiBox ul li{
		margin: 0 0 20px 0;
		width: 49%;
	}
	.card-content{
		margin: 0 10px;
		padding: 5px 0;
	}
	.card-top{
		margin: 0 10px;
	}
	.label-tags{
		margin: 0 10px;
		padding: 5px 0 ;
		text-align: center;
	}
	.button-base{
		float: none;
		margin: 6px  auto 0;
		padding: 0 16px;
	}
	.baibox ul{
		flex-wrap: wrap;
		height: auto;
	}
	.icp-bg6{
		height: 320px;
		min-width: 100%;
		background-position-x: -185px;
	}
	.baibox ul li{
		width: 50%;
	}
	.baizhe{
		height: auto;
	}
	.baibox ul li{
		height: auto;
		padding: 10px 0;
	}
	.baibox ul li:first-child{
		display: none;
	}
	.baibox ul li:nth-child(2){
		display: none;
	}
	.baititle{
		font-size: 14px;
		padding-bottom: 0;
	}
	.baitxt{
		font-size: 12px;
	}
	.neiBox{
		padding: 20px;
	}
	.neititle{
		font-size: 20px;
	}
	.htwebleft ul{
		width: 100%;
	}
	.htwebBox{
		flex-wrap: wrap;
	}
	.htwebleft ul li{
		padding: 10px;
		height: 85px;
	}
	.webtxt{
		font-size: 12px;
	}
	.webtitle{
		font-size: 16px;
		padding-bottom: 0;
	}
	.htwebyou{
		width: 100%;
		height: 220px;
		margin-top: 10px;
	}
	.htcapic{
		width: 96%;
		height: 200px;
	}
	.htchan{
		padding: 65px 0;
	}
	.fwq-detail{
		font-size: 14px;
		margin-top: 0;
	}
	.font-num{
		font-size: 25px;
	}
	.ky-kangd-bg{
		height: 365px;
	}
	.kd-tit{
		font-size: 24px;
	}
	.btnbox{
		margin-top: 20px;
	}
	.ptqi{
		padding-top: 85px!important;
	}
	.zzidc-auto{
		padding-top: 85px!important;
	}
	.zzidc-autoact{
		padding-top: 0px!important;
	}
}