/* CSS Document */
@charset "utf-8";
	html,body {
	font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun';
	color:#333;
	-webkit-text-size-adjust:none;
	padding:0;
	margin:0;
	letter-spacing:0.6px;
	background:#fff;
}
.pager li{ text-align:center;    display: inline-block;}
h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
}
ol,ul,li,dl,dt,dd {
	list-style:none;
	padding:0;
	margin:0;
}
#wapnav ul li:nth-child(3){display:none;}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
img {
	max-width:100%;
	height:auto;
	display:block;
}

.clearfix {
	clear:both;
}
.BMap_Marker img {
	max-width:none !important;
}
.BMap_shadow div {
	display:none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.container {
 width: 1600px; max-width: 100%; margin:0 auto;
}
.flexbox{ display:table; width:100%; height:100%;}

.flex{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
/*===========================header=============================*/
.copy p.fl a{display:none;}

#header .container{ height:100%; }
#header{ height:108px;  background:none; width:100%;     position: relative;top:0; z-index: 99999;     transition: .5s all ease;}

#header:hover #wapnav ul li h3{color:#333;}
#wapnav ul li:hover h3{color:#fff;}
#logo{ float:left; height:100%;}
#header:hover #search span{    background: url(../images/searb.png) no-repeat;}
#header:hover #wapnav ul li:hover h3{color:#fff;}

/*#header.hover-animate #logo img.img2{display:block;}
#header.hover-animate #logo img.img1{display:none;}
#header.hover-animate #wapnav ul li h3{color:#111;}
#header.hover-animate  #wapnav ul li:hover h3{
	color:#fff;}
#header.hover-animate #search span {
	background: url(../images/searb.png) no-repeat;}*/

#wapnav{ float:left; margin-right: 20px;}
#wapnav ul li{ float:left;  position:relative; z-index:0;      height: 108px; line-height: 108px;  padding: 0 48px;}
#wapnav ul li:hover{background: #9c2622;}
#wapnav ul li a{ display:block; }
.htop{width:100%; background:#9c2622; line-height: 50px;}
.htop h4{color:#fff; font-weight: normal;}
#wapnav ul li h3{ font-size:16px;  overflow:hidden;  text-align: center; position:relative; display: inline-block;font-weight: normal;}
#wapnav ul li h3:before{content: "";display: block;width: 100%;height: 3px;background: #ff602a;position: absolute;left: 0;bottom: 0;opacity: 0;transform: scaleX(0);transition: .5s;}
#wapnav ul li.on h3{ }
#wapnav ul li.on{}
#wapnav ul li .zj{ position:absolute; top:100%; background:#fff; width:100%;     padding: 10px 0;left:0;  z-index: 100000; transform:translateY(20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s;box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06); }

#wapnav ul li .zj .box{ background:#fff; text-align: center; }
.new3 dl dt{width:30%; overflow:hidden;}
.new3 dl dt img{transition: .5s all ease;}
.new3 dl:hover img{transform: scale(1.5)}
.new3 dl dd{width:66%;    margin-top: 3%;}
.new3 dl dd span{font-size:14px; color:#666;}
.new3 dl dd h4{    font-size: 22px;
    font-weight: normal;
    padding: 1% 0;}
.new3 dl{border-bottom:1px solid #eee; padding:20px 0;}
.new3 dl dd p{font-size:16px; color:#666;}
.new3b .ly{padding-top:5%;}

#wapnav ul li .zj a{ padding:0; line-height:2; transition:.3s; font-size:14px;    text-indent: 1rem; text-align: left;padding:8px  0;color:#666;}

#wapnav ul li .zj a:hover{color:#fff;background: #9c2622;}

#wapnav ul li:hover .zj{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}

.sear{ margin-top:44px;    margin-right: 24px;}

.sear .ico{ float:left; margin-left:1.5rem; }
#top_tel{ height: 100%; display: flex; align-items: center;  color: #fff; font-size: 1.5rem;}



#search{ height:100%;}

#search a{ display:block;transition:.3s; overflow:hidden; }

#search svg{vertical-align:middle; display:inline-block;fill:#fff;  }

#search span{display:block; width:20px; height: 20px; background:url(../images/searb.png) no-repeat;} 

.sear .ico a{font-size:14px;color:#fff; font-family: arial; text-transform:capitalize;display:  block;width:  100%;height:  40px;line-height: 38px;}

.sear .icon{ fill:#626262;vertical-align:middle; width: 27px; height: 27px; }







.sfix{ transition:all ease 300ms; position: fixed; width: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}

.sfix[name=sfixsearch]{ opacity:1;}

.sfix.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}

.sbox{

  box-sizing:border-box; z-index:999;

  display: block;

  position:relative;



  }


.seclose{ position: absolute; cursor:pointer;  right: 50px; top: 50px;}

.black{ height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; opacity: 0; transition:.5s; }

.sfix.act .black{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }

#sfixsearch{ width:100%; padding:7% 0; background:#9c2622; position:relative; transform:translateY(-100%); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden;}

.act #sfixsearch{ transform:translateY(0);  transition:.5s ease-in;}


#sfixsearch form{ height:70px; position:relative; width:50%;  margin:0 auto;}



#sfixsearch #keyword{width: 90%;height:70px; font-size:16px; color:#666;box-shadow:none;float:left;    background: #fff;
    border-radius: 10px;
    text-indent: 2rem;    outline: none;
    border: none;}
.sbox h4{    font-size: 50px;
    color: #fff;
    text-align: center;
    padding-bottom: 4%;}
#sfixsearch .subt{ position:absolute; top:0; right:0; width: 20px;height:20px; background:url(../images/ser.png) center center no-repeat; cursor:pointer;     font-size: 0;   border: none;
    height: 70px;
    width: 10%;}
#sfixsearch  .cha{    width: 50px;
    height: 50px;
    background:rgba(255,255,255,.8);
    border-radius: 50%;}
#sfixsearch  .cha img{    margin: 0 auto;    padding: 17.5px 0;}

#sfixsearch .subt.fr{ background:#e9edef; color:#4e4f53;}

#sfixsearch input::-webkit-input-placeholder{ color:#666; color: rgba(255,255,255,.6); }

#sfixsearch input::-moz-placeholder{  color:#666; color: rgba(255,255,255,.6); }

#sfixsearch input:-moz-placeholder{    c color:#666; color: rgba(255,255,255,.6); }

#sfixsearch input:-ms-input-placeholder{  color:#666; color: rgba(255,255,255,.6); }

#sfixsearch input:focus::-webkit-input-placeholder {color: transparent;}

#sfixsearch input:focus:-moz-placeholder {color: transparent;}

#sfixsearch input:focus::-moz-placeholder {color: transparent;}





#wapnav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }

#wapnav_btn_box.on{ background:none;  }

#wapnav_btn{}

#wapnav_btn .point.on .navbtn::after, #wapnav_btn .point.on .navbtn::before{ background:#fff;}

#wapnav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}

#wapnav_btn .point{display: inline-block;width: 1.375rem;height: 22px; position: relative; outline:none;}

#wapnav_btn .point:hover .navbtn,

#wapnav_btn .point:hover .navbtn::after,

#wapnav_btn .point:hover .navbtn::before{width: 1.375rem;}

#wapnav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 1.375rem;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}

#wapnav_btn .navbtn::after,

#wapnav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.375rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #939393;}

#wapnav_btn .navbtn::after{top: -5px;}

#wapnav_btn .navbtn::before{top: 5px;}

#wapnav_btn .point.on .navbtn{background: transparent;}

#wapnav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#wapnav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}


 



#wapbanner{  width:100%; overflow: hidden; overflow: hidden; position: relative; top:0; left:0; z-index:1; background:#000 }

#wapbanner .banner_slider{ margin: 0; }

#wapbanner li{ position:relative;  overflow: hidden;}

#wapbanner li .img{ width:100%; background-size: cover !important; z-index:8; -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }	

@-webkit-keyframes goll {

from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }

to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

}

@keyframes goll {

from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }

to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

}

#wapbanner .slick-active .img{  }

#wapbanner .container{ height:100%;}

#wapbanner li.slick-current{ z-index:999;}

#wapbanner .box{ position:absolute; width:100%;     top:0; left:0; z-index:999; }

#wapbanner .bannertxt{ margin:0 auto; color:#fff; margin-top:0; opacity: 0; transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }
#wapbanner .bannertxt h4{font-size:54px; font-weight: bold; color:#fff;}
#wapbanner .bannertxt  p{font-size:24px; font-weight: bold; color:#fff; padding-top:20px;    width: 45%;}

#wapbanner .bannertxt img{ display: inline-block; }

#wapbanner li.slick-current{ z-index:999;}

#wapbanner .slick-current .bannertxt{ opacity: 1; animation:fade 1.5s ease forwards; -webkit-animation:fade 1.5s ease forwards; }

  

#wapbanner .swiper-pagination{ position: absolute; bottom: 3rem; left: 50%; margin-left: -680px; text-align: left;}

#wapbanner .swiper-pagination span{ display: inline-block; width: 11px; height: 11px; margin-bottom: 24px; position: relative; background: url(https://www.shuobiaosolar.cn/static/style/pc/images/bot.png) center 11px no-repeat; opacity: 1 !important; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.ico{ width: 67px !important; height: 67px !important; display:block; border-radius: 50%; text-align: center; position:relative;}


#wapbanner .swiper-pagination span:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,1); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

#wapbanner .swiper-pagination span.swiper-pagination-bullet-active:before{ background: #fff; }



#wapbanner .slick{ bottom: 4%; top: auto;position: absolute; width: 100%;  text-align: center; }
#wapbanner .slick ul{ text-align: center;}
#wapbanner .slick li{ width: 20px; height: 20px; margin: 0 6px; cursor: pointer;  }
#wapbanner .slick li .ico{ width: 100% !important; height: 100% !important; display: flex; align-items: center; justify-content: center;}
#wapbanner .slick li i{ display: block; position:relative; display:inline-block; width:10px; height:10px; background: #fff; border-radius:50%; box-sizing:border-box; opacity:1; }
#wapbanner .slick li.slick-current .ico i{ width:20px; height:20px; border-radius:50%;  background:#9c2622;transition: .5s all ease; }

.r-c{     cursor: pointer;  float:right;   display:none;   margin-top: 32px;  }
.r-c span.Tmenu_icon { cursor: pointer; position: relative;display: inline-block; width: 50px; height: 50px;   background: #9c2622;
 vertical-align: middle;z-index: 4;}
.r-c span i {    position: absolute; width:35px;background: #fff;height: 4px;margin-top: -1.5px;left: 16%;top: 50%;}
.r-c span i::before { position: absolute; background: #fff;right: 0; width: 100%; height: 100%;
content: '';transition: transform 0.3s;top: 9px;}
.r-c span i::after {position: absolute; background: #fff; right: 0;width: 100%; height: 100%; content: '';transition: transform 0.3s;top: -9px;}
.r-c img{    margin: 34px auto;}
.r-h{display:none; position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 998;background-color: rgba(0, 0, 0, .7);transition: .3s; cursor: pointer;}
.r-ct{    position: fixed;top: 0;right:-100%;width:100%;height: 100%; background-size:cover; z-index:99999;transition: .5s cubic-bezier(.77,0,.175,1); overflow: hidden; background:#9c2622;}


.r-ct.r-co{right:0;}

.r-cb{    display: flex;
    height: 100%;}
.r-z{   text-align: center;    width: 100%;}
.r-ct .r-z ul li{ padding-bottom: 20px;    padding-top: 8px;   opacity: 0;
	transform: translateX(20px);
	transition: all .5s ease, border .20s ease;}
.r-ct .r-z ul li a{color:#fff;    opacity: .6;}
.r-ct.r-co .r-z ul li {
	opacity: 1;
	transform: translateX(0);
}
.r-ct.r-co .r-z ul li:nth-child(1) {
	transition-delay: 0.35s;
}

.r-ct.r-co .r-z ul li:nth-child(2) {
	transition-delay: 0.45s;
}

.r-ct.r-co .r-z ul li:nth-child(3) {
	transition-delay: 0.55s;
}

.r-ct.r-co .r-z ul li:nth-child(4) {
	transition-delay: 0.65s;
}

.r-ct.r-co .r-z ul li:nth-child(5) {
	transition-delay: 0.75s;
}

.r-ct.r-co .r-z ul li:nth-child(6) {
	transition-delay: 0.85s;
}

.r-ct.r-co .r-z ul li:nth-child(7) {
	transition-delay: 0.95s;
}


.r-ct.r-co .r-z ul li:nth-child(8) {
	transition-delay: 1s;
}
.r-ct.r-co .r-z ul li:nth-child(9) {
	transition-delay: 1.1s;
}
.r-ct.r-co .r-z ul li:nth-child(10) {
	transition-delay: 1.2s;
}
.ly.searbox .new2 dl{width:48%;}
.ly.searbox .new2 dl dd h4 {
	padding-top: 0;}
.ly.searbox .new2 dl dd .new_dt2 {padding-left:5%;    width: 75%;}
.ly.searbox .new2 dd img{height:auto;}
.ly.searbox .new2 dd .new_dt{    width: 18%;}
.r-ct .r-z ul li a{font-size:24px;}
.r-ct .r-z ul li h3{font-weight: bold;}
.r-ct .r-z ul li .zj{margin-top:20px; height: 0;display: none;overflow: hidden;}
.r-ct .r-z ul li .zj a{font-size:16px;color:#666;    padding: 0 10px;}
.r-ct .r-z ul li  h4{font-size: 48px;
    font-weight: bold;    margin-bottom: 20px;
    color: #fff;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;}
.r-ct .r-z ul li:after {
	content: "";
	display: block;
	border-bottom: 3px solid #fff;
	transition: all .5s ease;
	transform-origin: left bottom;
	transform: scaleX(0);
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
}
.r-ct .r-z ul li:hover:after {
	transform: scaleX(1);}
.r-ct .r-z ul li:hover a{opacity: 1;}
.r-r {
    display: flex;
    border-right: 1px solid #ccc;
    justify-content: center;
    align-items: center; position: relative;
	width: 33.33333%;background: url(../images/bbg.jpg) no-repeat; background-size:cover;}
.lxwm h4{font-size:36px; font-weight: bold; color: #fff;}
.lxwm h2{font-size:24px; color: #fff;font-weight: bold;padding-top: 10px;    padding-bottom: 20px;}
.lxwm  dl dd img{float:left;margin-top: 6px;
    margin-right: 12px;}
.lxwm  dl dd {font-size:16px; color:#fff;    margin-bottom: 12px;}
.lxwm{    padding: 0 50px;opacity: 0;
	transform: translateX(20px);
	transition: all .5s ease, border .20s ease;}
#clos{    position: absolute;    background: #fff;
    top: 4%;
    right: 7%;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 25px; cursor: pointer; transition: .5s all ease;}

.r-ct.r-co .lxwm{
	opacity: 1;
	transform: translateX(0);	transition-delay: 0.85s;
}
#header.hover-animate{       position: fixed; background:#fff; border-bottom:none;  height: 100px; transition: .5s all ease;         box-shadow: 0 0 2px rgb(0 0 0 / 10%);}
#header.hover-animate #wapnav ul li {
    height: 100px;
	line-height: 100px;transition: .5s all ease;}
#header.hover-animate .sear {
	margin-top: 40px;transition: .5s all ease;}
#header.hover-animate .r-c{    margin-top: 25px;transition: .5s all ease;}
#header.hover-animate #logo img.img1{}


#header.hover-animate #search span {
	background: url(../images/searb.png) no-repeat;}


.mbg ul li{width:25%; position: relative; padding:35px 0;}
.mbg ul li .fimg{margin-left:60px; margin-bottom:28px;}
.mbg ul li.l1{background:#9c2622;}
.mbg ul li.l2{background:#fff;}
.mbg ul li.l1 p{font-size:24px; font-family: "Impact";color:#fff; margin-left:60px;}
.mbg ul li.l1 h4{font-size:24px; color:#fff;margin-left:60px;}
.mbg ul li.l2 p{font-size:24px; font-family: "Impact";color:#888; margin-left:60px;}
.mbg ul li.l2 h4{font-size:24px; color:#333;margin-left:60px;}
.mbg ul li.l1 span{display:block;width:38px; height: 38px; border-radius: 50%; border:1px solid #fff; position: absolute; right:60px; bottom: 50px; color:#fff;font-size:24px; font-family: "Impact"; text-align: center; line-height: 38px;}
.mbg ul li.l2 span{display:block;width:38px; height: 38px; border-radius: 50%; border:1px solid #9c2622; position: absolute; right:60px; bottom: 50px; color:#9c2622;font-size:24px; font-family: "Impact"; text-align: center; line-height: 38px;}
.mbg{    margin-top: -120px;
    position: relative;
    z-index: 10;}
.mbg ul li.l1:hover span{background:#fff;color:#9c2622;}
.mbg ul li.l2:hover span{background:#9c2622;color:#fff;}

.pfl{    background: #fff;
    background-size: cover;
    width: 100%;
}
.about{padding:120px 0;}
.about .abc .ar{width:60%;float: right;    position: relative;
    z-index: 15;}
.about .abc .al{width:35%; float:left;    margin-top: 3%;}
.about .abc .arb{width:262px; background:#9c2622; color:#fff; border-radius: 10px; position: absolute; bottom: -50px; right:0;text-align: center; padding:40px 0;}
.about .abc .arb img{margin:0 auto;}
.about .abc .arb h4{font-size:30px; padding-top:40px;}

.abd {
    animation: leftt 100s cubic-bezier(0.38, 0.48, 0.68, 0.58) infinite;position: absolute;
	top: 108px;
	left: 0;
    width: 130%;

z-index: 10;
}
.about .abc .ar ul li .nimg{    width: 23%;}
.about .abc .ar ul li .nt{    width: 73%;    margin-top: 2%;}
.about .abc .ar ul li .nt span{font-size:14px; color:#666;}
.about .abc .ar ul li .nt  h4{font-size:22px; color: #333; padding-top: 1%; font-weight: normal;}
.about .abc  ul li img{transition: .3s all ease;}
.about .abc  ul li .nimg{overflow: hidden;}
.about .abc ul li:hover img{transform: scale(1.5)}
.about .abc .al ul li h4{font-weight: normal;}
.about .abc .al ul li:hover h4{ color: #9c2622;}
.about .abc .ar ul li:hover h4{ color: #9c2622;}
.about .abc .ar ul li{border-bottom:1px solid #eee;    padding: 15px 0;}
.about .abc .ar ul li:nth-child(1){display:none;}
.abc .al h4{font-size:48px; font-weight: bold;}
.abc .al h2{font-size:20px; color:#666; font-weight: bold; padding-top: 30px;}
.line{width:142px; height: 4px;background:#9c2622; margin-top: 30px;    margin-bottom: 50px;}
.abc .al  p{font-size:14px; color:#666; font-weight: bold;padding-bottom:20px;}
.about .abc .al ul li .nt{padding-top:18px;}

.abc .al ul li a{font-size:16px;color:#666; font-weight: bold;transition: .5s all ease;}
.abc .al ul li img{}

/**/
.kq{width:100%; background:url(../images/kbg.jpg) no-repeat ;background-size:cover; overflow:hidden;padding:120px 0;}
.tit .tl h2{font-size:50px; float:left;}
.tit .tl span{float:left; display:block; font-size:50px; font-family: "Impact"; color:#fff; opacity: .3;padding-left:20px;}
.tit a.tr{display:block;width:150px; height: 60px; line-height: 60px; border:1px solid #888; text-align: center;margin-top:12px;}
.tit a.tr em{    font-style: normal;
    font-size: 16px;
    color: #888;
    font-weight: normal;
    background-size: 20px; }
.tit a.tr:hover em{color:#fff;}
.tit a.tr:hover{background:#9c2622; border:1px solid #9c2622;}
.kq ul li .nimg img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; width:349px; height:407px;}
.kq ul li .nimg { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.kq ul li:hover .nimg img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.new2{width:100%; overflow:hidden; padding:120px 0;}
.new2 .n2l{width:48.33333333333%;}
.new2 .n2ll{width:24.33333333333%;}
.new2 .n2r{width:24.33333333333%;}
.new2 .n2l ul li {margin:20px 0;}
.new2 .n2l ul li  .nimg{    width: 33%; overflow:hidden;}
.new2 .n2l ul li .nt{width: 56%;margin-top: 2%;
    float: left;
    margin-left: 4%;}
.new2 .n2l ul li .nt span{font-size:14px; color:#666;}
.new2 .n2l ul li .nt h4{font-size:22px;    padding-top: 6px; color:#333; font-weight: normal;}
.new2   ul li img{transition: .3s all ease;}
.new2  ul li .nimg{overflow: hidden;}
.new2  ul li:hover img{transform: scale(1.5)}
.new2  ul li:hover .nt h4{ color: #9c2622;}
.pt h4{padding-bottom:3%;}
.new2 .n2ll img{margin: 14% 0 20px;}
.new2 .n2ll ul li h4{font-size:22px; background:url(../images/i.png) no-repeat left; font-weight: normal;    padding-left: 20px;}
.new2 .n2ll ul li{margin-bottom: 10px;}

.new2 .n2r img{margin: 14% 0 20px;}
.new2 .n2r ul li h4{font-size:22px; background:url(../images/i.png) no-repeat left; font-weight: normal;    padding-left: 20px;}
.new2 .n2r ul li{margin-bottom: 10px;}

.kq ul li{   
  
       width: 21.8%;
    transition: .5s all ease;
    margin: 50px 20px;}
.kq ul li .nt h4{font-size:16px; font-weight: bold; color:#333;}
.kq ul li .nt{ text-align:center;     padding: 22px 0;  background: #fff;}

.kq ul li:hover h4{color:#9c2622; }
.fbox dl dt{font-size:50px; color:#fff; font-weight:bold; padding-bottom:10%;}
.fbox dl dd{width:33.3333%; float:left;    margin-bottom: 10%;}
.fbox dl dd img{margin:0 auto;}
.fbox dl dd  h4{font-size:24px; text-align:center;}

/**/
.hg .hl{background:url(../images/hg.jpg) no-repeat; width:50%; background-size:cover;    min-height: 800px;}
.hg .hl .tl{    margin-left: 17%; padding-top:90px;}
.fas{width:50%;background:#9c2622;background-size:cover;    min-height: 800px;overflow: hidden; }
.fbox{width:74%; margin:0 auto;       position: relative; overflow: hidden; margin-top: 90px;}
.fas ul li .fimg img{width:376px; height: 436px;}
.fas ul li .ft{    width: 32%;}
 .fas h4{color:#fff;  font-size: 30px; padding-top:30px;}

.fas ul li .ft p{ color:#fff; font-weight: bold; opacity: .5; padding-top: 20px;}
.fas .owl-pagination{    position: absolute;
    bottom: 5%;
    right:21%;
}
.fas .owl-theme .owl-controls .owl-page span{background:none;width:10px; height: 10px;}
.fas .owl-theme .owl-controls .owl-page span:before{}
.fas dl dd a{display:block; width: 150px; height: 60px; border-radius: 10px; border:1px solid #fff; line-height: 60px; text-align: center; font-weight: bold; color:#fff;margin: 0 11px; transition: .5s all ease; }
    .fas dl{
    margin: 0 auto; margin-bottom: 80px;}
.fas dl dd a:hover{background:#fff; border:1px solid #fff; color:#9c2622;}
.hb{width:100%; background:url(../images/sbg.jpg) no-repeat ;background-size:cover; overflow:hidden;padding:100px 0;}
.tit.titb h2{color:#333;}
.tit.titb span{color:#888; opacity: .5;}
.hb .hbl{    width: 22%; margin-top: 106px;}
.hb .hbl h3{ font-size:50px; font-weight: bold;  padding-bottom: 20px;  line-height: 67px;}
.hb .hbr{width:70%; margin-top: 70px;}
.hb .hbl dl dd a {
    display: block;
    width: 150px;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #eee;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    color: #888;
    margin: 0 12px;
	transition: .5s all ease; margin-top: 20px;}
.hb .hbr ul li{width:48%; background: #fff; border:1px solid #eee;padding:50px 0;}
.hb .hbr ul li:last-child{float:right;}
.hb .hbr ul li .hbt{margin-left:80px;}
.hb .hbr ul li .hbt h4{font-size:30px; font-weight: bold; padding-top: 14px;}
.hb .hbr ul li .hbt span{    display: block;
    width: 150px;
    height: 60px;
    border-radius: 10px;
background:#888;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    color: #fff;
   
	transition: .5s all ease; margin-top: 20px;}
.hb .hbr ul li:hover .hbt span{background:#9c2622; color:#fff;}
.hb .hbl dl dd:hover a{background:#9c2622; color:#fff; border:1px solid #9c2622;}
.hb .hbr ul li .hbimg{width:54%;}
.hb .hbr ul li .hbimg img{width:290px; height: 290px;}

.bgl{width:100%; background:url(../images/bbg.jpg) no-repeat ;min-height: 654px;background-size:cover;}
.bgl .tit{padding-top:100px;}
.bgl ul li{background:#fff; padding:30px; text-align: center; border-bottom: 8px solid #9c2622;    width: 19%;margin: 0 18px;}
.bgl ul li img{margin:0 auto;}
.bgl ul li h4{ font-size: 20px; padding-top: 30px;}
.bgl ul{margin-top:60px;}
.bgl ul li:hover h4{ color: #9c2622;}
.bgl ul li:hover{border-bottom:8px solid #0453a1;}
/**/
.runpic-box {    margin-top: 0;width: 100%;overflow: hidden; position: relative;}
.runpic-words {      position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    /* margin-left: -700px; */
    z-index: 3;
    max-width: 100%;
    text-align: center;  }
.runpic-words ul li {    width: 19.8422%;
  float: left; text-align: center;}
.runpic-words ul a:nth-child(1) span{display: block; width:86px;  height: 64px; background:url(../images/j1.png) no-repeat center;    background-size: 68px;    margin: 30px auto;}
.runpic-words ul a:nth-child(2) span{display: block; width:86px;  height: 64px; background:url(../images/j2.png) no-repeat center;    background-size: 68px;    margin: 30px auto;}
.runpic-words ul a:nth-child(3) span{display: block; width:86px;  height: 64px; background:url(../images/j3.png) no-repeat center;    background-size: 68px;    margin: 30px auto;}
.runpic-words ul a:nth-child(4) span{display: block; width:86px;  height: 64px; background:url(../images/j4.png) no-repeat center;    background-size: 68px;    margin: 30px auto;}
.runpic-words ul a:nth-child(5) span{display: block; width:86px;  height: 64px; background:url(../images/j5.png) no-repeat center;    background-size: 68px;    margin: 30px auto;}
.runpic-words ul a:nth-child(1) .runpic-words-pic{background:#9c2622;}
.runpic-words ul li:hover .runpic-words-pic{background:#9c2622;}
.runpic-words ul li.runpic-words-active h6{color:#fff;}
.runpic-words ul li img {display: block;margin: 0 auto;transition: all 1s;}
.runpic-words ul li h6 { font-size: 30px; color: #fff;font-weight: bold;}
.runpic-words ul li p {font-family: Arial;font-size: 18px;color: #fff; text-transform: capitalize; margin-top: 10px;}
.runpic-words ul li:hover img { transform: rotateY(180deg);}
.runpic-line-null {position: absolute; width: 100%;height: 1px; background-color: rgba(255, 255, 255, .1);left: 0;top: 62%;z-index: 4;display:none;}
.runpic-line {position: absolute; width: 10%; height: 1px; background-color: #b6b5aa; left: 0;top: 62%; z-index: 4;transition: all 1s;display:none;}
.runpic-pic {width: 100%; overflow: hidden; position: relative;z-index: 1;height:900px; background-color: #000;}
.runpic-pic ul li {width: 100%; height: 900px; display: none;background-repeat: no-repeat !important;background-attachment: fixed !important;position: relative;background-size: cover !important;position: absolute;top: 0%;
left: 0%;   }
.runt{    position: absolute;
    top:210px;
    /* left: 13%; */
    /* background: rgba(7,90,171,.8); */
    /* padding: 50px; */
    width: 100%;
    color: #fff;animation:fade 1.5s ease forwards; -webkit-animation:fade 1.5s ease forwards;}
.runt h4{font-size:40px;    font-weight: bold;}
.runt h4 a{color:#fff;}
.runt p{    font-size: 18px;margin-bottom: 30px;
    padding-top: 20px;}
.rtime dl dt span{    font-size: 36px;
    font-weight: bold;}
.rtime dl dd{font-size: 24px;
    font-weight: bold;
    text-align: center; color:#fff;}
.rtime dl{border-right:1px solid rgba(255,255,255,.3);    padding-right: 35px;
    padding-left: 35px;}
.rtime dl:last-child{border-right:none;}

.runpic-pic-shade {position: absolute;z-index: 2;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);transition: all 2s;}
.runpic-words-pic {    background: rgba(0,0,0,.5); transition: .5s all ease;
       padding: 30px 0 60px;}
.runt em{    font-size: 16px;
    width: 150px;
    color: #9c2622;
    height: 50px;
    display: block;
    border: 1px solid #fff;
    line-height: 50px;background:#fff;
    text-align: center;
    margin-top: 50px;
    font-style: normal;
}
.runt em i{    padding-right: 32px;font-style:normal; background:url(../images/jian.png) no-repeat right;}
.runt em:hover{border:1px solid #9c2622; background:#9c2622; color: #fff;}
.runt .rbox{    width: 48%;}
.ypt{    position: absolute;
    top:100px;;width:100%;}
.ypt h3{font-size:48px; color:#fff; font-weight: bold; }
.new{width:100%;    background: #f7f7f7;    background-size: cover;  margin-top: -120px;    padding-top: 220px; padding-bottom: 100px;}
.pt h4{font-size: 40px;
    font-weight: bold;
    border-left: 4px solid #9c2622;
    line-height: 34px;
    padding-bottom: 0;
    margin-bottom: 8%;
    padding-left: 20px;}
.pt p{font-size:24px; font-weight: bold; color: #666; padding-top:10px;}
.new ul li .nt h4{font-size:24px;padding-top: 36px;}
.new ul li .nt span{color:#888; font-weight: bold;    padding-top: 30px;
    display: block; }
.new ul li .nt { position: relative;}
.new ul li{ width: 100%; position: relative;}
.new ul li .nlm{width: 112px; height: 32px; line-height: 32px; text-align: center; color:#fff; border-radius: 50px; position: absolute; top: 57%; left: 5%;background:#9c2622;}
.nl{   
  }
.about .abc .al ul li span{font-size:16px; color:#666; font-weight: normal;}
.about .abc .al ul li h4{font-size:22px;    color: #333;    padding-top: 10px; }
.new  .nnr{float: right;
    width: 33%; background:#fff;    margin-top: 60px;}
.new  .nnr dl{padding:50px;}
.new  .nnr dl dd span{color:#888; font-weight: bold;}
.new  .nnr dl dd h4{ font-size:20px; padding-top: 16px; position: relative;}
.lk ul li{width:33.3333333%; position:relative;}
.lk ul li .lt{ position:absolute;     top: 8%;
    left: 10%; color:#fff;}
.lk ul li .lt h4{font-size:36px; padding-bottom:10px;}
.lk ul li .lt p{color:#fff; font-size:24px;}


.new  .nnr dl dd { margin-bottom: 20px;}
.new .nnr dl dd p{color:#888; margin-top:11px;border-bottom:1px solid #eee; padding-bottom: 20px;}
.new  .nnr dl dd:last-child{margin-bottom:0;}
.new  .nnr dl dd:hover h4{color: #9c2622;}
.new  .nnr dl dd h4:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #9c2622;
	transition: all .5s;}
.new  .nnr dl dd:hover h4:after {
	width: 100%;}

.new ul li .nimg img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.new ul li .nimg { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.new ul li:hover .nimg img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.new ul li h4{ border-bottom:1px solid #eee; padding-bottom:30px;}
.new ul li:hover .nt:after {
	width: 100%;}
.new ul li:hover .nt h4{color: #9c2622;}
.lun{width:100%; margin-top:120px;min-height: 772px;    overflow: hidden;}
.lun .owl-carousel .owl-wrapper-outer{overflow: inherit;}

.lun ul li{position:relative;}
.lun ul li .ft{background:url(../images/lun.png) no-repeat; background-size: cover; position: absolute; right: 96px; top: 96px;       width: 23.2%;
    padding: 120px 0;
    color: #fff;
    padding-left: 110px;}
.lun ul li .ft h3{font-size:50px; border-bottom: 4px solid rgba(255,255,255,.15);width: 68%; padding-bottom: 40px;}
.lun ul li .ft h4{font-size:50px;padding-top: 46px;}
.lun ul li .ft p{font-weight: bold; padding-top:30px;}
.lun ul li .ft span{width:150px; height: 60px; line-height: 60px; border-radius: 10px; border:1px solid #fff; color:#fff;display: block; text-align: center; margin-top: 60px;}
.case{width: 100%;
    overflow: hidden;margin-top: 4%;
    }
.a4 ul li img{width:100%;}

.foot{background:#111; width:100%; overflow:hidden; padding-top:60px;    margin-top: 0px;}
.foot .dlogo{width: 26%;}
.foot .dlogo h4{font-size:24px; color:#fff; font-weight: bold; padding-bottom: 20px;}
.foot .dlogo  .blogo{    width: 85%;}
.foot .dlogo  .wx img{margin-top: 30px; margin-left: 27%;}
.foot  .dnav{width:18%; }
.foot  .dnav dt{font-size:18px; color: #fff;  font-weight:bold;    padding-bottom: 20px;}
.foot  .dnav dd a {color:#fff;     line-height: 36px;
    font-size: 16px;}
.foot  .dnav dd:hover a{color: #9c2622; opacity: 1;}
.lun ul li:hover .ft span{background:#fff;color: #9c2622;}
@keyframes leftt {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(100%);
	}
}
  @-webkit-keyframes fade {

    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

}

@keyframes fade {

    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

}
.copy{width:100%; float:left; color:#333;padding-top: 30px; border-top: 1px solid #fff;    padding-bottom: 30px;
    margin-top: 50px;   }
.copy p{color:#fff;  opacity: .5;   text-align: center;  }
.copy a{ color:#fff;  opacity: .5;    }


/*右侧漂浮菜单*/
.righto{position: fixed;right: -50px;bottom: 20%;z-index: 30;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.righto.act{right: 20px;}
.righto .ul1{width: 50px;}
.righto .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} 
.righto .ul1 li{cursor: pointer;margin-bottom: 1px;position: relative;}
.righto .ul1 li .img{display: block;width: 50px;height: 50px;background: #9c2622; border-radius: 50%; position: relative;right: 0; }
.righto .ul1 li .img img{display: block;width: 100%;}
.righto .ul1 li .cla{position: absolute;top: 0;right: -160px; width: 160px;height: 50px; line-height: 50px;background: #f5f5f5;color: #a50010;font-size: 20px;overflow: hidden;text-align: center;z-index: 2;}
.righto .ul1 li.dh:hover .img{right: 160px;}
.righto .ul1 li.dh:hover .cla{right: 0;}
.righto .ul1 li .ewm{width: 100px;position: absolute;top: 0;right: -100px;z-index: -1;}
.righto .ul1 li:hover .ewm{right: 45px;}

@keyframes bbn {
	0% {
	-webkit-transform:scale(1.1);
	-mos-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
100% {
	-webkit-transform:scale(1);
	-mos-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
}
.nbimg img {
	animation:bbn 4s 0s ease both;
	position:relative;
	width:100%;
}
.nbimg {
	position:relative;
	display:block;
	overflow:hidden;
	height:0;
	padding-bottom:100%;
	outline:none;
	padding-bottom:39%;
}
.nbanner .nbt {
	text-align:left;
	top:30%;
	left:0%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	position:absolute;
	width:100%;
	z-index:10;
	color:#fff;
}
.nbanner1 img{    margin: 0 auto;
    width: 100%;}
.nline {
	display:none;
	width:180px;
	height:2px;
	background:#fff;
	opacity:.5;
	margin:2% auto 0;
}
.nbanner .nbt span {

	font-size:32px;
	font-weight:bold;
}
.nbanner .nbt h4 {
	font-size:54px;
	font-weight:bold;
}
.snav dl dd{float:left;}
.about.abuc  .al img{ }
.about.abuc .ar{         width: 35%;
    float: left;
    margin-top: 4%;
    margin-left: 9%; }
.about.abuc .ar p{font-size:15px; padding-bottom: 20px;color: #666; font-weight: bold;}
.about.abuc{ padding:0;   padding: 6% 0;}
.about.abuc  .al{margin-top:0; float:right;    width: 50%;}
.about.abuc .ar h2{font-size:50px; font-weight: bold; padding-bottom:30px;}
.a1{width:100%; overflow:hidden; position:relative;}
.a1 .a1p{   float:left; width: 50%;
    background: #9c2622;}
.hg.hg1 .fas{width:100%;   min-height: auto;}
.hg.hg1 .fbox dl dt{text-align:center;padding-bottom: 6%;}
.hg.hg1 .fbox dl dd {
	width: 16.3333%;}
.hg.hg1 .fbox {
       width: 1600px;
    margin-top: 4%;
    max-width: 100%;}

.hg.hg1

.a1p img{width:40%; margin:0 auto;}
.a1p h4{    font-size: 40px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;}
.alp2{  float:right; width: 50%;}
.alp2 h4{font-size:40px; font-weight: bold; color:#fff;}
.a2 {width:100%; overflow:hidden; background:#fafafa; background-size:cover;padding: 5% 0;   margin-top: 5%;}
.a2  h4{ font-size:50px; padding-bottom: 6%;}
.a2  h2{ font-size:48px; color:#fff; font-weight: bold;}
.a2 .a2r{width:52%;padding-top: 6%;}
.a2 p{color:#666; font-weight: bold;}

.fb{width:100%; overflow:hidden; background:url(../images/fb.jpg) no-repeat; background-size:cover;    position: relative;padding:5% 0 1%;    background-attachment: fixed;}
.ryimg{margin-top:5%; position:relative;}
.ryimg .hont{position:absolute;     left: 4%;
    top: 22%;}
.ryimg .hont h4{font-size:50px; color:#fff;    padding-bottom: 7%;}
.ryimg .hont .rtime dl dt span{ font-size:48px; color:#fff;}
.ryimg .hont .rtime dl dt{color:#fff;    text-align: center;}

.a3{width:100%; overflow:hidden;  background-size:cover;    position: relative;padding: 0;   }
.a3 ul li{    float: left;
        width: 30.333333%;
    text-align: center;
    margin: 20px;
    padding: 50px 0;
border-right: 1px solid #ccc;
    position: relative;}
.a3 ul li h4{font-size:36px; font-weight: bold;    }
.a3 ul li span{font-size:16px; color:#666; font-weight: bold; padding-top:20px;display: block;}
.a3 ul li:last-child{border-right:none;}
.a3 .pt{margin-bottom:50px;}
/*.a3 ul li:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #9c2622;
	transition: all .5s;}
.a3 ul li:hover:after {
	width: 100%;}*/
.a4.atop{    padding-top: 5%;}
.a3 ul li:hover h4{ color:#9c2622;}
.a3 ul{width:100%; float:left;   }
.a3 .a3r{float:right; position: relative;    width: 50%;}
.a3 .a3r h2{    position: absolute;
    top: 8%;
    left: 8%;
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    width: 50%;}
.a4 ul li{float:left;      background: #000;  width: 25%;
    position: relative;}
.a4 ul li h4{    position: absolute;
    top: 38px;
    left: 0;
    font-size: 36px;
    text-align: center;
    width: 100%;
    color: #fff;}
.a4 ul{margin-top:5%;}
.a4 ul li:hover img{opacity:.95;}

.fbt h2{    font-size: 48px;
    color: #fff;
    font-weight: bold; text-align: center;}
.fbt h4{color:#fff; text-align: center;}
.fbt{    position: absolute;
    top: 6%;
    width: 100%;
    left: 0;}
.linian{width:100%; background:url(../images/zp1.jpg) no-repeat; background-size:cover; background-attachment: fixed;    padding: 4% 0; position: relative;}
.linian .lit h4{font-size:50px; font-weight: bold; color: #333;}
.linian .xian{    position: absolute;
    right: 0; background:#9c2622;          padding: 8% 1%;
    top: -19%;}
.linian .xian img{width:28%; margin:0 auto;}
.linian .xian h3{font-size:36px; font-weight: bold; text-align: center; color: #fff; padding-top: 40px;}
.lit{    width: 100%;    margin-top: 3%;}
.lit p{font-size:15px; color:#fff; padding-top:20px;}
.lit ul li{border:1px solid #eee; margin:10px; background:#fff;}
.lit ul li:hover img{opacity:.8;}
a.lmore{    display: block;
    width: 150px;
    height: 50px;
border:1px solid #fff;
    line-height: 50px; color:#fff;
    text-align: center;
    font-size: 16px;
    margin-top: 50px;}
a.lmore:hover{background: #9c2622;  border:1px solid #9c2622; color: #fff;}
.jg{width:100%; background:#f7f7f7; overflow:hidden;      position: relative;  padding: 100px 0 80px;}
.jg ul li{    width:30.8%;    margin-bottom: 30px;
    padding: 20px;
    float: left; }
.jg ul li .jgt{background:#fff;    padding: 10% 10%;}
.jg ul li .jgt h4{    font-size: 24px; padding-bottom:10px;
    font-weight: bold;}
.jg ul li .jgt span{    display: block;

    color: #666;
    padding-top: 6px;
}
.jg ul li .jimg img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.jg ul li .jimg { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.jg ul li:hover .jimg img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.jg ul li:hover h4{color: #9c2622;}
.fbx{    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    background: #fff;}
.fco{width:100%; background:url(../images/fb.jpg) no-repeat;background-size:cover;      background-attachment: fixed;   padding: 12% 0;}
.fco .container .fc{background:#fff;background: rgba(255,255,255,.95);

    padding: 5%;}
.fco .container .fc h4{font-size:48px; font-weight:bold;text-align:center; padding-bottom: 5%;}
.fc ul li.fc1{position: relative;}
.fc ul li .fc2{          position: absolute;
    top: 9%;
    right: 0;
    width: 50%;
    background: #9c2622;
    color: #fff;
    padding: 5%;}
.fc ul li .fc2 h3{font-size:30px; font-weight: bold;    padding-bottom: 20px;}
.fc ul li .fbj{font-size:16px; text-indent: 2rem;    padding-bottom: 20px;}
.fc2 em{display:block;    font-size: 16px;    opacity: .8;    font-style: normal;}
.fc2 em.etel{font-size:40px; font-family: "Impact";    opacity: 1;}
.aqbox{background:url(../images/hx.jpg) no-repeat; background-size:cover; width:100%; position: relative;   overflow: hidden;background-attachment: fixed; height: 100vh;}
.aqbox h4{font-size:48px; color:#fff; text-align: center;    padding-bottom: 60px;}
.aqt{padding-top:14%;}
.aqt ul{text-align:center;}
.aqt ul li {display:inline-block; background:#fff; transition: .3s all ease;    border-radius: 20px;
   width: 21.3333%;
    margin: 20px;
   }
.aqt ul li .aqgl{padding: 14%; transition: .3s all ease; cursor: pointer;}
.aqt ul li {}
.aqt ul li .aqgl img{    margin: 0 auto 20px;
    width: 75px;}
.aqt ul li p{color:#666; padding-top:0px;}
.aqt ul li h2{font-size:24px; color:#333;}
.aqt ul li span{    display: block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #888;
    color: #888;
    margin: 40px auto 0;}
.aqt ul li:hover .aqgl{background:#075aab;  border-radius: 20px;  transform: translateY(-20px);}
.aqt ul li:hover  .aqgl h2{color:#fff;}
.aqt ul li:hover .aqgl p{color:#fff;}

.aqt ul li a{cursor: pointer;}
.aqt ul li:hover span{border:1px solid #fff; background:#fff; color:#075aab;}
.dby{    position: fixed; transition: .3s all ease;    opacity: 0;
    top: 0;
right:-100%;
    width: 100%;
    background: rgba(0,0,0,.5); 
    height: 100%;
    z-index: 999;}
.dbb{  width: 76%;    height: 100vh;overflow: auto;
    position: relative;
    top: 0;
    margin: 0 auto;
    background: #fff;

    font-size: 16px;
    text-align: left;
    /* right: 0; */
    float: right;
}
.dby.actl{ right:0;    opacity: 1;}
.aqt ul li .op h2{float:left; font-size:42px;}
.aqt ul li .op{    padding: 0;
    position: fixed;
    width: 1427px;
    background: #fff;
    height: 138px;
    /* left: 0; */
    max-width: 100%;
    /* padding-left: 5%; */
    line-height: 138px;
    z-index: 200;}
.op3{    padding: 0 5%;}
.aqt .cbox{    margin-top: 138px;}
.aqt ul li .op img {
       margin: 12px auto 0px; cursor: pointer;
    width: 50px;
    float: right;}
.sco p{text-indent: 2rem;}
.sco{     height: 100vh;  padding: 5.5% 5.5% 0;
   }
.cbox{}
.dbb::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px; border-radius: 6px; }

.dbb::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#075aab; border-radius: 6px; }

.dbb::-webkit-scrollbar-corner { background-color:#ededed;  border-radius: 6px; }
.clo i{display: block; cursor: pointer;
    float: right;
    font-style: normal;
    color: #666;
    border: 1px solid #888;
    width: 89px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    margin-top: 48px;}
.clo i:hover{ border:1px solid #075aab; background:#075aab; color:#fff;}
.cbox p img{ display:inline-block;}
.cbbox .fas ul li .fimg{ height:100vh;}
.cbbox .fas{margin-top:0;       position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;}
.cbbox{width:100%;      height: 100vh;   position: relative;}
.cbbox .ctt{       position: absolute;
    top: 20%;
    left: 50%;    width:622px;
    transform: translateX(-50%); z-index: 2;
}

.cbbox .ctt span.quan{       display: block;
    width:520px;
    height: 520px;
    border: 1px dotted rgba(255,255,255,.5);
    border-radius: 50%;
    padding: 50px;position: absolute;
    z-index: 3;
}
.cbbox .ctt span.quan img {    animation: quan linear 20s infinite; }
.hx{width:100%; background:url(../images/hx1.jpg) no-repeat; background-attachment: fixed; background-size:cover; position: relative;overflow:hidden; height: 100vh;}
.hx ul{ height: 100%; text-align: center;position: absolute;
    width: 100%;
    height: 100%;
    left: 0;}
.hx ul li{display:inline-block; color:#fff;    width: 32.33333333%; overflow: hidden;position: relative;
    height: 100%;}
.hx ul li h4{font-size:48px; color:#fff;    border-right: 1px solid rgba(255,255,255,.2);transition: .5s all ease;}
.hx ul li  .jgt{    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 62% 0;}
.hx ul li  .jgt span{    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border-bottom: 4px solid #fff;
    padding-top: 30px;
    padding-bottom: 20px;
    display: block;
    width: 22%;
    margin: 0 auto;}
.hx ul li:nth-child(3) h4{border-right:none;}
.hx ul li .lbg{    position: absolute;
    width: 100%;
    height: 100%;
   background: rgba(2,110,60,.6);
    top: -100%; transition: .5s all ease;
    z-index: 1;}
.hx ul li  .lk{    display: block;
    width: 150px;
    height: 50px;
    background: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 16px;transition: .5s all ease; opacity: 0;
      margin: 50px auto;color: #9c2622;}
.hx ul li  .lk:hover{background: #9c2622; color: #fff;}
.hx ul li:hover .lbg{top:0;}
.hx ul li:hover h4{border-right:none;}
.hx ul li:hover .lk{opacity: 1;}
.hx ul li:nth-child(2) .lbg{top:auto; bottom: -100%;}
.hx ul li:nth-child(2):hover .lbg{bottom:0;}
.fa{width:100%; position:relative; overflow: hidden; background: url(../images/hx1.jpg) no-repeat; background-size:cover;padding: 10% 0;}
.fa .bt h4{text-align:center; font-size:48px; color:#fff;}

.fco.xml{background: url(../images/hx1.jpg) no-repeat; background-size:cover;}
.xlt p{        font-size: 16px;
    text-align: center;
    color: #666;}
.fco.xml .xlt h4{padding-bottom:0;}
.fco.xml .xlt  span{font-size: 30px;
    text-align: center;
    display: block;
    padding-top: 10px;
font-weight: bold;}
.fco.xml .xlt {padding-bottom:50px;}
.fco .container .fc .fa h4{color:#fff;padding-bottom:1%;    font-size: 110px;
  }
.fco .container .fc .fa  p{width:40%; margin:0 auto; background:#9c2622; padding:4% 3% 3%; color:#fff;margin-top: -94px; font-size:15px;}
.fa .bt p{font-size:18px; text-align: center; color:#fff;}
.fa .bt  span{font-size: 30px;
    text-align: center;
    display: block;
    padding-top: 10px;
font-weight: bold; color:#fff;}

.ln{    background: #fff;
    padding: 150px 0;
    overflow: hidden;
    width: 100%;}
.lnbox ul li .lnimg{width:50%; float:left;}
.lnbox ul li{position:relative;    margin-bottom: 6%;}
.lnbox ul li .lnt{    background: #f7f7f7;    border-left: 4px solid #9c2622;
    position: absolute;    height: 286px;
    overflow: hidden;
    right: 0;
    top: 36px;
    width: 50%;
    padding: 3% 5%}
.lnbox ul li .lnt h4{font-size:48px; padding-bottom:30px;}
.lnbox ul li  .c p{font-size:14px;color: #666;
    font-weight: bold;}
.lnbox ul li:nth-child(2)  .lnimg,.lnbox ul li:nth-child(4)  .lnimg,.lnbox ul li:nth-child(6)  .lnimg,.lnbox ul li:nth-child(8)  .lnimg{float:right;}
.lnbox ul li:nth-child(2) .lnt,.lnbox ul li:nth-child(4) .lnt,.lnbox ul li:nth-child(6) .lnt,.lnbox ul li:nth-child(8) .lnt{left:0;}
.lnbox ul li:last-child{margin-bottom:0;}
.lnbox ul li:nth-child(7) .c p{float:left;      width: 33.33333%;}
.ttop p{font-size: 16px;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    color: #fff;}
.ttop h4{font-size:48px; text-align: center; font-weight: bold; padding-bottom: 30px;color: #fff;}
.ttop{padding-top:20%;}
.yj{width:100%; overflow:hidden; background:url(../images/yj.jpg) no-repeat; background-size:cover; height: 100vh;}

.yw ul li{ position: relative;     width: 45%;  margin: 36px;}
.yw ul li .ywt{    padding: 5% 30px; padding-bottom: 10px;}
.yw ul li .ywi img{ transition: .5s all ease;}
.yw ul li .ywt h4{font-size:36px;}

.yw ul li .ywb{    margin: 7% 30px;    margin-bottom: 0;}
.yw{width:100%; overflow:hidden; padding:4% 0;}
.ymore{    display: block;
    width: 150px;
    height: 50px;
    background: #9c2622;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    margin: 50px auto 0; color:#fff; opacity: 0; transition: .5s all ease;}
.yw ul li .ywt p{color:#888; font-weight: bold; padding-top:5px;}
.yw ul li:hover .ywt h4{color:#9c2622;}
.yw ul li:hover .ymore{ opacity: 1;}
.yw ul li:hover .ywi img{opacity:1;}
.yw ul li img {     width: 100%;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.yw ul li .ywi {     box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.2);
    border-radius: 10px;  overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.yw ul li:hover .ywi img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ycon{width:100%;   overflow:hidden; background:url(../images/cbg.jpg) no-repeat; background-size:cover; padding:4% 0 10%;   }
.lun2 ul li{position:relative;}
.lun2 ul li .ft{width:30%; padding:4%; position: absolute; top: 6%; right:6%;}
.yw.ycon ul li .ywt{    border-radius: 10px;position: absolute;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);

    bottom: -60px;
    background: #fff;
    width: 52%;
    left: 17%;
    padding: 5%;
    text-align: center;}
.yw.ycon ul li {
	overflow: inherit;}
.yw.ycon ul li:hover .ywt h4{ color:#fff;}
.yw.ycon ul li:hover .ywt{background:#9c2622;}
.ytt h4{font-size:50px; text-align:center; margin-bottom:30px;}
.md{       line-height: 1.8;

   padding-bottom:4%; }
.yt1{   
    position: relative;
   }
.md table td{    width: 50%;text-indent: 2rem;
    padding: 3.5%;
    background: #f7f7f7;}
.md p img{display:inline-block;}
.nbt ul li{float:left; color:#fff;    padding-right: 35px;}
.nbt ul li a{color:#fff; font-size:16px;}
.nbt ul li.hover a{color:#9c2622;}
.ly{width:100%; overflow:hidden; padding:3% 0;}
.ly dl.new_dl dt{float:left; width:30%;}
.ly dl.new_dl  dd{float:right; width:70%;    margin-top: 1%;}
.ly dl.new_dl  dd span{color:#888; font-weight: bold; font-size: 24px;opacity: .7;}
.ly dl.new_dl  dd h4{font-size:30px; padding-top: 20px; font-weight: bold;}
.ly dl.new_dl  dd  p{color:#888;    padding-top: 20px;}
.ly dl.new_dl {border-bottom:1px dotted #ccc;padding-bottom: 3%; margin-bottom: 3%;}
.page{text-align: center; color:#666;}
.ly dl.new_dl dt img{    width: 378px;
    height: 257px;}
.ly dl  dd:hover h4{color:#9c2622; text-decoration: underline;}
.nbt ul li:hover a{color:#9c2622;}
.ndl{float:left; width:50%;}
.ndl .ndt{padding:30px;}
.ndl .ndt h4{font-size:20px; font-weight: bold;}
.ndl .ndt span{color:#888; font-size:15px; font-weight: bold; padding:10px 0;}
.new_con h2{    font-size: 48px;
    text-align: center;
    padding-bottom: 5%;}
.new2 dl{        border: 1px solid #eee;
    width: 45.1%;    min-height: 265px;
    padding: 15px;
    float: left;
    margin: 20px;}
.new2 dl dd{    background: #fff;   padding: 8%;}
.new2 dl dd span{color:#666;  display: block;padding-bottom: 20px;}
.new2 dl dd h4{    font-size: 22px;
    font-weight: normal;

}
.new2 dl dd p{color:#666; padding-top:10px;  font-size:16px; }
.new2 dd img{width:270px; height: 150px;}
.ycon.newcon{background:none;    padding-bottom: 5%;}
.ycon.newcon .nl{    width: 54%;
    float: left;
    background: #f7f7f7;
    padding: 66px;
    margin-top: 0;}
.ycon.newcon .nr {

	width: 31%;}

.page{margin-top:5%;}
.page span,.page a{border:1px solid #eee;padding: 2px 6px; color:#888;}
.page a:hover{background: #9c2622; color:#fff; border:1px solid #9c2622;}
.nbanner.nb2 .nbt{top:31%;}

.nx ul li{float:left; color:#888; font-weight: bold; padding-right: 30px;}
.nx{    width: 100%;    margin-bottom: 5%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;}
.nl .ytt h4 {    font-weight: normal;
    font-size: 22px;
    text-align: left;
	margin-bottom: 30px;}
.nl .md p img{width:700px;}
.sx p{float:left; color:#888;    width: 44%;}
.sx p:nth-child(2){float:right;}
.sx{    border-top: 1px solid #ccc;
    padding-top: 30px; margin-top:30px;}
.sx a,.sx p{color:#666;}
.nr{float:right; width:26%;}
.nr h2 {
    font-size: 36px;
    text-align: left;
	margin-bottom: 30px;}
.nr dl dd span{color:#666; }
.nr dl dd  h4{    font-size: 16px;
    padding: 10px 0 20px;
    font-weight: normal;}
.nr dl dd {border-bottom:1px dotted #ccc;margin-bottom: 20px;}
.nr dl dd:hover h4{color: #9c2622; text-decoration: underline;}
.zpc{background:url(../images/jr.jpg) no-repeat; background-size:cover; width: 100%; overflow:hidden; height: 100vh; position: relative;}

.zpc .box {
	position: absolute;
	top: 0;
	transform: rotate(80deg);
	left: 0;
}

.wave {
	position: fixed;
	top: 0;
	left: 0;
  opacity: .5;
  position: absolute;
  top: 3%;
  left: 30%;
  background: #9c2622;
  width: 1500px;
  height: 1300px;
  margin-left: -250px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 7000ms infinite linear;
}

.wave.-three {
  animation: drift 7500ms infinite linear;
	position: fixed;
	background-color: #268b5c;    margin-left: -300px;
    margin-top: -300px;
}

.wave.-two {
  animation: drift 3000ms infinite linear;
  opacity: .1;
  background: black;
	position: fixed;margin-left: -300px;
}

.box:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  transform: translate3d(0, 0, 0);
}

@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}
.screen__content {
	z-index: 1;
	position: relative;	
	height: 100%;
}
.s{
	/*display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;*/
}
.sc{    background:rgba(255,255,255,.95);
    padding: 5% 0;
    width: 38%;
    float: right;
    position: absolute;
    top: 27%;
    right: 8%;    border-radius: 10px;}
.sc img{margin:0 auto;}
.sc img.mai{width:48%; padding-top:30px;}
.sc h4{    font-size: 48px;
    text-align: center;
    padding-top: 30px;}
a.pmore{width:150px; height: 50px;color:#888;font-size:16px; display: block;margin:0 auto; cursor: pointer;text-align: center; border:1px solid #ccc;line-height: 50px; border-radius: 10px; margin:50px auto 0;}
a.pmore:hover{background: #9c2622; color:#fff; border:1px solid #9c2622;}

.co2 .ul1 dt{background: #888;box-sizing: border-box;}
.co2 .ul1 dt span{    text-align: center;display: block;float: left;line-height: 45px;width: 25%;color: #fff;}
.co2 .ul1 dd .dtp{    text-align: center;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;border-bottom: 1px solid #eee;box-sizing: border-box;background: #fff;cursor: pointer;}
.co2 .ul1 dd .dtp span{font-size: 16px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;float: left;line-height: 68px;width: 25%;}
.co2 .ul1 dd .dbt{padding: 40px 80px;line-height: 1.8;display: none;background: #f7f7f7;}
.co2 .ul1 dd .dbt div{ font-size:16px;margin-bottom: 3px;}
.co2 .ul1 dd.act .dtp{background: #9c2622;}
.co2 .ul1 dd.act .dtp span{color: #fff;}
.rbox1{    position: fixed;    z-index: 999999;
    top: -100%;
    height: 100vh;
    width: 100%;   
    left: 0;
    background: rgba(0,0,0,.5); transition: .8s all ease;}
.rbox1 .container{ overflow: auto;    height: 100vh;}
#joblist dt{padding: 12px 10px; font-size: 16px; border-bottom: none;}
#joblist dd {padding: 0px 0px 0px;}
.jl{background:#fff; padding:5%;   
}
.rtop h4{ font-size:48px; float:left;}
.rtop{margin-bottom:6%;border-bottom: 1px solid #eee;
    padding-bottom: 30px;}
.rtop span{    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: right;
    border: 1px solid #888;
    text-align: center;
    line-height: 50px;margin-top: 16px;
    color: #888; cursor: pointer;}
.rtop span:hover{border:1px solid #9c2622; background:#9c2622; color:#fff;}
#joblist{    margin-top: 6%;margin-bottom: 6%;}
.rbox1 .container::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px; border-radius: 6px; }

.rbox1 .container::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#9c2622; border-radius: 6px; }

.rbox1 .container::-webkit-scrollbar-corner { background-color:#ededed;  border-radius: 6px; }
.tmail a{    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #9c2622;
    color: #fff;
    border-radius: 10px;}
.pz{width:100%;  overflow:hidden; position: relative;}
.pz h2{    font-size: 48px;
    margin-bottom: 6%;}
.pz .ctt{       position: absolute;
    top: 25%;
    left: 50%;    width:622px;
    transform: translateX(-50%); z-index: 2;
}

.pz .ctt span.quan{       display: block;
    width:450px;
    height: 450px;
    border: 1px dotted rgba(255,255,255,.5);
    border-radius: 50%;
    padding: 50px;position: absolute;
    z-index: 3;
}
.pz .ctt span.quan img {    animation: quan linear 20s infinite; }

@keyframes quan {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}
.qui{    width: 310px;
    left: 19%;
    position: absolute;
    top: 122px;}
.pzr{position:absolute;  background:url(../images/kj2.jpg) no-repeat; width:50%;background-size:cover;right: 0; height: 100%;}
.pzr h4{    font-size: 36px;
    text-align:right;    padding-right: 80px;}
.pzr p{    font-size: 18px;
    text-align: right;
    font-weight: bold;
    color: #888;
    padding-top: 30px;
    width: 50%;
    /* margin: 0 auto; */
    padding-right: 80px;
    float: right;}
.pzr h2{    text-align: right;
    color: #9c2622;
    margin-bottom: 2%;
    padding-right: 80px;
    padding-top: 26%;}
.rbox1.act1{top:0;}
.lxc ul li .rl{         width: 24%;
    /* background: #f7f7f7; */
    padding: 4%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background:#9c2622;
}
a.amore{    width: 150px;
    height: 60px;
    line-height: 60px; font-size:15px; font-weight:bold;
    border:1px solid #eee; color:#999; text-align:center;
    text-align: center; color:#666;
    margin-top: 12px; display:block;}
a.amore:hover{ border:1px solid #9c2622; background:#9c2622; color:#fff;}
.mis{width:100%; overflow:hidden; background:url(../images/mes.jpg) no-repeat;background-attachment: fixed; background-size:cover; padding:5% 0; }
.mis .misr{    background: #fff;
        padding: 3% 4%; }
.mis .misr form{font-weight: bold; color:#666;}
.mis .misr input{    outline: 0;
    width: 100%;
    border: 1px solid #eee;
    line-height: 36px; text-indent: 1rem;margin: 10px 0;}
.mis .misr input.eyou_form_btn{background: #9c2622; color:#fff;line-height: 50px; cursor: pointer;}
.mis .misl h2{font-size:50px; color:#fff;padding-bottom:5%;}
.mis .misl{width:44%;    margin-top: 8%;}
.mis .misl p{font-size:20px; font-weight: bold; color:#fff; padding-bottom:20px;}
.mis .misr textarea{text-indent: 1rem;border: 1px solid #eee;outline: 0;padding-top: 2px;}
.mis .misr h4{    font-size: 36px; padding-bottom:4%;}
.lxc ul li.rr{width:100%; position: relative;    height: 520px;
    overflow: hidden;}
.lxb{width:100%;overflow:hidden; padding:6% 0;}
.lxc ul li .rl h4{font-size:36px; color:#fff; padding-bottom: 6%;}
.lxc ul li .rl dl dd{font-size:18px; color:#fff;font-weight: bold;    padding-bottom: 10px;}
.mess{width:100%; overflow:hidden; background:url(../images/a7.jpg) no-repeat;background-size:cover;}
.mfb ul li{border: 1px solid #ccc;
    padding: 3%;
    margin: 15px 15px;
    width: 25.333333%;
    background: #fff;}
.mfb ul li h4{font-size:24px;  margin-bottom: 30px;      border-bottom: 1px solid #ccc;padding-bottom: 20px; background:url(../images/wei.png) no-repeat center right;    background-position-y: 2px;padding-right: 60px;}
.mfb{padding:100px 0;}

.mfb ul li span{display:block;    font-size: 18px;
    color: #666;
    padding-bottom: 10px;}
.mfb ul li:hover{ border:1px solid #9c2622;}
.mfb ul li:hover h4{color:#9c2622;background:url(../images/weilv.png) no-repeat center right;    background-position-y: 2px;padding-right: 60px;}
.hidden{display:none;}
.cfix {
    
    position: static;    padding-top: 4%; border:none; 
			width: 100%;text-align: center;}
		.cfix dl dd { transition: .5s all ease;
       font-size: 14px;
    color: #888;    display: inline-block;
    padding: 0 20px;
    /* float: left; */
    width: 14%;
    text-align: center;
 border:1px solid #999;
    padding: 15px 0;
    margin: 10px;}
.cfix dl dd.hover{  border:1px solid #9c2622;  background: #9c2622;}
.cfix dl dd.hover a{color:#fff;}
.cfix dl dd a{    font-size: 18px;
   
    color: #666;}
.cfix dl dd:hover{background:#9c2622;}
.cfix dl dd:hover a{color:#fff;}
.hon1 ul li{    width: 19%;
    padding: 24px;
    border: 1px solid #eee;
    margin: 20px;}
.hon1{width:100%; overflow:hidden; padding-top:4%; padding-bottom: 5%;}

.hon1 ul li .hon1i img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.hon1 ul li .hon1i { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.hon1 ul li:hover .hon1i img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.linian.part .tit{ margin-bottom: 4%;}
.linian.part{width:100%;  overflow: hidden; background:url(../images/hzbg.jpg) no-repeat; background-size: cover;padding-bottom: 6%;}

.prbox{width:100%; overflow:hidden; padding-bottom:4%;}

.prbox ul li{border:1px solid #eee;   padding: 30px;margin: 14px;
    width: 19%;}
.prbox ul li img{ margin: 0 auto;}
.prbox ul li h4{    font-size: 20px;
    text-align: center;    font-weight: normal;
    padding-top: 22px;}
.prbox ul li span{    display: block; 
    width: 150px;
    border-radius: 10px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #888;border:1px solid #ccc;
    margin: 20px auto; transition: .5s all ease;}
.prbox ul li:hover span{background: #9c2622; border:1px solid #9c2622; color:#fff;}
.prbox ul li:hover h4{color: #9c2622;;}
.prbox ul{padding-top:4%;}
.pager{text-align:center; color:#888;    font-weight: bold; margin-top:3%;}
.pager a{color:#888;border:1px solid #eee; padding:2px 10px; margin:0 2px;    font-weight: bold;}
.pager a:hover{background: #9c2622; border:1px solid #9c2622; color:#fff;}
.xlist h1{    text-align: center;
    font-size:36px;       padding-bottom: 3%;
    padding-top: 5%;}
.md_block{font-size:16px;    color: #666;}
.xl img{margin:0 auto 4%;}
.plx{ width:100%; overflow:hidden; background:url(../images/18.jpg) no-repeat; background-size:cover; padding:6% 0;}
.plx h4{font-size:40px; color:#fff; padding-bottom:10%;}
.plx  h2{ font-size:24px; color:#fff; padding-bottom:4%;}
.plr{width:180px;}
.xr{    width: 82%;
    margin: 0 auto;}
.newb{    width: 100%;
    
    overflow: hidden;}
.newb .new2{padding:0;}
.fyt{border-top:1px solid #eee; padding-top:30px; margin-top:4%;}
.fyt p{color:#888;}
.prlist{width:100%; overflow:hidden; padding-bottom: 4%;}
.ly.searbox .new2 dl dd span{    padding-bottom: 4px;}
.lk ul li img{width:100%;}
.wx{    width: 120px;}
.nbn img{width:100%;}
	@media (max-width:2560px) and (min-width:2048px) {
      
}
	@media (max-width:1680px) and (min-width:1600px) {
		.fbox {
			width: 83%;}
		.hg .hl,.fas {
			min-height: 760px;}
		.hg .hl .tl {
			margin-left: 6%;}
		.about.abuc .ar {
    width: 38%;
    float: left;
    margin-top: 3%;
			margin-left: 3%;}
		.new2 dl dd span {
    padding-bottom: 10px;
}

		
}
	@media (max-width:1440px) and (min-width:1152px) {
      
		.new2 dl dd h4 {
 
    height: 40px;
			overflow: hidden;}
		.ly.searbox .new2 dl {
			width: 30%;}
			.ly.searbox .new2 dl dd {
    height: 150px;
			padding: 40px;}
		.mbg ul li.l1 span {

    right: 30px;
			bottom: 30px;}
		.yw ul li {

			width: 44%;}
		.prbox ul li {
    margin: 10px;
			width: 18%;}
		.lit ul li {
    margin: 10px;
			width: 12%;}
		.rtime dl {
  
    padding-right: 20px;
			padding-left: 20px;}
		.a2 .a2r {
    width: 40%;}
		.lun {
			min-height: 700px;}
		.lun ul li .ft {

     width: 31%;
    padding: 7% 0;
    padding-left: 60px;}
		.case {
			margin-top: 5%;}
		.new .nnr dl dd h4 {
   
			padding-top: 7px;}
		.new .nnr dl dd p {
    height: 8px;
			overflow: hidden;}
		.bgl ul li {
    width: 18%;
			margin: 0 10px;}
		.fas h4 {
			padding-top: 16px;}
		.fas ul li .ft h3 img,.hb .hbr ul li .hbt h3 img{width:70px;}
		.fas ul li .ft p {
			padding-top: 6px;}
		.hb .hbl {
			width: 26%;}
		.hb .hbr ul li .hbimg img{width:218px; height: 218px;}
		.hb .hbr ul li .hbt {
			margin-left: 30px;}
		.hb .hbl dl dd a {
    width: 140px;
			margin: 0 6px;}
		.kq ul li {
    width: 21%;}
		.hg .hl {
			min-height: 600px;}
		.hg .hl .tl {
    margin-left: 4%;
			padding-top: 32px;}
		.fbox {margin-top: 63px;
			width: 90%;}
		.fbox dl dd h4 {
			font-size: 20px;}
		.fas {
			min-height: 600px;}
		.fas dl dd a {
       width: 133px;
    margin: 0 3px;}
		.fas dl {
			margin-bottom: 30px;}
		.fas ul li .fimg img {
    width: 276px;
			height: 320px;}
		.fas ul li .ft {
			width: 48%;}
		
		
		.mbg ul li.l2 span {
    right: 30px;
			bottom: 30px;}
		.kq ul li .nimg img {
       width: auto;
    height: auto;}
		#wapbanner .bannertxt h4{font-size:48px;}
		.container {
			width:1200px;}
		#wapnav ul li {
			padding: 0 15px;}

		.abc .al ul li {   

    margin-top: 14px;}
		.abc .al p {
			padding-bottom: 10px;}
		.abc .al h2 {
			padding-top: 10px;}
		.line {
    margin-top: 10px;
			margin-bottom: 30px;}
		.about .abc .al {}
		.runpic-words ul li h6 {
			font-size: 26px;}
		.new ul li {}
		.new ul li .nimg img {}
		.zp .zr {
			width: 44%;}
		.nbanner .nbt {
			top: 27%;}
		.about.abuc .ar {
    width: 47%;
    float: left;
    margin-top: 0;
			margin-left: 4%;}
		.about.abuc .ar p {
    font-size: 14px;
			padding-bottom: 10px;}
		.about.abuc .ar h2 {
			padding-bottom: 10px;}
		.fb .f1 {
			left: 4%;}
		.fb .f2 {
			left: 14%;}
		.fb .f4 {
			left: 18%;}
		.fb .f5 {
			right: 4%;}
		.fb .f9 {

    top: 22%;
			right: 16%;}
		.fb .f6 {
			right: 14%}
		.fb .fimg::after {
    width: 250px;
			height: 250px;}
		.a3 ul li {

			width: 28.333333%;}
		.jg ul li {
			width: 29.8%;}
		.jg ul li .jgt h4 {
			font-size: 18px;}
		.fa {
			padding: 12% 0;}
		.lnbox ul li .lnt h4 {
			font-size: 30px;}
		.lnbox ul li .lnt {    overflow: auto;
			height: 194px;}
		.lnbox ul li:nth-child(7) .c p {
    float: left;
			width: 50%;}
		.yw ul li .ywt h4 {
			font-size: 30px;}
		.yw ul li .ywt {}
	
		.ly dl.new_dl dd {

			width: 64%;}
		.new2 dl dd {   
			}
		.new2 dd img {
			width: 270px;     height: 150px;}
		.new2 dl {
			width: 43%;}
		.nbanner.nb2 .nbt {
			top: 26%;}
		.sx p {
		    width: 50%;}
		.sc h4 {
			font-size: 30px;}
		.co2 .ul1 dd .dtp span {
			font-size: 15px;}
		.pz .ctt span.quan {
    width: 350px;
			height: 350px;}
		.pz .ctt {
			top: 34%;}
		.qui {
    width: 250px;
    left: 16%;
    position: absolute;
			top: 100px;}
		.mfb ul li {
    border: 1px solid #ccc;
    padding: 3%;
    margin: 15px 15px;
    width: 24.6%;
    height: 272px;
		}
		.lxc ul li .rl {
			width: 30%;}
      #wapnav ul li .zj a {
    text-indent: 0;
        text-align: center;}
      
		.new2 .n2ll ul li h4,.new2 .n2r ul li h4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;}
}
	@media (max-width:1152px) and (min-width:768px) {
		.fbox dl dt {
			font-size: 24px;}
		.mbg {
			margin-top: 30px;}
		.mbg ul li {
			width: 100%;}
		.mbg ul li.l2 span {
    right: 30px;
			bottom: 30px;}
		.about .abc .arb {
    width: 100%;
			position: static;}
		.about .abc .arb h4 {
			font-size: 24px;}
		.kq {
			padding: 30px 0;}
		.tit .tl h2 {
    font-size: 24px;
			float: none;}
		.tit .tl span {
    font-size: 24px;
			padding-left: 0;float:none;}
		.kq ul li {

    padding: 10px;
    margin: 10px;
			width: 43.8%;}
		.kq ul li .nimg img {
    width: auto;
			height: auto;}
		.kq ul li .nt {
			padding-top: 20px;}
		.hg .hl {width: 100%;
			min-height: 700px;}
		.hg .hl .tl {
    margin-left: 5%;
			padding-top: 14px;}
		.fas {    min-height: auto;
			width: 100%;}
		.lk ul li {
			width: 50%;}
		.lk ul li .lt h4 {
			font-size: 24px;}
		.lk ul li .lt p {

			font-size: 18px;}
		.hg.hg1 .fbox dl dd {
			width: 33.3333%;}
		.fbox {
    width: 96%;
			margin-top: 30px;}
		.fas dl dd a,.hb .hbl dl dd a {

    width: 150px;
    height: 40px;
    line-height: 40px;

			margin: 5px;}
		.fas dl {
  
			margin-bottom: 20px;}
		.fas ul li .fimg img {
    width: auto;
			height: auto;}
		.fas ul li .ft {
			width: 100%;margin-top: 20px;}
		.fas h4 {
			font-size: 24px;}
		.fas ul li .ft p{display:none;}
		.fas .owl-pagination {
			display: none;}
		.fas .owl-prev,.fas .owl-next {

			bottom: 38%}
		.hb {

			padding: 30px 0;}
		.hb .hbl {
    width: 100%;
			margin-top: 30px;}
		.hb .hbl h3 {
			font-size: 24px;}
		.hb .hbr {
    width: 100%;
			margin-top: 20px;}
		.hb .hbr ul li .hbimg {
			width: 100%;}
		.hb .hbr ul li .hbimg img {
    width: 100%;
			height: auto;}
		.hb .hbr ul li .hbt {
			margin-left: 10px;}
		.hb .hbr ul li .hbt h3 img{width:50px;}
		.hb .hbr ul li .hbt h4,.bgl ul li h4 {
			font-size: 16px;}
		.hb .hbr ul li .hbt span {
    height: 40px;
			line-height: 40px;}
		.tit .tl{float:none;}
		.tit a.tr{float:none;height: 40px;
    line-height: 40px;}
		.bgl .tit {
			padding-top: 30px;}
		.bgl ul li {
    padding: 10px;
    width: 44%;
			margin: 10px;}
		.bgl {
    min-height: auto;
			background-size: cover}
		.bgl ul {
			margin-top: 30px;}
		.lun ul li .ft {
    position: static;
    width: 100%;
    padding: 0px 0;
padding-top: 30px; padding-bottom: 30px}
		.lun ul li .ft h3 {
    font-size: 24px; padding-left: 30px;
			padding-bottom: 20px;}
		.lun ul li .ft h4 {
    font-size: 24px; padding-left: 30px;
			padding-top: 26px;}
		.lun ul li .ft p {
    font-weight: bold; padding-left: 30px;
			padding-top: 10px;}
		.lun ul li .ft span {
    height: 40px;
    line-height: 40px;
			margin-top: 20px;  margin-left:30px;}
		.lun {
    width: 100%;
    margin-top: 30px;
			min-height: auto;}
		
		
		
		#header {
			height: 65px;}
		.sear {
			margin-top: 23px;}
		.container {
    width: 90%;
    max-width: 100%;
			margin: 0 auto;}
		#wapnav{display:none;}	
		.wnav {
			width: 28%;}
		#logo {
			width: 42%;}
		.r-c span.Tmenu_icon {

    width: 40px;
			height: 40px;}
		.r-c span i {
    position: absolute;
    width: 28px;
    background: #fff;
    height: 1px;
    margin-top: -1.5px;
    left: 14%;
			top: 54%;}
		.r-ct .r-z ul li {
			padding-bottom: 8px;}
		.r-ct .r-z ul li a {
			font-size: 18px;}
		.r-ct .r-z ul li h4 {
			font-size: 28px;}
		.r-c {
display: block;
			margin-top: 13px;}
		.r-ct .r-l,.r-ct.r-co .lxwm{display:none;}
		.r-r {
			width: 20%;}
		.r-z {padding: 10% 0;
    border-right: none;
			width: 100%;}
		#sfixsearch form {
    height: 40px;
			width: 76%;}
		#sfixsearch #keyword {
    width: 80%;
			height: 40px;}
		#sfixsearch .subt{height:40px;}
		#sfixsearch {

			padding: 40% 0;}
		.seclose {
    right: 15px;
			top: 15px;}
		#wapbanner .bannertxt h4,.abc .al h4,.ypt h3,.runt h4,.pt h4,.zp .zl h4,.zp .zl h2,.about.abuc .ar h2,.fbt h2,.a3 ul li h4,.linian .lit h4,.linian .xian h3,.fco .container .fc h4,.fc ul li .fc2 h3,.hx ul li h4,.fa .bt h4,.lnbox ul li .lnt h4,.yw ul li .ywt h4 {
			font-size: 24px;}
		#wapbanner .bannertxt p {
			font-size: 18px;    width: 100%;}
		.about{padding:40px 0;}
		.about .abc .ar,.about .abc .al {
			width: 100%;}
		.abc .al ul li {
    width: 100%;
			margin-top: 20px;}
		.abc .al ul li img{width:167px;}
		.runt .rbox {
		}
		.ypt {

			top: 40px;}
		.runt {
			top: 82px;}
		.runt p {
			font-size: 15px;}
		.runt em,a.zmore,a.lmore{
    font-size: 15px;
			margin-top: 30px;}
		.runpic-words ul li h6 {
			font-size: 15px;}
		.runpic-words {
			position: static;}
		.runpic-words ul a span{background-size: 30px !important;    margin: 0px auto 0 !important;    width: auto !important; }
		.runpic-words-pic {
			padding:0px 0 20px;}
		.runpic-words ul li {
			    width: 47%;
    margin: 5px;   }
		.runpic-words ul a:last-child li{width:97%;}
		.runpic-pic ul li,.runpic-pic {

			height: 400px;}
		.new {

			padding: 30px 0; margin-top:0;}
		.pt p{font-size:18px;}
		.new ul li {
    margin-right: 0;
    width: 100%;
			margin-top: 20px;}
		.new ul li .nt h4 {
    font-size: 18px;
 
			padding-top: 20px;}
		.zp .zr {
    font-size: 18px;
			width: 100%;}
		.zp {
			padding: 40px 0;}
		.foot .dlogo{display:none;}
		.foot .dnav{display:none;}
		.foot .dnav:last-child{display:block;}
		.foot {margin-top: 30px;
			padding-top: 10px;}
		.copy  a{width:100%; float:left;}
		.copy {
    border-top: none;
			margin-top: 0;}
		.cfix{display:block;}
		.nbanner .nbt{display:none;}
		.about.abuc {
width:90%; margin:0 auto;
			padding: 20px 0;}
		.about.abuc .ar {

			margin-left: 0;}
		.fb div{position:static !important;}
		.fb .fimg::after {

    width: 60px;
			height: 60px;}
		.fb .fimg {
			margin: 21px auto;}
		.fb span{display:none;}
		.fb{text-align:center;}
		.a3 {
			padding: 40px 0;}
		.a3 ul li {
    float: left;
    width: 29.333333%;
    text-align: center;
    margin: 5px;
			padding: 20px 0;}
		.linian .xian {
			position: static;}
		.lit {
			width: 100%; margin-bottom:20px;}
		.jg {
			padding: 0px 0 40px}
		.jg ul li {
    width: 100%;
    margin-top: 30px; margin-bottom:0;
			padding: 0;}
		.fco {
			padding: 44% 0;}
		.fc ul li .fc2 {
    position: static;
    width: 90%;
			padding: 5%;}
		.fc2 em.etel {
			font-size: 30px;}
		.jg ul li .jgt h4 {
			font-size: 18px;}
		.hx ul li .jgt span {
    font-size: 15px;
			width: 100%;}
		.hx ul li .jgt {
			top: 30%;}
		.fa .bt span{font-size:18px;}
		.fas h4{font-size:24px;}
		.fas p {
    width: 100%;
font-size:15px;
			margin-top: 0; padding:5%; width:90%; margin:0 auto;}
		.fas .owl-next{right:0 !important;}
		.fas .owl-prev{left:0 !important;}
		.fa {

			padding: 50% 0;}
		.ln{padding:40px 0;}
		.lnbox ul li .lnimg {
			width: 100%;}
		.lnbox ul li .lnt {

    position: static;
    width: 90%;height: auto;
			padding: 4.5%;}
		.lnbox ul li:nth-child(7) .c p {
    float: left;
			width: 100%;}
		#clos {
    top: 1%;
    right: 10%;
			padding: 15px;}
		.yw ul li {
			width: 48%;     margin: 5px;   height: auto;
    overflow: hidden;}
		.yw ul li .ywt span{background-size:50px !important;}
		.ytt h4 {
			font-size: 24px;margin-bottom: 20px;}
		.ycon {
    width: 100%;
    padding-bottom: 0px;
			background: #fff;}
		.yt1 {
    margin-top: 40px;
    position: relative;
    background: #fff;
    z-index: 10;
			padding: 0;}
		.md table td {
    width: 90% ;display:block;
			padding: 5%;}
		.ly {
			padding: 10px 0;}
		

.cfix dl dd {
    width: 46%;
    float: left;
	margin: 5px;    padding: 8px 0;}
		.new_con h2,.ly dl.new_dl dd h4,.nl .ytt h4,.nr h2,.sc h4,.rtop h4,.pz h2,.pzr h4,.lxc ul li.rl h4{font-size:24px;}
		.new_con{margin-top:20px;}
		.ly dl.new_dl dt {
    float: left;
			width: 100%;}
		.ly dl.new_dl dd {
    float: right;
			width: 100%;}
		.ly dl.new_dl dd span{font-size:15px;}
		.new2 dl {
    width: 100%;
    padding: 0;}
		.new .nnr dl dd p{display:none;}
		.case{margin-top:30px;}
		.new .nnr {
    float: right;
    width: 100%;
    background: #fff;
			margin-top: 30px;}
		.new ul li .nlm{display:none;}
		.new2 dd img {
    width: auto;
			height: auto;}
		.new2 dl dd {
    background: #fff;margin: 10px;
			}
		.new2 dl{margin-top:20px;padding: 0;    width: 50%;}
		.nl {    padding: 10px;
    margin-top: 20px;
			width: 100%; background:none;}
		.nr {
    float: right;
			width: 100%; margin-top:40px;}
		.zpc .box {
			display: none;}
		.sc {
    background: rgba(255,255,255,.95);
    padding: 5% 0;
    width: 90%;
    float: right;
    position: absolute;
    top: 26%;
			right: 5%;}
		.rtop span {
 
    width: 30px;
    height: 30px;
    line-height: 30px;
			margin-top: 4px;}
		.co2 .ul1 dt span:nth-child(2),.co2 .ul1 dt span:nth-child(3){display:none;}
		.co2 .ul1 dt span {

    line-height: 30px;
			width: 50%;}
		.co2 .ul1 dd .dtp span:nth-child(2),.co2 .ul1 dd .dtp span:nth-child(3){display:none;}
		.co2 .ul1 dd .dtp span{font-size:15px;width:50%;}
		.co2 .ul1 dd .dbt {
			padding: 40px 20px;}
		.pz .pzl{width:100%;}
		.pzr {
    position: static;    padding-bottom: 40px;
			width: 100%;}
		.ctt{display:none;}
		.pzr h2,.pzr h4{padding-left:0;}
		.pzr p{padding-left:0; width:100%;}
		.pzr h2 {
			padding-top: 6%;}
		.lxc ul li.rl {
    width: 90%;
    background: #fff;
    padding: 5%;
			margin-top: 40px;}
		.lxc ul li.rl dl dd {
			font-size: 15px;}
		.lxc ul li.rr {
			width: 100%;}
		.mfb ul li {
    border: 1px solid #ccc;
    padding: 5%;
    margin: 15px 0;
			width: 90%;}
		.mfb {
			padding: 40px 0;}
		.mfb ul li h4 {
			font-size: 18px;}
		.mfb ul li span {
    
			font-size: 15px;}
		#header.hover-animate {
			height: 65px;}
		#header.hover-animate .sear {
			margin-top: 23px;}
		#header.hover-animate .r-c {
			margin-top: 13px;}
		.new ul li .nimg img {
    width: auto;
			height: auto;}
		.runpic-pic {
			width: 87%;    margin: 0 auto;}
		a.pmore {
			margin: 30px auto 0;}
		
		.cfix dl dd a {
			font-size: 15px;}
		.a4 ul li {

			width: 50%;}
		.a4 ul li img{width:100%;}
		.a4 ul li h4 {

    top: 20px;

			font-size: 24px;}
		.a2 .a2r {
			width: 100%;}
		.a2 h4 {
			font-size: 24px;}
		.ryimg .hont {padding:20px 0;
    position: static;
			background: #9c2622;}
		.ryimg .hont h4 {padding-left:30px;
			font-size: 24px;}
		.ryimg .hont .rtime dl dt span {
			font-size: 24px;}
		.rtime dl dd {
			font-size: 14px;}
		.rtime dl {

    padding-right: 5px;
    padding-left: 5px;
			width: 30%;}
		.lit ul li {
    margin: 4px;
			width: 31%;}
		.hon1 ul li {
    width: 39%;
    padding: 10px;
			margin: 6px;}
		.prbox ul li {
    padding: 15px;
    margin: 5px;
			width: 27.5%;}
		.plx h4 {
			font-size: 24px;}
		.prbox ul li h4 {
			font-size: 14px;}
		.prbox ul li span {

			width: 120px;}
		.xlist h1 {padding-top: 30px;
  
			font-size: 24px;}
		.yw ul li .ywb {    margin: 7% 10px;

			width: 50px;}
		.yw ul li .ywt {transform: initial;
    padding: 5% 0px;
			width: 66%;}
		.yw.ycon ul li .ywt {
width: 100%;
    position: static;
    padding: 5% 0;
			margin-top: 20px;}
		.ycon.newcon .nl {
    width: 90%;
			padding: 5%;}
		.ycon.newcon .nr {
			width: 100%;}
		.lxc ul li .rl {
    width: 92%;
    /* background: #f7f7f7; */
    padding: 4%;
    position: static;
			height: 100%;}
		.lxc ul li.rr {
			height: auto;}
		.lxc ul li .rl h4,.mis .misl h2,.mis .misr h4 {
			font-size: 24px;}
		.mis .misl {
			width: 100%;}
		.mis .misl p {
    font-size: 14px;

			padding-bottom: 10px;}
		.mis .misr {

    padding: 8%;
			width: 84%;}
		.sbox h4 {
			font-size: 24px;}
		.ly.searbox .new2 dl { margin-top: 0;
			width: 100%;}
		.ly.searbox .new2 dd .new_dt {
			width: 100%;}
		.ly.searbox .new2 dl dd .new_dt2 {

    width: 90%;
			padding: 5%;}
.about .abc ul li .nimg {
    overflow: hidden;
    float: left;
  width: 23%;}
      .about .abc .al ul li .nt {
    padding-top: 18px;
    float: left;
        width: 73%;}
      .new2 .n2l {
        width: 100%;}
      .new2 .n2ll {
        width: 100%;}
      .new2 .n2ll img,.new2 .n2r img {
        margin: 0% 0 20px;}
      .pt h4 {
        margin-bottom: 3%;}
      .new2 .n2ll img {
        width: 100%;}
      .new2 .n2r {
        width: 100%;}
      .abc .container table{width:100%;}
}

	@media (max-width: 768px) {
		.plx h4 {
			font-size: 24px;}
		.mbg {
			margin-top: 30px;}
		.mbg ul li {
			width: 100%;}
		.mbg ul li.l2 span {
    right: 30px;
			bottom: 30px;}
		.about .abc .arb {
    width: 100%;
			position: static;}
		.about .abc .arb h4 {
			font-size: 24px;}
		.kq {
			padding: 30px 0;}
		.tit .tl h2 {
    font-size: 24px;
			float: none;}
		.tit .tl span {
    font-size: 24px;
			padding-left: 0;float:none;}
		.kq ul li {


    margin: 10px;
			width: 43.8%;}
		.fbox dl dt {    padding-bottom: 4%;
			font-size: 24px;}
		.fbox dl dd {margin-bottom: 4%;
			width: 49.3333%;}
		.fbox dl dd h4 {
			font-size: 16px;}
		.kq ul li .nimg img {
    width: auto;
			height: auto;}
		.kq ul li .nt {
			padding-top: 20px;}
		.hg .hl {width: 100%;
			min-height: 304px;}
		.hg .hl .tl {
    margin-left: 5%;
			padding-top: 14px;}
		.fas {    min-height: auto;
			width: 100%;}
		.fbox {
    width: 96%;
			margin-top: 30px;}
		.fas dl dd a,.hb .hbl dl dd a {

    width: 150px;
    height: 40px;
    line-height: 40px;

			margin: 5px;}
		.fas dl {
  
			margin-bottom: 20px;}
		.fas ul li .fimg img {
    width: auto;
			height: auto;}
		.fas ul li .ft {
			width: 100%;margin-top: 20px;}
		.fas h4 {
			font-size: 24px;}
		.fas ul li .ft p{display:none;}
		.fas .owl-pagination {
			display: none;}
		.fas .owl-prev,.fas .owl-next {

			bottom: 38%}
		.hb {

			padding: 30px 0;}
		.hb .hbl {
    width: 100%;
			margin-top: 30px;}
		.hb .hbl h3 {
			font-size: 24px;}
		.hb .hbr {
    width: 100%;
			margin-top: 20px;}
		.hb .hbr ul li .hbimg {
			width: 100%;}
		.hb .hbr ul li .hbimg img {
    width: 100%;
			height: auto;}
		.hb .hbr ul li .hbt {
			margin-left: 10px;}
		.hb .hbr ul li .hbt h3 img{width:50px;}
		.hb .hbr ul li .hbt h4,.bgl ul li h4 {
			font-size: 16px;}
		.hb .hbr ul li .hbt span {
    height: 40px;
			line-height: 40px;}
		.tit .tl{float:none;}
		.tit a.tr{float:none;height: 40px;
    line-height: 40px;}
		.bgl .tit {
			padding-top: 30px;}
		.bgl ul li {
    padding: 10px;
    width: 38%;
			margin: 10px;}
		.bgl {
    min-height: auto;
			background-size: cover}
		.bgl ul {
			margin-top: 30px;}
		.lun ul li .ft {
    position: static;
    width: 100%;
    padding: 0px 0;
padding-top: 30px; padding-bottom: 30px}
		.lun ul li .ft h3 {
    font-size: 24px; padding-left: 30px;
			padding-bottom: 20px;}
		.lun ul li .ft h4 {
    font-size: 24px; padding-left: 30px;
			padding-top: 26px;}
		.lun ul li .ft p {
    font-weight: bold; padding-left: 30px;
			padding-top: 10px;}
		.lun ul li .ft span {
    height: 40px;
    line-height: 40px;
			margin-top: 20px;  margin-left:30px;}
		.lun {
    width: 100%;
    margin-top: 30px;
			min-height: auto;}
		
		
		
		#header {
			height: 65px;}
		.sear {
			margin-top: 23px;}
		.container {
    width: 90%;
    max-width: 100%;
			margin: 0 auto;}
		#wapnav{display:none;}	
		.wnav {
			width: 28%;}
		#logo {
			width: 65%;}
		.r-c span.Tmenu_icon {

    width: 40px;
			height: 40px;}
		.r-c span i {
    position: absolute;
    width: 28px;
    background: #fff;
    height: 1px;
    margin-top: -1.5px;
    left: 14%;
			top: 54%;}
		.r-ct .r-z ul li {
			padding-bottom: 8px;}
		.r-ct .r-z ul li a {
			font-size: 18px;}
		.r-ct .r-z ul li h4 {
			font-size: 28px;}
		.r-c {
display: block;
			margin-top: 13px;}
		.r-ct .r-l,.r-ct.r-co .lxwm{display:none;}
		.r-r {
			width: 20%;}
		.r-z {
    border-right: none;
			width: 100%;}
		#sfixsearch form {
    height: 40px;
			width: 76%;}
		#sfixsearch #keyword {
    width: 80%;
			height: 40px;}
		#sfixsearch .subt{height:40px;}
		#sfixsearch {

			padding: 40% 0;}
		.seclose {
    right: 15px;
			top: 15px;}
		#wapbanner .bannertxt h4,.abc .al h4,.ypt h3,.runt h4,.pt h4,.zp .zl h4,.zp .zl h2,.about.abuc .ar h2,.fbt h2,.a3 ul li h4,.linian .lit h4,.linian .xian h3,.fco .container .fc h4,.fc ul li .fc2 h3,.hx ul li h4,.fa .bt h4,.lnbox ul li .lnt h4,.yw ul li .ywt h4 {
			font-size: 24px;}
		#wapbanner .bannertxt p {
			font-size: 18px;    width: 100%;}
		.about{padding:40px 0;}
		.about .abc .ar,.about .abc .al {
			width: 100%;}
		.abc .al ul li {
       width: 100%;
			margin-top: 20px;}
		.abc .al ul li img{width:100%;}
		.runt .rbox {
			width: 100%;}
		.ypt {

			top: 40px;}
		.runt {
			top: 82px;}
		.runt p {
			font-size: 15px;}
		.runt em,a.zmore,a.lmore{
    font-size: 15px;
			margin-top: 30px;}
		.runpic-words ul li h6 {
			font-size: 15px;}
		.runpic-words {
			position: static;}
		.runpic-words ul a span{background-size: 30px !important;    margin: 0px auto 0 !important;    width: auto !important; }
		.runpic-words-pic {
			padding:0px 0 20px;}
		.runpic-words ul li {
			    width: 47%;
    margin: 5px;   }
		.runpic-words ul a:last-child li{width:97%;}
		.runpic-pic ul li,.runpic-pic {

			height: 400px;}
		.new {

			padding: 30px 0; margin-top:0;}
		.pt p{font-size:18px;}
		.new ul li {
    margin-right: 0;
    width: 100%;
			}
		.new .nnr dl dd h4 {
			font-size: 16px;}
		.lk ul li {
			width: 100%;}
		.lk ul li .lt h4 {
			font-size: 24px;}
		.lk ul li .lt p {

			font-size: 16px;}
		.hg.hg1 .fbox dl dd {
    width: 33.3333%;
}
		.new ul li .nt h4 {
    font-size: 18px;
 
			padding-top: 20px;}
		.zp .zr {
    font-size: 18px;
			width: 100%;}
		.zp {
			padding: 40px 0;}
		.foot .dlogo{display:none;}
		.foot .dnav{display:none;}
		.foot .dnav:last-child{display:block;}
		.foot {margin-top: 30px;
			padding-top: 10px;}
		.copy  a{width:100%; float:left;}
		.copy {
    border-top: none;
			margin-top: 0;}
		.cfix{display:block;}
		.nbanner .nbt{display:none;}
		.about.abuc {
width:90%; margin:0 auto;
			padding: 20px 0;}
		.about.abuc .ar {

			margin-left: 0;}
		.fb div{position:static !important;}
		.fb .fimg::after {

    width: 60px;
			height: 60px;}
		.fb .fimg {
			margin: 21px auto;}
		.fb span{display:none;}
		.fb{text-align:center;}
		.a3 {
			padding: 40px 0;}
		.a3 ul li {
    float: left;
    width: 29.333333%;
    text-align: center;
    margin: 5px;
			padding: 20px 0;}
		.linian .xian {
			position: static;}
		.lit {
			width: 100%; margin-bottom:20px;}
		.jg {
			padding: 0px 0 40px}
		.jg ul li {
    width: 100%;
    margin-top: 30px; margin-bottom:0;
			padding: 0;}
		.fco {
			padding: 44% 0;}
		.fc ul li .fc2 {
    position: static;
    width: 90%;
			padding: 5%;}
		.fc2 em.etel {
			font-size: 30px;}
		.jg ul li .jgt h4 {
			font-size: 18px;}
		.hx ul li .jgt span {
    font-size: 15px;
			width: 100%;}
		.hx ul li .jgt {
			top: 30%;}
		.fa .bt span{font-size:18px;}
		.fas h4{font-size:24px;}
		.fas p {
    width: 100%;
font-size:15px;
			margin-top: 0; padding:5%; width:90%; margin:0 auto;}
		.fas .owl-next{right:0 !important;}
		.fas .owl-prev{left:0 !important;}
		.fa {

			padding: 50% 0;}
		.ln{padding:40px 0;}
		.lnbox ul li .lnimg {
			width: 100%;}
		.lnbox ul li .lnt {

    position: static;
    width: 90%;height: auto;
			padding: 4.5%;}
		.lnbox ul li:nth-child(7) .c p {
    float: left;
			width: 100%;}
		#clos {
    top: 1%;
    right: 10%;
			padding: 15px;}
		.yw ul li {
			width: 100%;     margin: 5px;   height: auto;
    overflow: hidden;}
		.yw ul li .ywt span{background-size:50px !important;}
		.ytt h4 {
			font-size: 24px;margin-bottom: 20px;}
		.ycon {
    width: 100%;
    padding-bottom: 0px;
			background: #fff;}
		.yt1 {
    margin-top: 40px;
    position: relative;
    background: #fff;
    z-index: 10;
			padding: 0;}
		.md table td {
    width: 90% ;display:block;
			padding: 5%;}
		.ly {
			padding: 10px 0;}
		

.cfix dl dd {
    width: 46%;
    float: left;
	margin: 5px;    padding: 8px 0;}
		.new_con h2,.ly dl.new_dl dd h4,.nl .ytt h4,.nr h2,.sc h4,.rtop h4,.pz h2,.pzr h4,.lxc ul li.rl h4{font-size:24px;}
		.new_con{margin-top:20px;}
		.ly dl.new_dl dt {
    float: left;
			width: 100%;}
		.ly dl.new_dl dd {
    float: right;
			width: 100%;}
		.ly dl.new_dl dd span{font-size:15px;}
		.new2 dl {
    width: 100%;
    padding: 0;}
		.new .nnr dl dd p{display:none;}
		.case{margin-top:30px;}
		.new .nnr {
    float: right;
    width: 100%;
    background: #fff;
			margin-top: 30px;}
		.new ul li .nlm{display:none;}
		.new2 dd img {
    width: auto;
			height: auto;}
		.new2 dl dd {
    background: #fff;
			padding: 30px;}
		.new2 dl{margin-top:20px;padding: 0;        padding: 0;margin: 2%;width: 96%;}
		.nl {    padding: 0px;
    margin-top: 10px;
			width: 100%; background:none;}
		.nr {
    float: right;
			width: 100%; margin-top:40px;}
		.zpc .box {
			display: none;}
		.sc {
    background: rgba(255,255,255,.95);
    padding: 5% 0;
    width: 90%;
    float: right;
    position: absolute;
    top: 26%;
			right: 5%;}
		.rtop span {
 
    width: 30px;
    height: 30px;
    line-height: 30px;
			margin-top: 4px;}
		.co2 .ul1 dt span:nth-child(2),.co2 .ul1 dt span:nth-child(3){display:none;}
		.co2 .ul1 dt span {

    line-height: 30px;
			width: 50%;}
		.co2 .ul1 dd .dtp span:nth-child(2),.co2 .ul1 dd .dtp span:nth-child(3){display:none;}
		.co2 .ul1 dd .dtp span{font-size:15px;width:50%;}
		.co2 .ul1 dd .dbt {
			padding: 40px 20px;}
		.pz .pzl{width:100%;}
		.pzr {
    position: static;    padding-bottom: 40px;
			width: 100%;}
		.ctt{display:none;}
		.pzr h2,.pzr h4{padding-left:0;}
		.pzr p{padding-left:0; width:100%;}
		.pzr h2 {
			padding-top: 6%;}
		.lxc ul li.rl {
    width: 90%;
    background: #fff;
    padding: 5%;
			margin-top: 40px;}
		.lxc ul li.rl dl dd {
			font-size: 15px;}
		.lxc ul li.rr {
			width: 100%;}
		.mfb ul li {
    border: 1px solid #ccc;
    padding: 5%;
    margin: 15px 0;
			width: 90%;}
		.mfb {
			padding: 40px 0;}
		.mfb ul li h4 {
			font-size: 18px;}
		.mfb ul li span {
    
			font-size: 15px;}
		#header.hover-animate {
			height: 65px;}
		#header.hover-animate .sear {
			margin-top: 23px;}
		#header.hover-animate .r-c {
			margin-top: 13px;}
		.new ul li .nimg img {
    width: auto;
			height: auto;}
		.runpic-pic {
			width: 87%;    margin: 0 auto;}
		a.pmore {
			margin: 30px auto 0;}
		
		.cfix dl dd a {
			font-size: 15px;}
		.a4 ul li {

			width: 50%;}
		.a4 ul li h4 {

    top: 20px;

			font-size: 24px;}
		.a2 .a2r {
			width: 100%;}
		.a2 h4 {
			font-size: 24px;}
		.ryimg .hont {padding:20px 0;
    position: static;
			background: #9c2622;}
		.ryimg .hont h4 {padding-left:30px;
			font-size: 24px;}
		.ryimg .hont .rtime dl dt span {
			font-size: 24px;}
		.rtime dl dd {
			font-size: 14px;}
		.rtime dl {

    padding-right: 5px;
    padding-left: 5px;
			width: 30%;}
		.lit ul li {
    margin: 4px;
			width: 47%;}
		.hon1 ul li {
    width: 39%;
    padding: 10px;
			margin: 6px;}
		.prbox ul li {
    padding: 15px;
    margin: 5px;
			width: 38%;}
		.prbox ul li h4 {
			font-size: 14px;}
		.prbox ul li span {

			width: 120px;}
		.xlist h1 {
  
			font-size: 24px;}
		.yw ul li .ywb {    margin: 7% 10px;

			width: 50px;}
		.yw ul li .ywt {
    padding: 5% 0px;
			width: 66%;}
		.yw.ycon ul li .ywt {
width: 100%;
    position: static;
    padding: 5% 0;
			margin-top: 20px;}
		.ycon.newcon .nl {
    width: 90%;
			padding: 5%;}
		.ycon.newcon .nr {
			width: 100%;}
		.lxc ul li .rl {
    width: 92%;
    /* background: #f7f7f7; */
    padding: 4%;
    position: static;
			height: 100%;}
		.lxc ul li.rr {
			height: auto;}
		.lxc ul li .rl h4,.mis .misl h2,.mis .misr h4 {
			font-size: 24px;}
		.mis .misl {
			width: 100%;}
		.mis .misl p {
    font-size: 14px;

			padding-bottom: 10px;}
		.mis .misr {

    padding: 8%;
			width: 84%;}
		.sbox h4 {
			font-size: 24px;}
		.ly.searbox .new2 dl { margin-top: 0;
			width: 100%;}
		.ly.searbox .new2 dd .new_dt {
			width: 100%;}
		.ly.searbox .new2 dl dd .new_dt2 {

    width: 90%;
			padding: 5%;}
      .about .abc .al ul li h4 {
        font-size: 14px;}
      .about .abc .ar ul li .nimg {
        width: 100%;}
      .about .abc .ar ul li .nt {
        width: 100%;}
      .about .abc .ar ul li .nt h4 {
        font-size: 14px;}
      .kq ul li .nt h4 {
        font-size: 14px;}
      .new2 {
        padding: 30px 0;}
      .new2 .n2l,.new2 .n2l ul li .nimg,.new2 .n2ll {
        width: 100%;}
      .new2 .n2l ul li .nt {
    width: 100%;
        margin-left: 0;}
      .new2 .n2l ul li .nt h4 {
        font-size: 14px;}
      .new2 .n2ll ul li h4 {
        font-size: 14px;}
      .new2 .n2r {
        width: 100%;}
      .new2 .n2r ul li h4 {
        font-size: 14px;}
      .new2 dl dd h4 {
        font-size: 16px;}
      .new2 dl dd p {
        font-size: 14px;}
          .new2 dl {
   
            min-height: auto;}
      abc .container table{width:100%;}
}