*{margin:0; padding:0;font-family: "Microsoft YaHei";}
body {
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
ul , ol , li , dl ,dt ,dd{list-style:none}
a{text-decoration: none; color:#333;}
a img{
    border:0;
}
.w1200{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.clear{
    clear: both;
}
body .ml-0{
    margin-left:0;
}

.header {width:100%;}
.logo{
    float: left;
}
.logo img{
    vertical-align: middle;
    padding-right:20px;
}
.logo span{
    font-size:20px;
    padding-top:20px;
    padding-right:10px;
}
.tel{
    color:#D73930;
    margin-left:10px;
}
.tel i{
    margin-right:5px;
    font-size:25px;
}
.lang{
    float:right;
    overflow: hidden;
}
.lang li{
    float: left;
    line-height:70px;
    margin-left:20px;
}


.nav{
    background: #D73930;
    width:100%;
}
.nav ul li{
    float: left;
    line-height: 50px;
    height:60px;
    margin-left:31px;
    text-align: left;
    border:0;
}
.nav ul li a{
    color:#fff;
    padding:0 5px 5px;
}
.nav ul .active a , .nav ul li a:hover{
    border-bottom: 2px solid #fff;

}

.banner {
    width:100%;
    height:700px;
}
.banner>ul>li{

}
.banner>ul .banner-content{
    position:absolute;
    font-size:55px;
    color:#fff;
    font-weight:bold;
    text-align: center;
    top:100px;
    z-index:1;
    width:100%;
    overflow: hidden;
}
.banner-content p{
    line-height:100px;
}
.banner-content span{
    color:#D73930;
}
.banner-content .bc{
    margin:0 auto;

    text-align: left;
    width:80%;
}
.banner-content .bc-top{
    padding-top:5%;
}
@media (max-width:1199px) {
    .banner-content .bc{
        font-size:40px;
    }
    .banner-content .bc-top{
        padding-top:3%;
    }
}
.bc-img {
    overflow: hidden;
    float: left;
    padding:0 40px;
    margin-left:100px;
    margin-top:80px;
    width:600px;
    height:400px;
}
.bc-img div{
    float: right;
    padding:50px 0;
    position: relative;

}
.bc-img-1 img{
    width:200px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    position:absolute;
    left:-200px;

}
.bc-img-2 img{
    width:300px;
    margin-top:50px;
    position:absolute;
    left:-450px;
}
.bc-img-3 img{
    width:200px;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position:absolute;
    left:-600px;
}


.content{
    width:100%;
    margin:40px 0;
}
.project dl{
    float: left;
    width:180px;
    text-align: center;
}
.project dt{
    background: url('/Public/images/home/icon.png') no-repeat left top;
    width:80px;
    height:64px;
    margin:0 auto;
}
.project .pro-title{
    margin:10px 0;
    font-size:20px;
}
.project a:hover{
    color:#D73930;
}
.project .pro-content{
    font-size:14px;
    color:#999;
}
.project dl{
    margin-left:70px;
}
.project .project-1{
    margin-left:0;
}
.project-2 dt{  background-position: 0 -64px;  }
.project-3 dt{  background-position: 0 -127px;  }
.project-4 dt{  background-position: 0 -191px;  }
.project-5 dt{  background-position: 0 -254px;  }

.bg{position:relative;margin-top:40px;}
.bg span{
    position:absolute;
    right:200px;
    bottom:24px;
    color:#D73930;
}
.bg a{
    display: block;
    width:100%;
    height:100%;
}
.bg a:hover{
    -webkit-box-shadow: 4px 4px 10px 2px #E2E2E2;
    -moz-box-shadow:  4px 4px 10px 2px #E2E2E2;
    box-shadow: 4px 4px 10px 2px #E2E2E2 ;
}
.bg-img{
    background: url('/Public/images/home/img_bg_1.jpg') no-repeat;
    height:132px;
}
.bg-con{
    position: absolute;
    z-index:1000;
    left:150px;
    top:22px;
    color:#fff;
    font-size:22px;
    line-height:30px;

}
.bg-con .bg-con-1{  text-indent:0; width:1000px;font-size:20px; margin-left:-50px; }
.bg-con .bg-con-2{  text-indent:5em;  }
.bg-con .bg-con-3{  text-indent:8em;  }

.center{
    padding-bottom:30px;
}
.common-s{
    float: left;
    width:500px;
    margin-top:20px;
}
.common-l{
    padding-top:20px;
    width:1190px;
}
.language{
    margin-left:50px;
}
.major{
    margin-left:100px;
}
.common h4{
    font-size:20px;
    text-align: center;
    height:50px;
    line-height:50px;

}
.common h4 span{
    font-size:14px;
    color:#d73930;
}
.common .common-con{
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 10px 2px #E2E2E2;
    -moz-box-shadow:  4px 4px 10px 2px #E2E2E2;
    box-shadow: 4px 4px 10px 2px #E2E2E2 ;
    border: 1px solid #E2E2E2;
    padding-bottom:10px;
}
.common-con li{
    float: left;
    width:200px;
    height:30px;
    line-height:30px;
    text-align: center;
    background: #D63930;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    -webkit-box-shadow: 2px 2px 8px 2px #888;
    -moz-box-shadow: 2px 2px 8px 2px #888;
    box-shadow: 2px 2px 8px 2px #888 ;
    margin-left:35px;
    margin-top:10px;
}
.common-con li a{
    color:#fff;
    display: block;
}
.customer{
    overflow: hidden;

    padding-bottom:10px;
}
.customer li{
    float: left;
    width:150px;
    height:150px;
    padding:10px;
    line-height:30px;
    text-align: center;
    -webkit-box-shadow: 0 5px 15px rgba(45,50,55,.2);
    -moz-box-shadow:0 5px 15px rgba(45,50,55,.2);
    box-shadow: 0 5px 15px rgba(45,50,55,.2);
    -webkit-transition: all .4s;
    -moz-transition: all .4s ;
    -ms-transition: all .4s ;
    -o-transition: all .4s ;
    transition: all .4s ;
    margin-left:25px;
    margin-top:10px;
}
.customer_img{
    width:100%;
    height:120px;
    display: block;
}
.customer li img{
    width:100%;
}
.customer li:hover{
    -webkit-box-shadow: 0 5px 15px rgba(45,50,55,.6);
    -moz-box-shadow:0 5px 15px rgba(45,50,55,.6);
    box-shadow: 0 5px 15px rgba(45,50,55,.6);
}
.customer li:hover span{
    text-decoration: underline;
    color:#d73930;
}

.bg2{position:relative;margin-top:40px;}
.bg2 .bg-to-3{
    position: absolute;
    right:150px;
    bottom:10px;
    color: #fff;
    font-weight:bold;
}
.bg2-img{
    background: url('/Public/images/home/img_bg_2.jpg') no-repeat;
    height:110px;

}
.bg2-con{
    position: absolute;
    z-index:1000;
    left:110px;
    top:40px;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    line-height:30px;
}
.bg2-con .bg2-con-1{  text-indent:0;  }
.bg2-con-1 span{color:#d73930;}
.bg3-img{
    background: url('/Public/images/home/img_bg_3.png') no-repeat;
    height:132px;
}
.bg3-con{
    position: absolute;
    z-index:1000;
    left:110px;
    top:40px;
    color:#D73930;
    text-shadow: 3px 3px 3px #fff;
    font-size:36px;
    font-weight:bold;
    line-height:30px;
}

.confer{
    overflow: hidden;
    margin-top:20px;
}
.confer-con{
    width:200px;
    height:150px;
    float: left;
    margin-left:50px;
    margin-bottom:20px
}
.confer-con > a{
    width:200px;
    height:150px;
    position: relative;
    display: block;
    overflow: hidden;
}
.confer-con > a img{
    width:200px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s ;
    -ms-transition: all 0.5s ;
    -o-transition: all 0.5s ;
    transition: all 0.5s ;
}

.confer-con >a span{
    background: url("/Public/images/home/img-bg-s.png" ) repeat-x;
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    font-size:14px;
    color: #fff;
    text-align: center;
    height:30px;
    line-height:30px;
}
.confer-con >a:hover img{
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);

}
.partner{
    margin-top:50px;
}
.partner .marquee{

}
.marquee img{
    height:60px;
}
.partner .marquee.str_wrap{
    background: #fff;
}

.about-banner{
    width:1200px;
    margin:0 auto;
    position:relative;
}
.about-banner span{
    position:absolute;
    font-size:24px;
    right:170px;
    top:30%;
    color:#fff;
    background: rgba(100,100,100,.8);
    padding:10px 20px;
}
.box{
    margin-top:50px;
}
.box-left{
    float: left;
    width:280px;
}
.box-left dl{
    border:1px solid #E4E4E4;
    background: #f7f7f7;
    margin-bottom:20px;
    overflow: hidden;
}
.hot-line dd{
    padding-left:40px;
    font-size:14px;
    margin:10px 0;
}

.left-lang dd{
    float: left;
    width:80px;
    margin:10px 0 10px 10px;
    text-align: center;
}
.left-lang .list-last{
    width:100%;
    margin-left:0;
}
.left-lang dd a:hover{
    color:#D73930;
    border-bottom:1px solid #D73930;
}
.left-list dd{
    padding-left:40px;
    margin:10px 0;
}
.left-list dd a:hover{
    color:#D73930;
    border-bottom:1px solid #D73930;
}
.left-major dd{

    margin:10px 0;
}
.left-major dd a{
    width:130px;
    height:26px;
    margin:0 auto;
    line-height:26px;
    display: block;
    text-align: center;
    padding:0 20px;
    border:1px solid #E4E4E4;
}
.left-major dd a:hover{
    color:#D73930;
    border:1px solid #D73930;
}
.list_button{
    overflow: hidden;
    width:1200px;
    margin:0 auto;
    padding-bottom:20px;
}
.list_button li{
    float: left;
    border:1px solid #ccc;
    width:180px;
    line-height:30px;
    text-align: center;
    margin-left:20px;
    margin-bottom:20px;
    position:relative;
}
.list_button li span{
    display: none;
    font-size:40px;
    color:#ccc;

    position:absolute;
    bottom:-26px;
    left:85px;
}
.list_button li.curr{
    background: #ccc;
}
.list_button li.curr span{
    display: block;

}
.list_button li.curr a{
    color:#D73930;
}
.list_button li a{
    display: block;
    width:80%;
    margin:0 auto;
}
.list_button li a:hover{
    text-decoration: underline;
    color:#D73930;
}

.list_button_1{
    overflow: hidden;
    width:1200px;
    margin:0 auto;
    padding-bottom:20px;
}
.list_button_1 li{
    float: left;
    width:180px;
    line-height:30px;
    text-align: center;
    margin-left:20px;
    margin-bottom:20px;
    position:relative;
}
.list_button_1 li span{
    display: none;
    font-size:40px;
    color:#ccc;
    position:absolute;
    bottom:-26px;
    left:85px;
}
.list_button_1 li.curr .list_button_dl dd,.list_button_1 li:hover .list_button_dl dd{
    background: #FBD5B5;
}
.list_button_1 li a{
    display: block;
    margin:0 auto;
}
.list_button_dl{
    border:3px solid #F79746;
}
.list_button_dl dt{
    width:100%;
    height:80px;
    overflow: hidden;
    border-bottom:3px solid #F79746;
}
.list_button_dl dt img{
    height:100%;
}

.box-right{
    float: left;
    width:880px;
    margin-left:40px;
}
.navigation{
    border:1px solid #e4e4e4;
    line-height:30px;
    font-size:14px;
    padding-left:30px;
    background: #D73930;
    color:#fff;
}
.navigation a{
    color:#fff;
}
.navigation a:hover{

    border-bottom:1px solid #fff;
}
.box{
    margin-bottom:50px;
}
.box-content{
    /*background: #f7f7f7; */
    padding-top:20px;
}
.box-content .box-tit{
    text-align: center;
    line-height:80px;
}
.box-content .box-con{
    width:1000px;
    margin:0 auto;

    padding-bottom: 30px;
}

.box-content .box-list{
    width:880px;
    margin:0 auto;
}
.box-list ul{
    margin-top:10px;
    overflow: hidden;
}
.box-list li{
    overflow: hidden;
    float:left;
    padding:10px;
    margin-bottom:20px;
    margin-left:10px;
    width:260px;
    text-align: center;
    -webkit-box-shadow: 0 5px 15px rgba(45,50,55,.2);
    -moz-box-shadow:0 5px 15px rgba(45,50,55,.2);
    box-shadow: 0 5px 15px rgba(45,50,55,.2);
    -webkit-transition: all .4s;
    -moz-transition: all .4s ;
    -ms-transition: all .4s ;
    -o-transition: all .4s ;
    transition: all .4s ;
}
.box-list li:hover{
    -webkit-box-shadow: 0 5px 15px rgba(45,50,55,.6);
    -moz-box-shadow:0 5px 15px rgba(45,50,55,.6);
    box-shadow: 0 5px 15px rgba(45,50,55,.6);
}
.box-list li:hover a{
    color:#D73930;
    text-decoration: underline;
}
.box-list li .list_img{
    width:100%;
    overflow: hidden;
    height:150px;
}
.box-list li .list_img>img{
    width:100%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s ;
    -ms-transition: all .6s ;
    -o-transition: all .6s ;
    transition: all .6s ;
}
.box-list li img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.box-list li a{
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width:80%;
    margin:10px auto ;
}
.box-list li span{
    float: right;
    margin-right:20px;
    color:#666;
}
.box-list-cha li{}
.box-list-cha li a{
    margin:0 120px;
    line-height:20px;
}

.list-tit{
    width:316px;
    margin:0 auto;
    border-left:7px solid #D73930;
    height:30px;
    font-size:20px;
    line-height:30px;
    padding-left:25px;
    border-bottom: 1px solid #DFDFDF;
}

.box-list2{
    margin-bottom:300px;
}
.box-list2 ul{
    margin-top:10px;
}
.box-list2 li{
    height:40px;
    overflow: hidden;
    line-height:40px;
    border-bottom:1px solid #e4e4e4;
}
.box-list2 li i{
    margin-left:20px;
}
.box-list2 li a{
    display: inline-block;
    margin-left:10px;
}
.box-list2 li:hover{
    background: #e4e4e4;
}
.box-list2 li a:hover{
    color:#D73930;
    text-decoration: underline;
}
.box-list2 li span{
    float: right;
    margin-right:20px;
    color:#666;
}
.science {
    width: 1180px;
    padding: 10px;
}
.science-item {
    margin-top:20px;
    overflow: hidden;
}
.science-left {
    float: left;
    width: 250px;
}
.science-left img {
    display: block;
    width: 100%;
}
.science-right {
    float: left;
    width: 900px;
    margin-left: 30px;
}
.science-title {
    line-height: 50px;
}
.science-title a:hover {
    color: #D73930;
}
.science-content {
    text-indent: 2rem;
    line-height: 30px;

}

.footer{
    background: #000;
    color:#fff;
    text-align: center;
    padding:30px 0 50px;
    margin-bottom:0;
}
.footer p{
    height:26px;
    line-height:26px;
    font-size:14px;
}
.footer a{
    color:#ccc;
}
.footer a:hover{
    color:#ccc;
    text-decoration: underline;
}

footer{
    background: #000;
    color:#fff;
    text-align: center;
    padding:30px 0 50px;
    margin-bottom:0;
}
.foot{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.foot div{
    float: left;
    width:266px;
    text-align: center;
}
.foot .foot_lang{
    width:240px;
}
.foot .foot_service{
    width:240px;
}
.foot .foot_config{
    margin-left:100px;
}
.foot .foot_about{
    width:240px;
    margin-left:100px;
}
.foot h2{
    margin-bottom:15px;
}
.foot li{
    line-height:30px;
}
.foot a{
    color:#808080;
}
.foot_blue a{
    color:#2499BB;
    font-size:16px;
}
.foot_white a{
    color:#fff;
    font-size:16px;
}
.foot_lang ul{
    overflow: hidden;
}
.foot_lang li{
    float:left;
    width:50%;
}
.foot_config h2{
    text-align: left;
}
.foot_config ul{
    text-align: left;
}
.foot_config a{
    padding-left:5px;
    font-size:14px;
}
.foot_config span{
    color:#808080;
    padding-right:5px;
}
.foot_about h2{
    text-align: left;
}
.foot_about li{
    font-size:14px;
    line-height:20px;
    text-align: left;
}
.foot_about_a{
    margin-top:10px;
    padding-left:20px;
}
.foot_about_a a{
    color:#ccc;
    text-decoration: underline;
}
.right-qq{
    position:fixed;
    left:0;
    bottom:0;
    background: #fff;
    padding:0 5px 0;
    z-index:999;
}