@charset "utf-8";
@import url("jquery.zySlide.css");
/* CSS Document */

*{ margin:0; padding:0;}
html{ color:#333; background-color:#111;}
body{font-family:"Microsoft YaHei";font-size:14px;}
.clear{ clear:both;}
a{ font-size: 14px; color: #333; text-decoration: none;
transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;}
a:hover{
transition: color 0.6s, background-color 0.6s;
-moz-transition: color 0.6s, background-color 0.6s;
-webkit-transition: color 0.6s, background-color 0.6s;
-o-transition: color 0.6s, background-color 0.6s;
}
ul li{ list-style:none;}

#loutinav {width:148px;position: fixed;top: 200px;right: 100px; height: 433px; background: url(//i.17173cdn.com/2fhnvk/YWxqaGBf/cms3/KWuWwIblEshktfF.png); display: none; z-index: 9999999;}
#loutinav a.toHome{ display: block; width:148px; height: 46px; margin-top: 107px; font-size: 20px; color: #333; text-align:center; line-height: 46px;}
#loutinav ul{ display: block; width: 148px; height: 148px; margin-top: 12px;}
#loutinav ul li {width: 148px;height: 35px; float:left;list-style: none;font-size: 12px;text-align: center;position: relative;
cursor: pointer; color: #333;}
#loutinav ul li span {width: 148px; height:35px; line-height: 35px;}
#loutinav ul li.last {display: block; width: 74px; height: 66px; left:37px; top: 5px; text-align: center;}
#loutinav ul li.active span {background: #EE4832; color: #fff;display: block;}
#loutinav ul li:hover span {background: #EE4832;color: #fff;display: block;}


.header {width: 100%;height: 992px; color: #000; background: url(//i.17173cdn.com/2fhnvk/YWxqaGBf/cms3/EnHmpyblEsjjqhf.jpg) no-repeat top center; position: relative;}
.top-main{ width: 1200px; height:200px; margin: auto; }
.header p.logo{ display: block; padding-top: 60px;}
.header p.title{ display: block; padding-top: 50px;}
.spot-box{position: absolute;bottom: 250px;left: 0;width: 100%;height: 50%;overflow: hidden;}
.spot-box img {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 56%;
    display: block;
}
.spot01 {
    left: -30%;
    -webkit-animation: spot_up 5.5s 1s linear infinite;
    animation: spot_up 5.5s 1s linear infinite;}
    
    .spot02 {
    left: 0%;
    -webkit-animation: spot_up 5.5s 1s linear infinite;
    animation: spot_up 5.5s 1s linear infinite;}
    
    .spot03 {
    right: -30%;
    -webkit-animation: spot_up 5.5s 1s linear infinite;
    animation: spot_up 5.5s 1s linear infinite;}
@-webkit-keyframes spot_up {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes spot_up {
    from {
        opacity: 1;
        transform: translate3d(0, 100%, 0);
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes tab_up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 150%, 0);
    }
    80% {
        -webkit-transform: translate3d(0, -5%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes tab_up {
    from {
        opacity: 0;
        transform: translate3d(0, 150%, 0);
    }
    80% {
        transform: translate3d(0, -5%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.nav{ width: 1200px; height:160px; margin: auto; margin-top: 20px;}
.mav-main{ width: 1200px; height: 160px; margin: auto;}
.mav-main a{ display: block; width: 140px; height: 140px; border-radius: 100px; float: left;font-size: 18px; text-align: center; color: #fff; background: #000; border:solid 5px #EE4832; margin-left: 77px; font-size: 22px; line-height: 140px;-moz-border-radius: 100px; /* Firefox */
  -webkit-border-radius: 100px; /* Safari 和 Chrome */}
.mav-main a:hover{ background: #EE4832; color: #000; border:solid 5px #000; box-shadow: 0px 0px 10px #EE4832;}

.one{ width: 100%; height: 700px; background: url(//images.17173cdn.com/2017/xcbw/171110/o_bg.jpg) no-repeat center; background-size: 100%; overflow: hidden; margin-top: 30px;}
.two{ width: 100%; height: 700px; background: url(//images.17173cdn.com/2017/xcbw/171110/t_bg.jpg) no-repeat center; background-size: 100%; margin-top: 30px;}
.three{ width: 100%; height: 700px; background: url(//images.17173cdn.com/2017/xcbw/171110/th_bg.jpg) no-repeat center; background-size: 100%; margin-top: 60px;}
.four{ width: 100%; height: 700px; background: url(//images.17173cdn.com/2017/xcbw/171110/f_bg.jpg) no-repeat center; background-size: 100%; overflow: hidden; margin-top: -30px;}
#footer {width: 100%;height: auto; margin-top: 100px;}

.five{ width: 100%; height: 700px; background: url(//images.17173cdn.com/2017/xcbw/171110/fi_bg.jpg) no-repeat center; background-size: 100%; overflow: hidden;}


.one-main{ width: 1200px; height: 546px; margin: auto; margin-top: 77px; overflow: hidden;}
.om-video{ width: 1000px; float: left;}
.om-pic{ width: 200px; height: 546px; float: left;}
.v-main{ width: 980px; height:546px ; background: #EE4832; padding: 10px;}
.om-video p{ display: block; margin-top: 20px;}



.two-main{ width: 1200px; height: 590px; margin: auto; margin-top: 40px;}
.tm-left{ width: 1000px; height: 590px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/tl_bg.jpg);}
.tm-right{ width: 200px; height: 590px; float: left;}
.tml-main{ width: 900px; height: auto; margin: auto; color: #333; padding-top: 40px;}
.tml-main p{ display: block; font-size: 26px; color: #333;}
.ss-about{ width: 900px; font-size: 14px; line-height: 30px; padding-top: 30px; margin-bottom: 20px;}
.tml-main img.qb{ display: block; width: 257px; height: 209px; margin: auto; margin-top: 20px;}
.jl-main{ width: 500px; height: 172px; margin:auto ; background: #304053; border-radius: 200px; margin-top: 30px; overflow: hidden;}
.jl-main img{display: block; height:107px ; width: 107px; margin: auto; margin-top: 32px;}
.jl-main img:hover{    -moz-transition: transform .8s;
    -webkit-transition: transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}



.tml-main a.jc-btn{ display: block; width: 272px; height: 70px; margin: auto; background: url(//images.17173cdn.com/2017/xcbw/171110/jc_btn.png); margin-top: 30px;}
.tml-main a.jc-btn:hover{ background: url(//images.17173cdn.com/2017/xcbw/171110/jc_btn1.png);}


.th-main{ width: 1200px; height: 590px; margin: auto; margin-top: 38px;}
.thm-left{ width: 200px; height: 590px; float: right;}
.thm-right{ width: 1000px; height: 590px;background: url(//images.17173cdn.com/2017/xcbw/171110/thm_right.jpg);overflow: hidden; position: absolute; }
.zjs{ width: 112px; height: 160px; position: absolute; top: 240px; left: 444px;}
.duiz{ width: 914px; height: 490px; position: relative; left: 43px; top:50px}
.zjs p{ text-align: center;}
.zjs span{ display: block; width: 112px; height: 32px; background: #EE4832; border-radius: 100px; text-align: center; line-height: 32px; color: #fff;}
.zjs label{ display: block; text-align: center; color: #333;}
.left-8{ width: 425px; height: 490px; float: left;}
.right-8{ width: 425px; height: 490px; float: right;}
.box-8{ width: 100px; height: 490px; float: left;}
.box-8 a.box8{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff;}
.box-8 p.sl-one{ width: 100px; height: 96px;}
.box-8 p.sl-two{ width: 100px; height: 96px; margin-top: 35px;}
.box-8 p.sl-three{ width: 100px; height: 96px; margin-top: 35px;}
.box-8 p.sl-four{ width: 100px; height: 96px; margin-top: 35px;}
.box-8 a.sl-1{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff;}
.box-8 a.sl-2{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff; margin-top: 12px;}

.box-8-right{ width: 100px; height: 490px; float: right;}
.box-8-right a.box8{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff;}
.box-8-right p.sl-one{ width: 100px; height: 96px;}
.box-8-right p.sl-two{ width: 100px; height: 96px; margin-top: 35px;}
.box-8-right p.sl-three{ width: 100px; height: 96px; margin-top: 35px;}
.box-8-right p.sl-four{ width: 100px; height: 96px; margin-top: 35px;}
.box-8-right a.sl-1{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff;}
.box-8-right a.sl-2{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff; margin-top: 12px;}


.box-bq{ width: 125px; height: 490px; float: left;}
.box-bq p.bq-one{ display: block; width: 125px; height:70px;margin-top:15px;}
.box-bq p.bq-two{ display: block; width: 125px; height:70px;  margin-top:60px;}
.box-bq p.bq-three{ display: block; width: 125px; height:70px; margin-top:60px;}
.box-bq p.bq-four{ display: block; width: 125px; height:70px; margin-top:60px;}

.box-bq p span.bq-top{ display: block; width: 125px; height: 14px;}
.box-bq p a{ display: block; width: 100px; height: 42px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff;}
.box-bq p span.bq-down{ display: block; width: 125px; height: 14px;}



/*8强，右*/

.box-bq-right{ width: 125px; height: 490px; float: right;}
.box-bq-right p.bq-one{ display: block; width: 125px; height:70px;margin-top:15px;}
.box-bq-right p.bq-two{ display: block; width: 125px; height:70px;  margin-top:60px;}
.box-bq-right p.bq-three{ display: block; width: 125px; height:70px; margin-top:60px;}
.box-bq-right p.bq-four{ display: block; width: 125px; height:70px; margin-top:60px;}

.box-bq-right p span.bq-top-right{ display: block; width: 125px; height: 14px;}
.box-bq-right p a{ display: block; width: 100px; height: 42px; background: url(//images.17173cdn.com/2017/xcbw/171110/box8.png); text-align: center; line-height: 42px; color: #fff;}
.box-bq-right p span.bq-down-right{ display: block; width: 125px; height: 14px;}





.sq{ width: 100px; height: 490px;float: left;}
.sq p.sq-one{ display: block; width: 100px; height: 130px;margin-top: 50px;}
.sq p.sq-two{ display: block; width: 100px; height: 130px;margin-top: 130px;}
.sq p span.sq-top{display: block; width: 50px; height:43px ; border-top: solid 1px #333; border-right: solid 1px #333;}
.sq p a{ display: block; width: 100px; height: 42px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/box88.png); text-align: center; line-height: 42px; color: #333; clear: both;}
.sq p span.sq-down{display: block; width: 50px; height:43px; border-bottom: solid 1px #333; border-right: solid 1px #333;overflow: hidden;}

/*四强右*/
.sq-right{ width: 100px; height: 490px;float: right;}
.sq-right p.sq-one{ display: block; width: 100px; height: 130px;margin-top: 50px;}
.sq-right p.sq-two{ display: block; width: 100px; height: 130px;margin-top: 130px;}
.sq-right p span.sq-top-right{display: block; width: 50px;height:43px ;float: right;  border-top: solid 1px #333; border-left: solid 1px #333;}
.sq-right p span.sq-down-right{display: block; width: 50px; float: right; height:43px ; border-bottom: solid 1px #333; border-left: solid 1px #333; overflow: hidden;}
.sq-right p a{ display: block; width: 100px; height: 42px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/box88.png); text-align: center; line-height: 42px; color: #333; clear: both;}




.eq{ width: 100px; height: 490px; float: left;}
.eq p.eq-one{ display: block; width: 100px; height: 260px;margin-top: 116px;}

.eq p span.eq-top{display: block; width: 50px; height:108px ; border-top: solid 1px #333; border-right: solid 1px #333;}
.eq p a{ display: block; width: 100px; height: 42px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/box88.png); text-align: center; line-height: 42px; color: #333; clear: both;}
.eq p span.eq-down{display: block; width: 50px; height:108px; border-bottom: solid 1px #333; border-right: solid 1px #333;overflow: hidden;}

.eq p span.eq-top-right{display: block; width: 50px; float: right; height:108px ; border-top: solid 1px #333; border-left: solid 1px #333;}

.eq p span.eq-down-right{display: block; width: 50px;float: right;  height:108px; border-bottom: solid 1px #333; border-left: solid 1px #333;overflow: hidden;}


.eq1{ width: 100px; height: 490px; float: right;}
.eq1 p.eq1-one{ display: block; width: 100px; height: 260px;margin-top: 116px;}

.eq1 p span.eq1-top{display: block; width: 50px; height:108px ; border-top: solid 1px #333; border-right: solid 1px #333;}
.eq1 p a{ display: block; width: 100px; height: 42px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/box88.png); text-align: center; line-height: 42px; color: #333; clear: both;}
.eq1 p span.eq1-down{display: block; width: 50px; height:108px; border-bottom: solid 1px #333; border-right: solid 1px #333;overflow: hidden;}

.eq1 p span.eq1-top-right{display: block; width: 50px; float: right; height:108px ; border-top: solid 1px #333; border-left: solid 1px #333;}

.eq1 p span.eq1-down-right{display: block; width: 50px;float: right;  height:108px; border-bottom: solid 1px #333; border-left: solid 1px #333;overflow: hidden;}


.duiz a{ display: block; border-radius: 3px;}
.duiz a:hover{ -webkit-box-shadow:0 0 10px #000;  
  -moz-box-shadow:0 0 10px #000;  
  box-shadow:0 0 10px #000;  }
  
  
  
.four-main{ width: 1200px; height: 590px; margin: auto; margin-top: 60px;}
.fm-left{ width: 980px; height: 570px; float: left; background: #fff; border-top:solid 10px #2C452F;border-left:solid 10px #2C452F;border-right:solid 10px #EE4832;border-bottom:solid 10px #EE4832;}
.fm-right{ width: 200px; height: 590px; float: right;}
.fl-pic{ width: 300px; height:470px ; float: left;margin-left: 50px; margin-top:50px ;}
.fr-text{ width: 560px; height: 470px; float: left; margin-left: 30px; color: #333; margin-top: 50px; line-height: 30px;}
.fr-text p.heroName{ display: block; font-size:30px; color: #EE4832; font-weight: bold; margin-left: -14px; margin-bottom: 40px;}
.fr-text span{ display: block; font-size: 16px; color: #333; font-weight: bold; margin-top: 30px;}

.five-main{ width: 1200px; height: 590px; margin: auto; margin-top: 80px;}
.fim-left{ width: 1000px; height: 590px; float: right; background: url(//images.17173cdn.com/2017/xcbw/171110/fim_right.jpg);}
.fim-right{ width: 200px; height: 590px; float: left;}
.fil-mm{ width: 800px; height: 490px;margin:auto ; margin-top: 50px;}

#tab{width:800px;position:relative;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; background: #eee;}
#tab .tab_menu li{float:left;width:200px;height:50px;line-height:50px;cursor:pointer;text-align:center;}
#tab .tab_box{width:100%;height:420px;clear:both;top:70px;position:relative;}
#tab .tab_menu .selected{background-color:#EE4832;cursor:pointer; color: #fff;}
.hide{display:none;}



.sliderbox{width:890px;height:172px; margin: auto;}
.arrow-btn{margin:35px 0 0 0;display:inline;background:url(//images.17173cdn.com/2017/xcbw/171110/arrow-btn.png) no-repeat;width:26px;height:124px;overflow:hidden;cursor:pointer;}
#btn-left{float:left;margin-left:12px;background-position:0 0;}
#btn-left.dasabled{background-position:0 -124px;}
#btn-right{float:right;margin-right:6px;cursor:pointer;background-position:-26px 0;}
#btn-right.dasabled{background-position:-26px -124px;}
.slider{width:800px;overflow:hidden;position:relative;height:172px;float:left; z-index: 9999;}
.slider ul{position:absolute;left:0px;top:7px;width:1800px;height:140px;list-style:none;}
.slider li{float:left;width:160px;height:140px;}
.slider a{display:block;text-decoration:none;color:#073a5e;font-size:12px;font-weight:bold;text-align:center;margin-top:24px;}
.slider img{width:110px;display:inline-block!important;}

#d_tab29 ul,#d_tab29 li{margin:0;padding:0;list-style:none}
#d_tab29 img{border:0;vertical-align:top}



#d_tab29{position:relative; top: 40px; height:410px;no-repeat center 0;text-align:left}
#d_tab29 .d_img{position:relative;margin:0 auto;width:860px;height:100%} 
#d_tab29 .d_img li{position:absolute;display:none;z-index:0}
#d_tab29 .d_img li img{width:100%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  
  box-shadow:0 0 10px rgba(0, 0, 0, .5); }
	
 
#d_tab29 .d_img li.d_pos1{display:block;width:400px;left:0%;top:60px;z-index:1}
#d_tab29 .d_img li.d_pos2{display:block;width:450px;left:10%;top:40px;z-index:2}
#d_tab29 .d_img li.d_pos3{display:block;width:500px;left:22%;top:20px;z-index:3;}
#d_tab29 .d_img li.d_pos4{display:block;width:450px;right:10%;top:40px;z-index:2}
#d_tab29 .d_img li.d_pos5{display:block;width:400px;right:0%;top:60px;z-index:1;}


#d_tab29 .d_menu{position:absolute;bottom:20px;width:100%;text-align:center}
#d_tab29 .d_menu li{display:inline-block;zoom:1;*display:inline;background:url('img/btn.png') no-repeat 0 0;width:12px;height:12px;cursor:pointer;margin-right:3px}
#d_tab29 .d_menu li.d_select{background:url('img/btn.png') no-repeat 0 -18px}

#d_tab29 .d_next{position:absolute;left:50%;margin-left:435px;top:145px;z-index:10;cursor:pointer}
#d_tab29 .d_prev{position:absolute;left:50%;margin-left:-485px;top:145px;z-index:10;cursor:pointer}
.mes{ width: 1200px; height: 160px; margin: auto;}
.ly{ width: 1160px; height: auto; margin: auto; background:#eee; padding: 20px; font-size: 14px; line-height: 30px; color: #333;}