#wrap{ width:100%; margin:0px auto; } .content{ padding:0px 20px; } .vc_01,v_01{ cursor:pointer; } .v_con01 { margin-top:-200px; overflow:hidden; } .vc_table { margin-top:-200px; overflow:hidden; } .vc_bg{ display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:#000; z-index:1001; -moz-opacity:0.7; opacity:.70; filter: alpha(opacity=70); } .vc_con{ display:none; position:fixed; top:8%; left:50%; margin-left:-501px; width:1033px; padding:0px 20px; height:80%; background-color:white; z-index:1002; overflow-x:hidden; } .vc_con>h3{ width:950px; margin:0px auto; font-size:16px; color:#666666; padding-top:20px; border-bottom:1px solid #ccc; line-height:60px; } .vc_con>p{ width:950px; margin:0px auto; font-size:16px; color:#666666; padding-top:20px; line-height:26px; } .vc_close{ position:absolute; top:6%; left:50%; margin-left:536px; cursor:pointer; z-index:1003;} .close { opacity:.9;filter:alpha(opacity=90); } .close:hover{ opacity:.9;filter:alpha(opacity=90); } .tc_close{ position: fixed; top:5%; left:50%; margin-left:520px; cursor:pointer; z-index:78; display: none; } @media only screen and (max-width:767px) { .v_con01 { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; } .v_close{ position:absolute; top:53%; margin-top:-220px; left:37%; margin-left:360px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:519px) { .v_con01 { display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top: 65%; } .v_close{ position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:414px) { .v_con01 { display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; } } @media only screen and (max-width:375px) { .v_con01 { display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; } } @media only screen and (max-width:365px) { .v_con01 { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; } .v_close{ position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; } } @media only screen and (max-width:320px) { .v_con01 { left:3%; } } @media (min-width: 300px) { /* .awtk-btn{ min-width:90px; font-size:12px; background:#8ac221; color:#ffffff; border:1px solid #8ac221; border-radius:5px; margin:10px 6px 0; padding:2px 6px; text-decoration:none; display:inline-block; } .awtk-btn:hover{ background:#8ac221 !important; border:1px solid #8ac221; color:#fff; text-decoration:none; } */ .awtk-btn{ min-width:90px; font-size:16px; background:none; color:#ffffff!important; border:1px solid #ffffff; border-radius:5px; margin:10px 6px 20px; padding:4px 12px; text-decoration:none; display:inline-block; } .awtk-btn:hover{ background:#8ac221 !important; border:1px solid #8ac221; color:#ffffff; text-decoration:none; } .designer-btn{ min-width:90px; font-size:14px; background:#8ac221 ; color:#ffffff!important; border:none; border-radius:5px; margin:0 6px; padding:4px 12px; text-decoration:none; display:inline-block; } .designer-btn:hover{ background:#8ac221 !important; color:#8ac221; text-decoration:none; } .content{ padding:0px 18px; margin:30px 0px; } #awtk-2{ width:100%; margin:0px; padding:34px 0 0; overflow:auto; background:#002d71; } #awtk-2 .content{ margin-top:0px; } #awtk-3{ width:100%; margin:0px; padding:34px 0 0; overflow:hidden; background:url(../images/awtk/ct_3.jpg) center center no-repeat; height: 674px; } #awtk-3 .content{ margin-top:0px; } #awtk-4{ width:100%; margin:0px; padding:34px 0 20px; overflow:auto; } #awtk-4 .content{ margin-top:0px; } #awtk-5{ width:100%; margin:0px; padding:34px 0 30px; overflow:auto; } #awtk-5 .content{ margin-top:0px; } #awtk-5 ul{ width: 100%; height: auto; overflow: hidden; margin: 10px auto; } #awtk-5 li{ width: 100%; float: left; margin-top:15px; } #awtk-5 li>img{ border: 1px solid #cedbe6; padding: 6px; } #awtk-5 li>p{ width:90px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px auto; padding:3px 12px; text-decoration:none; text-align: center; } #awtk-5 li>p>a{ color:#043e98; text-decoration:none; } #awtk-6{ width:100%; margin:0px; padding:34px 0 20px; overflow:auto; background:url(../images/awtk/ct_6.jpg); } #awtk-6 .content{ margin-top:0px; } #awtk-7{ width:100%; margin:0px; padding:34px 0 0; overflow:auto; } #awtk-7 .content{ margin-top:0px; } #awtk-8{ width:100%; margin:0px; padding:34px 0 0; overflow:auto; background: #f6f8fa; } #awtk-8 .content{ margin-top:0px; padding-bottom:0; } #awtk-9{ width:100%; margin:0px; padding:34px 0 30px; overflow:auto; background: #ffffff; } #awtk-9 .content{ margin-top:0px; } #awtk-10{ width:100%; margin:0px; padding:34px 0 0; overflow:hidden; background: #f6f8fa; background:url(../images/awtk/ct_10.jpg) center center no-repeat;} #awtk-10 .content{ margin-top:0px; } #awtk-11{ width:100%; margin:0px; padding:34px 0 20px; overflow:auto; background: #f6f8fa; } #awtk-11 .content{ margin-top:0px; } #awtk-12{ width:100%; margin:0px; padding:34px 0 0px; overflow:auto; background: #f6f8fa; } #awtk-12 .content{ margin-top:0px; } .designer-btn-line{ width:100%; height:45px; text-align:center; margin-top:20px; } .content .function_show{ width:260px; height:360px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:260px; height:120px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:260px; position:absolute; bottom:20px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:250px; height:24px; margin:10px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} .content .function_show>ul>li.current .FShow_button{ background: #8fc41e; color:#ffffff!important; border:1px solid #8fc41e; } .content .function_show .FShow_button{ width:138px; font-size:16px; background:#ffffff ; color:#043e98; border:1px solid #043e98; border-radius:5px; margin:14px auto; padding:4px 12px; text-decoration:none; display:inline-block; } .content .function_show .FShow_p{ display: none; } #awtk-9 ul{ width:100%; height:auto; overflow:hidden; margin:0 auto; } #awtk-9 li{ width:112px; height:209px; float:left; margin:18px 10px; border:1px solid #e5e5e5; border-radius: 15px; padding:10px;} #awtk-9 .awtk_demo_ico_1{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) 0 0 no-repeat; } #awtk-9 .awtk_demo_ico_2{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -70px 0 no-repeat; } #awtk-9 .awtk_demo_ico_3{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -140px 0 no-repeat; } #awtk-9 .awtk_demo_ico_4{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -210px 0 no-repeat; } #awtk-9 .awtk_demo_ico_5{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -280px 0 no-repeat; } #awtk-9 .awtk_demo_ico_6{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -350px 0 no-repeat; } #awtk-9 .awtk_demo_ico_7{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -420px 0 no-repeat; } #awtk-9 .awtk_demo_ico_8{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -490px 0 no-repeat; } #awtk-9 .awtk_demo_p{ font-size:16px; line-height:20px; text-align:center; margin-bottom:35px; } #awtk-9 ul>li>a{ width:56px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px 11px; padding:3px 12px; text-decoration:none; text-align: center; } #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 18px;} #awtk-9 li:nth-child(2)>a,#awtk-9 li:nth-child(3)>a{ margin:15px 4px;} #awtk-9 li:nth-child(6)>p{margin-bottom: 14px;} #awtk-10{ height:400px; } #awtk-10 .partner_h{ width:260px; height:60px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:18px; line-height:28px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:18px; line-height:28px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:260px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:260px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:260px; font-size:12px; line-height:22px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } #awtk-11 ul{ width:236px; height:auto; overflow:hidden; margin:0 auto; } #awtk-11 li{ width:100%; height:auto; float:left; margin:10px 0px; padding:10px 0px; box-shadow: 6px 6px 6px #f0f1f3; border:1px solid #e5e5e5; border-radius: 15px; background:#ffffff;} #awtk-11 .awtk_demo_p{ font-size:14px; line-height:20px; text-align:center; margin: 12px 0;} #awtk-11 ul>li>a{ width:56px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px 4px; padding:3px 12px; text-decoration:none; text-align: center; } #awtk-11 .awtk_demo_ico_c{ border-bottom: 1px solid #d5d5d5;width:29px; margin: 0 auto;} .yang_card_pro{ width:100%; margin:0px auto; padding:0px; overflow:auto; } .yang_card_pro p{ margin:8px 0px; } .yang_card_pro .content{ margin:0px; } .yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_pro a{ text-decoration:none; } .yang_card_h3{ font-size:18px; color:#333; text-align:center; line-height:28px; padding-bottom:0px; padding-top:0px; } .yang_card_h4{ font-size:22px; color:#333; line-height:46px; margin:26px auto 5px auto;} .yang_card_p{ width:100%; padding:0 5px;font-size:14px; color:#555; line-height:24px; text-align:center; } .yang_card_pro_list .yang_card_p{ padding: 0 15px;} .yang_card_img{ width:100%; height:auto; float:left; margin-top:5px; padding-bottom:35px; } .ct_tit{ font-size:24px; line-height:38px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_dt{ color:#ffffff; } #awtk-9 .image-xs { display:none !important;} } /*閽堝iphone5s*/ @media (min-width: 315px) { .content{ padding:0px 20px; } #awtk-9 li {width: 117px; height: 209px; float: left; margin: 18px 10px; border: 1px solid #e5e5e5; border-radius: 15px; padding: 10px;} #awtk-9 ul>li>a { width: 56px; font-size: 14px; background: none; color: #043e98!important; border: 1px solid #7d9bc9; border-radius: 5px; margin: 15px 13px; padding: 3px 12px; text-decoration: none; text-align: center;} #awtk-9 li:nth-child(2)>a,#awtk-9 li:nth-child(3)>a{ margin:15px 6px;} #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 20px;} } /*閽堝1080*1920鐨刟ndroid*/ @media (min-width: 360px) { .content .function_show{ width:324px; height:306px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li>img{ width:324px; height:150px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:320px; position:absolute; bottom:20px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:156px; height:24px; margin:10px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} #awtk-9 ul { width: 100%; height: auto; overflow: hidden; margin: 0 auto;} #awtk-9 li { width: 140px; height: 194px; float: left; margin: 18px 10px; border: 1px solid #e5e5e5; border-radius: 15px; padding: 10px;} #awtk-9 ul>li>a{width:56px;font-size:14px;background:none;color:#043e98!important;border:1px solid #7d9bc9;border-radius:5px;margin: 15px 25px;padding:3px 12px;text-decoration:none;text-align: center;} #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{margin: 15px 32px;} #awtk-9 li:nth-child(2)>a,#awtk-9 li:nth-child(3)>a{ margin:15px 18px;} #awtk-10{ height:400px; } #awtk-10 .partner_h{ width:310px; height:60px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:18px; line-height:28px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:18px; line-height:28px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:310px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:310px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:310px; font-size:12px; line-height:22px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } } /*閽堝iphone6*/ @media (min-width: 375px) { .content{ padding:0px 23px; } #awtk-9 li {width: 140px;height: 194px;float: left;margin: 18px 12px;border: 1px solid #e5e5e5;border-radius: 15px;padding: 10px;} #awtk-9 ul>li>a{width:56px;font-size:14px;background:none;color:#043e98!important;border:1px solid #7d9bc9;border-radius:5px;margin: 15px 24px;padding: 3px 13px;text-decoration:none;text-align: center;} #awtk-9 li:nth-child(4)>a, #awtk-9 li:nth-child(8)>a{ margin: 15px 31px;} #awtk-9 li:nth-child(2)>a,#awtk-9 li:nth-child(3)>a{ margin:15px 17px;} } /*閽堝鍏ㄩ潰灞忓畨鍗?/ @media (min-width: 390px) { } @media (min-width: 400px) { .content{ padding:0px 25px; } .yang_card_h3{ font-size:20px; color:#333; text-align:center; line-height:30px; padding-bottom:0px; padding-top:0px; } .ct_dt{ color:#ffffff; } #awtk-9 ul{ width: 350px; height: auto; overflow: hidden; margin: 0 auto;} #awtk-9 li {width: 150px;height: 194px;float: left;margin: 18px 12px;border: 1px solid #e5e5e5;border-radius: 15px;padding: 10px;} #awtk-9 ul>li>a{width:56px;font-size:14px;background:none;color:#043e98!important;border:1px solid #7d9bc9;border-radius:5px;margin: 15px 29px;padding: 3px 13px;text-decoration:none;text-align: center;} #awtk-9 li:nth-child(4)>a, #awtk-9 li:nth-child(8)>a {margin: 15px 0 15px 39px;} } /*閽堝iphone6s plus*/ @media (min-width: 410px) { #advertising{ width:100%; height:453px; position:relative; top:75px; } .slides{ height:378px; } .section-bg{ width:100%; height:378px; } .section-bg .slider-text{ width:350px; height:250px; margin:35px 10px 10px 16px; padding:0; } .secondary-heading{ width:350px; color:#fff; font-size:30px; line-height:38px; margin:3px 0 15px 0; padding:0; position:relative; } .sub-heading{ width:350px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 35px; padding:0; position:relative; } .content .function_show{ width:360px; height:325px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li>img{ width:360px; height:166px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:360px; position:absolute; bottom:30px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:170px; height:24px; margin:10px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} #awtk-10{ height:400px; } #awtk-10 .partner_h{ width:350px; height:60px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:21px; line-height:31px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:21px; line-height:31px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:350px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:350px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:350px; font-size:12px; line-height:22px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } .yang_card_h3{ font-size:24px; color:#333; text-align:center; line-height:42px; padding-bottom:4px; padding-top:0px; } .ct_dt{ color:#ffffff; } } @media (min-width: 414px) { #awtk-9 ul{ width:364px; height:auto; overflow:hidden; margin:0 auto; } #awtk-9 li {width: 154px;height: 194px;float: left;margin: 18px 14px;border: 1px solid #e5e5e5;border-radius: 15px;padding: 10px;} #awtk-9 ul>li>a{width:56px;font-size:14px;background:none;color:#043e98!important;border:1px solid #7d9bc9;border-radius:5px;margin: 15px 31px;padding: 3px 13px;text-decoration:none;text-align: center;} #awtk-9 li:nth-child(4)>a, #awtk-9 li:nth-child(8)>a { margin: 15px 0 15px 42px;} } /*閽堝1440*2560鐨刟ndroid*/ @media (min-width: 480px) { #advertising{ width:100%; height:513px; position:relative; top:75px; } .slides{ height:438px; } .section-bg{ width:100%; height:438px; } .section-bg .slider-text{ width:400px; height:260px; margin:55px 10px 10px 26px; padding:0; } .secondary-heading{ width:400px; color:#fff; font-size:34px; line-height:40px; margin:19px 0 22px 0; padding:0; position:relative; } .sub-heading{ width:400px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 35px; padding:0; position:relative; } #awtk-9 ul{ width:450px; height:auto; overflow:hidden; margin:0 auto; } #awtk-9 li{ width:204px; height:220px; float:left; margin:20px 10px 40px; padding:20px 5px; } #awtk-9 .awtk_demo_ico_1{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) 0 0 no-repeat; } #awtk-9 .awtk_demo_ico_2{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -70px 0 no-repeat; } #awtk-9 .awtk_demo_ico_3{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -140px 0 no-repeat; } #awtk-9 .awtk_demo_ico_4{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -210px 0 no-repeat; } #awtk-9 .awtk_demo_ico_5{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -280px 0 no-repeat; } #awtk-9 .awtk_demo_ico_6{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -350px 0 no-repeat; } #awtk-9 .awtk_demo_ico_7{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -420px 0 no-repeat; } #awtk-9 .awtk_demo_ico_8{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -490px 0 no-repeat; } #awtk-9 .awtk_demo_p{ font-size:18px; line-height:43px; text-align:center; margin-bottom:35px; } #awtk-9 ul>li>a{ width:90px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px 58px; padding:3px 12px; text-decoration:none; text-align: center; } #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 65px; } #awtk-9 li:nth-child(2)>a, #awtk-9 li:nth-child(3)>a { margin: 15px 50px;} #awtk-9 li:nth-child(6)>p { margin-bottom: 35px;} #awtk-10{ height:400px; } #awtk-10 .partner_h{ width:400px; height:60px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:21px; line-height:33px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:21px; line-height:33px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:400px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:400px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:400px; font-size:12px; line-height:22px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } } @media (min-width: 500px) { #advertising{ width:100%; height:531px; position:relative; top:75px; } .slides{ height:456px; } .section-bg{ width:100%; height:456px; } .section-bg .slider-text{ width:420px; height:260px; margin:55px 10px 10px 26px; padding:0; } .secondary-heading{ width:420px; color:#fff; font-size:34px; line-height:40px; margin:23px 0 22px 0; padding:0; position:relative; } .sub-heading{ width:420px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 65px; padding:0; position:relative; } .content .function_show{ width:448px; height:390px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li>img{ width:448px; height:207px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:448px; position:absolute; bottom:40px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:210px; height:24px; margin:10px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} #awtk-10{ height:410px; } #awtk-10 .partner_h{ width:420px; height:70px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:22px; line-height:34px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:22px; line-height:34px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:420px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:420px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:420px; font-size:12px; line-height:22px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } .ct_tit{ font-size:26px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_dt{ color:#ffffff; } #awtk-9 li{width: 205px;height:220px;float:left;margin: 20px 10px 40px;padding:20px 5px;} #awtk-9 ul>li>a{width:90px;font-size:14px;background:none;color:#043e98!important;border:1px solid #7d9bc9;border-radius:5px;margin: 15px 62px;padding:3px 12px;text-decoration:none;text-align: center;} #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 69px; } #awtk-9 li:nth-child(2)>a, #awtk-9 li:nth-child(3)>a{ margin:15px 55px; } #awtk-9 li:nth-child(6)>p { margin-bottom: 35px;} #awtk-11 ul { width: 100%; height: auto; overflow: hidden; margin: 0 auto;} #awtk-11 li { width: 45%; height: 177px; float: left; margin: 10px 10px; padding: 10px 0px; border: 1px solid #e5e5e5; border-radius: 15px; background: #ffffff;} } @media (min-width: 600px) { #advertising{ width:100%; height:622px; position:relative; top:75px; } .slides{ height:547px; } .section-bg{ width:100%; height:547px; } .section-bg .slider-text{ width:513px; height:300px; margin:40px 10px 10px 30px; padding:0; } .secondary-heading{ width:513px; color:#fff; font-size:44px; line-height:50px; margin:23px 0 22px 0; padding:0; position:relative; } .sub-heading{ width:510px; color:#fff; font-size:12px; line-height:20px; margin:5px 0px 15px; padding:0; position:relative; } .content{ padding:25px 20px 20px 20px; margin:0px 0px; } #awtk-10{ height:410px; } #awtk-10 .partner_h{ width:420px; height:70px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:22px; line-height:34px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:22px; line-height:34px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:420px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:420px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:420px; font-size:12px; line-height:22px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } #awtk-11 ul { width: 100%; height: auto; overflow: hidden; margin: 0 auto;} #awtk-11 li { width: 46%; height: 190px; float: left; margin: 10px 10px; padding: 20px 0px 0; border: 1px solid #e5e5e5; border-radius: 15px; background: #ffffff;} .ct_tit{ font-size:28px; line-height:40px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:20px; } .ct_dt{ color:#ffffff; } } @media (min-width: 700px) { .content{ padding:25px 20px 30px 20px; margin:0px 0px; } .content .function_show{ width:640px; height:440px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li>img{ width:620px; height:286px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:640px; position:absolute; bottom:40px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:200px; height:24px; margin:10px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} #awtk-10{ height:510px; } #awtk-10 .partner_h{ width:520px; height:100px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:30px; line-height:48px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:30px; line-height:48px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:520px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:520px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:520px; font-size:16px; line-height:30px; color:#ffffff; margin:20px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } .yang_card_h3{ font-size:30px; color:#333; text-align:center; line-height:48px; padding-bottom:8px; padding-top:0px; } .yang_card_p{ width:100%; padding:0 20px;font-size:18px; color:#666666; line-height:34px; text-align:center; } .ct_tit{ font-size:32px; line-height:48px; color:#333; text-align:center; margin:50px auto 20px auto; } .ct_p{ font-size:16px; color:#333; line-height:26px; font-weight:normal; text-align:center; margin-bottom:30px; } .ct_dt{ color:#ffffff; } #awtk-9 ul{ width:100%; height:auto; overflow:hidden; margin:0 auto; } #awtk-9 li { width: 215px; height: 220px; float: left; margin: 20px 50px 40px; padding: 20px 5px;} #awtk-11 ul { width: 100%; height: auto; overflow: hidden; margin: 20px auto;} #awtk-11 li { width: 30%; height: 190px; float: left; margin: 10px 10px; padding: 20px 0px 0; border: 1px solid #e5e5e5; border-radius: 15px; background: #ffffff;} #awtk-9 li:nth-child(2)>a, #awtk-9 li:nth-child(3)>a { margin: 15px 60px;} } @media (min-width: 767px) { #awtk-1{ width:100%; height:834px; margin:0px; padding:35px 0 0; overflow:hide; background:url(../images/awtk/ct_1.jpg) center center no-repeat; display:block; } #awtk-5 ul{ width: 100%; height: auto; overflow: hidden; margin: 10px auto; } #awtk-5 li{ width: 50%; float: left; margin-top:15px; } .yang_card_pro_list{ width:100%; max-width:1200px; margin:0px auto; padding:0px; } .yang_card_h3{ font-size:36px; color:#000000; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:10px; } .yang_card_p{ width:100%; margin:0px; padding:0 70px; text-align:center; } .yang_card_img{ width:100%; height:auto; float:left; margin-top:25px; padding-bottom:60px; } .ct_tit{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin:40px auto 20px auto; font-weight: bold;} .ct_p{ font-size:16px; color:#333333; line-height:30px; font-weight:normal; text-align:center; margin:0 70px 40px 70px;} .ct_dt{ color:#ffffff; } .content .function_show{ width:720px; height:380px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li>img{ width:620px; height:286px; margin-left:45px; margin-bottom:126px; } .content .function_show>ul{ width:720px; position:absolute; bottom:40px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:138px; height:24px; margin:10px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} #awtk-9 ul{ width:684px; height:auto; overflow:hidden; margin:0 auto; } #awtk-9 li{ width:220px; height:220px; float:left; margin:20px 60px 40px; padding:20px 10px; } #awtk-9 .awtk_demo_ico_1{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) 0 0 no-repeat; } #awtk-9 .awtk_demo_ico_2{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -70px 0 no-repeat; } #awtk-9 .awtk_demo_ico_3{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -140px 0 no-repeat; } #awtk-9 .awtk_demo_ico_4{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -210px 0 no-repeat; } #awtk-9 .awtk_demo_ico_5{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -280px 0 no-repeat; } #awtk-9 .awtk_demo_ico_6{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -350px 0 no-repeat; } #awtk-9 .awtk_demo_ico_7{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -420px 0 no-repeat; } #awtk-9 .awtk_demo_ico_8{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -490px 0 no-repeat; } #awtk-9 .awtk_demo_p{ font-size:18px; line-height:43px; text-align:center; margin-bottom:35px; } #awtk-9 ul>li>a{ width:90px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px 65px; padding:3px 12px; text-decoration:none; text-align: center; } #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 72px; } #awtk-9 li:nth-child(2)>a, #awtk-9 li:nth-child(3)>a { margin: 15px 58px;} #awtk-10{ height:520px; } #awtk-10 .partner_h{ width:680px; height:110px; margin:0px auto; } #awtk-10 .partner_h .partner_h3{ font-size:36px; line-height:52px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:36px; line-height:52px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:680px; height:280px; margin:0px auto; } #awtk-10 .partner_f_l{ width:680px; height:280px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:680px; font-size:18px; line-height:34px; color:#ffffff; margin:30px 0; } #awtk-10 .designer-btn{ margin:0 6px 0 0; } .ct_dt{ color:#ffffff; } } @media (min-width: 768px) { #awtk-9 .image-xs { display:inline !important;} #awtk-9 li { width: 240px; height: 240px; float: left; margin: 20px 50px 40px; padding: 20px 10px;} #awtk-9 ul>li>a {width: 90px; font-size: 14px; background: none; color: #043e98!important; border: 1px solid #7d9bc9; border-radius: 5px; margin: 15px 16px; padding: 3px 12px; text-decoration: none; text-align: center;} #awtk-9 li:nth-child(2)>a,#awtk-9 li:nth-child(3)>a{ margin: 15px 68px;} #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 82px; } } @media (min-width: 770px) { .content{ padding:25px 0px 50px 0px; margin:0px 0px; } .ct_tit{ font-size:48px; line-height:68px; color:#000000; text-align:center; margin: 50px 20px 20px; font-weight: bold;} } @media (min-width: 785px) { .content{ padding:25px 0px 50px 0px; margin:0px 0px; } } @media (min-width: 880px) { .yang_card_p{ width:860px; margin:0 auto; } .content .function_show{ width:880px; height:490px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:820px; height:378px; margin-left:20px; margin-bottom:126px; } .content .function_show>ul{ width:880px; position:absolute; bottom:0px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:170px; height:54px; margin:0px 3px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} .content .function_show>ul>li.current .FShow_button{ background: #8fc41e; color:#ffffff!important; border:1px solid #8fc41e; } .content .function_show .FShow_button{ width:138px; font-size:16px; background:#ffffff ; color:#043e98; border:1px solid #043e98; border-radius:5px; margin:14px auto; padding:4px 12px; text-decoration:none; display:inline-block; } .content .function_show .FShow_p{ width: 154px; font-size: 14px; margin: 0 auto; display: block; } #awtk-11 li { width: 22%; height: 200px; float: left; margin: 10px 10px; padding: 20px 0px 0; border: 1px solid #e5e5e5; border-radius: 15px; background: #ffffff;} #awtk-11 li:nth-child(1),#awtk-11 li:nth-child(2),#awtk-11 li:nth-child(3),#awtk-11 li:nth-child(4){height: 155px;} #awtk-9 ul { width: 100%;height: auto;overflow: hidden; margin: 0 auto;} #awtk-9 li { width: 240px; height: 240px; float: left; margin: 20px 26px 40px; padding: 20px 10px;} } @media (min-width: 980px) { .yang_card_pro p{ margin:8px auto; } .yang_card_h3{ font-size:48px; line-height:65px; width:760px; padding-top:15px; margin:8px auto; } .yang_card_p{ width:900px; margin:0 auto;padding:0 70px;font-size:16px; color:#666666; line-height:28px; text-align:center; } .ct_dt{ color:#ffffff; } #awtk-5 ul{ width: 900px; height: auto; overflow: hidden; margin: 10px auto; } #awtk-5 li{ width: 50%; float: left; margin-top:30px; } .content .function_show{ width:980px; height:520px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:960px; height:443px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:980px; position:absolute; bottom:0px; width:100%; left:0%; text-align:center; } .content .function_show>ul>li{ width:170px; height:54px; margin:0px 13px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} .content .function_show>ul>li.current .FShow_button{ background: #8fc41e; color:#ffffff!important; border:1px solid #8fc41e; } .content .function_show .FShow_button{ width:138px; font-size:16px; background:#ffffff ; color:#043e98; border:1px solid #043e98; border-radius:5px; margin:14px auto; padding:4px 12px; text-decoration:none; display:inline-block; } .content .function_show .FShow_p{ width: 154px; font-size: 14px; margin: 0 auto; display: block; } .designer-btn-line{ width:100%; height:50px; text-align:center; margin-top:40px; } #awtk-9 li {width: 240px; height: 240px; float: left; margin: 20px 43px 40px; padding: 20px 10px;} #awtk-11 ul { width: 100%; height: auto; overflow: hidden; margin: 20px auto 30px;} } @media (min-width: 1024px) { .awtk-btn{ min-width:90px; font-size:16px; background:none; color:#ffffff!important; border:1px solid #ffffff; border-radius:5px; margin:10px 6px 20px; padding:4px 12px; text-decoration:none; display:inline-block; } .awtk-btn:hover{ background:#8ac221 !important; border:1px solid #8ac221; color:#ffffff; text-decoration:none; } #awtk-9 ul{ width:1024px; height:auto; overflow:hidden; margin:0 auto; } #awtk-9 li{ width:220px; height:220px; float:left; margin:20px 18px 40px; padding:20px 10px; } #awtk-9 .awtk_demo_ico_1{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) 0 0 no-repeat; } #awtk-9 .awtk_demo_ico_2{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -70px 0 no-repeat; } #awtk-9 .awtk_demo_ico_3{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -140px 0 no-repeat; } #awtk-9 .awtk_demo_ico_4{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -210px 0 no-repeat; } #awtk-9 .awtk_demo_ico_5{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -280px 0 no-repeat; } #awtk-9 .awtk_demo_ico_6{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -350px 0 no-repeat; } #awtk-9 .awtk_demo_ico_7{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -420px 0 no-repeat; } #awtk-9 .awtk_demo_ico_8{ width:70px; height:70px; margin:0px auto; background:url(../images/awtk/awtk_ico.jpg) -490px 0 no-repeat; } #awtk-9 .awtk_demo_p{ font-size:18px; line-height:43px; text-align:center; margin-bottom:35px; } #awtk-9 ul>li>a{ width:90px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px 11px; padding:3px 12px; text-decoration:none; text-align: center; } #awtk-9 li:nth-child(4)>a,#awtk-9 li:nth-child(8)>a{ margin:15px 0 15px 73px; } #awtk-9 li:nth-child(2)>a,#awtk-9 li:nth-child(3)>a{ margin: 15px 58px;} #awtk-10{ height:674px; } #awtk-10 .partner_h{ width:1024px; height:120px; margin:49px auto 0px; } #awtk-10 .partner_h .partner_h3{ font-size:48px; line-height:68px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_h .partner_h4{ font-size:36px; line-height:46px; color:#ffffff; margin-bottom:0px; } #awtk-10 .partner_f{ width:1024px; height:440px; margin:0px auto; } #awtk-10 .partner_f_l{ width:474px; height:440px; float:left; padding-top:20px; } #awtk-10 .partner_f_l>p{ width:460px; font-size:14px; line-height:28px; color:#ffffff; margin:30px 0; } #awtk-10 .partner_f_r{ width:550px; height:440px; float:left; background:url(../images/awtk/partner_f_r.png) center center no-repeat; } #awtk-11 .awtk_demo_p{ font-size:16px; line-height:20px; text-align:center; margin: 15px 0;} #awtk-11 ul>li>a{ width:56px; font-size:14px; background:none; color:#043e98!important; border:1px solid #7d9bc9; border-radius:5px; margin:15px 4px; padding:3px 12px; text-decoration:none; text-align: center; } .content .function_show{ width:1024px; height:550px; position:relative; margin:10px auto 20px auto; } .content .function_show>ol>li{ position:absolute; top:5px; left:5px; display:none; } .content .function_show>ol>li:first-child{ display:block; } .content .function_show>ol>li>img{ width:1024px; height:473px; margin-left:0px; margin-bottom:126px; } .content .function_show>ul{ width:1024px; position:absolute; bottom:0px; width:100%; left:0%; text-align:center; padding-left:20px; } .content .function_show>ul>li{ width:170px; height:54px; margin:0px 13px; cursor:pointer; display:inline-block; padding-bottom:10px; float: left;} .content .function_show>ul>li.current .FShow_button{ background: #8fc41e; color:#ffffff!important; border:1px solid #8fc41e; } .content .function_show .FShow_button{ width:138px; font-size:16px; background:#ffffff ; color:#043e98; border:1px solid #043e98; border-radius:5px; margin:14px auto; padding:4px 12px; text-decoration:none; display:inline-block; } .content .function_show .FShow_p{ width: 154px; font-size: 14px; margin: 0 auto; display: block; } #awtk-11 ul { width: 100%; height: auto; overflow: hidden; margin: 40px auto;} #awtk-11 li { width: 23%; height: 200px; float: left; margin: 10px 10px; padding: 20px 0px 0; border: 1px solid #e5e5e5; border-radius: 15px; background: #ffffff;} } @media (min-width: 1200px) { #awtk-11 .awtk_demo_p { font-size: 16px; line-height: 20px; text-align: center; margin: 20px 0;} #awtk-11 ul { width: 1050px; height: auto; overflow: hidden; margin: 40px auto;} #awtk-11 li { width: 242px; height: 210px; float: left; margin: 10px 10px; padding: 20px 0px 0; box-shadow: 6px 6px 6px #f0f1f3; border: 1px solid #e5e5e5; border-radius: 15px; background: #ffffff;} #awtk-11 li:nth-child(1), #awtk-11 li:nth-child(2), #awtk-11 li:nth-child(3), #awtk-11 li:nth-child(4) { height: 209px; padding:50px 0; } .yang_card_pro .ct_p{font-size: 16px; color: #515151; line-height: 32px; font-weight: normal; text-align: center; margin: 0 0px 40px 0px;} .yang_card_pro .ct_tit{font-size: 48px; line-height: 68px; color: #000000; text-align: center; margin: 70px auto 20px auto; font-weight: bold;} .ct_dt{ color:#ffffff !important; } } @media (min-width: 1300px) { .container{ padding:0} }