@charset "UTF-8";
* {
margin: 0;
padding: 0;
line-height: 100%;
}
*{}
body {
font-family:"",MyFontName, "Helvetica Neue", Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif!important;
color: #000;
}

img {
width: 100%;
height: auto;
}
a {
text-decoration: none;
color: #333;
}
a:link {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #333;
}
a:active {
text-decoration: none;
}
ul,
dl,
p,
address {
margin-bottom: 0;
}
ul li {
list-style-type: none;
}
input:focus,
button:focus,
textarea:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
@media (min-width: 768px) {
html {
font-size: 43.75%;
}
.cell-sm {
display: table-cell !important;
}
.inline-sm {
display: inline !important;
}
}
@media (min-width: 992px) {
html {
font-size: 50%;
}
.cell-md {
display: table-cell !important;
}
.inline-md {
display: inline !important;
}
}
@media (min-width: 1200px) {
html {
font-size: 62.5%;
}
.cell-lg {
display: table-cell !important;
}
.inline-lg {
display: inline !important;
}
}
.fr {
float: right;
}
.fl {
float: left;
}
.fn {
float: none;
}
.clear {
clear: both;
}
.header {
position: relative;
}
.header .navbar {
margin-bottom: 0;
border-bottom: 0;
}
.header .navbar .top_box {
background-color: #263684;
}
.header .navbar .top_box .top_left {
float: left;
font-size: 1.4rem;
color: #fff;
height: 44px;
line-height: 44px;
}
.header .navbar .top_box .top_right {
float: right;
  display:none;
}
.header .navbar .top_box .top_right ul li {
position: relative;
}
.header .navbar .top_box .top_right ul li a {
font-size: 1.4rem;
color: #e9edff;
height: 44px;
line-height: 44px;
padding-right: 10px;
}
.header .navbar .top_box .top_right ul li a.now {
position: relative;
}
.header .navbar .top_box .top_right ul li a.now::after {
content: '';
position: absolute;
right: 0;
width: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 5px solid #fff;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.header .navbar .top_box .top_right ul li ul {
width: 130px;
position: absolute;
left: 50%;
margin-left: -65px;
top: 100%;
display: none;
z-index: 9999;
padding: 5px 0;
background: #E6E8EA;
background: rgba(230, 232, 234, 0.8);
}
.header .navbar .top_box .top_right ul li ul li {
padding: 0;
float: none;
}
.header .navbar .top_box .top_right ul li ul li a {
display: block;
padding: 5px 10px;
color: #666;
line-height: 28px;
font-size: 12px;
}
.header .navbar .top_box .top_right ul li ul li a img {
margin-right: 10px;
width: auto;
vertical-align: middle;
max-width: 100%;
}
.header .navbar .top_box .top_right ul li ul li a span {
display: inline-block;
font-size: 15px;
vertical-align: middle;
}
.header .navbar .top_box .top_right ul li ul li:hover a {
background: rgba(255, 255, 255, 0.9);
}
.header .navbar .nav_box {
background-color: #fff;
padding-top: 22px;
padding-bottom: 27px;
}
.header .navbar .nav_box .navbar-header {
float: left;
max-width: 166px;
}
.header .navbar .nav_box .navbar-r {float: right;font-size: 1.4rem;color: #505050;line-height: 68px;}
.header .navbar .nav_box .navbar-r span{line-height:68px;}
.header .navbar .nav_box .navbar-r b {
display: inline-block;
vertical-align: middle;
font-size: 2.4rem;
color: #d80e3e;
}
.header .navbar .nav_box .nav-main {text-align: right;}
.header .navbar .nav_box .nav-main .mainnav ul {
display: block;
white-space: nowrap;
}
.header .navbar .nav_box .nav-main .mainnav ul li {padding-left: 2%;padding-right: 2%;}
.header .navbar .nav_box .nav-main .mainnav ul li .one-title {
position: relative;
padding-right: 15px;
}
.header .navbar .nav_box .nav-main .mainnav ul li .one-title a {
font-size: 1.6rem;
color: #363636;
font-weight: bold;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav {
position: absolute;
top: 65px;
background-color: #fff;
-webkit-box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.23);
box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.23);
border-top: 3px solid #263684;
padding: 24px 32px 35px 32px;
text-align: left;
min-width: 250px;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav a {
position: relative;
padding: 0;
line-height: 3.6rem;
border-bottom: 1px solid #ddd;
padding-left: 12px;
padding-right: 15px;
white-space: nowrap;
font-size: 1.4rem;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav a::before {
content: '';
position: absolute;
left: 2px;
top: 50%;
width: 0px;
height: 4px;
background-color: #263684;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav a:hover {
color: #004994;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav a:hover::before {
width: 4px;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav a:last-child {
border-bottom: 0;
}
.main .m1 {
background-color: #f2f2f2;
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
}
.main .m1 dl {
float: left;
}
.main .m1 dl dt,
.main .m1 dl dd {
float: left;
font-size: 1.6rem;
color: #7f7f7f;
margin-right: 10px;
height: 48px;
line-height: 48px;
}
.main .m1 dl dt {
color: #494949;
}
.main .m1 form {
float: right;
width: 447px;
height: 48px;
font-size: 0;
max-width: 100%;
}
.main .m1 form input {
display: inline-block;
vertical-align: middle;
width: calc(100% - 92px);
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
font-size: 1.6rem;
padding-left: 24px;
background-color: #fff;
border-left: 2px solid #dfdfdf;
border-top: 2px solid #dfdfdf;
border-bottom: 2px solid #dfdfdf;
height: 48px;
line-height: 48px;
}
.main .m1 form button {
display: inline-block;
vertical-align: middle;
width: 92px;
height: 48px;
line-height: 48px;
background-color: #263684;
color: #fff;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
font-size: 2.4rem;
font-weight: normal;
}
.main .m2 {
padding-top: 4%;
padding-bottom: 2%;
}
.main .m2 .m_t {
margin-bottom: 1.5%;
}
.main .m2 .m_t h1 {
position: relative;
text-align: center;
padding-bottom: 30px;
}
.main .m2 .m_t h1::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 164px;
height: 4px;
background-color: #d80e3e;
}
.main .m2 .m_c .product_list {
margin-left: -1%;
margin-right: -1%;
padding-top: 30px;
padding-bottom: 30px;
overflow: hidden;
}
.main .m2 .m_c .product_list li {
padding-left: 1%;
padding-right: 1%;
}
.main .m2 .m_c .product_list li .list_box {
background-color: #fff;
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
padding: 8%;
font-size: 0;
}
.main .m2 .m_c .product_list li .list_box .pic {
display: inline-block;
vertical-align: middle;
width: 25%;
}
.main .m2 .m_c .product_list li .list_box .txt {
display: inline-block;
vertical-align: middle;
width: 75%;
padding-left: 10%;
}
.main .m2 .m_c .product_list li .list_box .txt h1 {
position: relative;
font-size: 2.4rem;
font-weight: bold;
color: #333e46;
padding-bottom: 15px;
margin-bottom: 15px;
}
.main .m2 .m_c .product_list li .list_box .txt h1::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background-color: #d80e3e;
}
.main .m2 .m_c .product_list li .list_box .txt p {
font-size: 1.4rem;
color: #666666;
line-height: 23px;
height: 46px;
overflow: hidden;
}
.main .m2 .m_c .product_list li .list_box .txt a {
font-size: 1.6rem;
color: #6a6a6a;
font-weight: bold;
text-transform: uppercase;
}
.main .m2 .m_c .product_list li:hover .list_box .txt a {
color: #263684;
}
.main .m2 .m_c .service_list {
margin-left: -7.5px;
margin-right: -7.5px;
overflow: hidden;
}
.main .m2 .m_c .service_list li {
padding-left: 7.5px;
padding-right: 7.5px;
}
.main .m2 .m_c .service_list li .list_box {
display: block;
position: relative;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
}
.main .m2 .m_c .service_list li .list_box .txt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(38, 54, 132, 0.8);
padding: 5% 8%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.main .m2 .m_c .service_list li .list_box .txt h1 {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 2.4rem;
width: calc(100% - 32px);
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.main .m2 .m_c .service_list li .list_box .txt span {
width: 32px;
height: 32px;
line-height: 32px;
color: #fff;
border: 1px solid #fff;
font-size: 1.8rem;
float: right;
text-align: center;
}
.main .m2 .m_c .service_list li:hover .list_box .txt {
opacity: 0;
}
.main .m3 {
background-color: #eeeeee;
padding-top: 4%;
padding-bottom: 2%;
}
.main .m3 .m_t {
text-align: left;
margin-bottom: 3%;
}
.main .m3 .m_t h1 {
display: inline-block;
vertical-align: middle;
}
.main .m3 .m_t h2 {
display: inline-block;
vertical-align: bottom;
font-size: 1.6rem;
color: #454545;
padding-bottom: 15px;
margin-left: 4%;
}
.main .m3 .m_c .t_btn_items {
overflow: hidden;
width: 100%;
margin-bottom: 30px;
}
.main .m3 .m_c .t_btn_items li {
width: 20%;
float: left;
border-left: 1px solid #fff;
border-right: 1px solid #495697;
background-color: #263684;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
}
.main .m3 .m_c .t_btn_items li b {
display: inline-block;
font-size: 2.4rem;
color: #fff;
height: 65px;
line-height: 65px;
padding-left: 80px;
background-repeat: no-repeat;
background-position: left center;
}
.main .m3 .m_c .t_btn_items li.active {
background-color: #d80e3e;
}
.main .m3 .m_c .t_btn_items li:nth-child(1) b {
background-image: url(../images/resistor.png);
}
.main .m3 .m_c .t_btn_items li:nth-child(2) b {
background-image: url(../images/power.png);
}
.main .m3 .m_c .t_btn_items li:nth-child(3) b {
background-image: url(../images/army.png);
}
.main .m3 .m_c .t_btn_items li:nth-child(4) b {
background-image: url(../images/nuclear-power.png);
}
.main .m3 .m_c .t_btn_items li:nth-child(5) b {
background-image: url(../images/subway.png);
}
.main .m3 .m_c .t_btn_item li {
display: none;
font-size: 0;
overflow: hidden;
}
.main .m3 .m_c .t_btn_item li .txt {
background: url(../images/bg.png) no-repeat center top;
padding-bottom: 9999px;
margin-bottom: -9999px;
}
.main .m3 .m_c .t_btn_item li .txt p {
display: inline-block;
vertical-align: middle;
float: none;
font-size: 2.2rem;
line-height: 170%;
font-weight: bold;
margin-top: 6.5%;
}
.main .m3 .m_c .t_btn_item li .txt span {display: block;font-size: 1.5rem;color: #444;margin-top: 6.5%;line-height:  24px;}
.main .m3 .m_c .t_btn_item li .txt a {
display: block;
width: 148px;
height: 45px;
line-height: 45px;
background-color: #d80e3e;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin-top: 12%;
border: 1px solid #d80e3e;
}
.main .m3 .m_c .t_btn_item li .txt a:hover {
background-color: transparent;
color: #d80e3e;
}
.main .m3 .m_c .t_btn_item li .pic {
display: inline-block;
vertical-align: middle;
float: none;
}
.main .m3 .m_c .t_btn_item li.on {
display: block;
}
.main .m4 {padding-top: 160px;padding-bottom: 240px;background: url(../images/index---0318--2_144.jpg) no-repeat center center;/* background-size: auto 100%; */}
.main .m4 .container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main .m4 .container:before{display:none;}
.main .m4 ul {overflow: hidden;}
.main .m4 ul li{/* text-align: center; */width: 100%;margin: 0 auto;float: inherit;}
.main .m4 ul li:last-child{margin-bottom:0}
.main .m4 ul li h1{font-size: 4rem;color: #fff;/* font-weight: bold; */margin-bottom: 15px;}
.main .m4 ul li p {font-size: 28px;color: #000;line-height: 66px;}
.main .m5 {
padding-top: 4%;
padding-bottom: 4%;
background: url(../images/index---0318--2_136.jpg) no-repeat center center;
background-size: 100% auto;
}
.main .m5 .m_c1 {
font-size: 0;
overflow: hidden;
}
.main .m5 .m_c1 .txt,
.main .m5 .m_c1 .pic {
display: inline-block;
vertical-align: middle;
float: none;
}
.main .m5 .m_c1 .txt h1,
.main .m5 .m_c1 .pic h1 {
font-size: 4.8rem;
color: #263684;
margin-bottom: 6%;
}
.main .m5 .m_c1 .txt p,
.main .m5 .m_c1 .pic p {
font-size: 1.8rem;
color: #333e46;
line-height: 170%;
max-width: 570px;
margin-bottom: 3%;
}
.main .m5 .m_c1 .txt ul,
.main .m5 .m_c1 .pic ul {
overflow: hidden;
max-width: 405px;
margin-bottom: 5%;
}
.main .m5 .m_c1 .txt ul li,
.main .m5 .m_c1 .pic ul li {
padding-top: 18px;
padding-bottom: 18px;
margin-bottom: 5px;
border-bottom: 1px dashed #707070;
}
.main .m5 .m_c1 .txt ul li a,
.main .m5 .m_c1 .pic ul li a {position: relative;display: block;font-size: 1.4rem;color: #333e46;padding-right: 40px;}
.main .m5 .m_c1 .txt ul li a::after,
.main .m5 .m_c1 .pic ul li a::after {
content: '';
position: absolute;
right: 15px;
top: 50%;
border-left: 5px solid #6b6b6b;
border-top: 4.5px solid transparent;
border-bottom: 4.5px solid transparent;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.main .m5 .m_c1 .txt .link-box a,
.main .m5 .m_c1 .pic .link-box a {
display: inline-block;
vertical-align: middle;
width: 148px;
height: 45px;
line-height: 45px;
font-size: 1.8rem;
font-weight: bold;
border-width: 2px;
border-style: solid;
text-align: center;
margin-right: 3%;
}
.main .m5 .m_c1 .txt .link-box a:hover,
.main .m5 .m_c1 .pic .link-box a:hover {
opacity: 0.6;
}
.main .m5 .m_c1 .txt .link-box a.more,
.main .m5 .m_c1 .pic .link-box a.more {
background-color: #d80e3e;
color: #fff;
border-color: #d80e3e;
}
.main .m5 .m_c1 .txt .link-box a.zx_online,
.main .m5 .m_c1 .pic .link-box a.zx_online {
background-color: transparent;
color: #263684;
border-color: #263684;
}
.main .m5 .m_c2 {
text-align: right;
}
.main .m5 .m_c2 span {
font-size: 2.4rem;
color: #333e46;
}
.main .m5 .m_c2 span b {
font-size: 4.8rem;
color: #d80e3e;
vertical-align: middle;
}
.main .m6 {
padding-top: 4%;
padding-bottom: 2%;
}
.main .m6 .m_t {
text-align: left;
margin-bottom: 3%;
}
.main .m6 .m_t h1 {
display: inline-block;
vertical-align: middle;
}
.main .m6 .m_t h2 {
display: inline-block;
vertical-align: bottom;
font-size: 1.6rem;
color: #454545;
padding-bottom: 15px;
margin-left: 4%;
}
.main .m6 .m_c .m_c1 .pic1,
.main .m6 .m_c .m_c1 .pic2 {
position: relative;
padding-left: 0;
padding-right: 0;
}
.main .m6 .m_c .m_c1 .pic1 .txt,
.main .m6 .m_c .m_c1 .pic2 .txt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 40px;
}
.main .m6 .m_c .m_c1 .pic1 .txt h1,
.main .m6 .m_c .m_c1 .pic2 .txt h1 {
font-size: 2.4rem;
color: #fff;
font-weight: bold;
margin-bottom: 20px;
}
.main .m6 .m_c .m_c1 .pic1 .txt p,
.main .m6 .m_c .m_c1 .pic2 .txt p {
font-size: 1.8rem;
color: #fff;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.main .m6 .m_c .m_c1 .pic1 {
padding-right: 20px;
}
.main .m7 {
padding-top: 2%;
padding-bottom: 4%;
}
.main .m7 .container {
position: relative;
}
.main .m7 .t_btn_items {
position: absolute;
width: 18%;
height: 100%;
padding-right: 2%;
}
.main .m7 .t_btn_items li {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50%;
text-align: center;
background-color: #d80e3e;
}
.main .m7 .t_btn_items li a {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3.8rem;
color: #fff;
white-space: nowrap;
text-transform: uppercase;
}
.main .m7 .t_btn_items li a b {
font-size: 1.8rem;
color: #fff;
margin-left: 20px;
}
.main .m7 .t_btn_items li:nth-child(2) {
top: 50%;
}
.main .m7 .t_btn_items li.active {
background-color: #263684;
}
.main .m7 .t_btn_items li.active::after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
border-left: 15px solid #263684;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.main .m7 .t_btn_item {
position: relative;
width: 80%;
margin-left: 20%;
}
.main .m7 .t_btn_item li {
position: absolute;
width: 100%;
left: 0;
top: 0;
padding-left: 5%;
padding-right: 5%;
z-index: -1;
opacity: 0;
pointer-events: none;
}
.main .m7 .t_btn_item li .swiper-container {
padding: 20px;
}
.main .m7 .t_btn_item li .swiper-slide {
padding: 30px;
}
.main .m7 .t_btn_item li .swiper-slide:hover {
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
}
.main .m7 .t_btn_item li .swiper-slide a {
display: block;
}
.main .m7 .t_btn_item li .swiper-slide .new_head {
margin-bottom: 20px;
}
.main .m7 .t_btn_item li .swiper-slide .new_head span {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.main .m7 .t_btn_item li .swiper-slide .new_head span b {
display: inline-block;
vertical-align: middle;
font-size: 3.8rem;
color: #263684;
font-weight: bold;
line-height: 100%;
}
.main .m7 .t_btn_item li .swiper-slide .new_head span sub {
display: inline-block;
vertical-align: baseline;
font-size: 2rem;
color: #263684;
font-weight: bold;
line-height: 100%;
}
.main .m7 .t_btn_item li .swiper-slide .new_head h2 {
font-size: 1.4rem;
display: inline-block;
vertical-align: middle;
color: #666666;
}
.main .m7 .t_btn_item li .swiper-slide h1 {
font-size: 1.6rem;
color: #454545;
margin-bottom: 25px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.main .m7 .t_btn_item li .swiper-slide p {
font-size: 1.4rem;
color: #666666;
line-height: 31px;
height: 62px;
overflow: hidden;
}
.main .m7 .t_btn_item li .swiper-button-prev {
display: block;
background-image: none;
width: auto;
height: auto;
margin-top: 0;
}
.main .m7 .t_btn_item li .swiper-button-prev:focus,
.main .m7 .t_btn_item li .swiper-button-prev:active {
outline: 0;
}
.main .m7 .t_btn_item li .swiper-button-prev::before {
content: '<';
font-family: "SimSun";
font-size: 6rem;
color: #2e2e2e;
cursor: pointer;
}
.main .m7 .t_btn_item li .swiper-button-next {
display: block;
background-image: none;
}
.main .m7 .t_btn_item li .swiper-button-next:focus,
.main .m7 .t_btn_item li .swiper-button-next:active {
outline: 0;
}
.main .m7 .t_btn_item li .swiper-button-next::before {
content: '>';
font-family: "SimSun";
font-size: 6rem;
color: #2e2e2e;
cursor: pointer;
}
.main .m7 .t_btn_item li.on {
position: relative;
z-index: 1;
opacity: 1;
pointer-events: visible;
}
.main .m_t h1 {
font-size: 4.8rem;
color: #263684;
font-weight: bold;
}
.videoed {
display: none;
width: 50px;
height: 50px;
position: absolute;
left: 45%;
top: 45%;
z-index: 99;
border-radius: 100%;
}
.videos {
display: none;
border: 1px solid #080808;
position: fixed;
left: 50%;
top: 50%;
margin-left: -320px;
margin-top: -210px;
z-index: 100;
width: 640px;
height: 360px;
max-width: 100%;
}
.vclose {
position: absolute;
right: 1%;
top: 1%;
border-radius: 100%;
cursor: pointer;
width: auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
font-size: 1.4rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999;
font-size: 1.4rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #999;
font-size: 1.4rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
font-size: 1.4rem;
}
.ban {
position: relative;
width: 100%;
text-align: center;
border-bottom: 13px solid #263684;
}
.ban .txt {
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.ban .txt .container {
position: relative;
height: 100%;
}
.ban .txt .container .txt_wrapper {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
}
.ban .txt .container .txt_wrapper h2 {
font-size: 1.4rem;
color: #adadad;
}
.ban .txt .container .txt_wrapper h1 {
font-size: 3.6rem;
color: #fff;
margin-top: 10px;
}
.ban .txt .container .txt_wrapper.bl h1 {
color: #000;
}
.path {
padding: 1.6% 0;
background-color: #eee;
}
.path .container {
position: relative;
}
.path ul {
font-size: 0;
}
.path ul li {
width: 15.75%;
display: inline-block;
vertical-align: middle;
font-size: 1.8rem;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 40px;
line-height: 40px;
background-color: #fff;
border-radius: 30px;
margin-right: 1.1%;
text-align: center;
}
.path ul li a {
display: block;
height: 40px;
line-height: 40px;
font-size: 1.6rem;
color: #2c2c2c;
}
.path ul li:nth-child(6n) {
margin-right: 0;
}
.path ul li.active,
.path ul li:hover {
background-color: #263684;
}
.path ul li.active a,
.path ul li:hover a {
color: #fff;
}
.path .pos {
margin-bottom: 2.6%;
}
.path .pos a {
font-size: 1.6rem;
color: #959595;
}
.path .pos a:last-child {
color: #263684;
}
.path .pos span {
font-size: 1.6rem;
color: #959595;
padding-left: 27px;
background: url(../images/icon_17.png) no-repeat left center;
background-size: auto 100%;
}
.pages .pagelist {
text-align: center;
margin-top: 5%;
}
.pages .pagelist li {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 15px;
font-size: 1.6rem;
color: #717171;
border: 1px solid #efefef;
text-align: center;
cursor: pointer;
margin: 0 7px;
}
.pages .pagelist li a {
height: 40px;
line-height: 40px;
font-size: 1.6rem;
color: #6d6d6d;
}
.pages .pagelist li.active {
background-color: #263684;
border: 0;
color: #fff;
cursor: none;
}
.pages .pagelist li.active a {
background-color: #263684;
border: 0;
color: #fff;
cursor: none;
}
.my-map#container,
.my-map#container2 {
width: 100%;
height: 340px;
position: static;
}
.my-map#container img,
.my-map#container2 img {
width: auto !important;
}
.my-map#container .amap-icon img,
.my-map#container2 .amap-icon img {
width: 100% !important;
}
.my-map#container .icon,
.my-map#container2 .icon {
background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}
.my-map#container .icon-cir,
.my-map#container2 .icon-cir {
height: 31px;
width: 28px;
}
.my-map#container .icon-cir-red,
.my-map#container2 .icon-cir-red {
background-position: -11px -5px;
}
.amap-container {
height: 100%;
}
.pages .container {
max-width: 1300px;
}
.pages.about .p1 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.about .p1 h1 {
position: relative;
font-size: 3.6rem;
color: #505050;
font-weight: bold;
text-align: center;
padding-bottom: 35px;
margin-bottom: 3%;
}
.pages.about .p1 h1::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 95px;
height: 3px;
background-color: #d80e3e;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pages.about .p1 p {
font-size: 1.6rem;
color: #666666;
line-height: 200%;
text-align: center;
margin-bottom: 3%;
}
.pages.about .p2 {
height: 312px;
background: url(../images/about_32.jpg) no-repeat;
}
.pages.about .p2 h1 {
margin-top: 7%;
margin-bottom: 30px;
}
.pages.about .p2 h1 b {
display: inline-block;
vertical-align: baseline;
font-size: 3rem;
color: #fff;
font-weight: normal;
}
.pages.about .p2 h1 sub {
display: inline-block;
vertical-align: baseline;
font-size: 2.4rem;
color: #ffffff;
font-weight: lighter;
bottom: 0;
}
.pages.about .p2 p {
font-size: 1.6rem;
color: #fff;
line-height: 200%;
max-width: 1155px;
}
.pages.about .p3 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.about .p3 ul {
overflow: hidden;
}
.pages.about .p3 ul li {
border-right: 2px solid #efefef;
text-align: center;
}
.pages.about .p3 ul li h1 {
font-size: 2rem;
color: #2d2d2d;
font-weight: bold;
padding-top: 75px;
background-repeat: no-repeat;
background-position: center top;
margin-bottom: 20px;
}
.pages.about .p3 ul li p {
position: relative;
font-size: 1.6rem;
color: #666666;
padding-bottom: 40px;
}
.pages.about .p3 ul li p::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 38px;
height: 2px;
background-color: #d80e3e;
}
.pages.about .p3 ul li:nth-child(1) h1 {
background-image: url(../images/worker.png);
}
.pages.about .p3 ul li:nth-child(2) h1 {
background-image: url(../images/dashboard.png);
}
.pages.about .p3 ul li:nth-child(3) {
border-right: 0;
}
.pages.about .p3 ul li:nth-child(3) h1 {
background-image: url(../images/mind.png);
}
.pages.about .p4 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #f8f8f8;
}
.pages.about .p4 .con ul {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
padding-bottom: 15px;
}
.pages.about .p4 .con ul li {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.pages.about .p4 .con ul li a {
display: block;
-webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
}
.pages.about .p4 .con ul li a .txt {
border-top: 5px solid #263684;
padding: 20px 30px;
background-color: #fff;
}
.pages.about .p4 .con ul li a .txt h1 {
display: inline-block;
vertical-align: middle;
font-size: 2rem;
line-height: 27px;
color: #202020;
font-weight: bold;
width: calc(100% - 27px);
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.pages.about .p4 .con ul li a .txt span {
width: 27px;
height: 27px;
line-height: 27px;
color: #414141;
border: 1px solid #414141;
font-size: 1.8rem;
float: right;
text-align: center;
}
.pages.about .p4 .con ul li:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.pages.about .p4 .con .more {
display: block;
width: 150px;
height: 45px;
line-height: 45px;
border: 2px solid #263684;
color: #263684;
text-align: center;
font-size: 1.8rem;
margin-left: auto;
margin-right: auto;
margin-top: 1.5%;
}
.pages.about .p4 .con .more:hover {
background-color: #263684;
color: #fff;
}
.pages.about .p5 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #fff;
}
.pages.about .p5 .con #swiper-history {
width: 100%;
max-width: 820px;
position: relative;
}
.pages.about .p5 .con #swiper-history .swiper-container {
height: 144px;
margin: 0 40px;
}
.pages.about .p5 .con #swiper-history .short-line {
height: 72px;
border-bottom: 1px dashed #007aff;
width: 30px;
position: absolute;
top: 0px;
}
.pages.about .p5 .con #swiper-history .long-line {
height: 72px;
border-bottom: 1px solid #007aff;
width: 100%;
position: absolute;
top: 0px;
left: 30px;
}
.pages.about .p5 .con #swiper-history .swiper-slide span {
display: block;
width: 100%;
text-align: center;
position: absolute;
-webkit-transition: 700ms;
-o-transition: 700ms;
transition: 700ms;
}
.pages.about .p5 .con #swiper-history .swiper-slide .detail {
height: 20px;
line-height: 20px;
top: 27px;
color: #444;
opacity: 0;
}
.pages.about .p5 .con #swiper-history .swiper-slide .date {
color: #007aff;
position: absolute;
bottom: 33px;
opacity: 0;
}
.pages.about .p5 .con #swiper-history .swiper-slide-active span {
-webkit-transition: 700ms 700ms;
-o-transition: 700ms 700ms;
transition: 700ms 700ms;
}
.pages.about .p5 .con #swiper-history .swiper-pagination-bullets {
white-space: nowrap;
width: auto;
bottom: 67px;
height: 10px;
line-height: 10px;
-webkit-transition: 700ms;
-o-transition: 700ms;
transition: 700ms;
}
.pages.about .p5 .con #swiper-history .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
}
.pages.about .p5 .con #swiper-history .swiper-pagination-bullet {
background: #fff;
border: 1px solid #007aff;
opacity: 1;
line-height: 10px;
}
.pages.about .p5 .con #swiper-history .swiper-pagination-bullet-active {
background: #007aff;
}
.pages.about .p5 .con #swiper-history .swiper-button-next,
.pages.about .p5 .con #swiper-history .swiper-button-prev {
background-size: 20px auto;
}
.pages.about .p6 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #f8f8f8;
}
.pages.about .p6 h1 {
position: relative;
font-size: 3rem;
color: #263683;
text-align: center;
margin-bottom: 3%;
}
.pages.about .p6 p {
font-size: 1.6rem;
color: #666666;
line-height: 200%;
text-align: center;
margin-bottom: 3%;
}
.pages.about .title {
font-size: 3rem;
font-weight: bold;
text-align: center;
color: #263684;
margin-bottom: 3%;
}
.pages.case .p1 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #f8f8f8;
}
.pages.case .p1 .con ul {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
padding-bottom: 15px;
}
.pages.case .p1 .con ul li {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 30px;
}
.pages.case .p1 .con ul li a {
display: block;
-webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
}
.pages.case .p1 .con ul li a .txt {
border-top: 5px solid #263684;
padding: 20px 30px;
background-color: #fff;
}
.pages.case .p1 .con ul li a .txt h1 {
display: inline-block;
vertical-align: middle;
font-size: 2rem;
line-height: 27px;
color: #202020;
font-weight: bold;
width: calc(100% - 27px);
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.pages.case .p1 .con ul li a .txt span {
width: 27px;
height: 27px;
line-height: 27px;
color: #414141;
border: 1px solid #414141;
font-size: 1.8rem;
float: right;
text-align: center;
}
.pages.case .p1 .con ul li:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.pages.case_detail .p1 {
font-size: 0;
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.case_detail .p1 .pic {
display: inline-block;
vertical-align: middle;
width: 416px;
max-width: 50%;
border-bottom: 5px solid #263684;
}
.pages.case_detail .p1 .txt {
display: inline-block;
vertical-align: middle;
width: calc(100% - 416px);
padding-right: 8%;
}
.pages.case_detail .p1 .txt h1 {
font-size: 2rem;
color: #202020;
margin-bottom: 3%;
font-weight: bold;
}
.pages.case_detail .p1 .txt p {
font-size: 1.6rem;
color: #666666;
line-height: 170%;
margin-bottom: 3%;
}
.pages.case_detail .p2 {
padding-top: 3.5%;
padding-bottom: 3.5%;
background-color: #f8f8f8;
}
.pages.case_detail .p2 h1 {
font-size: 2rem;
color: #202020;
margin-bottom: 3%;
font-weight: bold;
}
.pages.case_detail .p2 ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.pages.case_detail .p2 ul li {
display: block;
font-size: 1.4rem;
color: #666666;
line-height: 200%;
max-width: 400px;
}
.pages.case_detail .p3 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.case_detail .p3 h1 {
font-size: 2rem;
color: #202020;
margin-bottom: 3%;
font-weight: bold;
}
.pages.case_detail .p3 ul {
margin-left: -12px;
margin-right: -12px;
}
.pages.case_detail .p3 ul li {
padding-left: 12px;
padding-right: 12px;
}
.pages.case_detail .p3 ul li .txt {
font-size: 2rem;
font-weight: bold;
color: #202020;
text-align: center;
margin-top: 20px;
}
.pages.product .p1 {
font-size: 0;
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.product .p1 .pic {
display: inline-block;
vertical-align: middle;
width: 416px;
max-width: 50%;
border-bottom: 5px solid #263684;
}
.pages.product .p1 .txt {
display: inline-block;
vertical-align: middle;
width: calc(100% - 416px);
padding-right: 8%;
}
.pages.product .p1 .txt h1 {
font-size: 2rem;
color: #263684;
margin-bottom: 5%;
font-weight: bold;
}
.pages.product .p1 .txt p {
font-size: 1.6rem;
color: #666666;
line-height: 170%;
margin-bottom: 3%;
}
.pages.product .p2,
.pages.product .p3,
.pages.product .p4 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.product .p2 .title,
.pages.product .p3 .title,
.pages.product .p4 .title {
font-size: 2rem;
color: #263684;
margin-bottom: 35px;
font-weight: bold;
}
.pages.product .p2 ul,
.pages.product .p3 ul,
.pages.product .p4 ul {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
padding-bottom: 15px;
}
.pages.product .p2 ul li,
.pages.product .p3 ul li,
.pages.product .p4 ul li {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 30px;
}
.pages.product .p2 ul li a,
.pages.product .p3 ul li a,
.pages.product .p4 ul li a {
display: block;
-webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
}
.pages.product .p2 ul li a .txt,
.pages.product .p3 ul li a .txt,
.pages.product .p4 ul li a .txt {
padding: 14px 30px;
background-color: #fff;
}
.pages.product .p2 ul li a .txt h1,
.pages.product .p3 ul li a .txt h1,
.pages.product .p4 ul li a .txt h1 {
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
line-height: 27px;
color: #202020;
font-weight: bold;
width: calc(100% - 27px);
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.pages.product .p2 ul li a .txt span,
.pages.product .p3 ul li a .txt span,
.pages.product .p4 ul li a .txt span {
width: 27px;
height: 27px;
line-height: 27px;
color: #414141;
border: 1px solid #414141;
font-size: 1.8rem;
float: right;
text-align: center;
}
.pages.product .p2 ul li:hover,
.pages.product .p3 ul li:hover,
.pages.product .p4 ul li:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.pages.product .p2,
.pages.product .p4 {
background-color: #f8f8f8;
}
.pages.product-detail .p1 {
font-size: 0;
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.product-detail .p1 .pic {
display: inline-block;
vertical-align: middle;
width: 416px;
max-width: 50%;
border-bottom: 5px solid #263684;
}
.pages.product-detail .p1 .txt {
display: inline-block;
vertical-align: middle;
width: calc(100% - 416px);
padding-right: 8%;
}
.pages.product-detail .p1 .txt h1 {
font-size: 2rem;
color: #263684;
margin-bottom: 35px;
font-weight: bold;
}
.pages.product-detail .p1 .txt p {
font-size: 1.6rem;
color: #666666;
line-height: 170%;
margin-bottom: 3%;
}
.pages.product-detail .p2 {
padding-top: 2.6%;
padding-bottom: 2.6%;
background: url(../images/product-detail_04.jpg) no-repeat;
}
.pages.product-detail .p2 .p2_l,
.pages.product-detail .p2 .p2_r {
text-align: center;
}
.pages.product-detail .p2 dl {
display: inline-block;
text-align: left;
color: #fff;
}
.pages.product-detail .p2 dl dt {
font-size: 2rem;
margin-bottom: 45px;
}
.pages.product-detail .p2 dl dd {
font-size: 1.6rem;
line-height: 200%;
}
.pages.product-detail .p2 .p2_l {
border-right: 1px solid #fff;
}
.pages.product-detail .p3 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.product-detail .p3 .title {
font-size: 2rem;
color: #263684;
margin-bottom: 35px;
font-weight: bold;
}
.pages.product-detail .p3 ul {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
padding-bottom: 15px;
}
.pages.product-detail .p3 ul li {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 30px;
}
.pages.product-detail .p3 ul li a {
display: block;
-webkit-box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1);
}
.pages.product-detail .p3 ul li a .txt {
padding: 14px 30px;
background-color: #fff;
}
.pages.product-detail .p3 ul li a .txt h1 {
display: inline-block;
vertical-align: middle;
font-size: 1.8rem;
line-height: 27px;
color: #202020;
font-weight: bold;
width: calc(100% - 27px);
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.pages.product-detail .p3 ul li a .txt span {
width: 27px;
height: 27px;
line-height: 27px;
color: #414141;
border: 1px solid #414141;
font-size: 1.8rem;
float: right;
text-align: center;
}
.pages.product-detail .p3 ul li:hover {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.pages.product-detail2 .p1 {
font-size: 0;
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.product-detail2 .p1 .pic {
display: inline-block;
vertical-align: middle;
width: 416px;
max-width: 50%;
border-bottom: 5px solid #263684;
}
.pages.product-detail2 .p1 .txt {
display: inline-block;
vertical-align: middle;
width: calc(100% - 416px);
padding-right: 8%;
}
.pages.product-detail2 .p1 .txt h1 {
font-size: 2rem;
color: #263684;
margin-bottom: 5%;
font-weight: bold;
}
.pages.product-detail2 .p1 .txt p {
font-size: 1.6rem;
color: #666666;
line-height: 170%;
margin-bottom: 3%;
}
.pages.product-detail2 .p2 {
padding-top: 2.6%;
padding-bottom: 2.6%;
background: url(../images/product-detail2_02.jpg) no-repeat;
}
.pages.product-detail2 .p2 .p2_l {
text-align: left;
}
.pages.product-detail2 .p2 .p2_r {
text-align: right;
}
.pages.product-detail2 .p2 dl {
display: inline-block;
text-align: left;
color: #fff;
max-width: 555px;
}
.pages.product-detail2 .p2 dl dt {
font-size: 2rem;
margin-bottom: 45px;
}
.pages.product-detail2 .p2 dl dd {
margin-bottom: 30px;
}
.pages.product-detail2 .p2 dl dd h1 {
font-size: 1.6rem;
line-height: 200%;
}
.pages.product-detail2 .p2 dl dd p {
line-height: 1.6rem;
line-height: 200%;
padding-left: 15px;
}
.pages.product-detail2 .p2 .p2_l {
border-right: 1px solid #fff;
}
.pages.product-detail2 .p3 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.product-detail2 .p3 .txt h1 {
font-size: 2rem;
color: #263684;
margin-bottom: 5%;
font-weight: bold;
}
.pages.product-detail2 .p3 .txt p {
font-size: 1.6rem;
color: #666666;
line-height: 200%;
margin-bottom: 3%;
}
.pages.product-detail2 .p3 .txt ul li {
font-size: 1.6rem;
color: #666666;
line-height: 200%;
}
.pages.article .p1 {padding-top: 3.5%;padding-bottom: 3.5%;display: none;}
.pages.article .p1 ul {
margin-left: -15px;
margin-right: -15px;
}
.pages.article .p1 ul li {
margin-bottom: 15px;
}
.pages.article .p1 ul li .p_box {
display: block;
padding: 30px 15px;
background-color: #e8e8e8;
}
.pages.article .p1 ul li .p_box a {
position: relative;
display: block;
font-size: 1.6rem;
color: #3f3f3f;
padding-left: 50px;
padding-right: 30px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
height: 40px;
line-height: 40px;
}
.pages.article .p1 ul li .p_box a::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 21px;
height: 29px;
background: url(../images/pdf.png) no-repeat left center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pages.article .p1 ul li .p_box a::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 27px;
height: 29px;
background: url(../images/download2.png) no-repeat left center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pages.article .p1 ul li:hover .p_box {
background-color: #263684;
}
.pages.article .p1 ul li:hover .p_box a {
color: #fff;
}
.pages.article .p1 ul li:hover .p_box a::before {
background: url(../images/pdf2.png);
}
.pages.article .p1 ul li:hover .p_box a::after {
background: url(../images/download.png);
}
.pages.article .p2 {
background-color: #f0f0f0;
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.article .p2 ul {
margin-left: -15px;
margin-right: -15px;
}
.pages.article .p2 ul li {
margin-bottom: 30px;
}
.pages.article .p2 ul li .p_box {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
padding: 7.5%;
-webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
}
.pages.article .p2 ul li .p_box h1 {
font-size: 1.6rem;
color: #3f3f3f;
font-weight: bold;
line-height: 30px;
height: 60px;
overflow: hidden;
margin-bottom: 25px;
}
.pages.article .p2 ul li .p_box p {
font-size: 1.4rem;
color: #666666;
line-height: 30px;
height: 90px;
margin-bottom: 25px;
}
.pages.article .p2 ul li .p_box a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #d80e3e;
color: #d80e3e;
}
.pages.article .p2 ul li .p_box a:hover {
background-color: #d80e3e;
color: #fff;
}
.pages.article .p3 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.article .p3 ul li {
background-color: #f0f0f0;
padding: 2% 3%;
font-size: 0;
margin-bottom: 10px;
}
.pages.article .p3 ul li .pic {
display: inline-block;
vertical-align: middle;
width: 22%;
}
.pages.article .p3 ul li .txt {
display: inline-block;
vertical-align: middle;
width: 78%;
padding-left: 5%;
}
.pages.article .p3 ul li .txt h1 {
font-size: 1.6rem;
color: #3f3f3f;
font-weight: bold;
margin-bottom: 30px;
}
.pages.article .p3 ul li .txt p {
font-size: 1.4rem;
color: #666;
line-height: 170%;
margin-bottom: 30px;
}
.pages.article .p3 ul li .txt a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
border: 1px solid #000000;
font-size: 1.4rem;
color: #333;
text-align: center;
}
.pages.article .p3 ul li .txt a:hover {
background-color: #d80e3e;
border-color: #d80e3e;
color: #fff;
}
.pages.article .p_title {
font-size: 2rem;
color: #263684;
margin-bottom: 20px;
font-weight: bold;
}
.pages.news .p1 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.news .p1 ul {
margin-left: -10px;
margin-right: -10px;
}
.pages.news .p1 ul li {
padding-left: 10px;
padding-right: 10px;
}
.pages.news .p1 ul li .p_box {
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
}
.pages.news .p1 ul li .p_box .txt {
padding: 20px 30px 30px;
}
.pages.news .p1 ul li .p_box .txt .date {
font-size: 1.4rem;
color: #333;
margin-bottom: 15px;
}
.pages.news .p1 ul li .p_box .txt h1 {
font-size: 1.6rem;
color: #3f3f3f;
font-weight: bold;
margin-bottom: 15px;
}
.pages.news .p1 ul li .p_box .txt p {
font-size: 1.4rem;
color: #666666;
line-height: 20px;
height: 40px;
overflow: hidden;
margin-bottom: 15px;
}
.pages.news .p1 ul li .p_box .txt a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #8a8a8a;
color: #8a8a8a;
}
.pages.news .p1 ul li .p_box .txt a:hover {
background-color: #d80e3e;
border-color: #d80e3e;
color: #fff;
}
.pages.news .p2 {
background-color: #f0f0f0;
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.news .p2 .p2_head {
background-color: #fff;
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
padding-top: 20px;
padding-bottom: 20px;
font-size: 0;
margin-bottom: 20px;
}
.pages.news .p2 .p2_head h1 {
display: inline-block;
vertical-align: middle;
width: 10%;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.pages.news .p2 .p2_head .xl_group {
display: inline-block;
vertical-align: middle;
width: 90%;
}
.pages.news .p2 .p2_head .xl_group .dropdown {
display: inline-block;
vertical-align: middle;
padding-right: 25px;
padding-left: 0;
float: right;
}
.pages.news .p2 .p2_head .xl_group .dropdown button {
width: 100%;
border: 0;
background-color: #efefef;
text-align: left;
color: #666666;
height: 42px;
}
.pages.news .p2 .p2_head .xl_group .dropdown button .caret {
float: right;
margin-top: 8px;
}
.pages.news .p2 .p2_head .search {
display: inline-block;
vertical-align: middle;
width: 30%;
}
.pages.news .p2 .p2_head .search form {
max-width: 284px;
}
.pages.news .p2 .p2_head .search form input {
display: inline-block;
vertical-align: middle;
width: calc(100% - 42px);
font-size: 1.4rem;
color: #666666;
background-color: #efefef;
padding-left: 20px;
padding-right: 20px;
height: 42px;
line-height: 42px;
}
.pages.news .p2 .p2_head .search form button {
display: inline-block;
vertical-align: middle;
width: 42px;
height: 42px;
background-color: #263684;
color: #fff;
font-size: 2.4rem;
}
.pages.news .p2 .p2_list li {
background-color: #fff;
padding: 30px;
font-size: 0;
margin-bottom: 20px;
-webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
}
.pages.news .p2 .p2_list li .con {
display: inline-block;
vertical-align: middle;
width: 80%;
border-right: 1px solid #d5d5d5;
padding-right: 10%;
}
.pages.news .p2 .p2_list li .con h1 {
font-size: 2.2rem;
color: #323232;
margin-bottom: 15px;
}
.pages.news .p2 .p2_list li .con p {
font-size: 1.4rem;
color: #888888;
line-height: 20px;
height: 40px;
overflow: hidden;
margin-bottom: 20px;
}
.pages.news .p2 .p2_list li .con a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
border: 1px solid #8a8a8a;
font-size: 1.4rem;
color: #8a8a8a;
text-align: center;
}
.pages.news .p2 .p2_list li .con a:hover {
background-color: #d80e3e;
border-color: #d80e3e;
color: #fff;
}
.pages.news .p2 .p2_list li .date {
display: inline-block;
vertical-align: middle;
width: 20%;
text-align: center;
}
.pages.news .p2 .p2_list li .date h1 {
font-size: 4.2rem;
color: #666666;
margin-bottom: 10px;
}
.pages.news .p2 .p2_list li .date p {
font-size: 1.4rem;
color: #666666;
}
.pages.contact .p1 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.pages.contact .p1 .p_map {
width: 65%;
float: left;
border-right: 1px solid #e1e1e1;
}
.pages.contact .p1 .p_map h1 {
font-size: 2rem;
color: #263684;
margin-bottom: 25px;
font-weight: bold;
}
.pages.contact .p1 .p_map p {
font-size: 1.6rem;
color: #565656;
line-height: 220%;
}
.pages.contact .p1 .p_map .my-map {
margin-top: 30px;
max-width: 800px;
}
.pages.contact .p1 .p_form {
width: 35%;
float: left;
padding-left: 3%;
}
.pages.contact .p1 .p_form h1 {
font-size: 2rem;
color: #263684;
margin-bottom: 25px;
font-weight: bold;
}
.pages.contact .p1 .p_form form {
max-width: 400px;
}
.pages.contact .p1 .p_form form input {
border: 1px solid #dbdbdb;
color: #666666;
padding-left: 15px;
padding-right: 15px;
height: 42px;
line-height: 42px;
font-size: 1.4rem;
width: 100%;
margin-bottom: 15px;
}
.pages.contact .p1 .p_form form textarea {
border: 1px solid #dbdbdb;
color: #666666;
padding-left: 15px;
padding-right: 15px;
height: 190px;
line-height: 42px;
font-size: 1.4rem;
width: 100%;
margin-bottom: 15px;
}
.pages.contact .p1 .p_form form button {
width: 140px;
height: 45px;
line-height: 45px;
text-align: center;
font-size: 1.4rem;
color: #666666;
background-color: #e8e8e8;
}
.pages.contact .p1 .p_form form button:hover {
background-color: #d80e3e;
color: #fff;
}
.crumbs .container {
border-bottom: 1px solid #e8e8e8;
}
.crumbs .page {
max-width: 1300px;
}
.crumbs span a {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
color: #666666;
height: 50px;
line-height: 50px;
}
footer {
background-color: #e4e5e9;
padding-top: 3.85%;
padding-bottom: 5.2%;
}
footer .foot-top {
padding-bottom: 4%;
border-bottom: 1px solid #d4d5d8;
}
footer .foot-top .foot-top-logo {
float: left;
max-width: 166px;
padding-right: 3%;
margin-right: 3%;
border-right: 1px solid #d1d2d5;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
footer .foot-top .foot-top-contact {
float: right;
}
footer .foot-top .foot-top-contact a {
display: block;
width: 130px;
height: 40px;
line-height: 40px;
font-size: 1.6rem;
border: 3px solid #d80e3e;
color: #d80e3e;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .foot-top .foot-top-txt h1 {
font-size: 2rem;
color: #263684;
font-weight: bold;
padding-top: 15px;
}
footer .foot-top .foot-top-txt p {
font-size: 1.2rem;
color: #263684;
margin-top: 15px;
}
footer .foot-nav {
margin-top: 4%;
}
footer .foot-nav dl dt {
position: relative;
font-size: 2rem;
color: #565656;
padding-bottom: 20px;
margin-bottom: 10px;
}
footer .foot-nav dl dt::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 2px;
background-color: #d80e3e;
}
footer .foot-nav dl dd {
font-size: 1.6rem;
color: #565656;
line-height: 200%;
}
footer .foot-nav dl dd a {
font-size: 1.6rem;
color: #565656;
line-height: 200%;
}
footer .foot-nav dl dd:hover a {
color: #d80e3e;
}
.bq {
background-color: #263684;
padding: 2.2% 0;
overflow: hidden;
}
.bq .copy {
font-size: 1.4rem;
color: #e0e9f4;
line-height: 1.7rem;
float: left;
}
.bq .copy span {
margin-left: 30px;
}
.bq ul {
float: right;
}
.bq ul li {
float: left;
}
.bq ul li a {
font-size: 1.4rem;
color: #fff;
border-right: 1px solid #1d5dad;
padding-left: 25px;
padding-right: 25px;
}
.bq ul li:hover a {
color: #fff;
}
.bq ul li:last-child a {
border-right: 0;
}
.share > li {
width: 32px;
height: 32px;
display: inline-block;
margin: 0 5px;
}
.mobile-foot {
background: #000000;
}
.mobile-foot > .container > .panel-group {
margin-bottom: 5px;
}
.mobile-foot > .container > .panel-group > .panel {
border-radius: 0;
margin-top: 0;
}
.mobile-foot > .container > .panel-group > .panel > .panel-heading {
background: #000000;
opacity: 1;
}
.mobile-foot .panel-primary {
border-color: #999;
}
.mobile-foot .panel-primary > .panel-heading {
background-color: #000;
border-radius: 0;
color: #fff;
opacity: 0.7;
border-color: #999;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > input {
width: 100%;
height: 30px;
padding: 9px 11px;
border: 1px solid #999;
border-radius: 5px;
margin-bottom: 5px;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > input:focus {
outline: none;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > textarea {
width: 100%;
height: 80px;
padding: 9px 11px;
border: 1px solid #999;
border-radius: 5px;
resize: none;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > textarea:focus {
outline: none;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > form > button {
width: 64px;
height: 30px;
background: #263684;
color: #fff;
text-align: center;
border: 0;
border-radius: 5px;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd {
padding-left: 35px;
line-height: 35px;
background-position: left top 7px;
background-repeat: no-repeat;
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(1) {
background-image: url(../images/phone.png);
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(2) {
background-image: url(../images/msg.png);
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > dl > dd:nth-of-type(3) {
background-image: url(../images/pos.png);
}
.mobile-foot .panel-primary > .panel-collapse > .list-group > .list-group-item > a > span {
margin-left: 10px;
}
.mobile-foot img {
width: auto !important;
}
.mobile-foot > .container {
padding: 0;
}
.mobile-foot .panel-title > a {
display: block;
}
.mobile-foot .panel-title > a:hover {
color: #fff;
}
.mobile-foot .panel-body {
padding: 0 !important;
}
#ups-banner {
position: relative;
}
#ups-banner .swiper-slide {
position: relative;
overflow: hidden;
}
#ups-banner .swiper-slide img {
width: auto !important;
max-width: 100%;
-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
-ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
transform: matrix(1.1, 0, 0, 1.1, 0, 0);
-webkit-transition: all 0.4s ease 1.2s;
-o-transition: all 0.4s ease 1.2s;
transition: all 0.4s ease 1.2s;
}
#ups-banner .swiper-slide.swiper-slide-active img {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transition-delay: 0.4s !important;
-o-transition-delay: 0.4s !important;
transition-delay: 0.4s !important;
-webkit-transition: all 3.0s ease;
-o-transition: all 3.0s ease;
transition: all 3.0s ease;
}
#ups-banner .swiper-pagination {
text-align: center;
bottom: 30px;
}
#ups-banner .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
background-color: #fff;
opacity: 1;
margin-left: 13px;
margin-right: 13px;
}
#ups-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 14px;
height: 14px;
background-color:#d80e3e;
}
#ups-banner .button-prev,
#ups-banner .button-next {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
outline: none;
position: absolute;
width: 140px;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-34px);
-ms-transform: translateY(-34px);
transform: translateY(-34px);
cursor: pointer;
}
#ups-banner .button-prev {
left: 4vw;
}
#ups-banner .button-next {
right: 4vw;
}
#ups-banner .button.disabled {
opacity: 0.2;
cursor: default;
}
#ups-banner #arrow-svg-home {
-webkit-transform: translateY(353px);
-ms-transform: translateY(353px);
transform: translateY(353px);
}
#ups-banner .button-next #arrow-svg-home {
-webkit-transform: translateY(353px) rotateY(180deg);
transform: translateY(353px) rotateY(180deg);
-webkit-transform-origin: 80px 0px 0px;
-ms-transform-origin: 80px 0px 0px;
transform-origin: 80px 0px 0px;
}
#ups-banner svg {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#ups-banner .cls-1 {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0.4;
-webkit-transform-origin: -20px 40px;
-ms-transform-origin: -20px 40px;
transform-origin: -20px 40px;
opacity: 1;
}
#ups-banner .cls-4 {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
stroke-width: 2px;
stroke: #fff;
fill: none;
stroke-dasharray: 1;
stroke-dashoffset: 1;
opacity: 0.4;
-webkit-transform-origin: 0px 0px 0px;
-ms-transform-origin: 0px 0px 0px;
transform-origin: 0px 0px 0px;
}
#ups-banner #arrow-trg {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
fill: #fff;
-webkit-transform: rotateY(180deg) translate(-53px, 39px);
transform: rotateY(180deg) translate(-53px, 39px);
}
#ups-banner #line {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
stroke: #fff;
-webkit-transform: translate(50px, 42px);
-ms-transform: translate(50px, 42px);
transform: translate(50px, 42px);
}
#ups-banner .button-prev:not(.disabled):hover svg {
-webkit-transform: translateX(-25px);
-ms-transform: translateX(-25px);
transform: translateX(-25px);
}
#ups-banner .button-next:not(.disabled):hover svg {
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
}
#ups-banner .button:not(.disabled):hover .cls-1 {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#ups-banner .button:not(.disabled):hover .cls-4 {
stroke-dasharray: 2px;
stroke-dashoffset: 2px;
opacity: 1;
}
#ups-banner .button:not(.disabled):hover #arrow-trg {
-webkit-transform: rotateY(180deg) translate(-37px, 39px);
transform: rotateY(180deg) translate(-37px, 39px);
}
#ups-banner .button:not(.disabled):hover #line {
-webkit-transform: translate(35px, 42px) scaleX(0.33);
-ms-transform: translate(35px, 42px) scaleX(0.33);
transform: translate(35px, 42px) scaleX(0.33);
}
@media (max-width: 1419px) and (min-width: 1200px) {
.header .navbar .nav_box .navbar-r {
display: none;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.header .navbar-header {
width: 25%;
}
.header .navbar-r {
width: 70%;
}
.header .navbar-r .navbar-right-bottom .mainnav li {
padding-left: 2%;
padding-right: 2%;
}
.header .navbar-r .navbar-right-bottom .mainnav li .one-title {
padding-top: 20px;
padding-bottom: 20px;
}
.header .navbar-r .navbar-right-bottom .navbar-qrcode {
height: 100%;
}
.header .navbar .nav_box .navbar-r {
display: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.header .navbar {
position: relative;
}
.header .navbar-header {
width: 25%;
margin-top: 0;
}
.header .navbar-r {
width: 70%;
margin-top: 2%;
}
.header .navbar-r .navbar-right-top {
border: 0;
}
.header .navbar-r .navbar-right-bottom {
position: static;
}
.header .navbar-r .navbar-right-bottom .mainnav {
display: none;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 0;
top: 68px;
width: 100%;
height: auto;
overflow: visible;
margin-top: 0;
padding-right: 0;
padding-left: 0;
}
.header .navbar-r .navbar-right-bottom .mainnav ul {
font-size: 0;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li {
width: 100%;
float: none;
position: relative;
display: block;
border-bottom: 0;
background-color: #fff;
border-top: 1px solid #f1f1f1;
text-align: center;
height: auto;
line-height: 100%;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li .one-title {
width: 100%;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li::before,
.header .navbar-r .navbar-right-bottom .mainnav ul li a .en {
display: none !important;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li .sub-nav {
position: static;
overflow: hidden;
text-align: center;
padding: 0;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li .sub-nav a {
width: 100%;
float: none;
font-size: 12px;
line-height: 36px;
height: 36px;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li a {
font-size: 14px;
color: #4c4c4c;
line-height: 100%;
height: auto;
padding: 0;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li .one-title {
position: relative;
padding: 0;
top: auto;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li .one-title a {
display: block;
color: #4e5458;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li .one-title a .zh {
font-size: 2rem;
height: 50px;
line-height: 50px;
}
.header .navbar-r .navbar-right-bottom .mainnav ul li.active .one-title,
.header .navbar-r .navbar-right-bottom .mainnav ul li:hover .one-title {
border: 0;
}
.header .navbar-r .navbar-right-bottom .mainnav ul .phsearchicon {
/* display       : none !important; */
height: 50px;
width: 80%;
}
.header .navbar-r .navbar-right-bottom .mainnav ul .phsearchicon:after {
width: 10px;
height: 10px;
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
border-color: #4e5458;
}
.header .navbar-r .navbar-right-bottom .mainnav .sub-nav {
-webkit-box-shadow: none;
box-shadow: none;
border-top: 0;
padding: 20px;
}
.header .navbar-r .navbar-right-bottom .mainnav .sub-nav a {
border: 0;
}
.header .navbar-r .navbar-right-bottom .mainnav .sub-nav a::before {
display: none;
}
.header .navbar-r .navbar-right-bottom .navbar-qrcode {
height: 100%;
}
.header .menu-handle {
display: block;
right: 25px;
top: 10px;
}
.header::after {
display: none;
}
.page.product_show .page_content_cc .cc1 .pic {
width: 100%;
padding-right: 0;
}
.page.product_show .page_content_cc .cc1 .txt {
position: static;
width: 100%;
padding-bottom: 6%;
}
}
@media (max-width: 767px) {
.header .navbar {
position: relative;
}
.header .navbar .nav_box .nav-main .mainnav {
display: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-left: 0;
padding-right: 0;
}
.header .navbar .nav_box .nav-main .mainnav ul li {
width: 100%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.header .navbar .nav_box .nav-main .mainnav ul li .sub-nav {
position: static;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 15px;
}
.header .navbar-header {
width: 33.33%;
margin-top: 0;
margin-top: 2%;
}
.header .menu-handle {
display: block;
right: 15px;
top: 5px;
}
.header::after {
display: none;
}
.header .navbar .top_box {
background-color: #fff;
}
.header .logo {width: 130px;margin-top: 3px;position:relative;}
.header .logo p{
    position: absolute;
    left: 100%;
    width: 200px;
    line-height: 24px;
    top: 5px;
}
.header .logo p span{
    display: block;
}
.header .navbar .top_box .top_left {
font-size: 1.2rem;
}
.header .navbar .nav_box {
height: 0;
padding: 0;
}
.main .m1 dl dt,
.main .m1 dl dd {
font-size: 1.2rem;
height: 2rem;
line-height: 2rem;
}
.main .m_t h1,
.main .m5 .m_c1 .txt h1,
.main .m5 .m_c1 .pic h1 {
font-size: 2rem;
padding-bottom: 15px !important;
}
.main .m2 .m_c .product_list li {
margin-bottom: 15px;
}
.main .m3 .m_c .t_btn_items {
text-align: left;
font-size: 0;
}
.main .m3 .m_c .t_btn_items li {
display: inline-block;
vertical-align: middle;
float: none;
width: 50%;
}
.main .m3 .m_c .t_btn_items li b {
padding-left: 60px;
font-size: 1.6rem;
}
.main .m4 ul li h1 {
font-size: 3.6rem;
}
.main .m5 {
background: none;
}
.main .m5 .m_c2 {text-align: center;margin-top: 20px;}
.main .m5 .m_c2 span b {
font-size: 1.6rem;
}
.main .m6 .m_c .m_c1 .pic1 {
padding-right: 0;
}
.main .m6 .m_c .m_c1 .pic1 .txt,
.main .m6 .m_c .m_c1 .pic2 .txt {
padding: 15px;
}
.main .m7 .t_btn_items {
position: static;
width: 100%;
}
.main .m7 .t_btn_items li {
position: static;
}
.main .m7 .t_btn_item {
width: 100%;
margin-left: 0;
}
.main .m7 .t_btn_items li a {
position: static;
display: block;
font-size: 1.6rem;
padding-top: 20px;
padding-bottom: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.bq .copy {
text-align: center;
}
.bq .copy span {
display: block;
text-align: center;
margin-left: 0;
margin-top: 5px;
}
.pages.about .p1 h1,
.pages.about .p2 h1 b,
.pages.about .title,
.pages.about .p6 h1 {
font-size: 1.8rem;
}
.pages.about .p2 h1 sub {
font-size: 1.6rem;
}
.pages.about .p3 ul li {
border-right: 0;
}
.pages.about .p4 .con ul li {
margin-bottom: 15px;
}
.pages.article .p3 ul li .pic,
.pages.article .p3 ul li .txt {
width: 100%;
padding-left: 0;
margin-top: 15px;
}
.pages.case_detail .p1 .txt {
width: 100%;
padding-right: 0;
}
.pages.case_detail .p1 .pic {
width: 100%;
max-width: 100%;
}
.pages.case_detail .p2 ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.pages.case_detail .p3 ul li {
margin-bottom: 15px;
}
.pages.contact .p1 .p_map,
.pages.contact .p1 .p_form {
width: 100%;
border-right: 0;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.pages.news .p2 .p2_head h1,
.pages.news .p2 .p2_head .xl_group,
.pages.news .p2 .p2_head .search {
width: 100%;
border-right: 0;
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.pages.news .p2 .p2_head .xl_group .dropdown {
margin-top: 15px;
width: 100%;
}
.pages.product-detail .p1 .txt,
.pages.product-detail .p1 .pic,
.pages.product .p1 .txt,
.pages.product .p1 .pic,
.pages.product-detail2 .p1 .txt,
.pages.product-detail2 .p1 .pic {
width: 100%;
padding-right: 0;
max-width: 100%;
}
.pages.product-detail .p2,
.pages.product-detail2 .p2 {
background-size: auto 100%;
}
.pages.product-detail .p2 .p2_l {
border-right: 0;
}
}
@media(max-width:1200px){
    .main .m2 .m_c .service_list{display:flex;flex-wrap:wrap;}
    .main .m2 .m_c .service_list li{width:50%}
    .main .m2 .m_c .service_list li .list_box .txt h1{font-size: 14px;}
    .main .m2 .m_c .service_list li .list_box .txt span{display:none;}
    .main .m4{padding:40px 0;display: none;}
    .main .m4 ul li{padding:0}
    .main .m4 ul li p{font-size:16px;line-height:30px;}
    .main .m5 .m_c1 .pic,.main .m6,.main .m7{display:none;}
}