span[class*='bg-'],
span.bordered,
span.light-bg,
span.hero-bg,
span.muted-bg {
	padding-left: 0.37em;
	padding-right: 0.37em;
}

ul,li{list-style: none;}
.tm {
	position: relative;
}

.tm::after {
	color: #333333;
	content: "TM";
	font-family: "Roboto", serif;
	font-size: 8px;
	position: absolute;
	right: -12px;
	top: 0;
}
@font-face {
  font-family: 'MyIconFont'; 
  src: url('../font/iconfont.woff2') format('woff2'); 
  font-weight: normal; 
  font-style: normal; 
  font-display: swap; 
}

.wrap { max-width: 1640px; margin:auto; *width: 1200px; width:100%;}

@media screen and (max-width: 1023px){
	.wrap { max-width: 100%; margin:auto; width:100%;overflow: hidden;}
}


/*******************************************************     header      **************************************************************/
.head{position:relative;z-index: 10002;background-color: rgba(255, 255, 255, 1);height: auto;/*box-shadow: 5px 5px 20px rgba(0,0,0,0.2);*/ padding:25px 0px; overflow: hidden;}
.head .sy-content-wrapper{height: 100%;width: 100%;display: flex; justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.head .h_desc{ float:left; margin-left:0px; width:auto; height:100%; margin-top:0px; text-align:left; padding-left:0px; padding-top:0px;}
.header_logo{float:left; padding:0px 10px 0px 0px;width: auto;    position: relative;}
/*.header_logo:after{ content:''; display: block; width: 15px;height:60px; background: url("/images/icon/top_line.png") no-repeat;position: absolute;top: 30px;right: -10px;}*/
.header_t h3{font-size:26px; color:#e50213; font-weight: bold;}
.header_t .ContextBox{display:flex; flex-flow: wrap;}
.headFlex{position: fixed;width: 100%;}
.h_desc h3 {
	color: #157cc7;
	font-size: 30px;
	padding-top: 0px;
	padding-right: 30px;
	text-transform: uppercase;
	width: auto;
	margin: auto;
	font-weight: bold;
	position: relative;
}
.h_desc h3 em{color:#fd002d; font-style: normal;font-size: 25px;font-weight: bold;}
.h_desc h3:after{ content:''; display: block; width: 1px;height:50px; /*background: url("/images/icon/top_line.png") no-repeat;*/background-image: linear-gradient(
0deg
, transparent 20%,rgb(0 0 0 / 40%), transparent);position: absolute;top: 0px;right: 15px;}
.h_desc h5{font-size: 20px;
    color: #333;
    font-weight: 600;
    padding-top: 0px;
    padding-left: 0px;
    display: block;margin: auto;}
.h_desc h5 strong{color:#f18519;}
.head_top{position:relative;z-index: 2; *height:122px;}
.head_r{width:auto; float:right; position:relative;margin-top: 15px;}

.dh_mobile{ display:none;}
.panel_box{ display:none;}
.TopStyle{margin:43px 0px 0px 0px;}

.header_t {
    float: left;
    display: block;
    width: auto;
    margin-left: 0px;
	margin-top: 10px;
}

.head_r .nav{position:absolute;width:100%;top:34px;left:0;height: 70px;}
.head_r .lan{position: absolute;top: 5px;right: 50px;text-align: left; display: none;}
.head_r .lan span{float: left;margin-right: 5px;color: #5d5c5c; font-size: 12px; font-weight: 500;}
.head_r .lan a{color: #ccc;}
.head_r .lan a:hover{color: #edc53f;}
.head_r .lan a.l_c{ background:url("l_c.jpg") no-repeat; width:31px; height:21px; float:left; margin-right:5px;margin-top: 0px;line-height: 70px;text-align: center;}
.head_r .lan a.l_e{ background:url("l_e.jpg") no-repeat; width:31px; height:21px; float:left;margin-top: 0px;line-height: 70px;text-align: center;}

.head_r .head_400{width:auto; padding-left: 0px; font-size: 25px; color: #999999; padding-top: 0px; margin-top: 0px;display: flex;margin-right: 10px;}
.head_r .head_400 em{font-size: 30px;padding: 0px;color: #999999;border-radius: 100px;display:initial; position: relative;font-style: normal;}
.head_r .head_400 em:before{content: "\e649";
    font-family: "iconfont" !important;
    line-height: initial;
    color: #999999;
    font-size: 30px;
    padding: 10px 5px 0px 0px;
    display: inline-block;}
.head_r .head_400 .top_tel{margin-top:0px;padding-left: 0px; height: 50px;display: inline-block;}
.head_r .head_400 h3{ font-size: 16px; color: #999999; text-align: left; font-weight: 300;line-height: 0px;margin: auto;display: inline-block;}
.colsbox,.m_lan{display:none;}
.head_r .head_400 a{ font-size: 24px; color: #4fc0bc; text-align: left; font-weight: 500;line-height: 0px;display: inline-block;}

.colsbox,.m_lan{display:none;}
.head_r .head_400 a{ font-size: 24px; color: #4fc0bc; text-align: left; font-weight: 500;line-height: 45px;}
.colsbox,.m_lan{display:none;}
.head_lan{     display: inline-block;
		position: absolute;
		z-index: 1000;
		right: 320px;
		top: 55px;
		height: 75px;
		line-height: 64px;}
	.head_lan a{width:auto; height:20px; float:left; margin-right:5px;margin-top: 0px;line-height: 20px;text-align: center; padding-left:35px; padding-right:20px; color:#333;}
	.head_lan a:hover{ color:#F00;}
	.head_lan a.l_c{ background:url("/images/icon/l_c.jpg") left center no-repeat;}
	.head_lan a.l_e{ background:url("/images/icon/l_e.jpg") left center no-repeat;}
.head_lan_m{display: none;}


@media screen and (max-width: 1023px){
	.top_bar{display: none;}
	.head{height:auto;display: none;}
	.head .h_desc{ float:left; margin-left:0px; width:100%; height:auto; margin-top:0px; text-align:left; padding:0px;}
	.h_desc h3{color:#000000; font-size:25px;}
	.h_desc h5{font-size:14px;color: #333333;font-weight: 500;}
	.head_r{display: none;}
	.mobile-menus{margin-top:-60px;}
	.header_t{display: none;}
	.head_lan{display:none;}
	.head_lan_m{     display: inline-block;
		position: absolute;
		z-index: 1000;
		left: 250px;
		top: 67px;
		height: 45px;
		line-height: 64px;}
	.head_lan_m a{width:auto; height:20px; float:left; margin-right:5px;margin-top: 0px;line-height: 20px;text-align: center; padding-left:40px; padding-right:0px; color:#333;}
	.head_lan_m a:hover{ color:#F00;}
	.head_lan_m a.l_c{ background:url("/images/icon/l_c.jpg") left center no-repeat;}
	.head_lan_m a.l_e{ background:url("/images/icon/l_e.jpg") left center no-repeat;}
}

/*******************************************************     nav      **************************************************************/

.nav{width:100%;height: 66px; float:left; background:#ffffff repeat-x; margin-bottom: 0px;border-top: 1px solid #d4d4d4;}
.nav ul li i{width:17px; height: 17px;float: left; display: block; background: url("dh_home.png") center no-repeat; margin:19px 5px auto 15px;}
.navfix{position:fixed;top: 0px;background:rgba(237, 237, 237, 0.9); background:#ededed\0; width:100%;z-index: 10000;}
@media \0screen\,screen\9 {
  .navfix{
    filter:Alpha(opacity=90);
    position:static; 
    *zoom:1; 
  }
}
.nav .nav_li{position: relative; float: left; height: 40px;line-height: 40px;width:11%;text-align: center;}
.nav .nav_li .nav_a{font-size:17px; display:block;color:#333333; position:relative;}
.nav .nav_li .nav_a:before{content:''; width:100%; height:4px; background-color:#ffcc19; position:absolute;z-index: -1; left:0;top:-3px; display:none; overflow:hidden;}
.nav .nav_li:hover .nav_a:before{display:block;}


.nav ul {
	width:100%;
	height:65px;
	margin:0px auto;
	overflow:visible;
}
.nav ul li {
	/*float:left;
	width: 14%;*/
	height:65px;
	text-align:center;
	position:relative;
	overflow:visible;
	z-index:100;
}
.nav ul li:hover {
	/*border-bottom:3px solid #C89D6E;
	background-color: rgba(28, 98, 176, 0.9);*/
	/*background:#77bc25 repeat-x;
	background:#77bc25\0;*/
}
.nav ul li:before{content: "";
    height: 16px;
    width: 1px;
    position: absolute;
    top: 20px;
    display: block;
    right: 0px;
    background: #d2d2d2;
    box-shadow: 1px 0px 0px #ffffff;}
.nav ul li ul li:before{content: none;background: none;}
.nav ul li a {
	display:block;
	color:#ffffff;
	height:65px;
	line-height: 65px;
	padding-left: 25px;
	padding-right: 25px;
	font-size:16px;
	font-weight:100;
	text-align:center;text-decoration:none;
	 /*display: inline-block;
     background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(142,142,142,1)),to(rgba(0,0,0,1)));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;*/
}
.nav ul li a em{
	 display: inline-block;
     /*background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(142,142,142,1)),to(rgba(0,0,0,1)));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;*/
	 color:#ffffff;
}
.nav ul li span{
	display:none;
	color:#ffffff;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}


.nav ul li a:hover {
	color:#f68101;
	/*background:url('dh_hover.gif') center bottom no-repeat;*/
	/*border-radius:10px;
	background: #77bc25;*/
	text-decoration:none;
	/*-webkit-animation:nav_li_a .5s;*/ /* Safari and Chrome */
}
.nav ul li:hover em {
	color:#f68101;
	/*-webkit-animation:nav_li_a .5s;*/ /* Safari and Chrome */
}
.nav ul li:hover a{
	background:none;
}
/* Safari and Chrome */
/*@-webkit-keyframes nav_li_a
{
from { width:100%; height:100%;background-position:center;}

to {width:100%; height:100%;background-repeat:repeat;border-radius:10px;}
}
*/

/*.navfix ul li ul{background-color: rgba(32,43,52,0.9);}*/
.nav ul li .nav_img {display: none;}

.main-navigation {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .main-navigation > ul > li:hover > a {
    color: #2284bd; }
  .main-navigation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0; }
    .main-navigation ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-self: stretch;
      -moz-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 0px 50px;
      /* Dropdown Menu Styles */
      /* Last Element */ }
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
    /*å…¼å®¹IE11*/
	.main-navigation ul li {padding: 0px 50px;}
}
      
      .main-navigation ul li:last-child:before{background: #09a1a9;box-shadow: 1px 0px 0px #09a1a9;display: none;}
      .main-navigation ul li:last-child {
       /* padding-right: 0;*/ }
.main-navigation ul li:first-child{/*background-color: #df131e;*/}
.main-navigation ul li:first-child a{/*color:#ffffff; */}
.main-navigation ul li:hover{background-color: #4fc0bc; color:#ffffff;}
      .main-navigation ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        color: #333333;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase; }
.main-navigation ul li:hover a{background-color: #4fc0bc; color:#ffffff;}
.main-navigation ul li:hover:before{background: #09a1a9;box-shadow: 1px 0px 0px #09a1a9;display: none;}
.main-navigation ul li:first-child li a{color:#ffffff; }
      .main-navigation ul li.cr-dropdown {
        position: relative; }
        .main-navigation ul li.cr-dropdown > a:after {
          content: "\e6aa";
          font-family: "iconfont" !important;
          margin-left: 5px;
          line-height: 26px;
          display: inline-block; }
        .main-navigation ul li.cr-dropdown .cr-dropdown-menu {
          position: absolute;
          left: 0;
          top: 100%;
		  width:100%;
          min-width: 200px;
          background: #ffffff;
          visibility: hidden;
          -webkit-transform: scaleY(0);
          -moz-transform: scaleY(0);
          -ms-transform: scaleY(0);
          -o-transform: scaleY(0);
          transform: scaleY(0);
          -webkit-transform-origin: 0 0;
          -moz-transform-origin: 0 0;
          -ms-transform-origin: 0 0;
          -o-transform-origin: 0 0;
          transform-origin: 0 0;
          -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          -webkit-transition: all 0.3s ease-in-out 0s;
          -moz-transition: all 0.3s ease-in-out 0s;
          -ms-transition: all 0.3s ease-in-out 0s;
          -o-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
          z-index: 99; }
          .main-navigation ul li.cr-dropdown .cr-dropdown-menu li {
            display: block;
            padding: 0;
            position: relative;
            /* Sub Dropdown Menu */ }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li a {
              display: block;
              font-size: 14px;
              background: #4fc0bc;
              color: #fff;
              padding: 6px 20px;
              position: relative;
              font-weight: 400; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover > a {
              background: #777777;
              color: #ffffff; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a {
              position: relative; }
              .main-navigation ul li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a:after {
                content: "\f105";
                font-family: fontAwesome;
                position: absolute;
                right: 15px;
                top: 50%;
                height: 30px;
                line-height: 30px;
                margin-top: -15px;
                font-size: 14px; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li ul {
              position: absolute;
              left: 100%;
              top: 0;
              width: 250px;
              -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
              z-index: 2;
              -webkit-transition: all 0.3s ease-in-out 0s;
              -moz-transition: all 0.3s ease-in-out 0s;
              -ms-transition: all 0.3s ease-in-out 0s;
              -o-transition: all 0.3s ease-in-out 0s;
              transition: all 0.3s ease-in-out 0s;
              -webkit-transform: scaleY(0);
              -moz-transform: scaleY(0);
              -ms-transform: scaleY(0);
              -o-transform: scaleY(0);
              transform: scaleY(0);
              -webkit-transform-origin: 0 0;
              -moz-transform-origin: 0 0;
              -ms-transform-origin: 0 0;
              -o-transform-origin: 0 0;
              transform-origin: 0 0;
              background: #fff; }
            .main-navigation ul li.cr-dropdown .cr-dropdown-menu li:hover ul {
              visibility: visible;
              -webkit-transform: scaleY(1);
              -moz-transform: scaleY(1);
              -ms-transform: scaleY(1);
              -o-transform: scaleY(1);
              transform: scaleY(1); }
      .main-navigation ul li:hover a:before {
        width: 100%; }
      .main-navigation ul li:hover .cr-dropdown-menu {
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1); }
      .main-navigation ul li.last-elements .cr-dropdown-menu {
        right: 0;
        left: auto; }
        .main-navigation ul li.last-elements .cr-dropdown-menu .cr-sub-dropdown-menu {
          left: auto;
          right: 100%;
          background: #fff; }
    .main-navigation ul ul {
      display: block;
      background: #fff; }
.main-navigation ul li.cr-dropdown .cr-dropdown-menu li {height:auto;}
.main-navigation ul li.cr-dropdown .cr-dropdown-menu li a{text-align: left;padding: 0px 20px;height: 40px;line-height: 40px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-navigation ul li {
    padding: 0 17px; } }

@media screen and (max-width: 1023px){
	.nav{display: none;}
	.h_desc h3 {
		color: #157cc7;
		font-size: 25px;
	}
	.h_desc h5{font-size:14px;color: #333333;font-weight: 500;    padding: 0px;}
	.head_r{display: none;}
}
/*******************************************************     header      **************************************************************/

/*************************** banner ***************************/




@media (max-width: 545px) {




/*@media (max-width: 1920px)
{
	.wrap{width:1400px;max-width:1400px;}
}
@media (max-width: 1600px)
{
	.wrap{width:1400px;max-width:1400px;}
}*/
@media (max-width: 1440px)
{
	
	.header_logo:after{display: none;}
	/*.header_t{display: none;}*/
}
@media (max-width: 1366px)
{
	.wrap{width:1200px;max-width:1200px;}
	.header_logo:after{display: none;}
	/*.header_t{display: none;}*/
	.main-navigation ul li{padding: 0px 5px;}
}
@media (max-width: 1280px)
{
	
	
}
@media screen and (max-width: 1023px){
	/*.cen_box_lxfs{display: none;}*/
	.header_t{display:block !important;}
	.h_desc h3:after{display: none;}
	.header_t .ContextBox{display: block;flex-direction: column;}
	.wrap{width:100%; max-width: 100%;}

}



.floatl {
display: inline;
float: left;
}

#totop {
  position: fixed;
  cursor: pointer;
  right: 30px;
  bottom: 30px;
  height: 45px;
  width: 45px;
  line-height: 44px;
  z-index: 100;
  text-align: center;
  background: #4fc0bc;
  color: #ffffff;
  font-size: 22px;
  border-radius: 100%;
  border: 2px solid rgb(255 255 255 / 90%);
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);
  -webkit-animation: bounceIn 0.8s ease-in-out 1 both;
  -moz-animation: bounceIn 0.8s ease-in-out 1 both;
  -ms-animation: bounceIn 0.8s ease-in-out 1 both;
  -o-animation: bounceIn 0.8s ease-in-out 1 both;
  animation: bounceIn 0.8s ease-in-out 1 both; }

#totop i{font-size:30px;}



@media (max-width: 767px)
{
	.header_logo{overflow: hidden;width: auto;}


}
