@charset "UTF-8";
body{font-family:"Microsoft YaHei","黑体","宋体",sans-serif;}
@media (min-width: 1400px){
    .container {width: 1200px;}
    /*navbar*/
    .navbar{padding: 25px 0;height: 120px; }
    .navbar-default {background-color: #FFFFFF; border-color: #FFFFFF;  }
    .navbar-brand{padding:0 15px;}
    .navbar-brand img{height:70px;}
    .navbar-default .navbar-nav>li>a {color: #999999;  }
    .navbar-nav{width:86%}
    .nav>li {width:10%;}
    .nav>li>a {position: relative;display: block; width:100%; padding: 0 15px;margin:15px 0; border-radius: 12px; line-height: 24px; text-align: center; font-size: 17px; }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #FFFFFF;  background-color: #ec1111; }

}
ul{padding: 0; margin:0;}
ul li{list-style: none;}
a:active,a:visited,a:link,a:hover{text-decoration: none;}
/*banner*/
.banner{margin:120px 0 0; padding:0;}
#banner .item img{ display: block; width: 100%; height: auto; }
.owl-pagination { margin-top: -34px; z-index: 1000; position: absolute; left: calc(50% - 75px); text-align: center; }
/**/
section{padding: 100px 0;}
.titleFun{text-align: center; margin: 0 0 50px;}
.titleFun h2 {font-weight: 900; margin-bottom: 0; }
.titleFun h2 span{font-weight: 500; }
.titleFun p{font-size:6px; }
.titleFun p span{display: inline-block; width:60px; height:8px; background-color: #ec1111;}

.textP h4{font-weight: 700;}
.textP .chText{color:#666; line-height: 28px;}
.textP .enText{color:#CCC; font-size: 8px; line-height:24px;}

#part1 .imgP img{width:100%;}

#part2,#part5,#part9{background-color: #f2f2f2;}
#part2{padding-bottom: 40px;}
#part2 .col-md-4{margin-bottom: 60px;}
#part2 .col-md-4 img{margin-top:10px; margin-bottom: 60px;}
.funCon{float:right; width:80%;}
.funCon h4{font-weight: 700; margin-bottom: 26px;}
.funCon .chText{color:#666; line-height: 20px;}
.funCon .enText{color:#CCC; font-size: 8px; line-height:16px;}

#part3{padding-bottom: 0;}
.succCase li{ float:left; width:16.66%; position: relative;}
.succCase li img{width:100%;}
.succCase .caseInfo{display:none ; width:100%; height: 30%; min-height: 160px; text-align:center;  background-color: rgba(51,51,51,0.7); position: absolute; left:0; top:36%; padding: 30px 20px 20px;}
.succCase .caseInfo h4{color:#FFF;}
.succCase .caseInfo p{font-size: 20px; color:#FFF; line-height: 24px; text-align: left; }
.succCase .caseInfo a{display: inline-block; opacity: 1; background-color:#c21313; color:#FFF; width:40%; height: 34px; margin: 20px auto; line-height: 34px; text-align: center; }

.navPart4{text-align: center; margin-bottom: 30px;}
.navPart4 li{display: inline-block; width:110px; font-size: 14px; height: 24px; line-height: 24px; cursor: pointer;}
.navPart4 li.active{background-color: #ec1111; color:#FFF; border-radius: 12px;}
.itemP4{position: relative;}
.itemP4 img{height: 400px; width:1200px;border:1px solid #CCC;}
#part4 .owl-pagination{visibility:hidden;}
#part4 .owl-wrapper-outer{cursor: pointer;}
.detailsP4{width:380px; height: 400px; opacity:0.8; background-color: #000; position: absolute; left:0; top:0; color:#FFF; padding: 60px 30px 0 50px;}
.detailsP4 h4{line-height: 50px;}
.detailsP4 p{font-size:12px; line-height: 24px; margin-bottom: 30px; height: 144px; overflow-y: hidden;}
.detailsP4 button{width:200px; height:34px; background-color: #c21313; font-size: 14px; border:none;}
.detailsP4 button a{color:#FFF;}

#part5 .col-md-3{position: relative;  background: #FFF center 80px no-repeat; background-size: 60px; height: 400px;  text-align: center; padding: 150px 20px 0; line-height: 24px;}
@media (min-width: 1400px){
    #part5 .col-md-3{width: 22.75%; margin-right: 3%;height:500px; }
}
#part5 .col-md-3:nth-child(2){background-image: url('/Public/img/indexInfo_10.png'); }
#part5 .col-md-3:nth-child(3){background-image: url('/Public/img/indexInfo_20.png');}
#part5 .col-md-3:nth-child(4){background-image: url('/Public/img/indexInfo_30.png');}
#part5 .col-md-3:nth-child(5){background-image: url('/Public/img/indexInfo_40.png'); margin-right: 0;}
#part5 .col-md-3 h4{ font-weight: 700;}
#part5 .col-md-3 p{text-align: left;}
#part5 .col-md-3 button{width:200px; height:34px; border:1px solid #c21313; background-color:inherit; position: absolute; bottom:70px; left: 12%;}
#part5 .col-md-3.active{background-color:#c21313; color:#FFF; }
#part5 .col-md-3.active:nth-child(2){background-image: url('/Public/img/indexInfo_11.png'); }
#part5 .col-md-3.active:nth-child(3){background-image: url('/Public/img/indexInfo_21.png');}
#part5 .col-md-3.active:nth-child(4){background-image: url('/Public/img/indexInfo_31.png');}
#part5 .col-md-3.active:nth-child(5){background-image: url('/Public/img/indexInfo_41.png');}
#part5 .col-md-3.active button{ border:1px solid #FFF; }

#part6 .textP h4{line-height: 30px; margin: 0 0 10px;}
#part6 .textP .chText { line-height: 20px; margin-bottom: 14px; text-indent:24px;}
#part6 .imgP img{width:100%;}

#part7{height: 350px; background-image: url('/Public/img/indexfig_03.jpg'); margin-top: 50px; text-align: center; line-height: 150px; }
#part7 img:hover{width:150px; height: 150px; cursor: pointer;}
.playV{width:100px; height:100px; margin:20px auto 0; background-color: #c21313; opacity: 0.7; text-align: center;border-radius: 50px}
.playV span{font-size: 50px;  line-height: 100px; text-indent:10px; color:#FFF;  }
.videoW{display:none; position: fixed; top:120px; left: 0; right: 0; bottom:0; background-color: rgba(0,0,0,0.3);}
.videoW video{display: block; margin: 0 auto; border:6px solid #607D8B; border-radius: 6px; }
.videoW embed{display: block; margin: 0 auto; border:6px solid #607D8B; border-radius: 6px;}
.videoW span{position: absolute; right:20px; top:20px; display: inline-block; width:30px; height:30px; font-size: 18px; font-weight: 700; color: #FFF;}

#part8 .col-md-4{text-align: center;}
#part8 .col-md-4 h4{line-height: 20px; margin-top:20px;}
#part8 .col-md-4 h4 span{color:#cbcbbe;}
#part8 .col-md-4 p{font-size: 12px; line-height: 20px; color:#cbcbbe;}
#part8 .col-md-4 button{width:276px; height: 34px; border:1px solid #c21313; color:#c21313; background-color: #FFF; margin-top:24px;}
#part8 .col-md-4 button.active{background-color: #c21313; color:#FFF;}

#part9 input{width:31%; margin-right: 3.15%; background-color: inherit; height:40px; line-height: 40px; text-indent:10px; border:1px solid #CCC; border-radius: 3px; }
#part9 input:nth-child(3){margin-right: 0;}
#part9 textarea{margin: 20px 0; background-color: inherit; }
#part9 button{width:48%; height:40px; border:none; color:#FFF; border-radius: 3px;}
#part9 button.submit{background-color: #c21313; margin-right: 3.4%;}
#part9 button.reset{background-color: #cdcdcd; }

footer{background-color: #1a1a1a; padding:60px 0 20px; color:#666;}
.foot1 div,.foot3 div{float:right; width:70%;}
.foot1 div a{display: inline-block; width:30px; height:30px; margin-right: 10px;}
.foot1 div a:hover{color:#FFF}
.foot2{text-align: center;}
.foot2 h3{color:#fff; font-weight:700; margin:0 0 20px;}
.foot2 button{width:200px; height: 34px; background-color: #c21313; border-radius: 16px; border:none; color:#FFF; }
footer .container>p{text-align: center; font-size: 12px; margin-top: 30px;}
footer .container>p a{color:#AAA; display: inline-block; width:100px; height: 50px; line-height: 50px;}
.linkOuter a:nth-child(1){background-image: url("/Public/img/link11.png")}
.linkOuter a:nth-child(2){background-image: url("/Public/img/link21.png")}
.linkOuter a:nth-child(3){background-image: url("/Public/img/link31.png")}
.linkOuter a:nth-child(4){background-image: url("/Public/img/link41.png")}
.linkOuter a:nth-child(1):hover{background-image: url("/Public/img/link12.png")}
.linkOuter a:nth-child(2):hover{background-image: url("/Public/img/link22.png")}
.linkOuter a:nth-child(3):hover{background-image: url("/Public/img/link32.png")}
.linkOuter a:nth-child(4):hover{background-image: url("/Public/img/link42.png")}
#map{width:100px;height: 100px;float:left;}
#biggerMap{width:630px; height: 460px; position:fixed; z-index: 10000; left:50%; margin-left:-315px; top:220px; border:5px solid #BBB; background-color: #FFF; display:none;}
#mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index: 9999; background-color: #000; opacity: 0.2; display: none;}
#removebigM{width: 20px; height: 20px; background-image: url("/Public/img/remove.png");display: inline-block;position:absolute; top:6px; right:6px;}
iframe{width:100%;height: 100%; border:none;}

@media (max-width:800px){
    /*.navbar-brand img{width:40%;}*/
    .banner{margin-top:50px;}
    section{padding-top:50px;}

    #part8 .col-md-4{margin-bottom:20px;}

    #part9 input{width:100%; margin-right: 0; margin-bottom:6px;}
    #part9 button{width:100%;margin-bottom:6px;}

    footer .foot1{height: 100px;}
    footer .col-md-4{margin-bottom:20px;}

    #biggerMap{width:360px; height: 460px; margin-left:-190px; top:120px;}
    
    
    .itemP4 img {
        height: auto; 
        width: 100%; 
        border: 1px solid #CCC;
        width: 100%;
        height: 100px;
    }
    .detailsP4{
        position: relative;
        width: 100%;
        padding: 5px;
    }
    
    .detailsP4 button {
        margin-left: calc(50% - 100px);
    }
    
    .detailsP4 h4 {
        line-height: 50px;
        text-align: center;
    }
    .contect-image {
        width: 100%;
    }
    #part7{line-height: 270px; }
    .detailsP4 p{
        height: auto;
    }
    
    
/*-------------------------------------------------------------------------    */
    .textArea h1 {
        /* line-height: 80px; */
        /* margin-top: 0; */
        text-align: center;
    }
    
    
    .picArea, .textArea {
        width: 100% !important; 
        /*padding-top: 150px !important;*/
    }
/*-------------------------------------------------------------------------------------------*/
}
@media (max-width:800px){
    .funCon {width: 79%;}
    .foot1 div, .foot3 div { width: 60%;}
    
}





 .news {
    display: block;
    margin-left: 10px;
    height: 105px;
   
}
.news a {
    display: block;
    color: #000000;
}
.news  .time {
    width: 80px;
    height: 80px;
    background-color: #ec1111;
    color: white;
    
    font-size: 17px;
    line-height: 33px;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 5px;
}
.news .time b {
    font-size: 24px;
    display: block;
    margin: 0 auto;
    font-style: initial;
}
.news  .title {
   
    font-size: 14px;
    /*font-style: bold;*/
    font-weight: bold;
    /*width:220px;*/
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
}

.news .description {
    /*width: 280px;*/
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.red_underscore {
    margin-left: 30px; 
    width:120px   
}