/* CSS Document */ @import url('font.css'); a:hover,a:visited,a:active{text-decoration:none;color: #ffffff;} .center{text-align: center;} body{ /* background-image:url(img/bg.png); background-repeat:repeat;*/ font-size: 15px;font-family:'myfont',Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} .btn-green {color: #fff;background-color: #007cc3; padding: 10px 20px;} .btn-blue {color: #fff;background-color: #007cc3; padding: 10px 20px;} #top{ /* background-image:url(img/top_bg.png); */} #top .fixed-box{position: fixed;width: 100%;z-index: 99999;top: 0px;background-color: #ffffff;} #top .fixed-box .menu-box{display: flex;min-height: 70px;} #top .fixed-box .left,#top .fixed-box .right{display: flex;align-items: center; } #top .fixed-box .left{justify-content: center;} #top .fixed-box .left .logo .img{width: 300px;height: auto;} #top .fixed-box .menu{text-align: center;} #top .fixed-box .menu-box .navbar-nav{display: inline-block;float: none;text-align: center;} #top .fixed-box .menu-box .navbar-nav li{display: block; font-size: 1em;} #top .fixed-box .menu-box .navbar-nav li a span{display: inline-block;margin-top: 5px;} #top .fixed-box .menu-box .navbar { padding:0px 0px; -webkit-transition: background .8s ease-out,padding .8s ease-out; -moz-transition: background .8s ease-out,padding .8s ease-out; transition: background .8s ease-out,padding .8s ease-out;margin-bottom:0px;} #top .fixed-box .menu-box .navbar-nav>li{padding:0px 0px;margin:0px 0px;} /* CLASS FOR REMOVING PADDING IN NAVBAR*/ #top .fixed-box .menu-box .navbar-pad-original {padding:0px;} /*修改导航条字体样式*/ #top .fixed-box .menu-box .navbar .navbar-nav > li > a {color: #000000;font-size:20px;padding-left:20px;padding-right:20px;font-weight: bold;} #top .fixed-box .menu-box .navbar .navbar-nav > li > a:hover{color:#000000;} #top .fixed-box .menu-box .navbar .navbar-brand {color: #000;font-size:20px;} #top .fixed-box .menu-box .navbar-inverse{/*background-color: rgba(20, 173, 124, 1);border-color: rgba(20, 173, 124, 1);*/} #top .fixed-box .right{padding-left: 0px;padding-right: 0px; } #top .fixed-box .common-nav,#top .fixed-box .other-nav{border-bottom: 1px solid rgb(239, 239, 239);} #top .fixed-box .right{background-image: url(img/pattern-bg.webp);background-repeat: repeat;} #top .fixed-box .index-nav .right .cover{height: 100%;width: 100%;padding-top: 10px;background-color:rgba(0,124,195,0.9)} #top .fixed-box .common-nav .right .cover,#top .fixed-box .other-nav .right .cover{height: 100%;width: 100%;padding-top: 10px;background-color:rgba(255,255,255,0.95);} #top .fixed-box .common-nav .right{background-color: #ffffff;} #top .fixed-box .index-nav .navbar .navbar-nav > li > a {color: #ffffff;} #top .fixed-box .index-nav .navbar .navbar-nav > li > a:hover{color:#ffffff;background-color: transparent;} #top .fixed-box .navbar .navbar-nav > li > a:hover{background-color: transparent;} #top .fixed-box .navbar .dropdown{background-image: url(../svg/dropdown.svg);background-position: center right; background-size:16px; background-repeat: no-repeat;} #top .fixed-box .index-nav .dropdown{background-image: url(../svg/dropdown_white.svg);} #top .fixed-box .navbar .dropdown .dropdown-menu{border: none;box-shadow:none;-webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0px; -webkit-box-shadow: none;background-color: #fefefe;} #top .fixed-box .navbar .dropdown .dropdown-menu li{padding:0 15px;} #top .fixed-box .navbar .dropdown .dropdown-menu li:hover{background-color:rgba(240,240,240,0.90);} #top .fixed-box .navbar .dropdown .dropdown-menu li a{padding:8px 0;font-size: 1.2em;} #top .fixed-box .navbar .dropdown .dropdown-menu li a:hover{background-color: transparent;} #main{min-height:500px;} .common-t-box{padding-top: 70px;} .common-t-box .banner-box{background-image: url(img/page-title-bg-2.webp);background-size:auto;background-position: center center;background-repeat: repeat;} .common-t-box .banner-box .banner-cover{background-color: rgba(0,124,195,0.95);} .common-t-box .banner-box .container{height: 256px;display: flex;align-items: center;justify-content: center;} .common-t-box .banner-box .tit{font-size: 3em;color: #ffffff;text-align: center;} /*======================================= HOME SECTION STYLES ==================================================*/ .index_main .section2,.index_main .section4{background: #ffffff;padding-top: 80px;padding-bottom: 80px;} .index_main .section2 .r1{margin-bottom: 30px;} .index_main .section2 h1.tit{margin-bottom:30px;} .index_main .section2 .desc{font-size: 1.2em;font-family: 'myFont_2';line-height: 30px;color: #585858;} .index_main .section2 .read_more{margin-top: 30px;margin-bottom: 30px;} .index_main .section2 .read_more .btn_read_more,.index_main .section3 .read_more .btn_read_more{padding: 15px 30px; font-size: 1.4em; letter-spacing: 3px; border-radius: 3px;} .index_main .section2 .r3{margin-top: 30px;} .index_main .section2 .r3 .read_more{text-align: center;} .index_main .section3{background:url(img/pattern-bg.webp);background-repeat: repeat;} .index_main .section3 .cover{padding-top: 80px;padding-bottom: 80px;background: rgba(255,255,255,0.8);} .index_main .section3 .r1 .tt{color: #000000;} .index_main .section3 .r1 .tt .tit_s{font-size: 1.4em;} .index_main .section3 .r1 .tt .tit_l{font-size: 2.6em;} .index_main .section3 .r1 .tt .tit_l span{display: inline-block;border-bottom: 1px solid #BABABA;padding-bottom: 10px;} .index_main .section3 .r2{margin-top: 40px;} .index_main .section3 .r2 .box{padding: 20px;background-color: rgba(79,157,202,0.70);border-radius: 3px;margin-bottom: 20px; text-align: center;} .index_main .section3 .r2 .box .icon{display: flex;align-items: center; justify-content: center; } .index_main .section3 .r2 .box .icon .icon_border{display: flex;align-items: center; justify-content: center;width: 52px; height: 52px; border: 2px solid #007cc3;border-radius: 100px;} .index_main .section3 .r2 .box .icon .svg{width: 34px; height: 34px;} .index_main .section3 .r2 .box .tit{font-size: 1.6em;margin-top: 16px;margin-bottom: 16px;} .index_main .section3 .r2 .box .desc{font-size: 1.2em; font-family: 'myFont_2';line-height: 30px;color: rgba(60,60,60,1.00);} .index_main .section3 .r3{margin-top: 30px;} .index_main .section3 .r3 .read_more{text-align: center;} .index_main .section4 .contact .li{margin-bottom: 20px;} .index_main .section4 .contact .li .tit{font-size: 1.4em;font-weight: bold; color: #000;} .index_main .section4 .contact .li .desc{font-size: 1.3em; font-family: 'myFont_2'; color: #535151;} .index_main .section4 .contact_form{background-color: rgba(234,234,234,0.2);padding: 30px 20px;border-radius: 3px;} .index_main .section4 .contact_form .lable{font-size: 1.3em; color:#555; } .index_main .section4 .contact_form .btn{height: 40px; letter-spacing: 1px;font-size: 1.1em;} /*======================================= ABOUT US SECTION STYLES ==================================================*/ .about .section1{margin: 100px auto;} .about .section1 .left .desc-box{padding: 20px 30px;} .about .section1 .left .desc-box .tit_s{color: #007cc3;font-size: 1.3em;font-weight: lighter;} .about .section1 .left .desc-box .tit_l{font-size: 3em; line-height: 1.1em;} .about .section1 .left .desc-box .tit_m{font-size: 2em; line-height: 1.1em;} .about .section1 .left .desc-box .underline{margin-top: -10px;} .about .section1 .left .desc-box .underline span{display: inline-block;width:100px;height: 5px;border-bottom: 2px solid #007cc3;} .about .section1 .left .desc-box .desc{margin-top: 20px; font-size: 1.1em; line-height: 30px;letter-spacing: 1px;font-family: 'myFont_2';color: #333333;} .about .section1 .right .img-box{margin-top: 40px;} .about .section1 .row2{margin-top: 20px;} .about .section2{background:url(img/pattern-bg.webp);background-repeat: repeat;} .about .section2 .cover{padding-top: 50px;padding-bottom: 50px;background: rgba(255,255,255,0.8);} .about .section2 .row2 .img-box{padding: 50px;display: flex;align-items: center;justify-content: center;} .about .section2 .row2 .img-box img{max-width: 400px;height: auto;} .about .section2 .row2 .desc-box{padding-top: 20px;padding-bottom: 20px;} .about .section2 .row2 .desc-box .tit{font-family:'FontAwesome'; font-size: 1.4em; font-weight: bold;margin-top: 20px;margin-bottom: 5px;padding-left: 70px;} .about .section2 .row2 .desc-box .desc{font-family: 'myFont_2';font-size: 1.1em;color: #555;line-height: 30px;background-repeat: no-repeat;background-position: left center; background-size:55px; padding-left: 70px;} .about .section2 .row2 .desc-box .desc1{background-image: url(img/about_icon_1.png); } .about .section2 .row2 .desc-box .desc2{background-image: url(img/about_icon_2.png); } .about .section2 .row2 .desc-box .desc3{background-image: url(img/about_icon_3.png); } .about .section2 .row2 .desc-box .desc4{background-image: url(img/about_icon_4.png); } .about .section2 .row2 .desc-box .desc5{background-image: url(img/about_icon_5.png); } .about .section2 .row3{padding-top: 50px;} .about .section2 .row3 .desc-box .desc{text-align: center;font-family: 'myFont_2';font-size: 1.15em;color: #555555;line-height: 26px;} .about .section2 .row3 .team-list{margin-top: 30px;} .about .section2 .row3 .team-list .team-box{text-align: center;} .about .section2 .row3 .team-list .team-box .name{margin-top: 20px; font-size: 1.2em;} .about .section2 .row3 .team-list .team-box .position{margin-top: 8px;font-size: 1.3em; color:#007cc3; line-height: 24px; } .apply .section1{margin:50px auto;} .activities .section .tit{height: 220px;display: flex;align-items: center;justify-content: center;background-color: #007cc3;color: #ffffff;font-size: 3em;} .activities .section .desc{padding: 30px;font-size: 1.2em;line-height: 28px;} .activities .section .row-flex{display: flex;} .activities .section .row-flex .row,.activities .section .row-flex .row .col-md-10,.activities .section .row-flex .img-box{height: 100%;display: flex;align-items: center;justify-content: center;} .activities .section .row-flex .img-box{background-color: rgba(232,232,232,0.2);} .process .section .tit{font-size: 1.6em;font-family: 'myFont_2';padding-top: 30px; padding-bottom: 30px;font-weight: bold;} .fqas .section{padding-top: 40px; padding-bottom: 40px;font-family: 'myFont_2';} .fqas .section .row{margin-bottom: 30px;} .fqas .section .question:hover{cursor: pointer;} .fqas .section .question .title{font-size: 1.4em;font-weight: bold;} .fqas .section .question .btn-show{margin-top: 10px;} .fqas .section .answer{padding-top: 15px;font-size: 16px;color: #666666;} .fqas .section .underline{border-bottom: 20px solid #dddddd;padding-top: 15px;} .news .section{padding-top: 50px; padding-bottom: 30px;} .news .section .news-box{padding-bottom: 40px; position: relative;padding-left: 60px;padding-right: 60px;} .news .section .news-box .img img{} .news .section .news-box .img-box .cover{position: absolute;bottom: 20px;left: 15px; right: 15px; background-color:rgba(0,142,195,0.9);padding:8px 15px;} .news .section .news-box .img-box .cover .tit{font-size: 1.4em;color: #ffffff;} .news .section .news-box .img-box .cover img{width: 64px;} .news .section .news-box .img-box .cover .row{height: 70px;} .news .section .news-box .img-box .cover .col-l,.news .section .news-box .cover .col-r{height: 100%;display: flex;align-items: center;justify-content: center;} .news .section .news-box .txt-box{padding-top: 20px;padding-bottom: 20px;} .news .section .news-box .txt-box .tit{font-size: 1.6em;} .news .section .news-box .txt-box .tit a,.news .section .news-box .txt-box .tit a:hover{color: #000000;} .news .section .news-box .txt-box .desc{font-size: 1.2em;color: #666666;font-family: 'myFont_2';line-height: 28px;padding-top: 20px;padding-bottom: 40px;} .news .section .news-box .txt-box .read_more{border-radius: 100px;background-color:#EF5605;padding: 15px 30px; color: #ffffff; font-size: 1.1em; } .news .section .news-box .txt-box .read_more:hover{background-color: rgba(0,0,0,0.7);transition-duration: 400ms;-webkit-transition-duration: 400ms; } .news_detail .section .news-box{padding: 30px 50px;} .news_detail .section .news-box a,.news_detail .section .news-box a:hover{color: #007cc3;} .news_detail .section .news-box .cate-box{font-size: 1.3em;padding: 10px 0px;color: #007cc3;} .news_detail .section .news-box .cate-box .txt{padding-left: 10px;} .news_detail .section .news-box .cate-box .cate{padding-right: 25px;} .news_detail .section .news-box .content-box{margin-top: 40px;margin-bottom: 40px;} .news_detail .section .news-box .right-cate{margin-top: 48px;background-color: #efefef;} .privacy .section{font-family: "myFont_2";padding-bottom: 50px;} .privacy .section .row1 .tit{font-size: 1.4em;font-weight: bold;padding-top: 30px;padding-bottom: 20px;} .privacy .section .row2 .tit{font-size: 1.2em;padding: 10px 0px;font-weight: bold;} .privacy .section .desc{font-size: 1.1em;padding-bottom: 15px;} .privacy .section .desc ol li:not(:last-child){padding-bottom: 8px;} .privacy .section .desc a:hover{color: #666666;} /* =====证书====== */ #main .verification{ /* background-image: url(img/sec-top-mckp.png); */ } #main .verification .box{min-height: 500px; max-width: 1000px; margin-left: auto;margin-right: auto; border: 1px solid #cfcfcf; border-radius: 5px;margin-top: 80px;padding: 25px; margin-bottom: 50px;} #main .verification .box .tit{font-size: 2em;font-weight: bold;} #main .verification .box .no{font-size: 1.8em;margin-top: 15px; font-family: 'myFont_2';font-weight: bold;} #main .verification .box .row{font-size: 1.2em; font-family: 'myFont_2'; margin-top: 15px;margin-bottom: 15px;} #main .verification .box .row .left{font-weight: bold;} #main .verification .box .product{margin: 15px;} #main .verification .product .product-box{background-color: #FBFBFB;min-height: 100px;padding: 20px;color: #000000;border-radius: 5px;font-size: 1.2em;font-family: 'myFont_2'} #main .verification .product .product-box .h{font-size: 1.4em;font-weight: bold;} #main .verification .product .product-box ul li{list-style: none; margin: 10px auto;margin-left: -30px;} #main .verification .product .product-box ul li.li_tit{font-size: 1.3em; margin-bottom: 15px;} #main .verification .product .product-box ul li .num{display: inline-block;width: 40px; margin-right: 10px;} #main .verification .product .product-box .col-pic{margin-bottom: 20px;} #main .verification .search{display: flex;justify-content: center; /* 水平居中 */} #main .verification .search .title{text-align: center;font-size: 3em;} #main .verification .search .search-box{margin-top: 150px;text-align: center;} #main .verification .search .search-box .r2{margin-top: 20px;} #main .verification .search .search-box input{width: 500px; height: 50px; border: 1px solid #969696;} #main .verification .search .search-box button{padding: 8px 60px; height: 50px; background-color:#007cc3; margin-left: 20px;font-size: 1.2em;font-family: "Times New Roman", "serif"} /*===========index=============*/ .index-news{margin-bottom: 50px;} .index-news .box{padding: 15px 20px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 50%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .index-news .box .tit span.t{font-size: 1.1em;font-weight: 600;} .index-news .box .tit span.i{display: inline-block;width: 5px;height: 15px;background-color:#02A880; margin-right: 5px;} .index-news .box .tit span.tip{padding-left: 10px;color:#02A880; } .index-news .box .tit span.more{color: #898989;font-style: italic;} .index-news .box .tit{border-bottom: 1px solid rgba(50,184,65,0.30);padding-bottom: 5px;} .index-news .box .list{margin-top: 10px;} .index-news .box .list ul{padding-left: 10px;} .index-news .box .list ul li{list-style: none;margin: 13px 0px;border-bottom: 1px dotted #efefef;padding-bottom: 3px;} .index-news .box .list ul li span.time{color: #666;font-style: italic;} .part-one{margin-top:10px; margin-bottom: 50px;} .part-one .desc1{margin-top: 10px; padding-left: 30px;padding-right: 30px;height: 70px; font-size: 1.2em;} .part-one .desc2{margin-top: 10px; padding-left: 30px;padding-right: 150px;height: 70px;font-size: 1.2em;} .part-one .title{text-align: center;font-weight: bold;} .part-one .title .t1{font-size:1.8em;} .part-one .title .t2{font-size:2.5em;font-family: STSONG;font-weight:800;} .part-one .box{margin: 40px 10px 20px 10px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 50%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .part-one .box .img{text-align: center; width: 100%;height: 260px;overflow: hidden;} .part-one .box .img img{width: 100%;height: auto;} .part-one .box .tit{text-align: center;margin: 0px auto;font-size: 1.2em;padding: 20px 20px; background-color: #fafafa;color: #000;height: 90px;} .part-one .box .desc{min-height: 208px;line-height: 26px;} .part-one .box1{margin: 10px 0px 10px 0px;} .part-one .box1 .tit{text-align: center;margin: 0px auto;font-size: 1em;padding: 10px 0px; color: #000;height: 50px;} .part-one .bottom1{height: 45px; line-height: 45px;font-size: 1.3em;font-weight: bold;color: white;background-color: #02A880;margin-left: 0px;margin-right: 10px; text-align: center; letter-spacing: 2px;} .part-one .bottom2{height: 45px; line-height: 45px;font-size: 1.3em;font-weight: bold;color: white;background-color: #02A880;margin-left:20px; margin-right: 150px; text-align: center; letter-spacing: 2px;} .part-two .r2 .tt{font-size: 1.5em;font-weight: bold;text-align: center;letter-spacing: 3px;margin: 30px 20px 70px 20px;} .part-three .r1 .title{font-weight: bold;font-size: 1.5em;text-align: center;} .part-three .r2{margin: 40px auto 50px auto;} .part-three .r2 .box{padding: 30px 30px 10px 30px; margin: 0px 10px 0px 10px; background-color: #FFFFFF; box-shadow: 10px 10px 3px 3px rgb(205 205 205 / 50%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */border:1px solid #efefef;} .part-three .box .img{text-align: center;} .part-three .box .img img{width: 80px;height: auto;} .part-three .box .tit{text-align: center;margin: 10px auto 10px auto;font-size: 1.1em; font-weight: bold;} .part-three .box {min-height: 250px;text-align: center;} .part-four{ background-image:url('img/service_bg.png'); background-position: left bottom; background-repeat: repeat; background-size:contain;margin: 50px auto;color: #000000;font-weight: bold;} .part-four .title{padding: 50px 0px; text-align: center;font-weight: bold;font-family: STSONG;} .part-four .title .t1{font-size:2em;} .part-four .title .t2{font-size:1.5em;margin-bottom: 8px;} .part-four .title .btn a{background-color: #E39828; color: #FFF;font-weight: bold;font-size: 1.3em;padding: 8px 80px; letter-spacing: 3px;} .part-four .r2{padding-bottom: 30px;} .part-four .box{border: 1px solid #333; azure;margin: 20px;background-color: rgba(255,255,255,0.2);} .part-four .box .left,.part-four .box .right{float: left;width: 40%;height: 200px;} .part-four .box .right{float: left;width: 60%;display: table;} .part-four .box .right .cell{display: table-cell;vertical-align: middle;font-size: 1.1em;padding-right: 15px;} .part-four .box .bg{ background-repeat: no-repeat;background-position: center; background-size: 80px; height: 200px;} .part-four .box .bg1{background-image: url(img/s_icon_1.png);} .part-four .box .bg2{background-image: url(img/s_icon_2.png);} .part-four .box .bg3{background-image: url(img/s_icon_3.png);} .part-four .box .bg4{background-image: url(img/s_icon_4.png);} .part-four .box .bg5{background-image: url(img/s_icon_5.png);} .part-four .box .bg6{background-image: url(img/s_icon_6.png);} /* .certificate{margin-top:50px;padding-bottom: 50px; min-height: 500px; background-color:#366696;} .certificate .r1{text-align: center;font-size:2em;font-weight: bold;margin: 50px auto 40px auto; color: white;} .certificate .img{margin: 20px;} .certificate .box{background-color: white;border-radius: 5px;margin:20px;padding-top: 30px;padding-right: 20px;padding-bottom: 20px;min-height: 454px;} .certificate .box ul li{margin-bottom: 20px;font-size: 1.2em;font-weight: bold;} */ /* 愿景与使命 */ .vision-c{padding-left:0px !important; padding-right:0px !important;} .vision{ margin-top:50px;margin-bottom: 30px;} .vision .cate_title{margin-bottom: 20px; text-align: center;} .vision .cate_title span{display: inline-block; /*background-color: #083F43;*/ font-size:2em; font-weight: bold;border-bottom: 8px solid #02A880;margin-top: 5px;} .vision .cate_title a{margin-top: 25px;} .vision .c { overflow: hidden; margin-bottom:50px;border-radius: 3px;} .vision .c .item { background-color: #efefef; } .vision .c .item .left,.vision .c .item .right{/*height: 300px;*/margin:40px 0px 40px 0px;overflow: hidden;} .vision .c .item .left{justify-content:right;align-items:center;display:flex;margin-left: 40px;border-radius: 5px;border: 1px solid #02A880;} .vision .c .item .right{margin-top: 60px;} .vision .c .item .right .title{font-size: 1.4em;margin-top: 20px;margin-bottom:40px; font-weight: 600;} .vision .c .item .right ul.list {list-style: none;margin-left: -30px;，margin-top:30px;} .vision .c .item .right ul.list li{font-size: 1.1em;margin: 15px 0px;} .vision .c .item .right ul.list li span{display: inline-block; width: 16px;height: 16px;border-radius: 100px;background-color: #02A880;margin-right: 15px;} /*-- 我们的服务 --*/ /* ======== .service{ background-image:url('../Image/service_bg.jpg'); background-position: left bottom; background-repeat: repeat; background-size: cover;} .service .mark{height: 400px; background-color:rgba(57,72,114,0.80);justify-content:center;align-items:center;display:flex;color: white;text-align: center; font-size: 1.6em;font-weight: bold;} .service .mark a,.service .mark a:hover,.service .mark a:visited{color: #FFFFFF;} .service .mark ul{list-style: none;} .service .mark ul li{float: left;margin: auto 40px;} .service .mark ul li .bg:hover{margin-top:-20px;transition-duration: 300ms;-webkit-transition-duration: 300ms; } .service .mark ul li .bg{margin-bottom: 15px; background-repeat: no-repeat;background-position: center; background-size: contain; height: 80px;transition-duration: 300ms;-webkit-transition-duration: 300ms;} .service .mark ul li .bg1{background-image: url(img/s_apply.png);} .service .mark ul li .bg2{background-image: url(img/s_register.png);} .service .mark ul li .bg3{background-image: url(img/s_verify.png);} .service .mark ul li .bg4{background-image: url(img/s_test.png);} .service .mark ul li .bg5{background-image: url(img/s_halal.png);} .service .mark ul li .bg6{background-image: url(img/s_certificate.png);} --------*/ /**========== .service{ background-image:url('../Image/service_bg.jpg'); background-position: left bottom; background-repeat: repeat; background-size: cover;} .service .mark{margin: 50px auto;background-color:rgba(57,72,114,0.80);color: white;text-align: center; font-weight: bold;} .service .mark a,.service .mark a:hover,.service .mark a:visited{color: #FFFFFF;} .service .title{margin: 50px auto; text-align: center;font-size:2em;} /*.service .title span{display: inline-block;border-bottom: 8px solid #FFF;margin-top: 5px;} .service .last{margin: 70px auto;} .service .row .bg{margin-bottom: 15px; background-repeat: no-repeat;background-position: center; background-size: contain; height: 80px;} .service .row .bg1{background-image: url(img/s_apply.png);} .service .row .bg2{background-image: url(img/s_register.png);} .service .row .bg3{background-image: url(img/s_verify.png);} .service .row .bg4{background-image: url(img/s_test.png);} .service .row .bg5{background-image: url(img/s_halal.png);} .service .row .bg6{background-image: url(img/s_certificate.png);} .service .row .tit{font-size: 1.4em;} .service .row .desc{margin-top: 10px;margin-bottom: 25px;} .service .row a{border:2px solid #FFF; padding: 8px 20px;border-radius: 100px;} .service .row a:hover{border: 3px solid #dfdfdf;background-color: rgba(57,72,114,0.30);} *===================*/ /*-- 新闻 文章详细页--*/ .news .news_banner{background-image: url(img/banner_news.png); background-size: contain; background-repeat: no-repeat;} .news .news_banner_cover{;background-color: rgba(0,0,0,0.5);height: 220px;} .news .title .t1,.show .title .t1{font-weight: bold;font-size: 2em;text-align: center;color: #FFF;padding: 90px 0px; letter-spacing: 2px;} .news .news_list{margin-top: 50px;} .news .box{margin: 20px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 33%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */ padding-bottom: 30px;} .news .box:hover{background-color: #efefef; transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .news .box img{margin:auto;border-radius: 3px; height: 240px;} .news .box .tit,.news .box .time,.news .box .desc{text-align: left;padding: 0 20px;color: #333;} .news .box .desc{min-height: 90px;} .news .box .tit{margin-top: 20px;font-size: 1.2em;color: #000;min-height: 55px; } .news .box .time{color: #02A880; font-style: italic;} .news .detail .nav,.show .detail .nav{font-size: 0.9em;color: #999; margin-bottom: 30px;} .news .detail .title,.show .detail .title{font-size: 2em;font-weight: bold;margin-bottom: 10px;} .news .detail .time,.show .detail .time{color: #999; margin-bottom: 30px;font-style: italic;} .show .show_banner{background-image: url(img/banner_show.jpg); background-size: cover; background-repeat: no-repeat;} .show .show_banner_cover{;background-color: rgba(99, 168, 129,0.4);height: 250px;} /** Contact 页面 **/ .my_contact .p-one{margin-top: 60px;} .my_contact .p-one .r1{margin-bottom: 16px;} .my_contact .p-one .col{padding-left: 8px;padding-right: 8px;} .my_contact .p-two{background-color: #efefef;padding: 50px 0px;min-height: 200px; margin-top: 50px;} .my_contact .p-two .box{background-color: #FFFFFF;min-height: 687px;border-radius: 8px;box-shadow: 0px 20px 30px 0px rgb(205 205 205 / 50%);} .my_contact .p-two .left img{border-radius: 5px;} .my_contact .p-two .right .top{padding-top: 20px;} .my_contact .p-two .right .top .title{font-size: 2.4em;font-weight: bold;text-align: center;padding: 20px 0;} .my_contact .p-two .right .top .title .connect{color: #6EB6B1;} .my_contact .p-two .right .top .title .withus{padding-left: 100px;color: #6DB3BB;} .my_contact .p-two .right .top .circle_outter{padding: 30px 0px;} .my_contact .p-two .right .top .circle_outter span{display: inline-block;border-radius: 100px;background-color:#6DB3BB;} .my_contact .p-two .right .top .circle_outter span.circle_1{width:100px;height: 100px;background-color:#6EB6B1;box-shadow: -10px 10px 30px 10px rgb(205 205 205 / 66%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .my_contact .p-two .right .top .circle_outter span.circle_2{margin-left: -15px;width:80px;height: 80px;box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 33%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .my_contact .p-two .right .con{padding: 0px 50px 20px 50px;} .my_contact .p-two .right .con .tip{line-height: 26px;font-size: 0.9em;font-style: italic;} .my_contact .p-two .right .con .form{border-top: 1px solid #efefef;margin: 20px auto;padding: 20px 0px;} .my_contact .p-two .right .con .form .button{text-align: center;padding-top: 10px;} .my_contact .p-two .right .con .form .button .btn{width: 100%;} .my_contact .p-two .right .con .form span.require{color: red;} /*-- overview页面 --*/ .overview .pp-one{margin-top: 50px;} .overview .pp-one .title,.overview .pp-two .title{text-align: center;} .overview .pp-one .title span,.overview .pp-two .title span{font-weight: bold;font-size: 2em;text-align: center;margin-bottom: 10px;background-color: #02A880;color:white;padding: 10px 30px; border-radius: 5px;} .overview .pp-one .box{margin: 50px;} .overview .pp-one .box .desc{font-size: 1.2em;} .overview .pp-two{background-color:#FFF;margin-bottom: 0px;min-height: 500px;} .overview .pp-two .r1 .r1_1{margin-bottom: 30px; margin-top: 40px;} .overview .pp-two .r1 .r1_1 .t{font-weight: bold;font-size: 2em; text-align: center;} .overview .pp-two .r1 .r1_1 .t span{display: inline-block;margin-top: 5px;} .overview .pp-two .r1 .r1_2 .img{text-align: center;} .overview .pp-two .r1 .r1_2 .img img{border-radius: 5px;} .overview .pp-two .r1 .r1_2 ul.list{margin-left: 40px;} .overview .pp-two .r1 .r1_2 ul.list li{list-style-image: url(img/li_icon.png); margin: 15px auto;font-size: 1.1em;padding-left: 20px;} .overview .p-one,.overview .p-five{margin-top: 50px;} .overview .p-one .title,.overview .p-five .title{font-weight: bold;font-size: 2em;text-align: center;margin-bottom: 10px;} .overview .p-one .title span,.overview .p-five .title span{background-color: #02A880;color:white;padding: 10px 30px; border-radius: 5px;} .overview .p-one .r2{margin-top: 20px;} .overview .p-one .tit{font-size: 1.5em;font-weight: bold;padding-left: 110px;margin-bottom: 15px;} .overview .p-one ul.list{margin-left: 45px;} .overview .p-one ul.list li{list-style-image: url(img/li_icon_bag.png);margin: 10px auto;font-size: 1.1em;padding-left: 20px;} .overview .p-two{background-color:#FFF;margin-bottom: 50px;min-height: 500px;} .overview .p-two .r1{background-image: url(img/curve.png);background-repeat: no-repeat; background-position: right bottom;border-bottom: 4px solid #02A880;} .overview .p-two .r1 .r1_1{margin-bottom: 50px; margin-top: 80px;} .overview .p-two .r1 .r1_1 .t{font-weight: bold;font-size: 2em; text-align: center;} .overview .p-two .r1 .r1_1 .t span{display: inline-block;margin-top: 5px;} .overview .p-two .r1 .r1_2 .img{text-align: center;} .overview .p-two .r1 .r1_2 .img img{border-radius: 5px;} .overview .p-two .r1 .r1_2 ul.list{margin-left: 40px;} .overview .p-two .r1 .r1_2 ul.list li{list-style-image: url(img/li_icon.png); margin: 15px auto;font-size: 1.1em;padding-left: 20px;} .overview .p-two .r1 .r1_2 .button{text-align: center;margin-top: 35px;} .overview .p-two .r1 .r1_2 .button a{background-color: #02A880; border-radius: 5px; color: #FFF;font-size: 1.1em;padding: 12px 30px;} .overview .p-two .r1 .r1_2 .button a:hover{background-color: #019A75;} .overview .p-two .r1 .r1_3{margin: 50px 100px;} .overview .p-two .r1 .r1_4 .col-md-2,.overview .p-two .r1 .r1_4 .col-md-10,.overview .p-two .r1 .r1_4 .col-md-4,.overview .p-two .r1 .r1_4 .col-md-4{padding-left: 8px;padding-right: 8px;} .overview .p-two .r1 .r1_4 .left{background-image: url(img/overview_bg1.png); background-size: contain;background-repeat: no-repeat;background-position: bottom;} .overview .p-two .r1 .r1_4 .box{min-height: 300px;margin: auto 30px; background-position: bottom;background-repeat: no-repeat;background-size: 220px auto;} .overview .p-two .r1 .r1_4 .box .t{text-align: center;font-weight: bold;font-size: 1.3em;} .overview .p-two .r1 .r1_4 .b1{background-image: url(img/overview_bg2.png);background-size: 250px auto;} .overview .p-two .r1 .r1_4 .b2{background-image: url(img/overview_bg3.png);background-size: 300px auto;} .overview .p-two .r1 .r1_4 .b3{background-image: url(img/halal.png);background-size: 180px;} .overview .p-three .certificate{margin-top:50px;padding-bottom: 50px; min-height: 500px; background-color:#EFF8F4;} .overview .p-three .certificate .r1{margin: 50px auto 40px auto;text-align: center;font-weight: bold;} .overview .p-three .certificate .r1 .t1{font-size:2em;} .overview .p-three .certificate .r1 .t2{font-size:1.3em;color: #2B3F16;margin-top: 5px;} .overview .p-three .certificate .r1 .t2 span{display: inline-block;margin-bottom: 3px; border-bottom: 2px solid #2B3F16;} .overview .p-three .certificate .img{margin: 20px;border-radius: 5px;} .overview .p-three .certificate .box{background-color: white;border-radius: 5px;margin:20px;padding-top: 30px;padding-right: 20px;padding-bottom: 20px;min-height: 454px;} .overview .p-three .certificate .box ul li{margin-bottom: 20px;font-size: 1.2em;font-weight: bold;} .overview .p-four .title{text-align: center;font-weight: bold;margin-top: 40px;} .overview .p-four .title .t1{font-size:1.8em;} .overview .p-four .title .t2{font-size:2.5em;font-family: STSONG;font-weight:800;} .overview .p-four .box{height: 400px; margin: 40px 10px 20px 10px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 50%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .overview .p-four .box .img{text-align: center;padding-top: 30px;} .overview .p-four .box .img img{width: 80px;} .overview .p-four .box .tit{text-align: center;font-weight: bold;font-size: 1.2em;padding-top: 20px;padding-bottom: 20px;} .overview .p-four .box .desc{height: 80px;padding: 10px 20px;} .overview .p-five .box{height: 300px; margin: 20px 10px 20px 10px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 50%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */} .overview .p-five .box .tit{height: 45px;line-height: 45px; text-align: center;font-weight: bold;border-bottom: 1px solid #efefef;} .overview .p-five .box .tit span{font-size: 1.2em;} .overview .p-five .box .desc{padding:30px;} /** jakim 页面**/ .jakim .title{font-weight: bold;font-size: 2em;text-align: center;margin-bottom: 10px;} .jakim .p-one{margin-top: 50px;} .jakim .p-one .r2{margin-top: 20px;} .jakim .p-one .tit{font-size: 1.5em;font-weight: bold;padding: 0px 50px;margin-bottom: 15px;} .jakim .p-one .desc{font-size: 1.1em;padding:0px 50px;margin-bottom: 15px;} .jakim .p-one .r3{margin-top: 50px;} .jakim .p-two{background-color: #EEFCFE;margin-top: 50px;padding: 30px;} .jakim .p-two .r4{margin-top: 30px;} .jakim .p-two .box{padding: 20px; border-radius: 5px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 33%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */ padding-bottom: 30px;} .jakim .p-two .box .t{text-align: center;font-weight: bold;font-size: 1.1em; border-bottom: 1px solid #efefef; padding-bottom: 3px;} .jakim .p-two .box .desc{padding-top: 10px; height: 120px;} .jakim .p-two .list ul li{list-style: none; margin-bottom: 15px; font-weight: 1.1em;} .jakim .p-two .list .ul2{margin-top: 15px; padding-left: -20px;} .jakim .p-two .r5{margin-top: 50px;} .vegan .r1{margin-top: 50px;margin-bottom: 20px;} .vegan .title{font-weight: bold;font-size: 2em;text-align: center;margin-bottom: 10px;} .vegan .p-one{margin-top: 50px;} .vegan .p-one{line-height: 26px; letter-spacing: 2px;} .vegan .p-one .tel{text-align: center;} .vegan .p-one .tel span{font-size: 1.2em;font-weight: bold;text-align: center;display: inline-block;background-color: goldenrod;border-radius: 20px;padding: 10px 30px;color: white;} .vegan .p-one .box{padding: 20px;border-radius: 5px; background-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(205 205 205 / 33%);transition-duration: 300ms;-webkit-transition-duration: 300ms; /* Safari */ padding-bottom: 30px;} .vegan .p-one .box ul li{font-size: 1.1em; margin-bottom: 10px;} .vegan .p-one .box .t{text-align: center;font-weight: bold;font-size: 1.1em; border-bottom: 1px solid #efefef; padding-bottom: 3px;} .vegan .p-one .box .desc{padding-top: 10px; height: 100px;} .vegan .p-one .img img{width: 80%;} .vegan .p-one .r2{margin-bottom: 30px;} .vegan .p-one .desc2{font-weight: bold;font-size: 1.3em; line-height: 28px;} .vegan .p-one .r5{margin-top: 30px;} .ifanca .p-two{background-color: #E7FCFE;padding-top: 20px; padding-bottom: 40px; margin-top: 50px;} .ifanca .p-two .desc{font-size: 1.2em; line-height: 30px;padding-top: 30px;} .ifanca .p-two .r6{margin: 10px;} /** process 页面**/ .process .r1{margin: 80px auto 50px auto;} .process .r1 .t{font-size: 2em;font-weight: bold;text-align: center;} .process .r1 .t1{font-size: 1.4em;font-weight: bold;text-align: center;color: #F5A90C;} .process .r2{margin: 80px 30px;} .process .r2 .row{background-repeat: no-repeat;background-size: 33%;background-position:100% center;} .process .r2 .col{background-image: url(img/arrow.png); } .process .r2 .col1{background-image: url(img/process_arrow_1.png); } .process .r2 .col2{background-image: url(img/process_arrow_2.png); } .process .rr{margin-left: 0px;margin-right: 0px;margin-top: 50px;} .process .rr .t{font-size: 2em;font-weight: bold; background-color:#02A880; color: white;text-align: center;padding: 15px 20px;} .process .r3{background-color: rgba(245,245,245,0.79); padding-top: 30px; padding-bottom: 50px;} .process .r4{margin-bottom:30px;} .process .r4 .box{display: flex;justify-content: center;align-items: center;min-height: 120px; background-color: #6FB19F;color: white;font-size: 1.2em;font-weight: bold;text-align: center;} .process .r4 .box2{border:2px solid #6FB19F;margin: 20px auto; padding: 20px;} .process .r4 .box_inner,.process .r4 .box_left{display: flex;justify-content: center;align-items: center;min-height: 80px; background-color: #6FB19F;color: white;font-size: 1.2em;font-weight: bold;text-align: center;} .process .r4 .box_left{background-color: white;color: #000;} /** service页面 **/ .my_service{margin-top: 50px;margin-bottom: 50px;} .my_service .inner .desc{font-size: 1.2em;} .my_service .inner .tit{font-size:2em;font-weight: bold;text-align: center; margin: 30px auto;} .my_service .inner .tit span{display: inline-block;margin-top: 5px;} .my_service .inner .list .row{margin-bottom: 40px;} .my_service .inner .list .box{border: 2px solid #02A880;margin-top: 10px;border-radius: 5px;} .my_service .inner .list .i{display: inline-block;width: 90px;height: 5px;} .my_service .inner .list .t{color:#FFF;text-align:center;background-color: #02A880;font-size: 1.4em;margin-bottom: 15px;padding: 15px 0px; background-repeat: no-repeat;background-position: center center;background-size: 30px;} .my_service .inner .list .t1{background-image: url(img/ss_food.png);} .my_service .inner .list .t2{background-image: url(img/ss_drink.png);} .my_service .inner .list .t3{background-image: url(img/ss_drug.png);} .my_service .inner .list .t4{background-image: url(img/ss_other.png);} .my_service .inner .list .d{min-height: 140px; font-size: 1.1em;margin-top: 15px;padding:15px;background-color: #FFFFFF; border-radius: 5px;} .my_service .list2 .box{background-color:#71BC9F;box-shadow: 0px 5px 10px 0px rgb(114 135 129 / 50%); color: white;margin: 20px auto;} .my_service .list2 .box .tt{text-align: center;font-size: 1.4em;border-bottom: 2px solid #efefef;padding: 22px 0px;font-weight: bold;} .my_service .list2 .box .tt2{text-align: center;font-size: 1.4em;border-bottom: 2px solid #efefef;padding: 10px 0px;font-weight: bold;} .my_service .list2 .box .tt2 .small{font-size:16px;} .my_service .list2 .box .desc{padding:20px;min-height: 150px;} .bpom{background-color: #E7FCFE;} .bpom .tit{font-size:2em;font-weight: bold;text-align: center; margin: 50px auto;} .bpom .tit2{font-size:1.5em;font-weight: bold;text-align: center;} .bpom .tit2_icon{text-align: center;} .bpom .tit2_icon span{display: inline-block;width: 40px;height: 40px;border-radius: 100px;background-color:#EABA00;text-align: center;line-height: 40px;font-weight: bold;font-size: 1.5em;color: white;} .bpom .part{margin-bottom: 30px;} .bpom .table-bordered>thead>tr.tr1{background-color: cadetblue;} .bpom .table-bordered>thead>tr.tr2{background-color: #EABA00;} .bpom .table-bordered>thead>tr>th{border-bottom-width: 0px;text-align: center;color: white;} .bpom .box{padding: 15px; } .bpom .box .title .t{text-align: left;font-size: 1.2em;font-weight: bold;} .bpom .box ul{margin-left: -20px;} .bpom .box .tel{color: #EABA00；} /*======================================= FOOTER STYLES ==================================================*/ .footer{background-color:#1E201E; color: #FFF;padding-top: 50px; padding-bottom:50px;} .footer .left .logo{margin-right: 30px;} .footer .left .desc{margin-top: 20px;font-size: 1.3em;margin-right: 30px;} .footer .right .box{margin-top: 20px;} .footer .right .box .row1{font-size: 1.5em;} .footer .right .box .row2{margin-top: 10px;margin-bottom: 20px;} .footer .right .box .row2 input{width: 220px;} .footer .right .box .row2 button{padding-left: 40px;padding-right: 40px; background-color: #007CC3;} .footer .right .box .row3 a{color: white;font-size: 1.1em;} @media (min-width: 1200px){ .container {width: 1170px;} } @media (min-width: 1400px){ .container {width: 1300px;} } @media (min-width: 1600px){ .container {width: 1500px;} } @media (max-width: 1400px) { .news .section .news-box{padding-left: 30px;padding-right: 30px;} .news .section .news-box .txt-box .tit{font-size: 1.5em;} } @media (max-width: 1280px) { .common-t-box .banner-box .tit{font-size: 2.6em;} .news .section .news-box{padding-left: 0px;padding-right: 0px;} .news .section .news-box .txt-box{padding-top:0px;padding-bottom: 0px;} .news .section .news-box .txt-box .tit{font-size: 1.4em;} .news .section .news-box .txt-box .desc{padding-top: 10px;padding-bottom: 30px;font-size: 1.2em;} } @media (max-width: 1024px) { .news .section .news-box .txt-box{padding-top: 20px;padding-bottom: 20px;} .news .section .news-box .txt-box .tit{font-size: 1.8em;} .news .section .news-box .txt-box .desc{padding-top: 10px;padding-bottom: 30px; line-height: 28px;font-size: 1.3em;} .news .section .news-box .txt-box .read_more{padding: 15px 30px; } } } @media (max-width: 992px) { /* 折叠菜单临界宽度 */ /* 重定义折叠菜单 */ .navbar-header { float: none;} .navbar-left,.navbar-right {float: none !important;} .navbar-toggle {display: block;background-color: #FFFFFF;background-image: url(img/menu.png);background-size: contain;background-repeat: no-repeat;background-position: center center;} .navbar-collapse { border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top {top: 0;border-width: 0 0 1px;} .navbar-collapse.collapse {display: none!important;} .navbar-nav {float: none!important;margin-top: 7.5px;} .navbar-nav>li {float: none;} .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;} .collapse.in{display:block !important;} #top .fixed-box .left{display: none;} #top .fixed-box .right{display: block;} .common-t-box .banner-box .tit{font-size: 2.2em;} .about .section1 .right .img-box{margin-top:0px;margin-left: 30px;margin-right: 30px;} .activities .section .row-flex{display: block;} .news .section .news-box .txt-box .tit{font-size: 1.8em;} .news .section .news-box .txt-box .desc{padding-top: 5px;padding-bottom: 15px; line-height: 22px;font-size: 1.1em;} .news .section .news-box .txt-box .read_more{padding: 8px 20px; } } @media (max-width:767px){ .common-t-box .banner-box .tit{font-size: 2em;} #main .verification .search .title{ font-size: 2.2em;} #main .verification .search .search-box{margin-top: 150px;} #main .verification .box{margin-top: 40px;padding: 20px; margin-bottom: 40px;} #main .verification .box .tit{font-size: 1.6em;} #main .verification .box .no{font-size: 1.6em;margin-top: 15px;} #main .verification .box .row{font-size: 1.1em; margin-top: 15px;margin-bottom: 15px;} #main .verification .box .product{margin: 15px;} #main .verification .product .product-box{padding: 15px;font-size: 1.1em;} #main .verification .product .product-box .h{font-size: 1.3em;font-weight: bold;} #main .verification .product .product-box ul li{margin: 10px auto;margin-left: -20px;} #main .verification .product .product-box ul li.li_tit{font-size: 1.2em; margin-bottom: 10px;} } @media (max-width:550px){ #main .verification .search .search-box input{width: 400px;} } @media(max-width:450px){ #main .verification .search .title{ font-size: 2em;} #main .verification .search .search-box{margin-top: 150px;} #main .verification .search .search-box input{width: 400px;} #main .verification .box{margin-top: 40px;padding: 10px; margin-bottom: 40px;} #main .verification .box .tit{font-size: 1.4em;} #main .verification .box .no{font-size: 1.4em;margin-top: 10px;} #main .verification .box .row{font-size: 1.1em; margin-top: 10px;margin-bottom: 10px;} #main .verification .box .product{margin: 5px;} #main .verification .product .product-box{padding: 5px;font-size: 1.1em;} #main .verification .product .product-box .h{font-size: 1.2em;} #main .verification .product .product-box ul li{margin: 5px auto;margin-left: -20px;} #main .verification .product .product-box ul li.li_tit{font-size: 1.1em; margin-bottom: 10px;} } @media (max-width:400px){ #top .t-box .banner-cover .tit {font-size: 1.6em; padding-left: 20px;padding-right: 20px;} #main .verification .search .title{ font-size: 2em;} #main .verification .search .search-box{margin-top: 150px;} #main .verification .search .search-box input{width: 350px;} #main .verification .box{margin-top: 30px;padding: 20px; margin-bottom: 30px;} #main .verification .box .tit{font-size: 1.4em;} #main .verification .box .no{font-size: 1.4em;margin-top: 15px;} #main .verification .box .row{font-size: 1.1em; margin-top: 15px;margin-bottom: 15px;} #main .verification .box .product{margin: 5px;} #main .verification .product .product-box{padding: 5px;font-size: 1em;} #main .verification .product .product-box .h{font-size: 1em;} #main .verification .product .product-box ul li{margin: 5px auto;} #main .verification .product .product-box ul li.li_tit{font-size: 1em;} } @media (max-width:350px){ #main .verification .search .search-box input{width: 300px;} } @media (max-width:300px){ #main .verification .search .search-box input{width: 240px;} }