/* ============================================================
   flex：定义布局为盒模型
   flex-v：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-middle：子元素垂直居中
   flex-center：子元素水平居中
   flex-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   ============================================================ */
.flex-row { display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-bottom{ align-items:flex-end }
.flex-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}


.nostyle { list-style: none }
.bottommargin-xs { margin-bottom: 10px !important; }
.leftpadding-sm { padding-left:30px;  }
.fbold { font-weight: bold; }
.noweight { font-weight: normal !important; }
.uppercase { text-transform: uppercase; }
.letter15 { letter-spacing: 15px; }
.f60 { font-size: 60px; }
.f48 { font-size: 48px; }
.f45 { font-size: 45px; }
.f38 { font-size: 38px; }
.f35 { font-size: 35px; }
.f30 { font-size: 30px; }
.f27 { font-size: 27px; }
.f24 { font-size: 24px; }
.f22 { font-size: 22px; }
.f20 { font-size: 20px; }
.f19 { font-size: 19px; }
.f18 { font-size: 18px; line-height: 30px;}
.f16 { font-size: 16px; }
.f15 { font-size: 15px; }
.f14 { font-size: 14px; }
.f12 { font-size: 12px; }
.f10 { font-size: 10px; }

.cfff { color: #fff !important }
.c888 { color: #888 !important }
.c666 { color: #666 !important }
.c555 { color: #555 !important; }
.c333 { color: #333 !important; }
.c000 { color: #000 !important; }
.cgray { color: #5a5b5b !important; }
.cgreyblue { color: #4d5979 !important }
.color { color: #3366fe !important }
.hr { margin-top: 10px;border-color: #ccc }
.gradient{ 	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#98d5e4), to(#5491c5));	-webkit-background-clip: text;	-webkit-text-fill-color: transparent;}
.padding-30 { padding: 30px; }
.padding-100 { padding: 100px; }
.block { display: block; }
.relative { position: relative; }

.middle { position: absolute !important;top: 50% !important;left: 50% !important;
	transform: translate(-50%,-50%); 
	-webkit-transform:translate(-50%,-50%);	
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}
.border-left { position: relative; padding-left: 5px; }
.border-left:before { content: "";width: 3px;height: 15px;display: inline-block;background-color: #fff;position: absolute; top: 5px;left: -3px;}
.ul-circle { list-style:none; }
.ul-circle li { padding-left: 5px; }
.ul-circle li:before { content: "";width: 5px;height: 5px;background-color: #fff;border-radius:50%; display: inline-block;margin-right:5px; margin-left: -5px;    margin-bottom: 7px; }
.ul-circle li a:hover { text-decoration: underline !important; }

.btn-link { padding-right: 60px; color: rgba(255,255,255,0.8) !important;border-color: rgba(255,255,255,0.8) !important; font-weight: 100 !important;}
.btn-link i {   left: auto !important;right: 20px; }
.btn-link-more { border:1px dotted #ccc !important; }
/*.btn-more:hover { text-decoration: underline !important; }*/

/* 二级动画 */
#primary-menu ul li:hover ul,
#primary-menu ul li:hover ul li,
#primary-menu ul li:hover > div { 
  -webkit-animation: toSlide 0.45s ease; 
  -moz-animation: toSlide 0.45s ease; 
  -ms-animation: toSlide 0.45s ease; 
  animation: toSlide 0.45s ease;  
}

@keyframes toSlide {
  0% { transform: translateY(10px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}


.ellipsis { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block }

/*其他css*/
#hotnews{position:absolute;z-index:2;bottom:0;right:0;width:500px;height:200px;}
#header.sticky-header #primary-menu > ul > li > a { color: #454545; }
#header.sticky-header #top-search a i { color: #454545; }
#header.sticky-header #top-search form input { color: #333 }

/*   */
#top-search form input { font-size: 18px; color: #333;}
.top-search-open #header { background-color: #fff }

#footer > .topmargin-lg { margin-top: 60px !important }
.foot-link > h3 { font-size: 22px !important; }
body.top-search-open #top-search a i.icon-line-cross { color: #333 }
#top-search { margin-right:15px; }
#primary-menu ul li a > div { position:relative; }
#primary-menu > ul > li:hover > a > div:after, #primary-menu > ul > li.current > a > div:after { content: "";width: 100%;height: 3px;background:#fff;position:absolute;bottom:-10px; left: 0; }
#hotnews > .container { width: 80%; }
.hotnews { position: absolute;right: 0;bottom:30px; }
.hotnews .box { max-width: 470px;padding:30px; }
.hotnews .box a,.hotnews .box span{ color: #fff; }
.content-box ul,.content-box li { color: #fff; }
.content-box ul { margin-bottom: 5px }
  #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {  width: 90%;left: 5%;    min-width: 100px; }
  .service_item { color: #fff; padding:15px; transition: all 0.8s;margin-bottom: 30px;position:relative;}
.service_item a { border: 1px dashed transparent;transition:all 0.8s; padding: 15px 0; position:relative;}
.service_icon { margin-right: 10px; }
.service_icon i{ font-size: 60px; }

.box_focus { min-height: 229px; margin-bottom:0; }
.focus { 
    background: -webkit-linear-gradient(left, #326aff ,#1f5c84); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #326aff, #1f5c84); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #326aff, #1f5c84); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #326aff ,#1f5c84); /* 标准的语法 */ 
   }
.focusicon { position:relative; }
.focusicon:after { content: "+";position:absolute; top:-10px; right: -30px;font-size:32px;font-family: 'Crete Round', serif; }
.box_norightmargin .col_one_third{ width:33.333333333%; }
.yeji { background:#fff;  transition: all 0.8s; }
.yeji i,.yeji h3 { color: #326aff;  transition: all 0.8s; }
.yeji:hover { background:#5382ff; }
.yeji:hover i,.yeji:hover h3 { color: #fff; }

.yeji { width:calc(33.3333% - 20px); }
.focus .col-sm-4:not(.yeji) { width:calc(33.3333% + 10.01px); }
.contact_box { transition: all 0.8s; }
.contact_box:hover { background: #5382ff; }

.feature .flex-row{ min-height:500px; }
.sub-title { background:#b40000; position:relative; height:25px;line-height:25px;display:inline-block; padding-left: 10px;top: -5px;}
.sub-title:after { content: "";width:0px;height:0px; position:absolute; right: -30px;bottom:0; border-top:12.5px solid rgba(0,0,0,0);border-right:15px solid  rgba(0,0,0,0);border-bottom:12.5px solid  rgba(0,0,0,0);border-left:15px solid  #b40000;}
.bg_tit {background:url(./../images/img/bg_tit.jpg);padding:25px 20px;border-bottom: 1px solid #ccc}
.pagination-news { position:relative; width:200px;display: inline-block;text-align:center; cursor: pointer;}
.pagination-news:after { content: "";width:100%; height: 3px;position:absolute; bottom:-5px; background:#cecece;left: 0; }
.pagination-news.active { color: #b40000; }
.pagination-news.active:after { background:#b40000; }

.box-shadow { box-shadow:0 100px 70px #f5f5f50d }
.swiper-news-content {  background:#fff; padding:20px;padding-top: 30px;}
.swiper-news{width:100%;height:100%;overflow:hidden;}
.news_list { padding: 20px 0px;background:#fff; }
.news_carousel { max-height: 266px; transition: all .5s;padding: 10px;}
/*.news_box { opacity: 0;transition: all .5s; padding:10px;border:1px solid #5987ff;text-align: center;position:relative;}*/

.news_carousel { position: relative; }
.news_carousel:before { content: "";display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.48); position: absolute;top: 0;left:0; }
.news_box { text-align: center;position:relative; }
.news_box h3 { margin-bottom:10px;margin-top: 20px; }
.news_box p { min-height: 100px; }
.news_box .btn { background:#fff; color: #326aff;    width: 100px;    font-size: 12px;    padding: 5px 15px; border-radius:0; }
.subscribe { background:#b40000; padding:2px 10px;}

.news_list li { padding:10px 15px; border-left: 3px solid transparent;transition:all .5s;border-bottom: 1px solid #eee;}
.news_list li:hover { background: #f3f3f3;border-left: 3px solid #b40000; padding-left: 18px }
.foot-link { border-right: 1px solid #4e576d59; }
.foot-link a{ color: #4e576d;font-size: 16px;     padding: 2px 0;    display: inline-block;}
.foot-link a:hover { text-decoration: underline !important; color: #4e576d;}
.col_last .foot-link{ border-right: none }

.share-icon .iconfont{ font-size:20px; }
.share-icon .iconfont.wechat-icon:hover + .wechat{ opacity: 1; }
.wechat { width: 80px; opacity: 1; }
#copyrights { padding:5px 0; }

.check-qcode{width:100px;padding:5px;height:auto;overflow:hidden;display:none;position:absolute;top:-40px;right:-110px;box-shadow:0 0 5px #eee;z-index:999;animation:qr .45s ease;animation-fill-mode:forwards;background-color:#fff;}
@keyframes qr{
    0%{transform:scale(0);transform-origin:left center;opacity:0;}
    100%{transform:scale(1);transform-origin:left center;opacity:1;}
}
.wechat-icon:hover + .check-qcode{display: block;}

#page-title.page-title-parallax { padding: 80px 0; }

/*=======================================about us ==================================================*/
#page-title h1 { font-size: 30px !important; color: #ffffff; font-weight: bold; margin-top: 100px; }
#page-title span { font-size: 18px !important; color: #fff; }
.base_bg { background:url(./../images/img/bg_inside.jpg) repeat-y 100%;  padding:60px 0; }
.quote:before { content: "";width: 61px;height: 44px; background:url(./../images/icons/quote1.png) no-repeat 100%; top:50px;left: 30px; }
.quote:after { content: "";width:61px;height: 45px; background:url(./../images/icons/quote2.png) no-repeat 100%; bottom:30px; right: 30px;position: absolute;  }

/*====================================service====================================================*/
.service_bg {  background:url(./../images/img/bg_server.jpg) no-repeat; background-size: 100%;  padding:60px 0;}
.sidebar { background:url(./../images/img/bg_side_navbar.jpg) no-repeat 98%;  margin-right: 15px;border-radius: 0;box-shadow:-5px 8px 17px 0px #eaeaea6e;}
.sidebar > ul { border-top: 6px solid #b40000; padding-top: 50px;}
.nav > li > a:hover, .nav > li > a:focus { background-color: #fff; cursor: pointer;}
.sidebar-content { border-top: 6px solid #b40000;  padding: 50px;min-height: 1054px;box-shadow:4px 9px 30px 0px #eaeaea6e;background-color: #fff; }
.sidebar-content,.sidebar-content p , .sidebar-content li { 
text-align: justify; text-align:justify; text-justify:inter-ideograph;
 }
.nav > li.active > a { background:#fff; color: #3c5fe9;font-weight: bold;}
.nav > li { padding:15px 15px;}
.nav > li:hover ,.nav > li.active{ background:#fff;}
.nav > li > a { color: #333333;font-size: 19px; padding: 0; }
.circle { margin-top: 10px; }
.circle li:before { content: ""; position: absolute; color: #999999;width: 5px;height: 5px;    left:0px;border-radius: 50%;  background-color: #999;  top: 8px;display: inline-block;}
.circle li { font-size: 15px;color: #333;padding-left: 10px; position: relative}

.dropdown-menu2 { list-style: none;padding-left: 30px;padding-bottom: 15px;    padding-top: 15px;}
.dropdown-menu2 li { line-height: 30px; }
.dropdown-menu2 li.active{ position:relative; }
.dropdown-menu2 li.active:before { content: "";width: 5px;height: 5px; display: inline-block;background-color: #b40000;transform: translateY(-50%);position:absolute; top: 50%;left: -15px; }
.dropdown-menu2 a { color: #333333;    font-size: 14px; }
.dropdown-menu2 a:hover { text-decoration:underline !important; }
/*=====================================news===================================================*/
.news_bg { background:url(./../images/img/bg_news.jpg) repeat-y; background-size: 100%;  padding:60px 0; }
.news-category li { float: left; margin-right: 20px; }
.news-category li:after { content: "|"; display: inline-block;margin-left: 10px;}
.news-category li a { color: #555 }
.news-category li.active a { color: #b40000; font-weight: bold; border-bottom: 2px solid #b40000;    padding-bottom: 2px; }
.new-item { background:#fff; position:relative; transition:all 0.5s; margin-bottom: 20px;}
.new-title { padding:30px; padding-bottom: 0}
.new-title h2 { width: 80%; margin-bottom: 10px; }
.new-title h2 a { color: #666; transition:all .5s ease;     min-height: 70px;    display: inline-block;}
.new-item:hover {  box-shadow: 0.105px 1.997px 18px 0px #cccccc36;}
.new-item:hover h2 a { color: #3366fe; }
/*.new-item:hover .flex-1 { transition:all 0.5s; }
.new-item:hover .flex-1 { padding-left:1px; }*/
.new-item:hover .custom-date-line { background: #3366fe }
.new-info { padding:15px 30px; padding-bottom: 0}
.new-info p { margin-bottom: 10px; }
.new-info p.c666 { display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;height: 65px;line-height: 22px; }
.custom-date { border: 1px dotted #eee;padding:10px; position:absolute; right: 15px; top: 30px; }
.custom-date-h { font-weight: normal; margin-bottom: 0 ;    line-height: 10px;    color: #c2c5d3;    margin-top: 5px;}
.custom-date-line { width: 30px;height: 5px;background: #c2c5d3;display: inline-block;  margin-left: -10px; transition:all 0.5s;}
.keyword { display: inline-block;border: 1px solid #d5d5d5;padding: 3px 15px; color: #666; transition:all 0.5s;}
.keyword:hover { border-color: #4170fe }
/*=======================================detail============================================*/
.detail_bg { background:url(./../images/img/bg_detail.jpg) no-repeat; background-size: 100%;  padding:60px 0; }
.details { box-shadow: 0 0 20px #cccccc36; padding:30px 60px;background: #fff }
.pic img { width: 100%; }

/*================================百度分享=======================================*/
.bdsharebuttonbox a{  width: 30px; height: 30px !important; padding-left:0px !important; background-size: 100%;display: inline-block;background-position:center !important;}
.bds_weixin { background-image:url(./../images/img/wechat.png)!important; }
.bds_qzone { background-image:url(./../images/img/qzone.png)!important; }
.bds_tsina { background-image:url(./../images/img/weibo.png)!important; }
.bds_fbook { background-image:url(./../images/img/facebook.png)!important; }
.bds_twi { background-image:url(./../images/img/twitter.png)!important; }

/*============================专业人员==========================================*/
.professional_bg { background:url(./../images/img/bg_professional.jpg) no-repeat; background-size: 100%;  padding:60px 0; background-color: #fcfcfc}
.form-group {  margin-right: -15px; }
.form-control { border-color: #3466ff;border-radius: 0;    }
.btn-blue { background-color: #3c5fe9; width: 100%; transition:all 0.5s; border-radius: 0; }
.btn-blue:hover { background: #fff;color: #3c5fe9;border-color: #3c5fe9}
.person > img { border-radius: 50%;transition:all .5s; max-width:200px;  }

.person-hover { position:absolute; top: 100px;left: 0; transition:all .5s; opacity: 0;background: #f9f9f9;width: 100% }
.person-info {position:absolute; top: 0;left: 0;     width: 100%;background: #fff} 
.button-more { border-color: #cfcfcf !important;height: 35px !important;line-height: 33px !important; color: #adadad !important;    margin-top: 15px; }
.ih-item { position:relative; transition:all .5s; width: 300px;height: 350px; padding:30px; overflow: hidden;     margin: 10px auto;}
.ih-item:hover { background-color: #f9f9f9;box-shadow: 0 0 15px #e5e5e5; }
.ih-item:hover img { border-radius: 0; }
.ih-item:hover .person-hover{top:0;opacity:1;}
.ih-item:hover .person-info{top:100px;opacity:0;}

/*============================专业人员详情===============================*/
.person_detail_bg { background:url(./../images/img/bg_professional_detail.jpg) repeat-y; background-size: 100%;  padding:60px 0; }
.person_head img { border-radius: 50%;width: 180px; margin-right: 50px; }
.person_head span { line-height: 25px; }
.person_head strong { margin-bottom:10px; display: inline-block; }
.item_line { margin-top:30px; }
.item_line hr { margin-bottom:10px; }
.btn-down { border-color: #b40000 !important; color: #b40000 !important;    padding: 0 50px;border-radius: 30px; }
.btn-down.button-red:hover { background-color: #b40000!important; color: #fff !important;}

/*==================================联系我们=================================*/

.contact_bg { background:url(./../images/img/bg_contact.jpg) repeat-y; background-size: 100%;  padding:60px 0;  }
.en_title { color: #000 !important; position:relative; padding-left:15px; font-size: 19px; }
.en_title:before { content: "";height: 20px;width: 3px;background-color: #ccc;display: inline-block; position:absolute; top: 3px; left: 3px;}
.contact_bg .feature-box h3,.contact_bg .feature-box h3 a { color: #808080; font-size: 15px; font-weight: normal; }

.column-item > h3 { margin-bottom: 10px;    font-size: 20px; }
.pagination > li > a{ border-radius: 0 !important; background-color: #98a4c0;color: #fff }
.pagination > li > a:hover { background-color: #3366fe;color: #fff }

.column-item .feature-box.fbox-center .fbox-icon { width: 70px;height: 70px; }
.column-item .feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 70px !important; font-size: 32px; }


@media (min-width: 992px) {

/*.service_item:hover { background: #326aff !important;}*/
.service_item:hover a { border:1px dashed #ccc; }
.service_item:hover .gradient { -webkit-text-fill-color:#fff; color: #fff;}
.animation:before { content: "";position:absolute; bottom:0; left: 0; width: 100%;height: 0;background: #dddddd61 !important;transition:all .5s; opacity: 1 }
.animation:hover:before{ height: 100%; opacity: 1}
.slider-caption p { margin: 0; font-size: 12px;}
.slider-caption .btn-link { margin: 0; }


}
@media (max-width: 1024px) {
  #primary-menu ul li > a { padding: 29px 10px;     font-size: 14px; }
  #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {  width:110%;left: 5%; }
}
@media(max-width: 991px){

  .f18 { font-size: 16px; }
  .f38 { font-size: 20px; }
  .f30 { font-size: 20px; }
  h3.f38 { margin-bottom: 0; }
  .m-block { display: block !important; }
  #slider .slider-caption > div{ padding:10px !important; }
  #logo img { margin-top: 0;height: 100px; }
	#top-search a, #top-cart a, #side-panel-trigger a, #top-account a { color: #555 }
  #primary-menu li.sub-menu a.sf-with-ul{ pointer-events: none; }
  #primary-menu ul li > a { color: #444 }
  #primary-menu ul ul li > a { text-align:left; }
  #hotnews { display: none; }
  .focus { background:none; }
  .focus > .container > .clearfix{ 
    background: -webkit-linear-gradient(left, #326aff ,#1f5c84); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #326aff, #1f5c84); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #326aff, #1f5c84); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #326aff ,#1f5c84); /* 标准的语法 */ 
   }
   /*.news_carousel { min-height: 250px; }*/
   .news_box h3 { padding-top: 30px;margin-top: 0; }
   .news_box { padding: 10px;  height: 100%;}

   .nav > li { width: 33.33%;    float: left; }
   .sidebar { padding-bottom: 0px !important; }
 .base_bg > .container > .row { background:none !important; }
  #page-title.page-title-parallax { padding:10px; }
   #header.transparent-header + #page-title.page-title-parallax { padding:30px;  }
  .swiper-pagination span { width: 8px !important;height: 8px !important; }
  .feature .flex-row { min-height: 300px; }  
  .feature { padding:30px 0; }
  .bg_tit { padding:25px 10px; }
  .pagination-news { width: 90px; }
  .foot-link a { font-size: 12px; }
  .foot-link > h3 { font-size: 14px !important; }
  #page-title h1 { margin-top: 0;padding:0; font-size: 20px !important;}
  #page-title span { font-size: 12px !important; }
  
  .padding-100 { padding:15px; }
  .service_bg .flex-row { flex-wrap: wrap; }
  .sidebar { height: auto !important; min-height: 10px !important; background:#e8edf0;    background-size: cover; margin-right: 0px;}
  .sidebar > ul { padding:15px; }
  .nav > li.dropdown { float: left;    width: 33.333%;  padding: 0;}
  .nav > li.dropdown > a {  padding: 15px 15px;display: block; border-radius: 15px;}
  .nav > li > a { font-size: 13px;text-align:center; }
  .sidebar-content { padding:15px;min-height: 10px; }
  /*.dropdown-menu2 {     position: absolute;z-index: 2;    padding:15px;    padding-right: 5px; padding-top: 5px;     width: 100%; left: 0px;box-shadow: 0 5px 20px #f5f5f5;     display: none;}*/
  .dropdown-menu2 a { font-size: 12px; }
  .dropdown-menu2 li.active:before { left: -10px; }
  .box-image {     max-width: 250px; }
  .details {    padding: 30px 15px; }
  .form-group { margin-right: 0; }
  .person_head > .flex-row { flex-direction: column; }
  .person_head img { width: 100px; margin-right:0; }
  .person_head strong { display: block;text-align:center;    margin-bottom: -30px; }

  .custom-date { top:15px; }
  .column-item .flex-row {     flex-flow: wrap; }
  .column-item .flex-row .flex-1 {  -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;    margin-bottom: 30px; }
  .column-item .feature-box.fbox-center .fbox-icon { margin-bottom: 15px; }
  .quote:before { width: 41px;    background-size: 100%; top:15px; left: 5px;}
  .news_box .btn { width: 100%; }

  .nav > li:hover, .nav > li.active,.nav > li.active > a,.nav > li > a:hover, .nav > li > a:focus{ background:transparent; }

  .nav > li:hover > a, .nav > li.active > a { box-shadow: 0 0 5px #bbb }

  .dropdown-menu2 {     position: relative;z-index: 2;  border-radius: 30px;    min-width: 260px;  padding:15px;  padding-right: 5px; padding-top: 5px;  /* box-shadow: 0 0 5px #3366fe;   */border:2px solid #ddd; 
   /* background: -webkit-gradient(linear, 0 0, center center, from(rgba(31, 113, 192)), to(rgba(34,35,67, 0.3)));
    background-image: linear-gradient(125deg, rgba(31, 113, 192),rgba(31, 113, 192),rgba(13,35,52,0.1));   */
    top: 5px;    display: none; transform: translateX(-50%);background: #e8edf0;}
  .dropdown-menu2:before,.dropdown-menu2:after { content: ""; display:block; border-width:20px; position:absolute; top:-40px;border-style:solid dashed dashed; border-color: transparent transparent #ddd;font-size:0; line-height:0; }
  .dropdown-menu2:after { top:-36px;  border-color: transparent transparent #e8edf0;  }
  .dropdown-menu2 li { float: left; margin: 0 14px; }
  

  #accordion .nav li:nth-child(3n+2) .dropdown-menu2{ left: 50%; }
  #accordion .nav li:nth-child(3n+1) .dropdown-menu2{ left: 60%; }
  #accordion .nav li:nth-child(3n+0) .dropdown-menu2{ left: 50%; }

  #accordion .nav li:nth-child(3n+1) .dropdown-menu2:before, #accordion .nav li:nth-child(3n+1) .dropdown-menu2:after{ left: 55px; }
  #accordion .nav li:nth-child(3n+2) .dropdown-menu2:before, #accordion .nav li:nth-child(3n+2) .dropdown-menu2:after{ left: 105px; } 
  #accordion .nav li:nth-child(3n+0) .dropdown-menu2:before, #accordion .nav li:nth-child(3n+0) .dropdown-menu2:after{ left: 155px; }
}
@media (max-width: 414px) {
  .news_carousel { padding: 0; }
  /*.f30 { font-size: 15px; }*/
  .f16 { font-size: 14px; }
  .f14 { font-size: 12px; }
  .focus .col-sm-4 { width: 50% !important; }
  .feature {     min-height: 430px;    margin: 0 15px; }
  .button.button-border.button-fill { margin-top: -30px; }

  /*.dropdown-menu2 {box-shadow: 0px 0px 5px #bbb;background:#e8edf0; }*/
 
  #accordion .nav li:nth-child(3n+2) .dropdown-menu2{ left: 50%; }
  #accordion .nav li:nth-child(3n+1) .dropdown-menu2{ left: 100%; }
  #accordion .nav li:nth-child(3n+0) .dropdown-menu2{ left: 0; } 

  .new-item > .flex-row { flex-direction: column; }
  .new-title { position:relative; padding:15px;padding-bottom: 0;}
  .new-title h2 { width: 77%; }
  .new-title h2 a { font-size: 15px; }
  .new-info { padding: 15px; }
  .new-info p { font-size: 13px; }
  .box-image { width: 100%;max-width: none; }
  .box-image img { width: 100%; }
  .box-shadow .col-sm-8, .box-shadow .col-sm-4 { padding:0px !important; }
  .news_carousel { background-size: cover !important; }
  .subscribe { display: none; }
  .pagination-news { width: 120px;    font-size: 13px !important; } 
  .service_item { margin-bottom: 15px; }
  .service_item .flex-row{     min-height: 65px; }
  .service_item a { padding:0; }
  .service_icon { }
  .service_icon i{ font-size: 30px; }
  .service-box .col-sm-4:nth-child(odd) { padding-right: 7.5px; }
  .service-box .col-sm-4:nth-child(even) { padding-left: 7.5px; }
  .box_focus { min-height: 150px; }
  .focusicon  { font-size: 28px; }
  .iconfont.f60 { font-size:40px; }
  .yeji h3 { font-size: 16px; }
  h3.f20 { font-size:15px; }
  h2.bg_tit { font-size:20px; }
  .news_index > .container { top:-80px !important; }
  #primary-menu ul ul li > a { text-align:left; }
  .ih-item {     width: 100%;    padding: 15px; }
  #logo img{margin-top:10px;height:80px;}


}
@media (max-width: 320px){
  #logo img{margin-top:15px;height:70px;}
  .new-title h2 { width: 70%; }
  .new-title h2 a { font-size:13px; }
  .dropdown-menu2 { top:5px; }

  #accordion .nav li:nth-child(3n+2) .dropdown-menu2{ left: 50%; }
  #accordion .nav li:nth-child(3n+1) .dropdown-menu2{ left: 145%; }
  #accordion .nav li:nth-child(3n+0) .dropdown-menu2{ left: -45%; } 
}