/*public.css*/

/*
	main color: #167e1c
*/

html, body { min-width: 1200px; }

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

/* top */
.top {color: #666;font-size: 14px;line-height: 44px;height: 45px;border-bottom: 1px solid #167e1c;}
.top .info .h_info { width: 12px; margin-right: 5px; height: 40px; background-position: 0 0; vertical-align: top; }
.top .link a { padding: 0 12px; }
.top .link a.button { padding: 2px 13px; margin-left: 4px; }
.top a:hover, .top a.on { color: #ffa008; }

/*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; width: 126px; }
nav li a { position: relative; width: 100%; height: 100%; display: block; line-height: 40px; color: #333; font-size: 16px; background: transparent; text-align: center; }
nav li a:before { opacity: 0; filter: opacity(0); content: ''; position: absolute; bottom: -38px; left: 50%; margin-left: -30px; z-index: -1; width: 60px; height: 8px; background: #167e1c; }
nav li.on a { color: #167e1c; }
nav li:hover a { color: #167e1c; }
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 #167e1c; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .5); 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: #167e1c; margin-right: 10px; }
nav li:hover ul { display: block; }
nav .new { 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: #fff; padding: 40px 0 24px 0; border-top: 1px solid #ddd; font-size: 12px; color: #888; }
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 { width: 230px; }
footer .fb.tel { width: 380px; }
footer .fb a.head { height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #444; margin-bottom: 14px; }
footer .fb .body a, footer .fb .body .span { height: 26px; line-height: 26px; font-size: 12px; color: #666; }
footer .fb .body .color { padding: 8px 0; font-size: 24px; color: #167e1c; font-family: impact; line-height: 28px; }
footer .fb .body a:hover {color: #ffa008;}
.bottom { padding:30px 0px 150px 0px; font-size: 12px; border-top: 1px solid #ddd; }

/* cool_track */
.cool_track {position: fixed;bottom: 0;z-index: 5;width: 100%;height: 90px;background: rgba(0, 0, 0, 0.4);}
.cool_track .w { position: relative; height: 100%; }
.cool_track .coolb {float: left;width: 132px;height: 132px;margin-top: -46px;overflow: hidden;}

/*.cool_track .coolb.on{
	width: 794px;
}*/
.cool_track .coolb .head {position: relative;float: left;width: 132px;height: 132px;border-radius: 50%;overflow: hidden;}
.cool_track .coolb .head:before {content: '';display: block;width: 132px;height: 46px;background: rgba(0, 0, 0, 0.4);}
.cool_track .coolb .head .headbg {position: absolute;top: 8px;left: 8px;display: block;width: 118px;height: 118px;border-radius: 50%;color: #fff;text-align: center;font-size: 16px;line-height: 1em;}
.cool_track .coolb.coolb_a .head .headbg { background: #e88005; }
.cool_track .coolb.coolb_b .head .headbg { background: #1ba5c7; }
.cool_track .coolb.coolb_c .head .headbg { background: #167e1c; }
.cool_track .coolb.coolb_a .head .headbg:hover { background: #fd9316; }
.cool_track .coolb.coolb_b .head .headbg:hover { background: #17bfe9; }
.cool_track .coolb.coolb_c .head .headbg:hover { background: #1aaf23; }
.cool_track .coolb .head .icon {display: block;width: 60px;height: 60px;margin: 0 auto;margin-bottom: 2px;margin-top: 4px;}
.cool_track .coolb.coolb_a .head .icon { background-position: 0 -142px; }
.cool_track .coolb.coolb_b .head .icon { background-position: -60px -142px; }
.cool_track .coolb.coolb_c .head .icon { background-position: -120px -142px; }
.cool_track .coolb .body {float: left;margin-top: 20px;width: 450px;height: 60px;padding: 20px 0 0 10px;color: #fff;}
.cool_track .coolb .body label {display: inline-block;font-size: 14px;line-height: 30px;vertical-align: middle;}
.cool_track .coolb .body .track_f {display: inline-block;height: 34px;/* width: 600px; */vertical-align: middle;}
.cool_track .coolb .body .track_f .track_text { display: block; float: left; width: 200px; height: 100%; border: 1px solid #ddd; background: #fff; font-size: 14px; padding: 0 18px; line-height: 26px; border-radius: 6px; }
.cool_track .coolb .body .track_f .track_submit { display: block; float: left; margin-left: 14px; width: 100px; height: 100%; font-size: 16px; padding: 0 18px; line-height: 26px; border-radius: 6px; color: #fff; text-align: center; }
.cool_track .coolb.coolb_a .body  .track_submit { background: #e88005; }
.cool_track .coolb.coolb_b .body  .track_submit { background: #1ba5c7; }
.cool_track .coolb.coolb_c .body  .track_submit { background: #167e1c; }
.cool_track .coolb.coolb_a .body  .track_submit:hover { background: #fd9316; }
.cool_track .coolb.coolb_b .body  .track_submit:hover { background: #17bfe9; }
.cool_track .coolb.coolb_c .body  .track_submit:hover { background: #1aaf23; }
.cool_close {display: block;position: absolute;right: 0;bottom: 4px;width: 40px;height: 60px;font-size: 40px;line-height: 60px;color: #fff;text-align: right;}
.cool_close:hover { color: #ff0000; }
.cool_track_o { display: none; position: fixed; bottom: 0; right: 0; z-index: 5; width: 226px; height: 93px; background: url(../images/cool_track_o.gif); }

/* 客服 */
.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: #167e1c; }
.m-rightbox ul li.on:hover { background: #0ba113; }
.m-rightbox ul li .mb { 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 .mb 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: #167e1c; }
.m-rightbox ul li.on i, .m-rightbox ul li.on p { color: #fff; }
.side-bar li .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 .qr .qrwei img { margin: 18px auto 10px; width: 99px; height: 96px; }
.side-bar li .qr .qrwei p { color: #167e1c; margin: 0 auto; }
.side-bar li .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 .qr:hover .qrwei { display: block; }
.side-bar li .text { cursor: default; }
.side-bar li .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 .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); }
}

/* the public login form */
.usergn { z-index: 2; position: relative; width: 100%; height: 0; }
.usergn .usergn_w { position: relative; }
.usergn .usergn_w .usergn_b {position: absolute;top: 20px;right: 0;width: 380px;height: 280px;background: rgba(255, 255, 255, 0.7);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);padding: 0 34px;}
.usergn .usergn_w .usergn_b .head { width: 100%; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #555; }
.usergn .usergn_w .usergn_b .body { position: relative; width: 100%; height: 225px; }
.usergn .usergn_w .usergn_b .body .user_con { width: 100%; height: 100%; overflow: auto; display: none; }
.usergn .usergn_w .usergn_b .body .user_con.on { display: block; }
.form-line { width: 100%; color: #666; font-size: 12px; line-height: 24px; }
.form-line .form-group { clear: both; margin-bottom: 14px; font-size: 14px; }
.form-line .form-group .input-label { font-size: 12px; color: #167e1c; line-height: 24px; }
.form-line .form-group .form-control { width: 100%; height: 34px; background: #fff; color: #167e1c; padding: 0 12px; font-size: 14px; line-height: 32px; border: 1px solid #ddd; border-radius: 6px; 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-line .form-group .form-control:focus { border-color: #167e1c }
.form-line .form-group .form-check { display: inline-block; vertical-align: middle; }
.form-line .form-group .form-btn { display: block; width: 100%; height: 40px; border-radius: 4px; background: #167e1c; color: #fff; font-size: 16px; line-height: 40px; }
.form-line .form-group .form-btn:hover { background: #0ba113; }
.usergn.logined .usergn_w .usergn_b .head { }
.usergn.logined .usergn_w .usergn_b .big-link { color: #0ba113; font-size: 14px; text-align: center; line-height: 24px; padding: 20px 0; }
.usergn.logined .usergn_w .usergn_b .big-link a:hover { text-decoration: underline; }