@charset "utf-8";
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font: 12px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif; color:#333; outline:none; line-height}
body { background-color: #fff }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none;cursor:pointer }
img { border: 0px }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
input[type="submit"]:hover { cursor: pointer }
* html .clearfix { height: 1% }
.clearfix { display: block }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
a, input, select, textarea, .tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.tran06 { transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out }
.w { width: 1200px; margin: 0 auto }
.mcolor { color: #009FD9 !important }
.white { color: #fff !important }
.gray { color: #999 !important }
.yellow { color: #fba807 !important }
.red { color: #fb0504 !important }
.orange { color: #ff6600 !important }
.blue { color: #0d91ed !important }
.text-shadow { text-shadow: #666 2px 2px 3px }
.box-shadow { box-shadow: rgba(0, 0, 0, .3) 2px 2px 3px }
.mt10 { margin-top: 10px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }
.mt50 { margin-top: 50px }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.mr10 { margin-right: 10px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mr40 { margin-right: 40px }
.mr50 { margin-right: 50px }
.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml40 { margin-left: 40px }
.ml50 { margin-left: 50px }
.hfit { height: 100% }
.wfit { width: 100% }
.overhide { overflow: hidden !important }
.table { width: 100%; border: 1px solid #eee }
.table tr { height: 30px; line-height: 24px; line-height: 24px }
.table tr:hover { background: #f6f6f6 }
.table td, .table th { line-height: 24px; padding: 8px 0; color: #666; font-size: 14px; text-align: center; border: 1px solid #ddd }
.table th { font-weight: bold; background: #ffc600; color: #333; border-color: #999 }
.table .mainbg { background-color: #f00000; color: #fff; font-weight: bold }
.table .blackbg { background-color: #666; color: #fff; font-weight: bold }
.button { padding: 5px 16px; font-size: 14px; background-color: #fff; color: #333; border-color: #bfbfbf }
.button.radius { border-radius: 4px }
.button.border { border-width: 1px; border-style: solid }
.button.btn-sm { padding: 2px 6px; font-size: 12px }
.button.btn-big { padding: 8px 50px; font-size: 16px }
.button:hover { background-color: #f9f9f9 }
.button.btn-main { background-color: #f6b406; color: #fff; border-color: #0ba113 }
.button.btn-main:hover { background-color: #0ba113 }
.button.btn-white { color: #da0707; background: #fff; opacity: 1; filter: opacity(100) }
.button.btn-white:hover { opacity: .8; filter: opacity(80) }
.button.btn-white-em { background-color: transparent; color: #fff; border: 1px solid #fff }
.button.btn-white-em:hover { background-color: rgba(255, 255, 255, 0.3) }
.mhover:hover { color: #f6b406 !important }
.uhover:hover { text-decoration: underline !important }
.form-inline { }
.form-inline .form-group { height: 34px; clear: both; margin-bottom: 10px }
.form-inline .form-group .input-group { float: left; width: 30%; height: 100%; margin-right: 3% }
.form-inline .form-group .input-group.long { width: 100% }
.form-inline .form-group .input-group .input-label { font-size: 13px; line-height: 34px }
.form-inline .form-group .input-group .input-tip { width: 100%; height: 20px; font-size: 13px; line-height: 20px }
.form-inline .form-group .input-group .form-control { width: 240px; height: 100%; background: #fff; padding: 0 8px; font-size: 14px; line-height: 32px; border: 1px solid #aaa; border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.form-inline .form-group .input-group .form-control:focus { border-color: #16741c }
.form-inline .form-group .input-group .form-control.short { width: 100px }
.form-inline .form-group .input-group .form-control.long { width: 300px }
.form-inline .ml10 { margin-left: 10px }
.form-inline .form-bottom { padding-top: 10px; line-height: 34px }
.form-ver { font-size: 12px; line-height: 30px }
.form-ver .form-group { height: 30px; clear: both; margin-bottom: 10px }
.form-ver .form-group.auto { height: auto }
.form-ver .label { float: left; width: 26%; height: 100%; font-size: #444; text-align: right }
.form-ver .input-box { float: left; width: 64%; height: 100%; margin-left: 3% }
.form-ver .form-control { display: inline-block; width: 100%; height: 100%; background: #fff; padding: 0 8px; line-height: 28px; border: 1px solid #ddd; border-radius: 4px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; color: #333; font-size: 12px }
.form-ver .form-control option { padding: 4px 0 }
.form-ver .form-control:focus { border-color: #ffdb9a }
.form-ver .form-f { display: block; width: 50%; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; margin: 0 auto }
/*public.css*/
html, body { min-width: 1200px; }

/* icon */
.icon { background: url(../images/icon.png) no-repeat; vertical-align: middle; }
.icon.icon-add,
.icon.icon-tel,
.icon.icon-mo,
.icon.icon-mail{
	width: 22px;
	height: 36px;
}
.icon.icon-add{ background-position: 0 -70px; }
.icon.icon-tel{ background-position: 0 -106px; }
.icon.icon-mo{ background-position: 0 -142px; }
.icon.icon-mail{ background-position: 0 -178px; }
/* top */




/* top */
.top {
	width: 1200px;
	height: 110px;
	margin: auto;
	line-height: 110px;
	color: #666;
	background: #FFFFFF;
}
.top .logo{width: 180px;height: 90px;float:left;margin:10px 0;padding: 15px 0;border-right: 1px dashed #CCCCCC;}
.top .logo img{width:auto;height: 70px;}
.top .top_t{float:left;font-size: 16px;padding-left: 50px;}
.top .top_c{float: right;}
.top .top_c1{float: left;margin-right: 10px;}
.top .top_yd{display: inline-block;line-height: 50px;font-size: 16px;}
.top .top_img{display: inline-block;width:30px;height:30px;line-height:50px;text-align:center; border-radius: 3px;}
.top .top_img img{width: 20px;vertical-align: middle;    margin-top: -2px;}
/* info scroll on th top */
.info_scroll {
	display: inline-block;
	width: 100%;
	height: 32px;/*scroll height*/
	font-size: 12px;
	line-height: 32px;/*scroll height*/
	overflow: hidden;
}

.info_scroll .info_ul {
	width: 300px;
	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;
	color: #fff;
}

.info_scroll .info_ul li a:hover {
	text-decoration: underline;
}
.info_scroll .top_right{
	float: right;
}
.top_right .loginli {
	width: auto;
	margin-left: 15px;
	float: left;
	color: #fff;
}

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


.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: 60px; background: #36404b; position: relative; z-index: 3; }
header a.logo { float: left; width: auto; height: 60px; }
header a.logo img { display: inline-block; vertical-align: middle; height: 100%; padding: 20px;}
header .headr { float: left; width: auto; height: 100%; }

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

nav li.on a {color: #85cef9;}
nav li:hover a { color: #009fd9; }
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: 150px; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .8); padding: 0 0; }
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 {  background-color: #009fd9; }
nav li li:hover a {color:#fff; }
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; }
.dl_zc{float: right;}
.dl_zc li{float: left;line-height: 60px;color: #FFFFFF;margin-left: 20px;font-size: 14px;}
.dl_zc li a:hover{color: red;}
.dl_zc li i{color: #FFFFFF;margin-right: 5px;font-size: 20px;}
.dl_zc li i:hover{color: red;}
/*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: #383735; }
.m-rightbox ul li.on:hover { background: #f6b406; }
.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: #383735; }
.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: 10px auto 10px; width: 120px; height: 120px; }
.side-bar li a.qr .qrwei p { color: #383735; margin: 0 auto;display:none; }
.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: #36404b; padding-bottom: 40px;}
 .footer_lj{background:#078ad6;color: #FFFFFF;height: 100px;line-height: 100px;text-align: center;}
 .footer_ljs{display: inline-block;margin: auto 30px;font-size: 18px;}
 .footer_ljs img{width: 50px;vertical-align: middle;margin-right: 5px;}
 .footer_ljs a{background: #FFFFFF;padding: 8px 15px;border-radius: 3px;color: #078AD6;font-size: 16px;}
 .footer_ljs a:hover{color: #666;box-shadow: #CCCCCC 0px 0px 3px 1px ;}
.footer { width: 1200px;margin: auto;height: 200px; padding-top: 50px; }

.erweima{width: 300px;float: left; }
.erweima>p{font-size: 14px;color: #FFFFFF;}
.erweima img{width: 130px;}

.erweima2{float:right;width: 400px;text-align: left;}
.erweima2 img{display: inline-block;}
.erweima2>p{width: 265px;padding-left:10px;color: #FFFFFF;line-height: 30px;display: inline-block;}


.footer_ds{width: 500px;float:left;color: #FFFFFF;}
.footer_d{width: 350px;margin: auto;}
.footer_d>span{font-size: 16px;display: block;}
.footer_d>a{float:left;margin-top:20px;margin-right: 60px;}
.footer_d a:hover{color: #078AD6;}

.ban_bg{background:#36404b;text-align: center;color: #FFFFFF;line-height: 36px;}
.ban_bg a:hover{color: #078AD6;}
 /*======================∣===================  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;
}

/*notice*/
.notice {
    width: 400px;
    margin: auto;
    font-size: 12px;
    height: 32px;
    line-height: 32px;

}
.notice .notice_tit {
    color: #f00;
    font-weight: bold;
    width: 100px;
    float: left;
}
.notice_ul {
    width: 400px;
    float: left;
    overflow: hidden;
}
.notice_ul li {
    width: auto;
    margin-right: 10px;
    display: inline;
    line-height: 32px;
    list-style-type: disc;
}
.notice_ul li span {
    color: #FFFFFF;
    font-weight: bold;
    display: inline-block;
    line-height: 20px;
}
.notice_ul li a {
    color: #FFFFFF;
}
.notice_ul li a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
.notice_more {
    width: 100px;
    float: right;
    display: block;
    text-align: right;
    color: #999;
    font-size: 12px;
}
.positions{position:absolute;font-size: 12px;z-index: 99;}

.min_banner{width: 100%;height: 270px;text-align:center;color:#FFFFFF;background:url(../images/minbanner.png) no-repeat center;padding-top: 100px;}