/* CSS Document */



body,

div,

ul,

ol,

dl,

dt,

dd,

li,

dl,

h1,

h2,

h3,

h4,

p {

    margin: 0;

    padding: 0;

    font-style: normal;

    font-family: 'Microsoft Yahei', 'arial';

}

body{

    overflow-x: hidden;

}

ol,

ul,

li {

    list-style: none;

}

img {

    border: 0;

    vertical-align: middle;

}

.clear {

    clear: both;

}

a {

    text-decoration: none;

}

.all_bg {

	width: 95%;
    max-width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;

}

.wes {

    /* 多出部分用省略号表示 , 用于一行 */

    overflow: hidden;

    word-wrap: normal;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

/* 禁止选中文本 */

.usn {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

}

.animated {

	-webkit-animation-duration: 1.5s;

	-moz-animation-duration: 1.5s;

	-ms-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-fill-mode: both;

	-moz-animation-fill-mode: both;

	-ms-animation-fill-mode: both;

	animation-fill-mode: both;

}



/*nav*/

.head_fix{width: 100%;height: 100px;position: fixed;top: 0;left: 0;z-index: 9999999;background: #fff; box-shadow:0 3px 9px rgba(0,0,0,.2);}

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.nav{float: left;position: relative; z-index:99999}

.nav a{color: #101010;}

.nav .nLi { float: left;position: relative;display: inline;}

.nav .nLi h3{float: left;margin: 0px;padding: 0px;display: block;}

.nav .nLi h3 i{display: block;height: 25px;position: absolute;width: 25px;background-image:url(../image/ico.png);background-repeat: no-repeat;margin-top: 25px;margin-left: 30px;}

.nav .nLi h3 a{display: block;font-size: 15px;font-weight: bold;height:100px;margin: 0px;padding-top: 0;padding-bottom: 0;line-height: 140px; width:90px; text-align:center; text-decoration:none; }

.nav .nLi h3 a:hover,.nav .cur h3 a{color: #fff!important;background-color: #d4141a;}

.nav .sub{display: none;width:90px;left: 0;top:100px;position: absolute;background: #eee;line-height: 26px;padding: 3px 0;filter: alpha(opacity=90);opacity: 0.9; margin:0px;}

.nav .sub li{zoom: 1; font-size:14px;list-style-type: none;margin-top:4px;}

.nav .sub li:first-child{color:#d4141a;}

.nav .sub a{display: block;padding: 0 10px; font-size:14px; color: #333;text-decoration:none;}

.nav .sub a:hover{background: #333;color: #fff;}

.nav .on h3 a{color: #fff!important;background-color: #d4141a;}

.nav .a2{background-position: 0 -32px;}

.nav .a3{background-position: 0 -67px;}

.nav .a4{background-position: 0 -100px;}

.nav .a5{background-position: 0 -135px;}

.nav .a6{background-position: 0 -169px;}

.nav .a7{background-position: 0 -204px;}

.nav .a8{background-position: 0 -240px;}

.nav .a9{background-position: 0px -274px}

.nLi:hover ul{display:block;}

.nav .nLi h3:hover .a1,.nav .on .a1{background-position: -25px 0px;}

.nav .nLi h3:hover .a2,.nav .on .a2{background-position: -25px -32px;}

.nav .nLi h3:hover .a3,.nav .on .a3{background-position: -25px -67px;}

.nav .nLi h3:hover .a4,.nav .on .a4{background-position: -25px -100px;}

.nav .nLi h3:hover .a5,.nav .on .a5{background-position: -25px -135px;}

.nav .nLi h3:hover .a6,.nav .on .a6{background-position: -25px -169px;}

.nav .nLi h3:hover .a7,.nav .on .a7{background-position: -25px -204px;}

.nav .nLi h3:hover .a8,.nav .on .a8{background-position: -25px -240px;}

.nav .nLi h3:hover .a9,.nav .on .a9{background-position:-25px -274px;}

.phxia{display:none;}

.div_welcome_big_content{ min-width:1000px; overflow:hidden;}

.div_header{margin: 0 auto; width:95% !important; max-width:1350px; z-index:999;}

.div_header_cen{float: left; width:260px; height: 100px;}

.div_header.no{height: 215px;}

.a_logo_left{float: left; width:185px; height:51px;margin-top:26px;}

.div_header_register .a_logo_left{margin-top: 45px;}

.div_logo_menu{float:left; min-height:20px; margin:30px 0 0 0px;}

.div_logo_menu_b{float:left; margin-left:185px;}

.div_logo_menu_b a{float:left;height:40px; text-align:center; line-height:80px; font-size:14px; color:#768596;}

.div_logo_menu_b a.index,.div_logo_menu_b a:hover{color:#fff;}

.div_logo_menu a{float:left; width:66px; text-align:center; font-size:14px; color:#666;height:60px; line-height:60px;}

.div_logo_menu a:hover{background:#e05f12;color:#fff!important;}

.div_logo_menu a.index{margin-left:0px;}

.div_logo_menu a.index font,.div_logo_menu a:hover font{cursor:pointer;}

.div_logo_menu a.last{border-right:1px solid #f0f0f0;}

.head_phone{position: absolute; top: 20px; left: 50%; margin-left: 445px; color: #d4141a; font-size:24px; z-index:-1;}

.head_phone p{font-size: 16px;float: right;width: 130px;margin-left: -100px;margin-top: 20px;}

.head_phone p span{font-size: 14px;color: #101010;display: block;}


/*banner*/
.banner{width:100%; margin:100px auto 0; overflow:hidden; position:relative;}
.banner .swiper-slide{width:100%; margin:auto;}
.banner .swiper-slide .mb{display:none;}
.banner .swiper-slide img{width:100%; display:block; transform:scale(1.1); -webkit-transform:scale(1.1); -webkit-transition:all 0.4s linear 1.2s; transition:all 0.4s linear 1.2s; -webkit-transition:all 0.4s linear 1.2s;}
.banner .swiper-slide-active img{transition-delay:0.4s !important; transform:scale(1); -webkit-transform:scale(1);-webkit-transition:all 5.0s linear; transition:all 5.0s linear;}
.banner .swiper-pagination{bottom:40px !important;}
.banner .swiper-pagination-bullet{width:13px; height:13px; border-radius:50%; opacity:.9; margin:0 8px !important; background:#fff;}
.banner .swiper-pagination-bullet-active{background:#d4141a;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#fff; width:40px; height:40px; border-radius:10px 0; background:rgba(0,0,0,.5);}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:#d4141a;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:24px;}
.banner .swiper-button-prev{left:8%;}
.banner .swiper-button-next{right:8%;}


/*footer*/

.footer{

    width: 100%;

    height: 424px;

    background:url(../image/sy_footer_bg.png)no-repeat center;

}

.footer_nav{

    width: 100%;

    height: 157px;

    background-color: #ededed;

}

.footer_nav ul{

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: flex;

    justify-content: space-between;

}

.footer_nav li{

    float: left;

    text-align: center;

}

.footer_nav li a{

    width: 100%;

    display: block;

    color: #333;

    font-size: 16px;

}

.footer_nav li a i{

    display: block;

    font-style: normal;

    width: 26px;

    margin: 0 auto;

    height: 27px;

    overflow: hidden;

    margin-top: 50px;

}

.footer_nav li a i img{

    width: 100%;

}

.footer_nav li a span{

    display: block;

    width: 100%;

    text-align: center;

    color: #333;

    font-size: 16px;

    margin-top: 10px;

}

.footer_nav li a:hover span{color: #d4141a;}

.footer_nav li a:hover i img{margin-top: -27px;}

.footer_bottom{

    width: 100%;

    height: 267px;

}

.footer_fl{

    width: 458px;

    height: 100%;

}

.footer_phone{

    width: 215px;

    height: 86px;

    margin-top: 40px;

    text-align: center;

    color: #fff;

    background:url(../image/footer_phone_title.png)no-repeat center;

}

.footer_phone b{

    font-size: 25px;

    display: block;

    padding-top: 30px;

}

.footer_phone span{

    font-size: 14px;

}

.footer_icon{

    width: 100%;

    height: 56px;

    margin-top: 10px;

}

.footer_icon ul{

    width: 100%;

    height: 100%;

}

.footer_icon li{

    float: left;

    width: 56px;

    height: 100%;

    border-radius: 50%;

    background-color:rgb(255, 255, 255,0.29);

    margin-right: 20px;

    position: relative;

}

.footer_icon li a{

    width: 100%;

    height: 100%;

    display: block;

    position: relative;

}

.footer_icon li a span{

    width: 28px;

    height: 27px;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    transition: 0.6s;

    overflow: hidden;

}

.footer_icon li:nth-child(2) a span{width: 22px;}

.footer_icon li a span img{

    width: 100%;

}

.footer_ewm_hide{

    width: 56px;

    height: 56px;

    position: absolute;

    left: -0;

    top:57px;

    display: none;

}

.footer_ewm_hide img{

    width: 100%;

    height: 100%;

}

.footer_icon li:first-child a:hover .footer_ewm_hide{

    display: block;

}

.footer_fl p{

    font-size: 14px;

    margin-top: 16px;

    color: #fff;

}

.footer_fl p a{

    color: #fff;

}

.footer_fl p a:hover{color: #000;}

.footer_icon li:hover a span img{margin-top: -27px;}

.footer_fr{

    width: 680px;

    height: 100%;

    color: #a1a1a1;

}

.footer_contact{

    width: 510px;

    height: 145px;

    margin-top: 40px;

    overflow: hidden;

}

.footer_ewm{

    width: 114px;

    height: 145px;

    margin-top: 40px;

    overflow: hidden;

}

.footer_ewm img{

    width: 100%;

    height: 114px;

}

.footer_ewm p{

    font-size: 16px;

    text-align: center;

    width: 100%;

    line-height: 30px;

}

.footer_broken{

    width: 100%;

    height: 68px;

    background:url(../image/footer_broken_title.png)no-repeat top left;

}

.footer_broken ul{

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: flex;

    justify-content: space-between;

    

}

.footer_broken li{

    float: left;

}

.footer_broken li a{

    display: block;

    width: 100%;

    height: 100%;

    color: #a1a1a1;

    line-height: 106px;

}

.footer_broken li:first-child a{color: #d4141a;}

.footer_broken li:hover a{color: #d4141a;}

.footer_contact p{

    font-size: 14px;

    color: #a1a1a1;

    line-height: 28px;

    margin-top: 20px;

}

.footer_link{

    width: 100%;

    height: 56px;

    margin-top: 16px;

    overflow-y: auto;

}

.footer_link ul{

    width: 100%;

    height: 100%;

}

.footer_link li{

    float: left;

    color: #a1a1a1;

}

.footer_link li p{

    font-size: 16px;

    padding-right: 5px;

}

.footer_link li a{

    color: #a1a1a1;

    display: inline-block;

    font-size: 14px;

    padding: 0 5px 5px 5px;

}

.footer_link li a:hover{color: #d4141a;}



/********************************************************************** By Deng *****************************************************************************/

textarea::-webkit-input-placeholder {

  /* WebKit browsers */

	font-size:20px;

	

}

textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

	font-size:20px;

}

textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

	font-size:20px;

}

textarea::-ms-input-placeholder {

  /* Internet Explorer 10+ */

	font-size:20px;

}







/*fix_messages*/

.left_fix{

	width: 80px;

	height: 120px;

	position: fixed;

	left: 10px;

    bottom: 5%;

    overflow: hidden;

}

.left_fix a,.left_fix a img{

	width: 80px;

	height: 80px;

    display: block;

    border-radius: 50%;

    margin-bottom: 10px;

}

.middle_fix{

	width: 460px;

	height: 285px;

	background: #fff;

	position: fixed;

	left: 35%;

	top: 35%;

	display: none;

	border: 1px solid #d4d4d4;

    background-color: #fff;

    border-radius: 5px;

	box-shadow: 0 0 15px #d4d4d4;

	z-index: 99999999999;

}

.middle_fix span{

	display: block;

	float: left;

	font-size: 18px;

	padding: 30px 0 0 26px;

}

.middle_fix p{

	float: right;

	width: 47px;

	height: 26px;

	font-size: 16px;

	background: #fff;

	color: #333;

	text-align: center;

	line-height: 26px;

	border-radius: 2px;

}

.middle_fix p:hover{

	background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, #d4141a), color-stop(97%, #fc6368) );

	color: #fff;cursor: pointer;}

.middle_fix ul{

	width: 88%;

    margin: 0 auto;

    height: 175px;

    padding-top: 54px;

    overflow: hidden;

}

.middle_fix li{

	width: 26%;

	height: 100%;

	margin-right: 12%;

	float: left;

	text-align: center;

}

.middle_fix li:first-child{margin-right: 8%;}

.middle_fix li:last-child{margin-right: 0;}

.middle_fix li a{

	width: 100%;

	height: 100%;

	display: block;

}

.middle_fix li a img{

	width: 80px;

	height: 80px;

	border: 1px solid #fff;

	transition: .6s;

}

.middle_fix li:hover a img{border:1px solid #d4141a;box-shadow: 0 0 15px #d4141a; }

.middle_fix li:hover a b{color: #d4141a; }

.middle_fix li:nth-child(2):hover a img{width: 110px;height: 110px;}

.middle_fix li a b{

	font-size: 14px;

	display: block;

	font-weight: normal;

	text-align: center;

	width: 100%;

	padding-top: 6px;

	color: #333;

}