.flex {	display: flex;}.flexcc {	display: flex;	justify-content: center;	align-items: center;}.flexsc {	display: flex;	justify-content: flex-start;	align-items: center;}.flexec {	display: flex;	justify-content: flex-end;	align-items: center;}.flexbc {	display: flex;	justify-content: space-between;	/*align-items: center;*/}.flexac{	display: flex;	justify-content: space-around;	/*align-items: center;*/}.flexw {	display: flex;	flex-wrap: wrap;}.line1 {    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 1;    line-clamp: 1;    -webkit-box-orient: vertical;}.line2 {    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 2;    line-clamp: 2;    -webkit-box-orient: vertical;}.line3 {    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 3;    line-clamp: 3;    -webkit-box-orient: vertical;}.line4 {    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 4;    line-clamp: 4;    -webkit-box-orient: vertical;}.line5 {    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 5;    line-clamp: 5;    -webkit-box-orient: vertical;}.fontSmall {    font-size: 12px;    /*-webkit-transform:scale(0.85);*/    transform-origin:left bottom;}.btn {    height: 40px;    line-height: 40px;    text-align: center;    color: #fff;    background-color: #0291df;    padding: 0 20px;    cursor: pointer;}.btn a {    color: #fff;}.btn:hover {    opacity: 0.8;}.box {    width: 100%;    background-color: #fff;}.baseBox {    width: 1250px;    margin: auto;}.header{    height: 75px;    padding: 17px 0;}.headLeft {margin-top:-10px;}.headRight {margin-top:10px;}.company {    color: #aeaeae;    font-size: 12px;}.company, .logo {    padding: 0 17px;}.menu {    height: 65px;    line-height: 65px;    background-color: #3f3f3f;    position: relative;    z-index: 500;}.menu li {    /* width: 13%; */    padding: 0 40px;    text-align: center;    position: relative;    background:url(../images/line.jpg) no-repeat right;}.menu li:last-child {    background:none;}.menu li a {    color: #fff;    font-size: 16px;}#navlist li dl { margin-top:3px;}#navlist li:hover a {color:#FF7700;}.menudiv {position:absolute;background:#FFF; border:1px solid #CCC; width:400px;height:200px;top:62px; left:-50px;box-shadow:0 2px 8px rgba(0,0,0,.2); color:#555555; cursor:pointer;text-align:left;font-size:12px; z-index:10000; display:none}.menudiv img { border:0px}.menu .active {    height: 0;    border-top: 65px solid #ea4817;    border-right:50px solid #3f3f3f;    background: none;}.active a {    position: absolute;    top: -65px;}.connect {    width: 200px;    height: 0;    border-bottom: 65px solid #0291df;    border-left: 50px solid #3f3f3f;    color: #fff;    text-align: center;}.banner {    width: 100%;    height: 486px;    margin-top: -35px;        position: relative;    /*background: url(../images/bannerdi.jpg);*/    /*background-repeat: no-repeat; */    /* background-size: 100% 100%;  */}.slider-wrap {	position: relative;	width: 100%;	height: 486px;}/* @media screen and (min-width: 1200px) {	.slider-wrap {		height: 487px;	}}@media screen and (min-width:768px) and (max-width:992px) {	.slider-wrap {		height: 500px;	}}@media screen and (max-width:768px) {	.slider-wrap {		max-height: 350px;	}} */.slider {	height: 100%;}.slider .slider-list {	position: relative;	height: 100%;}.slider .slider-list .item {	display: none;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	overflow: hidden;}.slider .slider-list .item.cur {	display: block;}.slider .slider-list .item a {    position: relative;	display: block;}.slider .slider-list .item img {	/*width: 100%;*/	height:486px;	}.yuan {	position: absolute;	left: 50%;	bottom: 40px;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);}.yuan .yuan-item {	display: block;	position: relative;	float: left;	width: 18px;	height: 18px;	margin-right: 5px;	cursor: pointer;}.yuan .yuan-item::after {	content: "";	display: block;	position: absolute;	top: 4px;	left: 4px;	width: 13px;	height: 13px;	border: 2px solid rgba(255, 255, 255, .4);	border-radius: 50%;	box-sizing: border-box;}.yuan .yuan-item.cur::after {	background: #fff;}.yuan .yuan-item::before {	content: "";	display: block;	width: 21px;	height: 21px;	background-color: rgba(255, 255, 255, 0);	border-radius: 50%;}.yuan .yuan-item.cur::before {	background-color: rgba(255, 255, 255, .2);}.btn-group {	width: 100%;}.btn-group .btn-left,.btn-group .btn-right {	position: absolute;	width: 50px;	height: 50px;	line-height: 50px;	font-size: 30px;	text-align: center;	color: #fff;	background: rgba(255, 255, 255, .5);	border-radius: 50%;	cursor: pointer;	font-family: "宋体";}.btn-group .btn-left {	left: 15px;	top: 50%;	margin-top: -25px;}.btn-group .btn-right {	right: 15px;	top: 50%;	margin-top: -25px;}.about {    height: 400px;    background-color: #f3f3f5;    text-align: center;    padding: 35px 0;}.aboutTit {    font-size: 24px;    color: #3d3d3d;    margin-bottom: 35px;}.line {    display: inline-block;      width: 190px;    border-top: 1px solid #cacacc ;      margin: 0 30px;}.aboutEn {    font-size: 24px;    color: #3d3d3d;}.aboutDesc {    padding: 45px 195px 0;    font-size: 16px;    color: #575757;    line-height: 30px;    margin-bottom: 30px;}.aboutBtn {    width: 150px;    background-color: #7dc04d;    margin: auto;}.new {    background: #fff;    margin-top: -90px;    padding-top: 25px;        padding-bottom:60px;}.newTop {    margin: 0 30px;}.newTit {    font-size: 40px;    color: #444;}.newTxt {    color: #7c7c7c;    margin-top: 7px;}.newMore a {    color: #7c7c7c;    font-size: 12px;}.newBot {    margin: 35px 30px 0;}.newLeft {    width: 490px;    height: 365px;    position: relative;}.newPic {    height: 98px;    background-color: rgb(000, 000, 000, 0.5);    color: #fff;    position: absolute;    bottom: 0;    width: 100%;}.newPicTit {    font-size: 16px;    margin: 10px 5%;    flex: 1;    line-height: 26px;}.newPicDate {    font-size: 31px;    width: 25%;    line-height: 98px;    text-align: center;    background-color: #ff0000;    }.newRight {    flex: 1;}.newRight li {    width: 45%;    margin-left: 5%;    margin-bottom: 35px;}.newItemTit {    font-size: 16px;    line-height: 25px;}.newItemTit a {        color: #444;    }.newItemDate {    font-size: 12px;    color: #959595;    margin: 20px 0;}.newItemDesc {    font-size: 12px;    color: #959595;}.proList {    width: 1136px;	height: 400px;	margin: 0 auto;	position: relative;	overflow: hidden;}.proUl {	width: 2000%;	position: absolute;}.proUl li {    margin: 0 25px;}.proUl li div {    width: 224px;    height: 343px;    border: 5px solid rgba(255,255,255,0.4);    border-radius: 5px;}.proUl li div:hover{    border: 5px solid #FF3300;}.proUl li p {    margin-top: 20px;    opacity: 0.8;}.caseTop {    padding: 65px 0 50px;}.caseLeft {    width: 60%;}.caseTit {    font-size: 40px;}.caseDesc {    margin-top: 25px;    font-size: 14px;    color: #434343;}.caseCen {    position: relative;	overflow:hidden;	height: 375px;}.caseCen li:hover .caseItemLe img{ 	transform:scale(1.02); 	-webkit-transform:scale(1.02);}.caseItemLe {    width: 50%;	position:relative; 	overflow:hidden;}.caseItemLe img {	max-width:100%;	transition:transform 0.5s; 	-webkit-transition:transform 0.5s; }.caseItemRi {    width: 50%;    background: #f0f0f0;}.caseItemTit {    font-size: 30px;    margin-left: 35px;    margin: 45px 0 15px 35px;}.caseItemDesc {    font-size: 14px;    color: #666;    margin-left: 35px;    line-height: 26px;    width: 600px;}.caseSwitch {    position: absolute;	z-index:9;    right: 42%;    bottom: 25px;}.prev, .next {	width: 60px;    height: 60px;    cursor: pointer;}.prev {        background: url(../images/left.png);   	background-repeat: no-repeat;	background-size: 100% 100%; }.next {    background: url(../images/right.png);	background-repeat: no-repeat;	background-size: 100% 100%; } .caseBot {    height: 15px;    background: url(../images/caseLine.jpg);    background-repeat: no-repeat;     background-size: 100% 100%; }.footer {    /*background-color: #353535;*/    background-color: #FFF;}.footBox {    height: 315px;    padding: 35px 0;    color: #333;    }.sloganCN {    text-align: center;    font-size: 30px;    opacity: 0.8;        /*font-weight: lighter;*/}.sloganEN {        margin-top:10px;    text-align: center;    font-size: 20px;    opacity: 0.8;        /*font-weight: lighter;*/}.footMenu {    text-align: center;    margin: 45px auto 55px;    width: 380px;        font-size: 12px;        /*font-weight: lighter;*/    }.footMenu li {    padding: 0 25px;}.footMenu a, .footMenu span {        font-size: 12px;        /*font-weight: lighter;*/    color: #333;    opacity: 0.9;}.logo3 {    /*width: 163px;*/    /*height: 47px;*/}.info {        font-size: 12px;    /*font-weight: lighter;*/    margin-left: 70px;    }.companyName {    opacity: 0.8;    font-size: 22px;    margin-bottom: 5px;}.info p {    opacity: 0.5;    line-height: 23px;        /*font-weight: lighter;*/}.code {    width: 115px;    height: 115px;}.code p {        opacity: 0.5;    margin-top: 5px;    transform-origin: center;    text-align: center;}.wap {    margin-right: 35px;}.copyRight {    height: 65px;    line-height: 65px;    background-color: #1e1e1e;    color: #fff;    text-align: center;}.copyRight p {    transform-origin: center;    opacity: 0.5;        font-weight: lighter;}#guodianlogo {float:left;width:60px;height:80px;background:url(/public/static/images/logo2.png); background-repeat:no-repeat}