* {
padding: 0;
margin: 0;
}
html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
input,
footer {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
list-style: none;
font-style: normal;
}
li {
list-style: none;
}
body {
font-family: font1;
}
input {
border: none;
outline: none;
}
img,
p,
span {
border: none;
}
body {
position: relative;
overflow-x: hidden;
}
.clear {
clear: both
}
.clearfloat:after {
display: block;
content: "";
clear: both;
visibility: hidden;
height: 0;
}
.clearfloat {
zoom: 1;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.w {
max-width: 1200px;
margin: 0 auto;
}
.l {
float: left;
}
.r {
float: right;
}
/*头部*/
header {
width: 100%;
z-index: 10;
position: fixed;
top: 0;
right: 0;
left: 0;
background: rgba(255, 255, 255, 1);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.fixednav {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 999;
border-bottom: 1px solid #ddd;
background: rgba(255, 255, 255, 1);
color: #000;
}
.fixednav .telephone {
background: url(../images/a_07.png) no-repeat center left;
color: #333;
padding-bottom: 0;
}
.fixednav .nav {
padding: 2px 0;
}
.fixednav .language a {
padding: 0px 10px;
}
.fixednav a.logo {
width: 11%;
}
.header_mid {
position: relative;
}
#cssmenu>ul>div.chan_lang {
float: right;
}
div.chan_lang>a {
display: inline-block;
text-transform: none;
line-height: 50px;
color: #333;
}
div.chan_lang>a.on {
color: #e60012 !important;
}
a.logo {
display: block;
width: 16%;
padding: 9px 0 0 0;
}
a.logo img {
width: 100%;
}
.nav {
width: 70%;
padding: 20px 0;
}
#cssmenu {
width: 100%;
}
.telephone {
font-size: 22px;
color: #fff;
background: url(../images/a_06.png) no-repeat center left;
padding: 6px 0 6px 40px;
line-height: 50px;
margin-left: 1%;
}
.ph_l {
display: none;
}
.slider_banner .ph {
display: none;
}
.slider_banner img {
width: 100%;
display: block;
}
.title h1 {
font-size: 38px;
position: relative;
padding-bottom: 5px;
}
.title1 p {
font-size: 16px;
color: #666;
letter-spacing: 4px;
padding: 0 0 25px 0;
background: url(../images/a_14.png) no-repeat bottom left;
}
.title1 {
color: #333;
padding-top: 40px;
}
.title2 h1 {
text-align: center;
}
.title2 {
margin-bottom: 30px;
}
.title2 p {
font-size: 16px;
color: #666;
letter-spacing: 4px;
padding: 0 0 25px 0;
background: url(../images/a_14.png) no-repeat bottom center;
text-align: center;
}
.title3 p {
font-size: 16px;
color: #666;
letter-spacing: 4px;
padding: 0 0 25px 0;
background: url(../images/a_14.png) no-repeat bottom left;
}
.title3 {
color: #333;
}
a.more {
background: #064474;
}
.index1 {
padding: 60px 0;
}
.index1_left {
width: 40%;
}
.index1_right {
width: 54%;
}
.index1_right img {
width: 100%;
}
.index1_left p.p {
font-size: 14px;
color: #666;
line-height: 26px;
padding: 50px 0;
text-indent: 2em;
}
a.more {
display: block;
width: 160px;
height: 40px;
line-height: 40px;
text-align: center;
background: url(../images/a_18.png) no-repeat center right #e60012;
color: #fff;
background-position: 90%;
border-radius: 4px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
a.more:hover {
background-position: 95%;
box-shadow: 0 5px 15px rgba(230, 0, 18, 0.5);
}
.more1 {
margin-top: 16px;
}
.index2 {
margin: 0 auto;
padding: 30px 0;
background: #f6f6f6;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ul.index2 li {
width: 33.333%;
position: relative;
}
ul.index2 li img {
display: block;
margin: 0 auto;
}
ul.index2 li p {
display: block;
text-align: center;
padding-top: 15px;
}
ul.index2 li:after {
content: "";
position: absolute;
height: 100px;
width: 1px;
background: #DDDDDD;
right: 0;
top: 50%;
margin-top: -50px;
}
ul.index2 li:nth-of-type(3):after {
display: none;
}
.index3 {
background: url(../images/a_bg_26.jpg) no-repeat center;
width: 100%;
padding: 70px 0;
background-size: 100% 100%;
}
.index3_margin {
margin: 70px 0;
}
.gallery-top {
background: #fff;
}
.product_block {
width: 82%;
margin: 0 auto;
padding: 50px 0;
position: relative;
}
.swiper-button-left {
background: url(../images/a_36.png) no-repeat center;
width: 48px !important;
height: 48px !important;
outline: none;
}
.swiper-button-right {
background: url(../images/a_39.png) no-repeat center;
width: 48px !important;
height: 48px !important;
outline: none;
}
.index3 .swiper-button-prev,
.index3 .swiper-button-next {
color: rgba(0, 0, 0, 0) !important;
}
.gallery-thumbs {
margin-top: 15px;
}
.pro_box {
background: #fff;
width: 100%;
}
.swi_tab .pro_tit {
background: #fff;
width: 100%;
height: 110px;
position: relative;
color: #333;
cursor: pointer;
}
.swi_tab .pro_tit h1 {
font-size: 16px;
text-align: center;
width: 100%;
position: absolute;
transform: translateY(-50%);
top: 50%;
font-weight: normal;
}
.gallery-thumbs .swiper-slide-thumb-active {
background: #e60012;
color: #fff;
}
.pro_left {
width: 288px;
overflow: hidden;
}
.pro_left img {
width: 100%;
}
.pro_right {
max-width: calc(100% - 300px);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 65%;
}
.pro_right h1 {
font-size: 20px;
color: #333;
padding-bottom: 20px;
}
.pro_right p {
font-size: 16px;
line-height: 26px;
}
.this_altbox {
display: none;
position: fixed;
top: 200px;
left: 0;
right: 0;
bottom: 0;
width: 100%;
/* height:calc(100vh - 200px);*/
background: rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.visiblebox {}
.mid_mainbox {
width: 400px;
height: 300px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mid_mainbox .mid_close {
position: absolute;
right: 10px;
top: 5px;
font-size: 28px;
color: #333;
cursor: pointer;
}
.index4 {
max-width: 1680px;
margin: 0 auto;
position: relative;
}
.center {
width: 90%;
margin: 0 auto;
padding-top: 30px;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
outline: none;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: none !important;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
outline: none;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow {
width: 48px;
height: 48px;
background-size: 100%;
border: none;
outline: none;
border-radius: 100%;
position: absolute;
top: 39%;
z-index: 9;
opacity: 0.7;
border: 1px solid rgba(0, 0, 0, 0.15);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.slick-arrow:hover {
border: 1px solid #e60012;
box-shadow: 0 0 10px rgba(230, 0, 18, 0.5);
opacity: 1;
}
.slick-prev {
background: url(../images/a_48.png) no-repeat center;
color: rgba(0, 0, 0, 0);
left: -50px;
}
.slick-next {
background: url(../images/a_51.png) no-repeat center;
color: rgba(0, 0, 0, 0);
right: -50px;
}
.zhi {
width: 100%;
overflow: hidden;
}
.zhi img {
width: 100%;
display: block;
outline: none !important;
}
.zhi p {
font-size: 14px;
text-align: center;
padding-top: 10px;
}
.center .slick-center .zhi {
transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
color: #333;
opacity: 1;
}
.center .zhi {
padding: 20px;
opacity: 1;
transition: all 300ms ease;
}
.index5 {
background: #f6f6f6;
width: 100%;
margin-top: 50px;
}
.tab_menu .tab_t {
cursor: pointer;
}
.index5_mid {
padding: 50px 0;
}
.tab_box {
width: 100%;
}
.tab_menu {
padding-top: 40px;
}
.tab_menu .tab_t {
border: 1px solid #e60012;
border-radius: 4px;
float: left;
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
color: #E60012;
}
.tab_menu .tab_t:first-child {
margin-right: 20px;
}
.tab_menu .current {
background: #e60012;
transition: all 0.3s;
color: #fff;
}
ul.index_news {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
ul.index_news li a {
display: block;
}
ul.index_news li {
width: 31.6%;
margin-left: 2.6%;
margin-bottom: 30px;
}
ul.index_news li:first-child {
margin-left: 0;
}
ul.index_news li .index_news_img {
width: 100%;
overflow: hidden;
position: relative;
}
ul.index_news li .index_news_img .news_block {
width: 58PX;
height: 34PX;
font-size: 16px;
text-align: center;
line-height: 34px;
color: #fff;
background: #E60012;
position: absolute;
bottom: 0;
left: 0;
text-transform: uppercase;
}
ul.index_news li .index_news_img img {
width: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s
}
ul.index_news li:hover .index_news_img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
ul.index_news li .index_news_bot h1 {
font-size: 16px;
padding: 8px 0;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ul.index_news li .index_news_bot span {
font-size: 14px;
color: #999;
display: inline-block;
text-align: left;
padding-bottom: 10px;
}
ul.index_news li .index_news_bot p {
font-size: 14px;
color: #666;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
ul.index_news li .index_news_bot a {
color: #E60012;
font-size: 14px;
display: inline-block;
padding-top: 5px;
}
.more2 {
margin: 20px auto 0 auto;
}
.more3 {
margin-top: 30px;
}
footer {
background: #333333;
width: 100%;
}
.fot_mid {
padding: 60px 0 40px 0;
}
.fot_bot {
width: 100%;
padding: 8px 0;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);
text-align: center;
background: #151515;
}
.fot_logo {
width: 20%;
}
.fot_logo img {
width: 100%;
}
.fot_logo h1 {
font-size: 18px;
color: #c9c9c9;
padding: 20px 0 0 0;
text-align: center;
}
ul.fot_ul {
width: 40%;
margin-left: 12%;
position: relative;
}
ul.fot_ul:after {
content: "";
position: absolute;
width: 1px;
height: 120px;
background: rgba(255, 255, 255, 0.1);
right: 0;
top: 0;
}
ul.fot_ul li {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
padding: 6px 0 6px 30px;
}
ul.fot_ul li:first-child {
background: url(../images/a_70.png) no-repeat center left;
}
ul.fot_ul li:nth-of-type(2) {
background: url(../images/a_76.png) no-repeat center left;
}
ul.fot_ul li:nth-of-type(3) {
background: url(../images/a_79.png) no-repeat center left;
}
ul.fot_ul li:nth-of-type(4) {
background: url(../images/a_81.png) no-repeat center left;
}
.fot_right {
width: 120px;
}
.fot_right img {
width: 100%;
}
.fot_right p {
font-size: 14px;
padding: 5px 0;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
/*about*/
.index1_left p.p1 {
text-indent: 2em;
display: block;
line-height: 26px;
color: #666;
font-size: 14px;
}
.about1 {
padding-top: 50px;
}
ul.about2 {
padding: 70px 0;
}
ul.about2 li .about_t,
ul.about2 li .about_n {
width: 50%;
overflow: hidden;
}
ul.about2 li .about_n {
padding: 0 20px;
}
.about_n h1 {
font-size: 30px;
color: #333;
padding-top: 80px;
}
.about_n p {
font-size: 16px;
padding: 20px 0 0;
line-height: 26px;
color: #666;
text-indent: 2em;
}
ul.about2 li:first-child .about_n h1 {
padding-top: 100px;
}
.about3 {
background: url(../images/a_bg_26.jpg) no-repeat center;
width: 100%;
padding: 100px 0;
background-size: 100% 100%;
}
.about3 .swiper-button-prev,
.about3 .swiper-button-next {
color: rgba(0, 0, 0, 0) !important;
}
.news_nav {
text-align: center;
padding: 34px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news_nav a {
display: inline-block;
width: 180px;
height: 44px;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #333;
font-size: 16px;
text-align: center;
line-height: 44px;
border-radius: 4px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.news_nav a.on {
background: #e60012;
color: #fff;
border: 1px solid #E60012;
}
.news_nav a:hover {
background: #e60012;
color: #fff;
border: 1px solid #E60012;
}
ul.news_ul {
padding: 20px 0 50px 0;
}
ul.news_ul li {
padding: 30px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
ul.news_ul li a {
display: block;
}
ul.news_ul li:hover {
background: #fff;
border-bottom: 1px solid #fff;
box-shadow: 0 10px 15px rgba(00, 0, 0, 0.1);
}
.news_img {
width: 20%;
overflow: hidden;
}
.news_img img {
width: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
ul.news_ul li:hover .news_img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.news_r {
margin-left: 3%;
width: 77%;
}
.news_r .news_r_r {
width: calc(100% - 100px);
padding-right: 20px;
}
.news_r .news_r_r h1 {
font-size: 18px;
color: #333;
padding-top: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news_r .news_r_r span {
font-size: 14px;
color: #999;
display: inline-block;
padding: 12px 0;
}
.news_r .news_r_r p {
font-size: 14px;
line-height: 24px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_r a.news_a {
display: block;
float: right;
position: relative;
width: 100px;
}
.news_r a.news_a:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 1px;
background: rgba(0, 0, 0, 0.1);
margin-top: 20%;
}
.news_r a.news_a img {
display: block;
margin-top: 60%;
margin-left: 30%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
ul.news_ul li:hover .news_r a.news_a img {
margin-left: 50%;
}
.pages {
text-align: center;
padding-bottom: 50px;
}
.pages a,
.pages span {
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #666;
line-height: 30px;
border-radius: 4px;
}
.pages span {
border: 1px solid #E60012;
color: #fff;
background: #E60012;
height: 27px;
line-height: 27px;
}
.pages a:first-child,
.pages a:last-child {
width: 100px;
}
.news_box h1.h1 {
font-size: 20px;
text-align: center;
color: #333;
padding: 30px 0 20px 0;
}
.news_box span.span {
font-size: 14px;
display: inline-block;
text-align: center;
width: 100%;
color: #999;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.news_main {
padding-bottom: 50px;
}
.news_main img {
display: block;
margin: 0 auto;
padding: 30px 0;
max-width: 100%;
}
.news_main p {
text-indent: 2em;
font-size: 16px;
color: #666;
line-height: 26px;
}
.next-box {
border-top: 10px solid rgba(0, 0, 0, 0.05);
padding-bottom: 50px;
}
.next-box a {
display: block;
font-size: 16px;
padding: 20px 0;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
color: #666;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.next-box a:hover {
color: #E60012;
}
.subNavBox {
width: 80%;
margin: 80px auto;
}
.subNav {
cursor: pointer;
font-weight: bold;
background: url(../images/join_08.png) no-repeat;
background-position: 95% 50%;
border-top: 1px solid #D1D1D1;
padding: 30px 0;
}
.subNav h1 {
font-size: 26px;
color: #D71414;
font-weight: normal;
display: inline-block;
}
.navContent a.jl {
display: block;
font-size: 16px;
font-weight: normal;
color: #fff;
border: 1px solid #E60012;
width: 160px;
height: 40px;
line-height: 40px;
text-align: center;
background: #E60012;
margin: 30px 0 0 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.navContent a.jl:hover {
box-shadow: 0 8px 14px rgba(230, 0, 18, 0.4);
}
.subNav h6 {
font-size: 14px;
color: #999999;
font-weight: normal;
line-height: 40px;
}
.subNav p span {
display: inline-block;
padding-right: 30px;
color: #333;
font-size: 16px;
padding-bottom: 10px;
font-weight: normal;
}
.currentDt {
background-image: url(../images/join_04.png);
}
.navContent {
display: none;
padding-bottom: 30px;
}
.navContent p {
font-size: 14px;
line-height: 26px;
color: #333;
}
.join_input {
padding: 80px 0;
}
.join_input {
width: 80%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.join_input .inp {
border: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 10px;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
outline: none;
width: 31%;
margin-left: 2%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.join_input select {
display: inline-block;
}
.tex {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.tex textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 10px;
margin-bottom: 20px;
min-height: 110px;
outline: none;
width: 46.4%;
margin-left: 2%;
line-height: 40px;
font-family: "arial, helvetica, sans-serif";
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.join_input input.button {
background: #E60012;
color: #fff;
border: 1px solid #E60012;
height: 40px;
line-height: 40px;
width: 180px;
margin-left: 2%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.join_input .inp:hover {
box-shadow: 2px 6px 14px rgba(230, 0, 18, 0.25);
border: 1px solid #fff;
}
.tex textarea:hover {
box-shadow: 2px 6px 14px rgba(230, 0, 18, 0.25);
border: 1px solid #fff;
}
.join_input input.button:hover {
box-shadow: 0 8px 14px rgba(230, 0, 18, 0.4);
}
.contact {
padding: 80px 0;
}
.contact_l {
width: 46%;
}
.contact_r {
width: 50%;
}
ul.contact_ul li {
padding-bottom: 36px;
}
ul.contact_ul li p {
line-height: 58px;
font-size: 18px;
color: #333;
padding-left: 3%;
}
ul.contact_ul li p span {
color: #999;
}
h1.con_h1 {
font-weight: normal;
font-size: 28px;
color: #333;
padding-bottom: 30px;
}
.contact_r input {
width: 100%;
height: 46px;
line-height: 46px;
padding-left: 10px;
border: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.contact_r textarea {
width: 98%;
height: 120px;
line-height: 46px;
padding-left: 10px;
border: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
font-family: "arial, helvetica, sans-serif";
outline: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.contact_r input.button {
width: 260px;
padding: 0;
margin: 0;
border: 1px solid rgba(0, 0, 0, 0);
background: #E60012;
color: #fff;
font-size: 16px;
}
.contact_r input:hover {
box-shadow: 0 8px 15px rgba(230, 0, 18, 0.2);
border: 1px solid rgba(0, 0, 0, 0);
}
.contact_r textarea:hover {
box-shadow: 0 8px 15px rgba(230, 0, 18, 0.2);
border: 1px solid rgba(0, 0, 0, 0);
}
#allmap {
height: 500px;
width: 100%;
overflow: hidden;
}
/*产品详情*/
.pr_box {
min-height: 500px;
padding: 50px 20px;
}
.pr_right h1.h1 {
font-size: 20px;
text-align: left;
color: #333;
padding: 30px 0 20px 0;
}
.pr_box span.span {
font-size: 14px;
display: inline-block;
text-align: center;
width: 100%;
color: #999;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.pr_img {
padding: 20px;
width: 40%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: 2%;
}
img.pr {
max-width: 100%;
display: block;
}
.pr_right {
width: 50%;
margin: 50px 0 20px 0;
}
.pr_xq span {
font-size: 16px;
font-weight: bold;
/*color: #e60012;*/
padding-bottom: 10px;
display: inline-block;
}
.pr_xq p {
font-size: 16px;
line-height: 26px;
padding-bottom: 20px;
}