a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}

#w_common_text-1536910800655 .reset_style p {text-align:left;}
#c_news_list-15361147061816546,#c_news_list-15361156321952387,#c_product_list-15361089076891906,#w_rbox-1536117260527,#w_rbox-1536910800566 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
}


.shoumain {position: relative; width: 100% !important; margin: 0px auto;}
.shoulearnmore a:link {text-decoration: none;}
.shoulearnmore a:visited {text-decoration: none;}
.shoulearnmore a:hover h1{color:#0454cd;}

.row {position:relative;width:1200px;margin:0 auto;height:100vh;}
.biaoyu1 {position:absolute;width:513px;left:50%;margin-left:-256px;top:52%;z-index:100;transition: all 2s;opacity: 0;}
.active .biaoyu1 {top:42%;opacity: 1;transition-delay: 1s;}
.kouhao {position:absolute;width:600px;left:50%;margin-left: -300px;top:37%;z-index:100;transition: all 2s;opacity: 0;margin-top:100px;}
.active .kouhao {opacity: 1;margin-top:0px;}

.kouhao1 {position:absolute;width: 600px;left:50%;margin-left: -298px;top:27%;z-index:100;transition: all 2s;opacity: 0;margin-top: 300px;}
.active .kouhao1 {opacity: 1;margin-top: 200px;transition-delay: 0.3s;}
.kouhao2 {position:absolute;width: 886px;left:50%;margin-left: -438px;top:27%;z-index:100;transition: all 2s;opacity: 0;margin-top: 400px;color:#333;font-size:24px;letter-spacing:3px;text-align:center;}
.active .kouhao2 {opacity: 1;margin-top: 260px;transition-delay: 0.3s;}
.kouhao2::after {top:17px;width:0px;left:0px;height:1px;background:#999;position: absolute;content:"";transition: all .7s ease;}
.kouhao2::before {top:17px;width:68px;right:0px;height:1px;background:#999;position: absolute;content:"";transition: all .7s ease;}

.active .kouhao2::after {width:68px;}
.active .kouhao2::before {width:68px;}

.shoulearnmore h1 {font-size:14px;color:#666;margin: 0 auto;margin-top: 20px;}
.shoulearnmore {position:absolute;bottom: 10%;z-index:100;transition: all 2s;opacity: 0;text-align:center;width:200px;left:50%;margin-left:-100px;}
.active .shoulearnmore {opacity: 1;transition-delay: 1s;bottom: 50px;}

.shoulearnmore1 {position:relative;text-align:center;transition: all 0.5s ease-in-out;cursor:pointer;-webkit-animation: guanyba 1s 0s infinite;top:0px;}
@keyframes guanyba {0% {	transform-origin:center center;	animation-timing-function:ease-out;	top:0px;}
50% {	transform-origin:center center;animation-timing-function:ease-in-out;		top:10px;}
100% {	transform-origin:center center;animation-timing-function:ease-in-out;		top:0px;}
}
@-webkit-keyframes guanyba {0% {	-webkit-transform-origin:center center;	-webkit-animation-timing-function:ease-out;	top:0px;}
50% {	-webkit-transform-origin:center center;
	-webkit-animation-timing-function:ease-in-out;		top:10px;}
	100% {	-webkit-transform-origin:center center;
	-webkit-animation-timing-function:ease-in-out;		top:0px;}
}
/*pages2*/
.yuanquan {
    height: 404px;
    width: 454px;
    top: 60%;
    margin-top: -300px;
    position: absolute;
    left: 40%;
    margin-left: -327px;
    
    animation: yuanys 15s linear infinite;
    -moz-animation: yuanys 15s linear infinite;
    -webkit-animation: yuanys 15s linear infinite;
    -o-animation: yuanys 15s linear infinite;
    transition: all 0.5s ease-in-out;
}

.yuanquan2 {height: 654px;width: 654px;top: 50%; margin-top: -300px;position: absolute; left: 50%; margin-left: -327px;}
.yuanabout1 {position: relative; left: -200px;width: 100px; height: 100px; overflow: hidden; top: 280px; border-radius: 100%; transition: all 2s ease-in-out; opacity:0;}
.active .yuanabout1 {left: -50px;opacity:1;transition-delay: 1s;}
.yuanabout1 span {background-color: rgba(255,255,255,0.8); height: 100px; width: 100px; display: block; cursor: pointer;}
.yuanabout1 span::after {background: rgba(81,177,43,0.9); height: 100px; width: 100px; position: absolute; top: 100px; content: "诚信"; left: 0px; color: #fff;line-height: 100px; text-align: center;
    transition: all 0.5s ease-in-out; border-radius:100%;}

.yuanabout1 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}
.yuanabout2 {
    position: relative;
    left: 800px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 185px;
    border-radius: 100%;
     transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout2 {left: 600px;opacity:1;transition-delay: 1.2s;}

.yuanabout2 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}



.yuanabout2 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "创新";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout2 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}



.yuanabout3 {
    position: relative;
    left: 30px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 360px;
    border-radius: 100%;
     transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout3 {left: 130px;opacity:1;transition-delay: 1.5s;}

.yuanabout3 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}



.yuanabout3 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "和谐";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout3 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}

.line1 {height:2px;border-bottom: 1px dashed #2068B4;top: 90px;position: absolute;width: 0px;left: 50px;transition: all 9s;}

.active .line1 {
    width: 1100px;
    
}

.wus {
    position: absolute;
    right: 50px;
    width: 230px;
    height: 80px;
    line-height: 80px;
    background: #2068B4;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    top: 51px;
    color: #fff;
    z-index: 9999;
}
.wus a:link {display: block;color: #fff;}
.wus a:visited {display: block;color: #fff;}
.wus a:hover {display: block;color: #fff;}
.wusa a:link {display: block;color: #fff;}
.wusa a:visited {display: block;color: #fff;}
.wusa a:hover {display: block; color: #fff;}
.wus span {padding: 0px 10px 0px 60px;}
.line2 {height:2px;border-bottom: 1px dashed #0454cd;top: 90px;position: absolute;width: 0px;right: 50px;transition: all 9s;}
.active .line2 { width: 1100px;}
.wusa {
    position: absolute;
    left: 0px;
    width: 230px;
    height: 80px;
    line-height: 80px;
    background: #0454cd;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    top: 51px;
    color: #fff;
    z-index: 9999;
}

.wusa span {padding: 0px 10px 0px 20px;}


.yuanabout4 {
    position: relative;
    left: 550px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 250px;
    border-radius: 100%;
     transition: all 2s ease-in-out;
    opacity:0;
}

.active .yuanabout4 {left: 450px;opacity:1;transition-delay: 1.8s;}

.yuanabout4 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}
.yuanabout4 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "共赢";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}
.yuanabout4 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}
.luyuan {
    width:1200px;
    height: 380px;
    position: absolute;
    left: 33%;
    margin-left: -236px;
  transition: all 3s cubic-bezier(0.68, -0.55, 0.43, 1.1);
}


.active .luyuan {top: 26%}

@keyframes yuanys {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

@-webkit-keyframes yuanys {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.photo{ overflow:hidden;transition: all 2s; opacity:0;}
.photo{ float:right;  position:relative; left:-100px;}
.photo:after{ content:''; display:block; right:0; bottom:0; position:absolute; width:10%; height:80%; }
.active .photo{left:0px;opacity: 1;transition-delay: 1s;left:2%;}


.shouckh{position: relative;width:1200px;z-index:100;transition: all 2s;opacity: 0;margin: 0 auto;text-align: center;top:30%;}
.active .shouckh {opacity: 1;transition-delay: 1s;}
.shouc2 {position: relative;width:700px;z-index:100;transition: all 2s;opacity: 0;margin: 0 auto;text-align: left;padding-top: 10px; left:5%; float:left;}
.active .shouc2 {opacity: 1;transition-delay: 1.2s;left:0%;top:15%;}
.shouc2 h2 {color:#fff;font-size:20px;font-weight:600;padding-bottom: 10px; text-align:left; }
.shouc2 p {line-height:37px;text-align:left; color:#fff;}
.shouc2 p a{color:#fff;text-align:center;display: block; width: 100px; background:#003e8b; border-radius:20px; float:right; margin-top:0px; font-size:14px;}
.shouc2 p a:hover{background:#005fb1;color:#fff;}

.shouc1 {color:#555555;font-size:32px;font-weight:600;text-align: left; line-height:60px; width:698px;  position: relative; transition: all 2s;opacity: 0; left:12%;}
.active .shouc1{opacity: 1;transition-delay: 1.1s; left:0;}
/*数字*/
.ys_box{display: block; height: 120px; width:1200px;margin:0 auto; clear:both; transition: all 2s;opacity: 0;}
.active .ys_box{opacity: 1;transition-delay: 0.1s;}
.ys_box ul{}
.ys_box ul li{float: left;width: 230px; text-align: center;border-right: 1px #2f86c5 solid; border-left: 1px #2f86c5 solid; margin-top:20px;}
.ys_box ul li:nth-child(2) {border-right-style: none;}
.ys_box ul li:nth-child(1) {border-right-style: none;}
.ys_box .li_box{padding-top: 0px;}
.ys_box .div1 .span1{font-size: 40px; font-weight:bold;color: #003e8b;font-family: "方正宋黑简体";}
.ys_box .div1 .span3{font-size: 18px;color: #333;font-family: "方正宋黑简体";}
.ys_box .div2 .span2{font-size: 16px;color: #474b4d;}
.ys_box .li_box em{width: 45px;display: block;margin:0 auto;}
.ys_box .li_box em img{width: 45px;height: 42px;display: block; transition: all 0.3s ease-in-out 0s;}
.ys_box .li_box:hover em img{ transform: rotateY(180deg);}  


.shousb2 {position:absolute;width:384px;left:-400px;top: 37%;z-index:100;transition: all 2s;opacity: 0;}
.active .shousb2 {left:0px;opacity: 1;transition-delay: 1s;}
.shousb2 h2 {color:#fff;font-size:20px;font-weight:600;}
.shousb2 p {color:#fff;font-size:14px;line-height:25px;padding-top:20px}
.shousb2 p a {width:120px;height:40px;border:1px solid #ddd;display:block;margin-top:15px;color:#fff;text-align:center;line-height:40px;}


.shouc3 {position:absolute;right:-500px;width:530px;top:27%;transition: all 2s;opacity: 0;}
.active .shouc3 {right:0px;opacity: 1;transition-delay: 1s; top:27%;}

.shouc33 span {display:block;color:#fff;text-align:center;padding-top:20px;}
.shouc33 {width:121px;margin:20px 0px 20px 50px;float:left;display:inline-block;}


.prolist{width:95%;  margin:0px auto 0px; position:relative;  transition:1.5s;}
.prolist .proFenlei{  height:600px;}
.prolist .proFenlei li{ width:23%; height:auto; position:relative; overflow:hidden; float:left; margin:0 10px;}
.prolist .proFenlei li img{width:100%; height:auto;}
.prolist .proFenlei li .biaoti{ width:100%; height:60px; background:#fff; text-align:center;margin-top:-4px;}
.prolist .proFenlei li a{ color:#333;}
.prolist .proFenlei li h4{ font-size:18px; color:#333; font-weight:600; padding-top:12px; margin-bottom:5px; transition:0.5s; }
.prolist .proFenlei li p{ font-size:14px; transition:0.5s;}
.prolist .zhe{ width:100%; height:310px; position:absolute;top:-310px; background:rgba(0,0,0,0.6); transition:0.5s; }
.prolist .zhe .search{ width:45px; height:45px; margin-left:40%; line-height:380px; }
.prolist .zhe .search img{ width:45px; height:45px;}
.prolist .proFenlei li:hover .zhe{ top:0px; }
.prolist .proFenlei li:hover h4{ color:#0454cd; font-size:20px;}
.prolist .proFenlei li:hover p{ color:#0454cd; font-size:14px;}



/*pages3*/
.shoucp1 {position:absolute;width:280px;color: #003e8b;left:50%;margin-left:-140px;top:0%;font-size: 40px;font-weight:700;text-align:center;transition: all 2s;opacity: 0; letter-spacing:3px; 
}
.active .shoucp1 {top: 17%;opacity: 1;transition-delay: 0.5s;}

.shoucp11 {position: absolute;
    width: 280px;
    color: #003e8b;
    left: 48%;
    margin-left: -100px;
    top: 0%;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    transition: all 2s;
    opacity: 0;
    letter-spacing: 3px;}
.active .shoucp11 {top: 17%;opacity: 1;transition-delay: 0.5s;}
.shoucp11 span {height: 2px;line-height: 2px;display:block;font-weight:normal;font-size:12px;background: #333;width: 20px;margin: 0 auto;margin-top: 10px;}
.shoucp1 span {height: 2px;line-height: 2px;display:block;font-weight:normal;font-size:12px;width: 20px;margin: 0 auto;margin-top: 10px;}
.news-tab-list {position:absolute;transition: all 2s;opacity: 0; width:1200px; margin:0 auto; top:60%;}
.news-tab-list .tab{  text-align:center;  margin-bottom:3%;  }
.news-tab-list .tab a{ line-height:40px;   font-size:18px;    cursor:pointer;  margin:0 25px; display:inline-block; color:#252525;}
.news-tab-list .tab a:hover{ opacity:1; border-color:#e60012; opacity:0.6; color:#ff0000;}
.active .news-tab-list{opacity: 1;transition-delay: 2.1s; top:33%;}

/*.news-tab-list .box{ display:none;}*/


.news-tab-list ul li{ padding:2%; }
.news-tab-list ul li a{ overflow:hidden; display:block; padding:0; position:relative}
.news-tab-list ul li .newstime{ bottom:2%; position:absolute;}
.news-tab-list ul li .pic{ width:275px; height:190px;position:absolute; background-repeat:no-repeat; background-position:center center; background-size: cover; margin-right:10px;}
.news-tab-list ul li .txt{ padding-left:18%; padding-top:1%}
.news-tab-list ul li .txt h5{  overflow:hidden; font-size:16px; line-height:46px; height:46px;}

.news-tab-list ul li .txt span{  opacity:0.7; font-size:14px; line-height:26px; background:url(../images/swd1.jpg) no-repeat left; padding-left:26px; margin-top:30px;}
.news-tab-list ul li .txt i{ width:17px; height:11px; display:block; transition:all 0.5s ease-out 0s; background:url(../images/a_jt.png) no-repeat right}
.news-tab-list ul li a:hover{ }
.news-tab-list ul li a:hover .txt i{ background-position:left; }

.newstime {display: block; font-size: 12px;  width: 28.64%; line-height: 22px; color: #252525; background-color: #e8e8e8; text-align: center; overflow: hidden; border-radius:0 6px 0px 6px;}

.newstime b{ width:100%; display:block; position:absolute; top:0; left:0; line-height:35px; background-color:#eee; font-size:24px; color:#252525; text-align:center;}

.news-tab-list ul li{ padding:0; float:right; width:580px; margin-right:10px;  padding-right:10px; display:block; float:left; background:#FFF; height:190px;}
.news-tab-list ul li:nth-child(2){  margin-right:0px;  width:590px; }
.news-tab-list ul li a{ }
.news-tab-list ul li .newstime{ top:25px; bottom:auto;  left:20px;}

.news-tab-list ul li .txt{ padding-left:295px; height:195px;}
.newstime {  font-size: 14px;   width: 66px;   padding-top: 35px;   border-radius: 0 6px 0px 6px;}


.shoucp2 {position:absolute;width:400px;color: #0454cd;left:50%;margin-left:-200px;margin-top: 200px;font-size: 20px;text-align:center;transition: all 2s;opacity: 0;top: 17%;}
.active .shoucp2 {opacity: 1;transition-delay: 0.2s;margin-top: 60px;}
.fananwen {
    position: absolute;
    font-size: 13px;
    color: #666;
    top: 17%;
    width: 1000px;
    text-align: center;
    margin-top: 210px;
    left: 50%;
    margin-left: -500px;
    line-height: 180%;
    transition: all 2s;
    opacity:0;
}

.active .fananwen {opacity: 1;margin-top: 105px;transition-delay: 0.6s;}
.fananwen1 {position: absolute;font-size:16px; color: #000; top: 17%; width: 1000px; text-align: center; margin-top: 170px; left: 50%; margin-left: -500px; line-height: 180%; opacity: 0; transition: all 2s; letter-spacing: 4px;}
.active .fananwen1 {opacity: 1;margin-top: 70px;}
.fananwen1 span{font-size:20px; color:#F00; font-weight:bold;}
.fananwen11 {position:absolute;font-size:15px;color: #000000; top:17%; width:1000px; text-align:center; margin-top:170px; left:50%; margin-left:-500px; line-height:180%; opacity:0;transition: all 2s;}
.active .fananwen11 {opacity: 1;margin-top: 70px;}

.shoucp3 {position:absolute;width:100%;margin-top: 110px;top: 50%; transition: all 2s;opacity: 0;}

.ksjx{ min-height:310px;  width:1300px; margin:0 auto; margin-top:3%; position:relative;}
.ksjx .yd{}
.ksjx .yd a{ display:block; position:relative; width:25%; float:left;}

.ksjx .yd a .ico{width:88%;display: block;margin: auto; z-index:112;  transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.ksjx .yd a .ico:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}



.relativediv {width: 1300px;margin:0 auto;position:relative;height: 230px;}
.active .shoucp3{ opacity: 1;transition-delay: 2s; top: 24%;}
.relativediv a {
    color: #888;
}
.cpp1 {position:absolute;color:#fff;left: 0px;transition: all 1s;opacity: 0;z-index:100;top: 20px;text-align: center;line-height: 280%;}
.active .cpp1 {opacity: 1;transition-delay: 0.8s;left: 20px;}
.cpp2 {position:absolute;left: 150px;top: 20px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp2 {opacity: 1;transition-delay: 1.5s;left: 280px;}
.cpp4 {position:absolute;left: 450px;top: 20px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp4 {opacity: 1;transition-delay: 2s;left: 550px;}
.cpp3 {position:absolute;top: 20px;transition: all 2s;opacity: 0;z-index:90;left: 700px;text-align: center;line-height: 280%;color: #666;}
.active .cpp3 {opacity: 1;transition-delay: 2.5s;left: 800px;}


.cpp5 {position:absolute;width:190px;right:400px;top:84px;transition: all 2s;opacity: 0;z-index:90;}
.active .cpp5 {right:0px;opacity: 1;transition-delay: 2s;}



.cpp1a {position:absolute;color:#fff;right: 480px;transition: all 2s;opacity: 0;z-index:100;top: 20px;text-align: center;line-height: 280%;}
.active .cpp1a {opacity: 1;transition-delay: 2s;right: 580px;}

.cpp2a {position:absolute;right: 150px;top: 0px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp2a {opacity: 1;transition-delay: 1.5s;right: 250px;}

.cpp4a {position:absolute;right: 0px;top: 20px;transition: all 2s;opacity: 0;z-index:90;text-align: center;line-height: 280%;}
.active .cpp4a {opacity: 1;right: 20px;}

.cpp3a {position:absolute;top: 20px;transition: all 2s;opacity: 0;z-index:90;right: 700px;text-align: center;line-height: 280%;color: #666;}
.active .cpp3a {opacity: 1;transition-delay: 2.5s;right: 800px;}

.cpp5a {position:absolute;width:190px;right:400px;top:84px;transition: all 2s;opacity: 0;z-index:90;}
.active .cpp5a {right:0px;opacity: 1;transition-delay: 2s;}

.w1200{width:1200px; margin:0 auto;}
#focus_Box{position:relative;height:470px; margin-top:50px;}
#focus_Box ul{position:relative;width:960px; height:380px; margin: 0 auto;}
#focus_Box li{z-index:0;position:absolute;width:0px;height:0;top:0px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; position:relative;}
#focus_Box li span{ display:block; height:50px; line-height:50px;text-align:center; color:#fff; position:absolute; bottom:0; width:100%;background:url(../images/index/imgbg.png) repeat;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px; margin-top:-6px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:-70px; top:140px;}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-60px; top:140px;}
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}

/*pages4*/
.she1 {color: #023b7d;}
.she1 span {
    height: 2px;
    line-height: 2px;
    display: block;
    font-weight: normal;
    font-size: 12px;
    background: #fff;
    width: 20px;
    margin: 0 auto;
    margin-top:10px;
}
.she2 {color:#00336A;}
.casea1 {position:absolute;width:260px;left:300px;top:84px;transition: all 2s;opacity: 0;transition:all 3s ease-in-out;}
.active .casea1 {left:100px;opacity: 1;transition-delay: 1s;}

.casea1 span,.casea2 span,.casea3 span {color:#666;font-size:16px;display:block;text-align:center;padding-top:15px;}
.casea3 {position:absolute;width:260px;right:-200px;top:84px;transition: all 2s;opacity: 0;transition:all 3s ease-in-out;}
.active .casea3 {right:100px;opacity: 1;transition-delay: 1.6s;}


.casea2 {position:absolute;width:260px;top:84px;transition: all 2s;opacity: 0;left:50%;margin-left:150px;transition:all 3s ease-in-out;}

.active .casea2 {margin-left:-130px;opacity: 1;transition-delay: 1.3s;}

.morean a {
    width: 170px; border-radius:30px;
    margin: 0 auto;
    height: 40px;
    border: 2px solid #0454cd;
    display: block;
    margin-top: 15px;
    color: #0454cd;
    text-align: center;
    line-height: 40px;
    transition:all 0.8s ease-in-out;
}

.morean a:hover {
    width: 170px;
    height: 40px;
    border: 2px solid #0454cd;
    display: block;
    margin-top: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    background:#0454cd;
    text-decoration:none;
    transition:all 0.8s ease-in-out;
}


.morean {
    position: absolute;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    opacity: 0;
    transition:all 2s ease-in-out;
}
.active .morean {opacity: 1;transition-delay: 2.3s;top:85%;}

.shoucp3a {width: 1200px; margin:0 auto;position: absolute;top: 20%;opacity: 0;transition:all 2s ease-in-out;}
.active .shoucp3a {opacity: 1;transition-delay: 1.2s;margin-top: 90px;}

/*pages5*/



.shousb4 {position:absolute;right:-400px;top:20%;transition:all 1.5s ease-in-out;margin-top: 80px;opacity: 0;}
.active .shousb4 {opacity: 1;transition-delay: 0.4s;right:0px;}



.shousb31 {position:absolute;right:600px;top:60px;transition:all 2s ease-in-out;opacity: 0;}
.active .shousb31 {opacity: 1;right:335px;transition-delay: 0.5s;}

.shousb32 {position:absolute;right:-300px;transition:all 2s ease-in-out;opacity: 0;}
.active .shousb32 {opacity: 1;right:0px;transition-delay: 0.8s;}

.shousb33 {position:absolute;right:134px;top:400px;transition:all 2s ease-in-out;opacity: 0;}
.active .shousb33 {opacity: 1;top:240px;transition-delay: 1s;}

.leftxw {position:relative;left:-400px;top:20%;padding-top: 75px;transition:all 2s ease-in-out;opacity: 0;width:490px;}
.active .leftxw {transition-delay: 0.2s;left:0px;opacity:1;}

/*pages6*/

.shouhez1 {position:absolute;width: 1300px;left:50%;top: 20%;margin-left: -650px;text-align:center;transition:all 3s ease-in-out;opacity: 0;margin-top:350px;}
.active .shouhez1 {opacity: 1;transition-delay: 1.5s;margin-top:150px;}


.contactxian1 {position:absolute;top:20%;margin-top:110px;height:1px;background-color:rgba(255,255,255,0.4);width:0px;left:0px;transition:all 3s ease-in-out;}
.active .contactxian1 {width:1300px;transition-delay: 2s;}


.contactxian2 {position:absolute;top:20%;margin-top:480px;height:1px;background-color:rgba(255,255,255,0.4);width:0px;right:0px;transition:all 3s ease-in-out;}
.active .contactxian2 {width:1300px;transition-delay: 2s;}


.shouhez2 {position:absolute;width:800px;left:50%;top:65%;margin-left:-400px;text-align:center;transition:all 3s ease-in-out;color:#333333;opacity: 0;}
.active .shouhez2 {opacity: 1;top:33%;transition-delay: 1s;}

/*pages7*/
.shoucont1 {position:absolute;width:1200px;left:50%;top: 50%;margin-left:-600px;text-align:center;transition:all 2s ease-in-out;opacity: 0;}
.active .shoucont1 {opacity: 1;top:33%;transition-delay: 1s;}


.shoucont1 h1 {font-size:30px;font-weight:600;}
.shoucont1 p {color:#fff;line-height:30px;font-size:16px;}
.shoucont2 {position:absolute;left:50%;top: 60%;text-align:center;transition:all 2s ease-in-out;margin-left:-700px;opacity: 0;}
.active .shoucont2 {opacity: 1;margin-left:-250px;transition-delay: 1s;}


.shoucont3 {position:absolute;left:50%;top: 60%;text-align:center;transition:all 2s ease-in-out;margin-left:500px;opacity: 0;}

.active .shoucont3 {opacity: 1;margin-left:50px;transition-delay: 1s;}

.shoucont3 span,.shoucont2 span {color:#fff;display:block;font-size:14px;text-align:center;padding-top:15px;}

.footer-link {background:#333;}
.icp {padding:20px 0px;color:#fff;width:1300px;position:relative;margin:0 auto;}
.icp a {color:#fff; font-size:16px;}
.shouc33 img,.casea1 img,.casea2 img,.casea3 img,.shoucont2 img,.shoucont3 img {transition:all 1s ease-in-out;}
.shouc33:hover img,.casea1:hover img,.casea2:hover img,.casea3:hover img,.shoucont3:hover img,.shoucont2:hover img {transition:all 1s ease-in-out;-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);}



.wave {
  position: absolute;
  left:0;
  right:0;
 height:230px;
  bottom:0;
  z-index: 1;
}

.wave + .wave {
  z-index: 2;
}





@media (max-width:1440px) {
 .yuanquan2 {
    height: 654px;
    width: 654px;
    top: 50%;
    margin-top: -330px;
    position: absolute;
    left: 50%;
    margin-left: -327px;
} 
.yuanquan {
    height: 654px;
    width: 654px;
    top: 50%;
    margin-top: -330px;
    position: absolute;
    left: 50%;
    margin-left: -327px;
    
    animation: yuanys 15s linear infinite;
    -moz-animation: yuanys 15s linear infinite;
    -webkit-animation: yuanys 15s linear infinite;
    -o-animation: yuanys 15s linear infinite;
    transition: all 0.5s ease-in-out;
}


.relativediv a {
    color: #888;
    font-size:14px;
}

 .fananwen {
    position: absolute;
    font-size: 12px;
    color: #666;
    top: 15%;
    width: 1000px;
    text-align: center;
    margin-top: 210px;
    left: 50%;
    margin-left: -500px;
    line-height: 180%;
    transition: all 2s;
    opacity:0;
} 
.relativediv {width: 1300px;margin: 0 auto;position: relative;height: 150px;transform: scale(0.8,0.8);}  
  .morean {
    position: absolute;
    top: 16%;
    margin-top: 570px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    opacity: 0;
    transition: all 2s ease-in-out;
}
  

.active .morean {
    opacity: 1;
    transition-delay: 0.8s;
    margin-top: 410px;
}

.news_two_box {
    width: 100%;
    height: 120px;
    border: 1px solid transparent;
    position: relative;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
    background-color: rgba(255,255,255,0.7);
    overflow:hidden;
}

.news_two_ul li {
    width: 100%;
    height: 120px;
    border: 1px solid transparent;
    margin-bottom: 5px;
}
.news_two_txt {
    width: 73%;
    float: left;
    margin: 10px 0 10px 30px;
    transition: all .3s ease-out 0s;
}

.news_two_txt span {
    font-size: 14px;
    color: #333;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    transition: all .3s ease-out 0s;
}
.news_two_box:hover .news_two_txt {margin: 10px 0 10px 40px;
}

.c_news_list-02001 .p_articles {
    margin: 5px;
    height: auto;
    width: 205px;
    overflow: hidden;
    border: 0px solid #e4e4e4;
    width: calc((100% - 30px)/3);
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 10px;
}

}

.news-tab-list .shipin{float:left; width:480px; height:500px; display:block; }
.active .news-tab-list .shipin{}
.video-js { margin-top:36px;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}
  .transition {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s; }
#pro {width:1300px;height: 420px;overflow: hidden;margin:0 auto;}
.proli{ width:1300px; margin:0 auto;}
#pro li {width:250px;height:357px;float: left; background-size: cover;position: relative;margin-top:0px; text-align: center;margin-left:0.5%;}
#pro:hover li {width: 250px;}
#pro li:hover {width: 250px;transition-duration: .3s;}
#pro li::before {width: 100%;height: 100%;content: "";display: block;}
#pro li::after {width: 100%;height: 100%;content: "";display: block;z-index: 1;position: absolute;}
#pro li h2 {font-size:18px;color: #000;position: absolute;z-index: 3;display: block;width:100%;text-align:center;transition-duration: .3s;  margin-top:-30px;}
#pro li:hover h2 {margin-top: -10vw;font-size:18px;transition-duration: .3s;}
#pro li h2::after {content: "";display: block;line-height: 2px;height: 2px;width: 20px;margin: 1.3vw auto 0 auto;}
#pro li p {font-size: 14px;color: #fff;width: 70%;position: absolute;left: 15%;top: 50%;z-index: 3;text-align: center;line-height: 26px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;transition-duration: .3s;}
#pro li:hover p {margin-top: -5vw;transition-duration: .3s;}
#pro li dl {display: none;}
#pro li dl dt {width:30%;margin-right: 5%;float: left;}
#pro li dl dt img {width: 100%;}
#pro li dl dt span {display:block;text-align:center;color:#fff;line-height:20px; font-size:14px;}
#pro li dl dt:nth-child(3) {margin-right: 0;}
#pro li:hover dl {display: block;position: absolute;z-index: 3;left: 15%;width: 70%;top:20%;margin-top: -1.3vw;}
#pro li a.more2 {top: 30%;left: 50%;z-index:3;position:absolute;display:none;margin-left: -59px;margin-top: 180px;border: 1px solid #0454cd;color: #fff; transition: 0.6s; padding: 10px 30px; font-size: 14px;
z-index: 5; background:#0454cd}
#pro li:hover a.more2 {	display: block;}
#pro li:hover::before {	display: none;}
#pro li:hover::after {background:#000;opacity: 0.3;transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
#pro li:nth-child(1) { border-left-style:none;background-size:100%; background:url(../images/zh1.png) no-repeat center;}
#pro li:nth-child(2) { background-size:100%;  background:url(../images/zh2.png) no-repeat center;}
#pro li:nth-child(3) {background-size:100%; background:url(../images/zh3.png) no-repeat center; }
#pro li:nth-child(4) { background-size:100%; background:url(../images/zh4.png) no-repeat center; }
#pro li:nth-child(5) { background-size:100%; background:url(../images/zh5.png) no-repeat center;}

.myClass {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.shipin{
	width:940px; height:495px;  margin:300px auto;}
	
	.shipin video{
	width:940px; height:540px;  }
.xwlb{
    width: 1200px;
    margin: 0 auto;
    height: 200px;
    border:1px #e6e6e6 solid;
    background: #f9f9f9;
    margin-top: 20px;
}
.xwlb ul{
    width: 1200px;
    margin: 0 auto;
}
.xwlb ul li{
    float: left;
    width: 580px;
    height: 65px;
	    background: #f9f9f9;
    border-bottom: 1px #e6e6e6 solid;
    line-height: 65px;
}
.xwlb ul li span:nth-child(2){
	padding-right:10px;
}
.xwlb ul li:nth-child(5){
    border-bottom:initial;
}
.xwlb ul li:nth-child(6){
    border-bottom:initial;
}
.xwlb ul li a{
    font-size: 16px;
    color: #333;
	width:430px; overflow:hidden; height:64px; overflow:hidden;
    background: url(../images/tbb.png) left center no-repeat;
    padding-left: 26px;
    float: left;
}
.xwlb ul li span{
    font-size: 15px;
	
    color: #6a6a6a;
    font-family: "Arial";
    float: right;

}
.xwlb ul li:hover a{
    font-weight: bold;
    color: #003c8c;
    padding-left: 40px
}