@media (max-width: 1440px) { #fixed { right: 10px; } } @media (max-width: 1200px) { #fixed { display: none; } #phone-fixed { z-index: 10; right: 15px; bottom: 20px; display: block; position: fixed; } #phone-fixed li { cursor: pointer; width: 40px; height: 40px; background: #D82128; margin-top: 2px; } #phone-fixed li .ico { padding-top: 10px; margin: 0 auto; display: block; width: 50%; } } @media (max-width: 1199px) { .index-logo { display: none; } .navecn { display: none; } .container { width: 100%; } #head-pull { display: none; } .bread { padding: 15px 10px; width: 100%; margin: 0 auto; } #phone-head { width: 100%; height: 50px; height: auto; z-index: 99999; display: block; position: fixed; background: #131313; } #phone-head .head { height: 50px; position: relative; } #phone-head .head .phone_ico { top: 18.5px; left: 20px; width: 17px; height: 13px; cursor: pointer; position: absolute; transition: all 300ms ease 0s; background: url(../images/Phone_ico1.png); } #phone-head .head .phone_ico-hover { transform: rotate(90deg); transition: all 300ms ease 0s; -o-transform: rotate(90deg);/* Opera */ -moz-transform: rotate(90deg);/* Firefox 4 */ -webkit-transform: rotate(90deg);/* Safari and Chrome */ } #phone-head .head .phone_logo { width: 150px; margin: 0 auto; display: block; } #phone-head .head .phone_logo img { width: 98%; margin-top: 12px; } #phone-head .head .phone_tel { top: 0; right: 0; width: 50px; height: 50px; cursor: pointer; position: absolute; background: #C31618; } #phone-head .head .phone_tel span { width: 50px; height: 50px; display: block; background: url(../images/Phone_tel.jpg) 0 -13px; } #phone-head .nav { z-index: 99; width: 100%; height: 100%; display: none; position: fixed; background: #131313; } #phone-head .nav a { width: 100%; outline: none; color: white; display: block; padding: 15px 30px; text-decoration: none; } #pc-banner { display: none; } #phone-benner { width: 100%; display: block; position: relative; } #phone-benner .phone-benner { width: 100%; height: auto; overflow: hidden; } #phone-benner .phone-benner .swiper-slide { font-size: 18px; background: #fff; text-align: center; } #phone-benner .phone-benner .swiper-slide img { width: 100%; height: 100%; display: block; } #phone-benner .swiper-pagination-bullets { left: 50%; bottom: 20px; width: 200px; position: absolute; margin-left: -95px; } #phone-benner .swiper-pagination-bullet { color: #000; opacity: 1; width: 8px; height: 8px; cursor: pointer; font-size: 12px; border-radius: 0; background: none; line-height: 20px; margin-right: 8px; background: white; text-align: center; } #phone-benner .swiper-pagination-bullet-active { background: #B61F24; } #index-about { width: 100%; margin-top: 10px; } #index-about ul { width: 100%; margin: 0 auto; padding: 0 10px; } #index-about ul li { float: left; height: auto; } #index-about ul .about { width: 100%; padding: 0 30px; } #index-about ul .about .name { margin: 10px 0 5px; } #index-about ul .about .cont { width: 100%; margin: 5px auto 15px; } #index-about ul .about .more { width: 120px; height: 30px; font-size: 12px; line-height: 30px; margin: 0 auto 20px; } #index-about ul .video { width: 50%; height: 300px; } #index-about ul .video .cont .img { top: 90px; } #index-about ul .video .cont .en { margin: 170px 0 10px; } #index-about ul .video:hover .cont .img { top: 80px; } #index-about ul .honor { width: 50%; height: 300px; } #index-about ul .honor .swiper-container { width: 90%; height: 300px; } #index-about ul .honor .swiper-container .swiper-slide img { margin: 30px auto; } #index-about ul .honor .swiper-pagination-bullets { bottom: 30px; } #index-about ul .culture { width: 100%; } #index-culture { width: 100%; padding: 0 10px; margin: 40px auto 0; } #index-culture .bottom { width: 100%; } #index-culture .bottom .list .left img { width: 100%; height: auto; display: block; } #index-culture .bottom .list .right img { width: 100%; height: auto; display: block; } #index-product { display: none; } #index-phone-product { width: 100%; display: block; height: 100%; padding: 30px 0; background: #1D1D1D; } #index-phone-product .top-title p { color: white; display: block; margin: 0 auto; text-align: center; } #index-phone-product .top-title .cn { font-size: 16px; display: block; margin: 0 auto; color: white; text-align: center; font-weight: 400; } #index-phone-product .top-title .en { height: 23px; width: 422px; margin: 13px auto 5px; border-bottom: 2px solid #D82128; } #index-phone-product .top-title .en span { height: 40px; padding: 0 15px; font-size: 30px; background: #1D1D1D; } #index-phone-product .product { width: 100%; margin-top: 60px; } #index-phone-product .product a { height: auto; padding: 0 5px; display: block; margin-bottom: 10px; } #index-phone-product .product a .img { width: 100%; display: block; } #index-phone-product .product a .into { width: 100%; height: 72px; padding: 0 15px; background: #3E3E3E; transition: all 0.5s ease 0s; } #index-phone-product .product a .into .title { color: white; display: block; font-size: 14px; padding: 15px 0 5px; } #index-phone-product .product a .into .size { color: #c5c5c5; display: block; font-size: 12px; transition: all 0.5s ease 0s; } #index-phone-product .more { width: 120px; height: 30px; color: white; display: block; font-size: 14px; line-height: 30px; text-align: center; background: #D82128; margin: 20px auto 0; border: 1px solid #D82128; transition: all 0.5s ease 0s; } #index-news .container { width: 100%; padding: 0 10px; } #index-news .container .top-title { padding-top: 40px; } #index-news .container .news { width: 100%; margin-top: 28px; } #index-news .container .news .list { width: 33.33333333%; } #index-news .container .news .list .cont { width: 100%; } #index-news .container .news .list .img img { width: 100%; } #index-business .container { width: 100%; padding: 0 10px; } #index-business .container .top-title { padding-top: 40px; } #index-business .container .list { width: 100%; } #index-business .container .list li { width: 25%; } #foot-nav { display: none; } #copyright .container { padding: 0; } #copyright .container .copyright { width: 100%; } #phone-bg { height: 50px; display: block; } #vips .models { width: 100%; margin: 30px auto 40px; } #vips .models .rights .list { padding: 0 10px; text-align: center; } #marketing .models { width: 100%; margin: 30px auto 60px; } #marketing .models .domestic .txt { padding: 0 30px; text-align: center; } #news-cent .models { width: 100%; padding: 0 10px; } #news-cent .models .left { display: none; } #world { padding-bottom: 30px; } #world .models { width: 100%; } #world .models .state { padding-top: 20px; } #world .models .state .choice { padding: 0 10px 20px; } #world .models .state .choice a { margin-right: 7px; float: left; width: 120px; } #world .models .state .list { width: 100%; padding: 0 10px; } #world .models .state .list .sate .each { width: 25%; } #applyid { padding-bottom: 40px; } #applyid .models { padding: 0 10px; width: 100%; } #applyid .models .text { padding: 10px 0; height: 100%; line-height: 25px; font-size: 12px; border-bottom: 1px solid #E5E5E5; } #applyid .models .text span { font-size: 14px; } #applyid .models .register { margin-top: 20px; } #applyid .models .register .choice { margin-bottom: 18px; width: 100%; } #applyid .models .register .choice a { margin-bottom: 20px; margin-right: 7px; float: left; margin-bottom: 5px; width: 120px; } #applyid .models .register .right { width: 100%; background: #F5F5F5; } #applyid .models .register .right .img { float: left; width: 50%; padding: 0; } #applyid .models .register .right .registers { float: left; width: 50%; } #worksun .models { width: 100%; background: #F7F7F7; margin: 30px auto 40px; } #worksun .models .about .txt { padding: 0 50px; } #build .models { width: 100%; } #build .models .all .list { margin-bottom: 30px; } #build-cent { position: relative; padding: 30px 0 40px; } #build-cent .models { padding: 0 10px; width: 100%; } #build-cent .models .left { display: none; } #build-cent .models .right { padding: 0; width: 100%; } #build-cent .models .right .title { text-align: center; } #build-cent .models .right .time { text-align: center; } #build-cent .models .right .wire { margin: 0 auto; } #intro { padding-bottom: 30px; } #intro .models { width: 100%; padding: 0 10px; } #intro .models .intro { padding-top: 20px; } #intro .models .intro .choice { width: 100%; } #intro .models .intro .choice a { float: left; margin-right: 5px; } #intro .models .intro .content { width: 100%; padding: 0; } #intro .models .intro .content .more { margin: 30px auto 0; } #honour { position: relative; padding-bottom: 40px; } #honour .models { padding: 0 10px; width: 100%; } #serve .models { width: 100%; margin: 30px auto 40px; } #offer { position: relative; padding-bottom: 30px; } #offer .models { padding: 0 10px; width: 100%; } #offer .models .offer { padding-top: 20px; } #video { padding: 20px 0; } #video .models { width: 100%; } #video .models .left { padding: 0; } #video .models .left .nr { margin-left: 20px; width: 91%; } #inland { position: relative; padding: 20px 0 30px; } #inland .models { width: 100%; } #inland .models .choice { padding: 0 10px 15px; } #inland .models .choice a { margin-right: 7px; float: left; width: 120px; } #inland .models .right { padding: 0 10px; } #news { padding: 20px 0; } #news .models { padding: 0 10px; width: 100%; } #news .models .search { padding-bottom: 20px; } #news .models .all .list .img { display: block; padding: 0; } #news .models .all .list .img img { display: block; width: 100%; } #news .models .all .list .cont .time-title-cont .title-cont { width: 70%; } #news .models .more { width: 138px; height: 30px; margin: 20px auto 0; font-size: 12px; line-height: 28px; } #product .models { width: 100%; } #product .models .pc-left { display: none; } #product .models .phone-left { width: 100%; display: block; margin-bottom: 25px; padding: 0 10px; } #product .models .phone-left .all { border: 1px solid #CDCDCD; padding-bottom: 20px; } #product .models .phone-left .all .list p { height: auto; text-align: right; margin: 25px 0 0 0; width: 120px; float: left; color: #999999; font-size: 14px; } #product .models .phone-left .all .list .nav { float: left; margin: 0; width: 85%; } #product .models .phone-left .all .list .nav a { cursor: pointer; margin: 25px 20px 0px; float: left; color: #3e3e3e; font-size: 14px; } #product .models .phone-left .all .list .nav a:hover { color: #C31618; } #product .models .right { width: 100%; padding: 0; } #product .models .right .all a { margin-bottom: 20px; } #product .models .right .all a .nr { height: 100%; } #product .models .right .more { margin: 20px auto 0; } #product .models .product-cent { padding: 0 10px; } #product .models .product-cent .top { padding-bottom: 30px; } #product .models .product-cent .top .img { padding: 0; } #product .models .product-cent .top .img img { width: 100%; display: block; } #webmap { width: 100%; margin: 0 auto; padding: 20px 10px; } #webmap li { margin-bottom: 20px; padding: 15px 20px; } #webmap li .nav a { margin-top: 7px; margin-right: 30px; } #index-industry { width: 100%; padding: 0 10px; margin: 40px auto; } #index-industry .list { margin-top: 20px; } #index-industry .list .left img { height: 100%; } #index-industry .list .right img { height: 100%; } } @media (max-width: 1100px) { #honour .models .honour { display: none; } #honour .models .phone-honour { padding: 20px 0 0; display: block; } #honour .models .phone-honour li { padding: 0 7px; margin-bottom: 14px; } #honour .models .phone-honour li p { padding: 15px; border: 1px solid #CCCCCC; text-decoration: none; display: block; } #honour .models .phone-honour li p img { width: 100%; display: block; } #honour .models .phone-honour li p span { padding: 15px 0 5px; display: block; color: #3d3d3d; text-align: center; } } @media (max-width: 1024px) { #index-business .container { width: 100%; padding: 0 10px; } #index-business .container .top-title { padding-top: 40px; } #index-business .container .list { width: 100%; margin: 20px 0 20px; } #index-business .container .list li { width: 25%; } #index-business .container .list li img { top: 50px; } #index-business .container .list li p { color: #323232; } #index-business .container .list li .state { margin-top: 150px; } #index-business .container .more { color: white; margin: 0 auto 30px; background: #d82128; border: 1px solid #d82128; } #index-news .container .top-title { padding-top: 40px; } #index-news .container .news { margin-top: 20px; } #index-news .container .news .list1 .cont { top: 98.2222%; } #index-news .container .news .list { width: 33.33333333%; } #index-news .container .news .list .cont { padding-top: 14.5%; } #index-news .container .news .list .cont .origin-time { padding-bottom: 8.7%; } #index-news .container .news .list .cont .origin-time .origin { margin-left: 22%; } #world .models .state .list .sate .each { width: 25%; } #world .models .state .list .sate .each img { top: 50px; } #world .models .state .list .sate .each p { color: #323232; } #world .models .state .list .sate .each .state { margin-top: 150px; } #news .models { padding: 0 10px; width: 100%; } #news .models .all .list { padding: 20px 10px; } #news .models .all .list .cont .time-title-cont .times { display: none; } #news .models .all .list .cont .time-title-cont .wire { display: none; } #news .models .all .list .cont .time-title-cont .title-cont { width: 100%; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm .tme { line-height: 30px; color: #808080; float: right; display: block; } #product .models .phone-left .all { padding-bottom: 15px; } #product .models .phone-left .all .list p { margin: 15px 0 0 0; float: left; color: #999999; font-size: 14px; } #product .models .phone-left .all .list .nav { width: 85%; } #product .models .phone-left .all .list .nav a { margin: 15px 15px 0px; } } @media (max-width: 990px) { #applyid { padding-bottom: 0; } #applyid .models .register .right .img { display: none; } #applyid .models .register .right .registers { height: 100%; float: left; width: 100%; padding: 20px 0 20px; } #applyid .models .register .right .registers form .submits { padding-right: 30px; } #worksun .models .about .txt { padding: 0 30px; } #worksun .models .two a .txt { padding: 0 15px; } #worksun .models .two a .arrows { left: 15px; } #worksun .models .talents .talen { left: 0; padding: 0 30px; width: 100%; } } @media (max-width: 860px) { #inland .models .choice { padding: 0 10px 15px; } #inland .models .choice a { margin-right: 7px; float: left; width: 120px; } #inland .models .right .selects { height: 100%; margin-top: 20px; padding: 10px 10px 10px 0; } #inland .models .right .selects .tit { display: none; } #inland .models .right .selects .select { margin-top: 0; } #inland .models .right .selects .select .txts { padding: 0 15px; } #inland .models .right .selects .confirm { width: 100px; margin-top: 0; background: #D82128; border: 1px solid #D82128; } } @media (max-width: 768px) { #copyright .container .copyright .flo1 { display: none; } #copyright .container .copyright .flo2 { display: none; } #pc-second-banner { display: none; } #phone-second-banner { display: block; } #phone-second-banner img { width: 100%; display: block; } #pc-second-nav { display: none; } #phone-second-nav { z-index: 5000; display: block; height: 40px; background: #f1f1f1; position: relative; } #phone-second-nav .left { float: left; height: 40px; width: 85%; position: relative; } #phone-second-nav .left .phone_ico { top: 14px; left: 15px; width: 17px; height: 13px; cursor: pointer; position: absolute; transition: all 300ms ease 0s; background: url(../images/second_ico.png); } #phone-second-nav .left .phone_ico-hover { transform: rotate(90deg); transition: all 300ms ease 0s; -o-transform: rotate(90deg);/* Opera */ -moz-transform: rotate(90deg);/* Firefox 4 */ -webkit-transform: rotate(90deg);/* Safari and Chrome */ } #phone-second-nav .left .title { margin-left: 50px; line-height: 40px; width: 100px; float: left; color: #D82128; } #phone-second-nav .left .nav { display: none; position: absolute; top: 39px; left: 0; width: 100%; background: #f1f1f1; } #phone-second-nav .left .nav a { color: #737373; font-size: 12px; display: block; width: 100%; padding-left: 20px; line-height: 38px; height: 38px; border-top: 1px solid #e5e5e5; background: url(../images/ico_37.png) no-repeat 92% center; background-size: auto 35%; } #phone-second-nav .return { float: right; cursor: pointer; display: block; width: 15%; height: 40px; } #phone-second-nav .return span { display: block; height: 40px; background: url(../images/ico_35.png) no-repeat center #595959; background-size: auto 40%; width: 100%; } #index-news .container .news .list1 .cont { top: 98.2222%; } #index-news .container .news .list .cont { padding-top: 14%; } #index-news .container .news .list .cont .title { margin-top: 10%; font-size: 12px; } #index-news .container .news .list .cont .origin-time { margin-top: 5%; } #index-news .container .news .list .cont .origin-time .origin { margin-left: 12%; } #index-about ul .about { width: 100%; padding: 0 50px; } #index-about ul .about .name { margin: 10px 0 5px; } #index-about ul .about .cont { line-height: 23px; margin: 5px auto 15px; } #index-about ul .about .more { color: white; background: #c4141b; border: 1px solid #c4141b; } #index-about ul .culture { height: auto; } #index-about ul .culture .img { width: 100%; height: auto; } #index-about ul .culture .bg { height: 100%; background: rgba(0, 0, 0, 0.6); } #index-about ul .culture .bg .en { color: white; margin: 20% 0 0; } #index-about ul .culture .bg .wire { width: 50px; } #index-about ul .culture .bg .cn { color: white; } #index-industry { margin: 40px auto; } #index-industry .list { margin-top: 20px; } #index-industry .list a .bg { left: 0; top: 100%; width: 100%; height: 35px; margin-top: -35px; background: rgba(0, 0, 0, 0.6); } #index-industry .list a .bg .cn { margin: 0; color: white; font-size: 12px; line-height: 35px; } #index-industry .list a .bg .wire { display: none; } #index-industry .list a .bg .en { display: none; } #index-culture { width: 100%; padding: 0 10px; margin: 40px auto 0; } #index-culture .bottom { width: 100%; } #index-culture .bottom .list a .bg { left: 0; top: 100%; width: 100%; height: 35px; margin-top: -35px; background: rgba(0, 0, 0, 0.6); } #index-culture .bottom .list a .bg .cn { margin: 0; color: white; font-size: 12px; line-height: 35px; } #index-culture .bottom .list a .bg .wire { display: none; } #index-culture .bottom .list a .bg .en { display: none; } #index-culture .bottom .list .left img { width: 100%; height: auto; display: block; } #index-culture .bottom .list .left .bg { height: 50px; margin-top: -50px; } #index-culture .bottom .list .left .bg .cn { font-size: 14px; line-height: 50px; } #index-culture .bottom .list .right img { width: 100%; height: auto; display: block; } #vips .models { margin: 0 auto 20px; } #vips .models li { padding: 0; } #vips .models li img { width: 100%; height: 307px; display: block; } #vips .models .rights { width: 100%; margin-bottom: 20px; } #vips .models .rights .en { margin-top: 0; padding-top: 20px; } #vips .models .rights .cn { margin: 5px 0; } #vips .models .rights .list { padding: 0 10px; } #vips .models .rights .more { color: white; margin: 15px auto 0; background: #C4141B; border: 1px solid #C4141B; } #vips .models .apply { width: 100%; } #vips .models .imgfor { display: none; } #vips .models .logos { width: 100%; } #vips .models .logos a img { height: 200px; } #vips .models .logos a .infos .en { font-size: 14px; margin: 120px 0 0; } #vips .models .logos a .infos .cn { font-size: 12px; } #vips .models .logos .activity .infos .ico { top: 55px; width: 40px; height: 39px; margin-left: -20px; } #vips .models .logos .activity:hover .infos .ico { top: 55px; } #vips .models .logos .login .infos .ico { top: 55px; width: 40px; height: 36px; margin-left: -20px; } #vips .models .logos .login:hover .infos .ico { top: 55px; } #serve .models { width: 100%; margin: 0 auto 20px; } #serve .models .suggest { width: 100%; margin-bottom: 20px; } #serve .models .suggest .en { margin-top: 0; padding-top: 20px; } #serve .models .suggest .cn { margin: 5px 0; } #serve .models .suggest .more { color: white; margin: 15px auto 0; background: #C4141B; border: 1px solid #C4141B; } #serve .models .after { width: 100%; } #serve .models .custo { width: 50%; } #serve .models .custo a img { height: 200px; } #serve .models .custo a .infos .en { font-size: 14px; margin: 120px 0 0; } #serve .models .custo a .infos .cn { margin-top: 8px; font-size: 14px; } #serve .models .custo .custos .infos .ico { top: 55px; width: 40px; height: 40px; margin-left: -20px; } #serve .models .custo .custos:hover .infos .ico { top: 55px; } #serve .models .cooperation { width: 50%; } #serve .models .cooperation img { height: 200px; } #serve .models .cooperation .bg { height: 100%; } #serve .models .cooperation .bg .en { padding: 0 10px; font-size: 14px; margin: 70px 0 0; } #serve .models .cooperation .bg .cn { font-size: 14px; } #worksun .models { margin: 0 auto; } #worksun .models .about { width: 100%; margin-bottom: 20px; } #worksun .models .about .en { margin-top: 0; padding-top: 20px; } #worksun .models .about .cn { font-size: 14px; margin: 5px 0; } #worksun .models .about .txt { padding: 0 10px; } #worksun .models .about .more { color: white; margin: 15px auto 0; background: #C4141B; border: 1px solid #C4141B; } #worksun .models .two { width: 100%; } #worksun .models .two a { width: 50%; } #worksun .models .two a img { height: 200px; } #worksun .models .two a .txt { padding: 0 20px; } #worksun .models .two a .txt .cn { margin: 20px 0 10px; border: 1px solid white; line-height: 30px; height: 30px; font-size: 14px; } #worksun .models .two a .txt .cent { line-height: 25px; } #worksun .models .two a .arrows { bottom: 20px; } #worksun .models .vidoes { width: 100%; } #worksun .models .vidoes a { width: 50%; } #worksun .models .vidoes a img { height: 200px; } #worksun .models .vidoes a .infos .en { font-size: 14px; margin: 120px 0 0; } #worksun .models .vidoes a .infos .cn { font-size: 12px; } #worksun .models .vidoes .vidoe .infos .ico { top: 55px; width: 40px; height: 40px; margin-left: -20px; } #worksun .models .vidoes .vidoe:hover .infos .ico { top: 55px; } #worksun .models .vidoes .honor .infos .ico { top: 55px; width: 40px; height: 40px; margin-left: -20px; } #worksun .models .vidoes .honor:hover .infos .ico { top: 55px; } #worksun .models .infor { background: #999; padding-top: 1px; width: 100%; } #worksun .models .infor a .bg { background: rgba(0, 0, 0, 0.6); } #worksun .models .infor a .bg .en { color: white; } #worksun .models .infor a .bg .wire { width: 50px; } #worksun .models .infor a .bg .cn { color: white; } #worksun .models .talents { width: 100%; } #worksun .models .talents img { width: 80%; } #worksun .models .talents .talen { width: 400px; padding: 0 20px; } #marketing .models { background: #F7F7F7; margin: 0 auto 20px; } #marketing .models li { padding: 0; } #marketing .models li img { width: 100%; height: 307px; display: block; } #marketing .models .domestic { width: 100%; margin-bottom: 20px; } #marketing .models .domestic .en { margin-top: 0; padding-top: 20px; } #marketing .models .domestic .cn { margin: 5px 0; } #marketing .models .domestic .list { padding: 0 100px; } #marketing .models .domestic .more { color: white; margin: 15px auto 0; background: #C4141B; border: 1px solid #C4141B; } #marketing .models .agent { width: 100%; } #marketing .models .imgfor { display: none; } #marketing .models .joins { width: 100%; } #marketing .models .joins a img { height: 200px; } #marketing .models .joins a .infos .en { font-size: 14px; margin: 120px 0 0; } #marketing .models .joins a .infos .cn { font-size: 12px; } #marketing .models .joins .join .infos .ico { top: 55px; width: 40px; height: 37px; margin-left: -20px; } #marketing .models .joins .join:hover .infos .ico { top: 55px; } #marketing .models .joins .inter .infos .ico { top: 55px; width: 40px; height: 40px; margin-left: -20px; } #marketing .models .joins .inter:hover .infos .ico { top: 55px; } #build-cent { padding: 20px 0 30px; } #build-cent .models .right { padding: 0; width: 100%; } #build-cent .models .right .content { padding-bottom: 30px; margin-top: 10px; } #build-cent .models .right .content img { width: 100%; } #news-cent { padding-bottom: 30px; } #news-cent .models .news-cent { padding-top: 20px; } #news-cent .models .news-cent .time { margin: 15px 0; } #news-cent .models .news-cent .content { padding-bottom: 30px; margin-top: 10px; } #news-cent .models .news-cent .content img { width: 100%; } #applyid .models .register { margin-top: 15px; } #applyid .models .register .choice { margin-bottom: 10px; width: 100%; } #applyid .models .register .choice a { font-size: 12px; margin-right: 7px; float: left; width: 100px; } #world .models .state { padding-top: 15px; } #world .models .state .choice { padding: 0 10px 10px; } #world .models .state .choice a { font-size: 12px; width: 100px; } #build { padding: 20px 0; } #build .models { width: 100%; } #build .models .all .list { padding: 0 7px; margin-bottom: 20px; } #build .models .all .list .nr .botm { height: 50px; } #build .models .all .list .nr .botm .title { font-size: 12px; padding: 6px 0 2px; } #intro { padding-bottom: 20px; } #intro .models { width: 100%; padding: 0 10px; } #intro .models .intro { padding-top: 15px; } #intro .models .intro .choice { width: 100%; } #intro .models .intro .choice a { font-size: 12px; width: 100px; } #offer .models .offer .message .submit-reset .submit { margin-right: 10px; font-size: 14px; width: 120px; height: 40px; } #offer .models .offer .message .submit-reset .reset { width: 120px; height: 40px; } #video { padding: 20px 0; } #video .models { width: 100%; } #video .models .public-popup { width: 500px; height: 400px; } #video .models .public-popup .title { color: #505050; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #video .models .public-popup iframe { width: 500px; height: 360px; } #video .models .left { padding: 0 0 0 9px; } #video .models .left .nr { margin-left: 0; width: 100%; } #inland { padding: 20px 0; } #inland .models .choice { padding: 0 10px 10px; } #inland .models .choice a { font-size: 12px; width: 100px; } #inland .models .right .result .txt { padding: 10px 0 10px 15px; font-size: 16px; } #inland .models .right .result li { padding: 10px 0; } #inland .models .right .result li .name { padding-left: 15px; color: #737373; font-size: 12px; } #inland .models .right .result li .name span { color: #383838; font-size: 14px; } #inland .models .right .result li .site { padding-left: 15px; padding-top: 5px; color: #737373; font-size: 12px; } #inland .models .right .result li .site span { color: #383838; font-size: 14px; } #inland .models .right .more { margin: 30px auto 0; } #product .models .phone-left .all { padding-bottom: 15px; } #product .models .phone-left .all .list p { height: 25px; text-align: center; margin: 12px 0 0 0; width: 104px; float: left; margin-left: 5px; font-size: 12px; color: white; line-height: 25px; background: #C31618; } #product .models .phone-left .all .list .nav { width: 100%; } #product .models .phone-left .all .list .nav a { margin: 12px 15px 0px; } #product .models .right .all a { margin-bottom: 20px; } #product .models .right .all a .nr { height: 100%; } #product .models .right .all a .nr .top { height: 70px; } #product .models .right .all a .nr .top .title { width: 60%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 15px; } #product .models .right .all a .nr .top .label { padding: 5px 4px; width: 38px; height: 38px; } #product .models .right .more { margin: 20px auto 0; } } @media (max-width: 767px) { #news .models { padding: 0 10px; width: 100%; } #news .models .all .list { padding: 15px 0; } #news .models .all .list .img { float: left; padding: 0; } #news .models .all .list .img img { width: 100%; } #news .models .all .list .cont { float: right; padding: 0 0 0 20px; } #news .models .all .list .cont .time-title-cont { padding-top: 0; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm { margin-bottom: 0; } #news .models .all .list .cont .time-title-cont .title-cont .txts { line-height: 25px; } } @media (max-width: 736px) { #copyright .container .copyright { height: auto; } #copyright .container .copyright .friends { display: none; } #copyright .container .copyright .site { padding: 0 15px; font-size: 14px; text-align: left; } #copyright .container .copyright .site span { font-size: 14px; } #copyright .container .copyright .site .st { display: block; } #copyright .container .copyright .site .t { padding-top: 20px; } #copyright .container .copyright .site .tel { display: none; } #copyright .container .copyright .site .te { line-height: 40px; } #copyright .container .copyright .copyr { display: none; } #copyright .container .copyright .put { height: 40px; font-size: 14; padding-top: 0; margin-top: 10px; line-height: 40px; background: #1C1C1C; } #index-about ul .about { width: 100%; padding: 0 5px; } #index-about ul .about .cont { line-height: 23px; } #news-cent .models .news-cent .time { margin: 15px 0; } #news-cent .models .news-cent .content { padding-bottom: 30px; margin-top: 10px; } #news-cent .models .news-cent .content img { width: 100%; } #worksun .models { margin: 0 auto; } #worksun .models .talents { width: 100%; } #worksun .models .talents img { width: 80%; } #honour { padding-bottom: 20px; } #honour .models .phone-honour { padding: 20px 0 0; display: block; } #honour .models .phone-honour li { padding: 0; margin-bottom: 10px; } #video .models .public-popup { width: 250px; height: 250px; } #video .models .public-popup iframe { width: 250px; height: 210px; } } @media (max-width: 667px) { #index-business .container .list { height: 443px; overflow: hidden; } #index-business .container .list li { width: 50%; } #index-news .container .news .list1 .cont { top: 98.2222%; } #index-news .container .news .list .cont { padding-top: 12%; } #index-news .container .news .list .cont .title { margin-top: 10%; } #index-news .container .news .list .cont .origin-time { margin-top: 5%; padding-bottom: 7%; } #index-news .container .news .list .cont .origin-time .origin { display: none; } #index-news .container .news .list .cont .origin-time .time { margin-left: 32%; } #world .models .state .list .sate .each { width: 50%; } #world .models .state .list .sate .each img { top: 50px; } #world .models .state .list .sate .each p { color: #323232; } #world .models .state .list .sate .each .state { margin-top: 150px; } #world .models .state .list .more { margin: 20px auto 0; width: 130px; height: 30px; color: white; font-size: 12px; line-height: 30px; background: #D82128; border: 1px solid #D82128; } #build .models .more { margin: 0 auto; width: 130px; height: 30px; color: white; font-size: 12px; line-height: 30px; background: #D82128; border: 1px solid #D82128; } #product .models .right .more { margin: 0 auto; width: 130px; height: 30px; color: white; font-size: 12px; line-height: 30px; background: #D82128; border: 1px solid #D82128; } #product .models .product-cent .top .details { padding: 0 15px; } #product .models .product-cent .top .details .title { padding: 10px 0; font-size: 18px; } #product .models .product-cent .top .details .txt { line-height: 23px; } #product .models .product-cent .top .details .price { padding: 5px 10px; margin-top: 15px; } #product .models .product-cent .top .details .link { margin-top: 20px; height: 40px; } #product .models .product-cent .bottom { margin-top: 30px; } #product .models .product-cent .bottom .txts { height: 30px; } #product .models .product-cent .bottom .txts .left { margin-right: 5px; line-height: 36px; float: left; font-weight: 700; color: #333333; font-size: 36px; } #product .models .product-cent .bottom .txts .right { width: 80px; float: left; } #product .models .product-cent .bottom .txts .right .en { line-height: 23px; color: #333333; font-size: 20px; } #product .models .product-cent .bottom .txts .right .cn { width: 65px; line-height: 12px; color: #333333; font-size: 12px; } #product .models .product-cent .bottom .txts .right .cn span { margin-top: 2px; float: right; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #333333; } #product .models .product-cent .bottom .factor { height: 100%; margin-top: 30px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } #product .models .product-cent .bottom .factor li { padding: 0; } #product .models .product-cent .bottom .factor li .title { overflow: hidden; text-align: center; color: #333333; line-height: 29px; height: 30px; padding: 0; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #product .models .product-cent .bottom .factor li .para { overflow: hidden; padding: 0 20px; color: #737373; line-height: 29px; height: 30px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #product .models .product-cent .bottom .introduce { margin-top: 30px; } #offer .models .offer .message .submit-reset span { padding-left: 0; display: block; padding-top: 10px; font-size: 14px; } #inland .models .right { padding: 0; } #inland .models .right .selects { padding: 15px 10px 15px 0; } #inland .models .right .selects .select { margin-bottom: 10px; float: none; } #inland .models .right .selects .select .arro { right: none; left: 280px; } #inland .models .right .selects .select dt { float: left; width: 220px; } #inland .models .right .selects .select dd { left: 85px; width: 222px; } #inland .models .right .selects .confirm { float: left; color: white; cursor: pointer; margin-top: 5px; margin-left: 10px; margin-right: 0; line-height: 25px; text-align: center; } #inland .models .right .more { font-size: 14px; margin: 20px auto 0; } } @media (max-width: 568px) { #index-news .container .news .list1 .cont { top: 98.2222%; } #index-news .container .news .list2 { display: none; } #index-news .container .news .list { width: 50%; } #index-news .container .news .list .cont { padding-top: 15%; } #index-news .container .news .list .cont .title { margin-top: 10%; } #index-news .container .news .list .cont .origin-time { margin-top: 5%; padding-bottom: 10%; } #index-news .container .news .list .cont .origin-time .origin { display: none; } #index-news .container .news .list .cont .origin-time .time { margin-left: 32%; } #index-phone-product .top-title .en { height: 16px; width: 265px; margin: 5px auto; } #index-phone-product .top-title .en span { height: 30px; font-size: 20px; } #index-phone-product .product { margin-top: 30px; } #index-phone-product .product a .into { width: 100%; height: auto; padding: 0 5px; background: #3E3E3E; transition: all 0.5s ease 0s; } #index-phone-product .product a .into .title { color: white; display: block; font-size: 12px; padding: 10px 0; text-align: center; } #index-phone-product .product a .into .size { display: none; } #index-phone-product .more { width: 120px; height: 30px; color: white; display: block; font-size: 14px; line-height: 30px; text-align: center; background: #D82128; margin: 10px auto 0; border: 1px solid #D82128; transition: all 0.5s ease 0s; } #build-cent { padding: 20px 0; } #build-cent .models .right { padding: 0; width: 100%; } #build-cent .models .right .title { font-size: 20px; } #build-cent .models .right .content { line-height: 25px; padding-bottom: 20px; } #build-cent .models .right .upon { margin-top: 10px; } #build-cent .models .right .upon .upons { float: none; } #build-cent .models .right .upon .upons .list a { width: 80%; } #build-cent .models .right .upon .upons .list a:hover { color: #d82128; } #build-cent .models .right .upon .back { border-radius: 50px; border: 1px solid #7C7C7C; margin: 15px auto 0; float: none; width: 100px; height: 30px; } #build-cent .models .right .upon .back .txt { margin-left: 25px; line-height: 30px; font-size: 12px; } #build-cent .models .right .upon .back .ico { margin-top: 7px; margin-left: 5px; float: left; } #news-cent .models .news-cent .title { font-size: 20px; } #news-cent .models .news-cent .content { line-height: 25px; padding-bottom: 20px; } #news-cent .models .news-cent .upon { margin-top: 10px; } #news-cent .models .news-cent .upon .upons { float: none; } #news-cent .models .news-cent .upon .upons .list a { width: 80%; } #news-cent .models .news-cent .upon .upons .list a:hover { color: #d82128; } #news-cent .models .news-cent .upon .back { border-radius: 50px; border: 1px solid #7C7C7C; margin: 15px auto; float: none; width: 100px; height: 30px; } #news-cent .models .news-cent .upon .back .txt { margin-left: 25px; line-height: 30px; font-size: 12px; } #news-cent .models .news-cent .upon .back .ico { margin-top: 7px; margin-left: 5px; float: left; } #worksun .models { margin: 0 auto; } #worksun .models .talents { width: 100%; } #worksun .models .talents img { width: 100%; height: 100%; } #worksun .models .infor a img { width: 100%; height: 100%; } #worksun .models .infor a .bg { top: 0; left: 0; width: 100%; height: 100%; position: absolute; transition: all 0.8s ease 0s; } #worksun .models .infor a .bg .en { font-size: 14px; margin: 20% 0 0; } #worksun .models .infor a .bg .wire { margin: 10px auto; } #worksun .models .infor a .bg .cn { font-size: 14px; } #vips .models { margin: 0 auto 20px; } #vips .models li { padding: 0; } #vips .models li img { width: 100%; height: 100%; display: block; } #vips .models .apply a .txt { top: 0; left: 15px; } #vips .models .apply a .txt .en { font-size: 16px; margin-top: 15px; } #vips .models .apply a .txt .cn { font-size: 14px; margin: 7px 0 5px; } #vips .models .apply a .txt .t { margin-top: 3px; font-size: 12px; } #vips .models .apply a .arrows { left: 15px; bottom: 15px; } #marketing .models { background: #F7F7F7; margin: 0 auto 20px; } #marketing .models li { padding: 0; } #marketing .models li img { width: 100%; height: 100%; display: block; } #marketing .models .agent a .txt { top: 0; left: 15px; } #marketing .models .agent a .txt .en { font-size: 16px; margin-top: 15px; } #marketing .models .agent a .txt .cn { font-size: 14px; margin: 7px 0 5px; } #marketing .models .agent a .txt .t { margin-top: 3px; font-size: 12px; } #marketing .models .agent a .arrows { left: 15px; bottom: 15px; } #serve .models { width: 100%; margin: 0 auto 20px; } #serve .models .suggest .txt { width: 100%; padding: 0 10px; } #serve .models .after a img { height: 100%; } #serve .models .after a .txt { left: 15px; } #serve .models .after a .txt .en { font-size: 16px; margin-top: 15px; } #serve .models .after a .txt .cn { font-size: 14px; margin: 7px 0 10px; } #serve .models .after a .txt .t { margin-top: 5px; font-size: 12px; } #serve .models .after a .arrows { left: 15px; bottom: 15px; } #serve .models .custo a .infos .cn { font-size: 12px; } #serve .models .cooperation .bg .cn { font-size: 12px; } #video { padding: 20px 0; } #video .models { width: 100%; } #video .models .left { width: 100%; padding: 0 6px; margin-bottom: 8px; } #video .models .left .nr .bgs { height: 40px; } #video .models .left .nr .bgs .title { width: 90%; line-height: 40px; font-size: 14px; } #video .models .right { width: 100%; padding: 0; } #video .models .right li { width: 50%; padding: 0 5px; margin-bottom: 10px; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm .title { float: none; width: 90%; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm .tme { float: none; } #news .models .all .list .cont .time-title-cont .title-cont .txts { display: none; } #product { padding: 20px 0; } #product .models .product-cent .top { padding-bottom: 20px; } #product .models .product-cent .top .img { width: 100%; } #product .models .product-cent .top .details { width: 100%; padding: 0; } #product .models .product-cent .top .details .title { padding: 20px 0 10px; font-size: 18px; } #product .models .product-cent .top .details .price { margin-top: 10px; } #product .models .product-cent .bottom { margin-top: 20px; } #product .models .product-cent .bottom .txts { height: 30px; } #product .models .product-cent .bottom .txts .left { margin-right: 5px; line-height: 36px; float: left; font-weight: 700; color: #333333; font-size: 36px; } #product .models .product-cent .bottom .txts .right { width: 80px; float: left; } #product .models .product-cent .bottom .txts .right .en { line-height: 23px; color: #333333; font-size: 20px; } #product .models .product-cent .bottom .txts .right .cn { width: 65px; line-height: 12px; color: #333333; font-size: 12px; } #product .models .product-cent .bottom .txts .right .cn span { margin-top: 2px; float: right; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #333333; } #product .models .product-cent .bottom .factor { margin-top: 20px; } #product .models .product-cent .bottom .factor li .title { font-size: 12px; } #product .models .product-cent .bottom .factor li .para { font-size: 12px; } #product .models .product-cent .bottom .introduce { margin-top: 20px; } } @media (max-width: 480px) { #applyid { padding-bottom: 0; } #applyid .models .register .right .img { display: none; } #applyid .models .register .right .registers { height: 100%; float: left; width: 100%; padding: 20px 0 20px; } #applyid .models .register .right .registers form .input { margin-bottom: 14px; } #applyid .models .register .right .registers form .input span { padding-right: 15px; width: 85px; } #applyid .models .register .right .registers form .input input { width: 72%; } #applyid .models .register .right .registers form .citys { margin-bottom: 14px; } #applyid .models .register .right .registers form .citys span { padding-right: 15px; width: 85px; } #applyid .models .register .right .registers form .citys .pro-city { float: left; padding: 0; height: 34px; width: 72%; } #applyid .models .register .right .registers form .citys .pro-city .pro { float: left; width: 47%; padding: 0 10px; height: 34px; border: 1px solid #D5D5D5; } #applyid .models .register .right .registers form .citys .pro-city .city { float: right; width: 47%; padding: 0 10px; height: 34px; border: 1px solid #D5D5D5; } #applyid .models .register .right .registers form .sex { margin-bottom: 14px; } #applyid .models .register .right .registers form .sex span { padding-right: 15px; width: 85px; } #applyid .models .register .right .registers form .sex input { margin-top: 12px; } #applyid .models .register .right .registers form .submits { padding-right: 10px; } } @media (max-width: 414px) { #index-about ul .video { width: 100%; height: 200px; } #index-about ul .video .cont .img { width: 40px; height: 40px; left: 50%; top: 55px; margin-left: -20px; background-size: 100%; } #index-about ul .video .cont .en { color: white; display: block; font-size: 14px; text-align: center; margin: 120px 0 10px; } #index-about ul .video .cont .cn { font-size: 12px; } #index-about ul .video:hover .cont .img { top: 35px; } #index-about ul .honor { width: 100%; } #index-about ul .culture { height: auto; } #index-about ul .culture .img { width: 100%; height: auto; } #index-about ul .culture .bg { height: 100%; background: rgba(0, 0, 0, 0.6); } #index-about ul .culture .bg .en { color: white; font-size: 14px; margin: 17% 0 0; } #index-about ul .culture .bg .wire { width: 50px; margin: 10px auto 15px; } #index-about ul .culture .bg .cn { color: white; font-size: 14px; } #index-industry { margin: 20px auto 30px; } #index-industry .top-title .en { font-size: 20px; } #index-industry .top-title .cn { font-size: 14px; } #index-industry .list { margin-top: 10px; } #index-culture { width: 100%; padding: 0 10px; margin: 20px auto 0; } #index-culture .top-title .en { font-size: 20px; } #index-culture .top-title .cn { font-size: 14px; } #index-culture .nav { width: 100%; margin: 10px auto; } #index-culture .nav li { width: 25%; float: left; height: 35px; line-height: 35px; border-radius: 2px; position: relative; transition: all 0.5s ease 0s; } #index-culture .nav li span { display: none; } #index-culture .bottom { width: 100%; } #index-culture .bottom .list .left { width: 100%; } #index-culture .bottom .list .right { width: 50%; } #index-business .container .top-title { padding-top: 20px; } #index-business .container .top-title .en { font-size: 20px; } #index-business .container .top-title .cn { font-size: 14px; } #index-business .container .list { height: 327px; overflow: hidden; } #index-business .container .list li { width: 50%; height: 163px; } #index-business .container .list li img { top: 20px; } #index-business .container .list li .state { margin-top: 110px; } #index-business .container .list li:hover img { top: 20px; } #index-business .container .list li:hover .state { margin-top: 110px; } #index-business .container .more { width: 143px; height: 35px; font-size: 14px; line-height: 35px; margin: 0 auto 20px; } #index-news .container .top-title { padding-top: 20px; } #index-news .container .top-title .en { font-size: 20px; } #index-news .container .top-title .cn { font-size: 14px; } #index-news .container .news .list0 .cont { border: none; } #index-news .container .news .list1 .cont { border: none; } #index-news .container .news .list2 { display: none; } #index-news .container .news .list { width: 50%; } #index-news .container .news .list .cont { height: 96%; padding-top: 9%; } #index-news .container .news .list .cont a { height: 28px; line-height: 28px; background: #D82128; } #index-news .container .news .list .cont a .ico { display: none; } #index-news .container .news .list .cont a .txt { width: 100%; color: white; margin-left: 0; text-align: center; } #index-news .container .news .list .cont .title { margin-top: 10%; } #index-news .container .news .list .cont .origin-time { margin-top: 5%; padding-bottom: 10%; } #index-news .container .news .list .cont .origin-time .origin { display: none; } #index-news .container .news .list .cont .origin-time .time { margin-left: 32%; } #index-news .container .news .list:hover .cont a .txt { margin-left: 0; } #copyright .container .copyright .site span { font-size: 12px; } #marketing .models .joins .join .infos .ico { left: 50%; top: 60px; width: 40px; height: 37px; margin-left: -20px; } #marketing .models .joins .inter .infos .ico { left: 50%; top: 60px; width: 40px; height: 40px; margin-left: -20px; } #worksun .models { margin: 0 auto; } #worksun .models .two a .txt { padding: 0 10px; } #worksun .models .two a .txt .cn { margin: 20px 0 10px; line-height: 28px; } #worksun .models .two a .txt .cent { line-height: 23px; } #worksun .models .two a .arrows { bottom: 15px; } #worksun .models .talents { width: 100%; } #worksun .models .talents img { width: 100%; height: 100%; } #worksun .models .talents .talen { width: 100%; padding: 0 10px; top: 10px; left: 0; } #worksun .models .talents .talen .title { color: #474747; font-size: 16px; } #worksun .models .talents .talen .wire { margin: 10px 0; } #worksun .models .talents .talen .txt { line-height: 22px; } #worksun .models .talents .talen .more { width: 100px; background: #C4141B; color: white; border: 1px solid #C4141B; } #build-cent .models .right .time { margin: 10px 0; } #serve .models .after a .txt .en { margin-top: 35px; } #serve .models .after a .arrows { bottom: 25px; } #serve .models .cooperation .bg .en { margin: 50px 0 0; } #offer { padding-bottom: 20px; } #offer .models .offer { padding-top: 15px; } #offer .models .offer .message { margin-top: 10px; } #offer .models .offer .message .txt { margin-bottom: 10px; font-size: 14px; color: #d82128; } #offer .models .offer .message .name-tel .name { padding: 0; width: 100%; } #offer .models .offer .message .name-tel .name .name-cn { width: 100%; } #offer .models .offer .message .name-tel .tel { padding: 0; width: 100%; margin-top: 10px; } #offer .models .offer .message .name-tel .tel .tel-cn { width: 100%; } #offer .models .offer .message .emali-site .emali { width: 100%; margin-top: 10px; padding: 0; } #offer .models .offer .message .emali-site .emali .emali-cn { width: 100%; } #offer .models .offer .message .emali-site .site { padding: 0; width: 100%; margin-top: 10px; } #offer .models .offer .message .emali-site .site .site-cn { width: 100%; } #offer .models .offer .message .content { margin-top: 10px; font-size: 14px; } #offer .models .offer .message .submit-reset { margin-top: 15px; text-align: left; width: 100%; } #video .models .public-popup { width: 300px; height: 300px; } #video .models .public-popup iframe { width: 300px; height: 260px; } #news .models .search .margin { width: 310px; } #news .models .search .margin form .text { width: 150px; } #news .models .all .list .cont { padding: 0 0 0 15px; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm { margin-top: 3%; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm .title { height: 22px; line-height: 22px; float: none; font-size: 14px; } #news .models .all .list .cont .time-title-cont .title-cont .ti-tm .tme { height: 22px; line-height: 22px; font-size: 12px; float: none; color: #808080; } #news .models .all .list .cont .time-title-cont .title-cont .txts { display: none; } #product { padding: 20px 0; } #product .models .phone-left { margin-bottom: 15px; } #product .models .right .all a { padding: 0 7px; margin-bottom: 13px; } #product .models .right .all a .nr .top { padding-top: 10px; height: 30px; } #product .models .right .all a .nr .top .title { margin-left: 10px; width: 88%; line-height: 30px; } #product .models .right .all a .nr .top .label { top: 50px; right: 10px; } #product .models .right .all a .nr .intro { padding: 0 10px 10px; height: 100%; } #product .models .right .all a .nr .intro .size { font-size: 12px; } #product .models .right .all a .nr .intro .classify .price { font-size: 12px; } #product .models .right .all a:hover .nr .intro { background: none; } #product .models .right .all a:hover .nr .intro .size { padding: 5px 0 3px; color: #2b2b2b; transition: all 0.5s ease 0s; } #product .models .right .all a:hover .nr .intro .classify .txt { color: #757575; } #product .models .right .all a:hover .nr .intro .classify .price { color: #D82128; } #product .models .product-cent .top .details .link .public-popup { width: 320px; height: 495px; } #product .models .product-cent .top .details .link .public-popup form { padding: 0 15px; } #product .models .product-cent .top .details .link .public-popup form .list { margin-bottom: 20px; } #product .models .product-cent .top .details .link .public-popup form .list p { width: 50px; } #product .models .product-cent .top .details .link .public-popup form .list input { float: left; width: 220px; } #product .models .product-cent .top .details .link .public-popup form .remark p { width: 50px; } #product .models .product-cent .top .details .link .public-popup form .remark textarea { float: left; width: 220px; } #product .models .product-cent .top .details .link .public-popup form .submits { margin: 0 auto; } } @media (max-width: 375px) { #index-news .container .news .list .cont { padding-top: 8%; } #index-news .container .news .list .cont .title { margin-top: 10%; } #index-news .container .news .list .cont .origin-time { margin-top: 5%; padding-bottom: 7%; } #index-news .container .news .list .cont .origin-time .origin { display: none; } #index-news .container .news .list .cont .origin-time .time { margin-left: 27%; } #index-news .container .news .list:hover .cont a .txt { margin-left: 0; } } @media (max-width: 320px) { } /*# sourceMappingURL=responsive.css.map */