/* 鍏敤 */ body { color: rgb(102, 102, 102); position: relative; vertical-align: baseline; width: 100%; overflow-x: hidden; background: rgb(255, 255, 255); font: 12px/1.5 "Microsoft YaHei", arial, 瀹嬩綋, sans-serif; } @font-face { font-family: 'iconfont'; /* project id 1240954 */ src: url('//at.alicdn.com/t/font_1240954_l2vjj97l51p.eot'); src: url('//at.alicdn.com/t/font_1240954_l2vjj97l51p.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1240954_l2vjj97l51p.woff2') format('woff2'), url('//at.alicdn.com/t/font_1240954_l2vjj97l51p.woff') format('woff'), url('//at.alicdn.com/t/font_1240954_l2vjj97l51p.ttf') format('truetype'), url('//at.alicdn.com/t/font_1240954_l2vjj97l51p.svg#iconfont') format('svg'); } .dh{ transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 氓鈥櫯 Chrome */ -o-transition: all .3s; /* Opera */ } .my_editor{text-align:justify;} a,a:hover{text-decoration: none;} strong{font-weight:bold;} body{color:#333;} .ic { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .reuse { text-align: center; font-size: 30px; color: #fabd00; font-weight: bold; line-height: 35px; padding-bottom: 10px; text-transform: uppercase; padding-top: 40px; padding-bottom: 24px; } .reuse p { font-size: 24px; font-weight: normal; color: #575757; } .m-com-i-tit-v2 span { width: 40px; border-bottom: 1px solid #050505; padding-top:8px; } .swiper-pagination-bullet-active{background: #fabd00;} .contact-header{text-align:center;margin-bottom:48px;} .contact-header h3{font-size:36px;line-height:60px;} .contact-header h4{font-size:20px;line-height:30px;} .com-bg{background-position:center center;background-size: cover;} /* 澶撮儴 */ .logo-img{height: 50px;padding: 5px 14px;} .navbar-brand{padding: 0;} .navbar-default .navbar-nav>li>a{cursor: pointer;color: #333;} .navbar-default .navbar-nav>li>a{text-align: center;color: #777;font-size: 16px;line-height: 32px;border-bottom: 1px solid #eee;} .navbar-default{background: #fff;border-color: transparent;} .navbar{margin-bottom: 0;} .wid50{width: 50%;min-height: 60px;float: left;} .subnav-wrapdiv{width:460px;position: absolute;top: 100%;left: 50%;margin-left: -320px;z-index: 999;background: #fff;} .subnav-wrapdiv div img{width: 100%;padding: 18px 12px;border-right: 1px solid #ddd;} .subnav-wrapdiv ul{padding-top: 24px;} .subnav-wrapdiv ul li a{display: block;font-size: 12px;text-align: center; line-height: 42px;border-bottom: 1px solid #ddd;color: #666;} .subnav-wrapdiv ul li a:hover{color: #333;} .subnav-wrapdiv ul li{padding: 0 12px;} .nav li .subnav-wrapdiv{height: 0;overflow: hidden;} .nav>li:hover .subnav-wrapdiv{height: 176px;} /*涓存椂鏍峰紡*/ /* 璧拌繘涓収 */ .m-com-i-tit{text-align: center;padding-top: 40px;padding-bottom: 24px;} .m-com-i-tit h3{font-size: 30px;line-height: 40px;color: #fabd00;} .m-com-i-tit h2{font-size: 24px;line-height: 42px;color: #575757;} .m-com-i-tit span{width: 40px;border-bottom: 1px solid #050505; } .about-in-content{font-size: 14px;line-height: 2em;padding: 15px;} /* 鍥炬爣鍖 */ .about-in-icolinks{/**/padding-top: 24px;} .m-index-ico-c{margin-bottom: 14px;cursor: pointer;} .index-ico{width: 40%;padding: 10px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: #abaeb7;} .m-index-ico-c:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);} .m-index-ico-c .text{width: 60%;color: #555;} .m-index-ico-c .text h2{font-size: 18px;line-height: 40px;margin: 0;font-weight:bold;} .m-index-ico-c .text p{font-size: 12px;line-height: 20px;} .industry-in-imgs{padding: 0 15px 4px;} .industry-in-imgs .carousel-indicators{margin-left: 0;width: 36%;left: 65%;bottom: 5px;} .carousel-indicators .active{background-color: #fabd00;} .industry-txt{padding: 24px 0;} .industry-txt h2{font-size: 26px;line-height: 50px;color: #ff8e2e;font-weight: bold} .industry-txt h3{font-size: 20px;line-height: 40px;color: #333;} .industry-txt p{font-size: 16px;line-height: 30px;color: #555;} .u-indus-more{display: block;width: 110px;background-color: #fabd00;color: #fff;font-size: 14px;line-height: 40px;text-align: center;margin-top: 14px;} .padfix8{padding-left: 8px;padding-right: 8px;} /* 浜у搧涓績 */ .product{background-color: #fafafa;} .product-index .com{padding-bottom:36px;height:280px;} /*xyin-case*/ /*xyin-case*/ .xyin-case { background: url(../images/bg1.jpg) top center no-repeat; background-size: cover; /*padding: 50px 0;*/ overflow: hidden; } .xyin-case .case-slick { position: relative; } .xyin-case .case-slick .slick-list { margin: 0 -17px; } .xyin-case .case-slick .slick-arrow { position: absolute; z-index: 999; width: 40px; top: 50%; height: 40px; margin-top: -40px; background-color: rgba(0, 0, 0, 0.67); background-position: center center; background-repeat: no-repeat; outline: none; border: none; font-size: 0; } .xyin-case .case-slick .slick-arrow.slick-prev { background-image: url(../img/des-ljt.png); left: 39.5%; } .xyin-case .case-slick .slick-arrow.slick-next { background-image: url(../img/des-rjt.png); right: 39.5%; } .xyin-case .case-slick .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.67); } @media (max-width: 768px) { .xyin-case .case-slick .slick-arrow.slick-prev { left: 0; } .xyin-case .case-slick .slick-arrow.slick-next { right: 0; } } .xyin-case .case-slick .slick-slide { outline: none; } .xyin-case .case-slick .slick-slide img { display: inline-block; width: 100%; } .xyin-case .case-slick .slick-con { display: block; padding: 0 17px; } .xyin-case .case-slick .slick-con .img { display: block; position: relative; } .xyin-case .case-slick .slick-con .img:after { content: ''; position: absolute; z-index: 9; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255, 255, 255, 0.47); -webkit-transition: all .5s ease; transition: all .5s ease; } .xyin-case .case-slick .slick-con h3, .xyin-case .case-slick .slick-con p { text-align: center; opacity: .6; } .xyin-case .case-slick .slick-con h3 { font-size: 18px; color: #000000; margin: 15px 0 10px 0; } .xyin-case .case-slick .slick-con p { font-size: 14px; color: #5a5a5a; } .xyin-case .case-slick .slick-center .slick-con .img:after { opacity: 0; } .xyin-case .case-slick .slick-center .slick-con h3, .xyin-case .case-slick .slick-center .slick-con p { opacity: 1; } @media (max-width: 520px) { .xyin-case .case-slick .slick-list { margin: 0; } .xyin-case .case-slick .slick-con { padding: 0; } } .product{ /* width: 1920px; */ /* left: 50%; */ position: relative; /* margin-left: -960px; */ overflow: hidden; background: #f6f6f6; margin-top: 20px; } .product .com{position: relative;/*height: 600px;*/overflow:hidden;} .pro-calss-selector{text-align: center;padding-bottom: 24px;} .pro-calss-selector li{display: inline-block;width: 80px;font-size: 16px;line-height: 40px;border-bottom: 4px solid transparent;margin: 0 16px;} .pro-calss-selector li a{color: #333;display: block;text-decoration:none;} .pro-calss-selector li:hover a,.pro-calss-selector li.active a{text-decoration: none;color: #000;} .pro-calss-selector li:hover,.pro-calss-selector li.active{border-bottom-color: #fabd00;} .slick-wrap-rel{/*position: absolute;*/position: relative;left: 0;right: 0;top: 0;/*height: 600px;*/background-color: #f6f6f6;overflow:hidden;} /* 鏂伴椈涓績 */ .u-video-img img{display: block;width: 100%;padding-top: 36px;padding-bottom: 36px;} .news-list-wrap{padding: 0 15px;} .time{color: #555;padding-top: 20px;} .time .md{font-size: 14px;font-weight: bold;} .time .year{font-size: 14px;} .news-txt{color: #333;border-left:1px solid #ddd;} .news-txt .title{font-size: 16px;line-height: 24px;margin: 8px 0;color: #333;} .news-txt .des{font-size: 14px;line-height: 20px;color: #444;} .m-index-news{margin-bottom: 20px;} .u-news-more-btn{font-size: 14px;line-height: 46px;width: 170px;display: block;text-align: center;color: #777;border: 1px solid #777;margin-bottom: 18px;} .u-news-more-btn:hover{color:#fff;background-color:#fabd00;} .heng-img{ height: 110px; background: url(../images/heng.jpg) no-repeat center center; background-size: auto 100%; } /* 搴曢儴鍔熻兘鍖 */ .two-ico-func-area{padding: 0 15px;} .m-ico-func{text-align: center;padding-top: 40px;color: #000;} .m-ico-func:hover{text-decoration: none;} .m-ico-func .ic{font-size: 28px;text-align: center;line-height: 52px;width: 52px;color: #000;background-color: #efefef;border-radius: 50%;margin-bottom: 14px;} .m-ico-func h2{font-size: 28px;line-height: 52px;} .m-ico-func p{font-size: 14px;line-height: 20px;color: #888;} .u-ico-func-more{font-size: 14px;line-height: 40px;width: 150px;color: #9e9e9e;border: 1px solid #9e9e9e;margin-top: 14px;margin-bottom: 20px;} .m-ico-func:hover .ic,.m-ico-func:hover .u-ico-func-more{color: #fff;background-color: #fabd00;border-color: transparent;} /* 搴曢儴 */ footer{background-color: #18181d;border-top: 5px solid #fabd00;min-height: 100px;padding-top: 24px;} .footer-in{position: relative;} footer .container-fluid{padding-bottom: 30px;border-bottom: 1px solid #303034;} .f-nav dl{float: left;width: 50%;} .f-nav a{color: #fff;} .f-nav dt{font-size: 14px;line-height: 2em;} .f-nav dd{display: none;} .f-nav dd a{color: #c8c8c8;font-size: 12px;line-height: 2em;display: block;padding-right: 18px;} .f-mes{padding: 14px 0;} .f-mes h4{padding-left: 14px;line-height: 36px;float: left;/*min-width: 200px;*/} .f-mes img{width: 100px;display: block;} .f-mes p{font-size: 16px;text-align: center;color: #fff;line-height: 48px;} .f-copymes{padding-top: 18px;font-size: 12px;line-height: 2em;color: #fff;} .f-copymes p{margin-bottom: 10px;font-size:12px;line-height:20px;color:#e4e4e4;} #gotop{position: absolute;right: 0;top: -83px;cursor: pointer;} /* 鍐呴〉寮€濮 */ .inbanner img{width: 100%;} .pc-cat-selector{padding-top: 42px;padding-bottom: 12px;padding-left:12px;padding-right:12px;margin-bottom: 24px;} .pc-cat-selector-in{position: relative;} .m-class1cat{background-color: #fabd00;} .m-class1cat-wrap{width: 14%;text-align: center;color: #fff;} .m-class1cat{border-radius: 8px;padding-top: 12px;padding-bottom: 12px;border-top-right-radius: 0;border-bottom-right-radius: 0;min-height: 78px;} .m-class1cat h3{font-size: 18px;line-height: 30px;font-weight: bold;} .m-class1cat h4{font-size: 14px;line-height: 20px;} .m-classlist-wrap{width: 86%;border: 1px solid #e0e0e0;box-shadow: 1px 1px 6px #e0e0e0;} .class2-cat-in-list,.class3-cat-in-list{padding-left: 4%;padding-right: 4%;} .class2-cat-in-list li a{color: #333;} .class3-cat-in-list li a{color: #555;} .class2-cat-in-list li,.class3-cat-in-list li{float: left;font-size: 16px;line-height: 40px;padding: 10px 14px;} .class2-cat-in-list li a,.class3-cat-in-list li a{display: block;padding-left: 10px;padding-right: 10px;border-bottom: 4px solid transparent;} .m-classlist-wrap a:hover,.m-classlist-wrap a.active{color: #000;border-bottom-color: #fabd00;} .class3-cat-in-list{border-top: 1px solid #e0e0e0;height: 0;overflow:hidden;width: 100%;} .class2-cat-in-list { padding-top: 6px; padding-bottom: 6px; } .my_editor img{max-width:700px;width:100%;} /*闈㈠寘灞?/ .breadcum-wrap{text-align:right;padding-right: 8px;} .breadcum-wrap,.breadcum-wrap a{color:#333;font-size:12px;line-height:48px;} /*鍐呴〉鏂伴椈*/ .ytzh-news-list li{display:block;border-bottom:1px solid #ccc;border-top:1px solid #ccc;margin-top:-1px;padding:14px 12px 36px;} .ytzh-news-list li:hover a{color:#fabd00;} .ytzh-news-list li h2 a{font-size:16px;line-height:30px;color:#333;display:block;padding-top:9px;padding-bottom:9px;} .ytzh-news-list li p{font-size:14px;line-height:24px;color:#555;} .news-time{font-size:12px;color:#000;padding-top:20px;} .news-time i.ic{display:inline-block;padding-right:16px;} /*瑙嗛涓績*/ .video-list-wrap{padding-bottom:48px;padding-top:24px;} .m-video-item{border:1px solid #ddd;margin-bottom:24px;} .m-video-item:hover{border-color:#fabd00;} .m-video-item img{display:block;width:100%;padding:6px;} .m-video-item p{font-size:14px;color:#333;line-height:30px;text-align:center;padding:6px 0;} /*浼樼鍛樺伐*/ .people img{padding:6px;border:1px solid #ddd;} /*鎵嬫満渚ц竟鏍?/ .m-m-now-cat{font-size: 16px;line-height: 30px;padding: 10px 0;border-bottom:1px solid #ddd;} .mobile-cat{padding: 0 8px;} .u-sub-menu-ico{width:30px;border-radius:50%;background-color:#f1f0f0;color:#666;display:inline-block;line-height: 30px;text-align: center;font-size: 12px;} .u-catchange{padding-right:8px;} .u-catchange span{font-size: 14px;color: #666;} /* 鎵嬫満渚ц竟瀵艰埅鏍 */ .am-offcanvas { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1090; background: rgba(0,0,0,.15); } aside .am-offcanvas-bar { width: 70%; background: #1c1c1c; } .am-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1091; width: 270px; max-width: 100%; background: #333; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } aside .am-offcanvas-bar dt a { display: block; padding: 15px; border-bottom: 1px solid #292929; color: #fff; font-weight: normal; font-size: 16px; } .classnowname h3{ padding: 0px 10px; height: 60px; border-bottom: 1px solid #ddd; font-weight: normal; font-size: 16px; line-height: 60px; margin:0; } .showclass2nav{ position: absolute; top: 0px; right: 15px; height: 60px; color: #666; font-weight: normal; font-size: 12px; line-height: 60px; margin:0; } .showclass2nav i{ display: inline-block; margin-right: 5px; width: 30px; height: 30px; border-radius: 100px; background: #efefef; text-align: center; font-size: 16px; line-height: 30px; } aside .am-offcanvas-bar dd h4 { display: inline-block; margin: 5px; } aside .am-offcanvas-bar dd a { display: block; padding: 5px; background: #292929; color: #929292; font-weight: normal; font-size: 16px; } /* 婵€娲荤姸鎬佺殑渚ц竟鏍 */ .am-offcanvas.am-active{display: block;} .am-offcanvas.am-active .am-offcanvas-bar{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /*鍐呴〉浜у搧*/ .product-footer{background-color: #f2f1f1;margin-top:36px;} .pro-in-code-list li{float: left;} .pro-in-lx {padding-top: 22px;padding-left:20px;padding-right:20px;} .pro-in-lx h3{font-size:20px;line-height:30px;color:#333;font-weight: bold;} .pro-in-lx .line{display:block;width:80px;border-bottom:3px solid #fabd00;margin: 16px 0;} .pro-in-code-list{padding:16px;} .pro-in-code-list li { float: left; text-align: center; font-size: 16px; line-height: 2em; padding: 8px; width: 50%; } .pro-in-code-list li img{border:1px solid #c7ac7a;width:100%;} /*鍐呴〉鏂伴椈*/ .my_pager{margin-bottom:24px;} .in-news-list-s2{padding: 0 10px;} .in-news-list-s2 li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; transition: all .5s; } .in-news-list-s2 li .zi { width: 947px; } .in-news-list-s2 li .tu { width: 188px; height: 149px; margin-left: -20px; ; } .in-news-list-s2 li .tu img { width: 188px; height: 149px; } .in-news-list-s2 li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative; } .in-news-list-s2 li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0; } .in-news-list-s2 li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; } .in-news-list-s2 li .info { font-size: 14px; line-height: 2; color: #999999; } .in-news-list-s2 li .more { margin-top: 15px; } .in-news-list-s2 li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; transition: all .5s ease; } .in-news-list-s2 li:hover { box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); } .in-news-list-s2 li:hover .tit h3 { color: #fabd00; } .in-news-list-s2 li:hover .more span { color: #fff; background-color: #fabd00; } .hfxx { text-align: center; } /*浜у搧鍒楄〃婊戝姩*/ .in-pro-wrap { height: 150px; overflow: hidden; margin-top: 24px; } /********************浜у搧鍒楄〃鏍峰紡**********************/ .products-list-ul li{display: block;float: left;box-sizing: border-box;padding: 10px 3px;} .products-list-ul li div{position: relative;} .products-list-ul li span.cover{display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("../images/fd.png") no-repeat center center;background-size: 100% 100%;opacity: 0; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 鍜 Chrome */ -o-transition: all 1s; /* Opera */} .products-list-ul li:hover span.cover{opacity: 1;} .products-list-ul li:hover span.title{border-bottom: 4px solid #fabd00;;} .products-list-ul img{width: 100%} .products-list-ul li span.title{text-align: center;display: block;border-bottom: 4px solid transparent;background: #f2f2f2;font-size: 16px;line-height: 40px; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 鍜 Chrome */ -o-transition: all 1s; /* Opera */} /********************浜у搧鍒楄〃鎵嬫満鏍峰紡**********************/ @media screen and (max-width: 768px) { .products-list-ul li{width: 33.3333%;} .in-pro-wrap {height:200px;} } @media screen and (min-width: 768px) { .products-list-ul li{width: 25%;margin-bottom: 30px;} .in-pro-wrap {height:350px;} } @media screen and (min-width: 1100px) { .in-pro-wrap {height:420px;} } .buinesses{overflow: hidden;height:100px;padding-bottom: 40px;} .busi-wrap{position: relative;margin-bottom: 80px;} .my_module2 h1.my_title{font-size:28px;font-weight:normal;padding:5px 0} .my_module2 .my_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd} .my_module2 .my_time{padding-right:6px} .my_module2 .my_source{padding-right:6px} .my_module2 .my_source a{color:#607fa6} .my_module2 .my_editor{padding:0 10px} .my_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px} .my_tools .my_page{clear:both;position:absolute;right:5px;top:0;color:#818181} .my_tools .my_page li{ display:inline; list-style:none; margin-left:30px;} .my_tools .my_page li span{ padding-right:5px;} .my_tools .my_page a{color:#607fa6} /* 浜烘墠鎷涜仒 */ #joblist { padding: 15px; } #joblist dl { padding: 10px 5px; margin-top: 30px; border: 1px solid #ddd; } #joblist dt { padding: 0 10px; font-size: 16px; font-weight: 700; } #joblist dd .mis { padding: 5px 10px; border-bottom: 1px solid #ddd; font-size: 12px; } #joblist dd .editor { padding: 10px; } #joblist dd .dtail { padding: 5px 10px 0; border-top: 1px solid #ddd; } #joblist dd .dtail span { margin-right: 15px; } #joblist dd .dtail a { color: #1c57c4; } #showjob h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px; } #showjob .paralist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden; margin-top: 30px; visibility: hidden; } #showjob .paralist li { list-style: none; padding: 8px 5px 8px 90px; min-height: 20px; position: relative; border-bottom: 1px solid #ddd; } #showjob .paralist li span { position: absolute; left: 0; top: 0; width: 80px; padding: 8px 5px; overflow: hidden; word-wrap: break-word; } #showjob .ctitle { margin: 30px 0 10px; padding: 0 10px; font-size: 16px; font-weight: 400; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; } #showjob .info_cv { margin-top: 30px; margin-left: 10px; } #showjob .info_cv a { display: inline-block; background: #23b7e5; height: 35px; line-height: 35px; padding: 0 35px; color: #fff; border-radius: 2px; } .my_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0} .my_editor table td{border:1px solid #ddd!important} .my_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd} .my_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd} /* 鑱旂郴鎴戜滑 */ .contact{background:#eee;} .m-contact-item{min-height:100px;width:95%;margin-top:24px;margin-bottom:24px;background-color:#fff;} .map{margin-left:-15px;margin-right:-15px;margin-top:36px;} .contact-header{text-align:center;margin-bottom:48px;} .contact-header h3{font-size:36px;line-height:60px;} .contact-header h4{font-size:20px;line-height:30px;} .contact-ico{text-align: center;} .contact-ico img{max-width:70px;} .contact-ico h4{font-size: 16px;line-height:3em;color:#333;font-weight: bold;} .contact-ico p{font-size: 14px;line-height:2em;color:#666;} .m-contact{height:216px;} @media screen and (min-width: 768px) { } @media screen and (min-width: 1000px) { } @media screen and (min-width: 1200px) { } @media screen and (min-width: 1402px) { }