.c{ width: 77vw; margin: 0 auto;}
.main-c{ width: 78.125vw; margin: 0 auto;}
.center{ width: 72.9vw; margin: 0 auto;}
.fx{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
.as{ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start;}
.ac{ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.ae{ -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;}
.jsb{ -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;}
.jsa{ -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around;}
.fc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
.jcc{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;}
.fw{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.tar{ text-align: right;}
.tac{ text-align: center;}
/*img{ width: 100%; display: block;}*/
.transition{ transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.lt50{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.l50{ position: absolute; left: 50%; transform: translateX(-50%);}
.t50{ position: absolute; top: 50%; transform: translateY(-50%);}
.fs20{ font-size: 20px;}
.fs18{ font-size: 18px;}
.fs16{ font-size: 16px;}
.fs15{ font-size: 15px;}
.pb100{ padding-bottom: 100px;}
.pb90{ padding-bottom: 90px;}
.mb84{ margin-bottom: 84px;}
.mb73{ margin-bottom: 73px;}
.mb80{ margin-bottom: 80px;}
.mt80{ margin-top: 80px;}
.pb80{ padding-bottom: 80px;}
.mt60{ margin-top: 60px;}
.mb60{ margin-bottom: 60px;}
.pt60{ padding-top: 60px;}
.pb60{ padding-bottom: 60px;}
.mb55{ margin-bottom: 55px;}
.mb45{ margin-bottom: 45px;}
.mt45{ margin-top: 45px;}
.search-box{ position: fixed; left: 0; right: 0; top: 80px; width: 100%; background-color: #fff; border-bottom: 1px solid #dcdcdc; padding: 30px 0; display: none; z-index: 998;}
.search-box form{ position: relative; width: 60%; margin: 0 auto;}
.search-box form .btn{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%); border: 0; outline: none; background-color: transparent; cursor: pointer;}
.search-box form .btn i{ font-size: 24px;}
.search-box input{ width: 100%; height: 60px; line-height: 60px; border: 1px solid #dcdfe6; padding: 0 60px 0 40px; box-sizing: border-box; font-size: 14px;}
.search-box input::placeholder{ color: #707070;}
.search-box input::-webkit-input-placeholder{ color: #707070;}
.search-box input:-moz-placeholder{ color: #707070; opacity: 1;}
.search-box input::-moz-placeholder{ color: #707070; opacity: 1;}
.search-box input:-ms-input-placeholder{ color: #707070;}
.head-pc{ position: fixed; left: 0; right: 0; top: 0; background-color: #fff; z-index: 999;}
.head-pc .c{ height: 80px;}
.head-pc .logo img{ width: 200px;}

.head-pc .ul-1 .menu-li{ position: relative;}
.head-pc .ul-1 .menu-li > a{letter-spacing: 0.1em; position: relative; display: inline-block; font-size: 18px; color: #444; height: 80px; line-height: 80px; padding: 0 24px;}
.head-pc .ul-1 .menu-li > a::before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 0; height: 100%; background-color: #27417c; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index: -1;}
.head-pc .ul-1 .menu-li > a.active{ color: #fff;}
.head-pc .ul-1 .menu-li > a.active::before{ width: 100%;}
.head-pc .ul-1 .menu-li:hover > a{ color: #fff;}
.head-pc .ul-1 .menu-li:hover > a::before{ width: 100%;}
.head-pc .subNav{ position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 130px; box-sizing: border-box; background-color: #fff; text-align: center; display: none;}
.head-pc .subNav *{ color: #707070;}
.head-pc .subNav a{ position: relative; display: block; padding: 10px 0;}
.head-pc .subNav a::after{ content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 0; height: 100%; z-index: -1; background-color: #27417c; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.head-pc .subNav a:hover{ color: #fff;}
.head-pc .subNav a:hover::after{ width: 100%;}
.head-pc .search{ margin-left: 20px;}
.head-pc .search i{ font-size: 18px; color: #666; cursor: pointer;}
.head-pc .search .closed{ display: none;}
.head-pc .search.search-gb .sousuo{ display: none;}
.head-pc .search.search-gb .closed{ display: block;}
.head-pc.on{ box-shadow: 1px -2px 14px 0px rgba(0, 0, 0, 0.1);}

.head-pc .nav_search{ height: 36px; width: 150px; border: 1px solid #7b7b7b; border-radius: 1.8em; float: right; position: relative; margin-left: 20px;}
.head-pc .nav_serInt{ font-size: 12px; line-height: 20px; color: #7b7b7b; height: 24px; width: 120px; border-width: 0px; border-style: none; position: absolute; left: 15px; top: 5px; background: none;}
.head-pc .navPcbtn{ background: url(http://mitimegroup.com/css/../images/ti3.png) no-repeat; display: block; height: 20px; width: 19px; position: absolute; top: 9px; right: 14px;}


#mb-header{ display: none;}
#mb-header #navbar-main{ position: fixed; top: 0; left: 0; width: 100%; height: 50px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; z-index: 999; padding: 0 2.5%; box-sizing: border-box;}
#mb-header #navbar-main #logo{ display: block; height: 80%;}
#mb-header #navbar-main #logo img{ width: auto; height: 100%; object-fit: contain;}
#mb-header .search{ margin-right: 20px;}
#mb-header .search i{ font-size: 26px; color: #666; cursor: pointer;}
#mb-header .search .closed{ display: none;}
#mb-header .search.search-gb .sousuo{ display: none;}
#mb-header .search.search-gb .closed{ display: block;}
#mb-header #navbar-main #sidebar-main-trigger{ width: 30px;}
#mb-header #navbar-main #sidebar-main-trigger img{ width: 100%;}
#mb-header #sidebar-main{ position: fixed; right: -100%; top: 50px; bottom: 0px; width: 100%; background-color: #fff; transition: right 0.3s ease; z-index: 3000;}
#mb-header #sidebar-main li:last-of-type a{ border-bottom: none;}
#mb-header #sidebar-main a{ position: relative; display: block; padding: 16px 15px;}
#mb-header #sidebar-main a::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 90%; height: 1px; background-color: #F0F0F0;}
#mb-header #sidebar-main-trigger{ position: relative; width: 30px; height: 30px; background-clip: content-box; cursor: pointer;}
#mb-header #sidebar-main-trigger p{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30px; height: 2px; background: #333; margin: auto; position: relative; vertical-align: middle; -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; -ms-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
#mb-header #sidebar-main-trigger p::before, #mb-header #sidebar-main-trigger p::after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #333; -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -moz-transition-delay: 0.3s, 0s; -ms-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
#mb-header #sidebar-main-trigger p::before{ top: -10px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform;}
#mb-header #sidebar-main-trigger p::after{ bottom: -10px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform;}
#mb-header .mb-ej-ul{ background-color: #F7F7F7; display: none;}
#mb-header .mb-ej-ul a{ color: #333;}
#mb-header .mb-ul .has-child .fir-nav{ position: relative; padding: 16px 15px;}
#mb-header .mb-ul .has-child .fir-nav::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 90%; height: 1px; background-color: #F0F0F0;}
#mb-header .mb-ul .has-child .fir-nav a{ display: inline !important; padding: 16px 0 !important;}
#mb-header .mb-ul .has-child .fir-nav a::after{ width: 0; height: 0; display: none;}
#mb-header .mb-ul .has-child .fir-nav::before{ content: '\e656'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(-90deg); transition: all 0.3s; font-family: 'iconfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#mb-header .mb-ul .mb-ej-li.mb-active{ background-color: #eee;}
#mb-header .mb-ul .mb-ej-li.mb-active .fir-nav::before{ transform: translateY(-50%) rotate(0); transition: all 0.3s;}
#mb-header .mb-ul .mb-ej-li.mb-active .mb-ej-ul a::after{ background-color: rgba(255, 255, 255, 0.8) !important;}
#mb-header #sidebar-main-trigger.active p{ background-color: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
#mb-header #sidebar-main-trigger.active p::before, #mb-header #sidebar-main-trigger.active p::after{ -webkit-transition-delay: 0s, 0.3s; -moz-transition-delay: 0s, 0.3s; -ms-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s;}
#mb-header #sidebar-main-trigger.active p::before{ top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#mb-header #sidebar-main-trigger.active p::after{ bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#mb-header #sidebar-main.open{ position: fixed; right: 0px; top: 50px; bottom: 0px; z-index: 3000;}
#mb-header #navbar-main.on{ background-color: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);}
#mb-header #navbar-main.on #sidebar-main-trigger i{ color: #b51c22;}
/*body{ background-color: #F7F7F7;}*/





footer{ background-color: #27417c;}
footer a:hover{ color: #fff;}
.foot-t{ padding: 40px 0 35px;}
.foot-t .foot-l{ width: 55.73%;}
.foot-t dl dt{ color: #fff; font-weight: bold; margin-bottom: 20px;}
.foot-t dl dd{ color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.foot-t dl dd a{font-size: 12px;}
.foot-t dl dd:not(:last-of-type){ margin-bottom: 15px;}
.foot-t dl dd:hover{ transform: translateX(10px);}
.foot-t .contact{ margin-right: 2.8vw;}
.foot-t .item .name, .foot-t .item .tel-info{ color: #fff;}
.foot-t .item .tel-info{ font-family: 'Arial-Bold'; font-weight: bold; font-size: 34px;}
.foot-t .item .place-info{ color: #fff;font-size: 12px;}
.foot-t .gzh .img{ width: 102px; height: 102px;}
.foot-t .gzh p{ margin-top: 12px; color: #fff;}
.foot-b{ padding: 16px 0 22px; border-top: 1px solid rgba(255, 255, 255, 0.15);}
.foot-b .link{ position: relative; width: 216px; height: 37px; background-color: rgba(255, 255, 255, 0.27); cursor: pointer;}
.foot-b .link .blogroll{ position: relative; line-height: 37px; padding: 0 14.8%;}
.foot-b .link .blogroll i{ position: absolute; right: 7.8%; top: 50%; transform: translateY(-50%) rotate(-90deg); display: inline-block; font-size: 14px; text-align: right; color: #fff;}
.foot-b .link ul{ position: absolute; left: 0; right: 0; bottom: 100%; background: #fff; box-sizing: border-box; display: none; z-index: 99;}
.foot-b .link ul a{ display: block; color: #333; text-align: center; line-height: 1.5; padding: 12px 0;}
.foot-b .link ul a:hover{ color: #27417c;}
.foot-b *{ color: #fff;}
.foot-b .b-link{ margin-left: 30px;}
.foot-b .b-link li{ position: relative;}
.foot-b .b-link li:not(:last-of-type){ margin-right: 27px;}
.foot-b .b-link li:not(:last-of-type)::after{ content: ''; position: absolute; right: -14px; top: 50%; transform: translateY(-50%); width: 1px; height: 65%; background-color: #999;}




.banner{ margin-top: 80px;}
.inn-banner{ position: relative;}
.inn-banner .img{ overflow: hidden;}
.inn-banner .img img{ transform: scale(1.1); animation: banner 3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s;}
.inn-banner .position{ position: absolute; bottom: 18.1%;}
.inn-banner .position a{ position: relative; font-size: 16px; color: #fff;}
.inn-banner .position a:not(:last-of-type){ margin-right: 25px;}
.inn-banner .position a:not(:last-of-type)::after{ content: '>'; position: absolute; right: -21px; top: 50%; transform: translateY(-50%); color: #fff;}
.inn-banner .position a:hover{ color: #27417c;}
.inn-banner .txt *{ line-height: 1; font-weight: bold;}
.inn-banner .en{ font-family: Arial; font-size: 58px; text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 1px; text-fill-color: transparent; text-stroke-color: #fff; text-stroke-width: 1px; margin-bottom: 14px;}
.inn-banner .cn{ font-size: 50px; color: #fff;}

@-webkit-keyframes banner{ 0%{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	100%{ -webkit-transform: scale(1); transform: scale(1);}
	}
@keyframes banner{ 0%{ -webkit-transform: scale(1.1); transform: scale(1.1);}
	100%{ -webkit-transform: scale(1); transform: scale(1);}
	}
@media only screen and (max-width: 1680px){ .main-c{ width: 77vw;}
	.fs20{ font-size: 18px;}
	.fs18{ font-size: 16px;}
	.head-pc .ul-1 .menu-li > a{ padding: 0 12px;}
	.foot-t .item .tel-info{ font-size: 30px;}
	.inn-banner .en{ font-size: 52px;}
	.inn-banner .cn{ font-size: 42px;}
	.container .con-tit h3{ font-size: 32px;}
	.container .con-tit .en{ font-size: 24px;}
	}
@media only screen and (max-width: 1440px){ .pb90{ padding-bottom: 70px;}
	.mb45{ margin-bottom: 30px;}
	.mt45{ margin-top: 30px;}
	.c{ width: 90vw;}
	.inn-banner .en{ font-size: 44px; margin-bottom: 10px;}
	.inn-banner .cn{ font-size: 36px;}
	.head-pc .ul-1 .menu-li > a{ padding: 0 16px;}
	.foot-t{ padding: 30px 0 25px;}
	.foot-t dl dt{ margin-bottom: 15px;}
	.foot-t dl dd:not(:last-of-type){ margin-bottom: 13px;}
	.foot-t .item .tel-info{ font-size: 26px;}
	.foot-t .gzh p{ margin-top: 7px;}
	.foot-b .link{ width: 180px;}
	.foot-b .b-link{ margin-left: 20px;}
	.foot-b .b-link li:not(:last-of-type){ margin-right: 15px;}
	.foot-b .b-link li:not(:last-of-type)::after{ right: -7px;}
	.container .siNavi-wrap{ width: 200px;}
	.container .content-wrap{ width: calc(100% - 200px); padding-top: 40px;}
	.container .con-tit h3{ font-size: 28px;}
	.container .con-tit .en{ font-size: 22px;}
	}
@media only screen and (max-width: 1280px){ .c{ width: 95vw;}
	.main-c, .center{ width: 90vw;}
	.fs20{ font-size: 16px;}
	.fs16{ font-size: 15px;}
	.fs15{ font-size: 14px;}
	.pb90{ padding-bottom: 60px;}
	.mb84{ margin-bottom: 64px;}
	.mb80{ margin-bottom: 60px;}
	.mt80{ margin-top: 60px;}
	.pb80{ padding-bottom: 60px;}
	.mt60{ margin-top: 50px;}
	.mb60{ margin-bottom: 50px;}
	.pt60{ padding-top: 50px;}
	.pb60{ padding-bottom: 50px;}
	.head-pc .oa{ font-size: 14px; margin-left: 20px;}
	.head-pc .ul-1 .menu-li > a{ font-size: 15px; padding: 0 13px;}
	.head-pc .subNav{ width: 160px;}
	.search-box input{ height: 50px; line-height: 50px;}
	.foot-t .item .tel-info{ font-size: 24px;}
	.foot-b .main-c{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
	.foot-b .copyright{ margin-top: 20px;}
	.inn-banner .en{ font-size: 40px;}
	.inn-banner .cn{ font-size: 32px;}
	.container .content-wrap{ padding-top: 40px;}
	.container .con-tit h3{ font-size: 26px;}
	.container .con-tit .en{ font-size: 20px;}
	}
@media only screen and (max-width: 1024px){ .mb73{ margin-bottom: 50px;}
	.pb100{ padding-bottom: 60px;}
	.head-pc{ display: none;}
	#mb-header{ display: block;}
	.foot-t{ padding: 20px 0;}
	.foot-t .foot-l{ display: none;}
	.foot-t .foot-r{ justify-content: space-between; width: 100%;}
	.banner{ margin-top: 50px;}
	.inn-banner .img img{ min-height: 350px; object-fit: cover;}
	.container .main-c{ flex-direction: column;}
	.container .siNavi-wrap, .container .si-navi{ width: 100%;}
	.container .siNavi-wrap{ padding: 30px 2%; min-height: auto; background: url(/templets/default/images/sub-nav.jpg) repeat center; background-size: cover;}
	.container .siNavi-wrap::before, .container .siNavi-wrap::after{ display: none;}
	.container .siNavi-wrap ul{ display: flex; justify-content: center;}
	.container .si-navi li:not(:last-of-type){ margin-right: 3%;}
	.container .si-navi a{ padding: 0;}
	.container .si-navi a::before{ left: 50%; top: auto; bottom: -10px; transform: translateX(-50%); width: 0; height: 1px; background-color: #fff;}
	.container .si-navi a:hover::before{ width: 100%; height: 1px;}
	.container .si-navi a.active::before{ width: 100%; height: 1px;}
	.container .content-wrap{ width: 100%;}
	.container .con-tit h3{ font-size: 24px;}
	.container .con-tit .en{ font-size: 18px;}
	.search-box{ top: 50px;}
	.search-box form{ width: 90%;}
	.search-box form .btn{ right: 7px;}
	.search-box form .btn i{ font-size: 20px;}
	.search-box input{ height: 44px; line-height: 44px; padding: 0 40px 0 20px;}
	}
@media only screen and (max-width: 640px){ .fs15{ font-size: 14px;}
	.pb90{ padding-bottom: 40px;}
	.mt60{ margin-top: 40px;}
	.mb60{ margin-bottom: 40px;}
	.pt60{ padding-top: 40px;}
	.pb60{ padding-bottom: 40px;}
	.mb55{ margin-bottom: 40px;}
	.mb45{ margin-bottom: 30px;}
	.foot-b .foot-b-l{ flex-direction: column;}
	.foot-b .b-link{ margin-left: 0;}
	.foot-b .link{ margin-bottom: 10px;}
	.foot-b .copyright{ margin-top: 10px; text-align: center;}
	.inn-banner .position{ bottom: 10%;}
	.inn-banner .position a{ font-size: 14px;}
	.inn-banner .position a:not(:last-of-type){ margin-right: 20px;}
	.inn-banner .position a:not(:last-of-type)::after{ right: -15px;}
	.inn-banner .en{ font-size: 30px;}
	.inn-banner .cn{ font-size: 22px;}
	.container .con-tit h3{ font-size: 22px;}
	.container .con-tit p{ font-size: 16px;}
	.container .pl90{ padding-left: 5%;}
	.container .pr90{ padding-right: 5%;}
	.paging .prev, .paging .next{ display: inline-block;}
	.paging .prev i, .paging .next i{ font-size: 16px;}
	.paging .prev{ margin-right: 20px;}
	.paging .next{ margin-left: 20px;}
	.paging .pagi-index a{ padding-bottom: 6px;}
	.paging .pagi-index a::after{ height: 2px;}
	.paging .pagi-index a:not(:last-of-type){ margin-right: 10px;}
	}