@charset "utf-8";

html { font-family:"微软雅黑"; font-size:14px;} 

html,body{ height:100%; }

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }

body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}

a, a:hover { text-decoration: none; outline: none;  }

a{ color:#5c5c5c;}

a{transition:all .36s;text-decoration:none}

a:hover{text-decoration:none}

a:focus{text-decoration:none;outline:0}

a:not([href]){cursor:default}

p{ margin:0; padding:0;}

:link, :visited{text-decoration: none;}

ul,li { list-style: none }

img { border: none; max-width:100%;}

input, select, textarea { border: none; outline: none; background: none }

em,i { font-style: normal }

h1, h2, h3, h4, h5, h6 { font-weight: normal }

.clear{clear:both; width:100%; overflow:hidden;}

.clearfix::after{ clear: both; display: block; height: 0; content: '';}

/* clear */

.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }

.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }

.fn-clear { visibility: hidden; clear: both; }

a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }

::-ms-clear, ::-ms-reveal{display: none; }

/*td{ border:1px solid #000}*/

.zj{ width:1340px; margin:0 auto; display:block;}

.fl{ float:left;}

.fr{ float:right;}



/*header*/

.boxx{max-width: 1340px; margin: 0 auto; }

.logo{ width:220px; float: left; padding:10px 0 0}

.logo img{ width:220px; height:80px; display:table}

.logo .logo_on{ display:none}

#header{position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; }

#header .boxx{background-color: rgba(255, 255, 255, 0); /*border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;*/ padding: 0; height: 100px; -webkit-transition: all .5s; transition: all .5s;}

#header .boxx.on{max-width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;box-shadow: 0 0 30px rgba(0, 0, 0, .1);background-color: rgba(255, 255, 255, 1);}

#header .boxx.on .topup{max-width:1340px; margin: 0 auto;}

#menu{/* float:right; width:calc(100% - 270px - 180px);*/ margin-left:5%; display: inline-block}

.tel{ float:right; margin: 0 0; height:100px; background: url("../images/tel.png") no-repeat left center; display:table; background-size:20px; padding: 0 0 0 25px; line-height: 100px; box-sizing: border-box;}

