@charset "utf-8";
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.top{
   float: right;
  margin-right:25px;
}
.top .top_tel{
   padding-bottom: 0px;
    line-height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "微软雅黑";
    background: url(../images/top_tel.png) no-repeat left center;
    float: left;
    color: #fff;
    font-size: 12px;
    /*border-right: #eeeeee 1px solid;*/
    padding-top: 0px;
}
.top B{
   font-family: Arial;
    color: #276cc8;
    font-size: 14px;
}
.top A{
   padding-bottom: 0px;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    font-family: "微软雅黑";
    float: left;
    color: #276cc8;
    font-size: 12px;
    /*border-right: #eeeeee 1px solid;*/
    text-decoration: none;
    padding-top: 0px;
}
.top A.en{
   font-family: Arial;
   /* color: #464646;*/
  color: #fff;
}
.classie{
   width: 100%;
    background: url(../images/pro_bg.png) no-repeat center center;
    height: 560px;
    overflow: hidden;
}
.classie .classie_box{
   position: relative;
    margin: 30px auto 0px;
    width: 500px;
    background: url(../images/qaq.png) no-repeat center center;
    height: 500px;
}
.classie .classie_box A{
   position: absolute;
    margin-top: -60px;
    width: 120px;
    display: block;
    height: 120px;
    margin-left: -60px;
    top: 50%;
    left: 50%;
    opacity: 0;
}
.classie .classie_ac A.fa_icon1{
   margin-top: -60px;
    margin-left: -250px;
    opacity: 1;
    transition: all 0.6s;
}
.classie .classie_ac A.fa_icon2{
   margin-top: -195px;
    margin-left: -195px;
    opacity: 1;
    transition: all 0.6s 0.1s;
}
.classie .classie_ac A.fa_icon3{
   margin-top: -250px;
    margin-left: -60px;
    opacity: 1;
    transition: all 0.6s 0.2s;
}
.classie .classie_ac A.fa_icon4{
   margin-top: -195px;
    margin-left: 75px;
    opacity: 1;
    transition: all 0.6s 0.3s;
}
.classie .classie_ac A.fa_icon5{
   margin-top: -60px;
    margin-left: 130px;
    opacity: 1;
    transition: all 0.6s 0.4s;
}
.classie .classie_ac A.fa_icon6{
   margin-top: 70px;
    margin-left: -200px;
    opacity: 1;
    transition: all 0.6s 0.7s;
}
.classie .classie_ac A.fa_icon7{
   margin-top: 130px;
    margin-left: -60px;
    opacity: 1;
    transition: all 0.6s 0.6s;
}
.classie .classie_ac A.fa_icon8{
   margin-top: 70px;
    margin-left: 80px;
    opacity: 1;
    transition: all 0.6s 0.5s;
}
.classie .classie_box SPAN{
   position: absolute;
    margin-top: -195px;
    width: 390px;
    height: 390px;
    margin-left: -195px;
    top: 50%;
    left: 50%;
    opacity: 0;
    animation: class_box_line 2s linear 0s infinite normal;
}
.classie .classie_box A:hover{
   animation: fa_icon 3s linear 0s infinite normal;
}
.pro{
   margin: 30px auto;
    width: 1200px;
}
.pro .pro_box{
   position: relative;
    width: 165px;
    background: #fff;
    float: left;
    height: 320px;
    overflow: hidden;
    margin-right: 40px;
}
.pro .pro_box .pro_tex{
   position: absolute;
    text-align: center;
    width: 165px;
    bottom: 0px;
    display: block;
    font-family: "微软雅黑";
    height: 160px;
    color: #323232;
    font-size: 18px;
    text-decoration: none;
    left: 0px;
    transition: all .5s;
}
.pro .pro_box .pro_tex SPAN{
   margin-top: 25px;
    width: 50px;
    display: inline-block;
    margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
}
.pro .pro_box .pro_tex I{
   margin-top: 80px;
    display: inline-block;
}
.pro .pro_box:hover .pro_tex{
   background: url(../images/pro_hov_bg.png) center center;
    height: 320px;
    color: #fff;
}
.pro .pro_box:hover .pro_tex IMG{
   margin-top: -50px;
}
.pro .pro_box:hover .pro_tex SPAN{
   margin-top: 110px;
}
.pro .pro_box:hover .pro_img IMG{
   transform: scale(1.05, 1.05);
}
.pro .pro_box .pro_img IMG{
   transition: all 0.5s;
}
.index_video{
   text-align: center;
    width: 375px;
}
.index_video H2{
   line-height: 2em;
    margin: 5px 0px;
    font-family: "微软雅黑";
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 500;
}
.index_video P{
   line-height: 1em;
    text-transform: uppercase;
    margin: 0px;
    font-family: Arial;
    color: #6d6d6d;
    font-size: 14px;
}
.culture{
   margin: 30px auto;
    width: 1200px;
}
.culture .cul_img{
   width: 360px;
    float: left;
}
.culture .cul_tex{
   position: relative;
    width: 810px;
    float: right;
}
.culture .cul_tex SPAN{
   margin-top: 30px;
    width: 55px;
    display: block;
    background: #006fbc;
    height: 1px;
}
.culture .cul_tex H2{
   line-height: 2em;
    margin: 10px 0px 20px;
    font-family: "微软雅黑";
    color: #8f8f8f;
    font-size: 18px;
    font-weight: 500;
}
.culture .cul_tex P{
   line-height: 2em;
    margin: 0px;
    font-family: "微软雅黑";
    color: #787878;
    font-size: 14px;
}
.culture .cul_tex .cul_tit A{
   border-bottom: #006fbc 1px solid;
    position: absolute;
    border-left: #006fbc 1px solid;
    padding-bottom: 0px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    font-family: Arial;
    height: 30px;
    color: #006fbc;
    font-size: 14px;
    border-top: #006fbc 1px solid;
    top: 35px;
    right: 0px;
    border-right: #006fbc 1px solid;
    text-decoration: none;
    padding-top: 0px;
    transition: all 0.3s;
}
.culture .cul_tex .cul_tit A:hover{
   background: #006fbc;
    color: #fff;
}
.culture .cul_icon{
   padding-bottom: 25px;
    margin-top: 40px;
    padding-left: 20px;
    width: 770px;
    padding-right: 20px;
    background: #f4f4f4;
    height: 100px;
    padding-top: 25px;
}
.culture .cul_icon A{
   position: relative;
    text-align: center;
    margin: 0px 20px;
    /*width: 70px;*/
    width:114px;
    display: block;
    font-family: "微软雅黑";
    float: left;
    height: 70px;
    color: #454545;
    font-size: 14px;
    text-decoration: none;
}
.culture .cul_icon A IMG{
   position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.5s;
}
.culture .cul_icon A .cur_icon{
   margin-top: -35px;
    width: 70px;
    height: 70px;
    margin-left: -35px;
}
.culture .cul_icon A .cur_icon_hov{
   margin-top: 0px;
    width: 0px;
    height: 0px;
    margin-left: 0px;
}
.culture .cul_icon A:hover .cur_icon{
   margin-top: 0px;
    width: 0px;
    height: 0px;
    margin-left: 0px;
}
.culture .cul_icon A:hover .cur_icon_hov{
   margin-top: -35px;
    width: 70px;
    height: 70px;
    margin-left: -35px;
}
.culture .cul_icon A P{
   padding-top: 75px;
}
.culture .cul_icon A:hover P{
   color: #006fbc;
}
.about{
   margin: 30px auto;
    width: 1200px;
    overflow: hidden;
}
.about .ab_box{
   width: 290px;
    background: #fff;
    float: left;
    margin-right: 12px;
    transition: all 0.5s;
}
.about .ab_box .ab_img{
   display: block;
    height: 135px;
    overflow: hidden;
    transition: all 0.5s;
}
.about .ab_box .ab_img IMG{
   transition: all 0.5s;
}
.about .ab_box .ab_tex{
   padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}
