a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#156bff; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}

.wal2{width:1200px; margin:0px auto;}
.wal3{width:14.0rem; margin:0px auto;}

.w1088{ width: 10.88rem;}
.w384{ width: 3.84rem;}

.flex{display: flex;
  display: -webkit-flex; }

.flex{ align-items: center;
  -webkit-align-items: center; }

.flex{justify-content: center;
  -webkit-justify-content: center; }

.flexl{ justify-content: space-between; 
  -webkit-justify-content: space-between; }

a,
.zzNav,
.sideBar .mouse,
.headDiv .topSearch em,
.headDiv .lan em,
.headDiv .topSearch .layerDiv,
.headDiv .lan .list,
.sideBar .botbot li .ico img,
.sideBar .botbot li .txt,
.carsP3 .list li .box,
.carsP3 .list li .name,
.carsP4 .list li .name,
.carsP4 .list li .wen,
.carsP6 .tab2 li,
.carsP6 .tab2 li:after,
.carsP6 .item .btnDiv .btn1:after,
.carsP7 .btnDiv a:after,
.carsP8 .btnDiv .btn1:after,
.carsP9 .list li .name,
.carsP9 .list li .msgDiv:after,
.carsP10 .btnDiv li .btn2:after,
.energyP1 .list li .name,
.energyP2 .list li .box:before,
.energyP4 .list li .btnDiv .btn1:after,
.energyP6 .list li .box,
.energyP6 .list li .name,
.energyP6 .list li .msg,
.energyP6 .list li .time,
.energyP6 .list li .more,
.energyP7 .list li .btnDiv dd a:after,
.aboutPart1 .list li .layer,
.aboutPart4 .timeLine li,
.aboutPart4 .timeLine li:after,
.aboutPart5 .haha li:after,
.indexP1 .line1 .name,
.indexP1 .line1 .layer,
.indexP1 .line2 li .layer,
.indexP1 .line3 li .box .name,
.indexP1 .line3 li .box .msg,
.indexP2 .tab2 li .name,
.indexP2 .btnDiv .btn1:after,
.indexP4 .tab2 li,
.indexP4 .tab2 li:after,
.indexP4 .item .btnDiv .btn1:after,
.indexP5 .swiper-pagination-bullet,
.indexP7 .btnDiv a:after,
.indexP7 .botList li .more a:after,
.indexP9 .leftDiv .botDiv,
.indexP9 .leftDiv .name,
.indexP9 .leftDiv .content,
.indexP9 .leftDiv .time,
.indexP9 .rightList li .name,
.successP2 .list li .box,
.successP2 .list li .ico img,
.successP2 .list li .name,
.successP2 .list li .msg,
.successP3 .list li .round:before,
.successP4 .list li .btnDiv .btn1:after,
.PHMP3 .list li .box:before,
.PHMP3 .list li .ico,
.PHMP4 .list li .ico,
.newsPic .name,
.newsP2 .newsTab li a:after,
.newsP2 .list li .box:after,
.newsP2 .list li .name,
.newShow .share li img,
.relatePart .list li .name,
.aboutPart3-4 .tab2 li:before,
.aboutPart3-4 .tab2 li .name{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

.sNav,
.xNav,
.sideTitleTel .con img,
.energyP6 .list li .imgDiv img,
.energyP7 .list li .imgDiv img,
.indexP9 .leftDiv .imgDiv img,
.logoList .list .limg img,
.cultureP1 .list li .limg img,
.aboutPart1 .list li .msg,
.aboutPart3 .list li img,
.indexP6 .list li .limg img{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;  
}

/*.news .list li .imgDiv img{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;  
}*/

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder, textarea:focus::-moz-placeholder{color: transparent;}



.gradient2{background-image:-webkit-linear-gradient(top,#2e3192,#e0f1ea);
 background-image:linear-gradient(to bottom,#2e3192,#e0f1ea); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}

.gradient3{background-image:-webkit-linear-gradient(top,#cad0db,#3f537b);
 background-image:linear-gradient(to bottom,#cad0db,#3f537b); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}




.Phone-Box{ display: none; }

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.l1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.l2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.l3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

@keyframes am_top{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

@keyframes am_left{
    0%{ -webkit-transform:translate(30px,0);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

@-webkit-keyframes am_left{
    0%{ -webkit-transform:translate(30px,0);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

@keyframes am_right{
    0%{ -webkit-transform:translate(-30px,0);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

@-webkit-keyframes am_right{
    0%{ -webkit-transform:translate(-30px,0);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

@keyframes upDown {
  from {
    transform: translateY(10px); }
  to {
    transform: translateY(0); } }
@-webkit-keyframes upDown {
  from {
    -webkit-transform: translateY(10px); }
  to {
    -webkit-transform: translateY(0); } }

@keyframes leftRight {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(10px); } }
@-webkit-keyframes leftRight {
  from {
    -webkit-transform: translateX(0); }
  to {
    -webkit-transform: translateX(10px); } }

@keyframes rightLeft {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-10px); } }
@-webkit-keyframes rightLeft {
  from {
    -webkit-transform: translateX(0); }
  to {
    -webkit-transform: translateX(-10px); } }

@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(-360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(-360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(-360deg);  } }

@-moz-keyframes rotate2{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate2{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate2{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }


.pageBanner{ position:relative; }
.pageBanner .bg img{ width:100%;}
.pageBanner .info{ position: absolute; top: 0; height: 100%; left: calc((100% - 82%) / 2); z-index: 2; width: 50%; display: flex; display: -webkit-box; display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    align-items: center;}
.pageBanner .txt{ font-size:48px; line-height:56px; color:#fff; padding-bottom:0.28rem;}
.pageBanner .name{ font-size:62px;  color:#fff; padding-bottom: 20px; font-weight: bold; }
.pageBanner .wen{ font-size:30px; line-height:30px; color:#fff; padding-bottom: 40px;}
.pageBanner .msg{ font-size:20px; line-height:36px; color:#fff; width: 88%;}
.pageBanner .content{ font-size: 18px; line-height:30px; color:#fff; text-align: justify; width: 88%;}
.pageBanner .btnDiv{ padding-top:40px;}
.pageBanner .btnDiv a{ display:block; text-align:center; font-size:18px; border-radius:36px; width:180px; height:56px; line-height:56px; background: #156bff; color:#fff;}
.pageBanner .btnDiv a:hover{ background: #fff; color: #156bff; }