@charset "utf-8";
.warp{ width:auto; max-width: 750px; min-width:100%; min-height: calc(100vh - 10px); padding: 0; background-size: auto 50vw; }

.warp .w1200{ width: auto;}
.warp .MT45{ margin-top:15px;}
.warp .f_l,
.warp .f_r{ float: none !important;}


.Top{ height: auto; background-size: auto 100%;}
.topMain{ height: 60vw; overflow: hidden;}

.szfBtn{ position: relative; left: auto; top: auto; width: 40vw; margin: 10px 0 0 10px;}
.szfBtn img{ width: 100%; height: auto;}

.LOGO{ position: relative; left: auto; top: auto; margin:2vw auto 0; width: 80vw; height: auto;}
.LOGO img{ width: 100%;}
.Logo_Text{ position: relative; left: auto; top: auto; margin: 10px auto 0; width: 100%; font-size: 4.5vw;}


.Main{ width: auto; padding: 10px; margin:0;}

.Focus{ width: auto; height: calc((100vw - 20px) / (673 / 413));}
.Focus .pic li,
.Focus .pic img{ width: calc(100vw - 20px); height: calc((100vw - 20px) / (673 / 413));}
.Focus .txt-bg{ width: 100%; height: 40px;}
.Focus .txt{ margin: 0 10px; width:calc(100% - 20px - 60px); }
.Focus .txt li h1{ font-size: 15px; padding: 0; line-height: 40px;}
.Focus .txt li p{ display: none;}
.Focus>a{ display: none;}
.Focus .pageState{ height: 40px; line-height: 40px; font-size: 18px;}

.NewsBox{ width: auto; margin-top: 15px;}
.NewsBox .Tit{margin-bottom: 5px;}
.NewsBox ul{ min-height: auto;}
.NewsBox li.First{ margin-top:0; padding: 0 0 15px;}
.NewsBox li>a{ font-size: 15px; width: calc(100% - 95px);}

.ulList li{ font-size: 15px; }
.ulList li>a{ width: calc(100% - 95px);}

.Title{ margin: 25px auto 15px; background-size: 100% auto;}
.Title img{ height: 10vw;}

.Part2 .ulList{ width: auto;}

.Part3 .Title img{ height: auto; width: 55vw;}
.Part3 .Con li{ margin-right: 8px;}
.Part3 .Con li::before{ height: 100%; margin: 8px 0 0 8px;}
.Part3 .Con li + li{ margin-top: 20px;}
.Part3 .Con li>.Box{ padding: 10px;}
.Part3 .Con li .pic{ width: auto; height: calc((100% - 20px) / (357 / 229)); float: none;}
.Part3 .Con li .text{ float: none; width: auto; margin-top: 15px;}
.Part3 .Con li .text h1{ font-size: 18px; white-space: inherit;}
.Part3 .Con li .text .d{ font-size: 16.5px;}
.Part3 .Con li .text .desc{ font-size: 14px; line-height: 1.8; margin-top: 10px;}










/*内页*/
ul.NewsList{ }
ul.NewsList li{ height:auto; line-height: inherit; padding: 10px 0;}
ul.NewsList li + li{ border-top:1px solid #DDD;}
ul.NewsList li a{width: auto;float: none;white-space: inherit;line-height: 1.3;display: block;font-size: 14px;color: #000;}
ul.NewsList li span{width: auto;display: block;float: none;text-align: left;font-size: 12px;line-height: 1.3;}

.path{background-position: 5px 7px;height: auto;line-height: 1.5;padding: 10px 10px 10px 30px;}

.xilan{ }
.xilan .xilan_main{ padding: 0 10px;}
.xilan .xilan_main p.p1{height: auto;padding: 10px 5px;line-height: 1.5;text-align: left;}
.xilan .xilan_main p.p1 span{ white-space: nowrap;}
.xilan .xilan_main p.p1 span#share{ display:none;}
#Zoom img{max-width: 100% !important;height: auto !important;}
/*.SzyzzwBox a{ left: 15px !important;}*/

#Zoom iframe[masid],
#sp iframe[name='ifRameVideo'],
#sp video{width: 100% !important;height: 200px !important;}
#sp{width: 100% !important; height:auto !important;}



.warp .footer{ display: none;}
.warp .Footer_Mbile{ display: block !important; background:#0855c3; padding: 15px 5px;}
.warp .Footer_Mbile p{ text-align: center; font-size: 15px; color: #FFF; line-height: 1.5; padding: 3px 0;}


@media screen and (max-width:370px ) {
    .CompanyList ul li{ width: calc((100% - 10px) / 3)}
    .CompanyList ul li + li{ margin-left:5px;}
}
@media screen and (max-width:355px ) {
    .Main{ padding: 5px; }
    .CompanyList ul li{ font-size: 13px;}
}