body{font-family: "微软雅黑";max-width:100%;overflow-x: hidden;}
a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
ul{list-style: none;padding: 0;margin: 0;}
div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

.top{background-color: #c4121a;height: 120px;position: relative;}
.top button{position: absolute;right: 5%;top: 25%;border: 0;background-color: white;color: #c4121a;width: 30px;height: 30px;}
.top_phone{width: 100%;}
.top_phone p{width: 352px;background: url(../images/head_phone.jpg) no-repeat;padding-left: 30px;font-size: 18px;line-height: 20px;color: white;margin-top: 13px;}
.top_phone p span{font-size: 16px;}
.top_phone span:nth-of-type(1){background: url(../images/chinese.jpg) no-repeat;padding-left: 35px;margin-left: 20px;}
.top_phone span:nth-of-type(2){background: url(../images/english.jpg) no-repeat;padding-left: 38px;margin-left: 15px;}
.top>div>div div:last-of-type{z-index: 1;}


.logo{margin-top: 27px;}

.mynav{color: white;font-size: 16px;margin-top: 18px;z-index: 11;}
.mynav li{float: left;margin: 0 30px;}
.mynav li:last-of-type{margin-right: 0;}
.nav_active{border-bottom: 3px solid #f1f1f1;}
.mynav li a:hover{
animation: myfirst 1s;
-moz-animation: myfirst 1s; /* Firefox */
-webkit-animation: myfirst 1s;  /* Safari 和 Chrome */
-o-animation: myfirst 1s; /* Opera */
}
@keyframes myfirst{
          0% {color: white;}
          50% {color: #CC9933;}
          100% {color: white;}
        }
 
        @-moz-keyframes myfirst /* Firefox */
        {
          0% {color: white;}
          50% {color: #CC9933;}
          100% {color: white;}
        }
 
        @-webkit-keyframes myfirst /* Safari 和 Chrome */
        {
          0% {color: white;}
          50% {color: #CC9933;}
          100% {color: white;}
        }
 
        @-o-keyframes myfirst /* Opera */
        {
          0% {color: white;}
          50% {color: #CC9933;}
          100% {color: white;}
        }


.left_bold_title{margin: 0 0 20px;font-size: 22px;font-weight: bold;}

.index_title{padding-top: 60px;}
.red_line{padding-bottom: 5px;margin-bottom: 14px;border-bottom: 2px solid #df0a14;}
.red_line2{padding-bottom: 5px;margin-bottom: 14px;border-bottom: 2px solid #df0a14;display: inline-block;}

.index_intro{color: #666666;font-size: 20px;}
.index_intro p{vertical-align: bottom;margin-bottom: 40px;}
.index_more{position: relative;height: 40px;}
.index_more>div{position: absolute;top: -8px;right: 15px;}
.index_more a{padding: 10px 19px 9px;border: 2px solid #df0a14;border-radius: 3px;-moz-border-radius:3px;color: #c4121a;font-size: 16px;
transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
}
.index_more a:hover{color: white;border: 2px solid white;background: #c4121a;border-radius: 0px;-moz-border-radius:0px;}





.f_link{height: 120px;background: #f1f1f1;margin-top: 60px;}
.link{height: 120px;}
.link a{display: block;}
.center-vertical {
    position:relative;
    top:50%;
    transform:translateY(-50%);
}


.foot{padding: 30px 0 50px;background-color: #2d363b;color: #787b80;border-bottom: 1px solid #262e33;}
.foot_ul li{line-height: 32px;font-size: 14px;}
.foot_ul li:first-of-type{color: white;font-size: 18px;border-bottom: 1px solid #262e33;line-height: 50px;}
.foot_ul li:nth-of-type(2){border-top:1px solid #353e43;padding-top: 10px;}
.wechat img{}
.wechat p{text-align: center;margin-top: 14px;}
.foot a:hover{color: #c4121a;}
.foot a{
transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
}

.footer{line-height: 60px;border-top:1px solid #353e43;background: #2d363b;color: #787b80;}
.footer p{margin-bottom: 0;}
.footer a:hover{color: #99FF66;}
.footer a{
transition:all ease-in-out 0.5s;
-moz-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
-o-transition:all ease-in-out 0.5s;
}
@media screen and (max-width:415px){
    .red_line2{width: 100%;}
}
@media screen and (max-width:767px){
    .top{height: auto;padding-bottom: 6px;}
   .index_title{padding-top: 40px;}
   .logo{margin-top: 6px;}
   .index_more{text-align: left;}
   .index_more>div{position: absolute;left: 10px;}
   .f_link{height: 90px;}
.link{height: 90px;}
.foot_ul{height: 200px;}
.footer{height: auto;line-height: 28px;text-align: center;}
.mynav{display: none;position: absolute;top: 55px;right: 10px;z-index: 10;margin-top: 0;background-color: #c4121a;}
.mynav li{float: none;border-bottom: 1px solid #5e0509;text-align: center;margin: 0;padding: 3px 30px;}
}
@media screen and (max-width:991px) and (min-width:768px){
    .mynav li{margin: 0 12px;font-size: 14px;}
    .top{height: 100px;}
    .footer{height: auto;line-height: 28px;text-align: center;}
}
@media screen and (min-width:992px) and (max-width:1249px){
    
    .mynav li{margin: 0 16px;}
    

}
@media screen and (min-width:1250px){
    .container{width: 1230px;}
}