/*public.css*/
html, body { min-width: 1200px; }

/* icon */
.icon { background: url(../images/icon.png) no-repeat; vertical-align: middle; }

/* top */



/* top */
.myicon {
	display: inline-block;
	background: url(../images/icon02.png) no-repeat;
	vertical-align: middle;
}
.top {
	color: #666;
	background: #f2f2f2;
	font-size: 12px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	overflow: hidden;
}

/* info scroll on th top */
.info_scroll {
	display: inline-block;
	width: 100%;
	height: 40px;/*scroll height*/
	font-size: 12px;
	line-height: 40px;/*scroll height*/
	overflow: hidden;
}

.info_scroll .info_ul {
	width: 400px;
	height: auto;
	float: left;
	overflow: hidden;
	
}

.info_scroll .info_ul li {
	display: block;
	width: 100%;
	height: 40px;/*scroll height*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}

.info_scroll .info_ul li a:hover {
	text-decoration: underline;
}
.info_scroll .top_right{
	float: right;
}
.top_right .loginli {
	width: auto;
	margin-left: 20px;
	float: left;
}
.top_right .lang {
	color: #c99e06;
}
.top_right .loginli .myicon {
	width: 26px;
	height: 40px;
}

.top_right .loginli .myicon.myicon-login {
	background-position: -40px 0;
	color: #fff;
}

.top_right .loginli .myicon.myicon-reg {
	background-position: -66px 0;
}

.top_right .loginli .myicon.myicon-lang {
	background-position: -92px 0;
}
.top_right .font_cur{ font-weight: bold; color: #14bdde;}


.info_control {
	width: 10px;
	height: 100%;
	padding-top: 7px;
}

.info_control .info_btn {
	display: block;
	width: 0;
	height: 0;
	border-bottom: 6px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: .5;
	filter: opacity(50);
}

.info_control .info_btn.info_next {
	margin-top: 4px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.info_control .info_btn:hover {
	opacity: 1;
	filter: opacity(100);
}

.top .myicon.top_close {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-position: 0 0;
}

/*header*/
header { height: 110px; background: #fff; position: relative; z-index: 3; }
header a.logo { float: left; width: auto; height: 110px; }
header a.logo img { display: inline-block; vertical-align: middle; height: 100%; }
header .headr { float: right; width: auto; height: 100%; }

/* nav */
nav { float: left; height: 110px; padding-top: 32px; }
nav li { position: relative; float: left; height: 40px; padding:0 20px; }
nav li a { position: relative; width: 100%; height: 100%; display: block; line-height: 40px; color: #535353; font-size: 16px; background: transparent; text-align: right; }
nav li a i.fa-angle-down { font-size: 12px; }

nav li.on a { color: #f48000; }
nav li:hover a { color: #f48000; }
nav li.on a:before, nav li.on a:after { opacity: 1; filter: opacity(100); }
nav li li a:before, nav li li a:after { display: none; }
nav li ul { display: none; position: absolute; top: 40px; left: 50%; margin-left: -90px; width: 180px; border-bottom: 5px solid #f6b406; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .8); padding: 0 6px; }
nav li li { float: none; width: 100%; height: 41px; margin: 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
nav li li:last-child { border: 0; }
nav li li:after { display: none; }
nav li:hover li a, nav li li a { display: block; width: 100%; height: 40px; position: relative; z-index: 2; color: #fff; background: transparent; line-height: 40px; font-size: 14px; text-align: center; }
nav li li:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
nav li li a .gt_span { color: #f6b406; margin-right: 10px; }
nav li:hover ul { display: block; }
nav .newspan { display: block; position: absolute; top: -2px; right: 16px; width: 22px; height: 12px; background: url(../images/newspan.png) no-repeat; line-height: 0; padding: 0; margin: 0; }
nav .hotspan { display: block; position: absolute; right: 26px; top: 15px; width: 24px; height: 10px; background: url(../images/hotspan.png) no-repeat; line-height: 0; padding: 0; margin: 0; }

/*footer*/
footer { background: #110d4b; padding: 40px 0 24px 0; border-top: 8px solid #f6b406; font-size: 12px; color: #fff; }
footer .fad { width: 100%; height: 28px; background-position: -28px -114px; }
footer .ftel { width: 28px; height: 28px; background-position: 0 -114px; margin-right: 10px; }
footer .fb { position: relative; width: 24%; padding: 0 30px; }
footer .fb:after { content: ''; position: absolute; width: 1px; height: 100px; background: rgba(255, 255, 255, 0.3); top: 0; right: 0; }
footer .fb.tel { width: 28%; border-right: 0; margin-right: 0; }
footer .fb.tel:after { display: none; }
footer .fb a.head { height: 20px; line-height: 20px; font-size: 18px; color: #fff; margin-bottom: 14px; }
footer .fb .body a, footer .fb .body .span { display: inline-block; line-height: 30px; margin-right: 14px; font-size: 14px; color: #fff; opacity: 0.8; filter: opacity(80); }
footer .fb .body .color { padding: 8px 0; font-size: 18px; color: #f6b406; line-height: 28px; }
footer .fb .body a:hover, footer .fb.tel .body a, footer .fb.tel .body .span { opacity: 1; filter: opacity(100); }
footer .fb .body a.fbtn { width: 28px; height: 28px; background: #fff; color: #aaa; opacity: 1; filter: opacity(100); line-height: 28px; text-align: center; font-size: 16px; margin: 0 0 0 6px; }
footer .fb .body a.fbtn:hover { background: #f6b406; color: #fff; }
footer a.weibtn { position: relative; display: inline-block; }
footer .weiw { display: none; position: absolute; bottom: 100%; right: 0; margin-bottom: 14px; width: 181px; height: 201px; background: #fff; padding: 10px; border: 1px solid #896506; font-size: 12px; color: #666; line-height: 20px; text-align: center; }
footer a.weibtn:hover .weiw { display: block; }
footer .weiw:after { position: absolute; bottom: -8px; right: 12px; content: ''; display: block; width: 14px; height: 14px; background: #fff; border-right: 1px solid #896506; border-bottom: 1px solid #896506; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
.bottom { background: #110d4b; padding: 40px 0; font-size: 12px; color: #fff; }

/* 客服 */
.m-rightbox { position: fixed; right: 0px; top: 30%; z-index: 99; background: #ffffff; }
.m-rightbox ul { border: 1px solid #ddd; }
.m-rightbox ul li { list-style: none; border-bottom: 1px solid #ddd; background: #fff; }
.m-rightbox ul li:hover { background: #f4f4f4; }
.m-rightbox ul li.on { background: #100d4b; }
.m-rightbox ul li.on:hover { background: #f48000; }
.m-rightbox ul li a { display: block; cursor: pointer; margin: auto; padding-top: 10px; width: 63px; height: 63px; position: relative; text-align: center; text-decoration: none; }
.m-rightbox ul li a span { display: block; width: 30px; height: 30px; margin: auto; }
.m-rightbox ul li p { font-size: 12px; color: #959595; margin: 5px auto 0; }
.m-rightbox ul li i { font-size: 20px; line-height: 26px; color: #100d4b; }
.m-rightbox ul li.on i, .m-rightbox ul li.on p { color: #fff; }
.side-bar li a.qr .qrwei { display: block; width: 139px; height: 150px; position: absolute; left: -142px; bottom: 0; display: none; border: 1px solid #ddd; background: white; }
.side-bar li a.qr .qrwei img { margin: 18px auto 10px; width: 99px; height: 96px; }
.side-bar li a.qr .qrwei p { color: #100d4b; margin: 0 auto; }
.side-bar li a.qr .qrwei .arrow { position: absolute; bottom: 40px; right: -6px; width: 0; height: 0; font-size: 0; border-left: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.side-bar a.qr:hover .qrwei { display: block; }
.side-bar li a.text { cursor: default; }
.side-bar li a.text .textspan { position: absolute; width: 190px; text-align: center; height: 100%; right: 100%; top: 0; display: none; border: 1px solid #ddd; background: #f4f4f4; }
.side-bar a.text:hover .textspan { display: block; }

/* duang animation */
.duang { animation: duang 1s infinite linear; -moz-animation: duang 1s infinite linear; /* Firefox */ -webkit-animation: duang 1s infinite linear; /* Safari and Chrome */ -o-animation: duang 1s infinite linear; /* Opera */ }
@keyframes duang {
	0% { transform: translateY(0); -ms-transform: translateY(0); }
	60% { transform: translateY(0); -ms-transform: translateY(0); }
	70% { transform: translateY(-4px); -ms-transform: translateY(-4px); }
	80% { transform: translateY(0); -ms-transform: translateY(0); }
	90% { transform: translateY(-4px); -ms-transform: translateY(-4px); }
	100% { transform: translateY(0); -ms-transform: translateY(0); }
}
@-o-keyframes duang {
	0% { -o-transform: translateY(0); }
	60% { -o-transform: translateY(0); }
	70% { -o-transform: translateY(-4px); }
	80% { -o-transform: translateY(0); }
	90% { -o-transform: translateY(-4px); }
	100% { -o-transform: translateY(0); }
}
@-moz-keyframes duang {
	0% { -moz-transform: translateY(0); }
	60% { -moz-transform: translateY(0); }
	70% { -moz-transform: translateY(-4px); }
	80% { -moz-transform: translateY(0); }
	90% { -moz-transform: translateY(-4px); }
	100% { -moz-transform: translateY(0); }
}
@-webkit-keyframes duang {
	0% { -webkit-transform: translateY(0); }
	60% { -webkit-transform: translateY(0); }
	70% { -webkit-transform: translateY(-4px); }
	80% { -webkit-transform: translateY(0); }
	90% { -webkit-transform: translateY(-4px); }
	100% { -webkit-transform: translateY(0); }
}

/* cicle animation */
.cicle { animation: cicle 20s infinite linear; -moz-animation: cicle 20s infinite linear; /* Firefox */ -webkit-animation: cicle 20s infinite linear; /* Safari and Chrome */ -o-animation: cicle 20s infinite linear; /* Opera */ }
@keyframes cicle {
	0% { transform: rotate(0deg); -ms-transform: rotate(0deg); }
	100% { transform: rotate(360deg); -ms-transform: rotate(360deg); }
}
@-o-keyframes cicle {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}
@-moz-keyframes cicle {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cicle {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}


/*footer*/
 .footer_bg { background-color: #373737; padding-top: 35px; padding-bottom: 40px; }
.footer { width: 1200px; margin: 0 auto; }
.footer dl { float: left; margin-left: 100px; margin-top: 10px; }
.footer dt { font-size: 16px; color: white; line-height: 36px;margin-bottom:15px; }
.footer .dl1 {width:240px;margin-left:50px;}
.footer .dl1 dd{width:50%;float:left;}
.footer dd a { font-size: 14px; color: #a0a0a0; line-height: 30px; }
.footer a:hover { text-decoration: underline; }
.shu {width: 1px;height: 240px;background-color: #606060;float: left;margin-right: 35px;margin-left: 35px;}
.erweima { float:right; margin-top: 40px;}
.erweima h1 { font-size: 14px; color: white; margin-bottom: 12px; font-weight: normal; text-align:center; }
.ban_bg { background-color: #2f2f2f; }
.ban_box{
	width: 1200px;margin: 0 auto;
}
.ban {
    text-align: center;
}
.ban h1 { font-weight: normal; font-size: 14px; color: #e4e4e4; line-height: 40px;}
.ban_bg .you{
	float: right;
	

	color: #e4e4e4;
	line-height: 40px;
	font-size: 12px;
}
.foot_lianxi{
	float: left;
	color: #fff;
	width: 300px;
}
.foot_lianxi .phone{
	background: url(../images/icon02.png) no-repeat -170px -47px;
	padding-left: 50px;
	margin-left: 20px;
}
.foot_lianxi .phone span{
	font-size: 20px;
	line-height: 40px;
}
.foot_lianxi .cha{
	width: 222px;
	line-height: 38px;
	background-color: #f48000;
	text-align: center;
	border-radius: 20px;
	margin: 10px 0;
}
.foot_lianxi h5,h6{
	font-size: 14px;
	line-height: 40px;
	padding-left: 40px;
}
.foot_lianxi h5{
	background: url(../images/icon02.png) no-repeat -178px -110px;
	
}
.foot_lianxi h6{
	background: url(../images/icon02.png) no-repeat -176px -158px;
	
}
 /*======================∣===================  side  ======================∣====================*/
.side { position:fixed; width:50px; height:253px; right:0; top:20%; z-index:100; }
.side ul li { width:50px; height:50px; float:left; position:relative;  margin-bottom: 4px;}
.side ul li .sidebox { position:absolute; width:50px; height:50px; top:0; right:0; background-color:#666;color:#fff; transition:all 0.3s; color:#fff; font:14px/54px "峚⻏捇窪"; overflow:hidden; }
.side ul li .sidebox:hover { cursor:pointer;background:#ffb500;  }
.side ul li .sidetop { width:50px; height:50px; line-height:50px; display:inline-block; transition:all 0.3s; }
.side ul li .sidetop:hover { background:#ffb500; cursor:pointer; }
.side ul li img { float:left; background:none }
.side .moquu_wxin{
	width: 100%;
	height: 100%;
	position: relative;
	background:#666;
}
    .side .moquu_wxin:hover {
    background:#ffb500;
    }
.side .moquu_wxin .moquu_weixin{
	display: none;
    position: absolute;
    z-index: 6;
    width: 142px;
    height: 162px;
    background: #fff;
    left: -144px;
    top: -30px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 12px;
    color:#888;
    line-height: 24px;
}
.side .moquu_wxin:hover .moquu_weixin{
	display: block;
}
.f_nav{    display: flex;
    justify-content: space-between;
    float: right;width:800px;}