.tel h1{color: #333; font-size: 18px; font-weight: 100}

/*导航栏样式*/

.navv{ padding:30px 0% 0; box-sizing: border-box; display: inline-block}

.navv li{line-height:70px; height:70px; text-align: center; float: left; position: relative; z-index: 999; font-size: 16px; box-sizing: border-box}

.navv li a{display: block; line-height: 38px; color: #fff; height: 38px; padding:0 22px; }

.navv li a:hover{color: #006530;/*text-decoration: underline; */background:#fff; }

#header .boxx.on .navv li a{ color:#666} 

#header .boxx.on .navv li a:hover{ color:#006530; } 

#header .boxx.on .logo .logo_l{ display:none}

#header .boxx.on .logo .logo_on{ display: table}





.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	

.zy a{ padding:0 6px; color:#296fb7;}

.zy a:hover{ color:#f4a45d;}



.nav_k{ width:100%; display:table; margin:0 auto;background:#017939; height:56px;}

.navBar{ width:1200px; margin:0 auto;height:56px; line-height:56px; position:relative; z-index:9999;   }

.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }

.nav h3{ font-size:100%; font-weight:normal;  }

.nav .m{  position:relative; float:left; width:171px; margin:0 0 0 0px; display:inline; text-align:center;   }

.nav .m:hover{ background:#18b2c3;color:#fff; }

.nav h3 a{ font-size:16px;  zoom:1;  height:56px; line-height:56px; padding:0px ;  display: block; margin:0px auto 0; color:#fff; }

.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }

.nav .sub{ display: none;  width:100%; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:56px;  background-color: rgba(32, 193, 211, 0.9);  float:left; line-height:44px; }

.nav .sub li{ text-align:center;  }

.nav .sub li a{ color:#fff; display:block; zoom:1; font-size:15px;}

.nav .sub li a:hover{  background:#18b2c3; color:#fff;   }



/* 导航样式*/

.tnav{ width: calc(100% - 365px); padding: 0 2.5% 0 ; box-sizing: border-box; display: inline-block}

.x-menu{width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}

.x-menu > li{width: 10%;margin: 0;text-align: center;float: none;position: relative;}

.x-menu > li > a{font-size: 16px;color: #333;line-height: 100px;display: block;}

.x-menu > li:hover > a{color:#e1600e; background: url("../images/menu.png") no-repeat center center}

.x-menu > li.active > a{color: #e1600e;}

.x-menu .lastli{width: 8% !important;text-align: right;}

.x-menu > li:hover .x-sub-menu{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}

.x-sub-menu{position: absolute;z-index: 999;width: 130%;left: -15%;top: 112px;background: #fff;border-radius: 5px;padding: 10px 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;}

.x-sub-menu > li > a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: .5em;}

.x-sub-menu > li > a:hover{background: #e9eaeb;}

.x-sub-menu:after{content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;}

.x-menu > li .x-sub-menux{position: absolute;left: 100%;width: 100%;background: #fff;top: 80px;border-radius: 5px;padding: 10px 0;display: none;}

.x-menu > li .x-sub-menux li{position: relative;}

.x-menu > li .x-sub-menux li a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: 0.5em}

.x-menu > li .x-sub-menu li:hover .x-sub-menux{display: block;}

.x-menu > li .x-sub-menux li a:hover{background: #e9eaeb;}



/*轮播结束*/

.banner{width: 100%;overflow: hidden;position: relative; margin: 100px 0 0}

.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}

.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.banner .swiper-slide a{ width:100%; overflow: hidden}

.banner .swiper-slide  img{width: 100%;display: block;}

.banner .swiper-pagination-bullet{width:45px;height: 6px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:10px}

.banner .swiper-pagination-bullet-active{background: #e8cf84;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}

.banner .swiper-slide em .banner_t1{ display:none}



/*.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}

.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}*/





img.lazy{background: url(../images/loading.gif) 50% no-repeat;}

.mt10{ margin-top:10px}

.mt15{ margin-top:15px}

.mt20{ margin-top:20px}

.ml10{ margin-left:10px}

.ml15{ margin-left:15px}

.ml20{ margin-left:20px}



/*特效集*/



@keyframes pulse {

 0% {transform: scale(1);}

 50% {transform: scale(1.2);}

 100% {transform: scale(1);}

}

/**/

.wrap{ width:100%; }

.box1{ width: 100%; background: url("../images/bj1.jpg") no-repeat center top; width: 100%; padding: 90px 0; display: table; position: relative;  height: 940px; box-sizing: border-box}

.jj-r{ width: 50%;background: url("../images/jj1.png") no-repeat left top; position: absolute; right: 0; top: 90px;  height: 596px;}

.jj-l{ width: 48%; display: table; height: 670px}

.bt{ display: table; margin: 0 0 45px;}

.bt h1{ font-size: 32px; color: #323232; font-weight: bolder}

.bt h2{ font-size: 12px; color: #aeb1b2;text-transform: uppercase; line-height: 24px;}

.bt h2 i{ width: 26px; height: 6px; background: #e1600e; display: table; border-radius: 10px; float: left; margin: 10px 5px 0 0}

.bt h2 i span{ float: left}

.jj-w{ font-size: 16px; color: #323232; line-height: 36px; min-height: 380px}

.jj-w h1{ font-size: 30px; font-weight: bolder; margin: 5px 0 44px}

.jj-w h1 span{ color: #e1600e;}



.num-index{width: 100%; /*position: absolute; bottom: 80px*/}

.nlist li{width:26%; display: inline-block; border-left: 1px solid #a8a8a8; padding: 0 0 5px 6%; box-sizing: border-box; line-height: 1;  }

.nlist li:first-child{width:21%;  padding: 0 0 5px 0%;border-left:0;}

.nlist li .num1{font-weight: 800;color: #e1600e;font-size:62px;font-family: "Microsoft YaHei";line-height: 1;display: inline-block}

.nlist li i{color: #333;font-size:40px;}

.nlist li span{color: #323232;font-size: 20px; margin-left: 8px}

.nlist li .num2{color: #323232;font-size: 16px;padding: 0.78125vw 0 0;}

.nlist li:last-child{width: 20%;}





.more{ display: table;}

.more a{ border: 1px solid #e1600e; height: 36px; line-height: 36px; border-radius: 25px; color: #e1600e; font-size: 14px; display: table}

.more a span{ padding: 0 20px; float: left}

.more a i{background: url("../images/more1.png") no-repeat center center #e1600e; height: 36px; width: 35px; color: #fff;border-radius: 50%; display: table;font-size: 22px; font-family:"Arial";text-align: center}

.more a:hover{ background: #e1600e; color: #fff}



.more1{ display: table; float: right; padding: 20px 0 0}

.more1 a{ line-height: 20px; font-size: 14px; color: #666666; text-transform: uppercase; font-style: italic}

.more1 a i{ background:#e1600e; color: #fff; font-size: 15px; height: 15px; width: 15px; display:  inline-block; margin-left: 8px; border-radius: 50%; line-height: 12px; text-align: center}

.more1 a:hover{ color: #e1600e}

/*box2*/

.box2{ width: 100%; height:777px; background: url("../images/bj2.jpg") no-repeat center center; display: block; margin:0 auto; padding: 80px 0 0; box-sizing: border-box; }

.box2 .bt h1,.box4 .bt h1{ color: #fff}

.box2 .bt h2 i,.box4 .bt h2 i{ background: #fff}

.box2 .bt h2,.box4 .bt h2 {color: #fff; opacity: .6}



.cpk{ width: 100%; margin: 0 auto; position: relative }

.cpk .bt{ padding: 0 0 80px}



.cp1{ width: 100%; background: url("../images/bj3.png") no-repeat center center; box-sizing:border-box; background-size: cover; border: 1px  solid #e97e67}

.cpk a .cp1{ color: #fff; text-align: center; height: 465px;}

.cpk a .cp1 .cp-img{ display: table; margin:42px auto 0 auto;border: 10px solid rgba(255,255,255,.1);border-radius: 50%;}

.cpk a .cp1 .cp-img img{width: 126px; height: 126px;border-radius: 50%; border: 10px solid rgba(255,255,255,.3); display: table;}

.cpk a .cp1 h1{font-size: 24px; font-weight: bolder; padding: 18px 0}

.cpk a .cp1 p{ font-size: 14px; line-height: 24px; padding: 0 5%; height: 96px; }

.cpk a .cp1 span{font-size: 15px; line-height: 38px; background: #fff; display: table; padding: 0 40px; margin: 6px auto 0; color: #333; border-radius:25px; }

.cpk a:hover .cp1 span{ background: #333; color: #fff}



.box2 .swiper-button-prev{ width: 48px; height: 48px;background: url("../images/cp-jt1.png") no-repeat center center #fff; display: table; border-radius: 50%;top:-80px; left: inherit; right: 70px}

.box2 .swiper-button-next{width: 48px; height: 48px;background: url("../images/cp-jt2.png") no-repeat center center #fff; display: table; border-radius: 50%;top: -80px; right: 0}

/**/

.box3{width: 100%; padding: 80px 0; display: table}

.box3 .bt,.box4 .bt,.box5 .bt,.box6 .bt,.box7 .bt{ display: table; float: left}

.more1{ float: right}

.cp2{}

.cp2 li{ float: left; width: 25.5%; display: table; padding:  0 0 1.5% 2%; box-sizing: border-box}

.cp2 li a{ position: relative; width: 100%；}

.cp2 li a h1{ position: absolute; width: 100%; line-height: 40px; font-size: 15px; text-align: center; color: #fff; bottom: 0; background: rgba(000,000,000,.4)}
.cp2 li a h1{    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.cp2 li:first-child{ width: 49%; padding:  0 0% 2% 0; }

.cp2 li:first-child h1{ text-align: left; padding: 0 20px;; box-sizing: border-box}

.cp2 li:first-child span{ float: right; text-transform: uppercase; font-style: italic;}

.cp2 li a .cp2-t{ width: 100%;}

.cp2 li a .cp2-t img{width: 100%; display: table;margin: 0 2% 0 0;}

.cp2 li a:hover h1{background: rgba(229,49,12,.7)}



/**/

.gg{ width:100%; background:url(../images/gg1.jpg) no-repeat center center; height:238px; color:#fff}

.gg .gg_l{ width:70%; float:left; line-height:1.4; padding:60px 0 0 ; font-size:18px}

.gg .gg_l h1{ font-size:44px; font-weight:bolder; margin:0 0 5px}

.gg .gg_l span{}

.gg .gg_l h2{ font-size:12px; opacity:.3; text-transform:uppercase; padding:30px 0 0}



.gg .gg_r{ float:right; background:url(../images/tel1.png) no-repeat center right; padding:0 65px 0 0; font-size:15px; line-height:1.6; text-align:right; margin:80px 0 0}

.gg .gg_r h1{ font-size:32px; font-weight:bolder; font-style:italic; line-height:36px; padding: 5px 0 0}



/**/



.h_team{ height:890px; box-sizing: border-box; background:url(../images/bj4.jpg) no-repeat center top;padding:80px 0px 80px 0px; position: relative;}

.h_team .bt{ position: absolute;}



.h_teamcont{position:relative;  }

.h_teamcont1{ position:relative;}

.h_teamcont1 .slick-slide{outline:none;}

.h_teamcont1 .teamcont{position:relative;background: none}

.h_teamcont1 .teamcont:before{position:absolute; content:""; width:calc(100% - 130px); height:calc(100% - 58px); top:0px; right:0px; z-index:1;}

.h_teamcont1 .teamcont .img{width:490px; float:right; position:relative; z-index:2;}

.h_teamcont1 .teamcont .img em{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;}

.h_teamcont1 .teamcont .txt{width:calc(100% - 490px); float:left; padding:130px 0 0px 80px; box-sizing: border-box;position:relative; z-index: 3; color:#333; line-height:30px;}

.h_teamcont1 .teamcont .txt .name{font-size:34px; line-height: 1; font-weight: bolder;color:#323232;}

.h_teamcont1 .teamcont .txt .name span{ font-size: 24px;font-weight: 100; border-bottom: 2px solid #e1600e; margin:0 0 0 20px;  }

.h_teamcont1 .teamcont .txt .site{font-size:20px; margin-top:10px;}

.h_teamcont1 .teamcont .txt .info1{font-size:16px; text-align: left;line-height:40px;margin-top:30px; color: #666666; height: 240px; overflow: hidden}





.h_teamcont1 .slick-prev,.h_teamcont1 .slick-next{width:46px; height:46px;/*border:1px solid rgba(0,0,0,0.2); */transition:all 0.5s; -webkit-transition:all 0.5s; border-radius:50%;} 

.h_teamcont1 .slick-prev{left:0px; background:url(../images/cp-jt01.png) center center no-repeat #e1600e; top: inherit; bottom:30px }

.h_teamcont1 .slick-prev:hover{background:url(../images/cp-jt01.png) center center no-repeat #333;}

.h_teamcont1 .slick-next{right:540px; background:url(../images/cp-jt02.png) center center no-repeat #e1600e;top: inherit;  bottom: 30px}

.h_teamcont1 .slick-next:hover{background:url(../images/cp-jt02.png)  center center no-repeat #333; }

.h_teamcont2{position:absolute; bottom:0px;width:100%;}

.h_teamcont2 .g-wrap{position:relative;}

.h_teamcont3{float:left;width:calc(100% - 680px); margin-left:80px;} 

.h_teamcont3 .slick-slide{outline:none;}

.h_teamcont3 .img{margin-right:25px; box-sizing: border-box; transition:all 0.3s; -webkit-transition:all 0.3s; cursor: pointer; position:relative; border:4px solid transparent;}

.h_teamcont3 .img em{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;}

.h_teamcont3 .img:hover,.h_teamcont3 .slick-current .img{border:2px solid #e1600e;}





.box4{ background:url("../images/bj5.jpg") no-repeat top center; width: 100%; padding: 80px 0; box-sizing: border-box; background-size: cover}

.box4 .more1 a{ color:  #fff}

.box4 .more1 a i{ background:#fff; color: #333333 }

.ry{ width:100%; display:table; margin:0 auto; padding:0px 0 0}

.ry ul li{width:32%;   display:block; float:left; margin:0 ;  box-sizing:border-box; margin:0 2% 5px 0; }

.ry ul li a{ width:100%;   margin:0 auto; display:block; color: #fff}

.ry ul li a h1{ width:100%; font-size:16px; line-height:64px; text-align:center; padding:0 0}

.ry ul li a .cp_t{ width:100%; border: 4px solid #fff; min-height: 200px; display: table;  overflow: hidden; box-sizing:border-box; }

.ry ul li a .cp_t img{ width:100%; height: 100%;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.ry ul li a:hover .cp_t img{transform: scale(1.08);}

.ry ul li a:hover h1 { color:#fff}

.ry ul li:nth-child(3n){margin:0 0 0	; }

.ry ul li:hover{}



.box5{width: 100%; padding: 80px 0}

.spk{ width: 100%; margin: 0 auto; position: relative }

.spk .bt{ padding: 0 0 80px}



.cp3{ width: 100%;  box-sizing:border-box;}

.spk  .cp3{width: 100%;  color: #333; text-align: center; }

.spk  .cp3 .cp-img{width: 100%;  display: table; margin:0 auto;}
.spk  .cp3 .cp-img video{ width: 100%; }
.spk  .cp3 .cp-img img{width:100; display: table;}

.spk  .cp3 h1{font-size: 16px;line-height:64px; }

.spk .swiper-slide{}

.spk a:hover .cp3 h1{ color: #e1600e}



.box5 .swiper-button-prev{ width: 48px; height: 48px;background: url("../images/cp-jt1.png") no-repeat center center #fff; display: table; border: 1px solid #c8c8c8;border-radius: 50%;top:40%; left: inherit; left: -65px}

.box5 .swiper-button-next{width: 48px; height: 48px;background: url("../images/cp-jt2.png") no-repeat center center #fff; display: table; border: 1px solid #c8c8c8;border-radius: 50%;top:40%; right: -65px}



.box6{ width: 100%; height: 770px; display: inline-block;background: url("../images/bj6.jpg") no-repeat center center ; padding:75px 0 0; box-sizing: border-box }

.box6 .bt{margin: 0 0 30px;}

/*轮播结束*/

.xw-l {width: 690px; height: 510px; float: left;overflow: hidden;position: relative; margin:0}

.xw-l .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}

.xw-l .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.xw-l .swiper-slide a{ width:100%; overflow: hidden}

.xw-l .swiper-slide a h1{background: rgba(0,0,0,0.5); height: 56px; line-height: 56px; width: 100%; position: absolute; bottom: 0; color: #fff; font-size: 16px; text-align: left; padding: 0  150px 0 20px ; box-sizing: border-box; overflow: hidden}

.xw-l .swiper-slide  img{width: 100%;display: block; height: 510px;}

.xw-l .swiper-pagination-bullet{width:14px;height: 14px;opacity: 1;background: rgba(255,255,255,0);border:1px solid #fff;box-sizing:border-box; margin:0 6px; border-radius:10px}

.xw-l .swiper-pagination-bullet-active{background: #fd7113;border:1px solid #fd7113;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px}

.xw-l .swiper-slide em .banner_t1{ display:none}

.xw-l .swiper-pagination{text-align: right;}

.xw-l .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ width: auto; display: table;float: right; left: inherit; right: 20px}

.xw-l .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-right: 5px;}

.xw-l .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{}

 

.xw-r{width:calc(100% - 730px); float: right}

.xw-r .xw1{ width: 100%; background: #fff; height: 178px; display: table; }

.xw-r .xw1 a{ width: 100%;display: table;height: 178px; padding:30px 0 0 30px; box-sizing: border-box}

.xw-r .xw1 a h1{ font-size: 18px; color: #333; font-weight: bolder; margin: 0 0 15px}

.xw-r .xw1 a p{font-size: 15px; line-height: 30px; color: #666; height: 60px; padding: 0 30px 0 0; margin: 0 0 20px }

.xw-r .xw1 a span{ background: linear-gradient(to right, #ff7e2c, #ff4a1e); display: table; height: 28px; line-height: 28px; float: right; padding: 0 30px; color: #fff; text-transform: uppercase;font-size: 14px;}

.xw-r .xw1 a h1{}

.xw-r .xw1 a:hover span{background: linear-gradient(to right, #ff4a1e,#ff7e2c ); }

.xw-r ul{ padding: 20px 0 0}

.xw-r ul li { width: 100%; display: table}

.xw-r ul li a{width: 100%; font-size: 15px; line-height: 46px; color: #666}

.xw-r ul li a i{ width: 8px; height: 8px; border: 1px solid #e1600e; border-radius: 50%; display: table; float: left; margin: 20px 10px 0 0}

.xw-r ul li a span{ width: 80%; float: left}

.xw-r ul li a time{ float: right}

.xw-r ul li a:hover span,.xw-r .xw1 a:hover h1{ color: #e1600e}



.box7{width: 100%; padding: 80px 0; display: table}

.cp4-l{ width: 28.8%; float: left}

.cp4-l a{ width: 100%; display: table; position: relative; }

.cp4-l a .cp_t{width:100%; display: table;overflow: hidden; box-sizing:border-box; }

.cp4-l a  img{ width:100%; height: 100%;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;display: table;}

.cp4-l a:hover .cp2_t img{transform: scale(1.08);}

.cp4-l a h1{ position: absolute; width: 100%; line-height: 40px; font-size: 15px; text-align: center; color: #fff; bottom: 0; background: rgba(000,000,000,.4); opacity: 0}



.cp4{ width: 100%; }

.cp4 ul{width:calc(100% - 28.8%); float: right}

.cp4 li{ float: left; width:50%; display: table; padding:  0 0 2% 2%; box-sizing: border-box}

.cp4 li a{ position: relative; width: 100%；}

.cp4 li a h1{ position: absolute; width: 100%; line-height: 40px; font-size: 15px; text-align: center; color: #fff; bottom: 0; background: rgba(000,000,000,.4);opacity: 0}

.cp4 li a .cp2-t{ width: 100%;}

.cp4 li a .cp2-t img{width: 100%; display: table;margin: 0 2% 0 0;}

.cp4 li a:hover h1,.cp4-l a:hover h1{background: rgba(229,49,12,.7); opacity: 1}







 .goTop >img{width: 50px; height: 50px; cursor: pointer; position: fixed; z-index: 1000;} 

 .goTop{ width: 44px; display: table; margin: 20px auto 8px;height: 44px;}



/*fotter*/

.fotter{ background:#323232;  width:100%; display:table; color:#fff; }

.fo{ width: 100%; padding: 12px 0; margin: 0 0 25px; display: table; border-bottom: 1px solid #474646}

.fo-l{ float: left}

.fo-l li{ display: table; font-size: 16px; line-height: 28px; padding: 10px 0}

.fo-l li img{ float: left; height: 28px; display: table; margin: 0 10px 0 0}

.fo-l li span{float: left}

.fo-l li h1{ float: left;font-size: 16px}

.fo-btn{ float: right; display: table; padding: 10px 0 0}

.fo-btn img{ display: table}



.fo1{ padding: 10px 0 30px; display: table; width: 100%}

.fo1 .fo-l{ width: 40%; float: left}

.fo-nav{ width: 30%; float: left}

.fo-nav a{ font-size: 16px; color: #fff; width: 33%; display: inline-block; line-height: 40px;}

.fo-nav a:hover{ color: #e1600e}



.fo-w{  float: right; display: table; font-size: 12px; padding: 10px 0 0}

.fo-w li{ width: 100px; display: inline-block; text-align: center; margin-left: 20px}

.fo-w li span{ display: table; line-height: 40px; margin: 0 auto}

.fo2{ color:#fff;vertical-align:middle;display: table;font-size:13px; text-align:center;  margin:0 auto; background: #272727; width:100%;line-height:24px; padding:10px 0;  }

.fo2 a{color:#fff; margin:0 5px }

.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle;}

.fo2 .fo_lj img{ display:table; padding: 0 0 }

.fo2 .fo2-l{}

.fo2 .fo2-r{}







.fy{ text-align:center; font-size:14px; padding:20px 0;}

.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}

@media only screen and (max-width:1600px) {



/*#header .boxx.on .topup{max-width:96%; margin: 0 auto;}

*/

    

 #menu{margin-left:3%; display: inline-block}

   

}

@media only screen and (max-width:1500px) {



}

@media only screen and (max-width:1400px) {



}

@media only screen and (max-width:1340px) {

.zj{ width: 1200px; }

#header .boxx.on .topup{    max-width: 1200px;}

.x-menu > li > a{ font-size: 15px}

}



@media only screen and (max-width:1250px) {



}