.wrap {width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;}
a {transition: all .25s;}
.c-theme {color: #F0961B !important;}
.bg-theme {background-color: #F0961B !important;}
/* --header-- */
.header-box {position: relative;z-index: 2;}
.header-box>.wrap {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.header-box .logo {display: flex;align-items: center;height: 84px;}
.header-box em {width: 1px;background-color: #bcbcbc;height: 64px;margin: 0 5px;}
.header-box .r-box {display: flex;align-items: center;}
.header-box .search-box {display: flex;align-items: center;border: 1px solid #bcbcbc;border-radius: 100px;padding: 5px;background-color: #f9f9f9;margin-right: 10px;}
.header-box .search-box input {background: none;border: 0;font: inherit;color: inherit;padding: 0 5px;font-size: 14px;flex: 1 auto;}
.header-box .search-box i {width: 1.4em;height: 1.4em;display: flex;align-items: center;justify-content: center;color: #999;cursor: pointer;}
.header-box .qrc-box {display: flex;align-items: center;margin-left: 10px;}
.header-box .qrc-box p {width: 1em;font-size: 12px;line-height: 1.2em;color: #999;}
.header-box .qrc-box img {width: 84px;height: 84px;}
/*--nav--*/
.mainnav-box {height: 50px;background-color: #F0961B;position: relative;z-index: 2;}
.mainnav {display: flex;}
.mainnav .item {position: relative;white-space: nowrap;}
.mainnav .item>a {display: block;line-height: 50px;color: #fff;padding: 0 1.5vw;}
.mainnav .sub {position: absolute;top: 100%;background-color: #fff;min-width: 100%;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);left: 50%;transform: translateX(-50%);display: none;}
.mainnav .sub::before {position: absolute;border: 6px solid transparent;border-bottom: 6px solid #fff;content: '';bottom: 100%;left: 50%;transform: translateX(-50%);border-radius: 2px;margin-bottom: -2px;z-index: -1;}
.mainnav .sub a {display: block;font-size: .9em;padding: 10px 1em;line-height: 1.4em;background-color: #fff;}
/*--title--*/
.i-title {text-align: center;padding: 20px;}
.i-title h3 {font-size: 20px;margin-bottom: .6em;display: flex;align-items: center;justify-content: center;}
.i-title h3::before {content: '';width: 5px;height: 5px;background-color: #F0961B;border-radius: 100px;margin-right: 40px;box-shadow: 12px 0 0 1px #F0961B, 25px 0 0 2px #F0961B;display: inline-block;}
.i-title h3::after {content: '';width: 5px;height: 5px;background-color: #F0961B;border-radius: 100px;margin-left: 40px;box-shadow: -12px 0 0 1px #F0961B, -25px 0 0 2px #F0961B;display: inline-block;}
.i-title p {font-size: 14px;color: #999;}
.btn {background-image: linear-gradient(to right, #f1aa1e, #f0961b);color: #Fff;display: flex;align-items: center;justify-content: center;font-size: 14px;height: 48px;}
/*foot*/
.footer-box {margin-top: 40px;background-color: #222;color: #e5e5e5;font-size: 13px;line-height: 30px;}
.footer-box .mid {padding: 20px 0;}
.footer-box a {padding: 0 .8em;}
.footer-box .mid .text {padding: 0 20px;}
.footer-box .qrc img {width: 140px;height: 140px;display: block;}
.copyright {background-color: #000;padding: 10px;}
@media screen and (min-width:950px) {.mainnav .sub a:hover {background-color: #F0961B;color: #fff;}
	.mainnav .item:hover .sub {display: block;}
	.footer-box a:hover {color: #F0961B;}
}
@media screen and (max-width:950px) {.header-box {height: 44px;z-index: 10000;}
	.header-box>.wrap {padding: 0;}
	.header-box .logo {height: auto;}
	.header-box .logo img {height: 44px;}
	.header-box em {display: none;}
	.header-box .logo em+img {display: none;}
	.header-box .r-box {display: none;}
	.mainnav-box {position: absolute;right: 0;top: 0;width: 44px;height: 44px;z-index: 2;cursor: pointer;}
	.mainnav-box::before {content: '';position: absolute;height: 3px;width: 24px;border-radius: 5px;background-color: #fff;box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff;right: 9px;top: 11px;}
	.mainnav-box .wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .8);z-index: 10000;display: none;}
	.mainnav {background-color: #fff;position: absolute;top: 0;right: 0;height: 100%;overflow-y: auto;width: 80%;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);color: #222;flex-flow: column;}
	.mainnav .item+.item {border-top: 1px dashed #e9e9e9;}
	.mainnav .item>a {line-height: 2em;color: #222;padding: .6em 1em;font-size: .9em;flex: 1}
	.mainnav .item {display: flex;flex-flow: row wrap;}
	.mainnav .item i {cursor: pointer;width: 2.88em;display: flex;align-items: center;justify-content: center;position: relative;}
	.mainnav .item i::before {content: '';position: absolute;width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(135deg);}
	.mainnav .sub{position: static;color: #666;width: 100%;transform: translateX(0);box-shadow: none;text-indent: 2em;}
	.footer-box .mid {display: none;}
	.copyright .wrap {flex-flow: column;text-align: center;font-size: 12px;opacity: .7;}
	.news-box .focus-box .img {height: auto;}
	.news-box .focus-box .hd {display: none;}
	.news-box .focus-box {margin-bottom: 10px;}
	.list-news {padding: 0 10px;}
	.list-news li a {font-size: 13px;padding: 6px;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.list-news li em {flex: 0;}
}
