/*header begin*/

.box{ clear:both; height:auto; min-height:80px; width:100%; background:#ffffff; position:fixed; z-index:9999; left:0; top:0; padding:8px 0 0 0; }

.logo{ float:left; /*position:fixed;*/ left:64px; top:8px;}

.logo img{ display:block; max-width:100%;}

.pav{ float:right;}

.pav ul{ float:left;}

.pav li{ float:left; position:relative; cursor:pointer; padding-right:18px; margin-right:65px; line-height:43px; position:relative;}

.pav li a{ color:#333333; font-size:16px; display:block; height:80px;}

.pav li:hover{ background:url(../images/bg.jpg) no-repeat right center;}

.pav li:last-child{ margin-right:0px;}

.pc_nav{ text-align:right;}

.pc_nav li{ display:inline-block; margin-right:70px; height:80px; padding-top:24px;}

.pc_nav li:last-child{ margin-right:0px;}

.pc_nav li a{ color:#333333; font-size:16px; display:block; position:relative; min-height:27px;}

.pc_nav li a:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:0px;background:#ca151c;transition:400ms ease all;-moz-transition:400ms ease all;}

.pc_nav li a:hover:after{ transition:800ms ease all;width:100%;-moz-transition:800ms ease all;width:100%;}



.pc_nav li:hover .cp_box_1{ height:84px; opacity:1; padding:27px 0;}

.pc_nav li:hover .cp_box_2{ height:84px; opacity:1; padding:27px 0;}

.wxin{ position:fixed; right:64px; top:20px;}

@media(max-width:1440px){

.logo{ float:left; position:fixed; left:160px; top:8px;}	

.pc_nav li{ display:inline-block; margin-right:50px;}

.wxin{ position:fixed; right:60px; top:20px;}

}

@media(max-width:1280px){

.logo{ float:left; position:fixed; left:90px; top:8px;}	

.pc_nav li{ display:inline-block; margin-right:30px;}

}

@media(max-width:1024px){

.logo{ float:left; position:fixed; left:15px; top:8px;}	

.pc_nav li{ display:inline-block; margin-right:30px;}

.dinw{ display:none;}



}



@media(max-width:414px){

.wxin{ position:fixed; right:45px; top:20px;

}

}

/*header end*/



/*fotter begin*/

.box5{ clear:both; text-align:center; width:100%; height:auto; overflow:hidden; background:#333; padding:20px 0;}

.box5 p{ line-height:28px;}

.box5 span{ color:#fff; text-align:center; margin-right:10px;}

.box5 span:nth-child(3){ margin-right:0px;}

.box5 span:nth-child(4){ margin-left:10px;}

.box5 a{ color:#fff;}

@media(max-width:414px){

.box5 span{ color:#fff; text-align:center; margin-right:0px; display:block; width:100%}

.box5 span:nth-child(3){ margin-right:0px;}

.box5 span:nth-child(4){ margin-left:0px;}

}

/*fotter end*/



















.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: #164c94 url(../other/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  cursor:pointer;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: 1;

}

.no-touch .cd-top:hover {

  background-color: #164c94;

  opacity: 1;

}