/*css reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
fieldset, img { border: 0; }
img, video { max-width: 100%; vertical-align: middle; }
h1, h2, h3, h4, h5, h6，address, caption, cite, code, dfn, em, strong, th, var, i, b { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; outline: 0 none; }
input, textarea, select { *font-size: 100%; }

/* public */
body { font-family: 'Microsoft Yahei', STHeiti, SimHei, 'STHeiti Light', Arial !important; font-size: 14px; color: #7f8c8d; -webkit-font-smoothing: antialiased; }
.clearfix, .box { *zoom: 1; }
.clearfix:before, .clearfix:after, .box:before, .box:after { line-height: 0; display: table; content: ''; }
.clearfix:after, .box:after { clear: both; }
.box { width: 96%; max-width: 1180px; margin: 0 auto; }
a { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; color: #7f8c8d; }
a:hover { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: underline; color: #1abc9c; }
.hero, .subhero { position: relative; padding-top: 5em; background: #1abc9c; }
.subhero { padding: 10em 0 2em; text-align: center; color: #2c3e50; }
.subhero h2 { font-size: 5em; line-height: 3em; }
.subhero h2 span {display: block; margin-top: -1.5em;}
.subhero a { color: #2c3e50; }
.subhero a:hover { color: #fff; }
.cfff { color: #fff; background-color: #2c3e50; }
.block { line-height: 2em; padding: 4em 0; }
.block h3 { font-size: 1.5em; color: #2c3e50; }
.tl { text-align: left; }
.tc { text-align: center; }
.big-icon { margin-bottom: .5em; }
.mt2em { margin-top: 2em; }
.three-c { width: 96%; max-width: 1200px; margin: 0 auto; padding: 4em 0; }
.three-c .c { line-height: 2em; float: left; width: 31.3333%; padding: 0 1%; }
.three-c .c .img { text-align: center; }
.three-c .c h3, .three-c .c h4 { color: #2c3e50; }
.three-c .c h4 { font-size: 1.2em; }
.img-text { display: table; padding-top: 2em; }
.img-text .img { display: table-cell; width: 25%; padding-right: 5%; text-align: center; vertical-align: middle; }
.img-text .text { display: table-cell; width: 75%; vertical-align: middle; }
.img-text h4 { font-size: 1.4em; font-weight: bold; padding-bottom: 1em; }
.img-text-v { padding-top: 2em; }
.img-text-v .img, .img-text-v .text { width: 100%; text-align: center; }
.img-text-v h4 { font-size: 1.4em; font-weight: bold; padding-bottom: 1em; }
.btn-more { font-size: 12px; display: inline-block; padding: .2em .5em; color: #fff; background: #2c3e50; }
.btn-more:hover { text-decoration: none; color: #fff; background: #1abc9c; }

/*header*/
.header { position: absolute; z-index: 999; top: 0; right: 0; left: 0; max-height: 70px; background: rgba(26, 188, 156, 0); }
.header.scrolling { position: fixed; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; background: rgba(26, 188, 156, 1.0); }
.mheader { position: relative; float: left; height: 2em; padding: 1.5em 0; }
.toggle { display: none; }
.logo { float: left; }
.nav { float: right; }
.nav > li { line-height: 5em; position: relative; float: left; height: 5em; margin: 0 1px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.nav > li:hover, .nav > li.current { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #2c3e50; }
.nav > li > a { display: block; padding: 0 .6em; color: #fff; }
.nav a:hover { text-decoration: none; }
.subnav { line-height: 2.4em; position: absolute; top: 100%; left: 0; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; padding: 1em; white-space: nowrap; color: #fff; background: #34495e; }
.mdm-subnav dt { font-weight: bold; display: inline-block; padding-right: 1em; }
.mdm-subnav dd { display: inline-block; }
.mdm-subnav dd span { padding: 0 .5em; color: #7f8c8d; }
.subnav .m-emm-link {display: none;}

/*footer*/
.footer { padding: 3em 0; text-align: center; color: #fff; background: #19b698; }
.footer .box { padding: 1em 0; }
.socials a { margin: 0 .2em; opacity: .5; filter: alpha(opacity=50); }
.socials a:hover { opacity: 1; filter: alpha(opacity=100); }
.mdm-links dt, .mdm-links dd { line-height: 3em; display: inline-block; }
.mdm-links dt { font-weight: bold; padding-right: 1em; }
.mdm-links dd a { margin: 0 .2em; color: #fff; }
.normal-links li { display: inline-block; }
.normal-links li a { margin: 0 .2em; color: #2c3e50; }
.normal-links li a:hover { color: #fff; }
.qrcode p {line-height: 2em;}
.copyright { padding: 1em .5em; text-align: center; color: #fff; background: #2c3e50; }

/*homepage*/
#loading { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; text-align: center; vertical-align: middle; color: #fff; background: #1abc9c; }
.banner.box { max-width: 1200px; }
.banner-items { position: relative; width: 100%; height: 0; padding-bottom: 60%; }
.banner-items li { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; }
.banner-items li#banner-item01 { display: block; }
.banner-items li a { display: block; width: 100%; height: 100%; }
.banner-dots { position: absolute; bottom: 0; left: 0; width: 100%; height: 1.4em; padding: .5em 0; text-align: center; background: rgba(255, 255, 255, .61); }
.banner-dots li { display: inline-block; width: 1.4em; height: 1.4em; margin: 0 .3em; cursor: pointer; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); border-radius: 50%; background: #1abc9c; }
.banner-dots li:hover, .banner-dots li.current { -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: #2c3e50; }
.homemain .c h3 {margin-top: 1em;}

/*emm*/
.problems { background: url("../uploads/img/bg-question.jpg") center center no-repeat #000; -webkit-background-size: cover; background-size: cover; }
.mobi {display: none;}
.emmp { background: #16a085; }
.emm5c { display: table; width: 96%; max-width: 1200px; height: 560px; margin: 2em auto 0;}
.emm5c li { line-height: 2em; display: table-cell; box-sizing: border-box; width: 20%; padding: 1%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; vertical-align: middle; border: 1px solid #16a085; background: #2c3e50; }
.emm5c li .text { display: none; }
.emm5c li .icon-img { -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; transition: All .4s ease-in-out; }
.emm5c li h4 { font-size: 1.2em; color: #1abc9c; }
.emm5c li h4 b {display: none;}
.emm5c li.current { width: 40%; padding: 1%; background: #fff; }
.emm5c li.current .icon-img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.emm5c li.current h4 { color: #2c3e50; }
.emm5c li.current h4 i {display: none;}
.emm5c li.current h4 b {display: block;}
.emm5c li.current .text { display: block; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.emm5c li.current img {width: 28%;}
.emm5c li.close { width: 15%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

/*inds*/
.inds { background: #fff; }
.inds li { border-color: #fff; background: #ecf0f1; }
.inds li.current { background: #2c3e50; }
.inds li.current h4 { color: #fff; }

/*end page*/
.endpage, .sg { line-height: 2em; padding: 2em 0; color: #2c3e50; }
.subtabs { position: relative; text-align: center; }
.subtabs li { display: inline-block; margin: 0 .6em; }
.subtabs #nowat { display: none; }
.subtabs li a { display: inline-block; padding: .5em; }
.subtabs li.current a, .subtabs li a:hover { color: #fff; background: #1abc9c; text-decoration: none;}
.endpage .summary { margin-top: 2em; padding: 1em; border-left: 5px solid #1abc9c; background: #ecf0f1; }
.endpage .summary h5 { font-size: 1.2em; }
.endpage .summary  p { font-style: italic; color: #7f8c8d; }
.endpage .main { padding-top: 1.4em; }
.endpage .main > h4 { font-size: 1.4em; font-weight: bold; line-height: 3em; color: #16a085; }
.endpage .main ul li, .endpage .summary ul li { position: relative; padding-left: 1.5em; }
.endpage .main ul li:before, .endpage .summary ul li:before { font-size: 0; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; content: ''; border-radius: 50%; background-color: #2c3e50; }
.endpage .main dt { font-weight: bold; }
.endpage .main table { width: 100%; }
.endpage .main td { padding: 5px; }
.endpage .main > h3 { font-size: 2em; line-height: 2em; text-align: center; color: #16a085; }
.endpage .main > .content { padding: .5em 0; }
.endpage h5 { font-size: 1.4em; font-weight: bold; color: #1abc9c; line-height: 3em;}
.sub-banner { margin-top: 2em; text-align: center; background: #ecf0f1; }
.logolist { font-size: 0; min-height: 400px; text-align: center; }
.logolist li { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 14.6666%; margin: 1%; border: 1px solid #ecf0f1; }
.contactus {font-size: 0; text-align: center;}
.contactus li {width: 46%; display: inline-block; margin: 0 2%; font-size: 14px;}
.contactus li dt {font-weight: bold;}
.contactus li dd{color: #7f8c8d}
.news h4 {font-size: 1.2em; font-weight: bold; line-height: 3em;}
.news p {text-indent: 2em; padding: 0.4em 0;}
.news p.tc {text-indent: 0;}
.news ul, .news dl {padding-left: 2em;}
.newslist h4 a {color: #2c3e50;}
.newslist h4 a:hover {color: #16a085;}
.newslist .btn-more { background: #bdc3c7; margin-top: 0.5em;} 
.newslist .btn-more:hover { background: #1abc9c;} 
.honorslist {display: table; border: 5px solid #1abc9c; vertical-align: middle; text-align: center;}
.honorslist ul {display: table-row;}
.honorslist li {display: table-cell; padding: 1em; width: 50%; border: 5px solid #1abc9c; background: #fff;}