﻿@charset "utf-8";
@media screen and (max-width: 1366px){
.actGotop{left:auto; right:10px; margin-left:0;}
}
@media screen and (max-width: 1220px){
.layoutlist li a .txt{font-size:13px; line-height:24px;}
.layoutlist li a .txt h2{ padding:10px 0 10px 20px;} 
.layoutlist li a .txt p{ padding:0 20px;}

.inewslist li a{ margin-right:22px;width:324px;}
.inewslist li a .txt h2{ padding:0 10px; color:#8f0000; font-size:16px; line-height:24px;}
.inewslist li a .txt span.time{line-height:36px;font-size:15px;}
.morenews{padding:50px 0 0 0;}
.morenews a{line-height:50px; font-size:20px;}
/*about*/
.about_vd{ margin:28px 0 0 0;}
.about_vd .vdpic{width:100%; text-align:center;}
.about_vd .vdpic .vd{top:45.5%;}
.about_vd .vd_txt{ float:none; width:100%; padding:24px 0 0 0; display:block; overflow:hidden; clear:both;}
.ab_tips{ position:static;width:100%; padding:24px 0 0 0;}
.aboutlist{ margin:0 -15px;}
.aboutlist li{ float:left; width:50%; margin:40px 0 0 0;}
.aboutlist li img{ width:100%; display:block;}
.aboutlist li a{ display:block; padding:0 15px;}
.aboutlist li a p{ margin:8px 0px 0 0px; line-height:28px; height:56px; overflow:hidden;}
.fxshare{ margin:40px 0 0 0;}
.culturelist li .txt{line-height:26px;}
.culturelist li .txt h2{ font-size:20px; line-height:28px; margin:20px 0 0 0;}
.culturelist li .txt span{margin:15px 0 13px;}
.culturelist li .txt p{ height:78px;}
.culturelist li .txt a.more{ margin:20px 0 0 0;width:140px; height:38px; line-height:38px;}

.dutylist li p{ height:120px; overflow:hidden;}

.pro_vd .vdpic2{ width:100%; float:none; position:relative;}
.pro_vd .vd_txt2{ width:100%; float:none; padding:20px 0 0 0;}
.lookmore{margin:0; text-align:center;}

.fullSlide2 .bd li .txt{left:50%;line-height:26px; font-size:16px; letter-spacing:8px;}
.fullSlide2 .bd li .txt h2{ font-size:36px; line-height:36px; padding-bottom:15px;}

.pro_vd .vdpic{ width:50%; float:left;}
.pro_vd .vd_txt{ width:48.5%; float:right; padding-left:5px;}

.newslist{ margin:0;}
.newslist li{ margin-top:40px;}

.news_tit h2{ font-size:22px;line-height:30px;}

.msg_l{ float:left; width:500px;}
.msgtxt2{width:500px;}

.newsban{ margin-top:-250px}
.newsban .bd li .txt{ display:none;}


}
@media screen and (max-width: 1065px){
.coming{ display:none;}
.newsban{ margin-top:0}
.newsban .bd li .txt{ display:block;}
.layoutlist li a .txt{ position:static; width:100%; height:36px; display:block; overflow:hidden; clear:both; text-align:center;background-color:#f3f3f3;color:#aaa; font-size:16px; line-height:36px; -webkit-transition: none;-moz-transition: none;-o-transition:none;-mz-transition:none;transition:none;-webkit-transform:none; -moz-transform:none;-ms-transform:none;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.layoutlist li a .txt h2{ padding:0; font-size:16px; padding-bottom:0;background:none;} 
.layoutlist li a .txt p{display:none;}
.layoutlist li:hover a .txt{-webkit-transform:none; -moz-transform:none;-ms-transform:none; background:#df061b; color:#fff; height:36px; padding-bottom:0;}

.inewslist{margin:38px -12px 0;}
.inewslist li{width:33.3%;}
.inewslist li a{width:auto; display:block; margin:0 12px;}
.inewslist li a.nor{ margin-right:12px;}


/*about*/
.culturelist li .txt a.more{ margin:15px 0 0 0;width:140px; height:38px; line-height:38px;}
.dutylist li{ margin:20px 0 10px 0;}
.pro_vd{margin:30px 0 0 0;}
.pro_vd .vdpic{ width:100%; float:none;}
.pro_vd .vd_txt{ width:100%; float:none; padding:20px 0 0 0;}

.lookmore{margin:15px 0 0 0; text-align:center; float:none;}

.newslist{ margin:0;}
.newslist li{ margin-top:35px;}
.msg_r{ float:none;}

.msg_l{ float:none; width:100%;}
.msgtxt1{width:60%; max-width:390px; padding-left:10px; color:#555; font-size:15px;}
.msgtxt2{width:90%;}
.solutionlist{ margin:0 -8px;}
.solutionlist li a{ display:block; margin:0 8px; color:#555; background:#fff; text-align:center;}
}
@media screen and (max-width: 960px){
.about_m1{padding:30px 0 40px;}
.culturelist li .txt{line-height:22px; font-size:13px;}
.culturelist li .txt h2{ font-size:18px; line-height:26px; margin:12px 0 0 0;}
.culturelist li .txt span{margin:10px 0 8px;}
.culturelist li .txt p{ height:66px;}
.culturelist li .txt a.more{ margin:13px 0 0 0;width:120px; height:32px; line-height:32px;}
.dutylist li{ float:left; width:48%; margin:20px 0 10px 0;line-height:24px;}

.newslist{ margin:0;}
.newslist li{ margin-top:35px;}

.iaboutlist li h2{font-size:20px; line-height:40px;}

.solutionlist li a h2{ font-size:16px; line-height:40px;}

.idealist{padding:0;}
.idealist li p{ padding:4px 0; line-height:20px; font-size:16px;}

/*170505-投资者关系*/
.i_tits span{ font-size: 22px; line-height: 25px; top: -18px; }
.stockl{ width:150px;}
.stockl ul li h2{ font-size: 16px; line-height: 14px; margin-bottom: 12px; }
.stockl ul li h3{ font-size: 20px; }

}

@media screen and (max-width: 800px){
.layoutlist li{width:50%;}
.layoutlist li a .txt h2{font-size:14px;} 

.inewslist{margin:38px -6px 0;}
.inewslist li a{margin:0 6px;}
.inewslist li a.nor{ margin-right:6px;}
.inewslist li a .txt{ padding-top:10px;}
.inewslist li a .txt h2{ padding:0 5px;font-size:14px; line-height:20px;}
.inewslist li a .txt p{ margin:8px 5px; font-size:12px;}
.inewslist li a .txt span.time{ line-height:32px; color:#a8a8a8; font-size:13px;}
.m3{padding-bottom:46px;}
.morenews{  padding:40px 0 0 0;}
.morenews a{ width:35%;line-height:40px; font-size:18px;}


.fullSlide .bd li .txt{left:8%; top:23%; line-height:30px; font-size:15px;}
.fullSlide .bd li .txt h2{ font-size:36px;line-height:40px;}
.fullSlide .bd li .txt h2 span{font-size:15px; }

.fullSlide2 .bd li .txt{left:45%;line-height:24px; font-size:15px; letter-spacing:4px;}
.fullSlide2 .bd li .txt h2{ font-size:30px; line-height:30px; padding-bottom:15px;}
/*about*/

.about_m1{padding:25px 0 35px;}
.about_tit{ display:block; overflow:hidden; clear:both; text-align:center; color:#4c4c4c; font-size:13px;}
.about_tit h2{ line-height:40px; font-size:22px;}
.about{margin:20px 0 0 0; font-size:13px; line-height:26px;}
.about_vd{ display:block; overflow:hidden; clear:both; margin:20px 0 0 0; position:relative;}
.about_vd .vd_txt{ padding-top:16px;}
.ab_tips{padding:18px 0 0 0;}
.aboutlist{ margin:0 -12px;}
.aboutlist li{margin:28px 0 0 0;}
.aboutlist li a{padding:0 12px;}
.aboutlist li a p{ margin:8px 0px 0 0px; line-height:26px; font-size:13px; height:52px; overflow:hidden;}
.fxshare{ margin:30px 0 0 0;padding-top:15px;}
.share{line-height:27px; font-size:13px; margin:3px 0 0 0;}
.about2{ margin:5px 0 0 0;}

.culturelist li .txt{line-height:22px; font-size:13px;}
.culturelist li .txt h2{ font-size:16px; line-height:24px; margin:10px 0 10px 0;}
.culturelist li .txt span{margin:12px 0 10px; display:none;}
.culturelist li .txt p{ height:44px;}
.culturelist li .txt a.more{ margin:13px 0 0 0;width:100px; height:30px; line-height:30px;}

.dutylist li h2{ font-size:16px; padding:10px 0 8px;}
.dutylist li p{ height:150px; overflow:hidden; font-size:13px;}

.pro_vd{margin:28px 0 0 0;}


.pro_vd{margin:20px 0 0 0;}
.pro_vd .vdpic{ width:100%; float:none}
.pro_vd .vd_txt{ width:100%; float:none; padding-left:0; padding-top:15px;}

.newslist{ margin:0;}
.newslist li{ margin-top:35px;}

.news_tit{margin:30px 0 0 0; font-size:13px;}
.news_tit h2{ font-size:20px;line-height:26px;}


.joins_wrap{ width:auto; display:block; overflow:hidden; clear:both; padding:0 10px;}
.contactlist li{ float:none; width:100%; padding:10px 0 30px; display:block; overflow:hidden; clear:both;}
.contactlist li.spa{ float:none;}

.subnavlist{ display:block; overflow:hidden; clear:both; margin:28px 0 0 0;}
.subnavlist li{padding-right:12px;margin-right:12px;}
.contactlist li h2{ color:#3f3f3f; font-size:18px; margin-bottom:0; padding-bottom:5px;}
.contactlist li{ font-size:13px;}
.contact{ display:block; overflow:hidden; clear:both; margin:30px 0 20px 0;}

.actGotop{ width:35px;}

.iaboutlist li h2{font-size:18px; line-height:40px;}


/*170205-投资者关系*/
.i_prods ul li{ line-height: 32px; font-size: 13px; }
.tits { line-height: 20px; font-size: 20px; margin-bottom: 13px; }
.nitce ul li{ font-size: 12px; }
}

@media screen and (max-width: 640px){
.ban{ margin-top:51px;}
.title{ margin:30px 0 0 0;}

.inewslist{margin:0;}
.inewslist li{ width:100%; margin:20px 0 0 0;}
.inewslist li a{margin:0;}
.inewslist li a .txt h2{ font-size:15px;}
.inewslist li a.nor{ margin-right:0;}
.inewslist li a .txt p{font-size:13px;}
.inewslist li a .txt span.time{font-size:13px;}

.fullSlide .hd ul li{width:32px;}
.fullSlide .bd li .txt{left:8%; top:18%; line-height:22px; font-size:13px;}
.fullSlide .bd li .txt h2{ font-size:24px; line-height:30px;}
.fullSlide .bd li .txt h2 span{ font-size:13px;}
.fullSlide .bd li .txt .line{margin:10px 0 15px 0;}
.layoutlist li:hover .txt{background:#f3f3f3; color:#aaa;}

.fullSlide2 .bd li .txt{left:45%;line-height:24px; font-size:14px; letter-spacing:0px;}
.fullSlide2 .bd li .txt h2{ font-size:26px; line-height:26px; padding-bottom:12px;}

/*about*/
.about2{ margin:5px 0 0 0;}
.ab_tips a.more{ width:115px; height:36px; line-height:36px;}
.share{ margin:3px 0 0 0;}
.aboutlist{ margin:0;}
.aboutlist li{ float:none;width:100%; margin:20px 0 0 0;}
.aboutlist li a{padding:0;}
.aboutlist li a p{ line-height:22px; font-size:13px; height:auto;}


.culturelist li .pic{ width:100%;}
.culturelist li .txt{line-height:24px; font-size:13px; display:block; overflow:hidden; clear:both; width:auto; padding:0 10px 20px;}
.culturelist li .txt h2{margin:14px 0 10px 0;}


.dutylist li{ float:none; width:100%; font-size:13px; line-height:24px;}
.dutylist li.spa{ float:none;}
.dutylist li h2{ font-size:16px; padding:10px 0 5px;}
.dutylist li p{ height:auto;}



.solutionlist{ margin:0; padding-top:5px;display:block; clear:both;}
.solutionlist li{ float:none; width:100%; margin:15px 0 5px; display:block;clear:both;}
.solutionlist li a{ display:block; margin:0;-webkit-box-shadow:1px 1px 1px 1px #ddd;-moz-box-shadow:1px 1px 1px 1px #ddd;box-shadow:1px 1px 1px 1px #ddd;}

.pro_vd{margin:15px 0 0 0;}
.pro_vd .vdpic3{margin:15px 0 15px;}

.lookmore{float:none; margin:20px 0 0 0; text-align:center;}
.lookmore .look{line-height:36px; width:132px;}
.pgtips{margin:25px 0 0 0;font-size:13px;}



.join_txt{ line-height:28px; float:none;text-align:center;font-size:14px;}
.join_txt h2{ font-size:22px; padding-bottom:15px;}
.joinuslist{ float:none; width:100%; margin:30px 0 0 0;}
.joinuslist li{ float:left; width:45%; border:2px solid #fff; height:auto;}
.joinuslist li a{font-size:12px; display:block; padding-bottom:8px; clear:both; overflow:hidden;}
.joinuslist li.spa{ float:right;}
.joinuslist li:hover{ border:2px solid #e02436; background:#e02436;}
.joinuslist li span{ float:left; margin:10px 5px 0 8px; width:60px; height:54px;}
.joinuslist li .txt{ float:left; margin:8px 0 0  0; width:125px;}

.cypiclist li{ float:none; width:100%;}
.cypiclist li span{ display:block; margin:10px 0;}
.iaboutlist{ margin-top:10px;}
.iaboutlist li{float:none; width:100%; display:block; overflow:hidden; clear:both; margin-top:15px;}

.idealist{padding:0;}
.idealist li{ margin:20px 0 0 0; width:100%;}
.myvedio{height:auto; margin:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:block; overflow:hidden; clear:both; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; box-sizing:border-box; padding:0 10px;}

/*170505-投资者关系*/
.ban_o{ margin-top: 51px; }
.investor{ padding-top: 40px; }
.i_tits span {font-size: 20px;line-height: 20px; top: -15px; width: 130px;}
.stock{ margin-top: 45px; }
.stockl{ width: 110px; }
.stockr{ width: 74%; }
.stockl ul li{ background-image: url(../images/up_o.jpg); padding-left: 18px; margin-bottom: 20px;}
.stockl ul li h2{ font-size: 14px; line-height: 9px; }
.stockl ul li h3{ font-size: 16px; }
.tits{ font-size: 18px; line-height: 18px; }
.i_prods{ width: 100%; }
.i_prods ul li{ line-height: 30px; font-size: 12px; }
.nitce{ width: 100%; margin-bottom: 28px; }
.nitce h2{ height: 35px; line-height: 35px; }
.nitce h2 i{ width: 120px; font-size: 16px; }
.more_o{ font-size: 12px; margin-top: 15px; }

}
@media screen and (max-width: 480px){
.about_party_worker_img-title {position: absolute;opacity: 70%;text-align: center;background-color: #C41D20;color: #ffffff;bottom: 0;left: 0;right: 0;line-height: 44px;top: 86%;}
.about_party_worker_img{ display: flex; flex-direction: column;}
.about_party_worker_grid {display: grid;grid-template-columns: repeat(1, 1fr);}
.about_party_worker_grid_tow_columns {display: grid;grid-template-columns: repeat(1, 1fr);}  .about_party_worker_img-title{ position: relative;opacity: 70%;text-align: center;background-color: #C41D20;color: #ffffff;bottom: 0;left: 0;top: -44px;line-height: 44px; }
.about_party_worker_ul {list-style-type: decimal;margin-left: 16px;}
.about_party_worker_ul li {margin-bottom: 10px; line-height: 1.2;font-size: 0.6rem;}
.about_party_worker_grid_item_honors img{min-height: 73vh;}
.about_party_worker_home{background-color: #fafafa;padding: 3px 8px;}
.about_party_worker_qrcode{text-align: right;margin-top: 10px}



.title{margin:25px 0 0 0;padding-left:92px;font-size:14px;}
.title h2 span{font-size:18px;height:26px; line-height:26px;}
.title2{ padding-left:60px;}
.layoutlist{ margin-top:25px;}
.iaboutlist{margin:25px 0 0 0;}

.morenews{  padding:25px 0 0 0;}
.morenews a{ width:45%;font-size:16px;}
.m3{padding-bottom:30px;}

.fullSlide .hd ul li{width:32px;}
.fullSlide .bd li .txt{left:4%; top:12%; line-height:18px; font-size:12px;}
.fullSlide .bd li .txt h2{ font-size:20px; line-height:26px;}
.fullSlide .bd li .txt h2 span{ font-size:12px; line-height:14px;}
.fullSlide .bd li .txt .line{margin:10px 0 10px 0;}

.fullSlide2 .hd{ bottom:0; height:25px; line-height:25px;}
.fullSlide2 .hd ul li{ width:30px;}
.fullSlide2 .bd li .txt{left:40%; top:25%;line-height:18px; font-size:13px; letter-spacing:0px;}
.fullSlide2 .bd li .txt h2{ font-size:20px; line-height:20px; padding-bottom:10px;}

.about_m1{padding:15px 0 25px;}
.about_tit{font-size:13px;}
.about_tit h2{ line-height:36px; font-size:20px;}
.about{margin:16px 0 0 0;}
.about2{margin:5px 0 0 0;}
.about_vd{ margin:16px 0 0 0;}
.ab_tips{padding:16px 0 0 0;}

.news_tit h2{ font-size:16px;line-height:20px;}


.join_txt{ height:240px;}
.joinuslist{margin:0;}
.joinuslist li{ float:none; width:260px; display:block; overflow:hidden; clear:both; margin:20px auto 0;border:2px solid #fff; height:auto;}
.joinuslist li a{font-size:12px; display:block; padding-bottom:8px; clear:both; overflow:hidden;}
.joinuslist li.spa{ float:none;}
.joinuslist li:hover{ border:2px solid #e02436; background:#e02436;}
.joinuslist li span{ float:left; margin:10px 12px 0 8px; width:77px; height:54px;}
.joinuslist li .txt{margin:8px 0 0  0; float:left; width:125px;}

.msg_div{ margin-bottom:15px; line-height:36px; font-size:13px;}
.msg_div span{margin-right:8px;}
.msgtxt1{height:34px; border-radius:6px;padding-left:6px;font-size:13px;}
.msgtxt2{border-radius:6px;padding-left:6px;font-size:13px;height:160px;}
.msg_power{ margin:30px 0 0 0;}

/*170505-投资者关系*/
.investor{ padding-top: 30px; }
.stock{ margin-top: 40px; }
.i_tits span {font-size: 18px; line-height: 18px; top: -12px; width: 120px;}
.stockl{ width: 85px; }
.stockr{ width: 70%; }
.stockl ul li{ background-image: url(../images/up_o.jpg); padding-left: 15px; margin-bottom: 18px;}
.stockl ul li h2{ font-size: 12px; line-height: 9px; margin-bottom: 8px; }
.stockl ul li h3{ font-size: 14px; }


}
@media screen and (max-width:360px){
.fullSlide .bd li .txt .line{margin:10px 0 8px 0;}
.fullSlide .bd li .txt h2 span{ font-size:12px; line-height:12px;}
.fullSlide .bd li .txt h2{ font-size:16px; line-height:20px;}
.fullSlide .bd li .txt{line-height:16px;}

.ab_tips a.more{ width:108px; height:36px; line-height:36px;}
.fullSlide2 .bd li .txt{left:30%;}
.about{ line-height:24px;}
.about2{margin:0;}
}


