@charset "utf-8";
/* CSS Document */
html {
font-size: 62.5%;
/* 10梅16=62.5% */
}
* {
word-wrap: break-word;
}
body {
font-size: 12px;
font-size: 1.2rem;
/* 12梅10=1.2 */
overflow-x: hidden;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin: 0px;
padding: 0px;
}
body,
html {
font-family: "寰蒋闆呴粦";
min-width: 320px;
}
ul,
ul li,
dl,
dl dt,
dl dd {
margin: 0px;
padding: 0px;
list-style: none;
}
.f_faminly {
font-family: "寰蒋闆呴粦";
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearboth {
clear: both;
}
.bigzm {
text-transform: uppercase;
}
.b_cursor {
border: 0px;
cursor: pointer;
}
input {
outline: 0;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #888888;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #888888;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #888888;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #888888;
}
.fs14 {
font-size: 14px;
}
.fs15 {
font-size: 15px;
}
.fs16 {
font-size: 16px;
}
.fs17 {
font-size: 17px;
}
.fs18 {
font-size: 18px;
}
.fs20 {
font-size: 20px;
}
ul li {
list-style-type: none;
float: left;
}
.container {
width: 100% !important;
max-width: 1200px;
max-width: 1170px\9;
}
.container1 {
width: 100%;
}
/*loading鍔犺浇*/
.loading {
position: fixed;
width: 100%;
height: 100%;
/*background-color:#2f937e; */
z-index: 1000000;
background: -webkit-linear-gradient(45deg, #d8261d 0%, #d8261d 40%, #ff0f00 100%);
background: linear-gradient(45deg, #d8261d 0%, #d8261d 40%, #ff0f00 100%);
background-size: 600%;
background-position: 0% 100%;
-webkit-animation: gradient 1.5s ease-in-out 0s 1 alternate forwards;
animation: gradient 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes gradient {
100% {
background-position: 100% 0%;
}
}
@keyframes gradient {
100% {
background-position: 100% 0%;
}
}
.spinner {
width: 100px;
height: 30px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -15px;
}
.spinner>div {
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/*澶撮儴*/
.clearpadding {
padding: 0px;
margin: 0px;
}
#banner {
width: 100%;
position: relative;
}
.mousehover {
width: 26px;
height: 37px;
background: url(../images/mouse.png) no-repeat;
background-size: 26px;
position: absolute;
left: 50%;
margin-left: -13px;
bottom: 70px;
z-index: 1000;
}
.header_out{
/*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);*/
background-color: #fff;
height: auto;
/*overflow: hidden;*/
width: 100%;
}
.header_div {
width: 100%;
padding: 0px 8%;
height: 80px;
left: 0px;
top: 0px;
position: fixed;
z-index: 10000;
background-color: #d8261d;
background-color: #fff;
transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
/* box-shadow: 0px 2px 4px 0px #e5e5e5;*/
border-bottom:1px solid #ebebeb;
}
.header_div.header_div1 {
position: relative;
}
.i_logo {
/* width: 16.77%;
padding-top: 8px; */
float: left;
padding-top:9px;
}
.i_logo a{ display: block; float: left; padding: 10px;}
.i_logo img {
max-width: 80%;
}
.header_div.header_div1.fixedmenu {
position: fixed;
left: 0px;
top: 0px;
}
.i_phone {
height: ;
margin-top: 20px;
background: url(../images/tb1.png) left center no-repeat;
color: #fff;
color: #222;
font-size: 12px;
padding-left: 55px;
line-height: 1.3;
display: inline-block;
background-size:35px; padding-left:40px;
}
.i_phone .s1 {
font-size: 24px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
-webkit-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
-moz-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
*filter: Glow(Color=#fff, Strength=2);
font-size:18px;
}
.nav_menu {
width:55%;
margin-left:8%;
}
.nav_menu li {
width: 14.285%;
height: 80px;
float: left;
position: relative;
}
.nav_menu li .a_nav {
height: 80px;
width: 100%;
line-height: 80px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
display: inline-block;
color: #fff;
color: #222;
font-size: 16px;
text-align: center;
}
.nav_menu li .a_nav:hover,
.nav_menu li .a_nav.active,
.nav_menu li .a_nav.active1 {
color: #fff;
background-color: #d8261d;
text-decoration: none;
font-weight: bold;
}
.nav_menu li dl {
width: 100%;
position: absolute;
z-index: 10000;
display: none;
left: 0px;
top: 80px;
background-color: #d8261d;
}
.nav_menu li dl dd {
width: 100%;
float: left;
}
.nav_menu li dl dd a {
width: 100%;
float: left;
padding: 8px 8%;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
line-height: 1.5;
text-align: center;
display: inline-block;
overflow: hidden;
color: #ffffff;
font-size: 14px;
}
.nav_menu li dl dd a:hover {
color: #fff;
text-decoration: none;
background-color: #f1574f;
}
.home-swiper {
width: 100%;
height: 100%;
background: #000;
}
.home-swiper .swiper-slide {
text-align: center;
overflow: hidden;
font-size: 18px;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
width: 100%;
}
.home-swiper .swiper-slide img {
width: 100%;
/* display: none; */
}
/*棣栭〉鍐呭閮ㄥ垎*/
.ui_div {
width: 100%;
}
.ui_div1 {
width: 100%;
overflow: hidden;
}
.ui_div_center {
width: 1200px;
margin: 0px auto;
}
.ui_div_con {
width: 1400px;
margin: 0px auto;
}
/*鎵嬫満瀵艰埅*/
/* CSS Document */
.phone_nav {
display: none;
}
.phone_nav.phone_nav1 {
position: relative;
}
.phone_nav.phone_nav1.fixedmenu {
position: fixed;
top: 0px;
left: 0px;
z-index: 100000;
}
.phone_logo {
padding: 10px 0px;
}
.phone_logo .p1 img {
width: 100%;
}
@media screen and (max-width:1200px) {
.phone_logo .p1 {
display: block;
width: 27%;
display: inline-block;
}
.header_div {
display: none;
}
.phone_logo {
width: 100%;
padding: 15px 20px;
box-sizing: border-box;
}
.phone_nav {
display: block;
background-color: #fff;
position: fixed;
width: 100%;
top: 0;
left: 0;
display: block;
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
z-index: 100000;
}
/*瀵艰埅鎸夐挳*/
.phone_nav .nav_but_box {
display: block;
position: absolute;
width: 30px;
height: 30px;
right: 10px;
top: 50%;
margin-top: -15px;
z-index: 1;
transition: all 0.7s;
-webkit-transition: all 0.7s;
}
.phone_nav .nav_but {
display: inline-block;
position: relative;
width: 20px;
height: 2px;
z-index: 2;
margin: 13px 0 0 5px;
background: #d7261b;
-webkit-transition-property: background-color, -webkit-transform;
transition-property: background-color, -webkit-transform;
transition-property: background-color, transform;
transition-property: background-color, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.phone_nav .nav_but:before,
.nav_but:after {
content: '';
display: block;
width: 20px;
height: 2px;
position: absolute;
background: #d7261b;
transition-property: margin, -webkit-transform;
-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;
transition-duration: 300ms;
-webkit-transition-duration: 300ms;
}
.phone_nav .nav_but:before {
margin-top: -5px;
}
.phone_nav .nav_but:after {
margin-top: 5px;
}
/*鏍忕洰鍚嶇О*/
.phone_nav .nav_main {
height: 100%;
position: fixed;
right: 0;
opacity: 0;
width: 0;
transition: all 0.4s ease 0.3s;
-webkit-transition: all 0.4s ease 0.3s;
background-color: #d7261b;
overflow: hidden;
}
.phone_nav .nav_main ul {
padding: 0 20px;
margin-top: 40px;
}
.phone_nav .nav_main li a {
background-position: left;
color: #fff;
height: 46px;
line-height: 46px;
display: inline-block;
background-size: 32px;
background-repeat: no-repeat;
font-weight: bold;
}
.phone_nav .nav_main .ss {
border: 1px solid #fff;
margin-top: 20px;
}
.phone_nav .nav_main .ss .p2 {
float: right;
}
.phone_nav .nav_main .ss .p2 input {
border: 0;
width: 34px;
height: 34px;
}
.phone_nav .nav_main .ss .p1 {
display: block;
margin: 0 34px 0 5px;
}
.phone_nav .nav_main .ss .p1 input {
width: 100%;
height: 34px;
line-height: 34px;
background: none;
border: 0;
font-family: "Microsoft YaHei";
font-size: 14px;
color: #fff;
}
.phone_nav .nav_main li b {
display: inline-block;
position: absolute;
right: 10px;
top: 0px;
width: 50%;
height: 50px;
background: url("../images/lmfooter_bottom.png") center right no-repeat;
z-index: 99;
}
.phone_nav .nav_main .ul {
padding: 0 0 0px 40px;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s;
-webkit-transition: max-height 0.4s;
}
.phone_nav .nav_main .ul li {
padding: 0;
border-bottom: 0;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.phone_nav .nav_main .ul li a {
padding: 0;
height: auto;
padding: 5px 0px;
line-height: 1.5;
/* line-height:30px;*/
font-weight: normal
}
.phone_nav .nav_main .b_one .ul {
max-height: 300px;
padding: 0px;
/*padding:0 0 0px 40px;*/
margin-bottom: 10px;
}
.phone_nav .nav_main li {
width: 100%;
transform: translateX(100px);
-webkit-transform: translateX(100px);
transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
border-bottom: 1px solid rgba(225, 225, 225, 0.5);
padding: 0 20px;
position: relative;
}
.phone_nav .nav_main li:nth-of-type(1) {
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}
.phone_nav .nav_main li:nth-of-type(2) {
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.phone_nav .nav_main li:nth-of-type(3) {
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.phone_nav .nav_main li:nth-of-type(4) {
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.phone_nav .nav_main li:nth-of-type(5) {
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
.phone_nav .nav_main li:nth-of-type(6) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.phone_nav .nav_main li:nth-of-type(7) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.phone_nav .nav_main li:nth-of-type(8) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.phone_nav .nav_main li:nth-of-type(9) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.phone_nav .nav_main li:nth-of-type(10) {
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
/*鎵撳紑鏍峰紡*/
.phone_nav_one {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.phone_nav_one .nav_main {
opacity: 1;
width: 100%;
overflow: inherit;
}
.phone_nav_one .nav_but {
background: rgba(0, 0, 0, 0);
}
.phone_nav_one .nav_but:before {
margin-top: 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.phone_nav_one .nav_but:after {
margin-top: 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.phone_nav_one .nav_but_box {
opacity: 0.8;
}
.phone_nav_one .nav_main li {
width: 100%;
transform: translateX(0);
-webkit-transform: translateX(0);
}
}
@media screen and (max-width:470px) {
/*--768-0--*/
.phone_logo {
padding: 10px 10px
}
.phone_nav .nav_main ul {
height: 410px;
}
.phone_nav .nav_main .b_one .ul {
height: auto;
}
}
@media screen and (max-width:758px) {
/*--768-0--*/
/*.phone_nav .nav_but_box{ top:34px; right:10px;}*/
.phone_nav .nav_main ul {
margin-top: 20px;
height: 300px;
overflow-y: auto;
box-sizing: border-box;
}
.phone_nav .nav_main .b_one .ul {
height: auto;
}
}
/*鎵嬫満瀵艰埅*/
.i_bg1 {
background: url(../images/bg2.jpg) center center no-repeat;
background-size: cover;
}
.i_bg2 {
/*background-color: #d8261d;
background-color: #4d4d4d;*/
background-color: #323232;
}
.i_box1 {
width: 100%;
padding: 110px 0px 160px 0px;
}
.i_box1 .a_img {
width: 45.66%;
display: inline-block;
overflow: hidden;
-moz-border-radius: 15px;
/* Gecko browsers */
-webkit-border-radius: 15px;
/* Webkit browsers */
border-radius: 15px;
/* W3C syntax */
}
.i_box1 .a_img img {
width: 100%;
}
.i_box1 .a_img_r {
width: 48%;
}
.i_box1 .a_img_r_t {
width: 100%;
/* height:94px;*/
/* line-height: 57px !important; */
overflow: hidden;
color: #000000;
font-size: 34px;
}
.i_box1 .a_img_r_t img{ float: left;}
.i_box1 .a_img_r_t .s1 {
color: #d7261b;
font-size: 40px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.about_tit{ float: left;}
.about_tit p{ font-size: 14px;}
.i_box1 .a_img_r_ft {
width: 100%;
margin: 24px 0px 18px 0px;
padding: 5px 0px;
line-height: 1.5;
color: #333111;
font-size: 20px;
}
.i_box1 .a_img_r_c {
width: 100%;
height: 124px;
line-height: 24px;
color: #666666;
font-size: 14px;
overflow: hidden;
}
.i_box1 .a_more {
width: 120px;
height: 34px;
line-height: 34px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
margin-top: 20px;
color: #000000;
font-size: 14px;
display: inline-block;
overflow: hidden;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/tb4.png) left bottom no-repeat;
}
.i_box1 .a_more:hover {
text-decoration: none;
color: #d7261b;
background: url(../images/tb5.png) left bottom no-repeat;
}
.i_box2 {
width: 100%;
position: relative;
z-index: 11;
padding: 70px 0px 110px 0px;
}
.i_box2_t {
width: 100%;
text-align: center;
height: 85px;
line-height: 85px;
color: #fff;
font-size: 46px;
position: relative;
}
.i_box2_t:after {
content: "";
width: 84px;
height: 4px;
background-color: #fff;
position: absolute;
left: 50%;
margin-left: -42px;
bottom: 0px;
-moz-border-radius: 2px;
/* Gecko browsers */
-webkit-border-radius: 2px;
/* Webkit browsers */
border-radius: 2px;
/* W3C syntax */
}
.i_box2_t.actwo {
color: #000;
}
.i_box2_t.actwo:after {
background-color: #000;
}
.i_box2_t.actwo1 {
color: #000;
}
.i_box2_t.actwo1:after {
background-color: transparent;
}
.i_box2_bt {
width: 100%;
margin-top: 23px;
padding-bottom: 30px;
line-height: 30px;
text-align: center;
overflow: hidden;
color: #fff;
font-size: 20px;
}
.i_box2_bt.actwo {
color: #333111;
}
.i_box2_t.actwo2 {
color: #fff;
color: #000;
}
.i_box2_t.actwo2:after {
background-color: transparent;
}
.i_box2_tmenu {
width: 100%;
padding: 25px 0px 55px;
text-align: center;
}
.i_box2_tmenu a {
width: 143px;
height: 46px;
margin: 0px 13px;
border: 1px solid #80b4ff;
border: 1px solid #ccc;
display: inline-block;
overflow: hidden;
text-align: center;
line-height: 46px;
color: #fff;
color: #000;
font-size: 16px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
}
.i_box2_tmenu a:hover,
.i_box2_tmenu a.activenews {
border: 1px solid #d8261d;
background-color: #d8261d;
text-decoration: none;
color: #fff;
}
.i_box2_c {
width: 100%;
}
.i_box2_con {
width: 100%;
display: none;
}
.i_box2ul {
width: 100%;
}
.i_box2ul dt {
width: 49%;
padding-right: 2%;
float: left;
font-weight: normal;
}
.i_box2ul dt .a_img {
width: 100%;
float: left;
display: inline-block;
overflow: hidden;
position: relative;
}
.i_box2ul dt .a_img img {
width: 100%;
}
.i_box2ul dt .a_img .a_text {
width: 100%;
color: #fff;
font-size: 14px;
background: url(../images/tb2.png) repeat;
position: absolute;
left: 0px;
bottom: 0px;
padding: 15px;
}
.i_box2ul dt .a_img .a_text .s1 {
width: 100%;
height: 33px;
line-height: 33px;
overflow: hidden;
font-size: 18px;
}
.i_box2ul dt .a_img .a_text .s2 {
width: 100%;
height: 23px;
line-height: 23px;
overflow: hidden;
}
.i_box2ul dd {
width: 51%;
float: left;
padding-bottom: 25px;
}
.i_box2ul dd .div {
width: 100%;
float: left;
background-color: #f3f5f7;
display: inline-block;
overflow: hidden;
color: #666666;
font-size: 14px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
background-color:#fff;
}
.i_box2ul dd .div:hover {
color: #666;
text-decoration: none;
background-color: #fff;
}
.i_box2ul dd .div .a_img {
width: 27%;
display: inline-block;
overflow: hidden;
}
.i_box2ul dd .div .a_img img {
width: 100%;
}
.i_box2ul dd .div .a_img_r {
width: 70%;
padding: 15px 5% 0px 0px;
}
.i_box2ul dd .div .a_img_r .s1 {
width: 100%;
height: 32px;
line-height: 32px;
overflow: hidden;
color: #333;
font-size: 18px;
}
.i_box2ul dd .div .a_img_r .s2 {
width: 100%;
height: 40px;
line-height: 20px;
overflow: hidden;
}
.i_box2ul dd .div .a_img_r .s3 {
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
color: #999999;
}
.i_box2ul dd .div:hover .a_img_r .s1 {
color: #d52525;
text-decoration: none;
}
.home-swiper1 {
width: 100%;
padding-bottom: 75px;
}
.home-swiper1 .swiper-slide {
width: 100%;
height: auto;
font-size: 18px;
padding: 0px 0.5%;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
/*padding: 0px 1%;*/
padding:0px; position:relative;
}
.home-swiper1 .swiper-slide .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
}
.home-swiper1 .swiper-slide .a_img img {
width: 100%;
}
.home-swiper1 .swiper-slide .a_text {
width: 100%;
height: 78px;
line-height: 78px;
text-align: center;
color: #fff;
display: inline-block;
color: #ffffff;
font-size: 20px;
position:absolute; left:0px; bottom:0px; z-index:1; background:url("../images/bg_001.png") repeat;
}
.home-swiper1 .swiper-slide .a_text:hover {
text-decoration: none;
color: #fff;
}
.i_box3 {
width: 100%;
padding: 65px 0px 20px 0px;
}
.i_box3_c {
width: 100%;
}
.i_box3_b {
width: 100%;
text-align: center;
padding: 50px 0px 90px 0px;
}
.i_boxa {
padding: 10px 44px;
line-height: 28px;
display: inline-block;
color: #333333;
font-size: 16px;
border: 1px solid #cfcfcf;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
}
.i_boxa:hover {
border: 1px solid #d7261b;
background-color: #d7261b;
color: #fff;
text-decoration: none;
}
/*3-鏃犵紳浠庡乏寰€鍙虫粴鍔?/
#demo {
overflow: hidden;
}
#indemo {
float: left;
width: 8000%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
.newc {
float: left;
width: 466px;
height: 318px;
overflow: hidden;
margin:0px 13px;
}
.newc .a_img {
width: 466px;
height: 318px;
position: relative;
display: inline-block;
overflow: hidden;
}
.newc .a_img img {
width: 466px;
height: 318px;
}
.newc .a_img .a_text {
width: 100%;
height: 47px;
display: none;
line-height: 47px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
background: url(../images/tb_015.png) repeat;
position: absolute;
left: 0px;
bottom: 0px;
text-align: center;
color: #fff;
font-size: 18px;
}
.newc .a_img .a_div {
width: 466px;
height: 318px;
padding: 60px 40px 0px 40px;
background-color: #d7261b;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
left: 0px;
top: 0px;
}
.newc .a_img .a_div .s1 {
width: 100%;
height: 55px;
line-height: 55px;
overflow: hidden;
text-align: center;
font-size: 18px;
}
.newc .a_img .a_div .s2 {
width: 100%;
height: 88px;
line-height: 22px;
overflow: hidden;
margin-bottom: 10px;
font-size: 14px;
}
.newc .a_img .a_div .s3 {
width: 100%;
height: 32px;
background: url(../images/tb_016.png) bottom center no-repeat;
line-height: 32px;
overflow: hidden;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.newc .a_img:hover .a_div {
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation: flipInY 0.8s infinite linear both;
animation: flipInY 0.8s infinite linear both;
animation-iteration-count: 1
}
.newc .a_img:hover .a_text {
bottom: -47px;
}
.i_box4 {
width: 100%;
padding: 75px 0px 118px 0px;
}
.i_box5 {
width: 100%;
padding: 75px 0px 65px 0px;
}
.i_box5_c {
width: 100%;
padding-top: 35px;
}
.home-swiper2 {
width: 100%;
padding-bottom: 60px;
}
.home-swiper2 .swiper-slide {
width: 100%;
height: auto;
font-size: 18px;
padding: 0px 0.5%;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0px 1%;
}
.home-swiper2 .swiper-slide .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
}
.home-swiper2 .swiper-slide .a_img img {
width: 100%;
}
.home-swiper2 .swiper-slide .a_text {
width: 100%;
height: 55px;
line-height: 55px;
text-align: center;
color: #333333;
display: inline-block;
font-size: 16px;
}
.home-swiper2 .swiper-slide .a_text:hover {
text-decoration: none;
color: #d7261b;
}
/*3-鏃犵紳浠庡乏寰€鍙虫粴鍔?/
#demoz {
overflow: hidden;
}
#indemoz {
float: left;
width: 8000%;
}
#demo1z {
float: left;
}
#demo2z {
float: left;
}
.newcz {
float: left;
width: 242px;
height: 84px;
overflow: hidden;
margin-right: 23px;
}
.newcz a img {
width: 242px;
height: 84px;
}
.i_section {
position: relative;
box-sizing: border-box;
width: 100%;
}
.bg_blur {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/bg1.jpg);
background-size: cover;
background-attachment: fixed;
background-position-x: center !important;
/*opacity: 0.4;*/
z-index: 1;
}
.bg_blur1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/bg3.jpg);
background-size: cover;
background-attachment: fixed;
background-position-x: center !important;
/*opacity: 0.4;*/
z-index: 1;
}
.i_footer {
width: 100%;
padding: 60px 0px 15px 0px;
}
.i_footer.i_footer1 {
padding-top: 0px;
}
.i_link {
width: 100%;
padding-bottom: 35px;
}
.i_footer_c {
width: 100%;
/*border: 1px solid #6a6a6a;*/
border: 1px solid #2E2E30;
border-left: 0px;
border-right: 0px;
}
.i_footer_c_l {
width: 58%;
width: 70%;
padding: 30px 0;
}
.i_footer_c_l ul {
width: 100%;
}
.i_footer_c_l ul li {
width: 20%;
width: 16.66%;
float: left;
/* border-right: 1px solid #a6a6a6; */
/* padding-top: 30px; */
/* min-height: 220px; */
}
.i_footer_c_l ul li .a1 {
width: 100%;
float: left;
/*height: 55px;
line-height: 55px;*/
height: 35px;
line-height: 35px;
text-align: center;
font-size: 20px;
font-size:14px;
color: #f3f3f3;
color: rgba(255, 255, 255, 1);
color: #9e9e9e;
overflow: hidden;
}
.i_footer_c_l ul li .a1:hover {
color: #f3f3f3;
color: #fff;
text-decoration:none;
}
.i_footer_c_l ul li .a2 {
width: 100%;
height:25px;
line-height:25px;
float: left;
text-align: center;
color: #f3f3f3;
color:rgba(207, 207, 207, 1);
color: #9e9e9e;
font-size: 12px;
overflow: hidden;
}
.i_footer_c_l ul li .a2:hover {
color: #f3f3f3;
color: #fff; text-decoration:none;
}
.i_footer_c_r {
/* width: 42%; */
width: 15%;
width: 200px;
/* padding-top: 50px;
padding-left: 6%; */
/*margin: 50px 0;*/
margin:30px 0;
text-align: right;
float: right;
}
.i_footer_c_r dl {
width: 100%;
}
.i_footer_c_r dl dd {
width: 60%;
/* float: left; */
/* padding-right: 5%; */
text-align:right;
color: #fff;
font-size: 14px;
line-height: 2;
margin-left: 40%;
}
.i_footer_c_r dl dd img {
width: 100%;
}
.i_footer_c_r dl dt {
width:100%;
/* float: left; */
color: #fff;
color: rgba(207, 207, 207, 1);
color:#9e9e9e;
font-size: 12px;
line-height: 1.8;
padding-top:10px;
font-weight: normal;
text-align: right;
}
.i_footer_c_r dl dt span {
font-size: 16px;
}
.i_footer_b {
width: 100%;
padding: 20px 0px;
line-height: 1.8;
text-align: center;
overflow: hidden;
color: #fff;
color: rgba(207, 207, 207, 1);
color:#9e9e9e;
font-size: 12px;
}
.i_footer_b a,
.i_footer_b a:hover {
color: #fff;
color: rgba(207, 207, 207, 1);
color:#9e9e9e;
}
/*鍐呴〉*/
.n_bg1 {
background-color: #ddeffb;
background-color: #fff;
}
.n_banner {
width: 100%;
height: 493px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.n_banner_text {
width: 100%;
color: #fff;
font-size: 30px;
text-align: center;
position: absolute;
left: 0px;
top: 40%;
/*webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);*/
z-index: 111;
}
.n_banner_text span {
font-size: 45px;
font-family: "寰蒋闆呴粦";
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.pc_amenu {
width: 100%;
background-color: #fff;
z-index: 10000;
/*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);*/
box-shadow: 0px 2px 10px 0px #e5e5e5;
/* height: 50px; */
float: left;
}
.a_menu {
width: 100%;
margin: 0px;
padding: 0px;
height: 60px;
overflow: hidden;
text-align: center;
}
.a_menu .a_menu_a {
padding: 0px;
margin: 0px;
padding: 0px 30px;
height: 60px;
margin: 0px 5px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
display: inline-block;
overflow: hidden;
text-align: center;
line-height: 60px;
color: #333333;
font-size: 16px;
}
.a_menu .a_menu_a:hover,
.a_menu .a_menu_a.activetm1 {
color: #fff;
/* background: url(../images/img9.jpg) repeat-x; */
text-decoration: none;
background-color: #d7261b;
font-weight: bold;
}
.a_zxlmenu {
width: 100%;
position: relative;
display: none;
z-index: 10;
}
.a_zxlmenu_t {
width: 100%;
padding: 3% 0px;
background: url(../images/zxl_jt1.jpg) right center no-repeat;
font-size: 16px;
text-align: center;
background-color: #d7261b;
color: #fff;
cursor: pointer;
background-size: 30px;
}
.a_zxlmenu_c {
width: 100%;
height: 300px;
overflow-y: auto;
position: absolute;
left: 0px;
top: 100%;
margin: 0px;
padding: 0px;
background-color: #eeeeee;
text-indent: 0px;
display: none;
-moz-box-shadow: 0px 0px 10px #c7c5bf;
/*firefox*/
-webkit-box-shadow: 0px 0px 10px #c7c5bf;
/*webkit*/
box-shadow: 0px 0px 10px #c7c5bf;
/*opera鎴杋e9*/
}
.a_zxlmenu_c li {
width: 100%;
float: left;
text-align: center;
}
.a_zxlmenu_c li .aone {
width: 100%;
padding: 3% 0px;
display: inline-block;
color: #d7261b;
font-size: 14px;
text-decoration: none;
text-indent: 0px;
}
.a_zxlmenu_c li .aone:hover,
.a_zxlmenu_c li .aone.activetwo {
color: #fff;
text-decoration: none;
background-color: #f24b41;
}
.a_zxlmenu_c li dl {
width: 100%;
border-bottom: 1px solid #ccc;
display: none;
}
.a_zxlmenu_c li dl dd {
width: 100%;
float: left;
text-align: center;
}
.a_zxlmenu_c li dl dd a,
.a_zxlmenu_c li dl dd a:hover {
width: 100%;
padding: 3% 0px;
display: inline-block;
color: #333;
font-size: 14px;
text-decoration: none;
text-indent: 0px;
}
.n_box1 {
width: 100%;
padding: 25px 0px 65px 0px;
padding: 0px 0px 40px 0px;
}
.n_box1_t {
width: 100%;
/* height: 30px; */
line-height: 30px;
text-align: right;
}
.n_box1_t .s1 {
background: url(../images/tb6.png) left center no-repeat;
height: 30px;
line-height: 30px;
display: inline-block;
padding-left: 30px;
color: #333333;
font-size: 14px;
margin-top: 30px;
}
.n_box1_t .s1 a,
.n_box1_t .s1 a:hover {
color: #333;
}
.n_box2 {
width: 100%;
padding-top: 30px;
}
.n_box2_t {
padding: 5px 0px;
list-style: 1.5;
text-align: center;
color: #333333;
font-size: 24px;
}
.n_box2_c {
width: 100%;
padding-top: 30px;
line-height: 2;
color: #333333;
font-size: 14px;
overflow: hidden;
}
.n_box2_c img {
max-width: 100%;
height: auto;
}
.n_ryzzdiv {
width: 98%;
margin-top: 30px;
background-color: #fff;
margin-left: 1%;
}
.n_ryzzdiv_l {
width: 38%;
display: inline-block;
overflow: hidden;
}
.n_ryzzdiv_l img {
width: 100%;
}
.n_ryzzdiv_r {
width: 62%;
padding: 0px 20px;
}
.n_ryzzdiv_rt {
width: 100%;
padding: 8% 0px 10px 45px;
}
.n_ryzzdiv_rtc {
width: 100%;
height: 90px;
line-height: 30px;
overflow: hidden;
color: #333;
font-size: 14px;
}
.n_ryzzdiv_rc {
width: 100%;
padding: 0px 45px;
position: relative;
}
.home-swiper1z {
width: 100%;
height: 100%;
}
.home-swiper1z .swiper-slide {
text-align: center;
font-size: 18px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 1;
width: 100%;
padding: 0px 1%;
}
.home-swiper1z .swiper-slide .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
}
.home-swiper1z .swiper-slide .a_img img {
width: 100%;
}
.home-swiper1z .swiper-slide .a_text {
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
color: #333333;
color: #333333;
font-size: 16px;
}
.home-swiper1z .swiper-slide .a_text:hover {
text-decoration: none;
color: #d8261d;
}
.n_ryzzdiv_rc .home-nextz {
width: 48px !important;
height: 48px !important;
background: url(../images/tb_014_r.png) right top no-repeat !important;
margin-top: -38px !important;
right: -10px !important;
}
.n_ryzzdiv_rc .home-prevz {
width: 48px !important;
height: 48px !important;
background: url(../images/tb_014.png) left top no-repeat !important;
margin-top: -38px !important;
left: -10px !important;
}
.n_box3 {
width: 100%;
padding-top: 55px;
}
.n_box3 li {
width: 25%;
float: left;
padding: 0px 1%;
}
.n_box3 li .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
}
.n_box3 li .a_img img {
width: 100%;
}
.n_box3 li .a_text {
width: 100%;
height: 50px;
line-height: 50px;
display: inline-block;
overflow: hidden;
text-align: center;
color: #333333;
font-size: 16px;
}
.n_box3 li .a_text:hover {
text-decoration: none;
color: #d8261d;
}
.n_box4 {
width: 100%;
padding-top: 45px;
}
.n_box4 li {
width: 33.33%;
float: left;
padding: 0px 1%;
}
.n_box4 li .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
}
.n_box4 li .a_img img {
width: 100%;
}
.n_box4 li .a_text {
width: 100%;
height: 85px;
line-height: 45px;
display: inline-block;
overflow: hidden;
text-align: center;
color: #333333;
font-size: 16px;
}
.n_box4 li .a_text:hover {
text-decoration: none;
color: #d8261d;
}
.a_mtbd_dpages {
width: 100%;
text-align: center;
padding-top: 35px;
font-size: 16px;
}
.a_mtbd_dpages a {
width: 40px;
height: 40px;
margin-bottom: 5px;
line-height: 40px;
text-align: center;
-moz-border-radius: 100%;
/* Gecko browsers */
-webkit-border-radius: 100%;
/* Webkit browsers */
border-radius: 100%;
/* W3C syntax */
background-color:#e3e3e3;
color: #333;
display: inline-block;
}
.a_mtbd_dpages a:hover,
.a_mtbd_dpages a.activepages {
color: #fff;
text-decoration: none;
background-color: #d8261d;
}
.a_mtbd_dpages .a1 {
width: auto;
padding: 0px 30px;
-moz-border-radius: 20px;
/* Gecko browsers */
-webkit-border-radius: 20px;
/* Webkit browsers */
border-radius: 20px;
/* W3C syntax */
background-color:#e3e3e3;
}
.n_box41 {
width: 100%;
padding-top: 30px;
}
.n_box41 li {
width: 33.33%;
padding: 0px 1% 2% 1%;
float: left;
}
.n_box41 li .a_div {
width: 100%;
border: 1px solid #f0efef;
background-color: #ffffff;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
cursor: pointer;
color: #999999;
display: inline-block;
overflow: hidden;
font-size: 14px;
}
.n_box41 li .a_div:hover {
background-color: #006eec;
color: #fff;
text-decoration: none;
}
.n_box41 li .a_div .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
}
.n_box41 li .a_div .a_img img {
width: 100%;
}
.n_box41 li .a_div .text {
width: 100%;
}
.n_box41 li .a_div .text_div {
width: 85%;
height: 190px;
margin: 0px auto;
position: relative;
}
.n_box41 li .a_div .text_div .s1 {
width: 100%;
height: 28px;
line-height: 28px;
overflow: hidden;
margin: 5% 0px;
color: #444444;
font-size: 16px;
display: inline-block;
word-wrap: break-word;
}
.n_box41 li .a_div .text_div .s2 {
width: 100%;
height: 66px;
overflow: hidden;
line-height: 22px;
/*text-indent: 20px;*/
word-wrap: break-word;
}
.n_box41 li .a_div .text_div .s3 {
width: 100%;
height: 27px;
line-height: 27px;
margin-top: 5%;
position: absolute;
left: 0px;
bottom: 7%;
}
.n_box41 li .a_div .text_div .s3 .a1 {
width: 33px;
margin-top: 2px;
height: 23px;
border: 2px solid #bfbfbf;
color: #bfbfbf;
line-height: 20px;
text-align: center;
display: inline-block;
}
.n_box41 li .a_div:hover .text_div .s1,
.n_box41 li .a_div:hover .text_div .s3 .a1 {
color: #fff;
color: #fff;
}
.n_box41 li .a_div:hover .text_div .s3 .a1 {
border: 2px solid #fff;
}
.a_tzjyg_cdetsl {
width: 100%;
padding-top: 45px;
}
.a_tzjyg_c_t {
width: 100%;
padding: 10px 0px;
line-height: 1.7;
text-align: center;
color: #333333;
font-size: 18px;
}
.a_tzjyg_c_time {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
color: #666666;
font-size: 14px;
border-bottom: 1px solid #ddd;
}
.a_tzjyg_c_time span {
display: inline-block;
height: 20px;
line-height: 20px;
}
.a_tzjyg_c_ton {
width: 100%;
padding: 25px 0px;
line-height: 2;
overflow: hidden;
color: #666;
font-size: 14px;
}
.a_tzjyg_c_ton img {
max-width: 100%;
height: auto !important;
}
.a_tzjyg_c_tb {
width: 100%;
margin-top: 20px;
overflow: hidden;
position: relative;
}
.a_tzjyg_c_tb .a1 {
width: 50%;
height: 30px;
line-height: 30px;
color: #333333;
font-size: 14px;
display: inline-block;
overflow: hidden;
}
.a_tzjyg_c_tb .a1:hover {
text-decoration: none;
color: #0073f1;
}
.a_tzjyg_c_tb .a1.a2 {
text-align: right
}
.n_lxwm_t {
width: 100%;
padding-top: 45px;
}
.n_lxwm_tl {
width: 45%;
padding-top: 25px;
color: #333333;
font-size: 14px;
line-height: 2;
overflow: hidden;
}
.n_lxwm_tl .s1 {
font-size: 24px;
}
.n_lxwm_tl img {
max-width: 100%;
}
.n_lxwm_tr {
width: 50%;
overflow: hidden;
}
.n_lxwm_tr #allmap {
width: 100%;
height: 410px;
}
.a_zxly {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
padding: 4% 0px 4% 0px;
}
.a_zxly_c {
width: 100%;
margin: 0px auto;
}
.a_zxly_ul {
width: 100%;
margin: 0px;
padding: 0px;
}
.a_zxly_ul li {
width: 100%;
padding-bottom: 1%;
float: left;
}
.a_zxly_ul li .s1 {
width: 50%;
}
.a_zxly_ul li .s2 {
width: 50%;
text-align: center;
}
.a_zxly_ul li .ipt1 {
width: 98%;
background-color: #fff;
height: 40px;
border: 0px;
line-height: 40px;
color: #888888;
font-family: "寰蒋闆呴粦";
font-size: 14px;
text-indent: 15px;
}
.a_zxly_ul li .ipt2 {
height: 163px;
width: 100%;
text-indent: 15px;
border: 0px;
padding: 5px;
color: #888888;
font-family: "寰蒋闆呴粦";
font-size: 14px;
}
.a_zxly_ul li .s3 {
width: 100%;
text-align: center;
padding: 20px 0px;
}
.a_zxly_ul li .ipt3 {
width: 50%;
height: 38px;
line-height: 38px;
border: 0px;
-moz-border-radius: 19px;
/* Gecko browsers */
-webkit-border-radius: 19px;
/* Webkit browsers */
border-radius: 19px;
/* W3C syntax */
cursor: pointer;
background-color: #d8261d;
color: #fff;
text-align: center;
display: inline-block;
font-size: 16px;
font-family: "寰蒋闆呴粦";
}
.a_nytitle1 {
font-size: 20px;
color: #fff;
width: 100%;
text-align: center;
padding-bottom: 15px;
line-height: 1.5;
margin-bottom: 20px;
}
.a_nytitle1 .s1 {
color: #fff;
font-size: 35px;
font-family: Arial, Helvetica, sans-serif;
}
.a_nytitle1 .s2 {
width: 100%;
display: inline-block;
height: 25px;
line-height: 25px;
background: url(../images/tb_23.png) center no-repeat;
}
.n_box5 {
width: 100%;
padding: 50px 0px 5px 0px;
}
.n_box5_c {
width: 100%;
padding: 30px 1% 40px 1%;
background-color: #fff;
}
.n_box5_c_t {
width: 100%;
padding: 0px 1% 11px 1%;
border-bottom: 1px solid #e5e5e5;
}
.n_box5_c_t a {
padding: 0px 15px;
height: 26px;
line-height: 26px;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
float: left;
display: inline-block;
overflow: hidden;
color: #333333;
font-size: 16px;
margin: 0px 5px 24px 0px;
}
.n_box5_c_t a:hover,
.n_box5_c_t a.activepro {
background-color: #d8261d;
color: #fff;
text-decoration: none;
}
.n_box5_c_con {
width: 100%;
padding-top: 40px;
}
.n_box5_c_con li {
width: 25%;
float: left;
padding: 0px 1% 2% 1%;
}
.n_box5_c_con li .a_img {
width: 100%;
display: inline-block;
overflow: hidden;
border: 1px solid #e5e5e5;
position: relative;
}
.n_box5_c_con li .a_img img {
width: 100%;
}
.n_box5_c_con li .a_img .tb1 {
width: 100%;
display: none;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
background: url(../images/tb7.png) repeat;
}
.n_box5_c_con li .a_img .tb2 {
padding: 0px 20px;
height: 34px;
-moz-border-radius: 17px;
/* Gecko browsers */
-webkit-border-radius: 17px;
/* Webkit browsers */
border-radius: 17px;
/* W3C syntax */
line-height: 34px;
border: 1px solid #fff;
color: #fff;
font-size: 14px;
display: inline-block;
overflow: hidden;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: none;
}
.n_box5_c_con li .a_img:hover .tb1 {
display: block;
}
.n_box5_c_con li .a_img:hover .tb2 {
display: block;
}
.n_box5_c_con li .a_text {
width: 100%;
height: 45px;
line-height: 45px;
display: inline-block;
overflow: hidden;
text-align: center;
color: #333333;
font-size: 16px;
}
.n_box5_c_con li .a_text:hover {
text-decoration: none;
color: #0073f1;
}
.Rotation img {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.Rotation:hover img {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.arrowGo {
animation: arrowGo 2.5s infinite;
-webkit-animation: arrowGo 2.5s infinite;
}
@-webkit-keyframes arrowGo {
0% {
-webkit-transform: translate(0, 30%);
}
50% {
-webkit-transform: translate(0, 0%);
}
100% {
-webkit-transform: translate(0, 30%);
}
}
@keyframes arrowGo {
0% {
transform: translate(0, 30%);
}
50% {
transform: translate(0, 0%);
}
100% {
transform: translate(0, 30%);
}
}
.Amplification img {
transition: 400ms;
filter: Alpha(Opacity=100);
opacity: 1;
}
.Amplification:hover img {
filter: Alpha(Opacity=100);
opacity: 1;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.Amplification1 .img1 {
transition: 400ms;
filter: Alpha(Opacity=100);
opacity: 1;
}
.Amplification1:hover .img1 {
filter: Alpha(Opacity=100);
opacity: 1;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
@-webkit-keyframes hvr-bob {
0% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes hvr-bob {
0% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}