锘緻charset "utf-8";
/* CSS Document */
html{
font-size:14px;
}
@font-face {
font-family: 'iconfont'; /* project id 382777 */
src: url('http://at.alicdn.com/t/font_382777_rgvcd9ll0qzrggb9.eot');
src: url('http://at.alicdn.com/t/font_382777_rgvcd9ll0qzrggb9.eot?#iefix') format('embedded-opentype'),
url('http://at.alicdn.com/t/font_382777_rgvcd9ll0qzrggb9.woff') format('woff'),
url('http://at.alicdn.com/t/font_382777_rgvcd9ll0qzrggb9.ttf') format('truetype'),
url('http://at.alicdn.com/t/font_382777_rgvcd9ll0qzrggb9.svg#iconfont') format('svg');
}
/*@font-face{
font-family:"FZZYJT";
src:url(../font/FangZhengZongYiJianTi.ttf);
}*/
body{font-size:14px;color:#333;min-width: 100%;background:#fff;font-family: "Microsoft YaHei" ! important;}
body.english{
font-family:Arial !important;
}
@media(max-width:1440px){
body{
font-size:13px;
}
}
@media(max-width:1366px){
body{
font-size:12px;
}
}
* {
margin:0;
padding:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,fieldset,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
border:0;
}
table
{
border-collapse:collapse;
}
th{font-weight:300; font-size:14px;}
ul,li{padding: 0px; margin: 0px;list-style-type: none;}
input[type=button]:focus,button:focus,input[type=text]:focus, input[type=password]:focus {
outline:none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
a {
text-decoration:none;
color: #666;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
@media(min-width:1200px){
a:hover{text-decoration:none;color:#faa61a;}
a:active{text-decoration:none;color:#faa61a;}
.color-white,a.color-white:hover,a.color-white:link{
cursor:pointer;
color: #fff;
}
}
/*a:link{text-decoration:none;color:#faa61a;}*/
a img{border:none;}
.accleft{float:left;}
.accright{float:right;}
.blank{height:10px;}
.bc-ff{
background-color:#fff;
}
.clear {clear:both;height:0px; overflow:hidden;}
.w1200{width:1200px;margin:0 auto;}
@media(max-width:1440px){
.index .w1200{
width:1000px;
}
}
@media (max-width:1200px){
.index .w1200{
width:100%;
}
.w1200{
width:100%;
padding:0 15px;
}
}
@media(max-width:320px){
.w1200{
padding:0 10px;
}
}
.w100{width:100%;}
.mt20{margin-top:20px;}
.accicon{font-family:"iconfont";font-style:normal;}
.font16px{font-size: 16px;}
@media(max-width:1024px){
.font16px{
font-size:14px;
}
}
.font14px{font-size: 14px;}
.font12px{font-size:12px;}
.font18px{font-size: 18px;}
.font20px{font-size:20px;}
.font24px{font-size:24px;}
.font30px{font-size:30px;}
.font40px{
font-size:40px;
}
.fontweight{font-weight:bold;}
.m-a{
margin: 0 auto;
display: table;
}
i,em{font-style:normal;}
.iconfont{
font-family:"iconfont";
}
.fl{
float:left;
}
.fr{
float:right;
}
.text-center{
text-align:center;
}
.text-justify{
text-align:justify;
}
.content-box{
padding:0 15px;
}
.perspective-box{
perspective: 500;-webkit-perspective: 500; position:fixed; top:0; left:0; width:100%; height:30px; z-index:10;
}
.text-indent2em{
text-indent:2em;
}
.l-h150{
line-height:150%;
}
.l-h180{
line-height:180%;
}
.l-h200{
line-height:200%;
}
.response-height{
height:110px;
}
.bottom-height{
height:230px;
}
@media(max-width:1200px){
.index .bottom-height{
display:none;
}
}
@media(max-width:600px){
.response-height{
height:30px;
}
.bottom-height{
height:180px;
display:none;
}
}
.b-c1c3768{
background-color:#1c3768;
}
.m-t15{
margin-top:15px;
}
.m-t30{
margin-top:30px;
}
.m-t50{
margin-top:50px;
}
@media(max-width:1200px){
.m-t30{
margin-top:15px;
}
.m-t50{
margin-top:25px;
}
}
.p-b50{
padding-bottom:50px;
}
@media(max-width:1200px){
.p-b50{
padding-bottom:20px;
}
}
.m-t50{
margin-top: 50px;
}
@media only screen and (max-width:600px ) {
.m-t50{
margin-top: 25px;
}
}
.m-b30{
margin-bottom: 30px;
}
@media only screen and (max-width:600px ) {
.m-b{
margin-bottom: 15px;
}
}
.p-b30{
padding-bottom: 30px;
}
@media only screen and (max-width:600px ) {
.p-b30{
padding-bottom: 15px;
}
}
.p-t50{
padding-top:50px;
}
.m-b40{
margin-bottom: 40px;
}
@media only screen and (max-width:600px ) {
.m-b{
margin-bottom: 20px;
}
}
.m-b50{
margin-bottom:50px;
}
.m-b80{
margin-bottom: 80px;
}
@media only screen and (max-width:600px ) {
.m-b{
margin-bottom: 20px;
}
}
.m-b20{
margin-bottom: 20px;
}
@media only screen and (max-width:600px ) {
.m-b20{
margin-bottom: 10px;
}
}
.p-t25{
padding-top: 25px;
}
.p-t30{
padding-top:30px;
}
@media only screen and (max-width:600px ) {
.p-t25{
padding-top: 12px;
}
.p-t30{
padding-top: 15px;
}
}
@media only screen and (max-width:600px ) {
.p-t25{
padding-top: 15px;
}
}
.p-b25{
padding-bottom: 25px;
}
@media only screen and (max-width:600px ) {
.p-b25{
padding-bottom: 12px;
}
}
.p-t90{
padding-top: 90px;
}
/*棣栭〉鏍峰紡*/
.v-t{
height:50px;
display:none;
}
.view-title{
position:relative;
top:0;
left:0;
width:100%;
height:50px;
line-height:50px;
background-color:rgba(255,255,255,0.9);
color:#000;
display:none;
z-index:11;
}
@media(max-width:600px){
.v-t{
display:block;
}
.view-title{
display:block;
}
}
.view-title .b-h,.view-title .b-i{
position:absolute;
top:0;
text-align:center;
height:100%;
width:50px;
z-index:1;
}
.view-title .b-h:focus,.view-title .b-i:focus{
background-color:#f9f9f9;
}
.view-title .b-h{
left:0;
}
.view-title .b-h i{
font-size:16px;
}
.view-title .tit{
position:relative;
z-index:0;
font-size:18px;
text-align:center;
line-height:inherit;
border-bottom:1px solid #eee;
width:calc(100% - 100px);
margin:0 auto;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.view-title .b-i{
right:0;
/*background-image:url(../../images/logo.svg);
background-position:center;
background-repeat:no-repeat;
background-size:24px;*/
}
.view-title .b-i embed{
width:22px;
padding-top:14px;
}
.view-title .b-i img{
width:22px;
}
.mobile-header{
display:none;
position:fixed;
top:0;
width:100%;
height:100%;
background-color:#000;
z-index:13;
padding:50px 0;
}
.back-index{
position:absolute;
top:0;
left:30px;
right:30px;
z-index:1;
height:50px;
background-image:url(../../images/mobile-logo.png);
background-repeat:no-repeat;
background-size:20px;
background-position:center top 10px;
}
.mobile-header > div{
height:100%;
overflow:auto;
width:80%;
margin:0 auto;
}
.mobile-header ul li{
border-bottom:1px solid #333;
}
.mobile-header ul li .info{
width:100%;
display:table;
}
.mobile-header ul li .daoHang{
float:left;
height:44px;
line-height:44px;
width:calc(100% - 44px);
font-size:15px;
color:#fff;
}
.mobile-header ul li .iconfont{
float:right;
position:relative;
width:44px;
height:44px;
line-height:44px;
color:#fff;
padding-left:20px;
}
.mobile-header ul li .iconfont font{
font-size:18px;
font-weight:bold;
display:table;
transition:all 0.5s;
font-family:"瀹嬩綋";
}
.mobile-header ul li .iconfont.active font{
transform:rotate(90deg);
}
.mobile-header ul li .iconfont:before{
content:"";
position:absolute;
top:5px;
bottom:5px;
left:0px;
width:1px;
background-color:#333;
}
.mobile-header ul li .box{
width:100%;
display:none;
}
.mobile-header ul li .box a{
display:block;
text-indent:1em;
font-size:14px;
line-height:100%;
padding-bottom:20px;
color:#fff;
}
.mobile-header ul li .box a:first-child{
padding-top:5px;
}
.mobile-header .close-m{
position:absolute;
top:0;
right:0;
width:44px;
height:44px;
}
.mobile-header .close-m::after,.mobile-header .close-m:before{
content:"";
position:absolute;
left:10px;
top:21px;
width:20px;
height:1px;
background-color:#999;
}
.mobile-header .close-m:before{
transform:rotate(45deg);
}
.mobile-header .close-m::after{
transform:rotate(-45deg);
}
.menu{
position:absolute;
top:0;
left:0;
height:100%;
text-align:center;
line-height:30px;
width:30px;
font-size:18px;
color:#fff;
z-index:1;
display:none;
}
@media(max-width:600px){
.menu{
display:block;
}
}
@media(max-width:1200px){
#fullpage .w1200{
width:100%;
}
}
.header-kefu{
height:30px;
line-height:30px;
background-color:#888;
position:fixed;
top:0;
left:0;
right:0;
z-index:10;
transition:all 0.5s;
transform-origin:top;
}
.header-kefu.xs{
transform: rotateX(-90deg);
opacity:0;
}
.kefu-list{
float:right;
height:100%;
}
.kefu-list li{
float:left;
margin-left:30px;
font-size:16px;
min-width:15px;
height:30px;
}
.kefu-list li a{
color:#fff;
position:relative;
display:block;
height:100%;
width:100%;
}
.kefu-list li .tit{
min-width:16px;
display:block;
height:30px;
overflow:hidden;
}
.kefu-list li .xs{
transform:scale(0,0);
}
.kefu-list li .tit:hover{
}
.kefu-list li .tit i{
display:block;
transition:0.5s;
}
.wechat{
position:absolute;
top:30px;
left:0%;
margin-left:-50px;
width:100px;
display:none;
opacity:0;
}
.wechat-box{
position:relative;
}
@media(max-width:1024px){
.wechat-box{
display:none;
}
}
.kefu-list li .tit .l{
color:#faa61a;
}
.kefu-list li .tit:hover .f{
margin-top:-30px;
}
.language{
overflow:hidden;
text-align:right;
}
.language a{
display:block;
transition:all 0.5s;
}
.language:hover .z{
margin-top:-30px;
}
.english .language .z{
margin-top:-30px;
}
.english .language:hover .z{
margin-top:0;
}
.language .z{
}
.language .e{
}
.souSuo{
position:relative;
}
.souSuo .box{
background-color:#fff;
width:5000%;
overflow:hidden;
position:absolute;
top:30px;
right:0;
display:none;
box-sizing:border-box;
}
@media (max-width:1200px){
.souSuo .box{
width:92vw;
}
}
.souSuo .box dl{
padding:28px 0;
}
.souSuo .box dt{
font-size:12px;
color:#999;
line-height:100%;
margin-bottom:11px;
text-indent:43px;
}
.souSuo .box dd{
text-indent:67px;
height:40px;
line-height:40px;
font-size:14px;
}
.souSuo .box dd a{
color:#333;
}
.souSuo .box dd:hover{
background-color:#eee;
}
.souSuo .active{
}
.souSuo .txt{
position:absolute;
top:0;
right:50px;
height:30px;
text-indent:43px;
background-color:#888;
width:4500%;
display:none;
opacity:0;
}
@media (max-width:1200px){
.souSuo .txt{
width:80vw;
}
}
.souSuo .active .txt{
display:block;
}
.souSuo .txt::-webkit-input-placeholder{
color:#fff;
}
.souSuo .close{
position:absolute;
right:0;
top:0;
display:none;
font-size:inherit;
line-height:inherit;
opacity:1;
color:#fff;
font-weight:normal;
text-shadow:none;
}
.souSuo .active .close{
display:block;
animation:error_btn 0.1s 3;
}
@keyframes error_btn{
0%{transform:rotate(0deg);}
100%{transform:rotate(720deg);}
}
.souSuo .active .close-q{
animation:error_btn1 0.1s 3;
transition:all 0.5s;
opacity:0;
}
@keyframes error_btn1{
0%{transform:rotate(0deg);}
100%{transform:rotate(-720deg);}
}
.souSuo .sf{
position:absolute;
top:0px;
right:0;
transition:all 0.5s;
}
.souSuo .sf:hover,.souSuo .close:hover{
color:#faa61a;
}
.souSuo .active .sf,.souSuo .sf:focus{
right:35px;
}
.souSuo .active .sf-q{
right:0;
}
.header{
height:80px;
background-color:#fff;
line-height:80px;
position:fixed;
top:30px;
left:0;
right:0;
z-index:9;
transition:all 0.5s;
}
@media (max-width:600px){
.header{
display:none;
}
}
.header.t0{
top:0;
}
.header .logo{
float:left;
width:141px;
padding-top:17px;
}
.header-list{
float:right;
width:calc(100% - 305px);
}
.header-list > li{
float:right;
margin-left:4%;
font-size:16px;
color:#666;
padding-top:31px;
line-height:100%;
height:80px;
}
@media(max-width:768px){
.header-list > li{
font-size:14px;
}
}
.english .header-list > li{
margin-left:2%;
}
.english .header-list > li:nth-child(2) .nav_menu .fl{
width:500px;
}
@media(max-width:760px){
.header-list > li{
margin-left:1%;
}
}
.header-list > li:last-child{
margin-left:0;
}
.header-list > li > a{
padding-bottom:10px;
position:relative;
}
.header-list > li > a > p{
position:absolute;
bottom:0;
width:0%;
transition:all 0.5s;
height:2px;
background-color:#faa61a;
}
.header-list > li > a > p:first-child{
left:50%;
}
.header-list > li > a > p:last-child{
right:50%;
}
.header-list > li > a.active{
color:#faa61a;
}
.header-list > li:hover p,.header-list li > a.active p{
width:50%;
}
.nav_menu { background: #f0f0f0; border-top: 1px solid #dfdfe0; position: absolute; left: 0; top: 80px; width: 100%; height:0; box-sizing:border-box; overflow:hidden; transition:all 0.3s ease; opacity:0; }
.header-list > li:hover .nav_menu{
height:366px;
opacity:1;
}
.header-list > li:hover .cp{
height:650px;
overflow-y:auto;
}
@media(max-width:1440px){
.header-list > li:hover .cp{
height:500px;
}
}
.nav_menu .inner { width: 1200px; margin: 0 auto; padding: 48px 0 60px; }
.nav_menu .fl { float: left; width: 442px; }
.nav_menu .fl ul { line-height: 46px; font-size: 18px; float: none }
.english .nav_menu .fl ul{
font-size:16px;
}
.nav_menu .fl ul li { width: 41%; margin-right: 9%; text-align: center; }
.english .nav_menu .fl ul li{
width:48%;
margin-right:2%;
}
.navMove .header_main_r { text-align: center; }
.navMove .nav_menu .fr ul li a { padding: 10px 10px 0; }
.ie7 .nav_menu .fl ul li { margin-left: -1px }
.nav_menu .fl ul li a { display: block; border-bottom: 2px solid #8c8c91; }
.nav_menu .fl ul li a:hover { border-color: #faa61a; font-weight: bold; }
.nav_menu .fr { float: right; }
.nav_menu ul { float: left; width: 100%; }
.nav_menu ul li { float: left; }
.nav_menu ul li a { color: #000; }
.nav_menu .fr ul li { width: 350px; padding-left: 25px; }
.nav_menu .fr ul li a { display: block; padding: 10px 10px 0; }
.nav_menu .fr ul li a:hover { background: #faa61a; }
.nav_menu .fr ul li a img{
height:185px;
}
.nav_menu .fr ul li a i { display: block; line-height: 60px; height: 60px; overflow: hidden; text-align: center; font-size: 18px; }
.english .nav_menu .fr ul li a i{
line-height:30px;
}
.nm_pro li {margin:0 1%; text-align: center; width:23%; }
.nm_pro li.last { margin: 0; }
.nm_pro li dt { font-size: 18px; line-height: 44px; }
.nm_pro li dt a img{
width: 276px;
height: 155px;
}
.nm_pro li dt h3{
line-height:inherit;
}
.nm_pro li dt h3 a { display: block; border-bottom: 2px solid #faa61a; }
.english .nm_pro li dt h3 a{
font-size:16px;
}
.english .nm_pro li dt h3 a:hover{
font-weight:bold;
}
.nm_pro li dl { }
.nm_pro li dd { font-size: 14px; padding-top: 10px; }
.nm_pro li dd p { margin: 0 0 7px; height: 20px; }
.header-list > li:hover .nm_pro li dd p{
width:100%;
}
.nm_pro li dd a { padding: 0 20px; line-height: 20px; }
.nm_pro li dd a:hover { background: #faa61a; }
.banner-box{
position:absolute;
width:1200px;
bottom:0;
left:50%;
margin-left:-600px;
z-index:3;
}
@media(max-width:1200px){
#fullpage .section:nth-child(1){
position:relative;
}
}
.banner-list{
height:100%;
position:relative;
}
@media (max-width:600px){
.banner-list{
height:30vh;
}
}
.banner-list li{
position:absolute;
z-index:1;
top:0;
left:0;
bottom:0;
right:0;
opacity:0;
overflow:hidden;
transition:all 2s;
}
.banner-list li.active{
z-index:2;
opacity:1;
}
.banner-list li a.b{
display:block;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
@media (max-width:600px){
.banner-list li a.b{
background-size:100%;
}
}
.banner-list li a.b .w1200{
position:relative;
height:100%;
}
.b1{
}
.b1-p1{
position:absolute;
top:20%;
left:-32%;
opacity:0;
height:66%;
width:100%;
transition:all 0.5s ease-out;
background-image:url(../../images/banner1-text.png);
background-size:contain;
background-repeat:no-repeat;
background-position:left top;
}
@media(max-width:1536px){
.b1-p1{
left:-26%;
}
}
@media(max-width:1440px){
.b1-p1{
left:-29%;
}
}
@media(max-width:1366px){
.b1-p1{
left:-22%;
}
}
@media(max-width:1024px){
.b1-p1{
left:-3%;
height:calc(66% - 80px);
}
}
@media(max-width:768px){
.b1-p1{
left:-1%;
}
}
@media(max-width:600px){
.b1-p1{
left:-1%;
height:calc(66% - 30px);
}
}
.banner-list li.active .b1-p1{
top:12%;
opacity:1;
}
@media(max-width:1536px){
.banner-list li.active .b1-p1{
top:15%;
}
}
@media(max-width:1366px){
.banner-list li.active .b1-p1{
top:18%;
}
}
@media(max-width:1024px){
.banner-list li.active .b1-p1{
top:20%;
}
}
@media(max-width:768px){
.banner-list li.active .b1-p1{
top:26%;
}
}
@media(max-width:600px){
.banner-list li.active .b1-p1{
top:18%;
}
}
.b1-p2{
position:absolute;
top:1400px;
left:0;
width:821px;
height:124px;
background-image:url(../../images/br1-Zi2.png);
transition:all 0.5s;
opacity:0;
}
.banner-list li.active .b1-p2{
top:140px;
opacity:1;
}
.b1-p3,.b1-p4{
position:absolute;
bottom:0;
transition:all 0.5s;
opacity:0;
width:227px;
height:129px;
background-image:url(../../images/br1-Zi3.png);
}
.b1-p3{
left:-200%;
background-image:url(../../images/br1-Zi3.png);
}
.banner-list li.active .b1-p3{
opacity:1;
left:31%;
}
.b1-p4{
background-image:url(../../images/br1-Zi4.png);
right:-200%;
}
.banner-list li.active .b1-p4{
opacity:1;
right:31%;
}
.b2-p1{
width:100%;
height:64%;
position:absolute;
top:0;
left:0;
opacity:0;
transition:all 0.5s ease-out;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
@media(max-width:1024px){
.b2-p1{
height:calc(64% - 80px);
}
}
@media(max-width:600px){
.b2-p1{
height:calc(64% - 20px);
}
}
.banner-list li.active .b2-p1{
top:17%;
opacity:1
}
@media(max-width:1366px){
.banner-list li.active .b2-p1{
top:19%;
opacity:1
}
}
@media(max-width:1024px){
.banner-list li.active .b2-p1{
top:25%;
}
}
@media(max-width:768px){
.banner-list li.active .b2-p1{
top:30%;
}
}
@media(max-width:600px){
.banner-list li.active .b2-p1{
top:22%;
}
}
.b2-p2{
position:absolute;
width:732px;
height:202px;
top:50%;
margin-top:-101px;
left:1650px;
background-image:url(../../images/br2-Zi.png);
transition:all 0.6s ease;
}
.banner-list li.active .b2-p2{
left:-50px;
}
.banner-list li .b3{
position:absolute;
height:106px;
width:818px;
top:20%;
margin-top:-65px;
left:-150px;
}
.b3-p1{
position:absolute;
width:100%;
height:11%;
height:calc((100% - 80px) / 100 * 12);
top:20%;
left:0;
opacity:0;
transition:all 0.5s ease-out;
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.banner-list li.active .b3-p1{
top:15%;
opacity:1;
}
@media(max-width:1536px){
.banner-list li.active .b3-p1{
top:17%;
}
}
@media(max-width:1366px){
.banner-list li.active .b3-p1{
top:19%;
}
}
@media(max-width:1024px){
.b3-p1{
}
.banner-list li.active .b3-p1{
top:21%;
}
}
@media(max-width:768px){
.banner-list li.active .b3-p1{
top:27%;
}
}
@media(max-width:600px){
.b3-p1{
height:calc((100% - 30px) / 100 * 11);
}
.banner-list li.active .b3-p1{
top:21%;
}
}
.b3-p2{
position:absolute;
width:474px;
height:42px;
bottom:-500px;
left:50%;
margin-left:-237px;
background-image:url(../../images/br3-Zi2.png);
transition:all 0.5s ease;
opacity:0;
}
.banner-list li.active .b3-p2{
bottom:0;
}
.dingwei{display:block;width:102px;height:102px;position:absolute; left:50%;z-index:99; margin-left:-51px; bottom:80px;}
@media(max-width:1200px){
.dingwei{
display:none;
}
}
.bowen{position:relative; margin:0 auto; width:64px; height:64px; text-align:center; border-radius:50%;}
.bowen span{background-image:url(../../images/bowen.png); padding:0px 11px; background-repeat:no-repeat; padding-top:0; padding-bottom:75px; background-position:0 12px; font-size:0px; height:0px; line-height:0px;}
.bowenposa{position:absolute; transition:all 1s linear 0s; border-radius:50%; border:1px solid rgba(255,255,255,1); width:64px; height:64px; top:16px; left:17px; z-index:1;}
.bwCt{margin:0 auto; border-radius:50%; border:2px solid rgba(255,255,255,0); height:50px; width:50px; margin-top:7px; transition:all 1s linear 0s;}
.bowenposa:hover .bwCt{height:64px; width:64px; border-color:rgba(255,255,255,1); margin-top:14px;}
/*.fp-tableCell{
vertical-align:auto;
}*/
.switch-list{
display:table;
margin:0 auto;
}
.switch-list a{
float:left;
margin:0 5px;
padding:10px 0;
}
.switch-list a p{
height:2px;
width:80px;
background-color:#fff;
margin-bottom:45px;
}
@media(max-width:1200px){
.switch-list a p{
margin-bottom:20px;
}
}
@media(max-width:600px){
.switch-list a p{
width:15vw;
margin-bottom:0;
}
}
.switch-list a.active p,.switch-list a:hover p{
background-color:#faa61a;
}
.chanPin-box{
position:relative;
/*top:50%;
margin-top:-360px;*/
padding-top:50px;
}
@media(max-width:1440px){
.chanPin-box{
padding-top:75px;
}
}
@media(max-width:1366px){
.chanPin-box{
padding-top:90px;
}
}
@media(max-width:1200px){
.chanPin-box{
padding-top:25px;
display:table;
}
}
.chanPin-l{
float:left;
margin-left:-200px;
opacity:0;
transition:all 0.5s ease;
}
@media(max-width:1200px){
.chanPin-l{
width:100%;
margin-left:0;
opacity:1;
}
}
.chanPin-l li{
width:238px;
height:238px;
margin-bottom:14px;
}
@media(max-width:1440px){
.chanPin-l li{
width:210px;
height:210px;
margin-bottom:10px;
}
}
@media(max-width:1366px){
.chanPin-l li{
height:170px;
width:170px;
}
}
@media(max-width:1200px){
.chanPin-l li{
width:50%;
float:left;
box-sizing:border-box;
height:auto;
}
.chanPin-l li:nth-child(1){
padding-right:5px;
}
.chanPin-l li:nth-child(2){
padding-left:5px;
}
.chanPin-l li .sp{
width:100%;
}
.chanPin-l li:last-child{
display:none;
}
}
.chanPin-box .sp{
display:block;
position:relative;
width:238px;
height:238px;
/*perspective: 500;
-webkit-perspective: 500;*/
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
@media(max-width:1440px){
.chanPin-box .sp{
height:210px;
width:210px;
}
}
@media(max-width:1366px){
.chanPin-box .sp{
height:170px;
width:170px;
}
}
.chanPin-box .sp img{
width:100%;
height:100%;
display:none;
}
.chanPin-box .sp h3{
position:absolute;
height:50px;
width:180px;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-90px;
background-image:url(../../images/chanPin-bg.png);
text-align:center;
line-height:50px;
font-size:22px;
color:#fff;
z-index:2;
text-shadow:0 0 5px #000;
}
.english .chanPin-box .sp h3{
font-size:18px;
padding-right:20px;
}
.english .chanPin-box .sp h3.more{
padding-top:5px;
line-height:20px;
}
@media(max-width:1440px){
.english .chanPin-box .sp h3{
font-size:17px;
}
}
@media (max-width:1366px){
.chanPin-box .sp h3{
font-size:16px;
height:42px;
width:150px;
margin-top:-21px;
margin-left:-75px;
line-height:42px;
background-size:cover;
}
.english .chanPin-box .sp h3.more{
font-size:14px;
padding-top:2px;
line-height:18px;
padding-right:17px;
}
}
@media(max-width:320px){
.chanPin-box .sp h3{
transform:scale(0.9);
}
}
.chanPin-box .sp p{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:#00b7ee;
opacity:0;
transition:all 0.5s ease;
transform:rotateY(90deg);
transform-origin:left;
}
@media(min-width:1200px){
.chanPin-box .sp:hover p,.chanPin-box .sp.active p{
opacity:1;
transform:rotateY(0deg);
}
}
.chanPin-r{
float:right;
width:948px;
margin-right:-200px;
opacity:0;
transition:all 0.5s ease;
}
@media(max-width:1440px){
.chanPin-r{
width:780px;
}
}
@media(max-width:1366px){
.chanPin-r{
width:820px;
}
}
@media(max-width:1024px){
.chanPin-r{
width:100%;
margin-right:0;
opacity:1;
}
}
@media (max-width:600px){
.chanPin-r{
float:none;
width:100%;
margin-right:0;
opacity:1;
}
}
.chanPin-box.active .chanPin-l,.chanPin-box.active .chanPin-r{
opacity:1;
margin-left:0;
margin-right:0;
}
.chanPin-r .shang{
width:100%;
overflow:hidden;
}
@media(max-width:1200px){
.chanPin-r .shang{
}
}
.chanPin-r .shang .sp{
float:left;
}
@media(max-width:1200px){
.chanPin-r .shang .sp{
width:calc(50% - 5px);
margin-top:0;
}
}
.chanPin-r .shang div{
float:right;
width:500px;
height:188px;
padding:50px 155px 0 50px;
background-image:url(../../images/xianFengChanPin.png);
background-repeat:no-repeat;
background-position:right center;
font-size:18px;
line-height:200%;
text-indent:2em;
box-sizing:content-box;
text-align:justify;
}
@media(max-width:768px){
.english .chanPin-r .shang div{
text-align:left;
}
}
@media(max-width:1440px){
.chanPin-r .shang div{
width:365px;
height:164px;
font-size:16px;
padding-top:34px;
background-size:contain;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px){
.english .chanPin-r .shang div{
height:190px;
line-height:180%;
padding-top:20px;
}
}
@media(max-width:1366px){
.chanPin-r .shang div{
padding-top:22px;
height:138px;
background-size:contain;
}
}
@media(max-width:1200px){
.chanPin-r .shang div{
width:50%;
box-sizing:border-box;
padding:15% 10% 0 30px;
height:auto;
font-size:18px;
font-weight:bold;
}
}
@media(max-width:600px){
.chanPin-r .shang div{
background:none;
font-size:14px;
line-height:150%;
padding:15px 0 25px 15px;
font-weight:normal;
overflow:hidden;
}
}
@media(max-width:320px){
.chanPin-r .shang div{
font-size:12px;
line-height:200%;
}
}
.chanPin-r .list{
margin-top:14px;
position:relative;
height:490px;
}
@media(max-width:1440px){
.chanPin-r .list{
margin-top:10px;
height:430px;
}
}
@media(max-width:1366px){
.chanPin-r .list{
height:350px;
}
}
@media(max-width:1200px){
.chanPin-r .list{
display:none;
}
}
.chanPin-r .list li{
position:absolute;
z-index:1;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
transition:all 0.5s;
}
.chanPin-r .list li.active{
z-index:2;
opacity:1;
}
.chanPin-r .list li img{
width:100%;
height:100%;
}
.chanPin-r .list li div{
position:absolute;
bottom:0;
left:0;
right:0;
padding:15px 30px 0 30px;
height:105px;
background-color:rgba(0,0,0,0.5);
color:#fff;
box-sizing:content-box;
}
@media(max-width:1440px){
.chanPin-r .list li div{
height:89px;
padding:15px 25px 0 25px;
}
}
@media(max-width:1366px){
.chanPin-r .list li div{
height:73px;
padding:10px 20px 0 20px;
}
}
.chanPin-r .list li div h1{
font-size:24px;
}
@media(max-width:1440px){
.chanPin-r .list li div h1{
font-size:20px;
}
}
@media(max-width:1366px){
.chanPin-r .list li div h1{
font-size:18px;
}
}
.chanPin-r .list li div p{
text-indent:2em;
margin-top:15px;
padding-right:90px;
text-align:justify;
}
@media(max-width:1440px){
.chanPin-r .list li div p{
margin-top:5px;
}
}
.chanPin-r .list li div a{
position:absolute;
top:24px;
right:30px;
display:block;
border:2px solid #faa61a;
width:70px;
height:70px;
padding-top:12px;
text-align:center;
background-image:url(../../images/chanPin-icon1.png);
background-repeat:no-repeat;
background-position:center 41px;
color:#faa61a;
transition:all 0.5s;
box-sizing:border-box;
text-decoration:underline;
}
@media(max-width:1440px){
.chanPin-r .list li div a{
top:17px;
}
}
@media(max-width:1366px){
.chanPin-r .list li div a{
top:11px;
right:20px;
height:60px;
width:60px;
background-position:center 34px;
}
}
.chanPin-r .list li div a b{
position:absolute;
z-index:-1;
top:0;
left:0;
bottom:0;
right:0;
background-color:#faa61a;
opacity:0;
}
.chanPin-r .list li div a:hover{
transform:rotateY(360deg);
}
@media(max-width:1200px){
.chanPin-l{
margin-top:10px;
}
}
@media (max-width:600px){
.chanPin-l{
float:none;
margin-left:0;
opacity:1;
width:100%;
}
.chanPin-box .sp{
width:100%;
height:100%;
}
}
.XinWen{
/*width: 100%;
background: url("../../images/XinWen-bj.jpg") no-repeat;
position:relative;
top:50%;
margin-top:-370px;*/
}
.XinWen-box{
margin: 50px auto 0;
display: table;
}
@media(max-width:1440px){
.XinWen-box{
margin-top:75px;
}
}
@media(max-width:1366px){
.XinWen-box{
margin-top:90px;
}
}
@media(max-width:1200px){
.XinWen-box{
margin-top:15px;
}
}
.XinWen-content{
width: 100%;
}
@media(max-width:1200px){
.XinWen-content{
display:table;
}
}
.XinWen-nex{
float: left;
margin-left:-200px;
opacity:0;
transition:all 0.5s ease;
}
@media(max-width:1200px){
.XinWen-nex{
width:100%;
margin-left:0;
opacity:1;
}
}
.XinWen-nex a{
display: block;
width: 898px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
}
@media(max-width:1440px){
.XinWen-nex a{
width:780px;
}
}
@media(max-width:1366px){
.XinWen-nex a{
width:820px;
}
}
@media(max-width:1200px){
.XinWen-nex a{
width:100%;
}
}
.XinWen-nex a img{
width:100%;
height:491px;
}
@media(max-width:1440px){
.XinWen-nex a img{
height:430px;
}
}
@media(max-width:1366px){
.XinWen-nex a img{
height:409px;
}
}
@media(max-width:1200px){
.XinWen-nex a img{
height:auto;
}
}
.XinWen-nex a div{
/*position:absolute;
bottom:0;
left:0;
right:0;
height:210px;*/
padding:30px 30px 0 30px;
color:#fff;
perspective: 500;
-webkit-perspective: 500;
color:#333;
}
@media(max-width:1366px){
.XinWen-nex a div{
height:auto;
padding:15px 15px 0 15px;
}
}
.XinWen-nex a div h1{
font-size:30px;
text-align:center;
}
@media(max-width:1440px){
.XinWen-nex a div h1{
font-size:28px;
}
}
@media(max-width:1366px){
.XinWen-nex a div h1{
font-size:24px;
}
}
@media(max-width:1200px){
.XinWen-nex a div h1{
font-size:20px;
}
}
.XinWen-nex a div p{
font-size:16px;
text-indent:2em;
margin-top:20px;
line-height:200%;
height:121px;
overflow:hidden;
text-overflow:ellipsis;
text-align:justify;
}
@media(max-width:1366px){
.XinWen-nex a div p{
margin-top:10px;
height:78px;
line-height:180%;
}
}
@media(max-width:600px){
.XinWen-nex a div p{
font-size:12px;
height:auto;
}
}
.XinWen-other{
width: 290px;
float: right;
display: table;
margin-right:-200px;
opacity:0;
transition:all 0.5s ease;
}
@media(max-width:1440px){
.XinWen-other{
width:210px;
}
}
@media(max-width:1366px){
.XinWen-other{
width:170px;
}
}
@media(max-width:1200px){
.XinWen-other{
margin-right:0;
opacity:1;
width:100%;
}
}
@media(max-width:1024px){
.XinWen-other{
padding-top:10px;
}
}
.XinWen-content.active .XinWen-nex,.XinWen-content.active .XinWen-other{
margin-right:0;
margin-left:0;
opacity:1;
}
.XinWen-content ul{
width:100%;
display: table;
}
.XinWen-content ul li{
width: 100%;
height:238px;
margin-bottom: 14px;
}
@media(max-width:1440px){
.XinWen-content ul li{
margin-bottom:10px;
height:210px;
}
}
@media(max-width:1366px){
.XinWen-content ul li{
height:170px;
}
}
.XinWen-content ul li:first-child{
background:url(../../images/XinWen-bt.jpg) no-repeat;
}
@media(max-width:1440px){
.XinWen-content ul li:first-child{
background-size:cover;
background-position:center center;
}
}
@media(max-width:1200px){
.XinWen-content ul li {
float:left;
width:33.3333333%;
margin-bottom:0;
}
}
.XinWen-one a{
display: block;
width: 100%;
height: 100%;
position: relative;
/*perspective: 500;
-webkit-perspective: 500;*/
}
.XinWen-one a img{
width: 100%;
height: 100%;
}
.XinWen-one a h3{
display: none;
padding: 15px;
box-sizing: border-box;
font-size: 22px;
color: #fff;
line-height: 160%;
position: absolute;
text-align: left;
z-index:2;
bottom:0;
}
@media(max-width:1440px){
.english .XinWen-one a h3{
font-size:20px;
}
}
@media(max-width:1366px){
.XinWen-one a h3{
font-size:18px;
}
.english .XinWen-one a h3{
font-size:16px;
}
}
.XinWen-one a:hover h3{
display: block;
}
.XinWen-one a p{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,0,0,0.5);
opacity:0;
transition:all 0.5s ease;
transform:rotateY(90deg);
transform-origin:lbottom;
-webkit-transform-origin:bottom;
}
@media(max-width:600px){
.XinWen-one a h3{
display:block;
font-size:12px;
padding:10px;
}
.XinWen-one a:hover h3{
font-size:12px;
}
.XinWen-one a p{
opacity:1;
transform:rotateY(0deg);
}
}
.XinWen-one a:hover p{
opacity:1;
transform:rotateY(0deg);
}
.XinWen-two a{
display: block;
width: 100%;
height: 100%;
position: relative;
/*perspective: 500;
-webkit-perspective: 500;*/
}
.XinWen-two a img{
width: 100%;
height: 100%;
}
.XinWen-two a h3{
display: none;
padding: 15px;
box-sizing: border-box;
font-size: 22px;
color: #fff;
line-height: 160%;
position: absolute;
text-align: left;
z-index:2;
bottom:0;
}
.XinWen-two a:hover h3{
display: block;
}
@media(max-width:1366px){
.XinWen-two a:hover h3{
font-size:18px;
}
}
.XinWen-two a p{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,0,0,0.5);
opacity:0;
transition:all 0.5s ease;
transform:rotateY(90deg);
transform-origin:lbottom;
-webkit-transform-origin:bottom;
}
@media(max-width:600px){
.XinWen-two a h3{
display:block;
font-size:12px;
padding:10px;
}
.XinWen-two a:hover h3{
font-size:12px;
}
.XinWen-two a p{
opacity:1;
transform:rotateY(0deg);
}
}
.XinWen-two a:hover p{
opacity:1;
transform:rotateY(0deg);
}
/*浼佷笟鏂囧寲*/
.qywh-box1{
width:440px;
color:#fff;
}
@media(min-width:1024px){
.dwp .m-t15{
max-height:180px;
overflow:hidden;
}
}
.dwp .m-t15{
max-height:250px;
overflow:hidden;
}
@media(max-width:1440px){
.qywh-box1{
width:366px;
}
.dwp{
padding-top:70px;
}
.dwp .font18px{
font-size:16px;
}
.english .dwp .font18px{
font-size:14px;
}
}
@media(max-width:1366px){
.qywh-box1{
width:365px;
}
.dwp .font18px{
font-size:14px;
line-height:150%;
}
}
@media(max-width:1200px){
.dwp{
padding-top:25px;
}
.qywh-box1{
width:40%;
}
}
@media(max-width:600px){
.qywh-box1{
width:100%;
}
.dwp .font18px{
height:82px;
overflow:hidden;
}
}
.qywh-box1 .info{
height:250px;
background-color:#00579f;
}
@media(max-width:1440px){
.qywh-box1 .info{
height:210px;
}
}
@media(max-width:1366px){
.qywh-box1 .info{
height:195px;
}
}
.qywh-box1 .info h1{
font-family:"FZZYJT";
text-align:center;
}
@media(max-width:1440px){
.qywh-box1 .info h1{
padding-top:36px;
}
.english .qywh-box1 .info h1{
padding-top:10px;
}
}
@media(max-width:1200px){
.qywh-box1 .info h1{
padding-top:10%;
}
}
.qywh-box1 .info div{
width:80%;
margin-right:auto;
margin-left:auto;
}
.qywh-info{
display:block;
position:relative;
box-sizing:border-box;
}
.qywh-box1 .qywh-info{
height:250px;
}
@media(max-width:1440px){
.qywh-box1 .qywh-info{
height:210px;
}
.qywh-box1 .m-t15{
margin-top:10px;
}
}
@media(max-width:1366px){
.qywh-box1 .qywh-info{
height:195px;
}
}
@media(max-width:1200px){
.qywh-box1 .info,.qywh-box1 .qywh-info{
height:calc(50% - 5px);
}
}
.qywh-info .title{
position:absolute;
top:50%;
left:50%;
width:200px;
height:50px;
margin:-25px 0 0 -100px;
line-height:50px;
text-align:center;
box-sizing:border-box;
border:1px solid #fff;
color:#fff;
z-index:1;
}
.english .qywh-info .title{
font-size:20px;
}
@media(max-width:1440px){
.english .qywh-info .title{
font-size:18px;
}
}
.qywh-info:hover .title{
display:none;
}
@media(max-width:600px){
.qywh-info .title{
transform:scale(0.6);
}
.qywh-info:hover .title{
display:block;
}
}
.qywh-info .bj{
height:100%;
}
.qywh-info .box{
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,48,88,0.7);
box-sizing:border-box;
padding:50px;
color:#fff;
opacity:0;
transition:all 0.5s;
}
.qywh-info .box img{
width:auto;
}
.qywh-info:hover .box{
opacity:1;
}
@media(max-width:600px){
.qywh-info:hover .box{
opacity:0;
}
}
.QYWH-box2{
margin-left:15px;
width:365px;
}
@media(max-width:1440px){
.QYWH-box2{
width:307px;
margin-left:10px;
}
}
@media(max-width:1366px){
.QYWH-box2{
width:307px;
}
}
@media(max-width:1200px){
.QYWH-box2{
width:calc(30% - 10px);
}
}
@media(max-width:600px){
.QYWH-box2{
width:50%;
margin-left:0;
}
}
.QYWH-box2 .qywh-info{
height:515px;
}
@media(max-width:1440px){
.QYWH-box2 .qywh-info{
height:430px;
}
}
@media(max-width:1366px){
.QYWH-box2 .qywh-info{
height:400px;
}
}
.QiYeWenHua{
width: 100%;
position:relative;
/*top:50%;
margin-top:-370px;*/
}
.QYWH-box{
margin: 50px auto 0;
display: table;
position:relative;
}
.QYWH-box::after{
content:"";
position:absolute;
top:0;
right:0;
height:100%;
width:50%;
background-color:#00579f;
z-index:-1;
}
.QYWH-content{
width: 100%;
height: 740px;
position: relative;
}
@media(max-width:1366px){
.QYWH-content{
height:540px;
}
}
.FaZhanZhanLue{
position: absolute;
top:40px;
left: 0;
transition:all 0.5s;
transform:rotateY(360deg);
opacity:0;
}
@media(max-width:1366px){
.FaZhanZhanLue{
top:20px;
}
}
.FaZhanZhanLue a{
display: block;
width: 460px;
height: 288px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
}
@media(max-width:1366px){
.FaZhanZhanLue a{
width:366px;
height:220px;
}
}
.FaZhanZhanLue a h3{
display: block;
width: 200px;
height: 50px;
border: 1px solid #fff;
box-sizing: border-box;
font-size: 22px;
color: #fff;
text-align: center;
line-height: 45px;
position: absolute;
top:50%;
left:50%;
margin-top: -25px;
margin-left: -100px;
z-index:2;
}
.FaZhanZhanLue a:hover h3{
display: none;
}
.FaZhanZhanLue a div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
transform:rotateY(90deg);
transform-origin:left;
-webkit-transform-origin:left;
}
.FaZhanZhanLue a div h1{
display: none;
color: #fff;
font-size: 20px;
padding: 70px 0 0 70px;
}
.FaZhanZhanLue a div span{
display: none;
color: #fff;
font-size: 14px;
padding: 30px 0 0 70px;
}
.FaZhanZhanLue a div img{
display: none;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
@media(max-width:1366px){
.FaZhanZhanLue a div h1{
padding-top:30px;
}
.FaZhanZhanLue a div img{
margin-top:40px;
}
}
.FaZhanZhanLue a:hover div h1{
display: table;
}
.FaZhanZhanLue a:hover div span{
display: table;
}
.FaZhanZhanLue a:hover div img{
display: block;
}
.FaZhanZhanLue a:hover div{
opacity:1;
transform:rotateY(0deg);
}
.YuanGongFengCai{
position: absolute;
top:40px;
right: 40px;
transition:all 0.5s;
transform:rotateY(360deg);
opacity:0;
}
@media(max-width:1366px){
.YuanGongFengCai{
top:20px;
right:90px;
}
}
.YuanGongFengCai a{
display: block;
width: 680px;
height: 288px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
}
@media(max-width:1366px){
.YuanGongFengCai a{
width:519px;
height:220px;
}
}
.YuanGongFengCai a img{
width: 100%;
height: 100%;
}
.YuanGongFengCai a h3{
display: block;
width: 200px;
height: 50px;
border: 1px solid #fff;
box-sizing: border-box;
font-size: 22px;
color: #fff;
text-align: center;
line-height: 45px;
position: absolute;
top:50%;
left:50%;
margin-top: -25px;
margin-left: -100px;
z-index:2;
}
.YuanGongFengCai a:hover h3{
display: none;
}
.YuanGongFengCai a div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
transform:rotateY(90deg);
transform-origin:right;
-webkit-transform-origin:right;
}
.YuanGongFengCai a div h1{
display: none;
color: #fff;
font-size: 20px;
padding: 70px 0 0 70px;
}
.YuanGongFengCai a div span{
display: none;
color: #fff;
font-size: 14px;
padding: 30px 0 0 70px;
}
.YuanGongFengCai a div img{
display: none;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
@media(max-width:1366px){
.YuanGongFengCai a div h1{
padding-top:40px;
}
.YuanGongFengCai a div span{
padding-top:15px;
}
.YuanGongFengCai a div img{
margin-top:30px;
}
}
.YuanGongFengCai a:hover div h1{
display: table;
}
.YuanGongFengCai a:hover div span{
display: table;
}
.YuanGongFengCai a:hover div img{
display: block;
}
.YuanGongFengCai a:hover div{
opacity:1;
transform:rotateY(0deg);
}
.QYWH-BiaoTibox{
display: table;
position: absolute;
bottom:40px;
right: 40px;
height:352px;
width:430px;
text-align: center;
transition:all 0.5s;
transform:rotateY(360deg);
opacity:0;
z-index:2;
}
@media(max-width:1366px){
.QYWH-BiaoTibox{
width:410px;
height:256px;
}
}
.QYWH-BiaoTibox a{
}
.QYWH-BiaoTi{
display: block;
font-family:"FZZYJT";
font-size: 40px;
color: #fff;
width: 100%;
margin-bottom: 18px;
padding-top: 60px;
text-align:center;
}
.QYWH-empty{
margin-top:50px;
text-align:left;
line-height:200%;
font-size:16px;
color:#fff;
}
.GuanYuDangJian{
position: absolute;
bottom:40px;
left: 0;
transition:all 0.5s;
transform:rotateY(360deg);
opacity:0;
}
@media(max-width:1366px){
.GuanYuDangJian{
bottom:20px;
}
}
.GuanYuDangJian a{
display: block;
width: 690px;
height: 352px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
}
@media(max-width:1366px){
.GuanYuDangJian a{
width:503px;
height:256px;
}
}
.GuanYuDangJian a img{
width: 100%;
height: 100%;
}
.GuanYuDangJian a h3{
display: block;
width: 200px;
height: 50px;
border: 1px solid #fff;
box-sizing: border-box;
font-size: 22px;
color: #fff;
text-align: center;
line-height: 45px;
position: absolute;
top:50%;
left:50%;
margin-top: -25px;
margin-left: -100px;
z-index:2;
}
.GuanYuDangJian a:hover h3{
display: none;
}
.GuanYuDangJian a div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
transform:rotateX(90deg);
transform-origin:top;
-webkit-transform-origin:top;
}
.GuanYuDangJian a div h1{
display: none;
color: #fff;
font-size: 20px;
padding: 70px 0 0 70px;
}
.GuanYuDangJian a div span{
display: none;
color: #fff;
font-size: 14px;
padding: 30px 0 0 70px;
}
.GuanYuDangJian a div img{
display: none;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
@media(max-width:1366px){
.GuanYuDangJian a div h1{
padding-top:50px;
}
}
.GuanYuDangJian a:hover div h1{
display: table;
}
.GuanYuDangJian a:hover div span{
display: table;
}
.GuanYuDangJian a:hover div img{
display: block;
}
.GuanYuDangJian a:hover div{
opacity:1;
transform:rotateY(0deg);
}
.PeiXunXiangGuan{
position: absolute;
bottom:0;
right: 0;
transition:all 0.5s;
transform:rotateY(360deg);
opacity:0;
}
.QYWH-content.active .FaZhanZhanLue,.QYWH-content.active .YuanGongFengCai,.QYWH-content.active .QYWH-BiaoTibox,.QYWH-content.active .GuanYuDangJian,.QYWH-content.active .PeiXunXiangGuan{
transform:rotateY(0deg);
opacity:1;
}
.QYWH-content img{
width:100%;
height:100%;
}
.PeiXunXiangGuan a{
display: block;
width: 488px;
height: 438px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
}
.PeiXunXiangGuan a img{
width: 100%;
height: 100%;
}
.PeiXunXiangGuan a h3{
display: block;
width: 200px;
height: 50px;
border: 1px solid #fff;
box-sizing: border-box;
font-size: 22px;
color: #fff;
text-align: center;
line-height: 45px;
position: absolute;
top:50%;
left:50%;
margin-top: -25px;
margin-left: -100px;
z-index:2;
}
.PeiXunXiangGuan a:hover h3{
display: none;
}
.PeiXunXiangGuan div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
transform:rotateX(90deg);
transform-origin:bottom;
-webkit-transform-origin:bottom;
}
.PeiXunXiangGuan a div h1{
display: none;
}
.PeiXunXiangGuan a div span{
display: none;
}
.PeiXunXiangGuan a div img{
display: none;
}
.PeiXunXiangGuan a:hover div h1{
display: table;
color: #fff;
font-size: 20px;
padding: 70px 0 0 70px;
}
.PeiXunXiangGuan a:hover div span{
display: table;
color: #fff;
font-size: 14px;
padding: 30px 0 0 70px;
}
.PeiXunXiangGuan a:hover div img{
display: block;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
.PeiXunXiangGuan a:hover div{
opacity:1;
transform:rotateY(0deg);
}
/*绗簲灞忥細*/
/*鑽ｈ獕璧勮川*/
.DiWuPing{
width: 100%;
position:absolute;
bottom:0;
left:0;
}
@media(max-width:600px){
.DiWuPing{
position:relative;
}
}
@media(max-width:768px){
body{
min-height:100vh;
}
}
.DWP-top{
width: 100%;
}
@media(max-width:1366px){
.DWP-top{
margin-bottom:20px;
}
}
@media(max-width:1200px){
.DWP-top{
padding-top:25px;
}
}
.DWP-box{
width: 1200px;
margin: 0 auto;
display: table;
}
@media(max-width:1200px){
.DWP-box{
width:100%;
}
}
.DWP-content{
width: 100%;
position: relative;
perspective:500;
-webkit-perspective:500;
}
.RongYuZiZhi{
width: 100%;
min-height: 300px;
display:table;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
transition:all 0.5s;
transform:rotateX(-90deg);
transform-origin:top;
opacity:0;
}
@media(max-width:1440px){
.RongYuZiZhi{
min-height:260px;
}
}
@media(max-width:1440px) and (min-width:1200px){
.RongYuZiZhi{
min-height:180px;
}
}
@media(max-width:1200px){
.RongYuZiZhi{
opacity:1;
transform:rotateX(0deg);
}
#fullpage .section:nth-child(5) .section-bg{
display:block;
background:none;
}
}
@media(max-width:600px){
.RongYuZiZhi{
min-height:233px;
}
}
.DWP-content.active .RongYuZiZhi{
transform:rotateX(0deg);
opacity:1;
}
.BaiNian{
width: 600px;
height: 300px;
position: relative;
float: left;
}
.ZhuanLi,.BaiNian{
background-image:url(../../images/ry-bk.png);
background-position:center;
background-repeat:no-repeat;
}
@media(max-width:1440px){
.BaiNian{
height:260px;
}
}
@media(max-width:1366px){
.BaiNian{
height:180px;
}
}
@media(max-width:1200px){
.BaiNian{
width:100%;
}
}
/*.BaiNian span{
position: absolute;
top:82px;
}*/
.BaiNian .timer{
position:absolute;
top:82px;
left:60px;
color: #fff;
font-size: 100px;
}
.english .BaiNian .timer{
top:80px;
}
.english .BaiNian .timer{
left:60px;
}
@media(max-width:1440px){
.BaiNian .timer{
top:57px;
}
.english .BaiNian .timer{
top:58px;
}
}
@media(max-width:1366px) {
.BaiNian .timer{
top:16px;
}
.english .BaiNian .timer{
top:77px;
}
}
@media(max-width:1200px){
.BaiNian .timer{
top:27px;
left:27%;
}
.english .BaiNian .timer{
top:27px;
left:28%;
}
}
@media(max-width:768px){
.BaiNian .timer{
left:22%;
}
.english .BaiNian .timer{
left:22%;
}
}
@media(max-width:600px){
.BaiNian .timer{
top:15%;
left:10%;
font-size:60px;
}
.english .BaiNian .timer{
top:16%;
left:10%;
}
}
@media(max-width:320px){
.english .BaiNian .timer{
top:25%;
left:9%;
}
}
.BaiNian p{
display: table;
width: 244px;
color: #fff;
font-size: 22px;
position: absolute;
line-height: 160%;
top:113px;
left:250px;
}
.english .BaiNian p{
top:96px;
left:260px;
width:267px;
}
@media(max-width:1440px){
.BaiNian p{
top:96px;
}
.english .BaiNian p{
top:61px;
}
}
@media(max-width:1366px){
.BaiNian p{
top:52px;
}
.english .BaiNian p{
top:80px;
}
}
@media(max-width:1200px){
.BaiNian p{
top:65px;
left:40%;
}
.english .BaiNian p{
top:45px;
left:41%;
}
}
@media(max-width:600px){
.BaiNian p{
font-size:18px;
top: 27%;
left: 30%;
}
.english .BaiNian p{
top: 20%;
left: 30%;
font-size:16px;
width:200px;
}
}
@media(max-width:320px){
.BaiNian p{
font-size:16px;
top:29%;
left:33%;
}
.english .BaiNian p{
top:31%;
left:30%;
width:198px;
font:14px;
}
}
.ZhuanLi{
width: 600px;
height: 300px;
position: relative;
float: left;
}
@media(max-width:1440px){
.ZhuanLi{
height:260px;
}
}
@media(max-width:1366px){
.ZhuanLi{
height:180px;
}
}
@media(max-width:1200px){
.ZhuanLi,.BaiNian{
width:100%;
height:200px;
}
}
@media(max-width:600px){
.ZhuanLi, .BaiNian{
background-size:90%;
height:120px;
}
}
.ZhuanLi p{
color: #fff;
font-size: 20px;
}
.ZhuanLi .color-fff:hover {
color:#fff;
}
.english .ZhuanLi p{
font-size:15px;
}
@media(max-width:1200px){
.ZhuanLi p{
}
}
.ZhuanLi p:nth-child(1){
min-width: 100px;
position: absolute;
top:106px;
left: 70px;
}
@media(min-width:1200px){
.english .ZhuanLi p:nth-child(1){
left:60px;
}
}
@media(max-width:1440px){
.ZhuanLi p:nth-child(1){
top:90px;
}
.english .ZhuanLi p:nth-child(1){
top:86px;
}
}
@media(max-width:1366px){
.ZhuanLi p:nth-child(1){
top:44px;
}
.english .ZhuanLi p:nth-child(1){
top:44px;
}
}
@media(max-width:1200px){
.ZhuanLi p:nth-child(1){
top:55px;
left:27%;
}
.english .ZhuanLi p:nth-child(1){
top:55px;
left:27%;
}
}
@media(max-width:768px){
.english .ZhuanLi p:nth-child(1){
left:22%;
}
.ZhuanLi p:nth-child(1){
left:22%;
}
}
@media(max-width:600px){
.ZhuanLi p:nth-child(1){
font-size:18px;
top:20%;
left:10%;
}
.english .ZhuanLi p:nth-child(1){
font-size:14px;
top:20%;
left:10%;
}
}
@media(max-width:320px){
.ZhuanLi p:nth-child(1){
top:22%;
font-size:16px;
}
}
.ZhuanLi span:nth-child(2){
color: #fff;
position: absolute;
width: 200px;
font-size: 60px;
top:80px;
left: 180px;
}
@media(min-width:1200px){
.english .ZhuanLi span:nth-child(2){
left:140px;
}
}
@media(max-width:1440px){
.ZhuanLi span:nth-child(2){
top:64px;
}
.english .ZhuanLi span:nth-child(2){
top:60px;
}
}
@media(max-width:1366px){
.ZhuanLi span:nth-child(2){
top:20px;
}
.english .ZhuanLi span:nth-child(2){
top:20px;
}
}
@media(max-width:1024px){
.english .english .ZhuanLi span:nth-child(2){
top:26px;
}
}
@media(max-width:768px){
.ZhuanLi span:nth-child(2){
left:30%;
}
}
@media(max-width:600px){
.english .english .ZhuanLi span:nth-child(2){
top:8px;
}
}
.ZhuanLi p:nth-child(3){
position: absolute;
top:106px;
left: 298px;
}
@media(min-width:1200px){
.english .ZhuanLi p:nth-child(3){
left:227px;
}
}
@media(max-width:1440px){
.ZhuanLi p:nth-child(3){
top:90px;
}
.english .ZhuanLi p:nth-child(3){
top:86px;
}
}
@media(max-width:1366px) {
.ZhuanLi p:nth-child(3){
top:44px;
}
.english .ZhuanLi p:nth-child(3){
top:44px;
}
}
@media(max-width:1200px){
.ZhuanLi span:nth-child(2){
top:25px;
left:33%;
}
.english .ZhuanLi span:nth-child(2){
left:34%;
}
.ZhuanLi p:nth-child(3){
top:55px;
left:42%;
}
.english .ZhuanLi p:nth-child(3){
top:55px;
left:42%;
}
}
@media(max-width:768px){
.english .ZhuanLi span:nth-child(2){
left:32%;
}
}
@media(max-width:600px){
.ZhuanLi span:nth-child(2){
font-size:40px;
top: 8%;
left: 23%;
}
.english .ZhuanLi span:nth-child(2){
left:26%;
}
.english .ZhuanLi p:nth-child(3){
font-size: 14px;
top: 20%;
}
}
@media(max-width:600px){
.ZhuanLi p:nth-child(3){
font-size:18px;
top:20%;
left:38%;
}
}
@media(max-width:320px){
.ZhuanLi p:nth-child(3){
top:22%;
font-size:16px;
}
.ZhuanLi span:nth-child(2){
top:10%;
}
}
.ZhuanLi span:nth-child(4){
color: #fff;
position: absolute;
width: 200px;
font-size: 60px;
top:137px;
left: 70px;
}
.english .ZhuanLi span:nth-child(4){
top:130px;
}
@media(min-width:1200px){
.english .ZhuanLi span:nth-child(4){
left:60px;
}
}
@media(max-width:1440px){
.ZhuanLi span:nth-child(4){
top:110px;
}
.english .ZhuanLi span:nth-child(4){
top:114px;
}
}
@media(max-width:1366px){
.ZhuanLi span:nth-child(4){
top:75px;
}
.english .ZhuanLi span:nth-child(4){
top:75px;
}
}
@media(max-width:1200px){
.ZhuanLi span:nth-child(4){
top:84px;
left:27%;
}
.english .ZhuanLi span:nth-child(4){
top:84px;
left:27%;
}
}
@media(max-width:768px){
.english .ZhuanLi span:nth-child(4){
left:19%;
}
.ZhuanLi span:nth-child(4){
left:22%;
}
}
@media(max-width:600px){
.ZhuanLi span:nth-child(4){
font-size:40px;
left:10%;
top:42%;
}
.english .ZhuanLi span:nth-child(4){
font-size:40px;
left:10%;
top:42%;
}
}
.ZhuanLi p:nth-child(5){
position: absolute;
top:164px;
left: 212px;
}
.english .ZhuanLi p:nth-child(5){
top:152px;
left: 180px;
}
.english .ZhuanLi p:nth-child(5){
top:158px;
}
@media(max-width:1440px){
.ZhuanLi p:nth-child(5){
top:145px;
}
.english .ZhuanLi p:nth-child(5){
top:143px;
font-size:15px;
}
}
@media(max-width:1366px){
.ZhuanLi p:nth-child(5){
top:103px;
}
.english .ZhuanLi p:nth-child(5){
top:103px;
}
}
@media(max-width:1200px){
.ZhuanLi p:nth-child(5){
top:114px;
left:38%;
}
.english .ZhuanLi p:nth-child(5){
top:114px;
left:38%;
width:384px;
font-size:16px;
}
}
@media(max-width:768px){
.english .ZhuanLi p:nth-child(5){
left:33%;
}
}
@media(max-width:600px){
.ZhuanLi p:nth-child(5){
font-size:18px;
top:57%;
left:30%;
}
.english .ZhuanLi p:nth-child(5){
font-size:14px;
top:48%;
left:31%;
width:224px;
}
}
@media(max-width:320px){
.ZhuanLi p:nth-child(5){
font-size:16px;
left:31%;
}
}
.FuDaoHang{
width: 100%;
}
@media (width:1366px ) and (height:768px ) {
.FuDaoHang{
display:none;
}
}
/*@media(width:1366px){
.FuDaoHang{
display:none;
}
}*/
@media(max-width:1200px){
.FuDaoHang{
display:block;
}
}
.FuDaoHang ul{
display: table;
width:100%;
}
.FuDaoHang ul li{
display: table;
float: left;
width:25%;
}
.FuDaoHang ul li a{
display: block;
padding:30px 0;
text-align: center;
perspective:0;
-webkit-perspective:0;
}
@media(max-width:1440px){
.FuDaoHang ul li a{
padding:20px 0;
}
}
@media(max-width:1440px) and (min-width:1200px) {
.FuDaoHang ul li a{
padding:0;
}
}
.FuDaoHang ul li img{
width:140px;
padding-top: 18px;
transition:all 0.5s;
}
@media(max-width:1440px){
.FuDaoHang ul li img{
width:100px;
padding-top:10px;
}
}
@media(max-width:1440px) and (min-width:1200px){
.FuDaoHang ul li img{
width:70px;
}
}
@media(max-width:600px){
.FuDaoHang ul li img{
width:80%;
}
}
.FuDaoHang ul li a:hover img{
transform:rotateY(360deg);
}
.FuDaoHang ul li span{
display: block;
width: 100%;
color: #888;
font-size: 18px;
padding-top: 7px;
}
@media(max-width:600px){
.english .FuDaoHang ul li span{
font-size:14px;
}
}
.FuDaoHang ul li:hover span{
color: #333;
}
.WangZhanDiTu{
width: 100%;
}
@media(max-width:1200px){
.wzdt{
display:none;
}
}
.WZDT-top{
width: 100%;
background: url("../../images/WangZhanDiTu-bj.jpg");
}
.WZDT-box{
}
.wzdt-ul{
width:100%;
min-height:140px;
display: table;
}
.wzdt-ul .wzdt-li{
display: table;
float: left;
margin-right:6%;
}
.english .wzdt-ul .wzdt-li{
margin-right:2%;
}
@media(max-width:1366px){
.wzdt-ul .wzdt-li{
margin-right:4%;
}
}
.wzdt-ul .wzdt-li:nth-child(4){
margin-right:0;
}
.wzdt-ul .wzdt-li:last-child{
float:right;
margin-right:0;
}
@media (max-width:1200px){
.wzdt-ul .wzdt-li:last-child{
display:none;
}
}
.wzdtdh{
display: table;
}
.wzdtdh li{
white-space:nowrap;
min-width:72px;
float: left;
height: 190px;
}
.wzdtdh li h3{
color: #fff;
font-size: 18px;
margin-top: 15px;
margin-bottom: 22px;
}
.wzdtdh li a{
display: block;
color: #fff;
font-size: 14px;
margin-bottom: 10px;
line-height:145%;
}
.english .wzdtdh li a{
font-size:12px;
}
.wzdtdh li a:hover{
text-decoration:underline;
}
.wzdt-li div{
white-space:nowrap;
display: table;
margin: 0 0 10px 24%;
}
.english .wzdt-li div{
margin:0 0 10px 0;
}
@media (max-width:1200px){
.wzdt-li div{
margin: 0 0 10px 12%;
}
}
@media (max-width:600px){
.wzdt-li div{
margin:0 auto;
}
.wzdt-ul .wzdt-li:nth-child(4){
width:100%;
margin-left:0;
display:block;
}
.wzdt-ul .wzdt-li{
margin-right:0;
margin-left:6%;
display:none;
}
}
.wzdt-li div img{
margin-right: 10px;
vertical-align:-26%;
width:14px;
}
.wzdt-li div p{
display:inline-block;
color: #fff;
font-size: 14px;
margin-top: 20px;
}
.english .wzdt-li div p{
font-size:12px;
}
.wzdt-li img{
margin-top: 20px;
}
.BanQuan{
width: 100%;
background-color: #171f23;
}
.BQ-box{
display:table;
width:1200px;
margin:0 auto;
}
@media(max-width:1024px){
.BQ-box{
width:auto;
padding:0 15px;
}
}
.BQ-box p,.BQ-box a{
display: table;
color: #fff;
font-size: 12px;
line-height: 40px;
float: left;
}
@media (max-width:600px){
.BQ-box p,.BQ-box a{
line-height:200%;
font-size:10px;
}
.BQ-box p{
margin-left:0px;
}
}
.BQ-box p:nth-child(1){
margin-right: 30px;
margin-left:200px;
}
.section-bg{
width:100%;
height:100%;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
@media(max-width:1200px){
.section-bg{
display:none;
}
}
/*fullpage鏍峰紡*/
#fp-nav.right{
right:0;
}
#fp-nav ul li, .fp-slidesNav ul li{
height:36px;
width:36px;
}
.english #fp-nav ul li,.english .fp-slidesNav ul li{
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
width:100%;
height:100%;
color:#fff;
text-align:center;
line-height:36px;
background-color:#faa61a;
font-size:12px;
box-shadow:2px 2px 5px rgba(0,0,0,0.2);
transition:all 0.5s;
}
#fp-nav ul li a span:after{
content:"1";
}
#fp-nav ul li a.active span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span{
height:100%;
width:100%;
color:#fff;
background-color:#00b7ee;
margin: -2px 0 0 -2px;
}
#fp-nav ul li:hover a span{
transform:rotateY(360deg);
}
.english #fp-nav ul li:hover a span{
transform:rotateY(0deg);
}
.english #fp-nav ul li a span:before{
content:"TOP";
position:absolute;
top:7px;
right:0;
background-color:#00b7ee;
color:#fff;
line-height:100%;
padding:5px 4px 5px 0;
text-align:center;
width:60px;
transition:all 0.5s ease;
opacity:0;
border-radius:11px 0 0 11px;
}
.english #fp-nav ul li:hover a span:before{
opacity:1;
right:32px;
}
#fp-nav ul li:nth-child(1) a span:after{
content:"椤堕儴";
}
#fp-nav ul li:nth-child(2) a span:after{
content:"浜у搧";
}
#fp-nav ul li:nth-child(3) a span:after{
content:"鏂伴椈";
}
#fp-nav ul li:nth-child(4) a span:after{
content:"鏂囧寲";
}
#fp-nav ul li:nth-child(5) a span:after{
content:"鑽ｈ獕";
}
.english #fp-nav ul li:nth-child(1) a span:after{
content:"T";
}
.english #fp-nav ul li:nth-child(2) a span:after{
content:"P";
}
.english #fp-nav ul li:nth-child(3) a span:after{
content:"N";
}
.english #fp-nav ul li:nth-child(4) a span:after{
content:"C";
}
.english #fp-nav ul li:nth-child(5) a span:after{
content:"H";
}
.english #fp-nav ul li:nth-child(1) a span:before{
content:"Top";
}
.english #fp-nav ul li:nth-child(2) a span:before{
content:"Product";
}
.english #fp-nav ul li:nth-child(3) a span:before{
content:"News";
}
.english #fp-nav ul li:nth-child(4) a span:before{
content:"Culture";
}
.english #fp-nav ul li:nth-child(5) a span:before{
content:"Honor";
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
top:0;
left:0;
}
/*鏂伴椈璇︽儏鏍峰紡*/
.news-cneter{
background-color:#1c3768;
position:relative;
}
.news-cneter .tit{
padding:25px 0 20px 0;
color:#fff;
height:102px;
}
.news-cneter .tit span{
font-size:30px;
}
.news-cneter .tit i{
display:block;
font-size:16px;
}
.news-cneter .box{
padding:6% 8%;
background-color:#fff;
margin-bottom:35px;
}
@media (max-width:600px){
.news-cneter .box{
padding:6% 15px;
}
}
.news-title{
text-align:center;
border-bottom:1px dashed #ddd;
}
.news-title p{
font-size:24px;
color:#333;
}
.news-title i{
font-size:14px;
color:#999;
}
.news-box{
border-bottom:1px dashed #ddd;
}
.news-box img{
width:auto;
}
@media(max-width:1200px){
.news-box img{
width:100%;
}
}
@media(max-width:600px){
.news-box img{
width:100% !important;
height:auto !important;
}
}
.news-href{
line-height:30px;
color:#333;
}
@media(max-width:1200px){
.news-href{
line-height:40px;
}
}
.news-href a{
color:#333;
display:block;
width:100%;
}
.news-href a:hover{
text-decoration:underline;
}
.back-list{
display:block;
width:100%;
height:60px;
line-height:60px;
background-color:#1c3768;
font-size:18px;
color:#fff;
text-align:center;
border-radius:5px;
}
@media(max-width:1200px){
.back-list{
height:40px;
line-height:40px;
font-size:16px;
}
}
.back-list:hover{
color:#faa61a;
}
/*鏂伴椈鍒楄〃鏍峰紡*/
.year{
position:absolute;
top:35px;
right:0;
}
.year span.year-te{
line-height: 45px;
font-size: 18px;
color: #fff;
margin-right: 37px;
}
.year ul{
float: right;
}
.year li.conventional{
width: 194px;
height: 45px;
background: url(../../images/pic-01.png) no-repeat center;
float: left;
text-align: center;
line-height: 45px;
font-size: 18px;
cursor: pointer;
transition:all 0.3s;
margin-left: -17px;
}
.year li.conventional:hover{
background: url(../pic/pic-02.png) no-repeat center;
color: #fff;
}
.year li.conventional.cur{
background: url(../pic/pic-02.png) no-repeat center;
color: #fff;
}
.year li.active{
color: #1c3768;
}
.year li.sp{
background: url(../../images/pic-03.png) no-repeat center;
width: 213px;
height: 45px;
float: left;
margin-left: -17px;
overflow: hidden;
}
.year li.sp .input{
width: 136px;
height: 45px;
padding: 5px 0px;
margin-left: 25px;
font-size: 14px;
border:0px none;
float: left;
}
.year li.sp .submit{
border:0px none;
background: url(../../images/pic-04.png) no-repeat center;
height: 45px;
padding: 5px 0px;
width: 48px;
float: left;
color: #999;
}
.year li.sp .input::-webkit-input-placeholder {
color: #999;
}
.XinWen-img{
position:relative;
overflow:hidden;
}
.XinWen-img .list{
width:300%;
transition:all 0.5s;
}
.switch-box .list{
width:100000px;
}
.XinWen-img .list li{
width:33.33333333%;
float:left;
}
.XinWen-img .list li img{
width:100%;
height:372px;
}
@media(max-width:600px){
.XinWen-img .list li img{
height:202px;
}
}
.XinWen-img > div{
position:absolute;
bottom:0;
left:0;
right:0;
height:50px;
background-color:rgba(0,0,0,0.2);
padding:20px;
}
.XinWen-img > div > div{
float:right;
}
.XinWen-img > div > div > a{
float:left;
width:10px;
height:10px;
margin-left:10px;
background-color:#fff;
border-radius:50%;
}
.XinWen-img > div > div > a.active,.XinWen-img > div > div > a:hover{
background-color:#faa61a;
}
.XinWen-title,.XinWenJianYao,.ChaKan{
display:block;
width:70%;
margin:0 auto;
}
@media(max-width:1200px){
.XinWen-title,.XinWenJianYao,.ChaKan{
width:80%;
}
}
.XinWen-title{
padding-top:90px;
font-size:22px;
}
.XinWenJianYao{
margin-top:30px;
}
.ChaKan{
margin-top:30px;
text-align:right;
}
.XinWen-time-ts{
position:absolute;
top:-15px;
right:-15px;
width:75px;
height:75px;
text-align:center;
background-color:#023894;
color: #fff;
}
.XinWen-time{
position:absolute;
top:-15px;
right:-15px;
width:75px;
height:75px;
text-align:center;
background-color:#023894;
color: #fff;
}
.XinWen-time-ts span{
display:block;
font-size: 38px;
line-height:48px;
}
.XinWen-time span{
display:block;
font-size: 38px;
line-height:48px;
}
.XinWen-time font{
}
.XinWenLieBiao{
position:relative;
}
.XinWenLieBiao.m-t0{
margin-top:0;
}
.XinWenLieBiao::before{
content:"";
position:absolute;
top:0;
left:215px;
width:31px;
height:31px;
border:6px solid #fff;
border-radius:50%;
}
.XinWenLieBiao::after{
}
.XinWenLieBiao li{
position:relative;
overflow:hidden;
width:100%;
padding-top:40px;
min-height:120px;
z-index:1;
}
.XinWenLieBiao li:first-child,.XinWenLieBiao li.active{
padding-top:80px;
}
.XinWenLieBiao li::after{
content:"";
position:absolute;
top:0px;
left:229px;
bottom:0;
width:3px;
background-color:#fff;
z-index:-1;
}
.XinWenLieBiao li:first-child::after{
top:31px;
}
.XinWenLieBiao li .nian{
position:absolute;
top:0;
left:60px;
color:#fff;
font-size:48px;
}
.XinWenLieBiao li .nian:hover{
color:#faa61a;
cursor:pointer;
}
.XinWenLieBiao li .nian::after{
content:">";
padding-left:10px;
vertical-align:6%;
}
.XinWenLieBiao li.active .nian{
top:0;
left:15px;
height:82px;
width:168px;
padding-left:17px;
line-height:82px;
color:#1e355b;
background-image:url(../../images/XinWenNian.png);
}
.XinWenLieBiao li.active .nian::after{
display:none;
}
.XinWenLieBiao li dl{
display:none;
}
.XinWenLieBiao li.active dl{
display:block;
}
.XinWenLieBiao .yue{
padding-top:50px;
text-align:right;
font-size:42px;
color:#fff;
font-weight:normal;
}
.XinWenLieBiao .yue .nian-sm{
display:none;
}
.XinWenLieBiao .yue::after{
content:"";
position:absolute;
width:24px;
height:24px;
border:4px solid #fff;
border-radius:50%;
top:71px;
right:-38px;
background-color:#1e355b;
}
.XinWenLieBiao .ri{
padding-left:3%;
}
.XinWenLieBiao .ri .box{
float:left;
width:42%;
margin:0 4%;
position:relative;
background-color:#fff;
padding-top:40px;
margin-bottom:40px;
height:251px;
}
.XinWenLieBiao .ri .box .tit{
width:80%;
margin:0 auto;
padding-right:15%;
font-size:18px;
max-height:76px;
overflow:hidden;
color:#333;
}
.XinWenLieBiao .ri .box .info{
width:80%;
margin:0 auto;
margin-top:36px;
color:#999;
height:37px;
overflow:hidden;
}
.XinWenLieBiao .ri .box .read{
position:absolute;
bottom:0;
left:10%;
display:block;
width:80%;
margin:0 auto;
margin-top:20px;
padding-bottom:20px;
padding-top:20px;
text-align:right;
color:#1e355b;
border-top:1px solid #ddd;
font-size:12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1920px){
.m-t35{
margin-top:15px;
}
}
@media(max-width:1024px){
.m-t35{
margin-top:35px;
}
.XinWen-title{
padding-top:50px;
}
.ChaKan{
padding-bottom:50px;
}
.XinWen-time-ts{
right:0;
top:0;
}
.XinWenLieBiao li.active .nian{
display:none;
}
.XinWenLieBiao::before{
display:none;
}
.XinWenLieBiao li:first-child::after{
display:none;
}
.XinWenLieBiao .yue{
display:none;
}
.XinWenLieBiao .ri{
padding-left:15px;
}
.XinWenLieBiao li:first-child, .XinWenLieBiao li.active{
padding-top:25px;
}
.XinWenLieBiao li{
display:none;
}
.XinWenLieBiao li:first-child{
display:table;
}
}
.XinWenLieBiao li.p-t0:first-child{
padding-top:0;
}
@media(max-width:768px){
.col-md-9{
width:100%
}
.col-md-3{
width:100%;
}
.m-t35{
margin-top:15px;
}
.year li.conventional{
width: 134px;
background: url(../../images/pic-01-768.png) no-repeat center;
}
.year li.conventional:hover{
background: url(../pic/pic-02-768.png) no-repeat center;
color: #fff;
}
.year li.conventional.cur{
background: url(../pic/pic-02-768.png) no-repeat center;
color: #fff;
}
.year li.sp{
background: url(../../images/pic-03-768.png) no-repeat center;
width: 210px;
height: 45px;
float: left;
margin-left: -13px;
overflow: hidden;
}
}
@media(max-width:600px){
.news-index{
height:120px;
}
.news-cneter .tit{
padding:0 0 120px 0;
display:none;
}
.XinWenLieBiao .ri .box{
margin:0 0 20px 0;
width:100%;
}
.XinWen-time{
top:0;
right:0;
}
.XinWen-title{
font-size:20px;
}
.year li.conventional{
font-size:16px;
width: 50px;
background: url(../../images/pic-01-360.png) no-repeat center;
margin-left:-4px;
}
.year li:first-child.conventional{
margin-left:0;
}
.year li.conventional:hover{
background: url(../pic/pic-02-360.png) no-repeat center;
color: #fff;
}
.year li.conventional.cur{
background: url(../pic/pic-02-360.png) no-repeat center;
color: #fff;
}
.year li.sp{
background: url(../../images/pic-03-360.png) no-repeat center;
width: 147px;
height: 45px;
float: left;
margin-left:-5px;
overflow: hidden;
}
.year li.sp .input{
width:92px;
margin-left:15px;
}
.year li.sp .submit{
width:40px;
}
.year span.year-te{
line-height:0;
display:table;
margin-bottom:15px;
padding-top:22px;
}
.XinWen-title,
.XinWenJianYao{
width:80%;
}
.XinWen-title{
padding-right:15%;
}
.year{
width:100%;
}
}
@media(max-width:600px){
.year span.year-te{
display:none;
}
}
/*浼佷笟绠€浠?/
.qyjj-img .list li img{
height:312px;
}
@media(max-width:600px){
.qyjj-img .list li img{
height:auto;
}
}
@media(max-width:1200px){
.img-width.pr60{
padding-right:15px;
}
.qyjj-info{
margin-top:30px;
}
}
.padding15{
padding:15px;
padding-top: 0px;
}
.font-bold{
font-weight: bold;
font-family: "寰蒋闆呴粦";
}
.yqfj-tile{
color: #666;
}
.pb80{
padding-bottom: 80px;
}
@media(max-width:1200px){
.pb80{
padding-bottom:40px;
}
}
.bimg{
background:url(../../images/qiyejianjie.png) center center;
}
h3.text-title{
font-size: 32px;
}
.p-t80{
padding-top: 80px;
}
.p-b60{
padding-bottom: 60px;
}
@media only screen and (max-width:600px) {
.p-t80{padding-top: 40px}
.p-b60{padding-bottom: 30px;}
}
.m-t80{
margin-top: 80px;
}
.m-b60{
margin-bottom: 60px;
}
@media only screen and (max-width:600px) {
.m-t80{margin-top: 40px}
.m-b60{margin-bottom: 30px;}
}
p.text{
line-height: 32px;
text-indent: 32px;
font-size: 16px;
}
.pr60{
padding-right: 60px;
}
img{
width: 100%;
}
.jzjj-img div{
padding:7px;
}
.jzjj-img img{
height:252px;
}
@media(max-width:768px){
.jzjj-img img{
height:auto;
}
}
@media only screen and (max-width:600px) {
.pr60{padding-right:15px;}
.jzjj-img div{padding:7px 0;}
.jzjj-img img{
height:auto;
}
}
/*璧拌繘閲戦挓-閲戦挓褰卞儚*/
.video-width video,.video-width div video,.video-width div img{
width: 100%;
cursor: pointer;
}
.position-relative{
position: relative;
}
.position-absolute{
position: absolute;
}
.top0{
width:calc(100% - 30px) ;
line-height: 48px;
top: 0;
text-align: center;s
color:#fff;
background-color:rgba(0,0,0,0.5);
}
.bottom0{
width:calc(100% - 30px) ;
line-height: 48px;
bottom: 0;
text-align: center;
color:#fff;
background-color:rgba(0,0,0,0.5);
}
/*鏈嶅姟浣撶郴*/
.fwtx-title,.fwtx-smallTitle{
text-align: center;
}
.fwtx-title{
background:url(../../images/fwtx-titlebg.png) center center no-repeat;
}
/*.fwtx-title + p{
font-size: 18px;
color: #333;
}*/
.fwtx-smallTitle{
background: #008dc7;
padding:20px 40px ;
color: #fff;
border-radius: 5px;
}
/*.fwtx-smallTitle ~p {
font-size: 20px;
color: #666;
line-height: 40px;
}*/
@media only screen and (max-width:600px ) {
.fwtx-smallTitle ~p{
font-size: 18px;
color: #666;
line-height: 30px;
}
}
.fwtx-smallTitle ~p span{
color:#008dc7 ;
}
.fwtx-img,.fwtx-img img{
width: auto;
}
/*璧勮川鑽ｈ獕*/
.zzry-bg{
background: #F0F0F0;
color:#666;
font-size: 18px;
}
.box-left{
text-align: center;
}
.box-left ul li:first-child{
border-top-left-radius:10px;
border-top-right-radius:10px;
padding-top:20px;
}
.box-left ul li:last-child{
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding-bottom:20px;
}
.box-left ul li{
background:#fff;
display: inline-block;
padding: 5% 20%;
}
.box-left ul li:hover,.box-left ul li.active{
background:#f8a71a;
color: #fff;
}
.box-left ul li b{
font-weight:normal;
cursor:pointer;
}
.box-left ul li b:hover,.box-left ul li.active b{
color:#fff;
text-decoration:none;
}
.box-right{
background:#fff;
border-radius:10px;
padding: 30px;
margin-bottom: 80px;
}
.zzry-title{
font-size: 20px;
padding: 30px;
border-bottom:#eee solid 1px;
padding-top: 0;
}
.o-h{
width:100%;
height: 260px;
overflow: hidden;
}
@media(max-width:1024px){
.o-h{
width:100vw;
}
}
.f-l{
overflow: hidden;
width:100000000px;
}
.f-l li{
float: left;
margin-top:40px;
font-size: 16px;
}
.f-l li div{
width: 268px;
text-align: center;
height:160px;
}
@media(min-width:1200px){
.f-l li a:hover img{
transform:scale(1.5);
}
}
.f-l li h3{
line-height:200%;
font-weight:normal;
font-size:16px;
text-align: center;
width:268px;
}
.english .f-l li h3{
line-height:150%;
}
.f-l li img{
width:auto;
height:100%;
transition:all 0.5s;
}
@media only screen and (min-width:769px) and (max-width: 1000px) {
.padding-r10 {
padding-right:8%;
}
}
@media(min-width:999px){
.english .box-left ul li{
padding:5% 0;
width:300px;
text-align:center;
}
}
@media(max-width:999px) {
.box-right {
margin:15px;
float:left;
width: calc(100% - 30px);
}
.margin-auto {
margin: auto;
font-size: 16px;
padding-right: 0;
padding-left: 0;
}
.box-left ul li:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0;
padding: 5% 0;
}
.box-left ul li:last-child {
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
padding: 5% 0;
}
.box-left ul li {
float: left;
padding: 5% 0;
width:25%;
}
.english .box-left ul li{
padding:5% 36px;
}
}
@media(max-width:600px){
.english .box-left ul li{
font-size:12px;
padding:5% 1px;
}
}
/*璧拌繘閲戦挓*/
.zjjz{
color:#333;
text-align: center;
position: relative;
}
.zjjz-title{
font-size:60px;
font-weight: bold;
}
.zjjz-title + h3{
position: relative;
}
.zjjz-title + h3:after{
content: "";
position: absolute;
height: 2px;
width: 80px;
background: #faa61a;
top: 60px;
left: calc(50% - 40px);
}
.zjjz-title ~ p{
font-size: 18px;
line-height: 36px;
text-indent:2em;
}
.zjjz-link{
color:#faa61a;
font-size: 14px;
border: 2px solid #faa61a;
padding: 10px 30px;
display: table;
margin-left:auto;
margin-right:auto;
}
.zjjz-bg01{
background:url(../../images/zjjz01.png) no-repeat;
background-size: 130%;
background-position-y: 102%;
background-position-x: 60%;
}
.zjjz-bg02{
background:url(../../images/zjjz-bg02.jpg) no-repeat;
background-position:center;
}
.color-fff {
color:#fff
}
a.color-white,a.color-white:hover,a.color-white:visited,a.color-white:active{
cursor:pointer;
color: #fff;
text-decoration:none;
}
@media (max-width:600px ) {
.zjjz-title{
font-size:30px;
}
.zjjz-title ~ p{
font-size: 16px;
line-height: 32px;
text-indent:0;
}
.zjjz-title + h3{
font-size:20px;
}
.zjjz-title + h3:after{
top: 40px;
}
.m-b30{
margin-bottom: 10px;
}
.m-b80{
margin-bottom: 60px;
}
}
@media (max-width:768px ) {
.zjjz-title{
font-size:30px;
}
.zjjz-title ~ p{
font-size: 16px;
line-height: 32px;
text-indent:2em;
}
.zjjz-title + h3{
font-size:20px;
}
.zjjz-title + h3:after{
top: 40px;
}
.m-b30{
margin-bottom: 10px;
}
.m-b80{
margin-bottom: 60px;
}
.p-t80{
padding-top: 40px;
}
}
/*璧拌繘閲戦挓-鐧惧勾鍘嗗彶*/
.history{
overflow: hidden;
height: 130px;
}
.history div{
width: 140px;
position: relative;
}
.demoSpan1{
position:relative;
height:16px;
width:16px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
display:inline-block;
border:4px solid #fff;
}
.demoSpan1::after{
content: "";
position: absolute;
height: 2px;
width: 70px;
background: #fff;
display:inline-block;
top: 3px;
left: -74px;
}
.demoSpan1::before{
content: "";
position: absolute;
height: 2px;
width: 70px;
background: #fff;
display:inline-block;
top: 3px;
left:12px;
}
.demoSpan1 + i{
position: absolute;
top: 50px;
width: 140px;
font-size: 14px;
left: 0px;
}
.color-orange{
border:4px solid #faa61a;
}
.color-orange + i{
font-size: 20px;
font-weight: bold;
}
@media (max-width:600px ) {
.history{
overflow: visible;
height: auto;
}
.history div{
width: auto;
position: relative;
height: 30px;
}
.history .fl{
float: none;
padding-left: calc(50% - 70px);
}
.demoSpan1{
height: 14px;
width: 14px;
border: 2px solid #fff;
float: left;
}
.demoSpan1::after{
height: 13px;
width: 2px;
top: 12px;
left: 4px;
}
.demoSpan1::before{
height: 11px;
width: 2px;
top: -12px;
left: 4px
}
.demoSpan1 + i{
position: absolute;
top: -2px;
font-size: 14px;
left: 96px;
}
.color-orange{
border:2px solid #faa61a;
}
.color-orange + i{
font-size: 20px;
font-weight: bold;
}
.history + a.zjjz-link{
margin-top: 40px;
}
}
@media (max-width:768px ) {
.history{
overflow: visible;
height: auto;
}
.history div{
width: auto;
position: relative;
height: 30px;
}
.history .fl{
float: none;
padding-left: calc(50% - 70px);
}
.demoSpan1{
height: 14px;
width: 14px;
border: 2px solid #fff;
float: left;
}
.demoSpan1::after{
height: 13px;
width: 2px;
top: 12px;
left: 4px;
}
.demoSpan1::before{
height: 11px;
width: 2px;
top: -12px;
left: 4px
}
.demoSpan1 + i{
position: absolute;
top: -3px;
font-size: 15px;
left: calc(50% - 60px);
}
.color-orange{
border:2px solid #faa61a;
}
.color-orange + i{
font-size: 20px;
font-weight: bold;
}
.history + a.zjjz-link{
margin-top: 40px;
}
}
@media only screen and (min-width:1024px ) and (max-width:1158px){
.history div{
width:116px;
}
.demoSpan1 + i{
left: -13px;
}
}
/*璧拌繘閲戦挓 - 浼佷笟鏂囧寲*/
.zjjj-bg{
background: #f2f2f2;
}
.zjjj-bg i{
color:#00579f;
font-size: 34px;
}
.zjjj-bg span{
font-size: 18px;
color: #666;
width:90px;
display: inline-block;
text-align: left;
}
.zjjj-bg span strong{
color: #ccc;
font-size: 14px;
font-weight: normal;
width: 170px;
display: inline-block;
}
.zjjj-bg span span{
color: #ccc;
font-size: 14px;
font-weight: normal;
width: 170px;
display: inline-block;
}
@media (max-width: 600px) {
.zjjz-bgColor img{
margin-bottom: 15px;
}
}
@media (max-width: 768px) {
.zjjz-bgColor img{
margin-bottom: 15px;
}
}
/*鍙戝睍鍘嗙▼鏍峰紡*/
.fzlc-img{
width:auto;
height:136px;
}
@media(max-width:528px){
.fzlc-img{
width:100%;
height:auto;
}
}
.resource-type-wrap { width:992px; margin:0 auto; position:relative;}
.resource-type-wrap::before{
content:"";
position:absolute;
top:-10px;
left:50%;
margin-left:-10px;
border-width:0 10px 10px 10px;
border-style:solid;
border-color:transparent transparent #faa61a transparent;
}
.resource-type-wrap::after{
content:"";
position:absolute;
bottom:-20px;
left:50%;
margin-left:-10px;
width:20px;
height:20px;
border-radius:50%;
border:2px solid #bcb5af;
}
@media(max-width:1366px){
.resource-type-wrap::before,.resource-type-wrap::after{
margin-left:-20px;
}
}
@media(max-width:1024px){
.resource-type-wrap::before,.resource-type-wrap::after{
margin-left:-18px;
}
}
@media(max-width:768px){
.resource-type-wrap::before,.resource-type-wrap::after{
margin-left:-16px;
}
}
@media(max-width:600px){
.resource-type-wrap::before,.resource-type-wrap::after{
margin-left:-13px;
}
}
.resource-type-wrap .panel { width: 50%; margin:0; padding-top:160px; background-color:transparent; border:none; border-radius:0; box-shadow:none;}
.resource-type-wrap .panel:first-child{
padding-top:40px;
}
.resource-type-list::after{
content:"";
position:absolute;
top:40px;
left:calc(50% + 1px);
width:50%;
height:200px;
background-repeat:no-repeat;
background-image:url(../../images/JiaRuWoMen.jpg);
background-size:contain;
}
.his_box_tit + .resource-type-wrap .panel:first-child{ padding-top:90px}
.his_box_tit + .resource-type-wrap .panel:first-child + .panel{ padding-top:160px !important}
.resource-type-wrap .panel span { line-height:44px; background:#383842; color:#fff; font-size:36px; padding:0 4px; position:relative; left:-2px; position:relative; display:inline-block;}
.resource-type-wrap .panel span font { display:block; width:20px; height:44px; background:url(../../images/sprite_j.jpg) no-repeat 0 0; right:-20px; position:absolute; top:0; }
.resource-type-wrap .panel:hover span { background:#faa61a; }
.resource-type-wrap .panel:hover font { background:url(../../images/sprite_j.jpg) no-repeat -20px -44px; }
.resource-type-wrap .panel .inner { }
.resource-type-wrap .panel .image img { width: auto; max-width:100%; height:auto; }
.resource-type-wrap .panel .title{ padding:10px; line-height:1.8;}
.resource-type-wrap .panel .title a{color:#000;}
.resource-type-wrap .head { padding: 28px 20px 0; height: 242px }
.inner_box { padding-left:10%;}
.inner_box .image{
text-align:center;
}
.resource-type-wrap .panel .title { line-height:22px; padding:24px 0; font-size:18px; color:#626670; font-weight:normal; }
.resource-type-wrap .panel .inner{ border-left:2px solid transparent; position:relative;left:-1px;}
.resource-type-wrap .panel:hover .inner{ border-left:2px solid #faa61a;}
.resource-type-wrap .panel .inner_box i { display:block; width:75px; height:2px; overflow:hidden; font-size:0; background:#222222; margin-bottom:24px;}
.resource-type-wrap .panel .inner_box > .p { color:#626670; font-size:14px; line-height:22px; margin-bottom:15px; }
.resource-type-wrap .panel .inner_box > .p .image { margin-bottom:0; }
.resource-type-wrap .panel.leftBox_resource span { float:right; position:relative; left:2px; display:inline-block; }
.resource-type-wrap .panel.leftBox_resource .title { line-height:22px; padding:24px 0; font-size:18px; color:#626670; font-weight:normal; float:right; }
.resource-type-wrap .panel.leftBox_resource .inner_box { clear:both; padding-right:10%; padding-left:0;}
.resource-type-wrap .panel.leftBox_resource .inner_box i { display:block; width:75px; height:2px; overflow:hidden; font-size:0; background:#222222; margin-bottom:24px; float:right; clear:both; }
.resource-type-wrap .panel.leftBox_resource .inner_box > .p { color:#626670; font-size:14px; line-height:22px; margin-bottom:15px; clear:both; display:table; }
.resource-type-wrap .panel.leftBox_resource .inner_box > .p .image { margin-bottom:0; }
.resource-type-wrap .panel.leftBox_resource .inner{ border-right:2px solid transparent; border-left:none; left:1px;}
.resource-type-wrap .panel.leftBox_resource:hover .inner {border-right:2px solid #faa61a; border-left:none; position:relative;}
.resource-type-wrap .panel.leftBox_resource span font { display:block; width:20px; height:44px; background:url(../../images/sprite_j.jpg) no-repeat 0 -44px; left:-20px; position:absolute; top:0; }
.resource-type-wrap .panel.leftBox_resource:hover font { background:url(../../images/sprite_j.jpg) no-repeat -20px 0; }
.resource-type-wrap { background:url(../../images/opp.jpg) repeat-y center top; }
@media only screen and (max-width: 1366px) {
.intro_part2 .resource-type-list{ margin-left:0.5%;}
.nav_menu .fr ul li a > img{ height:148px;}
.news_index_part1_l{width:272px; padding:24px 20px;}
.news_index_part1_l h4 a{ font-size:16px; line-height:30px;}
.news_index_part1_l p{ width:100%;}
.special_index_detail1_part3_l{width:47%; padding-left:2%; padding-top:10px; padding-bottom:10px;}
.special_index_detail1_part3_r{width:49%; height:auto;}
.special_index_detail1_part3_r > img{ width:100%; height:auto;}
.special_index_detail1_part3{margin-bottom:20px;}
.part4Wrap > a{width:47%; margin-right:2%; height:auto;}
.part4Wrap > a img{width:100%; height:auto;}
.part4Wrap .special_index_detail1_part4_box1{width:50%;}
.special_index_detail1_part3_l p{width:auto;}
.special_index_detail1_part5 > ul li{width:16%;}
.special_index_detail1_part5_main ul{padding:20px 0;}
.special_index_detail1_part5_main li{width:47%; margin-right:2%;}
.special_index_detail1_part6_bottom, .special_index_detail1_part6_part{ height:324px;}
.special_index_detail1_part7 ul{width:106%;}
.special_index_detail1_part7 ul li{width:20%; margin-right:2%; padding:1%;}
.special_index_detail1_part7 ul li{ height:auto;}
.special_index_detail1_part7{ margin-bottom:20px;}
.news_index_part2 .news_index_part1_tit{width:240px; padding-top:20px; height:240px;}
.news_index_part1 .news_index_part111_tit{width:240px; padding-top:20px; height:240px;}
.news_index_part2 .news_index_part1_tit h3{ margin-left:0; padding-top:20px; width:216px; }
.news_index_part1 .news_index_part111_tit h3{ margin-left:0; padding-top:20px; }
.news_index_part1_tit h3 a{ font-size:30px;}
.news_index_part2 .news_index_part1_tit > a{left:80px;}
.news_index_part2_box ul li{ width:50%; margin-left:-1px;}
.news_index_part2 .news_index_part2_box .news_index_part1_r{ width:60%;}
.news_index_part2 .news_index_part2_box .news_index_part1_l{ width:36%; padding:18px 2%;}
.news_index_part3_box_main_r{ width:470px;}
.news_index_part3_box_main_r h4{width:394px;}
.news_index_part3_box_main_r p{ width:394px;}
.news_index_part3_box .news_index_part1_tit{height:140px; width:100%;}
.news_index_part3_box .news_index_part1_tit a{ margin:0; left:0;}
.special_index_detail1_part7_box .special_index_detail1_part7{ width:1135px; margin:0 auto;}
.part7_part1{width:100%; height:auto;}
.part7_part1 > img{width:100%; height:auto;}
.part7_bg{ width:100%; height:auto;}
.part7_bg img{ width:100%; height:auto;}
.part7_part2{width:94%; margin:0 auto;}
.part7_icon{width:94%; margin:0 auto; padding-bottom:10px;}
.special_index_detail1_part17 ul{ width:103%;}
.special_index_detail1_part17 li{ width:30%; padding-left:2%;}
.special_index_detail1_part17 li > a,.special_index_detail1_part17 li p{width:96%;}
.special_index_top_l > a{ width:275px; height:223px;}
.special_index_top_l{ width:64%;}
.special_index_top_l dl{ margin-left:12px; width:388px;}
.special_index_top_l dl dd a{ top:-10px;}
.special_index_main{ width:100%;}
.special_index_main dl{ width:46%; padding:25px 2% 65px;}
.special_index_main > a{ width:50%; height:auto;}
.special_index_bottom_box{ width:1135px;}
.about_index_part3_l{ width:577px; margin-right:58px;}
.about_index_part3_l > a{ width:100%; height:auto;}
.about_index_part3_l > a img{ width:100%; height:auto;}
.about_index_part3_r{ width:494px;}
.year_main{ width:1135px; left:0; margin:0 auto;}
.year_main ul li .year_main_r{ width:1044px;}
.year_main_r_part dl{ width:930px;}
.year_main_r_part dl dd{ width:892px;}
.contact_box_main ul li{ width:273px; height:253px;}
.contact_box_main ul li h5{ height:68px; line-height:68px;}
.social_list{ width:100%;}
.social_list ul{ width:104%;}
.social_list ul li{ width:31.4%; margin-right:1%;}
.social_list ul li .special_index_detail1_part6_part_li3_box{ width:96%; padding:0 2%;}
.social_list ul li .special_index_detail1_part6_part_li3_box p{ width:60%;}
.social_box_header{ width:100%; left:0; margin:0;}
.social_box_header > img{ width:100%; height:auto; margin-top:-60px;}
.social_box_header_l{ position:relative; left:0; margin:0; width:100%; top:0;}
.social_box_header{ height:auto;}
.social_box_header_l p{ color:#000; padding:10px 0; font-size:14px;}
.social_box_header_l span{ font-size:14px; color:#000;}
.social_list{ padding:10px 0;}
.resource-type-wrap{ width:100%; background-position:49.2% top;}
.resource-type-wrap .panel{ width:49.2%;}
.his_box_tit{ background-position:49.2% bottom;}
.team_box_part1{ width:100%; left:0; margin:0;}
.team_box_part1 h3,.team_box_part1 ul{ width:94%; margin:0 auto;}
.intro_part2 .resource-type-list{ width:103%;}
.intro_part2 .resource-type-wrap .panel{ width:31.4%; margin-right:1%;}
.intro_part2 .resource-type-wrap .panel img{ width:100%; height:100%;}
.special_index_detail1_banner{ width:1280px; margin-left:-640px;}
.special_index_detail1_part1{ padding:0; width:100%;}
.special_index_detail1_part2_l{ width:49%; height:auto;}
.special_index_detail1_part2_r{ width:45%; margin-left:5%;}
.special_index_detail1_part4{ width:100%; margin:0; left:0; margin-bottom:20px;}
.special_index_detail1_part4 .special_index_detail1_part4_box{ width:94%; margin:0 auto;}
.special_index_detail1_part6_top{ width:564px; height:210px;}
.special_index_detail1_part6_top li{ width:564px; height:210px;}
.special_index_detail1_part6_top .special_index_detail1_part6_Wrap{ width:282px; height:210px;}
.special_index_detail1_part6_top dl{ width:228px; height:172px; padding:32px 0 0 28px;}
.special_index_detail1_part6_part_li1{ width:282px; height:426px;}
.special_index_detail1_part6_part_li2{ width:282px; height:426px;}
.special_index_detail1_part6_part_li3{ width:564px; height:426px;}
.special_index_detail1_part6_Wrap{ height:216px;}
.special_index_detail1_part6_part_li1 dl{ width:226px; height:174px;}
.special_index_detail1_part6_menu{ top:176px; left:213px;}
.special_index_detail1_part6_top{ left:281px;}
.special_index_detail1_part8 ul{ width:100%;}
.special_index_detail1_part8 ul li{ width:25%; margin-left:-1px;}
.honor_part1 h4{ margin-right:0; float:left; font-size:36px;}
.honor_part1_main{ float:right;}
.honor_part1{ width:100%; left:0; margin:0; padding:20px 0;}
.honor_part1_main ul{ width:103%;}
.honor_part1_main ul li{ width:31.3%; margin-right:1%; height:auto;}
.honor_part1 h4{ margin:0 20px;}
.honor_part1_main{ width:840px;}
.honor_part2 ul{ width:106%;}
.honor_part2 ul li{ width:44%; margin-right:6%;}
.honor_part2 ul li a{ width:100%;}
.honor_part1_main ul{ margin-bottom:0px;}
.team_box_part2 h3{ width:94%; margin:0 auto; left:0;}
.team_box_part2{ width:100%; left:0; margin:0;}
.team_box_part2 ul{ width:94%;}
.team_box_part3 h3{ width:94%; margin:0 auto; left:0;}
.team_box_part3{ width:100%; left:0; margin:0;}
.team_box_part3 ul{ width:94%;}
.intro_part2 .resource-type-wrap { width:1135px; margin:0 auto; background:none;}
.w{ width:100%;}
.news_index_part2 .news_index_part1_tit > a{top:106px;}
}
.font-size18{
font-size: 18px;
}
.zjjz-bg04{
background:url(../../images/zjjz-bg04.png) no-repeat;
background-size:cover;
}
.lh30{
line-height: 30px;
}
@media (max-width:600px ) {
.lh30{
line-height: 30px;
margin-bottom: 25px;
}
}
@media (max-width:768px ) {
.lh30{
line-height: 30px;
margin-bottom: 25px;
}
}
/*璧拌繘閲戦挓-閲戦挓褰卞儚*/
.zjjz-bg05{
background: #060306 url(../../images/zjjz-bg05.png) no-repeat;
}
.text-indent36{
text-indent: 36px;
}
.jzyx-text{
font-size: 16px;
line-height: 32px;
padding: 60px 0;
border-top:1px solid #fff;
}
@media(min-width:1200px){
.english .jzyx-text{
font-size:14px;
line-height:200%;
text-align:justify;
padding:26px 0;
}
}
.jzyx-text + a.zjjz-link{
float: right;
}
.pt0p80{
padding: 80px;
padding-top: 0;
}
@media (max-width:600px) {
.zjjz-bg05 video{
width: 100%;
margin-bottom: 15px;
}
}
@media (max-width:768px) {
.zjjz-bg05 video{
width: 100%;
margin-bottom: 15px;
}
}
/*浼佷笟鏂囧寲*/
.banner-small{
position: relative;
background:url(../../images/banner-small.jpg) no-repeat;
}
@media(max-width:600px){
.banner-small{
display:none;
}
}
.nav-text{
font-size: 18px;
}
.nav-text a,.nav-text span{
color:#fff;
filter:alpha(opacity:50);
opacity:0.5;
-moz-opacity:0.5;
-webkit-opacity: 0.5;
padding-right:5px;
}
.nav-text span:nth-last-of-type(1){
color:#fff;
filter:alpha(opacity:100);
opacity:1;
-moz-opacity:1;
-webkit-opacity: 1;
}
.nav-text span:hover,.nav-text a:hover{
color:#fff;
filter:alpha(opacity:100);
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
}
.nav-text a:nth-last-child(2){
color: #fff;
filter:alpha(opacity:100);
opacity:1;
-moz-opacity:1;
-webkit-opacity: 1;
}
.nav-text img{
position: absolute;
right: 20px;
bottom: 20px;
width: auto;
}
.qywh-bg{
background:url(../../images/qywh-bg.jpg) no-repeat;
}
.qywh{
text-align:left;
display:table;
width:100%;
}
.qywh div h3{
font-family: "寰蒋闆呴粦";
border-left: 2px solid #faa61a;
font-size: 20px;
padding-left: 20px;
line-height: 42px;
}
.qywh div p{
padding-left: 20px;
line-height: 24px;
border-left: 2px solid #ccc;
min-height: 70px;
margin-bottom: 60px;
text-align: justify;
}
.english .qywh div p{
line-height:17px;
}
.height130{
height: 120px;
}
@media only screen and (max-width:600px ) {
.qywh div h3{
line-height: 30px;
}
.qywh div p{
margin-bottom:30px;
font-size: 14px;
}
.play-none{
display: none;
}
}
@media (max-width:768px ) {
.qywh div p{
margin-bottom:30px;
font-size: 14px;
height: auto;
}
.height130{
height: 0;
}
.play-none{
display: none;
}
}
@media only (min-width:769px ) and (max-width:1024x ) {
.qywh div h3{
line-height: 30px;
}
.qywh div p{
margin-bottom:30px;
font-size: 14px;
}
}
.blur{
position: relative;
overflow:hidden;
background-color:#000;
}
.blur img{
transform:scale(1.1);
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
opacity:0.6;
-webkit-filter: blur(10px); /* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
}
.p-a{
position: absolute;
z-index: 3;
top: 0;
left: 0;
color: #fff;
padding: 70px;
text-align: left;
}
.p-a div{
display: table;
padding: 14px 48px;
margin-bottom: 30px;
font-size: 22px;
background: url(../../images/pxxg-bg-xian.png) no-repeat;
}
.english .p-a div{
font-size:18px;
padding:18px 48px 18px 5px;
}
/*.p-a div::after{
position: absolute;
content: "";
height: 2px;
width: 64px;
background: #faa61a;
transform: rotate(60deg);
-ms-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
right: -47px;
bottom: 27px;
}
.p-a div::before{
position: absolute;
content: "";
height: 2px;
width: 100px;
background:#faa61a;
bottom: 0px;
right:-30px;
}*/
.p-a p{
text-indent: 2em;
padding-bottom: 80px;
font-size: 16px;
}
.p-a a{
color: #fff;
float: right;
font-size: 16px;
}
.p-a a:hover{
color: #faa61a;
float: right;
font-size: 16px;
}
.qywh-img img {
height:400px;
width:100%;
}
@media (min-width:769px) and (max-width:1024px) {
.p-a{
padding: 30px;
}
.height130{
height: 0;
}
.qywh div p{
font-size: 14px;
}
.english .qywh div p{
font-size:12px;
}
}
@media(max-width:768px ) {
.p-a{
padding:70px;
}
.p-a p{
font-size: 16px;
padding-bottom: 40px;
}
.p-a div::after{
height: 2px;
width: 62px;
right: -45px;
bottom: 27px;
}
.p-a div::before {
width: 100px;
bottom: 0px;
right: -30px;
}
.p-a div{
margin-bottom: 40px;
font-size: 22px;
}
.p-a a{
font-size: 14px;
}
.p-a a:hover{
font-size: 14px;
}
.height130{
height: 0;
}
.qywh-img img {
height:auto;
width:100%;
}
.qywh-sy {
margin-bottom:110px;
}
}
@media (min-width:320px) and (max-width:767px){
.p-a{
padding:15px;
}
.english .p-a{
padding:10px;
}
.zjjz{
margin-top: 0;
}
.p-a p{
font-size: 14px;
padding-bottom: 10px;
}
.english .p-a p{
font-size:12px;
}
.p-a div::after{
height: 2px;
width: 51px;
right: -38px;
bottom: 23px;
}
.p-a div::before {
width: 100px;
bottom: 0px;
right: -26px;
}
.p-a div{
padding: 8px 22px;
margin-bottom: 12px;
font-size: 18px;
background: url(../../images/pxxg-bg-xian.png) no-repeat 1px 4px;
background-size: contain;
}
.english .p-a div{
background-size:auto;
margin-bottom:7px;
}
.p-a a{
font-size: 12px;
}
.p-a a:hover{
font-size: 12px;
}
.qywh-img img {
height:auto;
width:100%;
}
}
@media(max-width:600px){
}
.w-ov {
width:100%;
overflow:hidden;
}
.w-ov .row {
transition:0.5s;
}
.w-ov .col-md-6 {
float:left;
height:400px;
}
.w-ov img {
height:100%;
}
@media(max-width:769px) {
.w-ov .col-md-6 {
height:300px;
}
.w-ov .col-md-6 img {
height:100%;
}
}
/*浼佷笟鏂囧寲-鍩硅鐩稿叧*/
/*.pxxg div p{
border-left: none;
font-size: 18px;
line-height: 40px;
text-indent: 36px;
padding-left:0;
}*/
.pxxg img{
width:auto;
}
.subheading ~ img{
position: relative;
}
.subheading{
position: absolute;
bottom: 0px;
background-color: rgba(0,0,0,.5);
width: calc(100% - 30px);
line-height: 50px;
color: #fff;
font-size: 18px;
text-align: left;
text-indent: 36px;
}
.a-p{
width:100%;
position: relative;
color:#fff;
bottom:230px;
}
.a-p div{
cursor: pointer;
}
.right-icon{
position: absolute;
width: 40px;
height: 66px;
background: #faa61a;
right:-20px;
line-height: 60px;
text-align: center;
}
.left-icon{
position: absolute;
width: 40px;
height: 66px;
background: #faa61a;
left:-20px;
line-height: 60px;
text-align: center;
}
@media (max-width:768px) {
.a-p{
bottom:190px;
}
}
/*浜у搧涓績棣栭〉*/
.cpfl{
width: 100%;
position:relative;
/*top:50%;
margin-top:-370px;*/
}
.cpfl-box{
width: 1200px;
margin: 50px auto 0;
display: table;
}
@media(max-width:1024px) {
.cpfl-box{
width:100%;
}
}
@media(max-width:600px){
.cpfl-box h3{
transform:scale(0.55);
}
}
.cpfl-content{
width: 100%;
height: 880px;
position: relative;
}
@media(max-width:1024px) and (min-width:800px){
.cp-index{
width:1230px;
transform:scale(0.826);
margin:0;
margin-left:-103px;
}
.cpfl-box{
margin-top:0;
}
}
.czjclbj{
position: absolute;
top:0;
left: 0;
transition:all 0.5s;
transform:rotateY(360deg);
}
.czjclbj a{
display: block;
width: 460px;
height: 510px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
overflow:hidden;
}
@media(max-width:768px){
.czjclbj a{
height:auto;
}
}
.czjclbj a:hover{
overflow:visible;
}
.czjclbj a h3{
background-color:rgba(0,87,159,0.8);
transition:all 0.1s;
}
.czjclbj a h3 span{
font-size:16px;
opacity:0;
font-family:"寰蒋闆呴粦";
transition:all 0.1s;
}
.czjclbj a:hover h3 span{
opacity:1;
}
.cpfl-h{
font-family:"FZZYJT";
display: block;
width: 260px;
height: 140px;
box-sizing: border-box;
font-size: 30px;
color: #fff;
text-align: center;
padding-top:40px;
position: absolute;
top:50%;
left:50%;
margin-top: -70px;
margin-left: -130px;
z-index:2;
}
.english .cpfl-h{
font-size:24px;
}
.cpfl-h:after{
content:"";
position:absolute;
left:50%;
bottom:43px;
width:50px;
height:2px;
margin-left:-25px;
background-color:#fff;
}
.czjclbj a:hover h3:after{
display:none;
}
.czjclbj a:hover h3{
display:none;
}
.czjclbj a div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
transform-origin:left;
-webkit-transform-origin:left;
}
.czjclbj a div h1{
display: none;
color: #fff;
font-size: 20px;
padding: 120px 0 0 70px;
}
.czjclbj a div span{
display: none;
color: #fff;
font-size: 16px;
padding: 30px 70px 0 70px;
}
@media(max-width:600px){
.czjclbj a div span{
padding:15px 35px 0 35px;
}
}
.czjclbj a div img{
display: none;
}
.czjclbj a:hover div h1{
display: table;
}
.czjclbj a:hover div span{
display: table;
}
.czjclbj a:hover div img{
display: block;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
.czjclbj a:hover div{
opacity:1;
}
@media(max-width:768px) {
.czjclbj {
top:85px;
right:0;
}
.czjclbj img {
width:100%;
}
.czjclbj a {
width:100%;
}
}
.hqcp{
position: absolute;
top:0;
right: 0;
transition:all 0.5s;
transform:rotateY(360deg);
}
@media(max-width:768px){
.hqcp{
left:0;
}
}
.hqcp a{
display: block;
width: 730px;
height: 360px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
overflow:hidden;
}
@media(max-width:768px){
.hqcp a{
width:100%;
height:auto;
}
}
.hqcp a:hover{
overflow:visible;
}
.hqcp a img{
width: 100%;
height: 100%;
}
.hqcp a h3{
background-color:rgba(0,87,159,0.8);
transition:all 0.1s;
}
.hqcp a h3 span{
font-size:16px;
opacity:0;
font-family:"寰蒋闆呴粦";
transition:all 0.1s;
}
.hqcp a:hover h3 span{
opacity:1;
}
.hqcp a:hover h3{
display:none;
}
.hqcp a:hover h3:after{
display:none;
}
.hqcp a div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
transform-origin:right;
-webkit-transform-origin:right;
}
.hqcp a div h1{
display: none;
}
.hqcp a div span{
display: none;
color: #fff;
font-size: 16px;
padding: 30px 70px 0 70px;
}
@media(max-width:600px){
.hqcp a div span{
padding:15px 35px 0 35px;
}
}
.hqcp a div img{
display: none;
}
.hqcp a:hover div h1{
display: table;
color: #fff;
font-size: 20px;
padding: 70px 0 0 70px;
}
.hqcp a:hover div span{
display: table;
}
.hqcp a:hover div img{
display: block;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
.hqcp a:hover div{
opacity:1;
}
.cpfl-BiaoTibox{
display: table;
background: #faa61a;
position: absolute;
top:370px;
left: 470px;
text-align: center;
transition:all 0.5s;
transform:rotateY(360deg);
z-index:2;
}
.cpfl-BiaoTibox a{
display: block;
width: 260px;
height: 140px;
}
.cpfl-BiaoTi{
display: block;
font-family:"FZZYJT";
font-size: 30px;
color: #fff;
width: 100%;
padding-top: 41px;
}
.cpfl-empty{
display:table;
color:#fff;
margin: 0 auto;
}
@media(max-width:768px) {
.cpfl-BiaoTibox {
top:0;
left:0;
width:100%;
}
.cpfl-BiaoTibox a {
display: inline-block;
width: 100%;
height: 70px;
text-align: left;
padding: 15px;
}
.cpfl-BiaoTi {
display: inline-block;
width: auto;
padding-top: 0;
}
.cpfl-empty {
display: inline-block;
color: #fff;
margin: 0 auto;
padding-left: 10px;
}
}
.xtcp{
position: absolute;
bottom:0;
left: 0;
transition:all 0.5s;
transform:rotateY(360deg);
}
@media(max-width:768px){
.xtcp{
right:0;
}
}
.xtcp a{
display: block;
width: 730px;
height: 360px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
overflow:hidden;
}
@media(max-width:768px){
.xtcp a{
width:100%;
height:auto;
}
}
.xtcp a:hover{
overflow:visible;
}
.xtcp a img{
width: 100%;
height: 100%;
}
.xtcp a h3{
background-color:rgba(0,87,159,0.8);
transition:all 0.1s;
}
.xtcp a div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
z-index:1;
background-color:rgba(0,48,88,0.7);
transition:all 0.5s ease;
transform-origin:top;
-webkit-transform-origin:top;
}
.xtcp a:hover h3:after{
display:none;
}
.xtcp a:hover h3{
display:none;
}
.xtcp a h3 span{
font-size:16px;
opacity:0;
font-family:"寰蒋闆呴粦";
transition:all 0.1s;
}
.xtcp a:hover h3 span{
opacity:1;
}
.xtcp a div h1{
display: none;
}
.xtcp a div span{
display: none;
color: #fff;
font-size: 16px;
padding: 30px 70px 0 70px;
}
@media(max-width:600px){
.xtcp a div span{
padding:15px 35px 0 35px;
}
}
.xtcp a div img{
display: none;
}
.xtcp a:hover div h1{
display: table;
color: #fff;
font-size: 20px;
padding: 70px 0 0 70px;
}
.xtcp a:hover div span{
display: table;
}
.xtcp a:hover div img{
display: block;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
.xtcp a:hover div{
opacity:1;
}
.rjcp{
position: absolute;
bottom:0;
right: 0;
transition:all 0.5s;
transform:rotateY(360deg);
}
.QYWH-content.active .czjclbj,.QYWH-content.active .hqcp,.QYWH-content.active .QYWH-BiaoTibox,.QYWH-content.active .xtcp,.QYWH-content.active .rjcp{
transform:rotateY(0deg);
opacity:1;
}
.QYWH-content img{
width:100%;
height:100%;
}
.rjcp a{
display: block;
width: 460px;
height: 510px;
position: relative;
perspective: 500;
-webkit-perspective: 500;
}
@media(max-width:768px){
.rjcp a{
width:100%;
height:auto;
}
}
.rjcp a img{
width: 100%;
height: 100%;
}
.rjcp a h3{
background-color:rgba(0,87,159,0.8);
}
.rjcp a:hover h3{
display: none;
}
.rjcp div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(0,48,88,0.7);
opacity:0;
transition:all 0.5s ease;
/*transform:rotateX(90deg);*/
transform-origin:bottom;
-webkit-transform-origin:bottom;
}
.rjcp a div h1{
display: none;
color: #fff;
font-size: 20px;
padding: 120px 0 0 70px;
}
.rjcp a div span{
display: none;
color: #fff;
font-size: 16px;
padding: 30px 70px 0 70px;
}
@media(max-width:600px){
.rjcp a div span{
padding:15px 35px 0 35px;
}
}
.rjcp a div img{
display: none;
}
.rjcp a:hover div h1{
display: table;
}
.rjcp a:hover div span{
display: table;
}
.rjcp a:hover div img{
display: block;
width: 35px;
height: 35px;
margin:60px 0 0 70px;
}
.rjcp a:hover div{
opacity:1;
/*transform:rotateY(0deg);*/
}
.bg-gray666 {
background:#666;
}
@media(max-width:768px) {
.rjcp {
left:0;
}
.bg-gray666 {
background:#fff;
}
}
.blue-blue{
/*background: -webkit-linear-gradient(#48abeb, #e0f3fa);
background: -o-linear-gradient(#48abeb, #e0f3fa);
background: -moz-linear-gradient(#48abeb, #e0f3fa);
background: linear-gradient(#48abeb, #e0f3fa);*/
}
.cpzx-title{
text-align:center;
}
.cpzx-title h1{
font-family:"FZZYJT";
font-size:32px;
color:#333;
width:317px;
margin:0 auto;
border-left:3px solid #333;
border-right:3px solid #333;
}
.cpzx-title span{
font-size:18px;
}
.zxcp-list{
overflow:hidden;
}
.zxcp-list .list{
transition:all 0.5s;
}
.zxcp-list li{
float:left;
position:relative;
}
.zxcp-list li.active{
opacity:1;
z-index:2;
}
.zxcp-list li .box{
padding-right:40.833333%;
height:100%;
text-align:center;
overflow:hidden;
}
.zxcp-list li .box img{
height:400px;
transition:all 0.5s;
}
@media(max-width:800px){
.zxcp-list li .box{
padding-right:0;
}
.zxcp-list li .box img{
height:auto;
}
}
.zxcp-list li .info{
position:absolute;
z-index:1;
top:0;
right:0;
width:40.83333333%;
height:100%;
box-sizing:border-box;
padding:40px;
background-color:#00579f;
color:#fff;
padding-top:60px;
}
@media(max-width:800px){
.zxcp-list li .info{
display:none;
}
}
.zxcp-list li .info:before{
content:"";
position:absolute;
top:50px;
left:-30px;
border-style:solid;
border-width:20px 30px 20px 0;
border-color:transparent #00579f transparent transparent;
}
.zxcp-list li .info h2{
color:#faa61a;
font-size:26px;
font-weight:bold;
}
.zxcp-list li .info p{
text-indent:2em;
margin-top:40px;
line-height:200%;
font-size:20px;
}
.zxcp-list li a:hover img{
transform:scale(1.2,1.2);
}
.zxcp-switch{
position:absolute;
z-index:3;
bottom:30px;
text-align:center;
left:0;
right:0;
}
@media(max-width:1200px){
.zxcp-switch{
bottom:11px;
}
}
.zxcp-switch a{
display:inline-block;
width:12px;
height:12px;
border:2px solid #faa61a;
margin:0 5px;
border-radius:50%;
}
.zxcp-switch a.active,.zxcp-switch a:hover{
background-color:#faa61a;
}
/*浜у搧涓績璇︽儏*/
@media(max-width:600px){
#SolutionContent img{
width:100% !important;
height:auto !important;
}
}
.jiathis_style img{
width:auto;
}
.p-l40{
padding-left:40px;
}
.cpzx-img{
position:relative;
z-index:1;
/*height:340px;*/
}
.cpzx-img li{
/*position:absolute;*/
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
opacity:0;
transition:all 0.5s;
}
.cpzx-img li.active{
z-index:2;
opacity:1;
}
.cpzx-img li img{
height:340px;
}
@media(max-width:768px){
.cpzx-img li img{
height:auto;
}
}
.cpzx-a{
position:absolute;
bottom:0;
left:0;
right:0;
height:56px;
background-color:#727a7d;
text-align:right;
padding:0 15px;
z-index:2;
line-height:56px;
}
.cpzx-a a{
display:inline-block;
width:12px;
height:12px;
border:2px solid #faa61a;
border-radius:50%;
margin:0 3px;
}
.cpzx-a a.active,.cpzx-a a:hover{
background-color:#faa61a;
}
.cpxllb-info{
}
.cpxllb-info h1{
font-size:32px;
font-weight:bold;
color:#333;
}
@media(max-width:768px){
.cpxllb-info h1{
text-align:center;
font-size:24px;
}
}
.cpxllb-info p{
line-height:200%;
font-size:16px;
color:#666;
text-indent:2em;
}
.cpxllb-info .box{
display:table;
}
.cpxllb-info .box button{
float:left;
width:180px;
height:50px;
text-align:center;
color:#fff;
font-size:18px;
line-height:50px;
background-color:#faa61a;
font-size:18px;
font-weight:bold;
border:none;
}
.english .cpxllb-info .box button{
font-size:16px;
}
.jiathis_style_32x32{
float:left;
}
.jiathis_style_32x32 > a{
display:none;
}
.jiathis_style_32x32 .jiathis.jtico{
width:50px;
height:50px !important;
background-color:#f3f3f3 !important;
margin:0;
margin-left:10px;
background-image:url(../../images/fenXiang.png) !important;
background-position:center center;
background-repeat:no-repeat;
}
.bdsharebuttonbox{
float:left;
}
.bdsharebuttonbox a{
display:none;
}
.bdsharebuttonbox a:first-child{
display:block;
}
.cpxllb-info .box button i{
font-weight:normal;
font-size:24px;
padding-right:5px;
}
.cpxllb-info .box button:hover{
background-color:#D18300;
}
.cpxllb-info .download{
display:block;
}
.cpjs{
height:50px;
border-bottom:1px solid #faa61a;
}
.cpjs a{
position:relative;
display:block;
height:50px;
line-height:50px;
text-align:center;
border:1px solid #faa61a;
background-color:#faa61a;
color:#fff;
font-size:18px;
font-weight:bold;
}
.cpjs a.active,.cpjs a:hover{
background-color:transparent;
color:#faa61a;
border-bottom-color:#fff;
}
.cpjs a:after{
content:"";
position:absolute;
top:50%;
margin-top:-7px;
right:20px;
border-width:7px 0 7px 8px;
border-style:solid;
border-color:transparent transparent transparent #fff;
}
.cpjs a.active:after,.cpjs .row:hover a::after{
border-width:8px 7px 0 7px;
border-color:#faa61a transparent transparent transparent;
}
@media(max-width:600px){
.cpjs a:after{
right:5px;
}
}
.TuiJian{
position:relative;
padding:30px;
border:10px solid #f3f3f3;
}
.TuiJian h1{
font-size:18px;
font-weight:bold;
color:#333;
}
.tltj-list{
position:relative;
width:390px;
height:260px;
}
.TuiJian .XinWen-img{
position:relative;
width:390px;
height:auto;
}
.tltj-list li{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
opacity:0;
transition:all 0.5s;
text-align:center;
}
.tltj-list li.active{
z-index:2;
opacity:1;
}
.tltj-list li img{
height:220px;
}
.tltj-list li h2{
font-size:16px;
text-align:center;
}
.m-l60{
margin-left:60px;
}
.cpjs-title{
position:relative;
font-size:18px;
font-weight:bold;
color:#333;
}
.cpjs-title > div{
position:absolute;
top:-80px;
left:0;
}
.cpjs-box{
font-size:16px;
line-height:200%;
}
.m-b30-cpxq{
margin-bottom:30px;
}
.cpjs-wz{
/*float:left;
width:calc(100% - 530px);*/
}
.cpjs-wz ul,.cpjs-wz li{
list-style:disc;
}
@media(max-width:600px){
.cpjs-wz ul{
padding-left:15px;
}
.cpjs-wz img{
width:100% !important;
}
}
.xgcpjs-img{
}
.xgcpjs-img .list li img{
height:219px;
}
@media(max-width:600px){
.xgcpjs-img .list li img{
height:140px;
}
}
.xgcpjs-img>div{
background:transparent;
}
.xgcpjs-img > div > div > a{
float:left;
width:10px;
height:10px;
margin-left:10px;
border:1px solid #faa61a;
background-color:transparent;
border-radius:50%;
}
.xgcpjs-img > div > div > a:first-child{
margin-left:0;
}
.xgcpjs-img > div > div > a.active,.XinWen-img > div > div > a:hover{
background-color:#faa61a;
}
.xgcpjs-img > div > div{
float:none;
margin:0 auto;
display:table;
}
.xgcpjs-img .list{
margin-bottom:20px;
display:table;
}
.xgcpjs-img .list li h2{
font-size:16px;
padding:10px 0;
text-align:center;
}
.xgcpjs-img > div{
bottom:-20px;
}
@media(max-width:1024px){
.XinWen-img > div{
height:auto;
}
.cpxllb-info{
padding-top:20px;
}
.cpjs .col-lg-3{
width:30%;
float:left;
}
.m-t80{
margin-top:40px;
}
.tltj-list{
margin-bottom:30px;
}
.m-l60{
margin-left:30px;
}
.cpjs-wz{
float:left;
width:calc(100% - 500px);
}
}
@media(max-width:768px){
.english .cpjs .col-lg-3{
width:50%;
}
.p-l40{
padding-left:0;
}
.m-l60{
margin-left:30px;
}
.m-b40{
margin-bottom:20px;
}
.cpjs-wz{
width:100%;
float:none;
}
.fr{
float:none;
width:64%;
margin:20px auto 0;
text-align:center;
}
.TuiJian h1{
text-align:left;
}
}
@media(max-width:600px){
.cpjs a{
font-size:16px;
}
.english .cpjs a{
font-size:12px;
}
.tltj-list li img{
height:auto;
}
.fr{
float:none;
width:100%;
margin:20px auto 0;
text-align:center;
}
.tltj-list{
width:100%;
}
.TuiJian .XinWen-img{
width:100%;
}
}
.rjcp-info ul,.rjcp-info li{
list-style:disc;
}
@media(max-width:600px){
.rjcp-info ul{
padding-left:15px;
}
}
/*浜у搧涓績-鐢甸樆搴斿彉璁?/
.top-search{
width: 100%;
border:10px solid #ededed;
}
.nav-text img.width-auto{
width: 226px;
top: 44px;
}
.top-search{
margin: 50px auto;
padding: 30px;
display:table;
}
.top-search label{
font-size: 13px;
color: #333;
font-weight: normal;
margin: 0;
position: relative;
margin-right: 50px;
display:block;
float:left;
}
.english .top-search label{
font-size:12px;
margin-right:49px;
}
.top-search label:nth-child(3) {
margin-right: 40px;
}
.btn-search{
float:left;
border-radius: 0px;
padding: 6px 30px;
background: #606d75;
margin-top:-5px;
font-size: 18px;
color: #fff;
transition:all 0.5s;
}
.btn-search:hover{
background-color:#faaf1a;
}
.top-search select{
line-height: 28px;
border: 1px solid #ededed;
color: #888;
margin-left: 20px;
font-size: 13px;
height: 30px;
width: 200px;
padding-left:6px;
}
@media(min-width:1366px){
.english .top-search select{
margin-left:15px;
font-size:12px;
width:160px;
}
.english .top-search input{
width:160px;
font-size:12px;
}
.english .top-search{
padding:26px;
}
}
.top-search input{
line-height: 28px;
border: 1px solid #ededed;
color: #333;
margin-left: 20px;
font-size: 13px;
height: 30px;
width: 190px;
padding-left: 10px;
}
.top-search span{
position: absolute;
height:30px;
width:30px;
display:inline-block;
background: #ededed;
right: 0;
}
.top-search span:before{
content: '';
height: 0;
width: 0;
border: 6px transparent solid;
border-bottom-width: 0;
border-top-color: #b8b8b8;
position: absolute;
top: 14px;
left: 10px;
}
.img-cpzx{
cursor: pointer;
}
.img-cpzx a label{
padding: 20px 0;
padding-bottom: 10px;
font-weight: normal;
margin: 0;
}
@media(max-width:768px){
.img-cpzx a label{
padding:0;
line-height:200%;
}
}
.img-cpzx div a{
display: block;
padding: 10px;
margin-bottom: 10px;
border: 2px solid #fff;
}
.img-cpzx div a.CPEJL-LieBiao{
padding:0;
margin:10px 10px 20px 10px;
}
@media(max-width:1200px){
.img-cpzx div a{
padding:0;
border:1px solid #faa61a;
}
}
.img-cpzx div a img{
height:200px;
}
@media(max-width:1024px){
.img-cpzx div a img{
height:161px;
}
}
@media(max-width:768px){
.img-cpzx div a img{
height:185px;
}
}
@media(max-width:600px){
.img-cpzx div a img{
height:172px;
}
}
.img-cpzx div a.blue:hover{
border: 2px solid #00579f;
}
.img-cpzx div a.blue:hover{
border: 2px solid #4FAFEC;
}
.img-cpzx div a:hover{
border: 2px solid #fba61a;
}
.img-cpzx div a.CPEJL-LieBiao:hover{
border: 2px solid #fff;
}
@media(max-width:1024px){
.top-search label{
margin-right:32px;
}
.english .top-search label{
margin-right:20px;
}
.top-search{
padding:30px 15px;
}
.top-search select{
width:160px;
}
.english .top-search select{
width:143px;
font-size:12px;
margin-left:10px;
}
.top-search input{
width:175px;
}
.english .top-search input{
width:143px;
margin-left:10px;
}
.btn-search{
padding:3px 15px;
margin-top:-1px;
font-size:16px;
}
}
@media(max-width:768px){
.top-search{
padding:15px 30px;
}
.top-search select{
width:215px;
}
.english .top-search select{
width:194px;
}
.top-search input{
width:215px;
margin-left:33px;
}
.english .top-search input{
width:194px;
margin-left:14px;
}
.btn-search{
padding:3px 15px;
font-size:16px;
margin-left:-8px;
margin-top:14px;
}
.english .btn-search{
margin-left:1px;
}
.top-search label:nth-child(2){
margin-right:0;
}
.top-search label:nth-child(3){
margin-top:15px;
}
}
@media(max-width:600px){
.img-cpzx div a img{
height:auto;
}
.english .top-search{
padding:15px 20px;
}
.top-search label{
margin-right:0px;
width:100%;
}
.top-search select,
.top-search input{
width:calc(100% - 98px);
}
.english .top-search select,.english .top-search input{
width:calc(100% - 125px);
}
.top-search label:nth-child(2){
margin-top:15px;
}
.btn-search{
width:100%;
margin-left:0;
margin-top:15px;
}
.top-search{
margin:25px auto;
}
}
/*浜у搧涓績-绉伴噸鍩虹闆堕儴浠 */
.bg-bule{
background: #00579f;
padding: 40px;
font-size: 26px;
color: #fff;
height: 100%;
margin-bottom: 80px;
}
.bg-bule h2{
font-size: 30px;
color: #fba61a;
font-weight: bold;
padding-bottom:30px;
}
.czjclbj-list > div{
position: relative;
margin-bottom: 20px;
cursor: pointer;
}
.czjclbj-list div a:hover img{
transform: scale(1.2);
color: #f00;
}
.czjclbj-list div a:hover img.CP-LieBiao{
transform:scale(1);
}
.czjclbj-list div a div{
position: absolute;
background: rgba(0,0,0,.5);
width: calc(100% - 30px);
bottom: 0;
padding: 12px;
color: #fff;
display: inline-block;
left:15px;
}
.czjclbj-list.img-cpzx div a div{
left:27px;
right:27px;
width:auto;
bottom:22px;
}
.czjclbj-list .p-a1{
position: absolute;
background: #2e77b1;
color: #fff;
padding: 12px;
right: 15px;
bottom: 0;
}
.czjclbj-list.img-cpzx .p-a1{
right:27px;
bottom:22px;
}
.czjclbj-list div a img{
height:214px;
transition:all 0.5s;
}
.p0{
display: block;
overflow: hidden;
}
.zxcp-list li .box .zxcp-xbit{
position: absolute;
background: rgba(0,0,0,.5);
bottom: 0;
padding: 12px;
color: #fff;
left:0;
width:100%;
display:none;
}
@media(max-width:1024px){
.zxcp-list li .box .zxcp-xbit{
display:table;
}
.zxcp-list li .info{
display:none;
}
.zxcp-list li .box{
padding-right:0;
height:auto;
text-align:left;
overflow:hidden;
}
.zxcp-list li .box img{
width:100%;
height:auto;
}
}
@media(max-width:768px){
.czjclbj-list .col-md-4{
width:50%;
height:auto;
float:left;
}
}
@media(max-width:600px){
.czjclbj-list .col-md-4{
width:100%;
height:auto;
float:left;
}
}
/*瑙ｅ喅鏂规*/
@media(max-width:600px){
#soContent img{
width:100% !important;
height:auto !important;
}
}
.jjfa-img .list li img{
height:312px;
}
.jjfa-box{
}
.jjfa-box .image{
overflow:hidden;
}
.jjfa-box img{
height:250px;
transition:all 0.5s;
}
@media (max-width:600px){
.jjfa-box img{
height:auto;
}
}
@media (max-width:768px){
.jjfa-box img{
height:auto;
}
}
.jjfa-box:hover img{
transform:scale(1.2);
}
.jjfa-box .box{
background-color:#eee;
padding-bottom:15px;
}
.jjfa-box h3{
padding:15px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.jjfa-box .info{
line-height:180%;
padding:0 15px;
height:70px;
overflow:hidden;
}
.jjfa-box span{
position:relative;
margin-top:15px;
width:90px;
height:30px;
line-height:30px;
text-align:center;
display:block;
background-color:#faa61a;
color:#fff;
margin-left:15px;
}
.jjfa-box span::after{
content:"";
position:absolute;
top:0;
right:-30px;
border-width:0 30px 30px 0;
border-style:solid;
border-color:transparent transparent #faa61a transparent;
}
.bg-gray{
background-color:#f3f3f4;
}
.bg-white{
background-color:#fff;
}
.jjfa-info{
padding:0 100px 100px 100px;
}
.jjfa-info .title{
color:#00579f;
border-bottom:2px solid #00579f;
}
.jjfa-info ul,.jjfa-info li{
list-style:disc;
}
@media(max-width:600px){
.jjfa-info ul, .jjfa-info li{
list-style-position:inside;
}
}
/*绉戞妧鍒涙柊*/
.kjcx-info{
padding:30px;
border:1px solid #eee;
min-height:226px;
}
@media(min-width:1200px){
.english #KeJiChuangXinContent{
font-size:16px;
line-height:165%;
}
.english .kjcx-info .font18px{
font-size:14px;
}
.english .kjcx-info .text-indent2em{
font-size:13px;
}
}
@media(max-width:1024px){
.kjcx-info{
height:327px;
}
#KeJiContentTwo{
padding:0;
border:none;
}
}
@media(max-width:768px){
.kjcx-info{
height:243px;
}
}
@media(max-width:600px){
.kjcx-info{
padding:0;
border-bottom:none;
min-height:0;
height:auto;
}
}
.m-h450{
min-height:450px;
}
.kjcx-info h3{
border-bottom:1px solid #eee;
font-weight:bold;
}
.kjcx-info a,.kjcx-img a{
display:block;
position:relative;
width:80px;
padding-left:5px;
height:20px;
line-height:20px;
text-align:center;
background-color:#00579f;
color:#fff;
}
.kjcx-info a::after,.kjcx-img a::after{
content:"";
position:absolute;
right:-20px;
top:0;
border-width:0 20px 20px 0;
border-style:solid;
border-color:transparent transparent #00579f transparent;
}
.kjcx-jg::after{
position:absolute;
content:"";
bottom:20px;
left:-1px;
z-index:1;
border-width:12px 0 12px 20px;
border-style:solid;
border-color:transparent transparent transparent #fff;
}
@media(max-width:600px){
.kjcx-jg::after{
display:none;
}
.kjcx-img:active
}
.kjcx-cg::after{
position:absolute;
content:"";
bottom:20px;
right:-1px;
z-index:1;
border-width:12px 20px 12px 0;
border-style:solid;
border-color:transparent #fff transparent transparent;
}
.kjcx-zl::after{
position:absolute;
content:"";
right:20px;
top:-1px;
z-index:1;
border-width:20px 12px 0 12px;
border-style:solid;
border-color:#fff transparent transparent transparent;
}
.kjcx-title {
color: #8c8c91;
}
.kjcx-title font{
display:inline-block;
position:relative;
height:100%;
}
.kjcx-title font::after{
content:"";
position:absolute;
height:49px;
width:52px;
top:-40px;
left:5px;
background-image:url(../../images/kjcx-title-bg.png);
}
.kjcx-img{
min-height:226px;
}
.t-a{
text-align:justify;
}
.kjcx-list .list li img{
height:270px;
}
@media (max-width:1024px){
.kjcx-list .list li img{
height:223px;
}
.kjcx-img{
height:327px;
}
.m-h450{
min-height:350px;
}
#KeJiImgTwo{
padding:30px;
border:1px solid #eee;
}
.m-h450{
padding:0;
border:none;
height:237px;
}
#KeJiImgFour{
padding:30px;
border:1px solid #eee;
}
.kjcx-img::after{
display:none;
}
}
@media(max-width:768px){
.kjcx-list .list li img{
height:415px;
}
#KeJiImgFour{
padding:0;
border-top:none;
}
.m-h450{
height:243px;
}
.kjcx-img{
height:243px;
}
}
@media (max-width:600px){
.kjcx-list .list li img{
height:194px;
}
#KeJiImgFour{
padding:30px;
}
.m-h450{
min-height:0;
height:auto;
}
.kjcx-img{
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#ddd;
padding:15px;
height:auto;
}
.kjcx-img div.m-t15{
margin-top:0;
}
.font-size18{
font-size:16px;
}
}
/*浜哄姏璧勬簮*/
.rlzy-img{
height:394px;
}
@media(max-width:1200px){
.rlzy-img{
height:auto;
}
}
.rlzy-title{
font-weight: bold;
position:relative;
}
.rlzy-title:after{
content: "";
position: absolute;
height: 2px;
width: 80px;
background: #faa61a;
top: 60px;
left: calc(50% - 40px);
}
@media(max-width:1200px){
.rlzy-title:after{
display:none;
}
}
.rlzy-p{
display:block;
color:#666;
}
.p-t10{
padding-top:10px;
}
.p-t41{
padding-top:41px;
}
.p-b44{
padding-bottom:44px;
}
.p-b45{
padding-bottom:45px;
}
.rlwzk1{
border-style:solid;
border-width:10px 10px 10px 0;
border-color:#f3f3f3;
}
.rlwzk2{
border-style:solid;
border-width:10px 0 10px 10px;
border-color:#f3f3f3;
}
.rlwzbt{
font-weight:bold;
position:relative;
}
.p-l25{
padding-left:25px;
}
.rlwzbt:after{
content: "";
position: absolute;
height: 2px;
width: 46px;
background: #faa61a;
top: 80px;
left: 25px;
}
@media(max-width:1200px){
.rlwzbt:after{
display:none;
}
}
.rl-input{
width:126px;
height:42px;
border:1px solid #fba61a;
color:#fba61a;
background:transparent;
}
.rl-input:hover{
color:#fff;
background:#fba61a;
}
.p-b52{
padding-bottom:52px;
}
.m-r20{
margin-right:20px;
}
.font36px{
font-size:36px;
}
.font24px{
font-size:24px;
}
.shzp-title{
font-weight:bold;
}
.p-b32{
padding-bottom:32px;
}
@media (max-width:1024px){
.rlwzk1{
border-style:solid;
border-width:0 10px 10px 10px;
border-color:#f3f3f3;
}
.rlwzk2{
border-style:solid;
border-width:10px 10px 0 10px;
border-color:#f3f3f3;
}
img{
height:auto;
}
}
@media (max-width:768px){
.font36px{
font-size:32px;
}
.rlwzk1{
border-style:solid;
border-width:0 10px 10px 10px;
border-color:#f3f3f3;
}
.rlwzk2{
border-style:solid;
border-width:10px 10px 0 10px;
border-color:#f3f3f3;
}
}
@media (max-width:600px){
.font36px{
font-size:30px;
}
#NeiRong img{
width:100% !important;
height:auto !important;
}
.rl-input{
width:110px;
height:40px;
}
.p-t90{
padding-top:50px;
}
.rlwzbt:after{
top:88px;
}
.p-t50{
padding-top:25px;
}
.rlzy-title:after{
top:50px;
}
}
/*绀句細鎷涜仒銆佹牎鍥嫑鑱?/
.width100{
width:100%;
}
.width70{
width:70%;
}
.f-r{
float:right;
}
.zpxx-title .th-tr{
background:#f0f0f0;
}
.zpxx-title .th-tr th{
font-weight:bold;
padding:15px;
text-align:center;
}
@media(max-width:600px){
.zpxx-title{
table-layout:fixed;
}
.zpxx-title .th-tr th{
padding:10px;
}
}
.zpxx-title .tb-tr,
.zpxx-title .tb-tr-content{
border-bottom:1px solid #f5f5f5;
cursor:pointer;
}
.zpxx-title tbody tr:nth-child(2n){
border:none;
}
.zpxx-title tbody tr:nth-child(2n) td > div{
border-bottom:1px solid #f5f5f5;
}
.zpxx-title .tb-tr td{
padding:15px;
text-align:center;
}
.zpxx-title .tb-tr-content td{
vertical-align:top;
}
.Zp-p{
margin-bottom:20px;
padding:20px 20px 20px 24px;
}
.zplxfs{
border:10px solid #f5f5f5;
}
.zplxfs-wz{
padding-top:30px;
padding-left:19px;
font-weight:bold;
}
.font18px{
font-size:18px;
}
.p-l34{
padding-left:34px;
}
.p-r34{
padding-right:34px;
}
.zplxfs-img{
padding-left:19px;
padding-right:19px;
margin-top:20px;
}
.zplxfs-p{
padding-left:19px;
padding-right:19px;
color:#666;
}
.m-t20{
margin-top:20px;
}
.m-b5{
margin-bottom:5px;
}
.zplxfsbox{
width:310px;
float:right;
}
.wyyp{
display:block;
width:126px;
height:42px;
border:1px solid #fba61a;
color:#fba61a;
background:transparent;
text-align:center;
line-height:38px;
font-size:16px;
margin-left:15px;
margin-bottom:20px;
}
.english .wyyp{
width:180px;
}
.wyyp:hover{
color:#fff;
background:#fba61a;
}
@media (max-width:1200px){
.width70{
width:100%;
}
.zplxfsbox{
display:none;
}
}
@media (max-width:1024px){
.p-t50{
padding-top:30px;
}
}
@media (max-width:768px){
.p-t50{
padding-top:30px;
}
.m-b50 {
margin-bottom: 25px;
}
.m-t80 {
margin-top:40px;
}
}
@media (max-width:600px){
.p-t50{
padding-top:20px;
}
.m-b50 {
margin-bottom: 25px;
}
.m-t80 {
margin-top:40px;
}
}
/*搴旇仒椤荤煡*/
.ypxz-ul{
display:table;
}
.ypxz-ul li{
width:100%;
border-bottom:1px solid #f5f5f5;
overflow:hidden;
cursor:pointer;
display:block;
}
.ypxz-ul li:first-child{
border-top:2px solid #fba61a;
}
.ypxz-span{
float:left;
color:#fba61a;
font-weight:bold;
width:30px;
}
.ypxz-h1{
float:left;
font-weight:bold;
}
.p-15{
padding:15px;
}
.p-t2{
padding-top:2px;
}
.p-l10{
padding-left:10px;
}
.p-l6{
padding-left:6px;
}
@media (max-width:600px){
.font20px{
font-size:16px;
}
.p-15{
padding:12px;
}
}
/*鍦ㄧ嚎鍜ㄨ*/
.zxzx .box{
min-height:50px;
background-color:#f3f3f4;
}
.zxzx .bt::after{
font-size:20px;
content:"*";
color:red;
position:absolute;
right:15px;
top:15px;
z-index:1;
}
.zxzx .bt.ok::after{
color:limegreen;
}
.zxzx .box.l-h{
}
.zxzx .box label{
float:left;
line-height:50px;
margin:0;
color:#666;
font-weight:normal;
}
.zxzx .box input[type=text],.zxzx .box textarea{
float:left;
height:50px;
width:calc(100% - 81px);
background-color:transparent;
}
@media(min-width:768px){
.english .zxzx .box input[type=text],.english .zxzx .box textarea{
width:calc(100% - 180px);
}
}
@media(max-width:600px){
.english .zxzx .box input[type=text],.english .zxzx .box textarea{
width:calc(100% - 158px);
}
}
.zxzx .box textarea{
min-height:180px;
padding:5px 0;
}
.zxzx .box .radio-box{
margin-right:15px;
}
.zxzx .box .radio-box span{
margin-right:5px;
}
@media(max-width:600px){
.zxzx .btn{
width:100%;
}
}
/*浜烘墠鎴樼暐*/
@media (max-width:1024px){
.font20px{
font-size:16px;
}
.p-15{
padding:12px;
}
.jjfa-info{
padding: 0 60px 60px 60px;
}
.m-t50{
margin-top:40px;
}
}
@media (max-width:768px){
.jjfa-info{
padding: 0 40px 40px 40px;
}
.m-t50{
margin-top:30px;
}
}
@media (max-width:600px){
.jjfa-info{
padding: 0;
}
.m-t50{
margin-top:20px;
}
.bg-gray{
background:#fff;
}
.jjfa-info img{
width:100% !important;
height:auto !important;
}
}
@media(max-width:768px){
.switch-a{
text-align:right;
padding-right:15px;
}
}
.error-404{
position:fixed;
top:22%;
left:0;
right:0;
text-align:center;
}
.error-404 img{
width:auto;
}
@media(max-width:340px){
.error-404{
top:14%;
}
.error-404 img{
width:100%;
}
}
.error-404 a{
display:table;
margin:0 auto;
font-size:18px;
margin-top:25px;
padding-top:25px;
border-top:1px dotted #ddd;
}
.error-404 font{
color:red;
}
/*鏂板鏍峰紡锛堝箍鍛婏級*/
.guangGao{
position:absolute;
bottom:25px;
left:0;
right:0;
height:0;
z-index:10;
}
.guangGao .path{
float:right;
display:block;
width:50px;
height:30px;
text-align:center;
line-height:30px;
/*background-color:rgba(255,255,255,0.3);
color:#888;*/
color:rgba(0,0,0,0.3);
font-weight:bold;
}
@media(max-width:1024px){
.guangGao{
display:none;
}
}
/* 浜у搧涓績涓嬫媺鈥樺箍鍛娾€欐牱寮 */
.guangGao1{
position:absolute;
bottom:0;
top:0;
left:0;
right:0;
height:0;
z-index:10;
}
.guangGao1 .path{
float:right;
display:block;
width:50px;
height:20px;
text-align:center;
line-height:20px;
font-size:12px;
/*background-color:rgba(255,255,255,0.3);
color:#888;
font-weight:bold;*/
color:rgba(0,0,0,0.5);
}
@media(max-width:1024px){
.guangGao1{
display:none;
}
}
/*鍔ㄧ敾20180730*/
/*鍥句竴*/
.b1{
width:100%;
height:100%;
}
.br1-p1{
height:100%;
width:100%;
position:absolute;
left:-100%;
top:0;
background-image:url(../../images/banner0727/br1-1.png);
transition:all 0.5s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br1-p1{
left:0;
opacity:1;
}
.br1-p2{
height:100%;
width:100%;
position:absolute;
top:0;
right:-100%;
background-image:url(../../images/banner0727/br1-2.png);
transition:all 0.5s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br1-p2{
right: 0;
opacity:1;
}
/*鍥句簩*/
.br2-p1{
width:100%;
height:100%;
position:absolute;
top:-100%;
left:0;
background-image:url(../../images/banner0727/br2-1.png);
transition:all 0.5s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br2-p1{
top:0;
opacity: 1;
}
/*鍥句笁*/
.br3{
width:100%;
height:100%;
}
.br3-p1{
position:absolute;
width:100%;
height:100%;
top:0;
left:-100%;
background-image:url(../../images/banner0727/br3-1.png);
transition:all 0.5s ease;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br3-p1{
left:0;
opacity:1;
}
.br3-p2{
position:absolute;
width:100%;
height:100%;
top:0;
left:-100%;
background-image:url(../../images/banner0727/br3-2.png);
transition:all 0.5s 0.2s ease;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br3-p2{
left:0;
opacity:1;
}
/*鍥惧洓*/
.br4-p1{
position:absolute;
top:-100%;
left:0;
width:100%;
height:100%;
background-image:url(../../images/banner0727/br4-1.png);
background-position:center;
transition:all 0.5s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br4-p1{
top: 0;
opacity:1;
}
/*鍥句簲*/
.br5{
height:100%;
width:100%;
}
.br5-p1{
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background-image:url(../../images/banner0727/br5-1.png);
transition:all 0.5s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br5-p1{
left:0;
opacity:1;
}
.br5-p2{
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background-image:url(../../images/banner0727/br5-2.png);
transition:all 0.5s 0.2s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br5-p2{
left:0;
opacity:1;
}
.br5-p3{
position:absolute;
width:100%;
height:100%;
bottom:-100%;
left:0;
background-image:url(../../images/banner0727/br5-3.png);
transition:all 0.5s 0.3s;
opacity:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.banner-list li.active .br5-p3{
bottom: 0;
opacity:1;
}