/*logo*/
.logo {position: relative; height:100px; line-height: 100px; 
    -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.logo .logo_white{
    position: absolute; top:0; left:0; opacity: 1; 
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}


/*header*/
body{padding-top: 105px; }

.header{
    position: fixed; top: 0px; display: block; width: 100%; background: #fff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    /*position: relative;*/
    z-index: 1001;
    height: 100px;
}
.header .wrapper{position: relative;}

.logo_box{float: left; margin-left: 100px;}
.right_col{float: right;margin-right:400px;}


.header_absolute{position: absolute; top: 0; z-index: 3; }
.header.hover{background: #fff; }
.header.m_hover{background: #fff; }
.head_stick .header{height: 80px; -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2); box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);}
.header .lan_ser{height: 45px;
 -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    text-align: right;
}
.head_stick .header .lan_ser{height: 0; overflow: hidden; }

.head_stick .header .logo {position: relative; height: 80px;line-height: 80px; margin: 0px; }
.head_stick .header .nav > li > a span{padding:28px 2px 20px 2px !important; }

.serchinco{position: fixed;width:30px;color: #999;height: 30px; text-align: center;transition: all 0.5s;
 right:100px; top:35px; line-height:30px;cursor: pointer;z-index: 999; font-size: 18px;}
.serchinco:hover{color: #024099;}
.serchincocur i{display: none;}
.serchincocur{background:url(../images/inco_close.png) center no-repeat;}

.globalsearch{display: none;}
.globalsearch{position: absolute; top:100px; right:0;width: 100%;padding:100px 0;z-index: 99;background: rgba(255, 255, 255, .9);}
.globalsearch .warp{max-width: 800px;margin:0 auto;border-bottom:2px solid #b2b2b2;padding:10px 0; }
.globalsearch #q{ float: left;   border: 0 none; }
.globalsearch .search-btn { float: right;   border: 0 none; }
.globalsearch #q { width: calc(100% - 70px); height: 18px; padding: 10px 0; line-height: 18px; background:none;
    border:0;line-height: 18px;font-size: 14px; color: #666; }
.globalsearch .search-btn { width: 40px;padding:0;margin:0; height: 40px; cursor: pointer;
 background: url(../images/btn_ser.png) no-repeat center;background-color: none;}

.head_stick .globalsearch{top: 80px;}
.head_stick .serchinco {top: 25px;}

.other-nav { position: absolute; right:150px; top: 50%; transform: translate(0, -50%); }

.other-nav .global-link-hd{padding:0 30px; font-size: 16px;
 height: 100px; line-height: 100px;  border-left: 1px solid #ececec;border-right: 1px solid #ececec;}

.head_stick .global-link-hd {height:80px; line-height: 80px;}

.other-nav .global-link-hd i{
     display: inline-block;
    margin-left: 3px;
    transform: translateY(1px);
    transition: transform .36s;
}

.other-nav:hover .global-link-hd i {transform: translateY(1px) rotate(180deg);}

.other-nav .global-link { 
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  width: 90px;
  margin-left: -30px;
  padding-top:100px;
}

.other-nav .global-link:after {
  content: "";
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translate(-50%, 0);
  border-top: 10px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #fff;
}

.head_stick .other-nav .global-link{padding-top: 80px;}
.head_stick .other-nav .global-link:after {top:60px;}

.other-nav .global-link .global-link-warp {
  box-sizing: border-box;
  width: 200px;
  /*width: 136px;*/
  margin-left: -55px;
  -webkit-animation: heightChange 0.2s linear;
  animation: heightChange 0.2s linear;
  transform-origin: top;
  text-align: left;
  line-height: 42px;
  padding: 32px;
  font-size: 16px;
  background: #fff;
}

.other-nav .global-link .global-link-warp a {
  color: #333;
  display: block;
  opacity: 0;
  -webkit-animation: fadeIn 0.3s linear 0.2s forwards;
  animation: fadeIn 0.3s linear 0.2s forwards;
}

.other-nav .global-link .global-link-warp a:hover {
  color: #0c4fa1;
  text-decoration: none;
}

.other-nav .global-link .global-link-warp a span {
  display: inline-block;
  position: relative;
}

.other-nav .global-link .global-link-warp a span::after {
  content: "";
  position: absolute;
  bottom: 0;
  transition: all 0.2s;
  height: 2px;
  width: 0;
  left: 0;
  background: #0c4fa1;
}

.other-nav .global-link .global-link-warp a:hover span::after {
  width: 100%;
}

.other-nav:hover .child-nav {
  display: block;
}



/*nav*/
.nav {position: relative;transition: all 0.5s;}
.header .nav_bg{
    position: absolute; top:100%; right: 0; width: 100%; height: 60px;
    background: transparent;
    display: none;
    -webkit-transition: background 1s , border-top 1s ;
    -moz-transition: background 1s , border-top 1s ;
    -ms-transition: background 1s , border-top 1s ;
    -o-transition: background 1s , border-top 1s ;
    transition: background 1s , border-top 1s ;
    border-top: 1px solid transparent;
    z-index: 998;
}

.nav > li{position: relative; display: inline-block; *display: inline; zoom: 1; }
.nav > li > a{display: block; font-size: 14px; color: #333; padding: 0 20px; }
.nav > li:last-child > a{padding-right: 0; }
.nav > li > a span{
    display: inline-block; *display: inline; zoom:1; font-size: 18px; color: #333; padding: 34px 2px 30px 2px ;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.nav > li.active > a span, .nav > li:hover > a span{color: #dd0000; }

.nav .dropdown_menu{position: absolute; top:100px; right: 28px; display: none; *width: 600px; *text-align: right; z-index: 999; }
.nav .nav_childbox{width: 100%; height: 60px; }
.nav > li > ul{font-size: 0; white-space: nowrap; }
.nav > li > ul > li{display: inline-block; *display: inline; zoom: 1; }
.nav > li > ul > li > a{font-size: 12px; color: #666; line-height: 60px; padding:21px 15px; font-weight: bold; }
.nav > li > ul > li > a:hover{color: #dd0000; }
.nav_box{position: relative; }
.nav_box .move_line{position: absolute; bottom: -2px; left: 0; width: 50px; height: 5px; line-height: 0; background: #dd0000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_list{position: absolute; top: 100%; z-index: 9999999999; width: 100%; border-top: 1px solid #e1e1e1; 
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    background: #fff; overflow: hidden; line-height: 0;

}
.nav_list .dropdown_menu{display: none; }

.nav_list .dropdown_menu .subnav_list{text-align: right;}
.nav_list .dropdown_menu .subnav_list ul{  }
.nav_list .dropdown_menu .subnav_list ul li{display: inline-block; zoom:1;margin-left:40px;}
.nav_list .dropdown_menu .subnav_list ul li a{font-size: 16px; color:#666; line-height: 50px; }
.nav_list .dropdown_menu .subnav_list ul li.on a{color:#dd0000; }
.nav_list .dropdown_menu:nth-child(1) .subnav_list ul{margin-right:280px;}
.nav_list .dropdown_menu:nth-child(2) .subnav_list ul{margin-right:380px;}
.nav_list .dropdown_menu:nth-child(3) .subnav_list ul{margin-right:260px;}
.nav_list .dropdown_menu:nth-child(4) .subnav_list ul{margin-right:100px;}

.nav_list .dropdown_menu .subnav_list ul li a:hover{color:#dd0000; }
.clearfix{clear: both; overflow: hidden; }


/*手机X*/
.m_bar{height: 60px; background-color: #fff; }
.logo_m{width: 75%; display: inline-block; float: left; margin-left: 10px; height: 60px; line-height: 60px; }
.logo_m img{height:40px; display: inline-block; z-index: 60; vertical-align: middle; }
.m_hd{
    display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);    background: #fff;
}
#m_menu{
    clear: both; position: absolute; top: 60px; left: 0;width: 100%; -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    max-height: 0; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease;
     }
.m_nav{border-top: 1px solid #e0e0e0;background: #fff;}


.m_nav a{display: block;width: calc(100% - 60px); line-height: 40px; text-align: left;border-bottom: 1px solid #e0e0e0;
 font-size: 15px; background-color: #fff; margin: 0 30px; color: #333; }
 .m_nav a i{float: right;height: 40px; line-height: 40px; display: inline-block;margin-right: 20px;}

.m_trigger{
    height: 60px; cursor: pointer; width: 60px; float: right; -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m_sub{max-height: 0; overflow: hidden; }

.m_sub.on, #m_menu.on, .m_nav.on{-webkit-transition: all .6s linear;
    transition: all .6s linear;
    max-height: 999px;
}

.m_lan a{height: 30px; line-height: 30px;margin-left:30px;}
.m_lan{background-color: #fff; padding:20px 0 ; display: none; }


.m_sub a{font-size: 14px;padding: 0 20px;border:0; width: calc(100% - 100px);}
.m_sub a em{margin-right: 10px;}

.m_show{display: none;}

#nav_toggle {
    position: absolute; right: 14px; top: 18px; color: #fff;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 50% 50%;
    display: none;
}

 #nav_toggle {cursor: pointer; padding: 10px 35px 16px 0px; }

#nav_toggle span, #nav_toggle span:before, #nav_toggle span:after {
    cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px;
    width: 35px; background: #dd0000; position: absolute; display: block; content: '';
     }

#nav_toggle span:before {top: -10px; }

#nav_toggle span:after {bottom: -10px; }

#nav_toggle span, #nav_toggle span:before, #nav_toggle span:after {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}

#nav_toggle.active span {background-color: transparent; }

#nav_toggle.active span:before, #nav_toggle.active span:after {top: 0; }

#nav_toggle.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#nav_toggle.active span:after {
    transform: translateY(-10px) rotate(-45deg);
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    top: 10px;
}



@media only screen and (max-width:1600px) {
.nav_list .dropdown_menu:nth-child(1) .subnav_list ul{margin-right:450px;}
.nav_list .dropdown_menu:nth-child(2) .subnav_list ul{margin-right:550px;}
.nav_list .dropdown_menu:nth-child(3) .subnav_list ul{margin-right:380px;}
.nav_list .dropdown_menu:nth-child(4) .subnav_list ul{margin-right:220px;}
}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1200px) {
.header{display: none; }
    .m_hd, #nav_toggle{display: block; }
    body{padding-top: 60px; }
    .m_lan{display: block;}
    .logo{ margin-left: 15px; } 
    #nav_toggle span, #nav_toggle span:before, #nav_toggle span:after {background: #333;}
}

@media only screen and (max-width:920px) {

}

@media only screen and (max-width:768px) {
}

@media only screen and (max-width:450px) {
    .m_nav a{display: block;width: calc(100% - 40px); font-size: 14px;margin: 0 20px; }
 .m_sub a{font-size: 12px;padding: 0 10px;border:0; width: calc(100% - 60px);}
 .m_nav a i{margin-right: 10px;}
}