@charset "UTF-8";
@import url(style.css);
@import url(slick.css);
@import url(animate.css);
@import url(swiper.css);
@import url(jquery.mCustomScrollbar.css);
@import url(iconfont.css);

@font-face
{
  font-family: BebasNeue;
  src: url('BebasNeue.otf')
}


/* body */

body {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;position: relative;z-index: 99}
body.mOpen {position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 375px) { body.mOpen { -webkit-transform: translateX(-60%); -moz-transform: translateX(-60%); transform: translateX(-60%); } }

/* header */
.header { height: 120px; width: 100%; position: relative; }

.fixed { padding-top: 40px; position: fixed; left: 0; width: 100%; background: #fff; z-index: 9999; right: 0; -webkit-box-shadow: 0 0 5px #767676; -moz-box-shadow: 0 0 5px #767676; box-shadow: 0 0 5px #767676; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.fixed.narrow { padding-top: 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.headBox { margin: 0 auto; width: 1400px; }
.headBox .logo { display: block; float: left; }
.headBox .nav { margin-top: 12px; width: 910px; margin-left: 30px; float: left; }
.headBox .nav ul li { border-bottom: 2px solid #fff; width: 140px; float: left; text-align: center; font-size: 16px; padding-bottom: 46px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.headBox .nav ul li:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-bottom: 2px solid #1a7dd2; }
.headBox .nav ul li:last-child { float: right; }
.headBox .nav ul li > a, .headBox .nav ul .two_item .item .text .td li > .link, .two_item .item .text .td .headBox .nav ul li > .link, .headBox .nav ul .two_item .item .text .td li > .viewAll, .two_item .item .text .td .headBox .nav ul li > .viewAll, .headBox .nav ul .two_item .item .text .tx li > .link, .two_item .item .text .tx .headBox .nav ul li > .link { width: 100%; display: block; color: #686868; }
.headBox .nav ul li > a:hover, .headBox .nav ul .two_item .item .text .td li > .link:hover, .two_item .item .text .td .headBox .nav ul li > .link:hover, .headBox .nav ul .two_item .item .text .td li > .viewAll:hover, .two_item .item .text .td .headBox .nav ul li > .viewAll:hover, .headBox .nav ul .two_item .item .text .tx li > .link:hover, .two_item .item .text .tx .headBox .nav ul li > .link:hover { color: #1a7dd2; }
.headBox .nav ul li.narrow { padding-bottom: 20px; }
.headBox .nav ul li.narrow .sed { top: 73px; }
.headBox .language, .headBox .serBtn { float: left; margin-top: 7px; font-size: 20px; color: #888888; cursor: pointer; }
.headBox .language span, .headBox .serBtn span { position: relative; z-index: 99; font-size: 20px; color: #888888; display: inline-block; vertical-align: middle; }
.headBox .language span:before, .headBox .serBtn span:before { margin-right: 21px; content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 20px; background: #e8e9e9; }
.headBox .language.narrow .cnen, .headBox .narrow.serBtn .cnen { top: 65px; }
.headBox .serBtn { z-index: 99999; margin-left: 14px; position: relative; z-index: 999; }
.headBox .serBtn.on span { color: #fff; }

.menu { display: none; }

/* banner */
.banner{overflow: hidden;}
.banner, .banner div { position: relative; height: 550px; }
.banner div { display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 1220px) { .banner, .banner div { height: 550px; } }
@media screen and (max-width: 768px) { .banner, .banner div { height: 350px; } }
@media screen and (max-width: 480px) { .banner, .banner div { height: 200px; } }

/* search */
.header .search { display: none; position: absolute; right: -13px; height: 30px; background: #1a7dd2; width: 395px; top: -5px; padding: 5px 10px; border-radius: 25px; }
.header .search input { background: none; border: none; height: 30px; color: #fff; width: 300px; float: left; }
.header .search input::-webkit-input-placeholder { color: #fff; }
.header .search input:-moz-input-placeholder { color: #fff; }
.header .search .submit { padding: 0; float: left; width: 60px; text-align: center; line-height: 30px; height: 30px; color: #fff; border-bottom: none; cursor: pointer; }

/* 二级菜单 */
.sed { height: 192px; overflow: hidden; display: none; position: absolute; left: 0; top: 120px; background: rgba(255, 255, 255, 0.8); padding: 48px 0 35px 0; z-index: 999999; width: 100%; -webkit-box-shadow: 0 0 10px #b6b6b6 inset; -moz-box-shadow: 0 0 10px #b6b6b6 inset; box-shadow: 0 0 10px #b6b6b6 inset; }
.sed dl { width: 1400px; padding: 0 100px; margin: 0 auto; overflow: hidden; }
.sed dl dd { outline: none; margin-right: 20px; float: left; position: relative;}
.sed dl dd span { color: #333333; display: block; text-align: center; line-height: normal; margin-top: 35px; }
.sed dl dd:hover span { color: #1a7dd2; }

/* 语言 */
.cnen { display: none; background: #fff; -webkit-box-shadow: 0 0 10px #b6b6b6; -moz-box-shadow: 0 0 10px #b6b6b6; box-shadow: 0 0 10px #b6b6b6; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; padding: 10px 0; z-index: 999; top: 80px; }
.cnen a, .cnen .two_item .item .text .td .link, .two_item .item .text .td .cnen .link, .cnen .two_item .item .text .td .viewAll, .two_item .item .text .td .cnen .viewAll, .cnen .two_item .item .text .tx .link, .two_item .item .text .tx .cnen .link { color: #ee7700; display: block; font-size: 16px; padding: 5px 10px; width: 90px; text-align: center; }
.cnen a:hover, .cnen .two_item .item .text .td .link:hover, .two_item .item .text .td .cnen .link:hover, .cnen .two_item .item .text .td .viewAll:hover, .two_item .item .text .td .cnen .viewAll:hover, .cnen .two_item .item .text .tx .link:hover, .two_item .item .text .tx .cnen .link:hover { background: #ed7f00; color: #fff; }

@media screen and (max-width: 1440px) { .headBox { width: 1200px; }
  .headBox .nav { width: 727px; }
  /* 二级菜单*/
  .sed dl { width: 1200px; }
  .sed dl dd .pic img { width: 100%; } }
@media screen and (max-width: 1220px) { .header { height: 69px; }
  .fixed { position: static; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .headBox { width: 90%; }
  .headBox .logo { display: block; width: 250px; }
  .headBox .logo img { display: block; width: 100%; }
  .headBox .nav { display: none; }
  .headBox .language, .headBox .serBtn { display: none; }
  /* 移动端菜单 */
  .mNav { margin: 0 6%; display: block; padding: 10px 0 20px 0; cursor: pointer; position: absolute; z-index: 9999; right: 0; top: 11px; }
  .mNav span { -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; display: block; -webkit-border-radius: 20px; border-radius: 20px; width: 35px; height: 4px; position: relative; background: #f09319; }
  .mNav span:nth-child(1) { top: 0; }
  .mNav span:nth-child(2) { top: 5px; }
  .mNav span:nth-child(3) { top: 10px; }
  .mNav.open span:nth-child(1) { -webkit-transform-origin: center center; -moz-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 5px; }
  .mNav.open span:nth-child(3) { -webkit-transform-origin: center center; -moz-transform-origin: center center; transform-origin: center center; top: -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } }
@media screen and (max-width: 1220px) and (max-width: 768px) { .mNav.open span:nth-child(3) { top: -1px; } }
@media screen and (max-width: 1220px) { .mNav.open span:nth-child(2) { filter: alpha(opacity=0); opacity: 0; }
  .menu {z-index: 999999;overflow-x: hidden;display: block; position: fixed; right: -50%; top: 0; background: #3a3a3a; width: 50%; padding: 20px 0; height: 100%; border-left: 2px solid #ee7700; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .menu .mser { overflow: hidden; -webkit-border-radius: 15px; border-radius: 15px; background: #1a7dd2; width: 80%; margin: 0 auto; }
  .menu .mser input {margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 80%; padding: 0 10px; background: none; border: none; height: 30px; float: left; line-height: 30px; }
  .menu .mser input::-webkit-input-placeholder { color: #fff; }
  .menu .mser input:-moz-input-placeholder { color: #fff; }
  .menu .mser .submit { width: 20%; color: #333; text-align: center; }
  .m_nav { margin: 30px auto; }
  .m_nav ul li { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; font-size: 15px; background: #323232; text-align: center; }
  .m_nav ul li.on > a, .m_nav ul .two_item .item .text .td li.on > .link, .two_item .item .text .td .m_nav ul li.on > .link, .m_nav ul .two_item .item .text .td li.on > .viewAll, .two_item .item .text .td .m_nav ul li.on > .viewAll, .m_nav ul .two_item .item .text .tx li.on > .link, .two_item .item .text .tx .m_nav ul li.on > .link { color: #f09825; }
  .m_nav ul li > a, .m_nav ul .two_item .item .text .td li > .link, .two_item .item .text .td .m_nav ul li > .link, .m_nav ul .two_item .item .text .td li > .viewAll, .two_item .item .text .td .m_nav ul li > .viewAll, .m_nav ul .two_item .item .text .tx li > .link, .two_item .item .text .tx .m_nav ul li > .link { color: #fff; padding: 10px 0; display: block; border-bottom: 1px solid #3a3a3a; }
  .m_nav ul li > a i, .m_nav ul .two_item .item .text .td li > .link i, .two_item .item .text .td .m_nav ul li > .link i, .m_nav ul .two_item .item .text .td li > .viewAll i, .two_item .item .text .td .m_nav ul li > .viewAll i, .m_nav ul .two_item .item .text .tx li > .link i, .two_item .item .text .tx .m_nav ul li > .link i { margin-left: 5px; }
  .m_nav ul li dl { display: none; }
  .m_nav ul li dl dd { padding-left: 15%; font-size: 14px; }
  .m_nav ul li dl dd a, .m_nav ul li dl dd .two_item .item .text .td .link, .two_item .item .text .td .m_nav ul li dl dd .link, .m_nav ul li dl dd .two_item .item .text .td .viewAll, .two_item .item .text .td .m_nav ul li dl dd .viewAll, .m_nav ul li dl dd .two_item .item .text .tx .link, .two_item .item .text .tx .m_nav ul li dl dd .link { border-bottom: 1px solid #3a3a3a; padding: 15px 0; display: block; color: #fff; }
  .mlan span { padding: 10px 12px; color: #fff; font-size: 15px; background: #1a7dd2; display: block; position: relative; cursor: pointer; }
  .mlan span i { width: 21px; height: 21px; -webkit-border-radius: 50%; border-radius: 50%; display: block; position: absolute; right: 5%; top: 20%; text-align: center; line-height: 22px; background: #fff; color: #1a7dd2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .mlan span.active i { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
  .mlan .lanDown { background: #fff; display: none; }
  .mlan .lanDown a, .mlan .lanDown .two_item .item .text .td .link, .two_item .item .text .td .mlan .lanDown .link, .mlan .lanDown .two_item .item .text .td .viewAll, .two_item .item .text .td .mlan .lanDown .viewAll, .mlan .lanDown .two_item .item .text .tx .link, .two_item .item .text .tx .mlan .lanDown .link { display: block; padding: 10px 0; color: #bdbdbd; font-size: 14px; padding-left: 15px; } }
@media screen and (max-width: 768px) { .header { height: 63px; }
  .headBox { width: 100%; }
  .headBox .logo { width: 200px; }
  .mNav span { height: 3px; }
  .menu .mser { -webkit-border-radius: 0px; border-radius: 0px; background: none; }
  .menu .mser input { width: 100%; background: #1a7dd2; -webkit-border-radius: 15px; border-radius: 15px; float: none; height: 30px; line-height: 30px; }
  .menu .mser .submit { margin-bottom: 10px; width: 100%; } }
@media screen and (max-width: 375px) { .menu { right: -60%; width: 60%; } }
/* -------------------------------------------- */
/* 首页内容标题 */
.inTtile .en, .in_one .title .en, .in_two .topslide .title .en, .in_three .title .en { font-size: 30px; color: #e0e0e0; }
.inTtile .cn, .in_one .title .cn, .in_two .topslide .title .cn, .in_three .title .cn { font-size: 24px; color: #797979; }
@media screen and (max-width: 1220px) { .inTtile .en, .in_one .title .en, .in_two .topslide .title .en, .in_three .title .en { font-size: 20px; }
  .inTtile .cn, .in_one .title .cn, .in_two .topslide .title .cn, .in_three .title .cn { font-size: 18px; } }

.inBox { width: 1400px; margin: 0 auto; overflow: hidden;}
@media screen and (max-width: 1440px) { .inBox { width: 1200px; } }
@media screen and (max-width: 1440px) and (max-width: 1220px) { .inBox { width: 96%; padding: 0 2%; } }

/* in_one */
.in_one { background: #f5f5f5; padding: 80px 0;overflow: hidden; }
.in_one .title { margin-bottom: 28px; }
.in_one .picTop { margin-bottom: 13px; }
.in_one .picTop .picleft { overflow: hidden; position: relative; float: left; width: 68.8%; }
.in_one .picTop .picleft img { width: 100%; }
.in_one .picTop .picleft .text {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;position: absolute;bottom: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 2% 2% 2% 2%;}
.in_one .picTop .picleft .text .tag { font-size: 14px; color: #ffffff; }
.in_one .picTop .picleft .text .cTag { font-size: 16px; color: #fff; margin-top: 8px; }
.in_one .picTop .picleft .text .article {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
  display: block;
  /* height: 75px; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display:  none;
  }
.in_one .picTop .picleft .text .article:after { content: ''; background: url(../images/hehe.png) no-repeat; width: 31px; height: 31px; display: block; margin-top: 10px; background-size: cover; background-position: center center; }
@media screen and (max-width: 1220px) { .in_one .picTop .picleft .text { bottom: 0; background: rgba(239, 154, 41, 0.8); }
  .in_one .picTop .picleft .text .article { display: none; } }
@media screen and (min-width: 1360px) { .in_one .picTop .picleft:hover .text { bottom: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background: rgba(255, 255, 255, 0.5); }
.in_one .picTop .picleft:hover .text .article {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;display: block;} }
.in_one .picTop .picright { overflow: hidden; position: relative; float: right; width: 30.23%; }
.in_one .picTop .picright img { width: 100%; }
.in_one .picTop .picright .text {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;position: absolute;bottom: 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 4%;}
.in_one .picTop .picright .text .tag { font-size: 14px; color: #ffffff; }
.in_one .picTop .picright .text .cTag { font-size: 16px; color: #fff; margin-top: 8px; }
.in_one .picTop .picright .text .article {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;font-size: 12px;color: #fff;margin-top: 10px;display: none;}
.in_one .picTop .picright .text .article:after { content: ''; background: url(../images/hehe.png) no-repeat; width: 31px; height: 31px; display: block; margin-top: 10px; background-size: cover; background-position: center center; }
@media screen and (max-width: 1220px) { .in_one .picTop .picright .text { bottom: 0; background: rgba(239, 154, 41, 0.8); }
  .in_one .picTop .picright .text .article { display: none; } }
@media screen and (min-width: 1360px) {
  .in_one .picTop .picleft:hover .text .tag{color: #333}
  .in_one .picTop .picleft:hover .text .cTag{color: #333}
  .in_one .picTop .picleft:hover .text .article{color: #333}
  .in_one .picTop .picright:hover .text .tag{color: #333}
  .in_one .picTop .picright:hover .text .cTag{color: #333}
  .in_one .picTop .picright:hover .text .article{color: #333}
  .in_one .picBot .pic:hover .text .tag{color: #333}
  .in_one .picBot .pic:hover .text .cTag{color: #333}
  .in_one .picBot .pic:hover .text .article{color: #333}
  .in_one .picTop .picright:hover .text { bottom: 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background: rgba(255, 255, 255, 0.5); }
  .in_one .picTop .picright:hover .text .article { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; display: block; }
}
@media screen and (max-width: 768px) { .in_one .picTop { margin-bottom: 10px; }
  .in_one .picTop .picleft { float: none; width: 100%; margin-bottom: 10px; }
  .in_one .picTop .picright { float: none; width: 100%; } }
.in_one .picBot { overflow: hidden; }
.in_one .picBot .pic { float: left; overflow: hidden; position: relative; width: 49.5%; }
.in_one .picBot .pic img { width: 100%; float: left; }
.in_one .picBot .pic .text {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;position: absolute;bottom: 0px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 2% 2% 2% 2%;}
.in_one .picBot .pic .text .tag { font-size: 14px; color: #ffffff; }
.in_one .picBot .pic .text .cTag { font-size: 16px; color: #fff; margin-top: 8px; }
.in_one .picBot .pic .text .article {-webkit-transition: bottom 0.5s;-moz-transition: bottom 0.5s;transition: bottom 0.5s;font-size: 12px;display:  none;color: #fff;margin-top: 10px;transition-delay: 1s;}

.in_one .picBot .pic .text .article:after { content: ''; background: url(../images/hehe.png) no-repeat; width: 31px; height: 31px; display: block; margin-top: 10px; background-size: cover; background-position: center center; }
@media screen and (max-width: 1220px) { .in_one .picBot .pic .text { bottom: 0; background: rgba(239, 154, 41, 0.8); }
  .in_one .picBot .pic .text .article { display: none; } }
@media screen and (min-width: 1360px) {
.in_one .picBot .pic:hover .text {bottom: 0px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;background: rgba(255, 255, 255, 0.5);  }

.in_one .picBot .pic:hover .text .article { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; display: block; } }
.in_one .picBot .pic:nth-child(2) { float: right; }
@media screen and (max-width: 768px) { .in_one .picBot .pic { width: 100%; float: none; }
  .in_one .picBot .pic:nth-child(2) { margin-top: 10px; } }
@media screen and (max-width: 1220px) { .in_one { padding: 30px 0; } }
@media screen and (max-width: 1220px) and (max-width: 768px) { .in_one { padding: 20px 0; } }
@media screen and (max-width: 1220px) { .in_one .title { margin-bottom: 18px; } }

/* in_two */
.in_two { padding: 80px 0; overflow: hidden;}
.in_two .topslide .title { float: left; }
.in_two .topslide .teclist { margin-top: 40px; float: left; overflow: hidden; }
.in_two .topslide .teclist li { float: left; font-size: 18px; color: #9f9f9f; cursor: pointer; padding: 0 6px 12px 6px; margin: 0 34px; border-bottom: 2px solid #fff; }
.in_two .topslide .teclist li.on { border-bottom: 2px solid #1a7dd2; color: #1a7dd2; }
.two_item{overflow: hidden;}
.two_item .item { margin-top: 20px; }
.two_item .item:not(.active) { display: none; }
.two_item .item .pic { overflow: hidden; width: 962px; float: left; height: 480px; background-size: cover; background-position: top center; background-repeat: no-repeat; }
.two_item .item .text { padding: 39px 34px; background: #3dbcfb; float: right; width: 370px;height:402px;}
.two_item .item .text .td { height: 260px; margin-bottom: 25px; border-bottom: 1px solid #fff; }
.two_item .item .text .td .inTag { font-size: 26px; color: #ffffff; margin-bottom: 15px; }
.two_item .item .text .td a, .two_item .item .text .td .link, .two_item .item .text .td .viewAll { display: block; color: #ffffff; font-size: 14px; }
.two_item .item .text .td .link { margin-top: 8px; }
.two_item .item .text .td .viewAll { margin-top: 20px; }
.two_item .item .text .td .viewAll i { margin-left: 10px; font-size: 20px; }
.two_item .item .text .tx .inTag { font-size: 26px; color: #ffffff; margin-bottom: 15px; }
.two_item .item .text .tx a, .two_item .item .text .tx .td .viewAll, .two_item .item .text .td .tx .viewAll, .two_item .item .text .tx .link { display: block; color: #ffffff; font-size: 14px; }
.two_item .item .text .tx .link { margin-top: 8px; }

/* in_three --------------*/
.in_three { padding: 45px 0; background: #f5f5f5; overflow: hidden;}

.in_news { margin-top: 25px; }
.in_news li { float: left; width: 31%; margin-right: 3.5%; }
.in_news li:nth-child(3) { margin-right: 0; }
.in_news li .pic img { width: 100%; }
.in_news li .text { margin-top: 30px; }
.in_news li .text .lied { font-size: 26px; color: #333333; font-weight: bold; }
.in_news li .text .lied span { font-weight: normal; margin-left: 10px; }
.in_news li .text .txt { font-size: 16px; color: #333333; margin-top: 20px; }
.in_news li .text em { display: block; margin-top: 60px; font-size: 14px; color: #999999; }
.in_news li .text em i { margin-left: 50px; font-size: 18px; }

/* footer */
.footer { padding: 45px 0; }
.footer dl { margin-right: 110px; float: left; }
.footer dl dt { font-size: 16px; color: #2a2a2a; margin-bottom: 25px; }
.footer dl dd { font-size: 14px; margin-bottom: 12px; }
.footer dl dd a, .footer dl dd .two_item .item .text .td .link, .two_item .item .text .td .footer dl dd .link, .footer dl dd .two_item .item .text .td .viewAll, .two_item .item .text .td .footer dl dd .viewAll, .footer dl dd .two_item .item .text .tx .link, .two_item .item .text .tx .footer dl dd .link { color: #8f8f8f; }
.footer .code { float: right; }
.footer .code span { font-size: 16px; color: #2a2a2a; margin-bottom: 25px; display: block; text-align: center; }
.footer .code .pic { margin: 0 10px; float: left; }
.footer .code .pic h6 { text-align: center; font-size: 14px; color: #8f8f8f; margin-top: 10px; }

/* kingfa */
.kingfa { padding: 23px 0; background: #f4f4f4; }
.kingfa .select { width: 220px; position: relative; float: right; border: 1px solid #d8d8d8; padding: 10px 20px; }
.kingfa .select .placeholder { display: block; cursor: pointer; color: #797979; font-size: 14px; }
.kingfa .select .placeholder.on:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.kingfa .select .placeholder:after { content: '\e68e'; font-size: 24px; position: absolute; right: 10px; color: #a3a3a3; top: 6px; }
.kingfa .select ul { bottom: 40px; left: 0; display: none; background: #fff; position: absolute; width: 100%; }
.kingfa .select ul li { padding: 10px 20px; cursor: pointer; color: #a3a3a3; font-size: 12px; }
.kingfa .select ul li:hover { background: #f09723; color: #fff; }
.kingfa p { float: left; font-size: 14px; color: #797979; padding: 10px 0px; }
.kingfa .inBox{overflow: visible;}
.kingfa p a{color:#797979;}

.main{background: #f5f5f5;overflow: hidden;}

.clumbTop{padding: 35px 0;}

.clumb{overflow: hidden;float: left;}
.clumb a{color: #999999;display: inline-block;font-size: 14px;}
.clumb a:after{content: '\e605';display: inline-block;}
.clumb h5{display: inline-block;font-size: 14px;}

.share{float: right;}
.share span{font-size: 14px;color: #999999;display: inline-block;vertical-align: middle;}
.share a{display: inline-block;vertical-align: middle;font-size: 25px;}
.share a:nth-of-type(1){color: #21cc75;}
.share a:nth-of-type(2){color: #27c2ef;}
.share a:nth-of-type(3){color: #ef2323;}
.share a:nth-of-type(4){color: #ffcc19;}

.newsText{background: #fff;margin-bottom: 75px;padding: 50px;}

.pageMain{margin-top: 38px;}
.pageMain p{line-height: 26px;}
.newsText .title {border-bottom: 1px dashed #dcdcdc}
.newsText .title  h1{font-size: 36px;color: #333333;text-align: center;}
.newsText .title .time{font-size: 16px;color: #c6c6c6;padding: 25px 0;text-align: center;}
.newsText ul{padding-top: 40px;border-top: 1px dashed #dcdcdc;overflow: hidden;margin-top: 50px;}
.newsText ul li{width: 31.33%;margin-right: 3%;float: left;}
.newsText ul li img{width: 100%;}
.newsText ul li:nth-child(3){margin-right: 0;}
.newsText ul li span{display: block;text-align: center;font-size: 18px;color: #333333;margin-top: 25px;white-space: nowrap;overflow: hidden;   text-overflow: ellipsis;}

.twoPic .pic{width: 50%;float: left;position: relative;}
.twoPic .pic img{width: 100%}
.twoPic .pic h4{font-size: 30px;color: #ffffff;font-weight: bold;position: absolute;top: 0;width: 100%;text-align: center;margin-top: 10%;}
.twoPic .pic h4:after{content: '\e653';display: block;font-weight: lighter;margin-top: 22px;}


/*cbaner*/

.cbaner{height: 470px;background-repeat: no-repeat;background-size: cover;background-position: center center;}

/*co_slide*/
.co_slide{width: 100%;height: 53px;background: #f6f6f6;border-bottom: 1px solid #ededed;}
.co_slide .home{float: left;width: 53px;color: #9a9a9a; height: 53px;border-right: 1px solid #ededed;border-left: 1px solid #ededed;line-height: 53px;text-align: center;}
.co_slide .co_select{float: left;width: 170px;height: 53px;line-height: 53px;border-right: 1px solid #ededed;position: relative;}
.co_slide .co_select span{overflow: hidden; padding-left: 20px;width: 150px;font-size: 14px;color: #333333;cursor: pointer;display: block;}
.co_slide .co_select span:before{top: -4px; content: '\e648';display: block;position: absolute;color: #a0a0a0;right: 10%;}
.co_slide .co_select ul{display: none; top: 53px;z-index: 1000; position: absolute;background: #fff;border: 1px solid #ededed;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.co_slide .co_select ul li{font-size: 14px;color: #333333;padding-left: 20px;border-bottom: 1px solid #ededed;height: 45px;line-height: 45px;}
.co_slide .co_select ul li a{color: #333333;}
.co_slide .co_select ul li a:hover{color: #1a7dd2;}
.co_slide .co_select ul li:last-child{border-bottom: none;}
.co_slide .inBox{overflow:visible }
.allen{padding: 115px 0;background: #fff;}
.allen2{padding: 80px 0 0 0;background: #fff;}
.allen h2{font-size: 36px;color:#333333;text-align: center;font-weight: bold;}
.allen h6{text-align: center;font-size: 16px;color: #999999;margin-top: 15px;}

.alumb{padding:72px 0;}
.alumb .oleft{width: 930px;float: left;overflow: hidden;}
.alumb .oleft .top .pic{position: relative;}
.alumb .oleft .top .pic img{width: 100%}
.alumb .oleft .top .pic .text{white-space: nowrap;  overflow: hidden;     bottom: -100%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;   text-overflow: ellipsis; background: rgba(255,255,255,.8);padding: 15px 15px;color: #333;font-size: 16px; position: absolute;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.alumb .oleft .bot{margin-top:14px;overflow: hidden;}
.alumb .oleft .bot .pic{float: left;width: 49.2%;margin-right: 1.6%;position: relative;}
.alumb .oleft .bot .pic .text{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis; background: rgba(255,255,255,.8);bottom: -50%;padding: 15px 15px;color: #333;font-size: 16px; position: absolute;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.alumb .oleft .bot .pic img{width: 100%;}
.alumb .oleft .bot .pic:nth-child(2n){margin-right: 0;}

.alumb .oright{width: 455px;float: right;margin-left: 15px}
.alumb .oright .pic{margin-bottom:12px;width: 100%;position: relative;}
.alumb .oright .pic img{width: 100%}
.alumb .oright .pic .text{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;background: rgba(255,255,255,.8);bottom: -50%;padding: 15px 15px;color: #333;font-size: 16px; position: absolute;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.followarea{background: #fbfbfb;padding: 72px 0;}
.followarea h1{font-size: 30px;color: #333333;font-weight: bold;}

.followarea ul{margin-top: 75px;}
.followarea ul li{float: left;width: 23.5%;margin:0 10px;}

.followarea ul li .pic img{width: 100%;}
.followarea ul li .text{padding:10%;background: #fff;}
.followarea ul li .text h5{font-size: 20px;color: #333333;font-weight: bold;text-align: center;}
.followarea ul li .text a{color: #999999;margin-bottom: 8px;display: block;white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;}
.followarea ul li .text a i{display: inline-block;color: #eea728;vertical-align: middle;font-size: 12px;margin-right: 10px}
.followarea ul li .text a:hover{color: #eea728;}

.abclist{padding: 0 30px;}

/*prolist*/
.prolist {padding: 120px 0;}
.prolist ul{overflow: hidden;}
.prolist ul li{float: left;width: 31.33%;margin: 0 1% 32px 1%; }
.prolist ul li a{display: block;}
.prolist ul li .pic {position: relative;overflow: hidden;}
.prolist ul li .pic .text{ overflow: hidden;bottom: -75px;  -webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s; position: absolute;background: rgba(255,255,255,.8);width: 90%;padding: 3% 5%;font-size: 14px;color: #333;line-height: 25px;}
.prolist ul li .pic .text p{height: 48px;overflow: hidden;}
.prolist ul li .pic img{width: 100%;}
.prolist ul li span{display: block;padding: 3%  5%;background: #fff;font-size: 22px;color: #333333;font-weight:normal;height: 56px;}

/*honor*/

.honor{padding: 90px 0; }
.honor ul {overflow: hidden;}
.honor ul li{float: left; padding: 3% 3% 1% 3%; margin-bottom: 32px; overflow: hidden;background: #fff;width:32%;margin-right: 2%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.honor ul li:nth-child(3n){margin-right: 0}
.honor ul li .pic{padding-bottom: 30px;overflow: hidden;}
.honor ul li .pic img{width: 100%;-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 10%,rgba(255,255,255,.1));}
.honor ul li:hover{box-shadow: 0 0 30px #cdcdcd}
.honor .viewAll {width: 295px;height: 66px;line-height: 66px;text-align: center;display: block;margin: 0 auto;font-size: 18px;color: #333333;background: #ffffff;margin-top: 45px;}

.honoryear{overflow: hidden;padding:  130px 0;}
.honoryear .hd{float: left;width: 200px;}
.honoryear .bd{float: right;width: 1077px;margin-top: 105px;}
.honoryear .hd li{font-family: BebasNeue;cursor: pointer; height: 65px;background: #e8e8e8;color: #7f7f7f;font-size: 26px;text-align: center;line-height: 65px;margin: 5px 0;}
.honoryear .hd li.active{background: url(../images/bg.jpg) no-repeat center center;background-size: cover;color: #fff;}

.honoryear .bd .cl_item .pic{width: 428px;overflow: hidden;padding-bottom: 51px;float: left;}
.honoryear .bd .cl_item .pic img{-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 10%,rgba(255,255,255,.1));}
.honoryear .bd .cl_item .text{width: 540px;float: right;}
/*.honoryear .bd .cl_item .text h1{
          font-family: BebasNeue;
              font-size: 162px;
              background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(240, 147, 30, 1)), to(rgba(222, 39, 43, 1)));
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
}*/

.honoryear .bd .cl_item .text .txt{font-size: 16px;color: #333333;line-height: 25px;height:430px;margin-top: -50px;}
@media screen and (max-width: 1220px) {
  .honoryear .bd .cl_item .text .txt{margin-top: -20px;}
}
@media screen and (max-width: 1024px) {
 .honoryear .bd .cl_item .text .txt{margin-top: 0;height: auto} 
}
.honoryear .bd .cl_item:not(.active){ display: none; }


/*delvt*/


.delvtslide{padding: 95px 0;}
.itee:not(.active){ display: none; }
.itee .text{width: 35%;float: left;overflow: hidden;}
.itee .text h3{font-size:40px;color:#333333;margin-top: 20px;margin-bottom: 44px;}
.itee .text p{font-size:16px;color: #666666;position: relative;padding-left: 20px;line-height: 25px;margin-bottom: 20px;}
.itee .text p:before{content: '\e60c';display: inline-block;color: #eea728;font-size: 24px;position: absolute;left: 0;top: 0px}

.itee .text .txt{height: 395px;}

.itee .pic{width: 63%;float: right;}
.itee .pic img{width: 100%;}
.ylist {margin-top: 37px;}
.ylist .rajion{float: left;width: 35%;}
.ylist .rajion span{display: block;font-size: 40px;}
.ylist .rajion p{font-size: 16px;color: #999999;margin-top: 10px;}
.yserslide{float: right;font-size: 20px;color: #6b6b6b;overflow: hidden;margin-top: 27px;width: 63%;}
.yserslide ul li{float: left;text-align: center;cursor: pointer;color: #999999;font-size: 22px;}
.slie_ywar{margin:  0 5%;padding: 10px 0}
.yserslide ul li.on{color: #eea728;}
.yserslide ul li.on:after{content: '\e60c';display: block;font-size:30px}

/*联系我们*/

.contact{padding: 70px 0;margin: 0 auto}
.chosearea{overflow: hidden;}
.chosearea input{float: right; display: block; width: 300px;height: 40px;border: 2px solid #eb7400;line-height: 40px;padding: 0 20px;font-size: 16px;color: #333333;}
.chosearea select{background: #fff url(../images/xe02.jpg) 92% 47% no-repeat;float: right;display: block;width: 300px;margin-left: 16px;height: 44px;border: 2px solid #eb7400;line-height: 44px;padding: 0 20px;font-size: 16px;color: #333333;}
.chosearea .submit{background: #1a7dd2;padding: 0;width: 136px;font-size: 26px;color: #fff;border: none;height: 44px;line-height: 44px;margin-left: 16px;}
.map{margin-top: 50px;}

.tellist{overflow: hidden;border: 2px solid #e5e5e5;padding: 70px 0;}
.tellist ul{overflow: hidden;}
.tellist ul li{float: left; width: 33.33%;padding:  0 3%;border-right: 1px solid #e9e9e9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 35px;}
.tellist ul li span{font-size: 16px;color: #999999;display: block;margin-bottom: 15px;}
.tellist ul li h2{font-size: 30px;color: #333333}
.tellist ul li:last-child{border: none}
.tlText {padding:  50px 3% 0 3%;}
.tlText .name{font-size: 18px;color: #333333;margin-bottom: 18px;}
.tlText .name em.span{font-size: 14px;color: #999999;margin-left: 20px}
.tlText .name em.em{font-size: 14px;color: #333333;}

.phonecon {margin-top: 30px;}
.phonecon .oleft{border: 2px solid #e5e5e5; width: 32%; margin-right: 31.33%;margin-right: 2%; padding: 3%; margin-bottom: 25px; float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.phonecon .oleft h1{font-size: 26px;color: #333333;margin-bottom: 50px;}
.phonecon .oleft .cl_li {overflow: hidden;}
.phonecon .oleft .cl_li em{font-size: 16px;color: #333333;margin-bottom: 5px;display: block;float: left;}
.phonecon .oleft .cl_li .tilo{color: #999999;}
.phonecon .oleft  .fl_let{margin-bottom:20px;}
.phonecon .oleft  .fl_let:last-child{margin-right: 0}

.phonecon .oleft:nth-child(3n){margin-right: 0}

/*年报*/
.newbaner{padding: 135px 0  90px 0 ;}
.newbaner ul{overflow: hidden;}
.newbaner ul li{width: 23% ;padding: 0 1%;float: left;margin-bottom: 58px;}
.newbaner ul li .pic img{width: 100%}
.newbaner ul li .pic{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow: hidden;position: relative;}
.newbaner ul li .text span{display: block;font-size: 22px;color: #333333;text-align: center;margin-top: 21px;height: 56.36px;font-weight: bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newbaner ul li .text a{display: block;text-align: center;font-size: 16px;color: #333333;margin-top: 8px;}

.newbaner ul li:hover .pic{box-shadow: 0 0 15px #909090}
.newbaner ul li:hover a{color: #1a7dd2}

.corner{
    position: absolute;
    right: 0;
    top: 0;
    width: 0px;
    height: 0px;
    -webkit-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%,#9b9c9f 43%,#979b99 46%,#412500 50%,#9c6100 50%,#9c6100);
    -mzo-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%,#9b9c9f 43%,#979b99 46%,#412500 50%,#9c6100 50%,#9c6100);
    background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%,#9b9c9f 43%,#979b99 46%,#412500 50%,#9c6100 50%,#9c6100);
    border-radius: 0 0 0px 90px / 0 0 0 30px;
    -webkit-transition: all .5s;
     -mzo-transition: all .5s;
    transition: all .5s;
}
.corner:after{
  height:100%;
  width:100%;
  position: absolute;
  content: "";
  top: -15px;
  left: -66px;
  border-radius: 90px 90px 0px 0 / 40px 40px 0 0;
  z-index: 1;
  background: #fff;
  -webkit-transform: rotate(77deg);
  -moz-transform: rotate(77deg);
  -o-transform: rotate(77deg);
  -ms-transform: rotate(77deg);
  transform: rotate(77deg);

}

.newbaner .viewAll{background: #fff; width: 295px;height: 66px;line-height: 66px;text-align: center;display: block;margin: 0 auto;font-size: 18px;color: #333333;background: #ffffff;}


/*clute*/

.clute{padding: 105px 0;}
.clute ul{overflow: hidden;}
.clute ul li {width: 48%;margin: 0 1%;float: left;overflow: hidden;margin-bottom: 60px}
.clute ul li .pic{float: left;width: 30%;position: relative;overflow: hidden;margin: 0 auto}
.big_clute .clute ul li .pic{float: left;width: 65%;position: relative;overflow: hidden;margin: 0 auto}
.clute ul li .pic img{width: 100%;border: 1px solid #e0e0e0;}

.clute ul li .text{float: right;width: 65%;}
.big_clute .clute ul li .text{float: right;width: 30%;}
.clute ul li .text span{display: block;font-size: 12px;color: #999999;margin: 18px 0;}
.clute ul li .text span{display: block;font-size: 12px;color: #999999;margin: 12px 0;}
.big_clute .clute ul li .text .txt{line-height: 21px;color: #999999;font-size: 14px;height: 160px;overflow: hidden;padding-right: 5px;}
.clute ul li .text .txt{line-height: 20px;color: #999999;font-size: 14px;height: 160px;margin-bottom: 5px;overflow: hidden;padding-right: 5px;}
.clute ul li .text a{border: 1px solid #cecece; color: #333333; display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;text-align: center;background: #ffffff;}
.corner2{
    position: absolute;
    right: -1px;
    top: 0;
    width: 0px;
    height: 0px;
    -webkit-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%,#9b9c9f 43%,#979b99 46%,#412500 50%,#9c6100 50%,#9c6100);
    -mzo-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%,#9b9c9f 43%,#979b99 46%,#412500 50%,#9c6100 50%,#9c6100);
    background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%,#9b9c9f 43%,#979b99 46%,#412500 50%,#9c6100 50%,#9c6100);
    border-radius: 0 0 0px 90px / 0 0 0 30px;
    -webkit-transition: all .5s;
     -mzo-transition: all .5s;
    transition: all .5s;
}

.clute .viewAll{background: #fff; width: 295px;height: 66px;line-height: 66px;text-align: center;display: block;margin: 0 auto;font-size: 18px;color: #333333;background: #ffffff;}




/*corelist*/
.corelist{padding: 88px 0;}
.corelist dd{outline: none;float: left; margin:0 15px;width: 25%;background: #ffffff;padding: 30px; background: #fff ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.corelist dd .fritle{outline: none; font-size: 30px;color: #5b3a1a;font-weight: bold;}
.corelist dd .tag{outline: none; margin-top: 5px;font-size: 16px;color: #333333;}
.corelist dd .tag:after{content: '';display: block;width: 100px;height: 1px;background: #60391c;margin-top: 23px;}
.corelist dd .txt{line-height: 25px;color: #999999;font-size: 16px;margin-top: 25px}
.corelist dd .pic{margin-top: 53px;overflow: hidden;text-align: right;}
.corelist dd .pic img{display: inline-block;}

.coreMian{padding: 80px 0; }
.coreMian .cleft{float: left;width: 40%;margin-top: 80px}
.cleft ul li{overflow: hidden;margin-bottom: 40px;}
.cleft ul li h5{font-size: 26px; color: #333333;width: 40%;float: left;}
.cleft ul li h5 span{font-family: '微软雅黑'}
.cleft ul li h5:before{content: '\e60c';color: #f19c2c;font-size: 50px;display: inline-block;vertical-align:middle;}
.cleft ul li .text{font-size: 16px;color: #999999;line-height: 25px;margin-top: 15px;}
.cright img{width: 100%;}
.cright{float: right;width: 60%}

/*bestHonor*/

.bestHonor{}
.cl_be{background: #f5f5f5;padding: 65px 0;}
.cl_be:nth-child(2n){background: #f9f8f8}

.cl_be h3{font-size: 26px;color: #333333;margin-bottom: 15px}
.cl_be h5{font-size: 16px;color: #999999;}
.cl_be .txt .td{font-size: 14px; }
.cl_be .txt .td i{font-size: 22px;color: #eea728;display: inline-block;vertical-align: middle;text-align: left;}
.cl_be .txt .td em{font-size: 22px;color: #eea728;display: inline-block;vertical-align: middle;text-align: left;}
.anthoy .txt .text{margin-bottom: 40px}
.anthoy .txt{width: 40%;float: left;}
.anthoy .anthoylist{float: left;width: 60%;padding: 0 3%}
.anthoy .anthoylist .pic{float: left; background: #fff;padding: 20px; width: 31.33%;margin: 10px ;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.anthoy .anthoylist .pic img{width: 100%;}
.anthoy .anthoylist .pic span{display: block;margin-top: 90px;}
.anthoy .anthoylist .pic:hover{box-shadow: 0 0 10px #999}

/*news*/
.newslist{padding: 125px 0;}
.newslist ul{overflow: hidden;}
.newslist ul .hot{width: 65%;float: left;margin: 0 .5%;}
.newslist ul .hot .pic{background-position: center center; position: relative;}
.newslist ul .hot .pic .arcile{position: absolute;font-size: 22px;color: #ffffff;bottom: 22px;padding: 0 2%;width: 96%;}
.newslist ul .hot img{width: 100%;}
.newslist ul li{width: 32%;margin: 0 .5%;float: left;margin-bottom: 14px;}
.newslist ul li .pic img{width: 100%;}
.newslist ul li .text{padding: 5%;background: #fff;}
.newslist ul li h4{font-size: 22px;color: #333333;font-weight: bold;}
.newslist ul li .txt{height: 83px;font-size: 14px;color: #666666;line-height: 20px;margin-top: 10px;overflow: hidden;margin-bottom: 11px}
.newslist ul li span{display: block;font-size: 12px;color: #999999;}
.newslist .viewAll{margin-top: 80px;}

.load_more{margin: 0 auto; background: #fff; width: 295px;height: 66px;line-height: 66px;text-align: center;display: block;font-size: 18px;color: #333333;background: #ffffff;}



/*交通*/

.trffice{padding: 100px 0;overflow: hidden;}
.trffice .top{overflow: hidden;}
.trffice .tag{float: left;font-size: 30px;color: #333333;font-weight:bold;float: left;width: 15%;}
.trffice .text{float: right;width: 85%;}
.trffice .text .title{font-size:16px;color: #1a7dd2;margin-bottom: 25px;}
.trffice .text .td{font-size: 16px;line-height: 25px;margin-bottom: 50px}
.trffice .text ul{overflow: hidden;margin-bottom: 65px}
.trffice .text ul li{margin-right: 3%;margin-bottom: 1%; border: 1px solid #cbcbcb;color: #333333; float: left;width: 150px;height: 45px;line-height: 45px;text-align: center;background: #fff;color: #333333;font-size: 14px;-webkit-border-radius: 25px;-mzo-border-radius: 25px;border-radius: 25px;}
.trffice .text ul li a{color: #333333;display:block;-webkit-border-radius: 25px;-mzo-border-radius: 25px;border-radius: 25px;}
.trffice .pic{width: 1000px;margin: 0 auto}
.trffice:nth-child(2n){background: #fff}
.trffice .inBox{overflow: hidden;}

/*proshow*/

.proshow{padding-top:70px;background: #fff;padding-bottom: 70px;overflow: hidden;}
.proshow .inBox{position: relative;overflow:visible }
.proshow .top{border-bottom: 1px solid #e5e5e5;}
.proshow .title{font-size: 24px;color: #000;font-weight: bold;margin-bottom: 25px;float: left;}
.proshow  ul {float: right;padding-bottom: 25px;}
.proshow  ul li{overflow: hidden; margin-left: 25px; float: right; border: 1px solid #cecece; color: #333333;width: 150px;height: 50px;line-height: 50px;text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;text-align: center;background: #ffffff;}
.proshow  ul li a{ display: block;color: #333}
.proshow  ul li a.on{background: #1a7dd2;color: #fff;display: block;}
.proshow .pic img{width: 100%}
.odd .proshow:nth-child(2n-1){background: #f6f6f6;}

.proshow .anis{font-size: 14px;color: #333333; width: 203px;height: 57px;line-height: 57px;text-align: center;display: block;position: absolute;top: -127px;left: 0;background: #f6f6f6}
.proshow .tag{font-size: 36px;color: #000000;text-align: center;}
.proshow .inTag{font-size: 18px;color: #000000;text-align: center;margin-top: 10px;}
.proshow .viewMore{  overflow: hidden; margin-left: 25px;display: block;margin: 25px auto; border: 1px solid #cecece; color: #333333;width: 150px;height: 50px;line-height: 50px;text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;text-align: center;background: #ffffff;}


.proshow .inBox .text{float: left;width: 50%;margin-top: 200px}
.proshow.lr {overflow: hidden;}
.proshow.lr .pic{float: right;width: 50%}

@media screen and (max-width: 1440px) {


  .in_two .topslide .title { float: none; }
  .in_two .topslide .teclist { float: none; margin-top: 20px; }
  .in_two .topslide .teclist li { margin: 0; padding: 10px 1%; width: 18%; text-align: center; }
  .two_item .item .pic { width: 896px; }
  .two_item .item .text { width: 236px;height:402px;}
  /* in_three --------------*/
  .in_news { margin-top: 25px; }
  .in_news li .text .lied { font-size: 20px; }
  .in_news li .text .txt { font-size: 14px; color: #333333; margin-top: 20px; }

  /*pageMain*/

  .pageMain img{width: 100%;}

  .alumb .oleft { width: 797px;}
  .alumb .oright {width: 390px;margin-left: 13px;}

  /*honor*/
  .honor{padding: 50px 0;}
  .honor ul li .text span{margin-top: 15px;}
  .honoryear .bd{ width: 925px}
  .honoryear .bd .cl_item .text{width: 435px;}
  .honoryear{padding: 50px 0;}

  /*.slie_ywar*/

  .slie_ywar{margin: 0 6%}

  /*contact*/
  .contact{padding: 50px 0;}
  .tellist{padding: 50px 0}
  .map img{width: 100%;}
  .tlText {padding:  50px 3% 0 3%;}
  .phonecon .oleft{float: none;width: 100%;margin-bottom: 20px;}
  .phonecon .oright{float: none;width: 100%;}
  .phonecon .oright  .fl_let{margin: 0;width: 33.33%;}


  .newbaner {
    padding: 90px 0 50px 0;
  }

  .clute ul li .text .txt{height: 120px;}

}
@media screen and (min-width: 1360px) {
 .in_news li:hover .text em { color: #1a7dd2; }
  /* footer */
  .footer dl dd { font-size: 14px; margin-bottom: 12px; }
  .footer dl dd a, .footer dl dd .two_item .item .text .td .link, .two_item .item .text .td .footer dl dd .link, .footer dl dd .two_item .item .text .td .viewAll, .two_item .item .text .td .footer dl dd .viewAll, .footer dl dd .two_item .item .text .tx .link, .two_item .item .text .tx .footer dl dd .link { color: #8f8f8f; }
  .footer dl dd a:hover, .footer dl dd .two_item .item .text .td .link:hover, .two_item .item .text .td .footer dl dd .link:hover, .footer dl dd .two_item .item .text .td .viewAll:hover, .two_item .item .text .td .footer dl dd .viewAll:hover, .footer dl dd .two_item .item .text .tx .link:hover, .two_item .item .text .tx .footer dl dd .link:hover { color: #1a7dd2; }
  .prolist ul li:hover .pic .text{bottom: 0;}
  .newbaner ul li:hover .pic .corner{width: 70px;height: 70px;transition: all .5s}
  .clute ul li:hover .text a{background: #1a7dd2;color: #fff;border: 1px solid #1a7dd2;}
  .clute ul li:hover .pic .corner2{width: 30px;height: 30px}

  .trffice .text ul li a:hover{background: #1a7dd2;color: #fff;display: block;}
  .proshow  ul li a:hover{background: #1a7dd2;color: #fff;display: block;}
  .proshow a:hover{background: #1a7dd2;color: #fff;display: block;}
  .alumb .oleft .top .pic:hover .text{bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; }
  .alumb .oright .pic:hover .text{bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
  .alumb .oleft .bot .pic:hover .text{bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
}



@media screen and (max-width: 1220px) {

  .in_two { padding: 30px 0; }
  .two_item .item .pic { width: 100%; height: 400px; float: none; }
  .two_item .item .text { width: 100%; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .two_item .item .text .td { height: auto; padding-bottom: 20px; }
  .two_item .item .text .td .inTag { font-size: 18px; }
  .two_item .item .text .tx .inTag { font-size: 18px; }
  /* footer */
  .footer { padding: 25px 0; }
  .footer dl { display: none; }
  .footer .code { float: none; text-align: center; }
  .footer .code .pic { float: none; margin: 0 10px; display: inline-block; }
  .footer .code .pic h6 { text-align: center; font-size: 14px; color: #8f8f8f; margin-top: 10px; }

  .newsText .title  h1{font-size: 24px;}
  .newsText .title .time{padding: 10px 0;}
  .newsText ul li span{margin-top: 10px;font-size: 16px;}
  .twoPic .pic h4{margin-top: 5%;font-size: 24px;font-weight: normal;}
  .twoPic .pic h4:after{margin-top: 10px;}
  .clumb{float: none;display: none;}
  .share{float: none;margin: 20px 0;}
  .clumbTop{padding: 0}
  .alumb{padding: 30px 0;}

  /*.followarea*/
  .followarea h1{font-size: 24px;}
  .followarea{padding: 30px 0;}
  .followarea ul{margin-top: 20px;}
  .followarea ul li .text h5{font-size: 18px;}
  .followarea ul li{width: 32%;margin-bottom: 20px;}
  /*
  .followarea ul li:nth-child(3n){margin-right: 0%}
  .followarea ul li:nth-child(4n){margin-right: 2%}
  */

  /*.cbaner*/
  .cbaner{height: 350px;}


  .allen{padding: 50px 0}
  .allen h2{font-size: 24px;}

  .alumb .oleft{width: 100%;float: none;}
  .alumb .oright{float: none;width: 100%;margin-left: 0}
  .alumb .oright .pic{width:49.2%;float: left;margin-right: 1.6%;margin-top: 16px;margin-bottom: 0}
  .alumb .oright .pic:nth-child(2n){margin-right: 0}

  .alumb .oleft .top .pic .text,
  .alumb .oleft .bot .pic .text,
  .alumb .oright .pic .text{font-size: 14px;padding: 12px;bottom: 0%;}


  /*prolist*/

  .prolist{padding: 50px 0;}
  .prolist ul li{width: 48%;margin: 0 1% 20px 1%;}
  .prolist ul li span{font-size: 18px;}
  .prolist ul li .pic .text{bottom: 0;font-size: 12px;display: none;}

  /*honor*/
  .honor{padding: 30px 0;}
  .honor ul li{padding: 3%;}
  .honor ul li .pic{float: none;}
  .honor ul li .text{float: none;width: 100%;}
  .honor ul li .text span{font-size: 18px;margin-top: 10px;}
  .honor ul li .text span:after{margin-top: 10px;}
  .honor .viewAll {height: 45px;line-height: 45px;font-size: 16px;margin: 10px auto}

  .honoryear{padding: 30px 0;}
  .honoryear .hd{overflow: hidden;float: none;width: 100%;}
  .honoryear .bd{width: 100%;}
  .honoryear .hd li{overflow: hidden;width: 31.33%;margin: 0 30px;float: left;height: 40px;line-height: 40px;font-size: 20px;margin-bottom: 10px;}
  .honoryear .bd{float:none;margin-top: 30px;}
  .honoryear .bd .cl_item .pic{width: 45%;float: left;padding-bottom: 5%}
  .honoryear .bd .cl_item .text{width: 50%;}
  .honoryear .bd .cl_item .text h1{font-size: 60px;}
  .honoryear .bd .cl_item .pic img{width: 100%;}

  .itee .pic,.ylist .rajion{float: none;width: 100%;}
  .itee .text,.yserslide{width: 100%;float: none;}
  .itee .text h3{margin-top: 15px;margin-bottom: 20px;font-size: 30px;}
  .itee .text p{margin-bottom: 10px;}
  .ylist .rajion span{font-size: 30px;}
  .slie_ywar{margin: 0  auto}
  .delvtslide{padding: 50px 0;}


  /*clute*/
  .clute{padding: 50px 0;}
  .clute ul li{margin-bottom: 20px;}
  .clute ul li .pic{float: none;}
  .big_clute .clute ul li .pic{float: none;width:100%;}
  .clute ul li .text,.big_clute .clute ul li .text{float: none;margin-top: 15px;width: 100%;}
  .clute ul li .text .txt,.big_clute .clute ul li .text .txt{height: 60px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;line-height: 20px;}
  .clute ul li .text span{margin: 8px 0;}
  .clute ul li .text a{margin: 0 auto; border-radius: 0;height: 30px;line-height: 30px;margin-top: 10px;font-size: 13px;background: #1a7dd2;border: 1px solid #1a7dd2;color: #fff;}

  /*corelist*/

  .corelist{padding: 50px 0;}
  .corelist dd .fritle{font-size: 24px;}
  .coreMian{padding: 50px 0;}
  .coreMian .cleft{margin-top: 0}
  .coreMian .cleft{float: none;width: 100%;}
  .cleft ul li{float: left;width: 23%;margin-bottom: 20px;margin: 0 1%;height: 200px;overflow: hidden;}
  .cleft ul li .text{font-size: 14px;}
  .cleft ul li h5{float: none;width: 100%;font-size: 18px;font-weight: bold;}
  .cleft ul li h5:before{font-size:20px;}
  .cleft ul li .text{float: none;width: 100%;}
  .cright{float: none;}


  /*.cl_be*/

  .cl_be{padding: 40px 0;}
  .anthoy .txt{width: 100%;float: none;}
  .anthoy .anthoylist{float: none;width: 100%;margin-top: 20px;}
  .cl_be h3{font-size: 24px;}
  .anthoy .txt .text{margin-bottom: 20px}

  /*news*/
  .newslist{padding: 50px 0;}
  .newslist ul .hot{width: 99%;margin-bottom: 13px;}
  .newslist ul .hot .pic{height: 500px !important;background-size: cover;background-position: center center;}
  .newslist ul li h4{font-size: 18px;}
  .newslist ul li{margin: 0 .66%;margin-bottom: 13px;}
  .newslist .viewAll{background: #fff; width: 200px;font-size: 14px; height: 40px;line-height: 40px;text-align: center;display: block;margin: 0 auto;color: #333333;}
  .newslist ul .hot .pic .arcile{font-size: 18px;bottom: 2%;}

  /*trffice*/
  .trffice{padding: 50px 0;}
  .trffice .tag{float: none;font-weight: normal;font-size: 24px;width: 100%;}
  .trffice .text{float: none;width: 100%;margin-top: 15px;}
  .trffice .text .td{margin-bottom: 15px;font-size: 14px;}
  .trffice .text ul li{width: 31.33%;margin: 0 1%;margin-bottom: 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

  /*proshow*/
  .proshow{padding: 30px 0;}
  .proshow .title{float: none;width: 100%;}
  .proshow  ul{float: none;width: 100%;}
  .proshow  ul li{float: left;margin-left: 0;margin-right: 15px;}
  .proshow .top{padding-bottom: 20px;}
  .proshow .anis{top: -19%}
  .proshow .tag{font-size: 24px;}
  .proshow .inBox .text{float: none;width: 100%;margin-top: 0}
  .proshow.lr .pic{width: 100%;float: none;}

}



@media screen and (max-width:1024px) {

  /*co_slide*/

  .co_slide{position: fixed;left: 0%;top: 0;height: 100%;z-index: 999;width: 60%;transition: left .5s;}
  .co_slide.open{left: -60%;transition: left .5s;}
  .co_slide .co_select{float: none;width: 100%;height: auto;border-right: none;}
  .co_slide .home{float: none;}
  .co_slide .co_select span{width: 100%;-webkit-box-sizing: border-box;-mzo-box-sizing: border-box;box-sizing: border-box;}
  .co_slide .co_select ul{position: static;}
  .co_slide .home{color: #1a7dd2; opacity: .8; position: absolute;z-index: 999;top: 50%;    right: -32px;background: #f6f6f6;border: 1px solid #ededed;width: 30px;height: 30px;line-height: 30px;}

  /*honor*/
  .honoryear .bd .cl_item .pic{float: none;margin:0 auto;}
  .honoryear .bd .cl_item .text{float: none;width: 100%}


  /*contact*/
  .chosearea .submit,.chosearea input,.chosearea select{width: 31.33%;margin: 0 1%;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .chosearea input{height: 44px;line-height: 44px;}
  .contact,.tellist{padding: 30px 0;}
  .map{margin-top: 30px;}
  .tellist ul li{width: 50%;}
  .tellist ul li:nth-child(2n){border-right: none}
  .tellist ul li span{margin-bottom: 10px;}
  .tellist ul li h2{font-size: 20px;}
  .tlText {padding: 30px 3% 0 3%;}
  .tlText .name{font-size: 16px; }

  .phonecon .oleft h1,.phonecon .oright h1{font-size: 24px;margin-bottom: 20px;}
  .phonecon .oright  .fl_let{float: none;width: 100%;margin-bottom: 20px;}

  .newbaner ul li .text span{font-size: 18px;}
  .newbaner ul li .text a{font-size: 14px;margin-top: 5px;}
  .newbaner .viewAll{background: #fff; width: 200px;font-size: 14px; height: 40px;line-height: 40px;text-align: center;display: block;margin: 0 auto;color: #333333;}
  .newbaner ul li{width: 31.33%;margin-bottom: 20px;}

  .clute .viewAll{background: #fff; width: 200px;font-size: 14px; height: 40px;line-height: 40px;text-align: center;display: block;margin: 0 auto;color: #333333;}

  .trffice .pic{width: 100%}
  .trffice .pic img{width: 100%}
}

@media screen and (max-width: 840px) { .two_item .item .pic { height: 300px; } }
@media screen and (max-width: 768px) {
  .in_two .topslide .teclist li { width: 31.33%; font-size: 16px; }
  .two_item .item .pic { height: 250px; }
  .two_item .item .text { padding: 5%; }
  /* in_three --------------*/
  .in_news { margin-top: 25px; }
  .in_news li { margin-bottom: 20px; width: 100%; margin-right: 0%; }
  .in_news li:nth-child(3n) { margin-right: 0%; }
  .in_news li:nth-child(2n) { margin-right: 0%; }
  .in_news li .text { margin-top: 10px; }
  .in_news li .text .lied { font-size: 15px; }
  .in_news li .text .txt { font-size: 14px; margin-top: 10px; }
  .in_news li .text em { margin-top: 20px; }
  /* kingfa */
  .kingfa { padding: 15px 0; }
  .kingfa .select { float: none; }
  .kingfa .select ul { background: #1a7dd2; }
  .kingfa .select ul li { color: #fff; }
  .kingfa p { float: none; }

  .newsText .title  h1{font-size: 18px;}
  .newsText{padding: 10px ;margin-bottom: 25px;}
  .newsText ul li{width: 48%;margin-right: 4%;margin-bottom: 15px}
  .newsText ul li:nth-child(3n){margin-right: 4%}
  .newsText ul li:nth-child(2n){margin-right: 0}
  .twoPic .pic{float: none;width: 100%;margin-top: 10px;}
  .twoPic .pic h4{font-size: 18px;}
  .newsText ul li span{font-size: 14px}

  /*.cbaner*/
  .cbaner{height: 200px;}


  .alumb{padding: 20px 0;}

  /*.followarea*/
  .followarea h1{font-size: 18px;}
  .followarea ul li .text h5{font-size: 16px;font-weight: normal;}
  .followarea ul li{width: 49%;}
   /*
  .followarea ul li:nth-child(2n){margin-right: 0%}
  .followarea ul li:nth-child(3n){margin-right: 2%}
  .followarea ul li:nth-child(4n){margin-right: 0%}
  */

   /*.prolist*/
  .prolist ul li span{font-size: 14px;font-weight: normal;}
  .prolist{padding: 30px 0;}


  /*honor*/
  .honor ul li .pic{width: 100%;}
  .honor ul li .pic {padding-bottom: 10%}
  .honor ul li .text p{font-size: 16px;margin-top: 10px;}
  .honor .viewAll {height: 40px;line-height: 40px;font-size: 14px;margin: 0px auto}
  .honoryear .hd li{width: 48%}
  .delvtslide{padding: 30px 0;}
  .itee .text h3,.ylist .rajion span{font-size: 20px;}
  .yserslide ul li{font-size: 18px;}
  .itee .text p{line-height: 30px;font-size: 15px}
  .honoryear .bd .cl_item .pic{width: 100%;}

  /*contact*/
  .phonecon .oleft h1, .phonecon .oright h1{font-size: 18px;margin-bottom: 15px;}
  .chosearea .submit, .chosearea input, .chosearea select{font-size: 14px;}
  .chosearea select{    background-size: 20px 8px;background-position: 92% 52%}

  .newbaner {padding: 30px 0 30px 0;}
  .newbaner ul li{width:48%;margin-bottom: 20px;}

  /*clute*/
  .clute{padding: 30px 0;}
  .clute ul li{float: none;width: 100%;margin-bottom: 30px;}
  .clute ul li .pic{width: 50%;}


  /*corelist*/

  .corelist{padding: 30px 0;}
  .corelist dd .fritle{font-weight: normal;}
  .corelist dd .pic{margin-top: 20px;}
  .corelist ul{margin-top: 30px;}
  .coreMian{padding: 30px 0;}
  .cleft ul li{width: 48%;height: 150px}
  .cright{width: 100%;}
  .cleft ul li h5{font-weight: normal;font-size: 16px}

  /*.cl_be*/
  .cl_be{padding: 30px 0;}
  .cl_be h3{font-size: 18px;margin-bottom: 5px;}
  .anthoy .txt .text{margin-bottom: 10px;}
  .cl_be h5{font-size: 14px;}
  .anthoy .anthoylist .pic{width: 48%}
  .anthoy .anthoylist .pic span{margin-top: 30px;font-size: 14px;}

  /*news*/
  .newslist{padding: 30px 0;}
  .newslist ul li{width: 48.67%;}
  .newslist ul .hot .pic{height: 350px !important;}
  .newslist ul li h4{font-size: 16px;font-weight: normal;}

  /*trffice*/
  .trffice{padding: 30px 0}
  .trffice .tag{font-size: 18px;}
  .trffice .text .title{margin-bottom: 15px;}
  .trffice .text ul li{width: 48%;height: 40px;line-height: 40px;}

  /*proshow*/
  .proshow  ul li{height: 35px;line-height: 35px;font-size: 14px;}
  .proshow .viewMore{height: 35px;line-height: 35px;font-size: 14px;}
  .proshow .tag{font-size: 18px;}
  .proshow .inTag{font-size: 16px;}
  .proshow .title{font-size: 18px;margin-bottom: 12px;}
  .proshow  ul li{width: 48%;margin: 0 1%;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .proshow .anis{width: 150px;line-height: 35px;top: 0;background: #f0961e;color: #fff;height: 35px;position: static;margin-bottom: 20px;}


  /*honor*/
  .honor ul li{width: 48.5%}
  .honor ul li:nth-child(3n){margin-right: 2%}
  .honor ul li:nth-child(2n){margin-right:0%}

  .phonecon .oleft .cl_li{font-size: 14px;margin-bottom:5px;}
  .phonecon .oleft .cl_li .tilo{font-size: 14px}


}
@media screen and (max-width: 480px) {
  .in_two .topslide .teclist li { width: 48%; }
  .two_item .item .pic { height: 180px; }
  .alumb .oleft .top .pic .text,
  .alumb .oleft .bot .pic .text,
  .alumb .oright .pic .text{font-size: 12px;padding: 8px;}
  .allen{padding: 25px 0;}
  .allen h2{font-size: 18px;}
  .allen h6{font-size: 14px;}

  /*honor*/
  .honoryear .bd .cl_item .text h1{font-size: 40px;}
  .honoryear .bd .cl_item .pic{width: 100%;padding-bottom: 10%}

  /*contact*/
  .chosearea .submit, .chosearea input, .chosearea select{float: right;width: 48%;margin-bottom: 15px}
  .chosearea input{width: 98%;}
  .tellist ul li{float: none;width: 100%;margin: 10px 0 0 0;}
  .map{margin-top: 15px;}

  .newbaner .viewAll{margin-top: 10px;height: 35px;line-height: 35px;}
  .clute .viewAll{margin-top: 10px;height: 35px;line-height: 35px;}

  /*news*/
   .newslist ul .hot .pic{height: 208px !important;}
   .newslist ul li{float: none;width: 98.5%;}
   .newslist ul li .txt{height: auto;}
   .newslist .viewAll{margin-top: 10px;height: 35px;line-height: 35px;}
    .newslist ul .hot .pic .arcile{font-size: 16px;bottom: 5%;}
}





/*proso*/


.proso{padding: 44px 0;}
.proso .search_input{padding: 13px  23px;}
.proso .clump{float: left;line-height: 44px;}
.proso .clump h4{font-size: 14px;color: #666666;display: inline-block;vertical-align: middle;}
.proso .clump i{display: inline-block;vertical-align: middle;font-size: 12px;margin: 0 10px;}
.proso .mb{overflow: hidden;text-align: right;}
.proso input{display: inline-block; padding:0 13px; width: 235px;height: 42px;line-height: 42px;background: #f6f6f6;border: 1px solid #eaeaea;}
.proso .submit{cursor: pointer; color: #fff;margin-left: 10px; background: #1a7dd2;text-align: center;line-height:44px; padding: 0;width: 95px;border: none;height: 44px;}

.proso .top{border: 1px solid #eaeaea;}
.woodSelect{border-top: 1px dashed #eaeaea;}
.woodSelect span{float: left;width: 208px;line-height: 65px;text-align: center;background: #f8f8f8;color: #666666;font-size: 16px;}
.woodSelect ul{overflow: hidden;}
.woodSelect ul li{float: left;line-height: 65px;height: 65px;padding: 0 30px;font-size: 16px;}
.woodSelect ul li a{color: #333333}
.woodSelect ul li.on {color: #1a7dd2}

.soslist {padding: 70px 0;}
.soslist li{width: 20%;padding: 2%; margin: 15px .5%; background: #fff;float: left;}
.soslist li .pic img{width: 100%;}

.soslist li h4{text-align: center;font-size: 18px;color: #333333;margin-top: 5px;}
.soslist li h5{text-align: center;font-size: 14px;color: #999999;margin-top: 12px;height: 52px;}
.sosPro{padding-bottom: 70px;}
.sosPro .valAll{text-align: center; width: 295px;height: 66px;margin: 0 auto;display: block;line-height: 66px;background: #fff;color: #333333;line-height: 66px;}



/* co_xs */


.co_xs{padding: 68px 0;background: #fff}
.co_xs:nth-child(2n){background: #f5f5f5}
.co_xs .title{font-size: 30px;color: #333333;font-weight: bold;margin: 0 1%;margin-bottom: 60px;}

.co_xs .player{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5) url(../images/player.png) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;}

.ce_one{margin: 1% 1%; box-shadow: 0px 0px 10px #dbdbdb}
.ce_one .pic{width: 44%;float: left;}
.ce_one .pic img{width: 100%;}
.ce_one .text{background: #fff; width: 56%;padding: 3%; float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*.ce_one .text span{width: 20%; display: block;float: left;font-size: 16px;color: #999999;}*/
.ce_one .text span{font-size: 16px;color: #999999;}
.ce_one .text span:nth-child(2){width: 80%}
.ce_one .text span em{color: #333333}
.ce_one .text .td{margin-bottom: 15px;}
.ce_one .text .td span em.i{color: #1a7dd2;font-weight: bold;}

.ce_two dd{margin: 0 9px;width: 23%;float: left;position: relative;outline: none;}
.ce_two dd .pic{width: 100%;position: relative;}
.ce_two dd .pic img{width: 100%;}

.ce_two dd .text{position: absolute;bottom: 0;background: #fff;padding:5% 3%;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ce_two dd .text h4{font-size: 20px;color: #333333;width: 100%;}
.ce_two dd .text .txt{font-size: 14px;color: #999999;line-height: 25px;margin-top: 10px;display: none}

.co_thr .coBtn{overflow: hidden; border: 1px solid #d7d7d7;text-align: center;font-size: 0px; width: 502px;margin: 0 auto;margin-bottom: 85px;}
.co_thr .coBtn .btn{cursor: pointer; border-top: 2px solid #fff;font-size: 16px; color: #333333; width: 250px;height: 48px;line-height: 48px;text-align: center;display: inline-block;}
.co_thr .coBtn .btn:nth-child(1){border-right: 1px solid #d7d7d7;}
.co_thr .coBtn .btn.active{border-top:2px solid #1a7dd2;color: #1a7dd2}

.yesrlist{margin: 0 50px;}
.yesrlist .slick-list{overflow:hidden; }
.yesrlist dd{ outline: none; position: relative;}
.yesrlist dd .content{display: block;padding: 0 15px; border-left: 1px dashed #c0c0c0;margin: 0 5px;}
.yesrlist dd a{display: block;}
.yesrlist dd>:after{content: '';display: block;width: 13px;height: 13px;background: url(../images/runRay.jpg) no-repeat;position: absolute;top: 0;left:-1px;}
.yesrlist dd span{display: block;font-size: 14px;color: #333333;margin-top: 10px;}
.yesrlist dd span:before{content: '\e60c';display: inline-block;color: #eea728;font-size: 20px;}
.yesrlist dd .top{}
.yesrlist dd .pic{line-height: 135px;}
.yesrlist dd .pic img{display: inline-block;vertical-align: middle;width:100%}
.yesrlist dd .num{font-size: 46px;color: #333333;font-family: BebasNeue;margin-top: 24px; }
.yesrlist dd .top .txt{height: 180px;overflow: hidden;margin-top: 5px;}

.yesrlist:not(.active){ display: none; }

.pholist dd{margin: 0 9px;outline: none;}
.pholist dd .pic img{width: 100%}
.pholist dd .text{padding: 5%;background: #fff;}
.pholist dd .text h2{
    font-size: 20px;color: #333333;
    height: 52px;  
    display: -webkit-box;  
    display: -moz-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp:2;  
}
.pholist dd .text .txt{font-size: 14px;color: #999999;line-height: 25px;margin-top: 5px;
  height: 100px;  
  display: -webkit-box;  
  display: -moz-box;  
  overflow: hidden;  
  text-overflow: ellipsis;  
  word-break: break-all;  
  -webkit-box-orient: vertical;  
  -webkit-line-clamp:4;
}
.pholist dd .text span{display: block;font-size: 14px;color: #999999;margin-top: 10px}

.contactUs{margin: 12px;box-shadow: 0 0 20px #e4e4e4;}
.contactUs .iMap{width:70%;float: left;}
.contactUs .iMap img{width: 100%;}

.contactUs .text{width:24%;float: left;padding: 3%}
.contactUs .text h5{font-size: 24px;color: #333333;font-weight: bold;margin-top: 20px}
.contactUs .text h5:after{content: '';display: block;width: 30px;height: 1px;background: #b29f5d;margin-top: 30px;}
.contactUs .text .td {margin-top: 30px;}
.contactUs .text .td .tile{font-size: 16px;color: #999999;}
.contactUs .text .td p{font-size: 14px;color: #333333;margin-top: 15px}


.alinke {margin:  70px 0 50px 0;border: 1px solid #d7d7d7;}
.alinke a{border-right: 1px solid #d7d7d7;  text-align: center;font-size: 16px;color: #333333; display: block;width: 14.28%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*.alinke a:last-child{border-right: none}*/
.alinke a.active span{border-top: 2px solid #1a7dd2;color: #1a7dd2}
.alinke a span{border-top: 2px solid #fff;display: block;padding: 15px 0;}
.alinke a:nth-child(7n){border-right: none}


.rondo .boston{float: left;width: 25%;background: #fff;padding-bottom: 25px;}
.rondo .boston .top{padding: 12% 8%;background: #f4f4f4;text-align: left;}
.rondo .boston .top span{font-size: 46px;display: inline-block;color: #f52121;font-family: BebasNeue;}
.rondo .boston .top span i{font-size: 28px;display: inline-block;color: #f52121}
.rondo .boston .top span em{display: inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;  border-bottom:10px solid #f52121;margin: 0 5px}
.rondo .boston .top p{font-size: 14px;color: #333333;margin-top: 8px;}

.rondo .boston .bot{padding: 10% 8% 0% 8%;}
.rondo .boston .bot p{font-size: 14px;color: #333333;margin-top: 8px;}
.rondo .boston .bot p.span{display: block;font-weight: bold;font-size: 20px;color:#000;margin-top: 0;}

.rondo .celtics{float: right;width: 75%;overflow: hidden;position: relative;z-index: 999}
.rondo .celtics .top{    padding: 31.5px 70px;background: url(../images/tzbg.jpg) }

.slideNum .slnum{float: left;margin-bottom: 20px;font-family: BebasNeue;width:33.33%;}
.slideNum .slnum h6{font-size: 14px;color: #fcecdf;}
.slideNum .slnum .num{font-size: 35px;color: #ffffff;}
.rondo .celtics .top  p{font-size: 14px;color: #ffffff;}
.slideNum .slnum p.span{font-size: 20px;color: #ffffff;margin-left: 5px;display: inline-block;}

.textTxt .td{width:33.33%;float: left;color: #fcecdf;font-size: 14px;}
.textTxt .td:nth-child(2n-1), .slideNum .slnum:nth-child(2n-1){width:30%;}
.textTxt .td:nth-child(2n), .slideNum .slnum:nth-child(2n){width:37%;}
.textTxt .td p{margin-bottom: 5px}

.anthoy{background: #f4f4f4; padding: 0 60px;border-left: 1px solid #f4f4f4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.yeslen dd{float: left;color: #808080;outline: none;margin: 0 19px;cursor: pointer;padding: 30px 0 27px 0;border-bottom: 3px solid #f4f4f4;}

.yeslen dd.on{border-bottom: 3px solid #1a7dd2;}
.downlist{border-left: 1px solid #f1f1f1}
.downlist li{overflow: hidden;padding: 20px;height: 40px;line-height: 40px;border-bottom: 2px solid #f1f1f1;}
.downlist li i{display: block;float: left;font-size: 30px;color: #1a7dd2;}
.downlist li span{display: block;float: left;font-size: 16px;/*width:87%;*/}
.downlist li a{color:#000;}
.downlist li .icon {display: block;float: right;background: url(../images/download.png) no-repeat;width: 38px;height: 53px;background-size: cover;}
.downlist li .icon-pdf{display: block;float: right;background: url(../images/download.png) no-repeat;width: 38px;height: 53px;background-size: cover;}
.downlist li:hover .icon-pdf{background: url(../images/download2.png) no-repeat;}

.downlist li .icon-word{background: url(../images/word.png) no-repeat;}
.downlist li:hover .icon-word{background: url(../images/word2.png) no-repeat;}

.downlist li .icon-excel{background: url(../images/excel.png) no-repeat;}
.downlist li:hover .icon-excel{background: url(../images/excel2.png) no-repeat;}

.downlist li .icon-ppt{background: url(../images/ppt.png) no-repeat;}
.downlist li:hover .icon-ppt{background: url(../images/ppt2.png) no-repeat;}

.downlist li:hover{background: #f4f4f4}
.rondo {margin-bottom: 100px}

.feixd.on{position: fixed;width: 1400px;margin: 0 auto;left: 0;right: 0;top: 78px;z-index:9}

.about{margin-top: 84px;overflow: hidden;overflow: hidden;}
.about .pic{width: 64%;float: left;border-right: 1px solid #dcdcdc;padding-right: 2%}
.about .pic .text{color: #333333;line-height:30px;font-size: 16px; margin-top: 30px;}
.about .pic .pt{margin-top: 60px}

.aboutTime{float: right;width: 32%;/*border-bottom: 1px solid #e5e5e5;*/}
.aboutTime .top {padding-bottom: 43px;border-bottom: 1px solid #e5e5e5}
.aboutTime .top .time{float: left;}
.aboutTime .top .time span{display: block;font-family: BebasNeue;font-size: 65px;color: #603812;margin-top: 30px;}
.aboutTime .top .time span em{color: #333333;font-size: 16px}
.aboutTime .top .pix{float: right;}

.aboutTime .sl_num{margin-top: 50px}

.aboutTime .sl_num .slideNum{margin-top: 40px;overflow: hidden;}
.aboutTime .sl_num .slideNum span{display: block;float: left;font-family: BebasNeue;font-size: 50px;color: #603812}
.aboutTime .sl_num .slideNum .txt{float: left;margin-left: 10px}
.aboutTime .sl_num .slideNum .txt em{display: block;font-size: 25px;color: #603812}
.aboutTime .sl_num .slideNum .txt p{font-size: 14px;color: #333}

.aboutTime .aclText{font-size: 14px;color: #999999;margin-top: 30px}

.aboutTime a{color: #383838; display: block;width: 154px;height: 54px;margin: 80px 0 40px 0 ; text-align: center;line-height: 54px;border: 1px solid #e5e5e5;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}

.asTile{font-size: 30px;color: #333333;font-weight: bold;}

.musicVideo{margin-top: 105px;margin-bottom: 80px}
.musicVideo .video{float: left;width: 38%;position: relative;}
.musicVideo .video img{width: 100%;}
.musicVideo .music{float: right;margin-left: 1%;width: 60%}
.musicVideo .player{width: 100%;height: 100%;background: rgba(0,0,0,.5) url(../images/player.png) center center no-repeat;position: absolute;top: 0;left: 0;}



.aboutlist{margin-bottom: 50px}
.aboutlist ul{width: 1400px;margin: 0 auto;overflow: hidden;margin-top: 70px;}
.aboutlist ul li{margin: 10px 0% 20px 0%;  float: left;width: 49%;overflow: hidden;padding: 10px 0;background: #fff;-webkit-transition: all .5s;-moz-transition: all .5stransition: all .5s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.aboutlist ul li:nth-child(2n){float: right;}
.aboutlist ul li .pic{width: 40%;float:left;}
.aboutlist ul li .pic img{width: 100%;}
.aboutlist ul li .text{width: 58%;float: right;}
.aboutlist ul li .text h3{font-size: 18px;color: #333333;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.aboutlist ul li .text .txt{font-size: 16px;color: #999999;line-height: 25px;height: 100px;margin-top: 25px}
.aboutlist ul li .text i{font-size: 16px;color: #333333;display: block;}


.walk{padding: 70px 0 }
.binOne{width: 100%;margin-bottom:1.5%;overflow: hidden;}
.binOne .coPic img{width: 105%;max-width: 105%}
.binOne .coPic {width: 49.15%;float: left;overflow: hidden;position: relative;}
.binOne .coPix {width: 49.4%;float: right;overflow: hidden;}
.binOne .coPix .cePic img{width: 105%;max-width: 105%}
.binOne .coPix .cePic:nth-child(2){margin-top: 3%}

.binOnt .toPic{width: 49.2%;float: left;overflow: hidden;}
.binOnt .toPic img{width: 105%;max-width: 105%}
.binOnt .toPic:nth-child(2n){float: right;}

.transleft .text{z-index: 9899; min-height: 114px; position: absolute;bottom: 0;width: 94%;padding: 3%;-webkit-transform: translateY(60%);-moz-transform: translateY(60%);transform: translateY(60%);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s}
.transleft .text span{height: 28px; display: block;font-size: 22px;color: #ffffff;}
.transleft .text p{font-size: 16px;color: #fff;margin-top: 20px;line-height: 25px;opacity: 0;-webkit-transform: translateY(80%);-moz-transform: translateY(80%);transform: translateY(80%);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; }
.cePic{position: relative;}
.cePic .palyer{position: absolute;width: 100%;top: 0;left: 0;background: rgba(0,0,0,.5) url(../images/player.png) center center no-repeat;height: 100%;}


@media screen and (max-width:1400px) {

.feixd.on{position: fixed;width: 1200px;margin: 0 auto;left: 0;right: 0;top: 78px;}

.about .pic .pt img{width: 100%}
.aboutTime a{margin: 40px 0 40px 0;}
.musicVideo{margin-top: 50px;margin-bottom: 30px}
.musicVideo .video{float: none;width: 100%;}
.musicVideo .music{width: 100%;float: none;margin-left: 0;margin-top: 20px}
.aboutlist ul{width: 1200px;}
.aboutlist ul li .text .txt{height: 85px;overflow: hidden;font-size: 14px;}

}

@media screen and (min-width:1360px) {

  .soslist li:hover{box-shadow: 0 0 10px #818181;}
  .woodSelect ul li a:hover{color: #1a7dd2}
  .sosPro .valAll:hover{background: #1a7dd2;color: #fff;}
  .ce_two dd:hover .text{background: rgba(255,255,255,.8);}
  .ce_two dd:hover .text .txt{display: block;}
  .aboutTime a:hover{color: #fff;background: #1a7dd2;}
  .aboutlist ul li:hover{box-shadow: 0 0 20px #d2d2d2;-webkit-transition: all .5s;-moz-transition: all .5stransition: all .5s}

  .transleft:hover .text{ -webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);transform: translateY(-30px);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s}
  .transleft:hover .text p{ -webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;opacity: 1}
}

@media screen and (max-width: 1220px) {

  .woodSelect{position: relative; float: left;width: 33.33%;border-right: 1px solid #eaeaea;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .woodSelect span{position: relative; float: none;display: block;text-align: center;width: 100%; }
  .woodSelect span:before{content: '\e648';display: block;position: absolute;right: 10%;}
  .woodSelect ul{float:none;position: absolute;top: 54px;width: 100%;background: #1a7dd2;z-index: 999;display: none}
  .woodSelect ul li{padding: 10px 0;margin: 0 auto;text-align: center;float: none;height: 30px;line-height: 30px;color: #fff}
  .woodSelect ul li a{color: #fff;}
  .woodSelect span{height: 50px;line-height: 50px;}
  .woodSelect ul li.on a{color: #fff}
  .soslist li{width: 28.33%;}
  .soslist{padding: 30px 0}

  .sosPro .valAll{width: 200px;line-height: 35px;height: 35px;}


  /* co_xs */
  .co_xs{padding: 50px 0}
  .co_xs .title{font-size: 24px;margin-bottom: 20px;}
  .ce_one .pic{margin: 0 auto;float: none;width: 50%;}
  .ce_one .text{float: none;width: 100%;text-align: center;}
  .ce_one .text span{display: inline-block;float: none;width: 100%;line-height: 25px;}
  .ce_one .text span:nth-child(2){width: 100%}

  .co_thr .coBtn{margin-bottom: 20px;}
  .yesrlist dd .num{font-size: 30px;}

  .contactUs .iMap{float: none;width: 100%;}
  .contactUs .text{width: 94%}

  .alinke{margin: 20px 0;border-right:  1px solid #d7d7d7;border-left:  1px solid #d7d7d7;border-bottom:  1px solid #d7d7d7}
  .alinke a{width: 20%;border-bottom: 1px solid #d7d7d7;}
  .alinke a:nth-child(5n){border-right: none}
  .alinke a:nth-child(n+6){border-bottom: none}
  .alinke a:nth-child(7n){border-right: 1px solid #d7d7d7;}
  .alinke a:last-child{border:none;border-right: 1px solid #d7d7d7;}
  .alinke a:first-child{border-left: none}


  .rondo .boston{float: none;width: 100%;}
  .rondo .boston .top{padding: 3%}
  .rondo .boston .bot{padding:2% 3%}
  .rondo .celtics{float: none;width: 100%;}

  .rondo .boston .top span{font-size: 32px}
  .rondo .boston .bot span{font-size: 18px}

  .rondo .celtics .top{padding: 3%}
  .slideNum .slnum{margin: 0 auto 30px auto;width: 25%;text-align: center;}
  .slideNum .slnum .num{font-size: 24px}
  .anthoy{padding: 0px 50px}

  .feixd.on{position: static;width: 100%;margin: 0 auto;left: 0;right: 0;top: 78px;}

  .about{margin-top: 50px;}
  .about .pic{width: 100%;float: none;}
  .aboutTime{width: 100%;float: none;margin-top: 30px;}
  .asTile{font-size: 24px}
  .about .pic .text{margin-top: 20px;}
  .aboutTime .top .time span{font-size: 30px;}
  .aboutTime .top{padding-bottom: 20px}
  .aboutTime .sl_num{margin-top: 30px}
  .aboutTime a{width: 200px;height: 30px;line-height: 30px;}

  .aboutlist ul{width:auto}
  .aboutlist ul li{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .aboutlist ul li .pic{float: none;}
  .aboutlist ul li .text{width: 100%;float: none;}
  .aboutlist ul li .text h3{margin-top: 10px;font-size: 16px;}
  .aboutlist ul li .text .txt{margin-top: 12px;font-size: 14px; height: 79px;}

  .transleft .text span{font-size: 24px;}
  .walk{padding: 50px 0}
  .aboutlist ul{margin-top: 0}

  .textTxt .td{width:50%;text-align: center;}
  /*.textTxt .td{width:33.33%;float: left;color: #fcecdf;font-size: 14px;}*/
  .textTxt .td:nth-child(2n-1), .slideNum .slnum:nth-child(2n-1){width:50%;}
  .textTxt .td:nth-child(2n), .slideNum .slnum:nth-child(2n){width:50%;}
}

@media screen and (max-width:768px) {
  .proso{padding: 20px 0}
  .proso .clump{float: none;width: 100%;}
  .proso form{padding: 5%}
  .proso .mb input{float: left;width: 70%;padding: 0 5%;-webkits-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .proso .mb .submit{margin-left: 0;float: right;width: 30%;padding: 0;height: 42px;}
  .soslist{padding: 30px 0;}
  .soslist li{width: 45%;}
  .woodSelect span{height: 35px;line-height: 35px;}
  .woodSelect span:before{top: -9%}
  .woodSelect ul{top: 37px;}
  .sosPro{padding-bottom: 30px;}
  .sosPro .valAll{width:150px;line-height: 35px;height: 35px;font-size: 14px;}

  /* co_xs */
  .co_xs{padding: 30px 0}
  .ce_one .pic{width: 100%;}
  .co_xs .title{font-size: 18px;margin-bottom: 18px;}
  .ce_one .text{text-align: left;}
  .ce_one .text span{display: block;font-size: 14px;}

  .ce_two dd .text h4{font-size: 14px;}
  .co_thr .coBtn{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .co_thr .coBtn .btn{width: 50%;display: block;float: left;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 35px;height: 35px;}
  .contactUs .text h5{font-size: 18px;}

  .alinke a{width: 50%;font-size: 14px;border-bottom: 1px solid #d7d7d7}

  .alinke a:nth-child(5n){border-right: 1px solid #d7d7d7;border-bottom: none}
  .alinke a:nth-child(2n){border-right: none}

  .slideNum .slnum{margin: 0 auto 30px auto;width: 50%;text-align: center;}

  .downlist li{padding: 3%;}
  .downlist li a{background-size: 24px;background-position: center center;}
  .rondo .boston .top span{font-size: 24px;}
  .rondo .boston .top span i{font-size: 18px}
  .rondo .boston .bot span{font-size: 16px}
  .downlist li span{font-size: 14px;}

  .about{margin-top: 30px}
  .asTile{font-size: 18px}
  .about .pic .pt{margin-top: 30px}
  .aboutTime .top .pix {width: 40%}
  .aboutTime .top .pix img{width: 100%;}
  .aboutTime .sl_num .slideNum{margin-top: 20px}
  .aboutTime .sl_num .slideNum span{font-size: 40px}
  .aboutTime .sl_num .slideNum .txt em{font-size: 18px}
  .aboutTime a{margin: 20px 0;}
  .musicVideo{margin-top: 30px;margin-bottom: 0px}
  .aboutlist ul li .pic{width: 100%;}
  .aboutlist ul li .text i{font-size: 14px}

  .binOne{margin-bottom: 3%}
  .transleft .text span{font-size: 18px}
  .binOne .coPic{width: 100%;float: none;}
  .binOne .coPix{float: none;width: 100%;margin-top: 3%}
  .binOnt .toPic{width: 100%;float: none;}
  .binOnt .toPic:nth-child(2n){float: none;margin-top: 3%}

  .walk{padding: 30px 0}

  .aboutlist ul{margin-top: 20px}
  .anthoy{padding: 0 20px}
  .yesrlist{margin: 0 20px}
  .textTxt .td{width:100%;text-align: center;float: none;margin-bottom:20px;}
  .textTxt .td:nth-child(2n-1), .slideNum .slnum:nth-child(2n-1){width:100%;}
  .textTxt .td:nth-child(2n), .slideNum .slnum:nth-child(2n){width:100%;}
}







.aplayer-narrow {}
.aplayer-narrow .aplayer-info {width:37%}
.aplayer-withlrc.aplayer-narrow {}
.aplayer-withlrc.aplayer .aplayer-pic {}
.aplayer-withlrc.aplayer .aplayer-info {height:386px}
.aplayer-withlrc.aplayer .aplayer-lrc {display:block}

.aplayer [class*=" aplayer-icon-"]:before,.aplayer [class^=aplayer-icon-]:before {
  font-family:aplayer-fontello;
  font-style:normal;
  font-weight:400;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em
}
.aplayer .aplayer-lrc-content,.aplayer .aplayer-pic .aplayer-hide {
  display:none
}

.aplayer span {
  cursor:default!important
}
.aplayer .aplayer-pic {
  position:relative;
  float:left;
  width: 63%

}
.aplayer .aplayer-pic img {
  height:100%;
  width:100%
}
.aplayer .aplayer-pic .aplayer-button {
  position:absolute;
  color:#fff;
  -webkit-border-radius:50%;
  border-radius:50%;
  opacity:.8;
  cursor:pointer;
  text-shadow:0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
  box-shadow:0 1px 1px rgba(0,0,0,.2);
  background:rgba(0,0,0,.2)
}
.aplayer .aplayer-pic .aplayer-button:hover {
  opacity:1
}
.aplayer .aplayer-pic .aplayer-play {
  width:50px;
  height:51px;
  top:78%;
  right: 30%;
  background:url(../images/playerMusic.png) no-repeat;
}
.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play {}
.aplayer .aplayer-pic .aplayer-pause {
  width:50px;
  height:51px;
  top:78%;
  right: 30%;
  background:url(../images/stop.png) no-repeat;
}
.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause {}
.aplayer .aplayer-info {

  float: left;
  height:66px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.aplayer .aplayer-info .aplayer-music {
  overflow:hidden;
  /* 修改英文版歌曲信息显示不全问题 change by Ham 20180420 */
  /*white-space:nowrap;*/
  /* 英文版需要自动换行 */
  white-space:normal;
  /* 修改英文版歌曲信息显示不全问题 change by Ham 20180420 */
  text-overflow:ellipsis;
  margin-bottom:17px
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
  font-size:14px;
  display:block;
  text-align: center;
  font-size: 25px;
  color: #603812;
  font-weight: bold;
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
  font-size:12px;
  text-align: center;
  margin: 15px 0;
  display:block;
  font-size: 18px;
  color: #f89d09;
}
.aplayer .aplayer-info .aplayer-controller {
  position:relative
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  margin:0 120px 0 5px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  position:relative;
  height:2px;
  width:100%;
  background:#cdcdcd;
  cursor:pointer!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  background:#aaa;
  height:2px;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  background:#b7daff;
  height:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  position:absolute;
  top:0;
  right:5px;
  margin-top:-4px;
  margin-right:-10px;
  height:8px;
  width:8px;
  border:1px solid #b7daff;
  -webkit-border-radius:50%;
  border-radius:50%;
  background:#fff;
  cursor:pointer!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb:hover {
  background:#b7daff
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time {
  position:absolute;
  right:0;
  bottom:-5px;
  height:17px;
  color:#999;
  font-size:11px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time i {
  color:#666;
  font-size:15px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
  display:inline-block;
  margin-left:7px;
  cursor:pointer!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
  display:block
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  display:none;
  position:absolute;
  bottom:17px;
  right:-5px;
  width:25px;
  height:40px;
  z-index:99
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
  position:absolute;
  bottom:0;
  right:10px;
  width:5px;
  height:35px;
  background:#aaa
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
  position:absolute;
  bottom:0;
  right:0;
  width:5px;
  background:#b7daff
}
.aplayer .aplayer-lrc {

  position:relative;
  /*height: 277px;*/
  height: 255px;
  background:#fff;
  text-align:center;
  overflow:hidden;
  margin:-10px 0 10px
}
.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before {
  position:absolute;
  z-index:1;
  display:block;
  overflow:hidden;
  content:' ';
  width:100%
}
.aplayer .aplayer-lrc:before {
  top:0;
  height:10%;
  background:-webkit-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear,left top,left bottom,from(white),to(rgba(255,255,255,0)));
  background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0 )
}
.aplayer .aplayer-lrc:after {
  bottom:0;
  height:33%;
  background:-webkit-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear,left bottom,left top,from(white),to(rgba(255,255,255,0)));
  background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 )
}
.aplayer .aplayer-lrc p {
  font-size:14px;
  color:#999999;
  line-height:30px;
  padding:0;
  margin:0;
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out;
  opacity:.8
}
.aplayer .aplayer-lrc p.aplayer-lrc-current {
  opacity:1;
  color: #f89d09;
}
.aplayer .aplayer-lrc .aplayer-lrc-contents {
  width:100%;
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out
}


@media screen and (max-width:1400px) {

  .aplayer-withlrc.aplayer .aplayer-info{height: 332px}
  .aplayer .aplayer-lrc{height: 223px}

}


@media screen and (max-width:768px) {

  .aplayer .aplayer-pic{float: none;width: 100%;}
  .aplayer .aplayer-info .aplayer-music .aplayer-title{font-size: 18px;}
  .aplayer .aplayer-info .aplayer-music .aplayer-author{font-size: 16px;margin: 5px 0;}
  .aplayer-withlrc.aplayer .aplayer-info{float: none;width: 100%;margin-top: 20px;}
}




/*boss*/

.worldMap{background: #fff;}

.thereName .title{font-size: 36px;color: #333333;font-weight: bold;text-align: center;}
.thereName .title:before{content: '';display: block;width: 30px;height: 2px;background: #1a7dd2;margin: 30px auto}

.thereName .txt{color: #333333;line-height: 25px;font-size: 14px;text-align: center;margin-top: 30px;}
.bossPic {margin: 80px 0;overflow: hidden;}
.bossPic li{margin: 0 1%;float: left;width: 23%;position:relative;}
.bossPic li .text{position: absolute;width: 94%;padding: 3%;background: rgba(0,0,0,.3);bottom: 0px;z-index: 999;text-align: center;color: #fff;}
.bossPic li .pic img{width: 100%;}

.dowte {margin-bottom: 100px}
.dowte dl{margin: 0 1%}
.dowte dl dd{overflow: hidden;padding-bottom: 35px;border-bottom: 1px solid #e0e0e0;margin-top: 35px;}
.dowte dl dd .tag{float: left;width: 20%;font-size: 18px;color: #333333;}
.dowte dl dd .text{float: right;width: 78%;}

.dowte dl dd .text .art{font-size: 14px;color: #333333;line-height: 25px;margin-bottom: 30px;}
/*.dowte dl dd .text .lvring{}*/
.dowte dl dd .text .td {float: left;width: 80%;}
.dowte dl dd .text .td .mz{margin-bottom: 10px}
.dowte dl dd .text .td .mz i{color: #1a7dd2;font-size: 18px;float: left;margin-top: -4px}
.dowte dl dd .text .td .mz span{display: block;float: left;font-size: 14px;color: #999999;margin-right: 10px}
.dowte dl dd .text .td .mz h4{display: block;float: left;font-size: 14px;color: #333333;}

.dowte dl dd .text .lvring a{margin-top: 20px; font-size: 14px;border: 2px solid #979797; display: block;float: right;width: 93px;height: 28px;background: url(../images/downlon.jpg) no-repeat 90% 50%;text-align: center;line-height: 28px;font-weight: bold;color:#ef9014;}

.country{border-right: none;text-align: center;/*width: 1004px;*/margin: 0 auto;font-size: 0}
.country a{border-top: 2px solid #fff; display: inline-block;padding: 18px 0;width: 250px;text-align: center;font-size: 16px;color: #333333;border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;border-top:1px solid #d7d7d7;}
.country a:first-child{border-left:1px solid #d7d7d7;}
.country a.on{border-top: 2px solid #1a7dd2}
.country a:hover{border-top: 2px solid #1a7dd2}

.woPag {margin-top: 50px;position: relative;}
.woPag img{width: 100%;}

.mapitem{display: none;}


.din_a{position: absolute;top:0;left:0;}

.dina {width: 342px;display: none; top:10px;right: 10px; position: absolute;  box-shadow: 0 0 20px #b8b8b8;background: #fff ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;padding: 26px;z-index: 11}
.dina h3{font-size: 20px;color: #333333;}
.dina .td{overflow: hidden;margin-top: 15px;}
.dina .td span{display: block;float: left;font-size: 14px;color: #999999;}
.dina .td p{display: inline-block;float: left;font-size: 14px;color: #999999;}
.dina a{display: block;color: #1a7dd2;font-size: 14px;margin-top: 20px;}

.dian_main {position: relative;}

.dian{display: block;width: 21px;height: 21px;background: url(../images/ding.png) no-repeat;/*position: absolute;z-index: 9;*/}
.din_a .name{display: block;background: #fff;height: 35px;text-align: center;line-height: 35px;border: 1px solid #d1d2d7;font-size: 14px;color: #333333;z-index: 10;padding:0 5px;top: -123%;left: 47%;}

.show_t {width: 342px;display: none;top: 4%;z-index:88; left: 26%;position: absolute;box-shadow: 0 0 20px #b8b8b8;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;padding: 26px;}
.show_t h3{font-size: 20px;color: #333333;}
.show_t .td{overflow: hidden;margin-top: 15px;}
.show_t .td span{display: block;float: left;font-size: 14px;color: #999999;width: 15%;}
.show_t .td p{display: block;float: left;font-size: 14px;color: #999999;width: 85%}
.show_t a{display: block;color: #1a7dd2;font-size: 14px;margin-top: 20px;}

.show_h {width: 342px;display: none;top: 17%;z-index: 88;left: 40%;position: absolute;box-shadow: 0 0 20px #b8b8b8;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;padding: 26px;}
.show_h h3{font-size: 20px;color: #333333;}
.show_h .td{overflow: hidden;margin-top: 15px;}
.show_h .td span{display: block;float: left;font-size: 14px;color: #999999;width: 15%;}
.show_h .td p{display: block;float: left;font-size: 14px;color: #999999;width: 85%}
.show_h a{display: block;color: #1a7dd2;font-size: 14px;margin-top: 20px;}

.show_f {width: 342px;display: none;top: 54%;z-index: 88;left: 39.5%;position: absolute;box-shadow: 0 0 20px #b8b8b8;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;padding: 26px;}
.show_f h3{font-size: 20px;color: #333333;}
.show_f .td{overflow: hidden;margin-top: 15px;}
.show_f .td span{display: block;float: left;font-size: 14px;color: #999999;width: 15%;}
.show_f .td p{display: block;float: left;font-size: 14px;color: #999999;width: 85%}
.show_f a{display: block;color: #1a7dd2;font-size: 14px;margin-top: 20px;}

.show_v {width: 342px;display: none;top: 55.7%;z-index: 88;left: 65.6%;position: absolute;box-shadow: 0 0 20px #b8b8b8;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;padding: 26px;}
.show_v h3{font-size: 20px;color: #333333;}
.show_v .td{overflow: hidden;margin-top: 15px;}
.show_v .td span{display: block;float: left;font-size: 14px;color: #999999;width: 15%;}
.show_v .td p{display: block;float: left;font-size: 14px;color: #999999;width: 85%}
.show_v a{display: block;color: #1a7dd2;font-size: 14px;margin-top: 20px;}


.feedback_en{padding: 30px 100px;border: 1px solid #f4f4f4}
/* 英文版文字超出改动 change by Ham 20180523 */ 
.feedback_en{padding: 30px 90px;border: 1px solid #f4f4f4}
.feedback_en .mb{margin-bottom: 22px}
.feedback_en .mb label{color: #6e6e6e; height: 45px;line-height: 45px;display: block;width: 105px;float: left;}
.feedback_en .mb input{padding: 0 3%; height: 45px;line-height: 45px;display: block;width: 520px;float: left;border: 1px solid #dedede; float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback_en .mb i{display:block;float: left;font-size: 18px;color: #f91212;margin-left: 25px;line-height: 45px}
.feedback_en .mb textarea{float: left; padding: 3%;width: 520px;height: 160px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #dedede;}
.feedback_en .mt{margin-left: 105px;}
.feedback_en .mt label{font-size: 16pxp;color: #333333;height: 38px;line-height: 38px;float: left;margin-right: 20px}

.feedback_en .mt input{width: 150px;height: 38px;line-height: 38px;border: 1px solid #dedede; display: block;float: left;text-align: center;}
.feedback_en .mt i{display:block;float: left;font-size: 18px;color: #f91212;margin-left: 25px;line-height: 45px}

.feedback_en .mt .submit,
.feedback_en .mt .reset{cursor: pointer; width: 182px;height: 42px;line-height: 42px;background: #dedede;text-align: center;color: #000;font-size: 16px;margin-right: 30px;margin-top: 26px;}
.feedback_en .mt .submit:hover,.feedback_en .mt .reset:hover{background: #1a7dd2;color: #fff}

.feedback_en .mt p{margin-top: 15px;font-size: 14px;color: #585858;}

.feedback_en .mt p i{margin: 0;line-height: normal;}
/* 英文版文字超出改动 change by Ham 20180523 */ 

.feedback{padding: 30px 90px;border: 1px solid #f4f4f4}
.feedback .mb{margin-bottom: 22px}
.feedback .mb label{color: #6e6e6e; height: 45px;line-height: 45px;display: block;width: 105px;float: left;}
.feedback .mb input{padding: 0 3%; height: 45px;line-height: 45px;display: block;width: 520px;float: left;border: 1px solid #dedede; float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback .mb i{display:block;float: left;font-size: 18px;color: #f91212;margin-left: 25px;line-height: 45px}
.feedback .mb textarea{float: left; padding: 3%;width: 520px;height: 160px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #dedede;}
.feedback .mt{margin-left: 105px;}
.feedback .mt label{font-size: 16pxp;color: #333333;height: 38px;line-height: 38px;float: left;margin-right: 20px}

.feedback .mt input{width: 150px;height: 38px;line-height: 38px;border: 1px solid #dedede; display: block;float: left;text-align: center;}
.feedback .mt i{display:block;float: left;font-size: 18px;color: #f91212;margin-left: 25px;line-height: 45px}

.feedback .mt .submit,
.feedback .mt .reset{cursor: pointer; width: 182px;height: 42px;line-height: 42px;background: #dedede;text-align: center;color: #000;font-size: 16px;margin-right: 30px;margin-top: 26px;}
.feedback .mt .submit:hover,.feedback .mt .reset:hover{background: #1a7dd2;color: #fff}

.feedback .mt p{margin-top: 15px;font-size: 14px;color: #585858;}

.feedback .mt p i{margin: 0;line-height: normal;}
@media screen and (max-width:1440px) {

  .dind{left: 53%}
  .dinc{left: 55%;}
  .dinb{left: 41%}
}

@media screen and (max-width:1220px) {


  .thereName .title{font-size: 24px}
  .thereName .txt{margin-top: 20px;}
  .bossPic{margin: 50px 0}
  .bossPic li{width: 31.33%;margin-bottom: 20px;}
  .dowte dl dd .tag{float: none;width:100%;}
  .dowte dl dd .text{float: none;width: 100%;margin-top: 20px;}
  .dowte dl dd .text .td{float: none;width: 100%;}
  .dowte dl dd .text .lvring a{float: none;}
  .country{width: 100%;overflow: hidden;}
  .country a{padding: 10px 0; width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;float: left;height:42px;line-height:20px;border-bottom: none;}
  .country a:nth-child(n+3){border-bottom:1px solid #d7d7d7;}
  .country a:hover{border-top: 2px solid #1a7dd2;line-height:18px;}

  .din_one .name{width: 100px;height: 25px;line-height: 25px;display: none}

  .din_a,.din_b,.din_c,.din_d,.din_e{width: 15px;height: 15px;background-size: cover;}

  .feedback{padding: 3%;}
  /* 英文版文字超出改动 change by Ham 20180523 */ 
  .feedback_en{padding: 3%;}
  /* 英文版文字超出改动 change by Ham 20180523 */ 

}

@media screen and (max-width:768px) {

  .bossPic li{width: 48%;}
  .bossPic{margin: 30px 0}
  .thereName .title{font-size: 20px;}
  .thereName .title:before{margin: 20px auto}

  .din_c{    top: 46%;}
  .din_d{left: 62%;}

  /* 英文版文字超出改动 change by Ham 20180523 */ 
  .feedback_en .mb input{width: 100%}
  .feedback_en .mb label{float: none;height: 35px;line-height: 35px;}
  /*.feedback_en .mb label{float: none;height: 35px;margin-top: 10px;}*/
  .feedback_en .mb input{height: 35px;line-height: 35px;}
  .feedback_en .mt{margin-left: 0}
  .feedback_en .mb i{line-height: normal;margin-left: 0}
  .feedback_en .mt .submit, .feedback_en .mt .reset{margin-top: 10px;background: #1a7dd2;border-color: #1a7dd2;color: #fff;height: 30px;line-height: 30px;}
  .feedback_en .mt label{height: 30px;font-size: 14px;line-height: 30px;}
  .feedback_en .mt input{height: 30px;line-height: 30px;}
  .feedback_en .mb{margin-bottom: 10px}
  .feedback_en .mb label{font-size: 14px;}
  /* 英文版文字超出改动 change by Ham 20180523 */ 
  .feedback .mb input{width: 100%}
  .feedback .mb label{float: none;height: 35px;line-height: 35px;}
  .feedback .mb input{height: 35px;line-height: 35px;}
  .feedback .mt{margin-left: 0}
  .feedback .mb i{line-height: normal;margin-left: 0}
  .feedback .mt .submit, .feedback .mt .reset{margin-top: 10px;background: #1a7dd2;border-color: #1a7dd2;color: #fff;height: 30px;line-height: 30px;}
  .feedback .mt label{height: 30px;font-size: 14px;line-height: 30px;}
  .feedback .mt input{height: 30px;line-height: 30px;}
  .feedback .mb{margin-bottom: 10px}
  .feedback .mb label{font-size: 14px;}

  .itee .text .txt{height: 220px;}

}

.text_overflow{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text_overflow_2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.text_overflow_3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.text_overflow_4{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.text_overflow_5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.text_overflow_6{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}
.no_data {
  font-size: 36px;
  text-align: center;
  color:#666;
}

/*2017-11-20*/

.fide{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;z-index: 99;}
.videoMp4 {width: 600px;/*height: 500px;*/position: fixed;top: 50%;left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index: 100;}
.videoMp4 video{width: 100%;/*height: 100%;*/display: block;}
.video_main{display: none;}

@media screen and (max-width:768px) {

  .videoMp4{padding: 0 3%;width: 94%;height: auto;}

}

.load_data {padding:70px 0;background: #f6f6f6;}

/*2017-11-30*/
.co_slide .iconfont{

    font-size: 20px;
    color: #888888;
    display: inline-block;
    vertical-align: middle;
}

.co_slide .search { float:right;height: 30px; background: #fff; width: 200px;padding: 3px 10px; border-radius: 25px; margin-top: 9px;}
.co_slide .search input { background: none; border: none; height: 30px; color: #999; width: 170px; float: left; }
.co_slide .search input::-webkit-input-placeholder { color: #fff; }
.co_slide .search input:-moz-input-placeholder { color: #fff; }
.co_slide .search .submit { padding: 0; float: left; width: 25px; text-align: center; line-height: 30px; height: 30px; color: #e0e0e0; border-bottom: none; cursor: pointer; }
.co_slide .search input::-webkit-input-placeholder{color: #999; }
.co_slide .search input:-moz-placeholder{color:#999; }
.co_slide .search input::-moz-placeholder{color:#999; }
.co_slide .search input:-ms-input-placeholder{color:#999; }

.goods-details table td,.goods-details table th{
  padding: 5px 10px;
  border: 1px solid #DDD;
}



/*分页样式*/
.pagination {
    margin: 20px auto 0;
    text-align: center;
}

.pagination a{
    color:#666;
}
.pagination .total{
  float: left;
  line-height: 30px;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,.pagination ul>li>span {
    float: left;
    padding: 5px 13px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span {
    background-color: #1a7dd2;
    color:#fff;
}

.pagination ul>.active>a,.pagination ul>.active>span {
    color: #fff;
    cursor: default
}

.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus {
    color: #b4bcc2;
    cursor: default;
    background-color: transparent
}

.pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px
}

.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px
}




/*全站文章搜索*/

.article-serach .clumb{
  margin:20px 0;
}
.article-serach .hd {
    border: 1px #eeeeee solid;
    background: #fafafa;
}

.article-serach .hd li{
  float: left;
  padding: 0 24px;
  line-height: 48px;
  font-size: 16px;
  color: #333;
  border-right: 1px #eeeeee solid;
  cursor: pointer;
}

.article-serach .hd li:last-child{
  border:none;
}

.article-serach .hd li.on {
  font-weight: bold;
}

.article-serach .hd li a{
  color: #333;
}

.article-serach .hd .keyword{
  height: 30px;
  border:1px #eee solid;
  text-indent:5px;
}

.article-serach .hd .serach-sub{
  cursor: pointer;
  color: #fff;
  /*margin-left: 5px;*/
  background: #1a7dd2;
  text-align: center;
  line-height: 30px;
  padding: 0;
  width: 50px;
  border: none;
  height: 30px;
}

.article-serach .main-title{
  margin:30px 0 10px 0;
  font-size: 24px;
}

.article-serach .content table {
  border: 1px #eeeeee solid;
  width:100%;
}

.article-serach .content table th{
  font-size: 15px;
  color: #333;
  /*background: #f5f5f5;*/
  background: #fafafa;
  line-height: 48px;
  border-right: 1px #fff solid;
  border-bottom: 1px #eee solid;
}

.article-serach .content table th:last-child{
  border-right:none;
}

.article-serach .content td{
  font-size: 14px;
  color: #3c3c3c;
  line-height: 40px;
  border-right: 1px #f2f2f2 solid;
  border-bottom: 1px #f2f2f2 solid;
}

.article-serach .content .title{
  text-indent: 20px;
}

.article-serach .content td a{
  color: #333;
  display: block;
}

.article-serach .content td a:hover,.article-serach .content tr:hover a{
  color:#fff;
}

.article-serach .content tr:hover td{
  background: #1a7dd2;
  color:#fff;
}


/*分享相关*/
.share-box {font-size: 0;margin-left: 5px;float: right;}
.share-box a{margin-left: 5px;}
#social-share {float: right;}
.js-print-btn {
  width:24px;
  height: 24px;
  display: inline-block;
  background: url('../images/sprite_print.jpg') no-repeat;
}

.js-email-btn {
  width:24px;
  height: 24px;
  display: inline-block;
  background: url('../images/sprite_email.jpg') no-repeat;
}
@media screen and (max-width:1360px) {
  .share .js-email-btn,.share .js-print-btn{display: none;}
}


/*2018/01/08*/
.downlist li .published-time {font-size:14px;float:right;color:#666;margin-right:15px;}

/* 英文版文字超出改动 change by Ham 20180523 */ 
.feedback_en .help-block{
  display: block;
  float: left;
  width:100%;
  text-indent: 110px;
  padding-top: 5px;
  font-size: 14px;
  color:#f91212;
}
.feedback_en .mt .help-block{
  text-indent: 88px;
  padding:0;
  margin:0;
  color:#f91212;
}
/* 英文版文字超出改动 change by Ham 20180523 */ 

.feedback .help-block{
  display: block;
  float: left;
  width:100%;
  text-indent: 110px;
  padding-top: 5px;
  font-size: 14px;
  color:#f91212;
}
.feedback .mt .help-block{
  text-indent: 88px;
  padding:0;
  margin:0;
  color:#f91212;
}

@media screen and (max-width: 768px){
  .feedback .mb .help-block {
    text-indent: 5px;    
    width:auto;
  }

  /* 英文版文字超出改动 change by Ham 20180523 */ 
  .feedback_en .mb .help-block {
    text-indent: 5px;    
    width:auto;
  }
  /* 英文版文字超出改动 change by Ham 20180523 */ 
}

/* 英文版文字超出改动 change by Ham 20180523 */ 
.feedback_en .mb .red_border,
.feedback_en .mt .red_border{
  border:1px solid #f91212;
}
/* 英文版文字超出改动 change by Ham 20180523 */ 

.feedback .mb .red_border,
.feedback .mt .red_border{
  border:1px solid #f91212;
}
/* 面包屑改 change by Ham 20180420 */
.clumb_change{overflow: hidden;float: left;}
.clumb_change a{color: #999999;display: inline-block;font-size: 14px;}
.clumb_change a:after{content: '\e605';display: inline-block;}
.clumb_change a:last-child:after{content:''}
.clumb_change a:last-child{color:#000;}
.clumb_change h5{display: inline-block;font-size: 14px;}
.co_slide .clumb_change a.iconfont { font-size: 14px; }
/*line-height会导致下面内容排版出现问题，改为margin-top by Ham 20180519*/
/* .co_slide .clumb_change { line-height: 53px; } */
.co_slide .clumb_change { margin-top: 14px; }
/* 改为margin-top by Ham 20180519*/
/* 面包屑改 change by Ham 20180420 */
/*2019/05/23*/
.ce_one{position: relative;}
.ce_one .text{position: absolute;right: 0;top: 0;height: 100%;overflow: auto;}
@media(max-width: 1220px){
  .ce_one .text{position: relative;height: auto;}
}
.ce_one .text::-webkit-scrollbar {
width:8px;
height:8px;
}
/*滚动条里面小方块样式*/
.ce_one .text::-webkit-scrollbar-thumb {
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:#fff;
}
/*滚动条里面轨道样式*/
.ce_one .text::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:0;
background:rgba(0,0,0,0.1);
}