You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
343 lines
25 KiB
343 lines
25 KiB
.jc_list{display:none;}
|
|
.jc_box .active{display:block;}
|
|
.jc_list .jc_icon img{}
|
|
.jc_list .jc_panel{position: relative;width:805px;min-height:490px;background-color: #FFFFFF;}
|
|
.tab{margin-top:0px;display:inline-block;width:100%;vertical-align:top;font-size:22px;position:relative;height:56px;}
|
|
.jc_box .red{border-bottom:5px solid #ec5d65;}
|
|
.jc_box .yellow{border-bottom:5px solid #dabea4;}
|
|
.jc_box .blue{border-bottom:5px solid #a5c2da;}
|
|
.jc_box .bblue{border-bottom:5px solid #3c5fdb;}
|
|
.tab .item:nth-child(1){background-color:#ec5d65; /* 浏览器不支持时显示 */background-image: linear-gradient(#c20d14, #ec5d65);left:0px;z-index:99;}
|
|
.tab .item:nth-child(2){background-color:#dabea4; /* 浏览器不支持时显示 */background-image: linear-gradient(#cda67d, #dabea4);left:166px;z-index:89;}
|
|
.tab .item:nth-child(3){background-color:#a5c2da; /* 浏览器不支持时显示 */background-image: linear-gradient(#82abcb, #a5c2da);left:332px;z-index:79;}
|
|
.tab .item:nth-child(4){background-color:#3c5fdb; /* 浏览器不支持时显示 */background-image: linear-gradient(#3c5fdb, #9dbaf8);left:455px;z-index:69;}
|
|
#header .pl_menus{height:74px;border-bottom:1px solid #c9c9c9;}
|
|
#header .pl_menus li{display:inline-block;vertical-align:top;text-align:center;margin-top:17px;overflow:hidden;height:57px;}
|
|
#header .pl_menus li:nth-child(even) a{border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;}
|
|
#whjrzx_category_nav li a{padding:0px 55px;}
|
|
#yszx_category_nav li a,#big_category_nav li a{padding:0px 46px;}
|
|
#gj_category_nav li{min-width:20%;}
|
|
.jc_list .jc_panel .pl_menus .item a{font-size:18px;font-weight:bold;width:100%;display: inline-block;color:#7d7d7d;text-align: center;padding:0px 20px;margin-bottom:17px;line-height:40px;height:40px;}
|
|
.tab .item{color:#fff;border-radius:8px 8px 0px 0px;box-shadow:2px 0px 0px #242d4c;position:absolute;line-height:51px;height:51px;overflow:hidden;bottom:0px;text-align: center;padding:0px 17px;}
|
|
.jc_list .jc_panel .pl_menus .item a:hover,
|
|
.jc_list .jc_panel .pl_menus .item.active a{color:#1b1b1b;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
|
|
.jc_list .jc_panel .pl_ct{}
|
|
.jc_list .jc_panel .pl_ct .ct_item{position: relative; display:none;}
|
|
.jc_list .jc_panel .pl_ct .ct_item.active{display: block;}
|
|
#header .pl_menus li.active{background:url(../img/redborder.jpg) center bottom no-repeat;}
|
|
|
|
.tab .item:hover,.tab .item.active{line-height:55px;height:55px;font-weight:bold;-webkit-transition:all 200ms linear 100ms;-moz-transition:all 200ms linear 100ms;-o-transition:all 200ms linear 100ms;transition:all 200ms linear 100ms;}
|
|
|
|
.msgshow{display:inline-block;vertical-align:top;width:390px;}
|
|
.msgshow .top{position:relative;}
|
|
.msgshow .top .more,.msgshow .top .txt{position:absolute;z-index:99;color:#fff;}
|
|
.msgshow .top .more{bottom:18px;right:18px;}
|
|
.msgshow .top .more a{color:#fff;font-size:12px;}
|
|
.msgshow .top .txt{left:30px;top:52px;line-height:1.2em;font-size:28px;}
|
|
.msgshow .top .txt small{font-size:0.5em;vertical-align: top;}
|
|
.msgshow:nth-child(even){margin:0px 10px;}
|
|
.msgshow .content li{line-height:1.2em;padding:15px 0px 12px 5px;list-style: disc inside !important;color:#c1c1c1;}
|
|
.msgshow .content li.top{color:#7e2222;}
|
|
.msgshow .content li a{width:64%;color:#535353;font-size:15px;margin-left:-8px;white-space: nowrap;display:inline-block;vertical-align:top;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
|
|
.msgshow .content li .date{float:right;color:#535353;padding-right:15px;font-size:15px;}
|
|
.msgshow .content li a:hover{color:#7e2222;}
|
|
|
|
.hide{display:none !important;}
|
|
.load_more1{display: none; background-color: #EBEAEA;color: #666666;font-size: 12px;padding: 12px 0;}
|
|
.load_more1.show{display: block;}
|
|
.load_more1:hover{color: #C9A035;}
|
|
|
|
.mytable{width:100%;border-spacing: 0;border-collapse: collapse;border: 0;}
|
|
.mytable>thead{background-color: #F9F9F9;color: #666666;font-size: 12px;}
|
|
.mytable>thead>tr>th{padding: 12px 8px;border-bottom: 1px solid #e4e5e7;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
|
|
.mytable>tbody{font-size: 14px;text-transform : uppercase}
|
|
.mytable>tbody>tr{cursor: pointer;}
|
|
.mytable>tbody>tr:hover{color:#e31921;}
|
|
.mytable>tbody>tr>td{position: relative;line-height: 16px;padding:16px 8px;border-bottom: 1px solid #e4e5e7;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
|
|
|
|
#yszx_category_ct .mytable>thead>tr>th{padding: 14px 8px;}
|
|
#yszx_category_ct .mytable>tbody>tr>td{padding:15px 8px;}
|
|
|
|
.mytable1{width:100%;position: relative;}
|
|
.mytable1 .tr{
|
|
width: 100%;
|
|
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
|
|
-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
|
|
}
|
|
.mytable1 .tr .td{
|
|
padding: 0 8px;
|
|
color:#313131;
|
|
font-size:14px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #c9c9c9;
|
|
white-space: nowrap;overflow: hidden;text-overflow:ellipsis;
|
|
-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
|
|
}
|
|
.mytable1 .tbody .td{font-size:16px;}
|
|
.mytable1 .tr .td.flex_2 {-webkit-box-flex: 2;-moz-box-flex: 2;-webkit-flex: 2;-ms-flex:2;flex: 2;}
|
|
#child_item1a .thead .td:nth-child(2),.mytable1 .tr .td.flex_4{-webkit-box-flex: 2;-moz-box-flex: 2;-webkit-flex: 2;-ms-flex:2;flex: 2;}
|
|
.mytable1 .thead,
|
|
.load_more{background-color:#e5e5e5;border-bottom:1px solid #c9c9c9;color: #707070;font-size:1.1em;height:41px;line-height:41px;}
|
|
.mytable1 .thead .td{border-bottom:none;}
|
|
.mytable1 .tbody{font-size: 14px;text-transform : uppercase;height:554px;}
|
|
.mytable1 .tbody .tr{cursor: pointer;height:44px;line-height:44px;}
|
|
.mytable1 .tbody .tr:hover{color:#e31921;}
|
|
|
|
#pl_child_nav_11 .thead{height:90px;}
|
|
#pl_child_nav_11 .tbody{height:546px;}
|
|
|
|
#pl_child_nav_15 .thead{height:90px;}
|
|
#pl_child_nav_15 .tbody{height:546px;}
|
|
.load_more{display: block; visibility:hidden;text-align: center;}
|
|
.load_more.show{visibility: visible;}
|
|
.load_more:hover{color: #C9A035;}
|
|
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav{position: relative; padding: 0 45px;line-height:52px;height:52px; font-size:1.1em;color: #666666;background-color: #eeeeee;border-bottom:1px solid #c9c9c9;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav.hidden{visibility: hidden;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .item{padding: 0 60px;overflow:hidden;color:#707070;display: inline-block;font-size:14px; width: auto;line-height:52px;min-width:10%;text-align:center;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .item:hover,
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .item.active{color:#e92d35;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .swiper-button{background: none!important;color: #999!important;top: 0!important;width: 27px!important;height: 100%!important;margin-top: 0!important;outline: none!important;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .swiper-button-prev{left: 16px!important;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .swiper-button-next{right: 16px!important;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .swiper-button:active{outline: none;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav .swiper-button .iconfont_tm{font-size: 14px;font-weight: bold;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_list{}
|
|
.jc_list .jc_panel .pl_ct .child_item{position: relative; display:none;}
|
|
.jc_list .jc_panel .pl_ct .child_item.active{display: block;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap{position: relative;padding: 12px 14px 0 14px;height:544px;}
|
|
.jc_list .jc_panel .pl_ct .pl_child_nav.hidden + .child_item .item_wrap{padding-top: 0;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem{display: inline-block; cursor: pointer;vertical-align: top;margin-bottom:5px;margin-top:5px;width:19.8%;text-align:center;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .desc{text-align: center;padding:5px 5px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .imgpanel{display: inline-block;position: relative;width: 140px;height: 140px;background-color: #F9F9F9;overflow: hidden;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .imgpanel .coverimg{
|
|
position: absolute;width: 100%;height: 100%;left: 0;top: 0;
|
|
background-size: cover;background-position: center;background-repeat: no-repeat;
|
|
transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;
|
|
}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .imgpanel .introduce{
|
|
position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 15px;line-height: 18px;max-height: 56px; background-color: rgba(255,255,255,.6);color: #000;text-align: left;
|
|
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
|
|
transform:translateY(100%);-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-o-transform:translateY(100%);
|
|
transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;
|
|
}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem:hover .imgpanel .coverimg{
|
|
transform: scale(1.15);-moz-transform: scale(1.15);-webkit-transform: scale(1.15);-o-transform: scale(1.15);
|
|
}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem:hover .imgpanel .introduce{
|
|
transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);
|
|
}
|
|
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem.cols_3{width: 33.333%;padding: 0 15px 15px;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem.cols_3 .imgpanel{width:100%;padding-top:45%;height: auto;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem.cols_3.rows_2 .imgpanel{padding-top:56%;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem.cols_4{width: 25%;padding: 0 15px 15px;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem.cols_4 .imgpanel{width:100%;padding-top:100%;height: auto;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .text{font-size: 13px;color: #666666;text-align:center;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .text>div{line-height: 1.4;padding-bottom: 8px;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .text .title{font-size: 14px;color: #040404;margin-top: 8px;padding-bottom:4px;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem.rows_2 .title{line-height: 19px;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .imgitem .text .labname{color:#999;}
|
|
|
|
|
|
|
|
.jc_list .jc_panel .pl_ct .child_item .item_wrap .swiper-container{}
|
|
|
|
.jc_title{padding-top: 45px;padding-bottom: 45px;}
|
|
.jc_title .title_img{padding-bottom: 40px;text-align: center;}
|
|
|
|
.jc_icon_list{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
|
|
.jc_icon_list .item{border: 5px solid rgba(245,109,79,0.4);width: 150px;height: 150px;border-radius: 50%;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
|
|
.jc_icon_list .red_line{display: inline-block;height: 6px;background-color: rgba(245,109,79,0.4);}
|
|
.jc_icon_list .item.active{border: none;width: 160px;height: 160px;background: url("../img/wjc_icon_01.png") center no-repeat;background-size: contain;}
|
|
.jc_icon_list .item:not(.active):hover{border-color: #EF7B52;transform:scale(1.08);}
|
|
.jc_icon_list .item .item_ct{text-align: center;color: rgba(244,75,37,1);font-size: 20px;}
|
|
.jc_icon_list .item .item_ct .iconfont_tm{font-size:50px;}
|
|
.jc_icon_list .item .item_ct p{padding-top: 20px;}
|
|
|
|
.item {position: unset;height: unset;overflow-y: unset;outline: unset;line-height: unset;}
|
|
.part1 .item {position: relative;height: 358px;overflow-y: scroll;outline: none;line-height:20px;}
|
|
.yjc_icon_list{padding: 0 60px;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
|
|
.yjc_icon_list .item{text-align: center;}
|
|
.yjc_icon_list .item .yicon{
|
|
display: inline-block;width:145px;height: 145px;line-height: 145px;background: url("../img/yjc_icon_01.png") no-repeat center;background-size: cover;color: #FFFFFF;
|
|
transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;
|
|
}
|
|
.yjc_icon_list .item:hover .yicon{transform: scale(1.1);}
|
|
.yjc_icon_list .item .yicon .iconfont_tm{font-size: 50px;}
|
|
.yjc_icon_list .item .title{font-size: 20px;color: #000000;margin-top: 15px;}
|
|
.yjc_icon_list .item .desc{font-size: 14px;color: #666666;margin-top: 10px;}
|
|
|
|
.wjc_list{padding: 60px 0;}
|
|
.wjc_list .list_body{
|
|
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
|
|
-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
|
|
-webkit-box-orient: horizontal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;
|
|
-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;
|
|
}
|
|
.wjc_list .list_body .item{width: 595px;height: 443px;overflow: hidden; margin-bottom: 10px;padding-bottom: 10px;background-color: #FFFFFF;box-shadow: 0 3px 10px rgba(0,0,0,.35);}
|
|
.wjc_list .list_body .item .imgpanel{height: 208px;overflow: hidden;position: relative;}
|
|
.wjc_list .list_body .item .coverimg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-position:top center;background-repeat: no-repeat;background-size: cover;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
|
|
.wjc_list .list_body .item:hover .coverimg{transform: scale(1.1);}
|
|
.wjc_list .list_body .item .it_title{color: #000000;font-size: 20px;padding: 25px 35px;font-weight: bold;}
|
|
.wjc_list .list_body .item .it_desc{
|
|
color: #999999;font-size: 14px;padding:0 35px;margin-bottom:15px;line-height: 22px;
|
|
max-height: 140px;overflow-y: auto;
|
|
}
|
|
.wjc_list .list_body .item .it_desc p{
|
|
margin-top: 15px;
|
|
}
|
|
.wjc_list .list_body .item .it_desc p:first-child{margin-top: 0;}
|
|
|
|
.hxfw_list{padding: 60px 0;}
|
|
.hxfw_list .title{padding: 10px 0 70px 80px;font-size: 32px;color: #FFFFFF;}
|
|
.hxfw_list .icon_list{text-align: right;padding-right: 10px;}
|
|
.hxfw_list .icon_list .item{display: inline-block;margin-left: 50px;text-align: center;font-size: 18px;color: #FFFFFF;}
|
|
.hxfw_list .icon_list .item .b_icon{display: inline-block;width: 116px;height: 116px;line-height: 116px;border-radius: 50%;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
|
|
.hxfw_list .icon_list .item:hover .b_icon{transform:scale(1.1);}
|
|
.hxfw_list .icon_list .item .b_icon .iconfont_tm{font-size: 64px;}
|
|
.hxfw_list .icon_list .item p{margin-top: 15px;}
|
|
|
|
.right_fixd{position: fixed;bottom: 20px;right: 10px;width: 84px;z-index: 999;}
|
|
.right_fixd .r_menu{background-color: #FFFFFF;font-size: 12px;color: #666666;box-shadow: 0 3px 10px rgba(0,0,0,.35);}
|
|
.right_fixd .item{display: inline-block;width: 100%;height: 74px;text-align: center;position: relative;text-decoration: none;overflow: hidden;border-top: 1px solid #E6E6E6;cursor: pointer;float: left;}
|
|
.right_fixd .r_menu .item .iconfont_tm{font-size: 22px;position: absolute;top: 12px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
|
|
.right_fixd .r_menu .item.totop .iconfont_tm{font-size: 12px;}
|
|
.right_fixd .r_menu .item .desc{position: absolute;bottom: 12px;left: 50%;width: 100%;line-height: 15px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
|
|
.right_fixd .item:hover,
|
|
.right_fixd .item.active{background-color:#BF3628;color: #FFFFFF;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s; -o-transition: all .3s;}
|
|
.right_fixd .r_menu .item:first-child{border-top: 0;}
|
|
.right_fixd .r_menu:last-child{margin-top: 12px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.artpart{position: relative; background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
|
|
.artpart_1{ padding:110px 0px 120px 0px;background-image: url("../img/artbg1.jpg");}
|
|
.artpart .artpartleft{ width: 494px; position: absolute; left: 0px; top: 0px;}
|
|
.artpartleft .artTit{padding: 14px 0px 0px 43px;}
|
|
.artpartleft .btnbox{ padding: 91px 0px 0px 88px;}
|
|
.artpartleft .btnbox a{display: block; width: 220px; height: 54px; color: #fff; background: -moz-linear-gradient( top,#fe4825,#f6313c); background: -webkit-linear-gradient( top,#fe4825,#f6313c); text-align: center; line-height: 54px; border-radius: 25px; font-size: 18px;}
|
|
.artpartright{padding-left: 494px;}
|
|
.artpartright .conbox{width: 523px; height: 372px; padding: 13px 35px 0px 18px; background: #fff;}
|
|
.artpartright .conbox .txt{ padding: 11px 31px 0px 18px; line-height: 24px; color: #666;}
|
|
.artpartright .productbox{ display: flex; justify-content: space-between; padding-top: 21px;}
|
|
.artpartright .product{ text-align: center; width: 146px;}
|
|
.artpartright .product p:first-child{font-size: 14px; color: #343333; line-height: 18px; padding: 12px 0px 6px 0px;}
|
|
.artpartright .product p:nth-child(2){font-size: 12px; color: #666666;}
|
|
.tipbox{width: 203px; height: 370px; background: -moz-linear-gradient( top,#fe4726,#f6303d); background: -webkit-linear-gradient( top,#fe4726,#f6303d); position: absolute; top: 12px; right: 0px;}
|
|
.artcodebox{ padding:36px 0px 28px 0px; text-align: center; color: #fff; font-size: 14px; line-height: 44px;}
|
|
.p_contact{color: #fff; font-size: 15px; letter-spacing: 1px; padding-left: 24px; padding-bottom: 16px; text-transform: lowercase;}
|
|
.p_contact:first-child{line-height: 42px; position: relative;}
|
|
.p_contact .iconfont_tm{ color: #313745; font-size: 22px; padding-right: 5px;}
|
|
.p_contact .iconemail{font-size: 16px;}
|
|
.p_contact .p_c_border{ width: 42px; height: 44px; border: 1px solid #fff; border-right: 0px; position: absolute; top: 0px; left: 11px;}
|
|
.p_contact .p_c_border:before{content: ""; height: 6px; width: 1px; background: #fff; position: absolute; right: 0px; top: 0px;}
|
|
.p_contact .p_c_border:after{content: ""; height: 6px; width: 1px; background: #fff; position: absolute; right: 0px; bottom: 0px;}
|
|
|
|
.artpart_2{ padding:110px 0px 109px 0px; background-image: url("../img/artbg2.jpg");}
|
|
.artpart_2 .artpartright .conbox{ width: 524px; height: 382px; overflow: hidden; margin: 0px 0px 0px 182px; background: none; padding: 0px;}
|
|
.artpart_2 .artpartright .conbox .txt{padding: 11px 0px 0px 20px;}
|
|
.artpart_2 .tipbox{ background-image: url("../img/arttipsbg.jpg"); left: 494px; top: 12px;}
|
|
.tip2tit{font-size: 14px; color: #fff; text-align: center; height: 54px; line-height: 54px; position: relative; margin-top: 15px;}
|
|
.tip2tit:before{content: ""; position: absolute; height:1px; width: 51px; background: #fff; top: 27px; left: 10px;}
|
|
.tip2tit:after{content: ""; position: absolute; height:1px; width: 51px; background: #fff; top: 27px; right: 10px;}
|
|
.contactlist p{font-size: 14px; color: #fff; line-height: 41px;text-transform: lowercase;}
|
|
.artpart_2 .icontel{ font-size: 20px; color: #9bd9f3; padding: 0px 11px 0px 15px;}
|
|
.artpart_2 .iconemail{ width: 24px; color: #9bd9f3; padding: 0px 8px 0px 15px;}
|
|
.artpart_2 .texbox{ background: #fff; padding: 10px 30px 16px 25px;}
|
|
.proexample{ margin-top: 10px; display: flex; padding: 0px 0px 0px 20px; justify-content: stretch;}
|
|
.proexample .exleft{ margin-right: 4px; width: 298px;}
|
|
.exleft .timebox{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; padding-left: 87px; position: relative; background: #fff;}
|
|
.timebox .timetip{ width: 87px; height: 40px; text-align: center; color: #fff; position: absolute; left: 0px; top: 0px; background: #bf242a; display: flex; justify-content: center;}
|
|
.timebox p{ color: #666; text-align: center;}
|
|
.artpart_2 .iconclock{ font-size: 24px; padding-right: 5px;}
|
|
.exright{ background: #fff; flex-grow:1; padding: 7px 0px 0px 13px;}
|
|
.exright .pointlist{ line-height: 43px;}
|
|
.pointlist .listTop{font-size: 16px; color: #323846; vertical-align: middle; font-weight: bold;}
|
|
.pointlist .listcon{ font-size: 12px; color: #000; position: relative; padding-left: 22px; vertical-align: middle; width: 142px; overflow: hidden;}
|
|
.listcon:before{content: ""; position: absolute; top: -2px; left: 11px; width: 3px; height: 16px; background: #e10022;}
|
|
.artpart_3{background-image: url("../img/artbg3.jpg"); padding: 110px 0px 121px 0px;}
|
|
.artpart_3 .artpartright .conbox{padding: 26px 35px 0px 18px; height: 370px;}
|
|
.artpart_3 .tipbox{top: 0px; right: 0px; background-image: url("../img/arttipsbg1.jpg")}
|
|
.artpart_3 .artcodebox{ padding-top: 84px; font-size: 16px; line-height: 25px;}
|
|
.artpart_3 .artcodebox p{ padding-top: 15px;}
|
|
.contact3{padding: 34px 0px 0px 40px; position: relative;}
|
|
.contact3 .contact3border{ width: 67px; height: 153px; border:2px solid #d6ddec; position: absolute; top: 19px; left:17px; border-right: none;}
|
|
.contact3 .contact3border:before{content: ""; width: 2px; height: 16px; background: #d6ddec; position: absolute; top: 0px; right: 0px;}
|
|
.contact3 .contact3border:after{content: ""; width: 2px; height: 16px; background: #d6ddec; position: absolute; bottom: 0px; right: 0px;}
|
|
.contact3 p{font-size: 18px; color: #323846; line-height: 38px; letter-spacing: 1px; text-transform: lowercase;}
|
|
.contact3 .icontel{ font-size: 22px; color: #323846; padding-right: 12px;}
|
|
.contact3 .iconqq{ font-size: 23px; color: #323846; padding-right: 12px;}
|
|
.contact3 .iconemail{ font-size: 16px; color: #323846; padding-right: 12px;}
|
|
.artpart_4{background-image: url("../img/artbg4.jpg"); padding: 110px 0px 120px 0px;}
|
|
.artpart_4 .artpartright{display: flex; justify-content: space-between; flex-wrap: wrap; height: 373px; align-content:space-between;}
|
|
.artpart_4 .tips_box{ width: 350px; height: 181px;}
|
|
.artpartright .tips1{ background-image: url("../img/art_part4_tipbg.jpg"); background-repeat: no-repeat;}
|
|
.tips1 .txt{ vertical-align: middle; display: inline-block; padding: 40px 21px; line-height: 25px; color: #fff;}
|
|
.artpartright .tips2{background: #fff; display: flex;}
|
|
.tips2 .part4_contact{ position:relative; border: 2px solid #d6ddec; margin: 20px 0px 0px 21px; width: 161px; height: 125px; padding-top: 26px; text-align: center;}
|
|
.part4_contact h1{font-size: 20px; color: #000; width: 131px;height: 30px; position: absolute; left: 15px;
|
|
top: -15px; background: #fff; text-align: center; line-height: 30px; padding-bottom: 26px;}
|
|
.tips2 p{font-size: 18px; color: #323846; line-height: 30px;}
|
|
.tips2 .part4_contact .telspecial{color: #6d6c6c;}
|
|
.tips2 .part5_contact .telspecial{line-height: 35px; padding-top: 5px;}
|
|
.artpartright .tips3{background: #fff;}
|
|
.artpartright .tips4{background: #fff;}
|
|
.part4code{padding: 14px 0px 0px 11px;}
|
|
.part4code p{ text-align: center; font-size: 14px; color: #848484; line-height: 32px;}
|
|
.tips3{display: flex;}
|
|
.tips3 .igbox{ width: 181px; height: 181px; overflow: hidden;}
|
|
.tips3 .prointro{ flex-grow:1; width: 169px;}
|
|
.prointro .introtit{ text-align: center; font-size: 14px; color: #333; line-height: 78px;}
|
|
.prointro .prodetails{display: flex; flex-wrap: wrap; overflow: hidden;}
|
|
.prodetails p{width: 50%; text-align: center; height: 51px; line-height: 51px; border-left: 1px solid #ccc; margin-left: -1px; border-top: 1px solid #ccc; color: #888888;}
|
|
.prodetails p .iconfont_tm{padding-right: 6px; font-size: 18px;}
|
|
.artpart_5{background-image: url("../img/artbg5.jpg"); padding: 110px 0px 121px 0px;}
|
|
.artpart_5 .artpartright{display: flex;}
|
|
.artpart5left{ width: 350px}
|
|
.artpart5right{ width: 350px;}
|
|
.artpart_5 .tips1 .txt{padding: 15px 21px;}
|
|
.artpart_5 .tipsPro{position: relative; margin-top: 8px;}
|
|
.artpart_5 .tipsPro p{ width: 84px; line-height: 27px; display: inline-block; text-align: center; background: #fb0303; font-size: 14px; color: #fff; position: absolute; top: 0px; left: 0px;}
|
|
.artpart_5 p .iconclock{ font-size: 16px; padding-right: 6px;}
|
|
.part5_contact{ text-align: center; width: 50%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 181px;}
|
|
.artpart5right h1{font-size: 20px; color: #000; line-height: 30px; padding-top: 28px;}
|
|
.part5_code{ background: #fff; display: flex;}
|
|
.part5_code .percontact{width: 199px; padding-left: 16px;}
|
|
.percontact .telbox{padding-left: 36px; position: relative; padding-top: 7px;}
|
|
.telbox .iconfont_tm{position: absolute; left: 0px; top: 50%; font-size: 20px; margin-top: -10px; color: #323846;}
|
|
.telbox .iconemail{font-size: 16px; margin-top: -5px;}
|
|
.telbox p{ font-size: 16px; color: #323846; line-height: 26px; text-transform: lowercase;}
|
|
.art_part5code{padding: 19px 0px 0px 0px;}
|
|
.art_part5code p{ font-size: 14px; color: #848484; line-height: 37px; text-align: center;}
|
|
.artpart_4 .part5_code .percontact{margin: 0 auto;}
|
|
.artpart_4 .artpart5right h1{ text-align: center;}
|
|
.art4codebox{ padding:0px; text-align: center; color: #fff; font-size: 14px; line-height: 44px; margin-top: -5px;}
|
|
/*荣誉墙*/
|
|
.jc_title{
|
|
padding-top: 45px;
|
|
padding-bottom: 45px;
|
|
}
|
|
.jc_title .title_img{
|
|
padding-bottom: 40px;
|
|
text-align: center;
|
|
}
|
|
.swiper_box .swiper-button-prev{ background-image: url("../img/arrowbg.png"); width: 28px!important; height: 41px!important;; line-height: 40px; text-align: center; left: 5px;}
|
|
.swiper_box .swiper-button-next{ background-image: url("../img/arrowbg.png"); width: 28px!important;; height: 41px!important;; line-height: 40px; text-align: center; right: 5px;}
|
|
.swiper_box .swiper-slide{padding: 7px;}
|
|
.swiper_box .swiper-slide a{padding: 17px; display: block; background: #fff; box-shadow: 0px 0px 7px #d2d3d3;}
|
|
.divhidden{
|
|
overflow: hidden;
|
|
}
|
|
.centerleftright{
|
|
display: -webkit-box !important;
|
|
display: box !important;
|
|
position:relative;
|
|
-webkit-box-align:center;
|
|
box-align:center;
|
|
-webkit-box-pack:center;
|
|
box-pack:center;
|
|
}
|
|
|