@charset "utf-8";

/* CSS Document */

.video{width: 100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,p,blockquote,img,table,th,td,pre,code,form,fieldset,legend,button,input,textarea{margin:0;padding:0;font-family:"微软雅黑"!important;color:#333;font-size:16px;}

body {background:#FFF url(../images/line.png)  top center no-repeat ;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

dl,dt,dd,form,li,ul,ol{list-style:none;}

a:link,a:visited,a:hover {text-decoration:none;color:#333;}

a:hover,a:active,a.curab:link,a.curab:visited {text-decoration:none;color:#F00;}

a.graylink:link,a.graylink:visited {text-decoration:none;color:#999;}

a.graylink:hover,a.graylink:active {text-decoration:none;color:#333;}

a.navlink:link,a.navlink:visited {font-size:25px;color:#FFF;display:block;height:68px}

a.navlink:hover,a.navlink:active,a.curnav:link,a.curnav:visited {font-size:25px;font-weight:bold;background:#2F7CE6;}

.tright {text-align:right}

.margintop {margin-top:10px}

img {border:0;}

.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}

.hidebody {display:none}

.hidden{ display: none;}
*:focus {
    outline: none;
}


#header {width:1200px;margin:10px auto 0 auto;overflow:hidden;padding-top:10px;}

#h_left {width:240px;float:left;padding-top:10px;}

#h_center {width:720px;float:left;overflow:hidden;padding-top:4px}

#h_right {width:200px;float:right;}

#h_center ul li {width:100px;float:left;text-align:center;line-height:1.6em;padding-bottom:5px;margin:0 10px;}

#h_center ul li a:link,#h_center ul li a:visited{color:#333;display:block;height:70px;font-size:15px}

#h_center ul li a:hover,#h_center ul li a:active,#h_center ul li.curnav a:link,#h_center ul li.curnav a:visited{color:#F00}



#h_center ul li span {display:block;color:#999;text-transform:uppercase;font-size:12px}



#nav_line {width:100px;height:3px;font-size:1px;background:#F00;overflow:hidden;display:block;margin-left:-100px}

#h_right {margin-top:16px}





#firstbody,#thirdbody {width:1200px;margin:60px auto;overflow:hidden}

.ldh {font-size:30px;}

.ldh span {color:red;}

.ldh font {display:block;width:60px;height:2px;background:#F00;margin:5px 0;}

.ldh label {font-size:16px;color:#999}

#fbody {line-height:2.5em;font-size:14px;color:#999;margin:15px auto}

a.more:link,a.more:visited {padding:8px 30px;border:1px solid #F00;font-size:14px;color:#F00;line-height:3em}

a.more:hover,a.more:active {background:#F00;color:#FfF}



#secondbody {width:100%;margin:0 auto;overflow:hidden;height:755px;background:url(../images/probg.jpg) no-repeat center top}

.sldh {width:1200px;margin:80px auto;font-size:30px;text-align:center}

.sldh span {color:red;}

.sldh font {display:block;width:60px;height:2px;background:#F00;margin:5px auto;}

.sldh label {font-size:16px;color:#999}

#scroll_prolist {width:1200px;margin:0 auto}

#scroll_left {width:30px;float:left;background: url(../images/slider-arrow.png) -260px center no-repeat;height:400px;cursor:pointer}

#scroll_left:hover {background: url(../images/slider-arrow.png) -170px center no-repeat;} 



#scroll_center {width:1100px;float:left;margin-left:20px;overflow:hidden;}

#scroll_right {width:30px;float:right;background: url(../images/slider-arrow.png) -90px center no-repeat;height:400px;cursor:pointer}

#scroll_right:hover {background: url(../images/slider-arrow.png) left center no-repeat;} 



#scroll_center ul {width:100%;overflow:hidden}

#scroll_center li {width:240px;float:left;margin:5px 10px;text-align:center;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);background:#FFF;padding:5px;padding-bottom:20px;border:2px solid #DDD}

#scroll_center li  span {display:block;margin:20px auto}

#scroll_center li div {width:240px;height:240px;overflow:hidden}

#scroll_center li:hover {border:2px solid #F00}

#scroll_center li   img {transition: all 0.6s;-ms-transition: all 0.8s;}

#scroll_center li img:hover{transform: scale(1.2);-ms-transform: scale(1.2);}

#ishowmore {width:100%;overflow:hidden;padding-top:30px;;text-align:center}



#inewList {width:100%;overflow:hidden;margin:30px auto}

#inewList li {width:380px;float:left;margin-left:30px;}

#inewList li:nth-child(1) {margin-left:0}

#inewList li div  {margin:10px;font-size:16px}

#inewList li div a {font-size:16px}

#inewList li font {font-size:12px;color:#999;padding:0 10px;}

#inewList li span {display:block;font-size:14px;line-height:1.8em;margin:10px 10px 15px 10px;color:#666}

#inewList li:hover {background:#F5F5F5}

#inewList li label {display:block;width:0;height:2px;background:#F00}





#fouthbody {width:1200px;margin:0 auto}

#hezuo {width:1000px;margin:0px auto;overflow:hidden;height:220px;margin-left: auto; margin-right: auto;   }

#hezuo   .swiper-slide {

        text-align: center;

        font-size: 18px;

        background: #fff;

        height: 80px;}     

#hezuo   .swiper-slide img {border:1px solid #ddd;width:155px;height:75px;}

#hezuo   .swiper-slide img:hover {box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);}

.my-bullet{

    display:inline-block;

    width: 12px;

    height: 12px;

    background: #000;

    position: relative;

    margin: 0 10px;

	border-radius:100%;



}

#hezuo   .swiper-pagination-bullet-active{

background:#f00;}



#bottom {background:#595757;width:100%;overflow:hidden;margin-top:50px;}

#footer {width:1200px;margin:50px auto;color:#FFF;overflow:hidden;}

#footer dt {width:350px;float:left;border-right:1px solid #FFF}

#footer dt div {text-align:left;color:#FFF;font-size:20px;margin-bottom:20px;}

#footer dt span {display:block;width:100%;overflow:hidden;color:#FFF;line-height:1.8em; font-size:14px;}

#footer dt span img {float:left;margin-right:20px;}

#footer dd {width:800px;float:right;color:#FFF;margin-left:20px}

#footer dd  ul {width:100%;overflow:hidden}

#footer dd ul li {width:160px;float:left;margin-left:30px}

#footer dd ul li  a:link,#footer dd ul li  a:visited {display:block;color:#ddd;line-height:2em;font-size:14px;}

#footer dd ul li  a:hover,#footer dd ul li  a:active {display:block;color:#fff;line-height:2em;font-size:14px;}

#footer dd ul li span a:link,#footer dd ul li span a:visited {font-size:16px;font-weight:bold}

#footer dd ul li span font {display:block;height:2px;margin:5px 0;background:#DDD;width:30px}

#footer dd  div {line-height:2em;color:#fff;margin-top:30px;margin-left:30px; font-size:14px}



#sbanner {width:100%;text-align:center;height:155px;background:url(../images/bg.jpg) repeat-x center top;color:#FFF;font-size:28px;padding-top:95px}

#sbanner span {display:block;font-size:16px;margin-top:10px;}

#mybody {width:1200px;margin:0 auto}

#mycontent {margin:0 auto 20px auto;line-height:2em;font-size:14px;color:#666}

#mydh  {width:1200px;margin:50px auto;font-size:30px;text-align:center}

#mydh span {color:red;}

#mydh font {display:block;width:60px;height:3px;background:#F00;margin:5px auto;}

#mydh label{font-size:16px;color:#999;display:block;margin:10px auto}





#myleft {width:280px;float:left;margin-top:20px;}

#myright {width:860px;float:right;margin-top:20px;}

#myleft dt {height:60px;line-height:60px;font-size:20px;color:red;background:#F4F4F4;font-weight:bold;padding:0 20px;border:1px solid #ddd}

#myleft dd {border:1px solid #DDD;border-top:0;padding:20px;}

#myleft dd a:link,#myleft dd a:visited {display:block;height:40px;line-height:40px;font-size:14px;color:#666}

#myleft dd a:hover,#myleft dd a:active,#myleft dd a.curClass:link,#myleft dd a.curClass:visited {display:block;height:40px;line-height:40px;font-size:14px;color:#F00}



#location {text-align:right;font-size:14px}

#classList {width:100%;overflow:hidden;margin:20px auto}

#classList li {width:380px;border:2px solid #f3f3f3;box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2);background:#FFF;float:left;margin:20px auto 20px 10px;text-align:center;padding-bottom:30px;}

#classList li:nth-child(2n) {float:right;margin:20px 10px 20px auto}

#classList li:hover {border:2px solid #F00}

#classList li div {width:380px;height:380px;overflow:hidden}

#classList li  img {transition: all 0.6s;-ms-transition: all 0.8s;}

#classList li img:hover{transform: scale(1.2);-ms-transform: scale(1.2);}





#ProList {width:100%;overflow:hidden;margin:20px auto}

#ProList li {width:270px;border:2px solid #f3f3f3;box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1);background:#FFF;float:left;margin:10px 10px 10px 6px;text-align:center;padding-bottom:30px;}

#ProList li:nth-child(3n) {float:right;margin:10px 6px 10px auto}

#ProList li:hover {border:2px solid #F00}

#ProList li div {width:270px;height:270px;overflow:hidden}

#ProList li  img {transition: all 0.6s;-ms-transition: all 0.8s;}

#ProList li img:hover{transform: scale(1.2);-ms-transform: scale(1.2);}









#proinfo {width:860px;margin:20px auto;overflow:hidden;}

#prol {width:400px;float:left}

#pror {width:430px;float:right}





.bg_left{width: 400px;height:auto;float: left;overflow:hidden}

.bg_right{float: left}

.show{width: 400px;height:400px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}

.show img{width: 400px;height: 400px;}

.smallshow{width: 100%;height: 70px;position: relative}

.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s;}

.smallshow>.middle_box{margin-left: 40px;margin-right: 20px;width:320px;overflow: hidden;height: 70px;}

.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}

.smallshow .middle>li{width: 60px;height: 60px;float: left;cursor:pointer;padding:0 2px;}

.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -26px;}

.smallshow>.prev{left: 0;background: url(../img/hover-prev.png) no-repeat;transition: all 0.5s}

.smallshow>.next{right: 0;background: url(../img/hover-next.png) no-repeat;transition: all 0.5s}

.smallshow>.prev.prevnone{left: 0;background: url(../img/prev.png) no-repeat;cursor: not-allowed}

.smallshow>.next.nextnone{right: 0;background: url(../img/next.png) no-repeat;cursor: not-allowed}

.bg_right {

	position: absolute;

	top: 90px;

	z-index: 2;border:0px solid #DDD;width:200px;height:200px;

	

}

.mask {

	width: 160px;

	height: 160px;

	background: #000;

	filter: Alpha(opacity=50);

	opacity:0.5;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

}

.bigshow{

	width: 260px;

	height: 260px;

	overflow: hidden;

	margin-left: 420px;

	margin-top:320px;

	display: none;

	border:2px solid #ccc;

}

.bigshow img{

	width: 860px;

	height: 860px;

	margin-right: 10px;

}

#pror h3 {font-size:30px;line-height:40px;border-bottom:1px solid #DDD;margin-bottom:20px;}

#pror span {display:block;font-size:22px;margin-bottom:10px;}

#pror div {font-size:16px;line-height:2em;}





#cpjs {width:100%;margin:10px auto;overflow:hidden;border-bottom:1px solid #eee;font-size:18px;color:#fff}

#cpjs span {background:#999;padding:10px 30px;display:block;float:left;width:100px;text-align:center;margin-right:5px;cursor:pointer}
#cpjs span.curspan {background:#666;padding:10px 30px;display:block;float:left;width:100px;text-align:center;margin-right:5px;}

#cpinfo {padding:10px 0;line-height:2em;width:100%;overflow:hidden}
#cpinfo .cpinfo {display:none}
#cpinfo .cpinfo:nth-child(1) {display:block}

#proPage {width:100%;overflow:hidden;margin:20px auto;font-size:14px;}

#proPage dt {width:45%;float:left;height:40px;line-height:40px;}

#proPage dd {width:45%;float:right;height:40px;line-height:40px;text-align:right}





#NewList {width:100%;overflow:hidden}

#NewList li {width:850px;overflow:hidden;border:1px solid #f3f3f3;margin:20px auto;height:180px;}

#NewList li div {width:310px;height:180px;float:left;overflow:hidden}

#NewList li h3 {font-size:18px;display:block;height:50px;line-height:50px;padding-right:10px;overflow:hidden}

#NewList li font {color:#999;font-size:14px;}

#NewList li label {display:block;line-height:1.6em;font-size:14px;margin-top:10px;padding-right:10px;color:#666;}

#NewList li span {display:block;width:3px;height:80px;margin-top:50px;background:#F00;float:right}

#NewList li:hover {;box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1);}

#NewList li div   img {transition: all 0.6s;-ms-transition: all 0.8s;}

#NewList li div:hover img{transform: scale(1.2);-ms-transform: scale(1.2);}



#newTitle {text-align:center;line-height:40px;font-size:25px;;margin:20px auto}

#newTime {text-align:center;font-size:14px;color:#999}

#newBody {margin:20px auto;line-height:2em;font-size:14px;color:#666;border-bottom:1px solid #DDD;padding:20px 0;min-height:500px;border-top:1px solid #DDD;}



.mybody  {width:1200px;margin:50px auto;line-height:2em;font-size:14px;color:#666}

h2 {font-size:28px;font-weight:normal;margin:20px auto}

#lxbody {width:860px;overflow:hidden;margin:0 auto 20px auto}

#lxbody span {float:right;width:160px;}

#lxbody dl {width:680px;float:left;overflow:hidden}

#lxbody dt {width:30px;text-align:left;float:left;height:20px;margin:5px auto}

#lxbody dd {width:650px;float:right;height:20px;line-height:20px;margin:5px auto;font-size:15px;color:#666}

#lxmap {margin:20px auto;}



#myform {width:100%;margin:20px auto;overflow:hidden}

#myform dt {width:100px;float:left;text-align:right;clear:left;height:30px;line-height:30px;margin:8px auto; font-size:14px}

#myform dd {width:calc(100% - 100px);float:right;clear:right;height:30px;line-height:30px;margin:8px auto}

#myform dt span {color:#F00;margin-right:5px;}

#myform dt.text,#myform dd.text {height:120px;}

#myform input {width:360px;outline:none;border:1px solid #CCC;height:30px;line-height:30px;padding:0 10px;}

#myform textarea {height:100px;width:360px;border:1px solid #CCC;outline:none;padding:10px;} 

#myform input.btn {margin-left:100px;width:120px;height:40px;line-height:40px;text-align:center;background:#666;color:#FFF;border-radius:5px;margin-top:40px}





.xfswiper-button-prev,xfswiper-button-next {  position: absolute;

  width: calc(var(--swiper-navigation-size) / 44 * 27);

  height: var(--swiper-navigation-size);

  margin-top: 60px;

  z-index: 10;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--swiper-navigation-color, var(--swiper-theme-color));



}

.xfswiper-button-prev.swiper-button-disabled,

.xfswiper-button-next.swiper-button-disabled {

  opacity: 0.35;

  cursor: auto;

  pointer-events: none;

}

.xfswiper-button-prev:after,

.xfswiper-button-next:after {

  font-family: swiper-icons;

  font-size: var(--swiper-navigation-size);

  text-transform: none !important;

  letter-spacing: 0;

  text-transform: none;

  font-variant: initial;

  line-height: 1;

}

.xfswiper-button-prev:after,

.swiper-rtl .xfswiper-button-next:after {

  content: 'prev';

}

.xfswiper-button-next,

.swiper-rtl .xfswiper-button-prev {

float:right;margin-top:60px;color: var(--swiper-navigation-color, var(--swiper-theme-color));cursor:pointer

}

.xfswiper-button-next:after,

.swiper-rtl .xfswiper-button-prev:after {

  content: 'next';

}

.swiper-button-lock {

  display: none;

}