html {
font-size: 62.5%;
font-size:75%\9;
color: #222;
}
*{margin:0;padding: 0;font-family:Microsoft Yahei;}
::selection {
background-color: #b3d4fc;
text-shadow: none;
}
ul {
margin: 0;
padding: 0;
}
a{color:#333;text-decoration: none}
li {
list-style: none;
}
body{background: #fff; }
body > div{ margin:0 auto; }
.top_wrap { height:46px; background:#fff; width:100%; border-bottom:1px solid #eee; }
.top { height:46px; margin:0 auto; }
.top_notice { height:46px;float:left; width:50%; }
.top_notice i{ float:left; line-height:46px; padding:0 13px 0 5px; color:#e2484b }
.top_notice p{ float:left; line-height:46px; font-size:13px; color:#555; }
.top_right { height:46px; float:right; }
.top_right li { float:left; margin:12px 0; padding:0 20px; height:17px; }
.top_right li a{ display:block; height:17px; color:#555; font-size:13px; }
.top_right li.weixin{ background:url(../images/hoticonweixin.png) no-repeat 10px center; padding-left:45px; position:relative; }
.weixin img { width:100px;height:100px; position:absolute;top:19px; left:0px;z-index:9;display:none; }
@media (min-width: 1439px){
.top { width:1400px; }
}
@media ( min-width: 980px ) and (max-width: 1438px){
.top { width:96%; margin:0 2%; }
}
@media (min-width: 768px)and (max-width: 979px){
.top_wrap { display:none;}
}
@media (max-width: 767px){
.top_wrap { display:none;}
}
@media (max-width: 480px) {
}
.head_wrap {height: 90px;width: 100%;overflow:hidden;background:rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0.2);/* position:absolute; *//* left:50%; *//* transform:translateX(-50%); */}
.nav_wrap {height: 90px;margin:0 auto;}
.head_logo { float:left; }
.head_nav_icon { float:right; width:40px; height:40px; border-radius:40px; background:rgba(255,255,255,0.3);transition:300ms; margin-top:19px; }
.head_nav_icon a { display:block; color:#fff; text-align:center; line-height:40px; font-size:18px; transition:300ms; }
.head_nav_icon a:hover { text-decoration:none; transform:scale(1.1); }
.head_nav_icon:hover { background:rgba(255,255,255,0.4); }
.navunder_line {position: absolute;left:35px;bottom: -1px;width:32px;height: 2px;background: #fff;}
.head_sosuo_con input{border:none;border-bottom:1px solid #eee;line-height:32px;width: 210px;margin-left:37px;padding:0px 5px;margin-top: 28px;}
.head_sosuo_con input:focus {outline:none; }
.head_sosuo_con i{color:#e2484b;position:absolute;font-size:18px;top: 6px;right: 0px;line-height:78px;}
.head_sosuo_icon {width:53px;float:right;height:78px;background:#e2484b;text-align:center;cursor:pointer;display: none;}
.head_sosuo_icon i{ line-height:78px; font-size:24px; color:#fff; }
.move_nav_icon { width: 33px; height: 23px; right: 15px; top: 18px;position:absolute; cursor: pointer; z-index:5; }
.move_nav_icon li{ background:#e2484b;display: block;margin: 0;padding: 0; width:100%;
border: none; position: absolute;transition: .5s .3s; height: 3px;}
.move_nav_icon li:nth-child(1) { width: 100%; top: 0;right: 0; }
.move_nav_icon li:nth-child(2) { width: 40%;top: 50%;left: 0;margin-top: -2px;opacity: 1; }
.move_nav_icon li:nth-child(3) { width: 40%;top: 50%;right: 0;margin-top: -2px; opacity: 1; }
.move_nav_icon li:nth-child(4) { width: 100%;bottom: 0; right: 0; }
.move_nav_icon.selected_add { left: 20px; }
.move_nav_icon.selected_add li{ background:#fff; }
.selected_add.move_nav_icon li:nth-child(1) {width: 100%;top: 50%;margin-top: -2px;transform: rotate(45deg); transform-origin: center;}
.selected_add.move_nav_icon li:nth-child(2) { opacity: 0;left: -50%;}
.selected_add.move_nav_icon li:nth-child(3) {opacity: 0;right: -50%; }
.selected_add.move_nav_icon li:nth-child(4) {width: 100%; bottom: 50%;margin-bottom: -2px;transform: rotate(-45deg);transform-origin: center; }
.head_nav_wrap li a i{ padding-right:15px;display:none; }
.side-phone { padding:0 35px; position:relative; margin-top:25px; }
.side-phone p b {display: block;font-weight: normal; color: rgba(0,0,0,.6); float:12px; }
.side-phone p a { display: block;color: rgba(0,0,0,1);font-size: 22px; letter-spacing: -1px; }
.side-phone i { position:absolute;bottom:3px;right:35px; display: block;font-size: 28px;color: rgba(255,255,255,1);background: rgba(0,0,0,.8);padding: 4px 4px 0 4px; margin-top: 9px; cursor: pointer; }
.move_nav_bg { position:fixed; top: 0px;left:0px;right:0px;bottom:0px; background:rgba(0,0,0,0.6);z-index:4; display:none; transition:300ms; }
.move_nav_bg.move_nav_bgon { display:block; }
.move_nav_login { width:50px; height:50px; margin:25px 0 10px 35px; position:relative; transition:500ms; opacity: 0; transform: translateX(1000%); }
.move_nav_login a{ display:block;width:50px; height:50px; border-radius:50px; background:rgba(255,255,255,0.3); line-height:50px; text-align:center; }
.move_nav_login i{ font-size:26px;color:rgba(255,255,255,0.8); }
.move_nav_yuyan { margin-top:15px; padding-left:35px;position:relative; transition:2s; opacity: 0;transform: translateY(500%); }
.head_nav_wrap.selected_nav .move_nav_yuyan { opacity: 1; transform: translateY(0); }
.move_nav_yuyan a{ font-size:12px;color:rgba(255,255,255,0.8); line-height:18px; }
.selected_nav .move_nav_login { opacity: 1; transform: translateX(0); }
.head_nav_wrap ul{ }
.head_nav_wrap.selected_nav ul li { opacity: 1; transform: translateY(0); }
.head_nav_wrap.selected_nav ul li:nth-child(1){ transition-delay:0.1s; }
.head_nav_wrap.selected_nav ul li:nth-child(2){ transition-delay:0.2s; }
.head_nav_wrap.selected_nav ul li:nth-child(3){ transition-delay:0.3s; }
.head_nav_wrap.selected_nav ul li:nth-child(4){ transition-delay:0.4s; }
.head_nav_wrap.selected_nav ul li:nth-child(5){ transition-delay:0.5s; }
.head_nav_wrap.selected_nav ul li:nth-child(6){ transition-delay:0.6s; }
.head_nav_wrap.selected_nav ul li:nth-child(7){ transition-delay:0.7s; }
.head_nav_wrap.selected_nav ul li:nth-child(8){ transition-delay:0.8s; }
.head_nav_wrap.selected_nav ul li:nth-child(9){ transition-delay:0.9s; }
.head_nav_wrap.selected_nav ul li:nth-child(10){ transition-delay:1s; }
.nav_wrap {/* position:relative; */}
@media (min-width: 1439px){
.head_wrap {width: 1400px;/* transform:translateX(-50%); */top:46px;}
.head_logo { float:left; }
}
@media ( min-width: 980px ) and (max-width: 1438px){
.head_logo { float:left; }
}
@media (min-width: 980px ){
.head_wrap { z-index:1;}
.move_nav_login { display:none; }
.head_nav_wrap {float: right;padding-left: 0px;}
.head_nav_wrap li{float:left;line-height: 90px;padding: 0 0px;}
.head_nav_wrap li a{display:block;line-height: 90px;color: #000;position:relative;transition:300ms;font-size:16px;padding: 0px 23px;}
.head_nav_wrap li a:hover {text-decoration:none;background: #da231a;color: #fff;}
/*.head_nav_wrap li.nav_li_selected a::after{ content:""; width:100%;height:1px; background:#fff; position:absolute;left:0px;bottom:0px; }
.head_nav_wrap li a:hover::after { content:""; width:100%; height:1px; transition:300ms; background:#fff; position:absolute;left:0px;bottom:0px; }*/
.move_member{ display:none;}
.move_nav_icon { display:none;}
.move_nav_yuyan { display:none;}
.head_nav_wrap {position:relative;}
.head_wrap {border-radius:13px;border-top-left-radius:0;border-top-right-radius:0;/* background:url(../images/logoright_bg.png) no-repeat right top; */background-size:auto 100%;}
.head_logo {height: 90px;width: auto;float:left;/* background:url(../images/logo_bg.png) no-repeat; */}
.head_nav_wrap li a i{ display:none;}
.head_sosuo_wrap {float:right;width:275px;height:78px;display: none;}
.head_sosuo_con {float:left;width: 229px;height:78px;position:relative;line-height:78px;display: none;}
.side-phone { display:none;}
}
@media (max-width: 979px){
.head_nav_wrap {position: fixed;width: 75%;padding-bottom:20px;background: rgba(255,255,255,1);overflow:hidden;height:600px;right:0px;top:0px;bottom:0px;z-index: 999999999;transform:translateX(100%);transition:300ms;}
.head_nav_wrap.selected_nav { transform:translateX(0%); padding-top:80px; }
.move_nav_login {display:block; }
.move_nav_yuyan { display:block;}
.head_nav_wrap ul li{ position:relative; }
.head_nav_wrap ul li a{ line-height:52px; padding-left:35px; color:#fff; font-size:16px; display:block; }
.head_nav_wrap ul li{ transition:all .3s ease-in-out; opacity: 0; transform: translateY(300%); }
.head_wrap { border-bottom:none; }
.head_logo { z-index:1; }
.head_sosuo_wrap { transition:all 300ms;transform:translateY(-200%); position:absolute;top:10px;right:15px;opacity:0; z-index:1; }
.selected_sosuo.head_sosuo_wrap{display:block;z-index: 99999999999999999999;width:60%;transform:translateY(0%);opacity:1;}
.head_sosuo_icon { display:none; }
.nav_li_selected { background:#e2484b; }
.head_nav_wrap ul li.nav_li_selected a { color:#fff; }
.head_sosuo_con { width:100%; height:60px; line-height:60px; }
.head_sosuo_con input { margin:0px; width:100%; line-height:49px; box-sizing:border-box; }
.head_sosuo_con i { line-height: 50px; }
.side-phone { display:block;}
}
@media (min-width: 980px )and (max-width: 1250px){
.head_nav_wrap li {/* padding: 0 10px; */}
.head_nav_wrap li a{font-size:14px; }
}
@media (min-width: 768px)and (max-width: 979px){
.nav_wrap { position:relative; }
/*.head_logo { position:absolute; left:50%; transform:translateX(-50%); top:0px; }*/
.head_nav_icon { display:none; }
.nav_wrap { position:relative; height:78px; }
.move_nav_icon { top: 29px; }
.head_logo { height: 100%; }
.head_logo a { display:block; }
.head_wrap { position: relative; }
.head_nav_wrap ul li a { line-height: 60px;padding-left: 35px;color: #000;font-size: 16px; }
}
@media (max-width: 767px){
.nav_wrap {position:relative;/* height:60px; */}
.head_logo { height: 100%; }
.head_logo a { display:block; }
.head_logo img {max-height:60px;}
.head_nav_icon { display:none; }
.head_nav_wrap { height:100%; }
.head_nav_wrap ul li a{ line-height:60px; padding-left:35px; color:#000; font-size:16px; }
.move_nav_login { width:42px; height:42px; }
.move_nav_login a{ width:42px; height:42px; line-height:42px; }
.move_nav_login i {font-size:16px; margin-top:-3px; }
.head_wrap {/* height:60px; */}
.nav_wrap:after { content:""; width:100%; height:1px; background: rgba(255,255,255,0.5);transform:scaleY(0.3); position:absolute;left:0px;bottom:0px; z-index:1; }
.navunder_line { display:none;}
.head_wrap { position:relative; }
}
@media (min-width: 980px )and (max-width: 1250px){
.navunder_line {left:10px;}
}
@media (min-width: 1439px){
.head_wrap {width:1400px;margin: auto;}
}
@media ( min-width: 980px ) and (max-width: 1438px){
.head_wrap { width:96%; /*margin:0 2%;*/ }
}
.index_hotpro_wrap {overflow:hidden;margin-top: 90px;}
.index_hotpro_wrap ul li {transition:all 500ms ease-in-out;width:22%;float:left;box-sizing:border-box;border:1px solid #eee;/* border-left:none; */margin-bottom: 30px;}
.index_hotpro_wrap ul li:nth-child(1) {border-left:1px solid #eee; }
.index_hotpro_wrap ul li.hotpro_selected{width:34%;background: #fff;}
.hotpro_img {height:260px;text-align:center;overflow: hidden;}
.hotpro_img img{vertical-align: middle;max-height: 95%;max-width: 95%;transition:all 500ms;overflow: hidden;}
.index_hotpro_wrap ul li.hotpro_selected .hotpro_img img { transform:scale(1.2); }
.index_hotpro_wrap ul li p{transition:all 500ms ease-in-out;height:36px;text-align:center;border-bottom:1px solid #eee;font-size:18px;color:#333;z-index: 99999999;position: relative;}
.index_hotpro_wrap ul li p span{ height:36px;display:inline-block; border-bottom:1px solid #e2484b;margin-bottom:-1px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; max-width:80%; }
.hotpro_href { height:80px; position:relative; }
.hotpro_href a { display: block; font-size:15px; padding: 0 10px; color:#e2484b; text-align:center; line-height: 40px; width: 225px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.index_hotpro_wrap ul li.hotpro_selected p{ border-bottom:1px solid #fff; }
.index_hotpro_wrap ul li.hotpro_selected .hotpro_href a{ background:#e2484b;color:#fff; }
@media (min-width: 1439px){
.index_hotpro_wrap {width: 80%;}
}
@media ( min-width: 980px ) and (max-width: 1438px){
.index_hotpro_wrap { width:96%; margin:0 2%;margin-top:20px; }
}
@media (min-width: 980px){
}
@media ( min-width: 768px ) and (max-width: 979px){
.index_hotpro_wrap ul li.hotpro_selected { width:50%; }
.index_hotpro_wrap ul li { width:50%; }
}
@media (max-width: 767px){
.index_hotpro_wrap ul li { width:100%; margin-top:-1px; }
.index_hotpro_wrap ul li.hotpro_selected { width:100%; }
}
.index_about_wrap { overflow:hidden;margin-top:20px; }
.index_about_con { width:100%; height:410px; box-sizing:border-box;padding-left:62px;padding-top:30px; border:1px solid #eee; position:relative; background:url(../images/aboutimg.png ) no-repeat right center; background-size:60% 100%; }
.titimg { position:absolute;left:0px;top:0px;}
.index_about_con h2{ height:60px;line-height:60px;font-weight:normal; font-size:20px; color:#333; width:45%; border-bottom:1px solid #eee; }
.index_about_con h2 span{ line-height:60px;max-width:100%;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;display:inline-block;border-bottom:1px solid #e2484b;margin-bottom:-1px; }
.index_about_con_bjq p{ line-height:36px; width:45%; height:180px; overflow:hidden; color:#696969; text-align:justify; }
.index_about_con_bjq { margin-top:15px; }
.index_about_con_more { width:138px; margin-top:15px; height:46px; transition:all 300ms; border:2px solid #e2484b; color:#e2484b;font-size:15px; text-align:center;line-height:42px; display:block; }
.index_about_con_more:hover { background:#e2484b;color:#fff; }
@media (min-width: 1439px){
.index_about_wrap { width:1400px; }
}
@media ( min-width: 980px ) and (max-width: 1438px){
.index_about_wrap { width:96%; margin:0 2%;margin-top:20px; }
}
@media ( min-width: 768px ) and (max-width: 979px){
.index_about_con { background-size: 50% 100%; }
}
@media (max-width: 767px){
.index_about_con { background-image:none; background:#fff; padding:30px 20px; }
.index_about_con h2 { text-align:center; width:100%; }
.index_about_con_bjq p { width:100%; }
.index_about_con_more { margin:30px auto 0; }
}
.index_xijie_wrap {overflow:hidden;margin-top:20px;margin: auto;}
.index_xijie_con { background:#eee; position:relative; overflow:hidden; }
.index_certificate_con { box-sizing:border-box;border:1px solid #eee; }
.xijie_con { width:100%; height:480px; position:relative; }
.xijie_con_tit { height:50px; position:absolute; width:100%; overflow:hidden; left:0px;bottom:30px; }
.xijie_con_tit p{height:50px;line-height:50px;color:#fff;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: #da231a;position:absolute;left:15px;z-index:999;padding:0 16px;}
.xijie_con_tit a{ height:50px; line-height:50px; color:#fff; border:1px solid #fff; width:80px; position:absolute; right:15px;z-index:999; box-sizing:border-box; text-align:center; }
.certificate_tit { height:62px; border-bottom:1px solid #eee; }
.certificate_tit h2{ line-height:62px; display:inline-block;float:left;margin-left:35px; font-size:18px;color:#555; font-weight:normal; border-bottom:1px solid #e2484b;margin-bottom:-1px; }
.certificate_tit p{ line-height:62px; float:right;display:inline-block; margin-right:35px; cursor:pointer; }
.certificate_list li{ float:left; width:50%; height:417px; box-sizing:border-box; padding:35px;padding-left:17px; }
.certificate_list li a{ display:block; width:100%; height:347px; background:#eee; display: table-cell;vertical-align: middle;text-align: center; }
.certificate_list li:nth-child(2n+1){ padding:35px; padding-right:18px; }
.certificate_list li a img { vertical-align: middle; max-height: 95%; max-width: 95%; }
.certificate_list.certificate_list_selected li:nth-child(1){ display:none; }
.certificate_list.certificate_list_selected li:nth-child(2){ display:none; }
.certificate_list li:nth-child(3){ display:none; }
.certificate_list.certificate_list_selected li:nth-child(3){ display:block; }
.certificate_list li:nth-child(4){ display:none; }
.certificate_list.certificate_list_selected li:nth-child(4){ display:block; }
@media (min-width: 1439px){
.index_xijie_wrap {width: 80%;}
}
@media ( min-width: 980px ) and (max-width: 1438px){
.index_xijie_wrap { width:96%; margin:0 2%;margin-top:20px; }
}
@media ( min-width: 768px ) and (max-width: 979px){
.xijie_con { height:300px; }
.certificate_list li{ height:236px;padding:15px;padding-left:7px; }
.certificate_list li:nth-child(2n+1){ padding:15px; padding-right:8px; }
.certificate_list li a{ height:204px; }
}
@media (min-width: 767px){
.index_xijie_con { width:38%; float:left; }
.index_certificate_con { width:60%;float:right; }
}
@media (max-width: 767px){
.xijie_con { height:350px; }
.index_certificate_con { margin-top:20px; }
.certificate_list li { height:200px; }
.certificate_list li{ height:200px;padding:15px;padding-left:7px; }
.certificate_list li:nth-child(2n+1){ padding:15px; padding-right:8px; }
.certificate_list li a { height:200px; }
}
.index_news_wrap { overflow:hidden; margin-top:20px; }
.index_news_con { width:38%; height:480px; float:left; background:#eee; position:relative; overflow:hidden; }
.index_newslist_con { height:480px; box-sizing:border-box;border:1px solid #eee; }
.hotnews_con_tit { height:50px; position:absolute; width:100%; overflow:hidden; left:0px;bottom:30px; }
.hotnews_con_tit p{ height:50px; line-height:50px; color:#fff; max-width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position:absolute; left:15px;z-index:999; padding:0 13px; }
.hotnews_con_tit a{ height:50px; line-height:50px; color:#fff; border:1px solid #fff; width:80px; position:absolute; right:15px;z-index:999; box-sizing:border-box; text-align:center; }
.index_newslist_con ul li { height:160px; position:relative; box-sizing:border-box; border-bottom:1px solid #eee; padding:15px 15px 15px 160px; }
.index_newslist_con ul li img{ width:130px;height:130px; position:absolute;left:15px;top:15px; }
.index_newslist_con ul li h2 { font-size:18px; font-weight:normal; color:#555; line-height:26px; width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.index_newslist_con ul li p { font-size:14px; color:#999; margin-top:10px; line-height:26px; width:100%;height:52px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; }
.index_newslist_con ul li span { display:block; color:#999; font-size:12px; margin-top:10px; }
@media ( min-width: 1439px ){
.index_news_wrap { width:1400px; }
}
@media ( min-width: 980px ) and ( max-width: 1438px ){
.index_news_wrap { width:96%; margin:0 2%;margin-top:20px; }
}
@media ( min-width: 768px ) and (max-width: 979px){
.index_newslist_con ul li img { top:10px; }
.index_news_con { height: 300px; }
.index_newslist_con ul li { height:150px; padding: 10px 15px 10px 160px; }
.index_newslist_con ul li:nth-child(3) { display:none;}
.index_newslist_con { height: 300px; }
.xijie_con_tit p {max-width: 45%; }
.hotnews_con_tit p {max-width: 45%; }
}
@media (min-width: 767px){
.index_newslist_con { width:60%;float:right; }
}
@media (max-width: 767px){
.index_news_con { display:none; }
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url(../images/prevbg.png)!important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../images/nextbg.png)!important; }
.footer_con_wrap { background:#262626; margin-top:40px; }
.footer_bottom_wrap { background:#222; }
.footer_con { overflow:hidden; }
.footer_con_left {float:left; padding:20px 0; width:60%; }
.footer_con_left p{ color:#bcbcbc; font-size:12px; line-height:28px; }
.footer_con img{ margin-top:21px; }
.erweima { overflow:hidden; }
.bottom_tel { margin-right:20px; }
.footer_bottom_con img{ float:left; height:100%; margin-top:15px; }
.footer_bottom_right { padding:13px 0; }
.footer_bottom_right .text { color:#777; font-size:12px; text-align:right; line-height:28px; }
.footer_bottom_right .text a{ color:#777; font-size:12px; }
.footer_bottom_right>div{ }
@media (min-width: 1439px){
.footer_con {width: 80%;margin:0 auto;}
.footer_bottom_con {width: 80%;margin:0 auto;}
}
@media (min-width: 980px )and (max-width: 1438px){
.footer_con { width:96%; margin:0 2% ; box-sizing:border-box; }
.footer_bottom_con { width:96%; margin:0 2% ; box-sizing:border-box; }
}
@media ( min-width: 980px ) and (max-width: 1438px){
.quality_con { width:96%; margin:0 2% ; box-sizing:border-box; margin-top:35px; }
}
@media (min-width: 768px){
.footer_bottom_wrap { height:82px; }
.footer_bottom_right .text {text-align: left;}
.footer_bottom_con .footer_bottom_right{float: left;}
.footer_bottom_right > div p {text-align: left;}
.footer_con img{ float:right; margin-top:21px; }
.bottom_tel { margin-right:20px;}
}
@media ( min-width:768px ) and (max-width: 980px ){
.footer_con{ width:96%; margin:0 2% ; box-sizing:border-box; }
.footer_bottom_con{ width:96%; margin:0 2% ; box-sizing:border-box; }
.footer_con_left { width: 40%; }
}
@media ( max-width:767px ){
.footer_con_left { display:none; }
.footer_bottom_con img { display:none; }
.footer_bottom_wrap { overflow:hidden; }
.footer_bottom_right .text { text-align:center; }
.footer_bottom_con { overflow:hidden;width:96%; margin:0 2% ; box-sizing:border-box; }
.footer_bottom_con .footer_bottom_right { }
.footer_bottom_right > div p { text-align:center; }
.erweima img{ margin:21px auto; display:block; }
.bottom_tel { width:60%; }
}
.bottom2{
height:42px;
}
.duoduan { float:right; }
.duoduan li{ float:left; padding:0 0px; position:relative; }
.duoduan li:hover { background:rgba(255,255,255,0.2); }
.duoduan li p{ display:none; position:absolute;width:100px;height:110px;left:-0px; top:-130px; padding:10px;background:#fff;line-height:024px!important; color:#555!important; }
.duoduan li:hover p { display:block; }
.duoduan li p img{ width:100px;height:100px; margin-top:0px; }
@media only screen and (max-width:767px) {
.duoduan { display:none;}
.bottom2 { height:auto; }
}
.s311_nav
{
background:url(../images/nav_1_02.jpg);
width: 100%;
height: 90px;
}
.head_logo img
{
margin-top: 20px;
}
.s311_ico
{
width:100%;
float:left;
position: absolute;
margin-top: -75px;
}
.s311_ico_1
{
width: 80%;
height:160px;
background:#fff;
margin: auto;
box-shadow: 0 0 2px 2px #0000001f;
border-radius: 5px;
}
.s311_ico_l
{
width: 27%;
float: left;
border-right: 1px solid #f2f2f2;
margin-left: 5%;
margin-top: 3%;
}
.s311_ico_l img
{
float: left;
}
.s311_ico_l h1
{
float: left;
font-size: 16px;
font-weight: 100;
margin-left: 20px;
}
.s311_ico_l p
{
float: left;
width: 290px;
margin-left: 20px;
margin-top: 10px;
line-height: 20px;
font-size: 14px;
}
.s172_cp
{
width: 100%;
margin: auto;
margin-bottom: 20px;
}
.index_tit_news {margin-top:20px;height:60px;box-sizing:border-box;background:#f9f9f9;line-height:60px;font-size:18px;font-weight:normal;padding:0 22px 0 0;/* color:#555; */}
.index_tit_news span.tit_con {float:left;padding:0 10px 0 35px;color: #da231a;border-left: 1px solid #da231a;}
.index_tit_news span.tit_ion {float:left;display:block;width:0;height:0;border-width:30px 17px 30px 17px;border-style:solid;/* border-color: transparent transparent #ff9000 #ff9000; */}
.index_tit_news a{ color:#999; float:right; font-size:16px; }
.index_tit_news a:hover{ text-decoration:underline; }
.s311_about
{
width:100%;
float:left;
}
.s311_about_l
{
width:50%;
float:left;
background:#f5f5f5;
height: 568px;
}
.left
{
width:50%;
float:right;
}
.left .play{
width: 100%;
/* margin:2% 2% 0 2%; */
height:26rem;
background: #e0e0e0;
overflow: hidden;
/* border-radius:0.5rem; */
height: 100%;
}
.shipin{
width: 100%;
height: 100% !important;
background: url(../images/flw.png);
overflow: hidden;
left: 0;
right:0px;
top: 0;
bottom:0px;
position: fixed;
z-index: 99999999999999999;
}
.shipin .box{
width:80%;
margin:0 auto;
height:73%;
position: absolute;
border-radius: 0.5rem;
overflow: hidden;
left:50%;transform:translateX(-50%);
}
.shipin .box embed{
}
.left
{
width: 50%;
float:left;
}
.s311_about_l1
{
width: 50%;
float: right;
margin-left: 10%;
position: absolute;
margin-top: 1%;
}
.s311_about_l1 h1
{
font-size:24px;
color:#000;
font-weight:100;
margin-top: 15px;
}
.s311_about_l1 p
{
width: 70%;
text-align: justify;
line-height: 24px;
font-size: 14px;
margin-top: 10px;
}
.s311_about_l1 span
{
padding: 10px 40px;
color: #fff;
background: #da231a;
font-size: 14px;
margin-top: 10px;
display: inline-grid;
}
.s311_news
{
width:100%;
float:left;
margin-top: 20px;
margin-bottom: 20px;
}
.s311_news_1
{
width:80%;
margin:auto;
}
.s311_news_t
{
width:100%;
float:left;
}
.s311_news_t li
{
width:30%;
float:left;
margin-right: 5%;
}
.right
{
float:right !important;
margin:0px !important;
}
.s311_news_t li h1
{
font-size: 14px;
font-weight: 100;
color: #999;
line-height: 24px;
margin-top: 10px;
margin-bottom: 10px;
}
.s311_news_t li p
{
font-size: 14px;
margin-top: 10px;
}
.s311_news_t li span
{
width: 100px;
height: 1px;
display: inline-block;
background: #999;
}
.s311_news_t li h3
{
margin-bottom: 15px;
font-size: 18px;
font-weight: 100;
color: #000;
}
.s311_ys
{
width:100%;
float:left;
background: url(../images/ys.jpg);
height:570px;
margin-top:30px;
/* margin-bottom:30px; */
}
.s311_ys_t
{
float: right;
width: 50%;
margin-top: 8%;
}
.s311_ys_t li
{
width: 250px;
float: right;
border: 1px solid #fff;
height: 130px;
padding: 20px;
}
.s311_ys_t img
{
width: 50px;
float: left;
margin-bottom: 15px;
}
.s311_ys_t h1
{
float: left;
color: #a7a8a8;
font-size: 18px;
font-weight: 100;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 25px;
}
.s311_ys_t span
{
width: 100px;
height: 1px;
background: #a7a8a8;
display: inline-block;
clear: both;
float: left;
margin-bottom: 10px;
}
.s311_ys_t p
{
clear: both;
line-height: 24px;
color: #a7a8a8;
font-size: 14px;
}
.s311_ys_1
{
width:80%;
margin:auto;
margin-top: 25px;
}
.s311_ys_b li
{
width: 250px;
float: right;
border: 1px solid #a7a8a8;
height: 130px;
padding: 20px;
}
.s311_ys_b img
{
width: 50px;
float: left;
margin-bottom: 15px;
}
.s311_ys_b h1
{
float: left;
color: #a7a8a8;
font-size: 18px;
font-weight: 100;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 25px;
}
.s311_ys_b span
{
width: 100px;
height: 1px;
background: #a7a8a8;
display: inline-block;
clear: both;
float: left;
margin-bottom: 10px;
}
.s311_ys_b p
{
clear: both;
line-height: 24px;
color: #a7a8a8;
font-size: 14px;
}
.s311_ys_b
{
float: right;
}
.bottom_mess { background:#303030; width:100%;overflow:hidden; }
.bottom_mess_liuyan {/* float:left; */width: 80%;margin-top:32px;margin: auto;}
.bottom_mess_liuyan h2 {color: #000000;font-weight:normal;font-size: 24px;padding-bottom:16px;text-align: center;margin-top: 50px;margin-bottom: 10px;}
.bottom_mess_liuyan h2 i{ color:#909090; font-size:14px; padding-right:3px; }
.mess_form input{outline: none;margin-bottom:10px;height: 40px;line-height: 40px;box-sizing:border-box;border: 1px solid #fff;background: #fff;color:#b8b8b8;font-size:14px;padding:0 15px;}
.mess_form input:nth-child(2n+1){width: 49%;float:left;}
.mess_form input:nth-child(2n+2){width: 49%;float:right;}
.mess_form textarea{outline: none;margin-bottom:10px;font-family:"Microsoft YaHei";height: 150px;width:100%;line-height:36px;box-sizing:border-box;border: 1px solid #fff;background: #fff;color:#b8b8b8;font-size:14px;padding:0 15px;}
.mess_form button {float:right;border:none;color: #fff;font-size:16px;margin-top:5px;width: 20%;background: #999999;height: 40px;}
.mess_form button:hover { color:#fff;text-decoration:underline; }
.bottom_mess_phone { float:right; width:50%; text-align:right; margin-top:52px; color:#fff; }
.bottom_mess_phone img{ float:right; width:200px; height:200px; padding-left:30px; }
.bottom_mess_phone p{ color:#bcbcbc; font-size:14px;margin-top:10px; line-height:34px; }
.bottom_mess_phone h1{ color:#bcbcbc;font-weight:normal; font-size:25px; line-height:34px; }
.bottom_mess_phone h3{ color:#bcbcbc; font-weight:normal;font-size:14px; line-height:34px; }
@media ( min-width: 1439px ){
.bottom_mess_con { width:1400px; margin:auto; }
}
@media ( min-width: 980px ) and (max-width: 1438px){
.bottom_mess_con { width:96%; margin:0 2%; }
}
@media ( min-width: 768px ) and (max-width: 979px){
.bottom_mess_liuyan{ }
.bottom_mess_phone img { width:100px;height: 100px; }
}
@media ( max-width: 767px) {
.bottom_mess { display:none; }
}
.s311_ly
{
width:100%;
float:left;
background:#f4f4f4;
padding-bottom: 40px;
margin-bottom: 40px;
}
.s311_ly_1
{
width:80%;
margin:auto;
}
@media ( min-width: 980px ) and (max-width: 1438px){
.head_nav_wrap {
float: right;
padding-left: 0px !important;
}
.s311_ico_1 {
width: 95%;
}
.s311_ico {
width: 100%;
float: left;
position: relative;
margin-top: 28px;
}
.s311_ico_1 {
width: 95%;
height: 135px;
background: #fff;
margin: auto;
box-shadow: 0 0 2px 2px #0000001f;
border-radius: 5px;
}
.s311_ico_l h1 {
float: left;
font-size: 25px;
font-weight: 100;
margin-left: 20px;
margin-top: 20px;
}
.s311_ico_l p {
display: none;
}
.s311_about_l1 {
width: 95%;
float: none;
margin-left: 10%;
position: relative;
margin: auto;
}
.s311_about_l {
width: 100% !important;
float: left;
background: #f5f5f5;
height: auto !important;
padding-top: 5%;
padding-bottom: 5%;
margin-bottom: 30px;
}
.s311_about_l1 h1 {
font-size: 30px;
color: #000;
font-weight: 100;
margin-top: 15px;
}
.s311_about_l1 p {
width: 100% !important;
text-align: justify;
line-height: 38px;
font-size: 18px;
margin-top: 10px;
}
.s311_about_l1 span {
padding: 20px 60px;
color: #fff;
background: #da231a;
font-size: 20px;
margin-top: 10px;
display: inline-grid;
}
.left {
width: 95%;
float: none;
margin: auto;
}
.s311_news_t li {
width: 30%;
float: left;
margin-right: 3.3% !important;
}
.s311_news_1 {
width: 95%;
margin: auto;
}
.s311_ys_1 {
width: 95%;
margin: auto;
margin-top: 10%;
margin-bottom: 2%;
}
.s311_ys_t {
float: none;
width: 100% !important;
margin-top: 8%;
margin: auto;
display: inline-block;
text-align: center;
}
.s311_ys_t li {
width: 250px;
float: none;
border: 1px solid #fff;
height: 130px;
padding: 20px;
display: inline-block;
margin: auto;
}
.s311_ys_b {
float: none;
width: 100%;
margin: auto;
display: inline-block;
text-align: center;
}
.s311_ys_b li {
width: 250px;
float: none;
border: 1px solid #a7a8a8;
height: 130px;
padding: 20px;
display: inline-block;
margin: auto;
margin-top: 2%;
}
.bottom_mess_liuyan {
width: 100%;
margin-top: 32px;
margin: auto;
}
}
@media (max-width: 979px) and (min-width: 768px){
.s311_ico {
display: none;
}
.index_hotpro_wrap {
overflow: hidden;
margin-top: 0px;
}
.s172_cp {
width: 95%;
margin: auto;
margin-bottom: 20px;
}
.s311_about_l {
width: 100%;
float: left;
background: #f5f5f5;
height: auto;
display: inline-block;
padding-top: 20px;
padding-bottom: 20px;
}
.s311_about_l1 {
width: 95%;
float: none;
position: relative;
margin: auto;
}
.s311_about_l1 p {
width: 100%;
text-align: justify;
line-height: 28px;
font-size: 16px;
margin-top: 10px;
}
.left {
width: 97%;
float: none;
margin: auto;
}
.s311_news_1 {
width: 100%;
margin: auto;
}
.s311_news_t {
width: 95%;
float: none;
margin: auto;
}
.s311_news_t li {
width: 30%;
float: left;
margin-right: 36px;
}
.s311_ys_t {
float: none;
width: 100%;
margin-top: 8%;
display: inline-block;
margin: auto;
text-align: center;
}
.s311_ys_t li {
width: 250px;
float: none;
border: 1px solid #fff;
height: 130px;
padding: 20px;
display: inline-block;
}
.s311_ys_b li {
width: 250px;
float: none;
border: 1px solid #a7a8a8;
height: 130px;
padding: 20px;
display: inline-block;
}
.s311_ys_b {
float: none;
display: inline-block;
text-align: center;
margin: auto;
}
.bottom_mess_liuyan {
/* float: left; */
width: 95%;
margin-top: 32px;
margin: auto;
}
.s311_ly_1 {
width: 100%;
margin: auto;
}
.index_xijie_wrap {
overflow: hidden;
margin-top: 20px;
width: 95%;
margin: auto;
}
}
.head_nav_wrap {
float: left;
padding-left: 70px;
}
.head_sosuo_wrap {
float: right;
width: 275px;
height: 78px;
display: block;
}
.head_sosuo_con {
float: left;
width: 229px;
height: 78px;
position: relative;
line-height: 78px;
display: block;
}
.ry
{
width:100%;
float:left;
}
@media (max-width: 767px){
.mess_form button {
float: right;
border: none;
color: #fff;
font-size: 16px;
margin-top: 5px;
width: 100%;
background: #999999;
height: 40px;
}
.mess_form #w_58 {
width: 100% !important;
float: left;
}
.w_58 {
width: 75% !important;
float: left !important;
}
.move_nav_icon {
width: 33px;
height: 23px;
right: 15px;
top: 37px;
position: absolute;
cursor: pointer;
z-index: 5;
}
.s311_ico {
display: none;
}
.index_hotpro_wrap {
overflow: hidden;
margin-top: 0px;
}
.s311_about_l {
width: 100% !important;
float: left;
background: #f5f5f5;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.s311_about_l1 {
width: 95%;
float: none;
position: relative;
margin: auto;
}
.left {
width: 95%;
float: none;
margin: auto;
}
.s311_news_1 {
width: 95%;
margin: auto;
}
.s311_news_t li {
width: 100%;
float: left;
margin-right: 3% !important;
margin-bottom: 50px;
}
.index_xijie_con {
display: none;
}
.s311_ys {
width: 100%;
float: left;
background: url(../images/ys.jpg);
height: auto;
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.s311_ys_t {
/* float: none; */
width: 100% !important;
margin-top: 8%;
/* display: inline-block; */
margin: auto;
}
.s311_ys_b {
float: none;
display: inline-block;
margin: auto;
width: 100%;
}
.s311_ys_b li {
width: 250px;
float: none;
border: 1px solid #a7a8a8;
height: 130px;
padding: 20px;
}
.s311_ys_1 {
width: 70%;
margin: auto;
margin-top: 25px;
}
.s311_ys_t li {
width: 250px;
float: none;
border: 1px solid #fff;
height: 130px;
padding: 20px;
}
.bottom_mess_liuyan {
/* float: left; */
width: 100%;
margin-top: 32px;
margin: auto;
}
.s311_about_l1 p {
width: 100% !important;
text-align: justify;
line-height: 24px;
font-size: 14px;
margin-top: 10px;
overflow: inherit !important;
height: auto !important;
}
}
@media (max-width:1440px){
.s311_about_l {
width: 50%;
float: left;
background: #f5f5f5;
height: 425px;
}
.s311_about_l1 p {
width: 70%;
text-align: justify;
line-height: 24px;
font-size: 14px;
margin-top: 10px;
height: 50px;
overflow: hidden;
}
.s311_news_t li {
width: 30%;
float: left;
margin-right: 56px;
}
.s311_ys_t {
float: right;
width: 50%;
margin-top: 0%;
}
}
.mess_form #w_58
{
width: 50%;
float: left;
}
.mess_form span img
{
margin-top:5px;
}