.about .ab_box .ab_tex SPAN{
   width: 5px;
    display: inline-block;
    background: #016db8;
    transition: all 0.5s;
}
.about .ab_box .ab_tex B{
   line-height: 1.5em;
    font-family: "微软雅黑";
    color: #787878;
    font-size: 16px;
    transition: all 0.5s;
}
.about .ab_box .ab_tex I{
   text-transform: uppercase;
    font-style: normal;
    font-family: Arial;
    color: #898989;
    font-size: 14px;
    transition: all 0.5s;
}
.about .ab_box .ab_tex P{
   line-height: 1.8em;
    margin-top: 15px;
    font-family: "微软雅黑";
    color: #787878;
    font-size: 13px;
    transition: all 0.5s;
}
.about .ab_box .ab_tex A{
   margin-top: 15px;
    width: 30px;
    display: block;
    height: 30px;
    overflow: hidden;
    transition: all 0.5s;
}
.about .ab_box .ab_tex A IMG{
   transition: all 0.5s;
}
.about .ab_box:hover{
   background: #016db8;
}
.about .ab_box:hover .ab_img{
   height: 150px;
}
.about .ab_box:hover .ab_img IMG{
   transform: scale(1.05, 1.05);
}
.about .ab_box:hover SPAN{
   background: #fff;
}
.about .ab_box:hover B{
   color: #fff;
}
.about .ab_box:hover I{
   color: #fff;
}
.about .ab_box:hover P{
   margin-top: 7px;
    color: #fff;
}
.about .ab_box:hover .ab_tex A{
   margin-top: 8px;
}
.about .ab_box:hover .ab_tex A IMG{
   margin-top: -30px;
}
.index_link{
   margin: 20px auto;
    width: 1210px;
}
.index_link A{
   padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    padding-top: 0px;
}
.fot{
   margin: 0px auto;
    width: 1200px;
    overflow: hidden;
}
.fot .fot_box{
    vertical-align:top;
    padding-bottom: 60px;
    padding-left: 27px;
    padding-right: 27px;
    display: inline-block;
    border-right: #3b3b3b 1px solid;
    padding-top: 80px;
}
.fot .fot_box .fot_tit{
   margin-bottom: 25px;
}
.fot .fot_box H3{
   line-height: 2em;
    margin: 0px;
    font-family: "微软雅黑";
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.fot .fot_box P{
   text-transform: uppercase;
    margin: 0px;
    font-family: Arial;
    color: #7d7d7d;
    font-size: 14px;
}
.fot .fot_box A{
   line-height: 28px;
    display: block;
    font-family: "微软雅黑";
    color: #a2a2a2;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.5s;
}
.fot .fot_box A:hover{
   color: #fff;
}
.fot .fot_box1{
   border-bottom: medium none;
    text-align: right;
    border-left: medium none;
    padding-left: 0px;
    float: right;
    border-top: medium none;
    border-right: medium none;
}
.fot_bq{
   line-height: 50px;
    font-family: "微软雅黑";
    background: #2c2c2c;
    color: #7d7d7d;
    font-size: 14px;
    border-top: #3b3b3b 1px solid;
}
.fot_bq .bq_con{
   line-height: 70px;
    margin: 0px auto;
    width: 1200px;
    height: 70px;
}
.fot_bq SPAN{
   float: right;
}
.fot_bq A{
   color: #7b7b7b;
    text-decoration: none;
}
.fot_bq A:hover{
   color: #fff;
}
.index_title{
   position: relative;
    margin: 0px auto;
    padding-left: 15px;
    width: 1185px;
    background: url(../images/index_tit_line.jpg) no-repeat left 8px;
}
.index_title H2{
   line-height: 2em;
    margin: 0px;
    font-family: "微软雅黑";
    color: #3770bf;
    font-size: 18px;
    font-weight: 500;
}
.index_title P{
   text-transform: uppercase;
    font-family: Arial;
    color: #999;
    font-size: 14px;
}
.index_title A{
   border-bottom: #016db8 1px solid;
    position: absolute;
    border-left: #016db8 1px solid;
    padding-bottom: 0px;
    line-height: 25px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    font-family: Arial;
    color: #016db8;
    font-size: 14px;
    border-top: #016db8 1px solid;
    top: 18px;
    right: 0px;
    border-right: #016db8 1px solid;
    text-decoration: none;
    padding-top: 0px;
    transition: all 0.5s;
}
.index_title A:hover{
   background: #016db8;
    color: #fff;
}
.index_title2{
   text-align: center;
    margin: 0px auto;
    width: 300px;
}
.index_title2 H2{
   border-bottom: #ececec 1px solid;
    padding-bottom: 10px;
    line-height: 2em;
    font-family: "微软雅黑";
    color: #016db8;
    font-size: 18px;
    font-weight: 500;
}
#box_about_sub1_sub1 .index_title2 P{
   background: #f4f4f4;
}
.index_title2 P{
   position: relative;
    padding-bottom: 0px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    font-family: Arial;
    background: #fff;
    color: #999;
    font-size: 14px;
    top: -10px;
    padding-top: 0px;
}
.protil li{margin:0 10px;}
@keyframes class_box_line{
    0%{opacity:1; }
	50%{ opacity:0; }
	100%{ opacity:1; }
}
@keyframes fa_icon{
    0%{opacity:1; }
	50%{ opacity:0.8; }
	100%{ opacity:1; }
}