@charset "utf-8";
/* CSS Document */
body{margin:0px !important; padding:0px; font-family: "microsoft yahei"; color:#666; overflow-x:hidden;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.clear{clear:both;height:0;overflow:hidden;}
a:link, a:visited {
text-decoration: none;
}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family: "microsoft yahei"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.show2 { margin: 0 !important;font-size: 16px !important; }
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal { max-width: 1188px; margin: 0 auto; }


.w348{ width:348px; overflow:hidden;}
.w790{ width:790px; overflow:hidden;}
.edit{min-height:300px;}
.edit img{display:inline-block;max-width:100%;height:auto !important;}
.edit p,.edit ,.edit a{font-size:17px;color:#585858;line-height:30px;}                        
.edit div{font-size:17px;color:#585858;line-height:30px;}

.edit2 img{display:inline-block;max-width:100%;height:auto !important;}
.edit2 p,.edit2 ,.edit2 a{font-size:17px;color:#585858;line-height:30px;}                        
.edit2 div{font-size:17px;color:#585858;line-height:30px;}


.headDiv{ height:121px;width: 1554px;margin: 0 auto; overflow: hidden;}
.logo {width: 350px;float: left;}
.logo img { display: block;width: 100%; }
.phone { width: 421px;float: right; margin-top: 51px;}
.phone p { font-size: 30px;font-weight: bold;color: #fc1400;background: url(/xcp/images/phone.jpg) no-repeat left center; padding-left: 62px;line-height: 47px;}
.banner-pagination {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom:16px;
        right:0;
        text-align:center;
}
.swiper-pagination-switch {
        display:inline-block;
        width:10px;
        height:10px;
        border-radius:10px;
        margin:0 5px;
        opacity:1;
        cursor:pointer;
        background:#cccccc;
}
.swiper-visible-switch {
        background:#da0000;
}
.swiper-active-switch {
        background:#da0000;
        opacity:1;
}
.swiper-slide {
        float: left;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align:center;
}
.swiper-slide img{
      max-width:100%;
      height:auto;
}
.banner{
        width:100%;
        margin:0px auto;
}
.banner img{
        max-width:100%;
}
.banner-container {
        z-index:2;
        margin:0 auto;
        position:relative;
        overflow:hidden;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        -o-backface-visibility:hidden;
        backface-visibility:hidden;
        /* Fix of Webkit flickering */
}
.banner-wrapper {
        position:relative;
        width:100%;
        -webkit-transition-property:-webkit-transform, left, top;
        -webkit-transition-duration:0s;
        -webkit-transform:translate3d(0px,0,0);
        -webkit-transition-timing-function:ease;

        -moz-transition-property:-moz-transform, left, top;
        -moz-transition-duration:0s;
        -moz-transform:translate3d(0px,0,0);
        -moz-transition-timing-function:ease;

        -o-transition-property:-o-transform, left, top;
        -o-transition-duration:0s;
        -o-transform:translate3d(0px,0,0);
        -o-transition-timing-function:ease;
        -o-transform:translate(0px,0px);

        -ms-transition-property:-ms-transform, left, top;
        -ms-transition-duration:0s;
        -ms-transform:translate3d(0px,0,0);
        -ms-transition-timing-function:ease;

        transition-property:transform, left, top;
        transition-duration:0s;
        transform:translate3d(0px,0,0);
        transition-timing-function:ease;

        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}




/* Large Screen Styles*/
@media screen and (min-width: 768px) {
.the-nav { display: block;}
.the-nav .nav {  display: block; }
.the-nav .nav-pill:after { content: "";  display: table; clear: both;}
.the-nav > .nav { margin: 0;line-height: normal;}
.the-nav > .nav > li { display:block;  position:relative;    float:left;   /*line-height:65px;*/    text-align:center;}
.the-nav > .nav > li p{}
.the-nav > .nav > li .caret { margin-top:8px; margin-left:2px; border-top-color:#A7A7A7; border-bottom-color:#A7A7A7;}
.the-nav > .nav > li a {  display:block;  color:#414141; font-weight:500; text-decoration:none;  font-size:17px;  }
.the-nav > .nav > li:hover > a { color:#545454;}
.the-nav > .nav > li:hover .subnav {  display:block; }
.the-nav > .nav > li:hover .caret {  border-top-color: #303030; border-bottom-color: #303030;}
}
@media screen and (max-width: 767px) {
.navbar .nav-collapse {  display: none; }
  
}

/*main1*/
.main1 { padding-top: 77px; background-color: #f7f7f7;}
.bt {  }
.bt h5 { text-align: center;font-size: 50px;color: #000000; background: url(/xcp/images/bt-h5-bj.jpg) no-repeat bottom center;line-height: 98px;font-weight: normal;margin-bottom: 26px;}
.bt-1 p { text-align: center;font-size: 17px;color: #727272;line-height: 24px; }
.index_tab { text-align: center;margin-bottom: 74px;margin-top: 21px; }
.index_tab a { font-size: 21px;color: #000000;display: inline-block;line-height: 53px;width: 191px;height: 53px; background-color: #ebebeb;border-radius: 7px;text-align: center;margin: 0 9px;}
.index_tab a:hover,.index_tab .index_tab-ts { background-color: #c01b0d;color: #fff; font-weight: bold;}
.list ul { overflow: hidden; }
.list ul li { width: 25%;float: left; }
.list ul li img { display: block; }

.index_cont div { display: none; }
.index_cont .div_show {display: block;}


.main2 { padding-bottom: 110px; background: url(/xcp/images/main2-bj.jpg) no-repeat bottom center;padding-top: 66px;}
.main2-1 { overflow: hidden; width: 1554px;margin: 50px auto 0;}
.main2-1-1 { width: 663px;float: left;margin-top: 34px; }
.main2-1-1 h5 { font-size: 26px;font-weight: normal;line-height: px;color: #333333;margin-bottom: 13px; }
.main2-1-1 h4 { font-size: 55px;line-height: 78px; font-family: 'Arial';color: #333333;background: url(/xcp/images/bt-h5-bj.jpg) no-repeat bottom left;margin-bottom: 27px;padding-bottom: 39px;}
.main2-1-1-1 p { font-size: 17px;line-height: 29px;color: #727272; }
.main2-1-1-2 p { font-size: 26px;line-height: 37px; font-family: 'Arial';color: #333333;background: url(/xcp/images/main2-1-1-2-bj.jpg) no-repeat left center;padding-left: 148px;font-weight: bold;margin-top: 90px; }


.main2-1-2 { width: 777px;float: right; }
.main2-1-2 img { display: block;width: 100%; }

.main3 { background: url(/xcp/images/main3-bj.jpg) no-repeat bottom center; padding-bottom:   93px;padding-top: 56px;}
.main3 .bt h5 ,.main3 .bt-1 p{ color: #fff; }

.main3-1 { width: 1544px;margin: 27px auto 0; background-color: #e5e5e5;}
.main3-1 ul { overflow: hidden; }
.main3-1 ul li { float: left;width: 20%;padding: 0 15px;border-right: 1px solid #1f1f1f;height: 288px; }
.main3-1 ul li:first-child { background-color: #d91703; }
.main3-1 ul li:first-child .main3-1-1 { border-bottom: 1px dashed #fff; }
.main3-1 ul li:first-child h5 ,.main3-1 ul li:first-child .main3-1-2 p { color: #fff; }
.main3-1-ts-1 { border-bottom: 1px solid #1f1f1f; }
.main3-1-1 { border-bottom: 1px dashed #000000; padding-bottom: 20px;margin: 0 17px 20px;}
.main3-1-1-1 { margin: 37px auto 15px; }
.main3-1-1 h5 { font-size: 26px;color: #000000;text-align: center;font-weight: normal;line-height: 37px; }
.main3-1-2 p { text-align: center;line-height: 30px;font-size: 17px;color: #525151; }
.main3-1-1-1 img { display: block;margin: 0 auto; }

.main4 { width: 1554px;margin: 74px auto 112px; }
.main4-1 { overflow: hidden; margin-bottom: 75px;margin-top: 61px}
.main4-1-1 { width: 777px;float: left; }
.main4-1-1 img { display: block;width: 100%; }
.main4-1-2 { width: 777px;float: right;margin-top: 23px; }
.main4-1-2 li { margin-bottom: 40px; margin-left: 74px;}
.main4-1-2 li h5 { font-size: 26px;line-height: 61px; color: #ee1600;background: url(/xcp/images/main4-1-2-h5-bj.jpg) no-repeat bottom left;margin-bottom: 22px; }
.main4-1-2 li p { font-size: 17px;line-height: 28px; color: #727272; }
.main4-2 { overflow: hidden; }
.main4-2 .main4-1-2 { float: left; width: 690px}
.main4-2 .main4-1-1 { float: right; }
.main4-2 .main4-1-2 li {  margin-left: 0;}


.main5 { background: url(/xcp/images/main5-bj.jpg) no-repeat bottom center; padding-bottom:   71px;padding-top: 57px;}
.main5 .bt h5 ,.main5 .bt-1 p{ color: #fff; }
.main5-1 { width:   1568px;margin:  52px auto 0; }
.main5-1 ul { overflow: hidden; }
.main5-1 ul li { width: 245px;float: left;margin: 0 8px; }
.main5-1-1 img { display: block;width: 245px;height: 395px; }
.main5-1-2 { background-color: #fff;width: 202px;height: 80px;border-radius: 8px; padding-top:     16px;margin: -44px auto 0;position: relative;z-index: 99999;}
.main5-1-2 p { font-size:   22px;text-align:  center; color: #575656;line-height:   32px;font-weight:   normal;  }
.main5-1-2 span { font-size:   15px;text-align:  center; color: #575656;line-height:   24px; display: block; font-family:     'Arial';}
.main6 { margin: 84px 0 94px; }
.main6-1 { margin-bottom: 72px; }
.main6-1 h5 { font-size: 30px;color: #000000;line-height: 40px;text-align: center; margin-bottom: 10px;}
.main6-1 h4 { font-size: 46px;color: #d10202;line-height: 55px;text-align: center; font-family: 'Arial';}
.main6-2 ul {  width: 1372px;margin: 0 auto; }
.main6-2 ul li { width: 590px;float: left;margin: 0 48px; overflow: hidden;border:1px solid #fefefe;box-shadow:5px 5px 5px #f1f1f0,5px -5px 5px #f1f1f0,-5px 5px 5px #f1f1f0,-5px -5px 5px #f1f1f0;padding-top: 27px;padding-bottom: 30px;border-radius: 10px;background: url(/xcp/images/main6-2-li-bj.jpg) no-repeat top center;}
.main6-2-1 { width: 245px;float: left;margin-left: 68px;margin-top: 46px;}
.main6-2-1 h5 { font-size: 28px;color: #000000;line-height: 38px;font-weight: normal; margin-bottom: 7px;}
.main6-2-1 p { font-size: 26px;color: #aaaaaa;line-height: 30px;font-weight: normal;font-family: 'Arial'; }
.main6-2-2 { width: 154px;float: right;margin-right: 43px; }
.main6-2-2 img { display: block;width: 152px;height: 152px;border: 1px solid #e6e6e6; }

/*底部*/
.footer{ padding-bottom: 98px;padding-top: 44px;background-color: #1d1d1d;}
.footer1 { width: 1554px;margin: 0 auto;overflow: hidden;}
.footer1-1 {width: 731px;float: left;}
.footer1-1-1 { margin-bottom: 18px; }
.footer1-1-1 img { display: block; }
.footer1-1-2 { margin-bottom: 30px; }
.footer1-1-2 p { font-size: 16px;line-height: 27px;color: #ffffff; }
.footer1-1-3 h5 { font-family: 'Trebuchet MS';font-size: 55px; color: #fff; background: url(/xcp/images/footer1-1-3-h5-bj.jpg) no-repeat center left;padding-left: 108px;line-height: 61px;}
.footer1-2 {width: 748px;float: right;overflow: hidden;}
.footer1-2-1 { width: 297px;float: left; }
.footer1-2-2 { width: 451px;float: right; }
.footer1-2-1 h5,.footer1-2-2 h5 { font-size: 20px;color: #ffffff;line-height: 56px; background: url(/xcp/images/footer1-2-1-h5-bj.jpg) no-repeat bottom left;padding-left: 8px;margin-bottom: 21px;font-weight: normal; }
.footer1-2-1-1 p,.footer1-2-1-1 p a { display: block;font-size: 16px;color: #ffffff;line-height: 34px; }
.ft { background-color: #000000; padding-top: 28px;padding-bottom: 26px;}
.ft p ,.ft p a { text-align: center;font-size: 16px; line-height: 27px;color: #fff;}

@media screen and (max-width:1440px){
.headDiv ,.main2-1 ,.main3-1 ,.main4 ,.main5-1 ,.footer1 { width: 96%; }
.list ul li img { width: 100%;height: auto; }
.main2-1-1 { width: 47%;margin-right: 3%; }
.main2-1-2 { width: 50%; }
.main2-1-1-2 p { margin-top: 50px; }
.main3-1-2 p { font-size: 15px; }
.main4-1-1 { width: 50%; }
.main4-1-2 { width: 50%; }
.main4-2 .main4-1-2 { width: 46%; }
.main5-1 ul li { width: 14.66%;margin: 0 1%; }
.main5-1-1 img { width: 100%;height: auto; }
.main5-1-2 { width: 80%; }
.footer1-1 { width: 49%; }
.footer1-2 { width: 48%; }
.footer1-2-1 { width: 41%; }
.footer1-2-2 { width: 56%; }
}

@media screen and (max-width:1366px){
.main2-1-1 h4 { line-height: 69px;padding-bottom: 9px; }
.main2-1-1-2 p { margin-top: 20px; }
.main3-1-2 p { font-size: 14px;line-height: 24px; }
.main5-1-2 span { font-size: 13px; }
.main6-2 ul { width: 96%; }
.main6-2 ul li{ width: 46%;margin: 0 2%;}



}
@media screen and (max-width:1360px){
    .main6-2 ul
}
@media screen and (max-width:1280px){
.main1 { padding-top: 6%; }
.main2 { padding-top: 4%; }
.index_tab { margin-bottom: 3%;margin-top: 2%; }
.main2 {padding-bottom: 6%;}
.main4-1 { margin-top: 3%;margin-bottom: 2%; }
.main4-1-2 { margin-top: 0; }
.main4-1-2 li { margin-bottom: 2%; }
 .fo3{line-height:70px;font-size:23px;}
}
@media screen and (max-width:1024px){
    .phone { margin-top: 5%; }
    .bt h5 { font-size: 40px;    line-height: 80px;margin-bottom: 1%; }
    .index_tab a { width: 14.66%;margin: 0 1%;font-size: 16px;    height: 47px;line-height: 47px; }
    .main2-1 { margin: 2% auto 0; }
    .main2-1-1 h4 { line-height: 46px;padding-bottom: 9px;margin-bottom: 1%; font-size: 36px;}
    .main2-1-1-1 p {font-size: 14px;line-height: 24px;}
    .main2-1-1-2 p {     margin-top: 1%;font-size: 20px; }
    .main3-1 ul li { padding: 0 1%; }
    .main3-1-2 p { font-size: 12px; }
    .main4 { margin: 3% auto 5%; }
    .main4-1-2 li {     margin-left: 3%; }
    .main4-1-2 li h5 {     font-size: 20px;margin-bottom: 1%;    line-height: 54px; }
    .main4-1-2 li p { font-size: 12px;line-height: 22px; }
    .main5-1-2 p { font-size: 18px; }
    .main5-1-2 span {font-size: 12px;line-height: 14px;}
    .main6 { margin: 4% 0; }
    .main6-1 { margin-bottom: 3%; }
    .main6-1 h4 {font-size: 38px;}
    .main6-2-1 {     width: 239px;margin-left: 3%; }
    .main6-2-2 { margin-right: 3%; }
    .footer { padding: 4% 0 5%; }
    .footer1-1-2 p ,.ft p, .ft p a{ font-size: 14px;line-height: 26px; }
    .footer1-1-3 h5 { font-size: 40px; }
    .footer1-2-1-1 p, .footer1-2-1-1 p a { font-size: 14px;line-height: 30px; }
.fo3{line-height:65px;font-size:20px;}
}
@media screen and (max-width:900px){
   .phone p { font-size: 26px; }
   .bt-1 p { font-size: 12px;line-height: 18px;padding: 0 3%; }
   .main3-1-2 p { line-height: 18px; }
   .main5 ,.main6-2 ul li{background-size: 100% 100%;}
   .main5-1 ul li { width: 29.33%;margin: 0 2% 3%; }
   .main6-2 ul li { width: 80%;margin: 0 10% 5%; }
   .main2-1-1 { margin-top: 2%; }
}

@media screen and (max-width:810px){
     .footer1-1-3 h5 { font-size: 32px;}
     .phone { width: 388px;margin-top: 6%; }
}

@media screen and (max-width:768px){
    .headDiv { height: 98px; }
    .logo {width: 32%;}
    .phone {    margin-top: 4%;width: 298px;}
    .phone p { font-size: 20px;}
    .main2-1-1 { width: 100%;float: none;margin-right:0; margin-bottom: 2%;}
    .main2-1-2 { width: 100%; }
    .main3 { background-size: 100% 100%; }
    .main3-1 ul li { width: 25%; }
    .main3-1 ul .main3-1-ts-2 { border-bottom: 1px solid #1f1f1f; }
    .main4-1-1,.main4-1-2 ,.main4-2 .main4-1-2{ width: 100%;float: none; }
    .main4-2 .main4-1-2 {     margin-left: 3%; }
    .footer1-1,.footer1-2 { width: 100%;float: none; }
    .footer1-1 { margin-bottom: 3%; }
    .footer1-2-1 { margin-left: 3%; }
    .ft { padding: 3% 2%; }
}
@media screen and (max-width:767px){

}
@media screen and (max-width:640px){
    .index_tab a { font-size: 12px; }
    .bt h5 { font-size: 30px; line-height: 70px; }
}
@media screen and (max-width:480px){
    .phone p { background: none;font-size: 14px;padding-left: 0; }
    .logo { width: 40%; }
    .phone {  margin-top: 3%;  width: 174px;}
    .headDiv { height: 76px;}
    .main3-1 ul li { width: 50%; }
    .main6-2 ul li { width: 100%;margin: 0 auto 5%; }



}
@media screen and (max-width:430px){
    .index_tab a { width: 31.33%;       margin: 0 1% 2%; }
    .main6-2-1 { width: 50%; }
    .main6-2-1 h5 { font-size: 24px; }
    .main6-2-1 p { font-size: 19px; }
    .main5-1 ul li { width: 46%; }
}

@media screen and (max-width:360px){
    .headDiv { height: 66px;}
    .logo {  width: 45%;}
    .main2-1-1 h5 { margin-bottom: 1%; }
    .main6-2-1 { margin-left: 2%; }
    .footer1-1-3 h5 { font-size: 28px;}
}

.fo3{background:#c41000;text-align:center;line-height:81px;font-size:26px;font-weight:bold;}
.fo3 a{color:#d2d2d2;}