* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #fff; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; height: 14px }
.clearblank { clear: both; width: 100%; overflow: hidden; }
.fl { float: left!important; }
.fr { float: right!important; }
.box { width: 90%; overflow: hidden; margin: auto }
/*header*/
header { position: fixed; top: 0; width: 100%; line-height: 36px; text-align: center; z-index: 9999; padding: 15px 0 }
/* Slide transitions */
.slideUp { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; }
.slideDown { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; background: rgb(0, 0, 0, 1); box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
.white-bg.slideDown { background: #fff !important; }
.logo { float: left ; margin-left:10px;}
/*nav*/
nav { float: right; }
nav li { display: inline-block; margin-left: 80px }
nav li a { color: #fff }
nav li a:hover { color: #f22645; }
#selected { color: #f22645; }
.white-bg #starlist li a { color: #4A4A4A }
.white-bg #starlist li a#selected, .white-bg #starlist li a:hover { color: #f22645; }
#mnavh { display: none; width: 30px; height: 40px; float: right; text-align: center; padding: 0 5px }
.navicon { display: block; position: relative; width: 30px; height: 5px; background-color: #FFFFFF; margin-top: 20px }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #fff; }
/*banner*/
.banner { background: url(../images/bg.jpg) no-repeat center center; background-size: cover; height: 590px; text-align: center; color: #fff; font-size: 18px; width: 100%; overflow: hidden }
.banner li:nth-child(1), .banner li:nth-child(2) { font-size: 48px; font-weight: bold; }
.banner li:nth-child(2) { margin-bottom: 30px }
.banner li:nth-child(3), .banner li:nth-child(4) { line-height: 1.9 }
.banner em { color: #f22645; font-style: normal; }
.banner ul { position: absolute; top: 30%; width: 100% }
.banner h1{font-size: 18px;}
.con-btn { font-size: 16px; height: 50px; width: 210px; text-align: center; line-height: 50px; display: block; margin: 30px auto 0; border-radius: 50px; background-color: #f22645; color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.con-btn:hover { background: #fff; color: #f22645; }
.con-btn2 { font-size: 16px; height: 50px; width: 160px; text-align: center; line-height: 50px;     padding: 10px 20px;; margin: 30px auto 0; border-radius: 50px; background-color: #f22645; color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.con-btn2:hover { background: #fff; color: #f22645; }
/*advantage*/
.advantage { color: #666; font-size: 14px; line-height: 26px; width: 90%; margin: auto;   padding-top:30px;}
.advantage ul { width:100%;   overflow: hidden; background: #fff;  }
.advantage li { width: 25%; float: left; text-align: center; }

.advantage li section { margin: 30px; padding: 30px 20px; }
.advantage li section img { margin: auto; height: 120px; }
.advantage p { font-size: 22px; margin: 20px; color: #333; }

.advantage2 { color: #666; font-size: 14px; line-height: 26px; width:99%;  border:1px #f0f2f5  solid; margin-top:20px;}
.advantage2 ul { width:100%;   overflow: hidden; background: #fff;  }
.advantage2 li { width: 50%; float: left; text-align: center; }

.advantage2 li section { margin: 10px; padding: 0px 0px; }
.advantage2 li section img { margin: auto; height: auto; width:80%}
.advantage2 p { font-size: 16px; margin: 20px; color: #333; }
.advantage2 h2 { color: #444; font-weight: bold; font-size: 18px; margin: 10px 0;padding-left: 20px; }

/*h-title*/
.h-title { text-align: center; }
.h-title h2 { font-size: 36px; background: url(../images/title-bg.png) no-repeat top center; padding-top: 20px; margin-bottom: 20px }
.h-title span { color: #888; display: block; margin-bottom: 20px; font-size: 14px; line-height: 22px; width: 50%; margin: 0 auto 20px; }
/*service-a*/
.service-a, .service-b { overflow: hidden; margin-bottom: 60px; }
.service-a li, .service-b li { width: 25%; float: left; text-align: center; }
.service-a section { overflow: hidden; border: #eee 1px solid; margin: 0 10px; }
.service-a i { display: block; margin-bottom: 20px; margin:auto}
.service-a img {margin:auto;width: 100%;height: auto;transition: 1s;opacity: .9;}
.service-a i:hover img{ transform: scale(1.1) }
.service-a p{font-size: 22px;margin-bottom: 10px;margin-top: 20px;}
.service-b p {font-size: 22px;margin-bottom: 10px;}
.service-a span, .service-b span { margin-bottom: 20px; display: block; padding: 0 20px; color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.service-b section { overflow: hidden; margin: 0 10px; }
.service-b i { display: block; margin-bottom: 20px; }
.service-b img { margin: auto; width:150px; }
/*case-list*/
.case-list ul { margin-bottom: 40px; overflow: hidden; }
.case-list li { float: left; position: relative; overflow: hidden; }
.case-list li{ width: 20%; margin-bottom:20px;  }
.case-list li section { overflow: hidden; border: #eee 1px solid; margin: 0 10px; padding-right:15px;padding-left:15px; line-height:26px;padding-top:10px; padding-bottom:10px;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-list li .ps-img { width: 100%; min-height: 100%; }

.case-list li section:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  display: block; transition: .5s; }
.case-list li section:hover:after { background: rgb(6, 6, 6, .1); }
.case-list li a:hover{ color:#FF0000}

/*wangdian*/
.wangdian-list ul { margin-bottom: 40px; overflow: hidden; }
.wangdian-list li { float: left; position: relative; overflow: hidden; }
.wangdian-list li{ width: 12.5%; margin-bottom:20px;  }
.wd-box { margin:10px;border:1px solid #ccc;position: relative;display: flex;justify-content: center;align-items: center;}
.wd-box h3 { text-align:center}
.wd-box .en{ text-align:center;color:#f22645}
.wd-box .cn{ margin-top:30px; text-align:center}
.wd-box h3 a{ color:#f22645}

/*about*/
.about-section {
 width:100%;  text-align:center; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:100% auto; object-fit:cover; }
/*.about { background: url(../images/about-right.jpg) repeat-x; background-size: 100% 100%; width: 50%; float: right; height: 100%; color: #fff }
.about { background: url(../images/about-right.jpg) repeat-x; background-size: 100% 100%; width: 50%; float: right; height: 100%; color: #fff }

*/.about h2 { font-size: 36px; margin: 100px 0 40px 50px; }
.about p { width: 500px; margin-left: 50px; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; }
.btn-blue { background: #0f364b; color: #fff; border: #0f364b 1px solid; margin: 50px 0 0 50px }
.btn-blue:hover { background: #fff; color: #0f364b; border: #fff 1px solid; }
/*news*/
.news { margin-bottom: 60px }
.news-list { }
.news-list li { overflow: hidden; margin: 30px 0; border-bottom: #ccc 1px dotted; padding-bottom: 30px; width:50%; float:left}
.news-list li a { display: block; overflow: hidden; }
.news-list li i { width: 160px; height: 130px; display: block; float: left; overflow: hidden; margin-right: 20px; margin-left:10px; }
.news-list i img { width: 100%; transition: .5s; }
.news-list h2 { font-size: 20px; font-weight: normal; margin-right: 240px; margin-bottom: 10px; background-color: white; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.news-list p { font-size: 14px; color: #666; margin-right: 160px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.news-list span { display: block; float: right; width: 128px; height: 128px; text-align: center; border: 1px solid #ccc; color: #666; margin-right:10px;}
.news-list span b { font-size: 48px; color: #333; font-weight: normal; display: block; margin-top: 16px; }
.news-list li:hover img { transform: scale(1.1) }
.news-list li:hover h2 { color: #036 }
/*contact*/
.contact { background: url(../images/contact-bg.jpg) no-repeat; background-size: 100% 100%; padding: 40px 0 }
.contact h2, .contact span { color: #fff }
.contact-list { color: #fff; text-align: center }
.contact-list li { width: 25%; float: left; margin: 20px 0 }
.contact-list li i { display: block; width: 52px; margin: 0 auto 20px; overflow: hidden; }
.contact-list li img { width: 32px; padding: 8px; border: #fff 2px solid; border-radius: 100%; }
.contact-list li a { color: #fff; display: block }
/*footer*/
footer { background: #0f1f2b; color: #a1afb8; padding: 50px 0; font-size: 14px; }
.end-logo { margin-bottom: 20px }
.end-nav { margin-bottom: 30px }
.end-nav li { margin-right: 20px; padding-right: 20px; position: relative; text-align:left}
.end-nav li:after { position: absolute; content: ""; width: 0px; background: #a1afb8; right: 0; bottom: 0; height: 16px; }
.end-nav a { color: #fff }
.copyright a { color: #a1afb8; }
.ft-img { float: right; text-align: center }
.ft-img li { display: inline-block; margin: 0 10px }
.ft-img img { width: 100px; margin-bottom: 10px }
/*list-bg*/
.list-bg { background: url(../images/list-bg.jpg) no-repeat; background-size: cover; background-position: center; height: 220px; margin-top: 76px; }
.list-title { font-size: 24px; background: url(../images/title-bg.png) no-repeat top center; padding-top: 20px; margin-bottom: 40px; text-align: center }
/*page-nav*/
.page-nav { color: #666; font-size: 14px; margin: 20px 0 }
.page-nav a { color: #666 }
.page-nav a:hover { color: #f22645 }
.page-about { margin-bottom: 40px }
/*content*/
.content { color: #444; line-height: 26px; margin: 30px 20px }
.content img { max-width: 100% !important; margin: auto; }
.content h2, .content h3, .content h4, .content h5, .content h6, .content h1 { margin-bottom: 20px; font-size: 20px; text-align:center}
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #fff; margin: 0 5px 10px; padding: 5px 10px; background: #1c2327; display: inline-block; }
.pagelist a:nth-child(1) { background: none; margin: 0; padding: 0 50px 0 0; position: relative; color: #000; display: none; }
.pagelist a:nth-child(1):after { position: absolute; content: "篇文章"; right: 0; bottom: 0 }
.pagelist a:nth-child(1):hover { background: none; color: #666 }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #d61a1a; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
/*page-case-list*/
ul.page-case-list li { display: inline-block; width: 33.3333%; overflow: hidden; float: left; margin-bottom: 20px; }
ul.page-case-list li:hover h3 { color: #f22645 }
ul.page-case-list li a { display: block; margin: 30px; overflow: hidden; }
ul.page-case-list li i { display: block; margin-bottom: 10px; height: 280px; overflow: hidden; transition: 1s; background: rgba(0,0,0,1) }
ul.page-case-list li i img { height: 100%; width: 100%; transition: 1s; opacity: .7 }
ul.page-case-list li:hover img { transform: scale(1.1); opacity: 1 }
ul.page-case-list h3 { margin-bottom: 10px; font-size: 16px; font-weight: normal; color: #222; }
ul.page-case-list p { color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
ul.page-case-list span { color: #999; font-size: 14px; margin-top: 10px; display: block }
/* support */
.tell { text-align: center; background: url(../images/tell.jpg) no-repeat top center; padding-top: 100px }
.tell-tit h2 { font-size: 24px; color: #373d41; line-height: 38px; font-weight: 400; }
.tell-tit p { font-size: 14px; color: #777f84; line-height: 28px; }
.kefu { overflow: hidden; }
.kefu li { width: 33.333%; float: left; }
.kefu li a { display: block; margin: 20px; overflow: hidden; border: 1px solid #c5d8d8; padding-bottom: 10px; }
.kefu li h3 { margin: 10px 0; text-align: center; }
.kefu li img { margin: auto; max-width: 100%; }
.kefu p { font-size: 14px; color: #a9b0b4; line-height: 18px; font-weight: 400; text-align: center; padding: 0 20px; }
ul.form-sq { width: 500px; margin: 30px auto; border-radius: 3px; overflow: hidden; padding: 20px; }
ul.form-sq li { margin-bottom: 10px; line-height: 36px; }
ul.form-sq li input { display: block; line-height: 34px; width: 100%; text-indent: 1em; border-radius: 3px; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq li textarea { display: block; line-height: 24px; width: 100%; text-indent: 1em; border-radius: 3px; border: #e0e0e0 1px solid; outline: none; }
ul.form-sq input[type="submit"] { display: block; margin: 30px auto 0; width: 200px; line-height: 40px; font-size: 16px; height: 40px; background: #d61a1a; color: #fff; border: none; border-radius: 5px; }
ul.form-sq h2 { text-align: center; font-size: 24px; margin-bottom: 30px; }
ul.form-sq small { text-align: center; display: block; margin-bottom: 30px; }
/*search*/
.search { margin: 30px auto; border: #ccc 1px solid; overflow: hidden; }
.search input.input_submit { border: 0; background: url(../images/searchbg.png) no-repeat center; width: 15%; height: 36px; line-height: 36px; float: right; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none; float: left; }
/*tjnews*/
.right-box { float: right; width: 25%; background: #fff; }
.tjnews { border-top: 1px solid #f0f2f5; }
.tjnews h2 { color: #444; font-weight: bold; font-size: 18px; margin: 10px 0;padding-left: 20px; }

.tjnews ul { border: #f0f2f5 1px solid;}
.tjnews ul li { padding: 10px 20px; border-bottom: #f0f2f5 1px solid; font-size: 14px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tjnews ul li:last-child { border-bottom: none }
.tjnews ul li a { color: #444 }
/*left-box*/
.left-box { width:75% }
/*nextinfo*/
.nextinfo { overflow: hidden; margin: 20px 0; }
.nextinfo li { width: 50%; float: left; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nextinfo li:last-child { float: right }
.nextinfo li a:hover { color: #f22645; }
.news-info { margin: 10px 0; border: 1px solid #e4eaec; padding: 10px; color: #666; overflow: hidden; font-size: 14px; }
.news-info a { color: #666 }
.news-info a:hover { color: #f22645; }
.news-info p { line-height: 30px; word-break: break-all; }
.news-info i { display: block; float: right; width: 160px; overflow: hidden; font-style: normal; text-align: center; font-size: 12px; }
.news-info i img { width: 100%; }
 
.jinni8_kefu_style{position: fixed;width:78px;top: 50%;transform: translateY(-50%);right: 0;font-size: 13px;color: #fff;z-index:100000000000000000;background-color: #f22645;cursor:pointer;}
.jinni8_kefu_nth{display:block;position: relative;text-align: center;padding: 15px 10px;padding:10px 0;border-top: rgb(0, 0, 0) 1px solid;transition:all 0.3s;color:#fff !important;}
.jinni8_kefu_nth a{color:#fff !important;}
.jinni8_kefu_nth:before{content:"";position: absolute;left: 0;top: -1px;width: 100%;height: 1px;background-color: #FFFFFF;z-index: 10;}
.jinni8_kefu_nth:hover{background-color: #333;}
.jinni8_kefu_nth:nth-child(1){border:0;}
.jinni8_kefu_nth:nth-child(1):before{display:none;}
.jinni8_kefu_mipimgs{height:32px;}
.jinni8_kefu_xx .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_xx.png) no-repeat center;}
.jinni8_kefu_qq .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_qq.png) no-repeat center;}
.jinni8_kefu_sj .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_sj.png) no-repeat center;}
.jinni8_kefu_ma .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_ma.png) no-repeat center;}
.jinni8_kefu_top .jinni8_kefu_mipimgs{background:url(../images/jinni8_kefu_top.png) no-repeat center;}
.jinni8_kefu_nth span{display:block;margin-top:8px;}
.jinni8_kefu_nth .tips{display:none;opacity:0;transition: all 0.3s;position: absolute;right: 78px;top: 0;width: 300px;height: 100%; border:#dedede 1px solid; background:#fff; color: #f22645;line-height: 90px;text-align: center;text-indent: 10px;font-size: 21px; z-index:1000000;}
.jinni8_kefu_nth:hover .tips{display:block;opacity:1;}
.jinni8_kefu_ma .tips{top: inherit;bottom: 0;height: inherit;width: 200px;padding: 10px;margin: 10px;}
.jinni8_kefu_ma .tips:before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;}
.jinni8_kefu_ma .tips a{display:none;}
.jinni8_kefu_style mip-fixed{position: relative !important;right: inherit !important;bottom: inherit !important;left: inherit !important;top: inherit !important;}
.jinni8_kefu_style mip-fixed mip-gototop{background-image:none;width:auto !important;height:inherit;background:none !important;border:none;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth{border-top: rgb(0, 0, 0) 1px solid;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth:before{display:block;}
@media screen and (max-width:767px){
.jinni8_kefu_style{width:100%;bottom:0;left:0;top:inherit;height:66px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 33% - 1px );float:left;border-top:0 !important;border-left: #e0465e 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left:0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;
}
}
/*A B 模 板 网 分页样式*/
.pages{padding: 20px 0; margin-bottom:10px; width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.erji{}
.erji ul{ overflow:hidden; text-align:center}
.erji ul li{ display:inline-block; margin:0 5px 10px}
.erji ul li:hover a{ color:#DC0B01}
.erji ul li.on a{ color:#DC0B01}


.partbox     {position:relative;padding:4% 4% 8% 4%; color:#FFFFFF}
.partbox  a{ color:#fff;}
.partimg {background: url(../images/location.jpg) no-repeat left top; width:100%; height:100%; position:absolute; left:0; top:0; z-index:153; text-align:center; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:100% auto; object-fit:cover; }
.partcover { width:100%; height:100%; position:absolute; left:0; top:0; z-index:154; background-color:rgba(0,0,0,.6); }
.parttext { width:100%; position:relative; z-index:155; }
.parttext h3 { font-size:22px; color:#FFFFFF; text-align:center; padding-bottom:22px;}
.ta-c { color:#fff; text-align:center !important;}
.mb4 { margin-bottom:4% !important;}
.mt6 { margin-top:6% !important;}
.flex_ol { display:-webkit-flex; flex-wrap:-webkit-wrap; display:flex; flex-wrap:wrap; _justify-content:flex-start; justify-content: space-between; align-items:stretch; }
.flex_ol li { text-align:center; margin-bottom:4%;}
.flex_ol li .flexbox { padding:1em 1em; box-shadow:0 1px 3px #ddd; border-radius:5px; background-color:#fff;}
.flex_ol li p { margin-top:0; color:#999; }
.flex_col3 li { width:31%;}
.iconwrap { display:inline-block; vertical-align:top; width:100%; height:100%; text-align:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.iconwrap u { display:inline-block; font-size:2.5em; text-decoration:none; }
sup,sub { display:inline-block; font-size:.75em; position: relative; vertical-align:baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
.morebox { text-align:left; line-height:1.65}
.morebox p{ color:#FFFFFF}



.color-0{background-color:#e79178;}
.color-1{background-color:#ae98c6;}
.color-2{background-color:#c8b7d8;}
.color-3{background-color:#afc8ee;}
.color-4{background-color:#8ca3cc;}
.color-5{background-color:#adddf3;}
.color-6{background-color:#6bb5ce;}
.color-7{background-color:#6daae2;}
.color-8{background-color:#90cfb7;}
.color-9{background-color:#e8ab6f;}
.color-10{background-color:#e79178;}
.color-11{background-color:#ae98c6;}
.color-12{background-color:#c8b7d8}
.color-13{background-color:#afc8ee}
.color-14{background-color:#8ca3cc}
.color-15{background-color:#adddf3}
.color-16{background-color:#6bb5ce}
.color-17{background-color:#6daae2}
.color-18{background-color:#90cfb7}
.color-19{background-color:#e8ab6f}
.color-20{background-color:#e79178}
.color-21{background-color:#ae98c6}
.color-22{background-color:#c8b7d8}
.color-23{background-color:#afc8ee}
.color-24{background-color:#8ca3cc}
.color-25{background-color:#adddf3}
.color-26{background-color:#6bb5ce}
.color-27{background-color:#6daae2}
.color-28{background-color:#90cfb7}
.color-29{background-color:#e8ab6f}
.color-30{background-color:#e79178}
.color-31{background-color:#ae98c6}
.color-32{background-color:#c8b7d8}
.color-33{background-color:#afc8ee}
.color-34{background-color:#8ca3cc}
.color-35{background-color:#adddf3}
.color-36{background-color:#6bb5ce}
.color-37{background-color:#6daae2}
.color-38{background-color:#90cfb7}
.color-39{background-color:#e8ab6f}
.color-40{background-color:#e79178}
.color-41{background-color:#ae98c6}
.color-42{background-color:#c8b7d8}
.color-43{background-color:#afc8ee}
.color-44{background-color:#8ca3cc}
.color-45{background-color:#adddf3}
.color-46{background-color:#6bb5ce}
.color-47{background-color:#6daae2}
.color-48{background-color:#90cfb7}
.color-49{background-color:#e8ab6f}
.color-50{background-color:#e79178}
.color-51{background-color:#ae98c6}
.color-52{background-color:#c8b7d8}
.color-53{background-color:#afc8ee}
.color-54{background-color:#8ca3cc}
.color-55{background-color:#adddf3}
.color-56{background-color:#6bb5ce}
.color-57{background-color:#6daae2}
.color-58{background-color:#90cfb7}
.color-59{background-color:#e8ab6f}
.color-60{background-color:#e79178}

table.tftable 
{font-size:14px;color:#333333;width:100%;border-width: 1px;border-color: #ffc7c7;border-collapse: collapse;} 
table.tftable th {font-size:14px;background-color:#faeef0;border-width: 1px;padding: 8px;border-style: solid;border-color: #ffc7c7;text-align:center;}
 table.tftable tr {background-color:#ffffff;} 
 table.tftable td {font-size:14px;border-width: 1px;padding: 8px;border-style: solid;border-bottom-color: #ffc7c7;}
 .com_phone { text-align:left}
 .com_phone a{color:#fff }
 
 
 .container_swiper {
				/*width: 100%;*/
				margin-bottom:20px;
			}
			.swiper1 {
				width: 100%;
				margin-bottom:20px;
				border-bottom: 1px solid #ccc;
			}
			.swiper1 .selected {
				color: #ec5566;
				border-bottom: 2px solid #ec5566;
			}
			.swiper1 .swiper-slide {
				text-align: center;
				font-size: 16px;
				height: 50px;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				cursor: pointer;
			}
			.swiper2 {
				width: 100%;
			}
			.swiper2 .swiper-slide {
				height: auto;/*calc(100vh - 50px);*/
				text-align: left;
				line-height:30px;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}
			.swiper2 .swiper-slide a{
			width:20%; float:left; line-height:40px; 
			}
			
			.swiper-no-swiping{color: #000000;}

/*tancheng*/
#tc_bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
 
#tc_div1 {
	background:#eeeeee;
	width: 70%;
	z-index: 1;
	margin: 20% auto;
	overflow: auto;
}
 
#tc_div2 {
	background:#eeeeee;
	margin: auto;
	height: 300px;
	padding: 0 20px;
}
 
#tc_close {
	padding: 5px;
	background: #f22645;
}
 
#tc_close-button {
	float: right;
	font-size: 30px;
		color: white;
/*	padding-top: 12px;
*/	cursor: pointer;
	padding-right: 15px;
}