@charset "utf-8";

/* 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: 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;}

.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(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: #FE7900;}

.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:#FE7900;}

.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: #FE7900;}

.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;}

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

.div_header{margin: 0 auto; width: 1400px !important;}

.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: #FE7900; font-size:24px;}

.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*/

.slide{max-width:100%;height:auto;margin:0 auto;position:relative;z-index:999;overflow:hidden;margin-top: 100px;}

.slide ul{width:10000%;list-style-type:none}

.next_btn{

    position:absolute;

    width:40px;height:60px;

    line-height:26px;

    text-align:center;opacity:.5;

    vertical-align:middle;

    background: url(right.png)no-repeat;

    right:5px;top:50%;

    color:#fff;

    display:inline-block;cursor:pointer;

}

.prev_btn{

    position:absolute;

    width:40px;

    height:60px;

    line-height:26px;

    text-align:center;opacity:.9;

    vertical-align:middle;

    background: url(left.png)no-repeat;

    left:5px;top:50%;color:#fff;

    display:inline-block;cursor:pointer

}

.slide ul:after{content:'';clear:both;display:block}

.slide ul li{float:left;text-align:center}

.slide ul li a{width: 100%;height: 100%;display: block;}

.slide ul li a img{vertical-align:middle;max-width:100%}

.slide .circle_btn{position:absolute;bottom:15px;text-align:center;left:0;display:table;margin:0 auto;width:100%}

.slide .circle_btn button{box-sizing:content-box;opacity:.8;outline:none;border:none;padding:2px 18px;background:rgba(255,255,255,.2);margin:2px 5px;overflow:hidden;transition:all .6s;cursor:pointer}

.slide .circle_btn button.active{background:rgba(167,167,167,.8)}



/*footer*/

.footer{

    width: 100%;

    height: 424px;

    background:url(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: #FE7900;}

.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(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(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: #FE7900;}

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

.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: #FE7900;}



/********************************************************************** 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%, #FE7900), 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 #FE7900;box-shadow: 0 0 15px #FE7900; }

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

.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;

}