2020.02新版
This commit is contained in:
Blokura
3514
template/index10/assets/css/animate.css
vendored
Normal file
3514
template/index10/assets/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
template/index10/assets/css/aos.css
Normal file
1
template/index10/assets/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
155
template/index10/assets/css/common_contact.css
Normal file
155
template/index10/assets/css/common_contact.css
Normal file
@@ -0,0 +1,155 @@
|
||||
@charset "utf-8";
|
||||
/*联系我们-样式*/
|
||||
.contact_comBox{
|
||||
width: 100%;
|
||||
}
|
||||
.contact_comBox .contactUs{
|
||||
width: 100%;
|
||||
}
|
||||
/*列表页-联系我们-开始*/
|
||||
.contact_listBox{
|
||||
background: url(../images/map_bg.png) no-repeat left 450px/424px 450px;
|
||||
padding-bottom: 150px;
|
||||
}
|
||||
.contact_comBox .contactUs_content{
|
||||
margin-top: -300px;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_listMap{
|
||||
width: 1200px;
|
||||
height: 600px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
|
||||
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
|
||||
.contact_comBox .contactUs .contactUs_listMap .listMap_mapBox{
|
||||
width: 1200px;
|
||||
height: 600px;
|
||||
border: 1px solid #CCCCCC;
|
||||
}
|
||||
/*列表页-联系我们-结束*/
|
||||
.contact_comBox .contactUs_index{
|
||||
height: 572px;
|
||||
background: url(../images/contactus_bg.png) no-repeat left center/766px 572px;
|
||||
margin-top: 130px;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_title{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_indexTitle{
|
||||
color: #000000;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_listTitle{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_line{
|
||||
width: 60px;
|
||||
height: 3px;
|
||||
background: #d2d2d2;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_listTxt{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li{
|
||||
width: 360px;
|
||||
height: 240px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 7px;
|
||||
position: relative;
|
||||
-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.1), 3px 0 8px rgba(0,0,0,.1), 0 4px 24px rgba(0,0,0,.05);
|
||||
box-shadow: 0 3px 8px rgba(0,0,0,.1), 3px 0 8px rgba(0,0,0,.1), 0 4px 24px rgba(0,0,0,.05);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main .contactUs_liMargin1{
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main .contactUs_liMargin2{
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_icon{
|
||||
display: block;
|
||||
margin: 40px auto 20px auto;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_icon1{
|
||||
width: 23px;
|
||||
height: 29px;
|
||||
background: url(../images/address1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_icon2{
|
||||
width: 31px;
|
||||
height: 26px;
|
||||
background: url(../images/tell.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_icon3{
|
||||
width: 28px;
|
||||
height: 20px;
|
||||
background: url(../images/email.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li:hover{
|
||||
margin-top: 28px;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_mainLine{
|
||||
background: #4e7dff;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_mainBot{
|
||||
display: block;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_icon1{
|
||||
background: url(../images/address.png) no-repeat;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_icon2{
|
||||
background: url(../images/tell1.png) no-repeat;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li:hover .contactUs_icon3{
|
||||
background: url(../images/email1.png) no-repeat;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_mainTit{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #BBBBBB;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_mainLine{
|
||||
display: block;
|
||||
width: 60px;
|
||||
margin: 15px auto 30px auto;
|
||||
height: 4px;
|
||||
background: #707070;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_mainTxt{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #909090;
|
||||
}
|
||||
.contact_comBox .contactUs .contactUs_main li .contactUs_mainBot{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 8px;
|
||||
background: #4e7dff;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
57
template/index10/assets/css/default.css
Normal file
57
template/index10/assets/css/default.css
Normal file
@@ -0,0 +1,57 @@
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend{
|
||||
|
||||
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left;
|
||||
|
||||
vertical-align: baseline;
|
||||
|
||||
}
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: Arial, '微软雅黑';
|
||||
}
|
||||
img {
|
||||
border:none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
q:before, q:after, blockquote:before, blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
/* 基础样式----------------------------------------*/
|
||||
body{
|
||||
text-align:center; width:100%; position: relative; overflow-x: hidden;
|
||||
}
|
||||
/*--- 链接样式 ---*/
|
||||
a{
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover, a:active{
|
||||
text-decoration: none;
|
||||
}
|
||||
ul{ list-style-type:none;}
|
||||
ul, li {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0 0 18px 18px; font-style: italic;
|
||||
}
|
||||
strong {font-weight:bold;}
|
||||
em {font-style:italic;}
|
||||
/* 常用样式----------------------------------------*/
|
||||
.left {float:left;}
|
||||
.right {float:right;}
|
||||
.clear {clear:both;}
|
||||
.center{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.payment_item8,.about,.process,.advantage,.contact_box,footer,a,p,span,div{
|
||||
font-family: Arial, '微软雅黑';
|
||||
}
|
||||
.cursor{
|
||||
cursor: pointer;
|
||||
}
|
||||
179
template/index10/assets/css/header_common.css
Normal file
179
template/index10/assets/css/header_common.css
Normal file
@@ -0,0 +1,179 @@
|
||||
@charset "utf-8";
|
||||
/*头部样式*/
|
||||
.header_common{
|
||||
width: 100%;
|
||||
min-width: 1200px;
|
||||
height: 500px;
|
||||
background: url(../images/header_combg.png) no-repeat left top;
|
||||
}
|
||||
/*顶部样式*/
|
||||
.navBox{
|
||||
width: 100%;
|
||||
padding: 18px 45px 15px 100px;
|
||||
overflow: hidden;
|
||||
height: 100px;
|
||||
}
|
||||
.navBox .logo{
|
||||
width: 177px;
|
||||
height: 51px;
|
||||
}
|
||||
.navBox .logo img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.navBox .navBox_right .nav li{
|
||||
padding: 6px 25px;
|
||||
line-height: 42px;
|
||||
font-family: simhei;
|
||||
}
|
||||
.navBox .navBox_right .nav li a{
|
||||
display: block;
|
||||
//font-family:simhei;
|
||||
color: #aabdf1;
|
||||
font-size: 15px;
|
||||
padding: 0 4px;
|
||||
border-bottom: 2px solid rgba(255,255,255,0);
|
||||
-webkit-transition:all 0.1s;
|
||||
-moz-transition:all 0.1s;
|
||||
-o-transition:all 0.1s;
|
||||
transition:all 0.1s;
|
||||
}
|
||||
.navBox .navBox_right .nav li a:hover{
|
||||
border-bottom: 2px solid #fff;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform:scale(1.1);
|
||||
-o-transform:scale(1.1);
|
||||
transform:scale(1.1);
|
||||
}
|
||||
.navBox .navBox_right .nav li a.active{
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
border-bottom: 2px solid rgba(255,255,255,1.0);
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform:scale(1.1);
|
||||
-o-transform:scale(1.1);
|
||||
transform:scale(1.1);
|
||||
}
|
||||
.navBox .navBox_right .btn_common{
|
||||
display: block;
|
||||
//font-family:simhei;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 20px;
|
||||
line-height: 38px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
margin-left: 27px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.navBox .navBox_right .btn_common:hover{
|
||||
background: #fff;
|
||||
color: #4964de;
|
||||
}
|
||||
.navBox .navBox_right .btn_common.active{
|
||||
background: #fff;
|
||||
color: #4964de;
|
||||
}
|
||||
/*右侧社交固定*/
|
||||
.right_fixed{
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
right: 0;
|
||||
width: 160px;
|
||||
height: 240px;
|
||||
z-index: 100;
|
||||
}
|
||||
.right_fixed .right_conBox{
|
||||
cursor: pointer;
|
||||
transition: all 0.8s;
|
||||
width: 160px;
|
||||
height: 60px;
|
||||
}
|
||||
.right_fixed .right_conBox .rightPhoto_common{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border: 1px solid #dddddd;
|
||||
border-bottom: none;
|
||||
}
|
||||
.right_fixed .right_conBox .right_tellPhoto{
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
background: #FFFFFF url(../images/right_tell1.png) no-repeat center/23px 31px;
|
||||
}
|
||||
.right_fixed .right_conBox .right_qqPhoto{
|
||||
border-bottom: 1px solid #dddddd;
|
||||
background: #FFFFFF url(../images/qq.png) no-repeat center/26px 28px;
|
||||
}
|
||||
.rightShow_common{
|
||||
width: 160px;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #4E7DFF;
|
||||
display: none;
|
||||
}
|
||||
.right_tellShow{
|
||||
border: 1px solid #4E7DFF;
|
||||
border-bottom: none;
|
||||
}
|
||||
.right_qqShow{
|
||||
border: 1px solid #4E7DFF;
|
||||
}
|
||||
.rightImg_comm{
|
||||
width: 60px;
|
||||
height: 58px;
|
||||
}
|
||||
.right_tellShow .right_tellImg{
|
||||
background: #4E7DFF url(../images/right_tell2.png) no-repeat 19px center/23px 31px;
|
||||
}
|
||||
.rightShow_common .right_qqImg{
|
||||
background: #4E7DFF url(../images/qq2.png) no-repeat center/26px 28px;
|
||||
}
|
||||
.rightNum_comm{
|
||||
width: 98px;
|
||||
height: 58px;
|
||||
background: #4e7dff;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
line-height: 58px;
|
||||
}
|
||||
|
||||
.right_fixed .right_qq{
|
||||
width: 160px;
|
||||
height: 60px;
|
||||
border-left: 1px solid #dddddd;
|
||||
border-right: 1px solid #dddddd;
|
||||
}
|
||||
.right_fixed .right_qq .right_qqPhoto{
|
||||
width: 60px;
|
||||
height: 58px;
|
||||
border-left: 1px solid #dddddd;
|
||||
border-right: 1px solid #dddddd;
|
||||
background: #FFFFFF url(../images/qq.png) no-repeat center/26px 28px;
|
||||
}
|
||||
.right_fixed .right_scrollTop{
|
||||
width: 160px;
|
||||
height: 60px;
|
||||
}
|
||||
.right_fixed .right_scrollTop .right_scrollTopPhoto{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: #FFFFFF url(../images/scrolltop.png) no-repeat 21px 12px/17px 19px;
|
||||
border: 1px solid #dddddd;
|
||||
border-top: none;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
line-height: 82px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.right_fixed .right_scrollTop .right_scrollTopPhoto:hover{
|
||||
background: #4E7DFF url(../images/scrolltop2.png) no-repeat 21px 12px/17px 19px;
|
||||
color: #FFFFFF;
|
||||
border: 1px solid #4E7DFF;
|
||||
}
|
||||
596
template/index10/assets/css/index_main.css
Normal file
596
template/index10/assets/css/index_main.css
Normal file
@@ -0,0 +1,596 @@
|
||||
@charset "utf-8";
|
||||
/*头部样式*/
|
||||
.index_header{
|
||||
height: 830px;
|
||||
max-height: 830px;
|
||||
background: url(../images/banner.png) no-repeat left top;
|
||||
background-size: 100%;
|
||||
}
|
||||
/*头部banner样式*/
|
||||
.index_header .banner{
|
||||
margin-top: 100px;
|
||||
//font-family: simhei;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 426px;
|
||||
}
|
||||
.index_header .banner .banner_left{
|
||||
width: 600px;
|
||||
}
|
||||
.index_header .banner .banner_right{
|
||||
width: 600px;
|
||||
height: 426px;
|
||||
-webkit-animation: myfirst 1.8s linear 0s infinite alternate;
|
||||
animation: myfirst 1.8s linear 0s infinite alternate;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
@keyframes myfirst {
|
||||
from {
|
||||
bottom: 20px
|
||||
}
|
||||
to {
|
||||
bottom: 10px
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes myfirst {
|
||||
from {
|
||||
bottom: 20px
|
||||
}
|
||||
to {
|
||||
bottom: 40px
|
||||
}
|
||||
}
|
||||
.index_header .banner .banner_right img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.index_header .banner .text1 {
|
||||
font-size: 56px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
letter-spacing: 3px;
|
||||
height: 80px;
|
||||
width: 400px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.index_header .banner .text1_line{
|
||||
width: 120px;
|
||||
height: 3px;
|
||||
background: #fff;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.index_header .banner .banner_p{
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
line-height: 44px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
display: block;
|
||||
width: 210px;
|
||||
height: 56px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 40px;
|
||||
text-align: center;
|
||||
line-height: 54px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
margin-top: 80px;
|
||||
background: #3c7cdf;
|
||||
overflow: hidden;
|
||||
z-index: 100;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
}
|
||||
/*支付方式-样式*/
|
||||
.payment_box{
|
||||
width: 866px;
|
||||
height: 416px;
|
||||
background: url(../images/payment_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-top: -210px;
|
||||
margin-left: -44px;
|
||||
padding: 46px;
|
||||
position: relative;
|
||||
}
|
||||
.payment_box .payment_ul{
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 94px;
|
||||
left: 104px;
|
||||
}
|
||||
.payment_box .payment_ul li{
|
||||
width: 24%;
|
||||
height: 74px;
|
||||
margin-left: 1%;
|
||||
margin-right: 2%;
|
||||
position: relative;
|
||||
}
|
||||
.payment_box .payment_ul li a{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 74px;
|
||||
}
|
||||
.payment_box .payment_ul li a .img1{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.payment_box .payment_ul li a .img2{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.payment_box .payment_ul li a .img3{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 0;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item1 a img{
|
||||
width: 137px;
|
||||
height: 49px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item2 a img{
|
||||
width: 168px;
|
||||
height: 51px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item3 a img{
|
||||
width: 168px;
|
||||
height: 49px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item4 a img{
|
||||
width: 168px;
|
||||
height: 59px;
|
||||
margin-left: -9px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item5 a img{
|
||||
width: 125px;
|
||||
height: 38px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item6 a img{
|
||||
width: 135px;
|
||||
height: 38px;
|
||||
margin-left: 22px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item7 a img{
|
||||
width: 136px;
|
||||
height: 54px;
|
||||
}
|
||||
.payment_box .payment_ul .payment_item8 a{
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
color: #A0A0A0;
|
||||
font-family: "苹方黑体-准-简";
|
||||
line-height: 74px;
|
||||
text-align: center;
|
||||
padding-top: 14px;
|
||||
}
|
||||
/*共同样式*/
|
||||
.title_common{
|
||||
font-size: 30px;
|
||||
color: #444444;
|
||||
}
|
||||
.centerRe{
|
||||
position: relative;
|
||||
width: 1200px;
|
||||
height: 464px;
|
||||
}
|
||||
.leftImg_common1{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 360px;
|
||||
}
|
||||
.leftImg_common2{
|
||||
width: 64%;
|
||||
height: 360px;
|
||||
}
|
||||
.rightImg_common1{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.rightImg_common2{
|
||||
width: 72%;
|
||||
height: 360px;
|
||||
}
|
||||
/*丫发卡简介-样式*/
|
||||
.about{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.about .about_main{
|
||||
width: 655px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.about .about_main .about_title{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
line-height: 78px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
.about .about_main .about_line{
|
||||
display: block;
|
||||
width: 62px;
|
||||
height: 4px;
|
||||
background: #4e7dff;
|
||||
}
|
||||
.about .about_main .about_txt{
|
||||
width: 100%;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.about .about_main .about_txt p{
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
line-height: 30px;
|
||||
}
|
||||
.about .about_main .about_more{
|
||||
display: block;
|
||||
width: 57px;
|
||||
font-size: 14px;
|
||||
color: #444444;
|
||||
background: url(../images/more_arrow.png) no-repeat right center/21px 15px;
|
||||
margin-top: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.about .about_right{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 790px;
|
||||
height: 510px;
|
||||
}
|
||||
.about .about_right .about_rightMain{
|
||||
width: 790px;
|
||||
height: 510px;
|
||||
position: relative;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg1{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 348px;
|
||||
height: 504px;
|
||||
z-index: 2;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter{
|
||||
width: 370px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com{
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
height: 70px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1{
|
||||
top: 116px;
|
||||
left: 240px;
|
||||
width: 259px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2{
|
||||
top: 192px;
|
||||
left: 240px;
|
||||
width: 247px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3{
|
||||
top: 275px;
|
||||
left: 203px;
|
||||
width: 370px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4{
|
||||
top: 356px;
|
||||
left: 203px;
|
||||
width: 317px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg2{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 632px;
|
||||
height: 394px;
|
||||
z-index: 1;
|
||||
}
|
||||
/*自动发卡-流程-样式*/
|
||||
.process{
|
||||
width: 100%;
|
||||
width: 1296px;
|
||||
height: 576px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
background: url(../images/process_bg.png);
|
||||
margin-top: 100px;
|
||||
}
|
||||
.process .process_main{
|
||||
position: absolute;
|
||||
top: 48px;
|
||||
left: 48px;
|
||||
width: 1200px;
|
||||
height: 480px;
|
||||
}
|
||||
.process .process_main .process_title{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-top: 70px;
|
||||
}
|
||||
.process .process_main .process_line{
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 3px;
|
||||
margin: 16px auto;
|
||||
background: #4e7dff;
|
||||
}
|
||||
.process .process_main .process_h4{
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
}
|
||||
.process .process_main .process_ul{
|
||||
width: 100%;
|
||||
padding: 0 30px;
|
||||
overflow: hidden;
|
||||
padding-top: 52px;
|
||||
}
|
||||
.process .process_main .process_ul li{
|
||||
width: 190px;
|
||||
text-align: center;
|
||||
}
|
||||
.process .process_main .process_ul li img{
|
||||
transition: all 1s;
|
||||
}
|
||||
.process .process_main .process_ul li:hover img{
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.process .process_main .process_ul li .process_txt1{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #4E7DFF;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.process .process_main .process_ul li .process_txt2{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
}
|
||||
/*品牌优势-样式*/
|
||||
.advantage{
|
||||
width: 100%;
|
||||
margin-top: 60px;
|
||||
}
|
||||
.advantage .advantage_topBox{
|
||||
width: 100%;
|
||||
height: 464px;
|
||||
margin-top: 60px;
|
||||
position: relative;
|
||||
}
|
||||
.advantage .advantage_topBox .advantage_topL{
|
||||
top: 0;
|
||||
background: url(../images/advantage_topl.png) no-repeat;
|
||||
background-size: 100%;
|
||||
z-index: 9;
|
||||
}
|
||||
.advantage .advantage_topBox .advantage_topR{
|
||||
bottom: 0;
|
||||
background: url(../images/advantage_topr.png) no-repeat;
|
||||
background-size: 100%;
|
||||
z-index: 20;
|
||||
}
|
||||
.advantage .advantage_topMain{
|
||||
width: 250px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
bottom: 32%;
|
||||
right: 0;
|
||||
z-index: 30;
|
||||
}
|
||||
.advantage .advantage_topMain .advantage_common{
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: #FFFFFF;
|
||||
text-align: right;
|
||||
}
|
||||
.advantage .advantage_topMain .advantage_title{
|
||||
font-size: 30px;
|
||||
}
|
||||
.advantage .advantage_topMain .advantage_line{
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
background: #dcdcdc;
|
||||
margin-left: 200px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.advantage .advantage_topMain .advantage_txt{
|
||||
font-size: 14px;
|
||||
}
|
||||
.advantage .advantage_botMain{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.advantage .advantage_botMain li{
|
||||
width: 240px;
|
||||
}
|
||||
.advantage .advantage_botMain .li_margin{
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
.advantage .advantage_botMain li img{
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
text-align: center;
|
||||
}
|
||||
.advantage .advantage_botMain li:hover img{
|
||||
transition: all 1s;
|
||||
/*transform: translateX(180deg);*/
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.advantage .advantage_botMain li .advantage_botTxt{
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #444444;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.advantage .advantage_botMain li .advantage_botP{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #909090;
|
||||
line-height: 24px;
|
||||
}
|
||||
/*联系我们-样式*/
|
||||
.contact_box .contact_bot{
|
||||
width: 100%;
|
||||
height: 464px;
|
||||
margin-bottom: 80px;
|
||||
position: relative;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botL{
|
||||
bottom: 0;
|
||||
background: url(../images/contact_botl.png) no-repeat;
|
||||
background-size: 100%;
|
||||
z-index: 30;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botR{
|
||||
top: 0;
|
||||
background: url(../images/contact_botr.png) no-repeat;
|
||||
background-size: 100%;
|
||||
z-index: 20;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain{
|
||||
width: 440px;
|
||||
height: 170px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 20%;
|
||||
z-index: 50;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainTxt{
|
||||
width: 100%;
|
||||
font-size: 40px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
|
||||
width: 238px;
|
||||
height: 68px;
|
||||
background: #32ef6f;
|
||||
border-radius: 8px;
|
||||
font-size: 24px;
|
||||
color: #FFFFFF;
|
||||
line-height: 68px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
margin-top: 50px;
|
||||
}
|
||||
/*底部样式*/
|
||||
footer{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
footer .footer_top{
|
||||
width: 1200px;
|
||||
overflow: hidden;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li{
|
||||
width: 116px;
|
||||
margin-right: 60px;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_topLeftTit{
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
line-height: 50px;
|
||||
padding-left: 38px;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_icon1{
|
||||
background: url(../images/footer_icon1.png) no-repeat left center/26px 26px;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_icon2{
|
||||
background: url(../images/footer_icon2.png) no-repeat left center/26px 26px;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_icon3{
|
||||
background: url(../images/footer_icon3.png) no-repeat left center/26px 26px;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_icon4{
|
||||
background: url(../images/footer_icon4.png) no-repeat left center/26px 26px;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_topLeftCon{
|
||||
width: 100%;
|
||||
}
|
||||
footer .footer_top .footer_topLeft li .footer_topLeftCon a{
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
line-height: 30px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
footer .footer_top .footer_topRight{
|
||||
overflow: hidden;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_qrCode{
|
||||
margin-top: 10px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_qrCode img{
|
||||
display: block;
|
||||
width: 98px;
|
||||
height: 98px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_qrCode .rqCode_botTxt{
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
line-height: 26px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_detail{
|
||||
width: 218px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_detail .footer_pCom{
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
padding-left: 30px;
|
||||
line-height: 36px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_detail .footer_tell{
|
||||
width: 100%;
|
||||
font-size: 30px;
|
||||
color: #666666;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_detail .footer_tellTime{
|
||||
line-height: 28px;
|
||||
padding-left: 0;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_detail .footer_email{
|
||||
background: url(../images/footer_email.png) no-repeat left center/22px 22px;
|
||||
}
|
||||
footer .footer_top .footer_topRight .footer_detail .footer_qq{
|
||||
background: url(../images/footer_qq.png) no-repeat left center/22px 22px;
|
||||
}
|
||||
footer .footer_bottom{
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 56px 0 40px 0;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
381
template/index10/assets/css/media.css
Normal file
381
template/index10/assets/css/media.css
Normal file
@@ -0,0 +1,381 @@
|
||||
@charset "utf-8";
|
||||
@media only screen and (max-width: 1920px){
|
||||
.index_header .banner{
|
||||
margin-top: 100px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
margin-top: 80px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -210px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 32%;
|
||||
right: 2%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 0;
|
||||
bottom: 20%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1860px){
|
||||
.payment_box{
|
||||
margin-top: -226px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1800px){
|
||||
.index_header .banner{
|
||||
margin-top: 71px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -246px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 34%;
|
||||
right: 4%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 5%;
|
||||
bottom: 24%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1750px){
|
||||
.payment_box{
|
||||
margin-top: -288px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1700px){
|
||||
.index_header .banner{
|
||||
margin-top: 75px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
margin-top: 64px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -310px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 36%;
|
||||
right: 7%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 7%;
|
||||
bottom: 23%;
|
||||
}
|
||||
.about .about_right {
|
||||
width: 711px;
|
||||
height: 459px;
|
||||
}
|
||||
.about .about_right .about_rightMain {
|
||||
width: 711px;
|
||||
height: 459px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg1 {
|
||||
width: 313px;
|
||||
height: 453px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg2 {
|
||||
width: 569px;
|
||||
height: 355px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
|
||||
top: 104px;
|
||||
left: 220px;
|
||||
width: 233px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
|
||||
top: 175px;
|
||||
left: 220px;
|
||||
width: 222px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
|
||||
top: 247px;
|
||||
left: 181px;
|
||||
width: 333px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
|
||||
top: 322px;
|
||||
left: 181px;
|
||||
width: 285px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
|
||||
height: 63px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1650px){
|
||||
.payment_box{
|
||||
margin-top: -315px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1600px){
|
||||
.index_header .banner{
|
||||
margin-top: 57px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
margin-top: 25px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -350px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 38%;
|
||||
right: 9%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 9%;
|
||||
bottom: 22%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
|
||||
margin-top: 35px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1500px){
|
||||
.index_header .banner{
|
||||
margin-top: 47px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
margin-top: 15px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -370px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 38%;
|
||||
right: 12%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 10%;
|
||||
bottom: 22%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
|
||||
margin-top: 25px;
|
||||
}
|
||||
.about .about_right {
|
||||
width: 632px;
|
||||
height: 408px;
|
||||
}
|
||||
.about .about_right .about_rightMain {
|
||||
width: 632px;
|
||||
height: 408px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg1 {
|
||||
width: 278px;
|
||||
height: 403px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg2 {
|
||||
width: 506px;
|
||||
height: 315px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
|
||||
top: 93px;
|
||||
left: 194px;
|
||||
width: 207px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
|
||||
top: 154px;
|
||||
left: 194px;
|
||||
width: 198px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
|
||||
top: 219px;
|
||||
left: 155px;
|
||||
width: 296px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
|
||||
top: 283px;
|
||||
left: 155px;
|
||||
width: 254px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
|
||||
height: 56px;
|
||||
}
|
||||
.about .about_right {
|
||||
top: 43px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1400px){
|
||||
.index_header .banner{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -410px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
margin-top: 13px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 40%;
|
||||
right: 14%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 14%;
|
||||
bottom: 26%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.about .about_right {
|
||||
width: 553px;
|
||||
height: 357px;
|
||||
}
|
||||
.about .about_right .about_rightMain {
|
||||
width: 553px;
|
||||
height: 357px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg1 {
|
||||
width: 244px;
|
||||
height: 353px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightImg2 {
|
||||
width: 442px;
|
||||
height: 276px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
|
||||
top: 82px;
|
||||
left: 172px;
|
||||
width: 181px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
|
||||
top: 135px;
|
||||
left: 172px;
|
||||
width: 173px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
|
||||
top: 192px;
|
||||
left: 141px;
|
||||
width: 259px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
|
||||
top: 250px;
|
||||
left: 141px;
|
||||
width: 222px;
|
||||
}
|
||||
.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
|
||||
height: 49px;
|
||||
}
|
||||
.about .about_right {
|
||||
top: 43px;
|
||||
}
|
||||
.navBox{ padding: 18px 25px 15px 25px;}
|
||||
.index_header .banner .text1{font-size: 45px; height: 54px;}
|
||||
.index_header .banner .banner_p{font-size: 19px;}
|
||||
.index_header .banner .banner_btnContact{font-size: 17px;line-height: 46px; height: 46px; width: 189px;}
|
||||
.index_header .banner .banner_left{padding-left: 20px; box-sizing: border-box;}
|
||||
}
|
||||
@media only screen and (max-width: 1300px){
|
||||
.index_header .banner{
|
||||
margin-top: 15px;
|
||||
}
|
||||
.index_header .banner .banner_btnContact{
|
||||
margin-top: 28px;
|
||||
}
|
||||
.payment_box{
|
||||
margin-top: -430px;
|
||||
}
|
||||
.advantage .advantage_topMain {
|
||||
bottom: 41%;
|
||||
right: 16%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain {
|
||||
left: 17%;
|
||||
bottom: 28%;
|
||||
}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
|
||||
margin-top: 15px;
|
||||
}
|
||||
.contact_comBox .contactUs_index{height: 466px;}
|
||||
.navBox{ padding: 18px 25px 15px 25px;}
|
||||
.index_header .banner .banner_left{margin: 30px 0;}
|
||||
.process{width: 96%; overflow: hidden; background-image: none; background: #fff; box-shadow: 0px 0px 29px rgba(0,0,0,0.1); margin: 30px auto; border-radius: 20px; height: 470px;}tMainTxt{font-size: 25px;}
|
||||
.process .process_main .process_ul li{width: 16%; }
|
||||
.process .process_main{width: 100%; left: 0; }
|
||||
}
|
||||
@media only screen and (max-width: 1200px){
|
||||
|
||||
.navBox{ padding: 18px 25px 15px 25px;width: 1200px;}
|
||||
.index_header .banner .text1{font-size: 45px; height: 54px;}
|
||||
.index_header .banner .banner_p{font-size: 19px;}
|
||||
.index_header .banner .banner_btnContact{font-size: 17px;line-height: 46px; height: 46px; width: 189px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
||||
.index_header .banner .banner_left{padding-left: 20px; box-sizing: border-box;}
|
||||
.about{width: 1200px;}
|
||||
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainBtn{ width: 208px; height: 53px; line-height: 53px;}
|
||||
.contact_box .contact_bot{ margin-bottom: 0;}
|
||||
|
||||
.index_header .banner .banner_right{width: 420px; height: 330px; bottom: 104px;}
|
||||
|
||||
|
||||
.center{width: 96%; margin: 0 auto;}
|
||||
.protocol_content{position: inherit; margin-top: 20px;}
|
||||
|
||||
.downLoad_con .center .downLoad_main{width: 100%; display: flex;}
|
||||
.downLoad_con .center .downLoad_main .downLoad_mainLeft{width: 522px;}
|
||||
.downLoad_con .center .downLoad_main .downLoad_mainRight{margin-right: 24px; margin-top: 10px;}
|
||||
|
||||
.header_common{width: 100%; min-width: 100%;}
|
||||
.box_common{width: 100%; box-sizing: border-box;}
|
||||
.contact_comBox .contactUs .contactUs_main{display: flex;}
|
||||
.helpCon_content .helpCon_conMain .helpCon_right{ float: left; width:100%;}
|
||||
.advantage_conBox{box-sizing: border-box; display: flex; padding: 70px 40px;}
|
||||
.advantage .advantage_botMain{display: flex;}
|
||||
|
||||
@keyframes myfirst {
|
||||
from {
|
||||
bottom: 90px
|
||||
}
|
||||
to {
|
||||
bottom: 70px
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes myfirst {
|
||||
from {
|
||||
bottom: 90px
|
||||
}
|
||||
to {
|
||||
bottom: 70px
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1100px){
|
||||
.process{width: 96%; overflow: hidden; background-image: none; background: #fff; box-shadow: 0px 0px 29px rgba(0,0,0,0.1); margin: 30px auto; border-radius: 20px; height: 470px;}
|
||||
.center{width: 96%;}
|
||||
.process .process_main{width: 100%; left: 0; height: 380px;}
|
||||
.process .process_main .process_title{padding-top: 30px;}
|
||||
.process .process_main .process_ul li{width: 16%; }
|
||||
.index_header .banner .banner_right{width: 400px; height: 300px; bottom: 104px;}
|
||||
.contact_comBox .contactUs .contactUs_main li{width: 28%;}
|
||||
.advantage .advantage_botMain li{width: 20%;}
|
||||
.advantage .advantage_topMain{ bottom: 52%;}
|
||||
.advantage .advantage_botMain{width: 990px;}
|
||||
footer .footer_top .footer_topLeft li{margin-right:28px}
|
||||
footer{width: 960px;}
|
||||
footer .footer_top{width: 100%;}
|
||||
footer .footer_bottom{width: 100%;}
|
||||
@keyframes myfirst {
|
||||
from {
|
||||
bottom: 120px
|
||||
}
|
||||
to {
|
||||
bottom: 100px
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes myfirst {
|
||||
from {
|
||||
bottom: 120px
|
||||
}
|
||||
to {
|
||||
bottom: 100px
|
||||
}
|
||||
}
|
||||
.advantage_conBox{box-sizing: border-box; display: flex; padding: 70px 40px;}
|
||||
.advantage_conBox .conBox_txtConR{ padding-right: 0px;}
|
||||
.advantage_conBox .conBox_photo .conBox_photoMargin{ margin-left: 86px;}
|
||||
.banner{min-width: 1000px;}
|
||||
.contact_box .contact_bot .contact_botMain .contact_botMainTxt{font-size: 25px;}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user