.logoBg{ position:fixed; left:0px; top:0px; z-index:9;}
header {
     position: fixed;
     z-index: 100000;
     width: 100%;
     top: 0;
     left: 0;
 }
header .container{ padding:0 10%; }
.logo {
    float: left;
}

.logo img {
    max-width: 100%;
}
 .logo img:nth-child(1) {
     display: none
 }

 .logo.ac img:nth-child(1) {
     display: block
 }

 .logo.ac img:nth-child(2) {
     display: none
 }
 
 a.language{ float:right; width:47px; height:47px; line-height:47px; margin-left:50px; background: #333; margin-top:8px; text-align:center; color:#fff;}
  .btn { cursor: pointer; float: right;
     display: block;
     width: 47px;
     height: 47px;
     background: #dd2624;
     padding: 8px 0 0;
     box-sizing: border-box;
     text-align: center;
     line-height: initial;
     margin-top: 8px;
 }

 .btn span {display: block;
     width: 24px;
     height: 2px;
     background: #fff;
     margin: 6px auto 0
 }

 .btn span:nth-child(2) {
     background-color: transparent;
     width: 24px;
 }

 .btn span font {
     width: 10px;
     height: 2px;
     background: #fff;
     display: inline-block;
     float: left;
 }

 .btn span font:nth-child(2) {
     float: right;
 }

.btn.ac span:nth-child(2) {
    opacity: 0;
    transform: translateX(150%)
}

.btn.ac {
    padding-right: 16px;
}

.btn.ac span:nth-child(3) {
    transform: rotate(45deg) translateY(-11px)
}

.btn.ac span:nth-child(1) {
    transform: rotate(-45deg) translateY(11px);
}

.nav>ul>li { float: left; margin: 0 5px; }

.nav { float: right; margin-top:5px; }

header.ac { background: #fff; padding: 20px 0; border-bottom:1px solid #ccc; }
header.ac0 { padding: 10px 0; }
header.ac .nav>ul>li>a { color: #333; }
header.ac .nav>ul>li>a:after{ background:#dd2624;}

.logo.act img:nth-child(2){ display:none;}
.logo.act img:nth-child(1){ display:block;}

.nav>ul>li>a { font-size: 18px; color: #333; font-weight:bold; padding: 10px 15px; position: relative; display: inline-block; }
header.ac .nav>ul>li.ac>a , .nav>ul>li.ac>a{ color:#dd2624;}
header.ac .nav>ul>li:hover a, .nav>ul>li:hover a{ background:#dd2624; color:#fff; border-radius:15px 15px 0 0; }
.nav>ul>li#na0:hover a, .nav>ul>li#na13:hover a, .nav>ul>li#na12:hover a { border-radius:15px; }




.jcnav {
    background: #f7f7f7;
    padding: 50px 0px;
    position: absolute; z-index: 100001;
    right: 0;
    top: 55px;
    font-size: 0;
    display: none;
	width:100%;
}




.cpfenlei {
    height: auto; width:280px; float:left; padding-right:50px; border-right:1px solid #ccc;
	filter: alpha(opacity=0);
	transform: translate(0, 8px);
	transition: all 0.4s 0.1s
}

.cpfenlei .title { font-size: 24px; color: #dd2624; }
.cpfenlei p { font-size:15px; margin-top:10px;}
.cpfenlei ul li { padding: 30px 0px 10px 10px; margin:10px 0px; transition: all 0.5s; height: 44px; }
.nav>ul>li:hover .cpfenlei ul li a, header.ac .nav>ul>li:hover .cpfenlei ul li a{ background:none;}
.cpfenlei ul li a{font-size: 20px; line-height:22px; transition: all 0.5s; display:block; color:#666;}
.cpfenlei ul li .cn { display: block; color: #666; font-weight:bold; }
.cpfenlei ul li .en { display: block; font-size:15px; color: #666; opacity: 0; filter: alpha(opacity=0); transform: translateY(10px); word-break: keep-all; transition: all 0.5s }
.cpfenlei ul li:hover .en, .cpfenlei ul li.active .en { opacity: 1; filter: alpha(opacity=100); transform: translateY(0); }
.cpfenlei ul li:hover a, .cpfenlei ul li.active a{ transform: translateY(-10px); }
.cpfenlei ul li:hover .cn,.cpfenlei ul li:hover .en, .cpfenlei ul li.active .cn,.cpfenlei ul li.active .en { color: #000; }
.cpfenlei ul li.fenlei1{ background: url(../images/menu_pro_navbg1.png) no-repeat right center;}
.cpfenlei ul li.fenlei2{ background: url(../images/menu_pro_navbg2.png) no-repeat right center;}
.cpfenlei ul li.fenlei3{ background: url(../images/menu_pro_navbg3.png) no-repeat right center;}
.cpfenlei ul li.fenlei4{ background: url(../images/menu_pro_navbg4.png) no-repeat right center;}
.cpfenlei ul li.fenlei5{ background: url(../images/menu_pro_navbg5.png) no-repeat right center;}

.cpfenlei ul li.fenlei1:hover, .cpfenlei ul li.fenlei1.active{ background: url(../images/menu_pro_navbg10.png) no-repeat #fff right center;}
.cpfenlei ul li.fenlei2:hover, .cpfenlei ul li.fenlei2.active{ background: url(../images/menu_pro_navbg20.png) no-repeat #fff right center;}
.cpfenlei ul li.fenlei3:hover, .cpfenlei ul li.fenlei3.active{ background: url(../images/menu_pro_navbg30.png) no-repeat #fff right center;}
.cpfenlei ul li.fenlei4:hover, .cpfenlei ul li.fenlei4.active{ background: url(../images/menu_pro_navbg40.png) no-repeat #fff right center;}
.cpfenlei ul li.fenlei5:hover, .cpfenlei ul li.fenlei5.active{ background: url(../images/menu_pro_navbg50.png) no-repeat #fff right center;}


.cplist{ float:right; width:-webkit-calc(100% - 380px); width:-moz-calc(100% - 380px); width:calc(100% - 380px);  height:500px;}
.nav>ul>li:hover .cplist a, header.ac .nav>ul>li:hover .cplist a{ background:none; color:#000; list-style:none;}
.cplist .cpdiv{ width:100%; display:none;}
.cplist h1{ font-size:20px; color:#dd2624; line-height:40px; margin-bottom:20px;}
.cplist .cpdivb{ width:22%; float:left;}
.cplist .cpdivb .cpdivLi{ margin-bottom:30px;}
header.ac .nav>ul>li:hover .cplist .cpdivb h2, .cplist .cpdivb h2, .nav>ul>li:hover .cplist .cpdivb h2 { line-height:30px; margin-bottom:10px;  }
header.ac .nav>ul>li:hover .cplist .cpdivb h2 a, .cplist .cpdivb h2 a, .nav>ul>li:hover .cplist .cpdivb h2 a{ font-size:18px; font-weight:600; color:#333; }
header.ac .nav>ul>li:hover .cplist .cpdivb a, .cplist .cpdivb a, .nav>ul>li:hover .cplist .cpdivb a{ line-height:28px; font-size:15px; color:#555; display:block; }
header.ac .nav>ul>li:hover .cplist .cpdivb a:hover, .cplist .cpdivb a:hover, .nav>ul>li:hover .cplist .cpdivb a:hover{ color:#dd2624; }
.cplist .cpdivb1{ width:20%;}
.cplist .cpdivb2{ width:24%;}
.cplist .cpimg{ width:34%; float:right; }
.cplist .cpimg img{ width:100%;}


.cplist0{ height:220px;}
.cplist .cpdiv0{ display:block;}
.cplist .cpdiv0 li{ width:30.3333%; float:left; margin-right:3%; text-align:center;}
.cplist .cpdiv0 img{ width:100%; border-radius: 0px;
    -webkit-animation: swing 1s .2s ease both;
    -moz-animation: swing 1s .2s ease both; transition:all .3s ease-in-out 0s;
  -webkit-transition:all .3s ease-in-out 0s;
   -moz-transition:all .3s ease-in-out 0s;
  -ms-transition:all .3s ease-in-out 0s;
  -o-transition:all .3s ease-in-out 0s;}
.cplist .cpdiv0 span.txt{ display:block; height:30px; line-height:30px; overflow:hidden;}
.cplist .cpdiv0 .txt{ font-size:16px; color:#333; line-height:40px;}
.cplist .cpdiv0 li:hover img{ border-radius: 50%;}
.cplist .cpdiv0 li:hover .txt{ color:#999;}






.footerfix{ position:fixed; width:100%; bottom:0px; z-index:100000; background:#333; }
.footerfix p, .footerfix p a{ height:35px; line-height:35px; color:#ccc; font-size:12px; text-align:right;}