@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#333;}
html, body{ overflow-x:hidden !important}
a,img,input{ text-decoration:none; font-size:14px; border:0}
body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 
a:hover{ color:#dc3e30}
input,button,select,textarea{outline:none}
textarea{resize:none}
input{-webkit-appearance:none;}

.cent,.foot{ max-width:1200px; margin:auto; overflow:hidden; width:100%}
.hea{ max-width:1200px; margin:auto; width:100%; padding:0.5%}
.hea .logo{ width:13%;}
.hea .right{ width:77%; padding-top:2.5%}
.hea .right p{ overflow:hidden}
.hea .right p img{ vertical-align:middle; margin-right:15px; cursor:pointer}
.hea .right p span{ float:right; padding-top:1%}
.hea .right p strong{ font-weight:normal}
.logo img{ width:100%}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li a{ height:100%}
.flexslider .slides li img{ width:100%}
.flex-control-nav{position:absolute;bottom:110px;z-index:2;width:100%;text-align:center; right:0}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:55px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.nav1{ width:68%; float:left}
.ssw{ width:32%; float:right}
.ssw .left,.ssw .right{ width:43%; margin-left:6%}
.ssw .left{ background:#fff; border-radius:20px; padding-left:2%}
.ssw .left,.ssw .left input{ line-height:24px; height:24px;}
.ssw .left input{ width:79%; float:left; font-size:14px}
.ssw .left input:last-child{ width:20%; background:url(../images/sy1.png) no-repeat center}
.ssw .right{ cursor:pointer; font-size:14px; position:relative; padding-top:0; text-align:center; color:#fff; background:url(../images/sy2_1.png) no-repeat right center}
.ssw .right span{display:block;position:absolute;top:25px;right:0;width:110px;background:#fff;padding: 0 9%;}
.ssw .right a{ display:block; border-bottom:#ccc 1px dashed; line-height:29px; text-align:center}
.ssw .right a:last-child{ border:0}
.ssw .right:hover{ background:url(../images/sy3_1.png) no-repeat right center}
.nav1 ul{ overflow:hidden;}
.nav1 ul li{ float:left; text-align:center; width:16%; text-align:center;}
.nav1 ul li a{ font-size:14px; color:#fff; display:inline-block; padding-bottom:2px;}
.nav1 ul li a:hover,.nav1 ul .dq a{ background:url(../images/x1.jpg) no-repeat center bottom}
.nav2{ display:none}
.dropMenu{ width:125px; position:absolute; top: 0; left:0; z-index:9999;visibility: hidden; background:#448aca; background-color:rgba(68,138,202,0.7); filter:Alpha(opacity=70); margin-top:-1px; margin-left:0.5%}
.dropMenu li{ line-height:46px; text-align:center; border-top:#ccc 1px dashed}
.dropMenu .no{ border:0}
.dropMenu li a{ display:block; font-size:14px; color:#fff;} 
.nav-qz{overflow: hidden;zoom:1; border-bottom:#333 1px solid; padding:2% 0}
.con-qz{ border:0; padding:3% 0}
.nav-qz li{width:33.333%;text-align: center; border:0; float:left; font-size:18px; font-weight:bold}
.nav-qz li img{ display:block; margin:auto}
.nav-qz .current{ color:#dc0526;}
.con-qz li a{ float:left; width:21%; margin:0 2%; font-size:18px}
.con-qz li,.nav-qz li{ color:#fff; padding:0; margin:0px; border-bottom:0}
.zg{ width:100%}
header{ display:none}
.sjx{ display:none}
.cent{ overflow:hidden}
.he_ZoomInImg,.syx2 dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.he_ZoomInImg .he_ZoomInImg_img,.syx2 dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img,.syx2 dl:hover dt img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.slick-list{ max-width:1200px; margin:auto}
.slick-slide .he_ZoomInImg_caption_p img{ width:30px; height:30px}
.slick-slide .he_ZoomInImg .he_ZoomInImg_caption_p a{ background:none; width:30px;}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li a{ display:block;}
.slides li img{ max-width:100%; margin:auto; display:block}
.flexslider{position:relative;height:100%;overflow:hidden;}
.slides{position:relative;z-index:1; height:100%}
.slides li{height:100%;}
.slides li a{ display:block;}
.section1 .flex-direction-nav li a.flex-prev{ left:15%}
.section1 .flex-direction-nav li a.flex-next{ right:15%}
.section1 .flex-direction-nav{ top:49%}
.section1 .slides li{ background-size:cover !important}
.sbh2{ display:none}
.header1,.footer1{ width:100%; z-index:99;}
.header1{ position:fixed; top:0; left:0;  background:#000; background-color: rgba(0,0,0,0.7); filter: Alpha(opacity=70);}
.footer{  position:absolute; bottom:40px; left:0; width:100%; z-index:9}
.foot{ color:#fff}
.foot .right img{ vertical-align:middle; margin-left:10px; margin-bottom:1%}
.foot p{ overflow:hidden}
.foot span{ display:block; font-size:17px; color:#fff; width:50%; overflow:hidden}
.foot p .left{ width:50%;}
.foot p .right{ text-align:right; font-size:14px; width:50%}
.foot p .left img{ display:inline-block; vertical-align:middle; margin-right:10px}
.foot p .left strong{ float:left; display:block}

.header2 .nav1 ul li a,.header2 .ssw .right{ color:#333}
.header2 .nav1 ul li a:hover,.header2 .nav1 ul .dq a{ background:url(../images/x2.jpg) no-repeat center bottom}
.header2 .hea .right p{ border:#999 1px solid}
.header2 .ssw .right{ background:url(../images/sy2.png) no-repeat right center}
.header2 .ssw .right:hover{ background:url(../images/sy3.png) no-repeat right center}
.header2 .ssw .right span{ border:#ccc 1px solid}
.sy1{ min-height:587px; padding-top:5%; margin:5% 0; position:relative}
.sy1 .clear{ position:absolute;left: 24%; top: 0; margin: 0; width:42%}
.sy1 .clear p img{ width:100%}
.sy1 .left{ width:28%}
.sy1 .right{ width:30%}
.sy1 p{ font-size:14px; color:#333; line-height:28px; margin:9% 0;word-break:break-all;}
.sy1 .clear p{ margin:0}
.sy1 .left h1{ font-size:32px; color:#dc3e30; margin-top:5%}
.sy1 .left h2 img{ margin-right:3%}
.sy2{ background:url(../images/z5.svg) no-repeat right bottom; padding-right:12%; background-size:8%}
.sy2 div{ height: 448px; overflow:hidden; padding-right:3%; overflow-y:scroll;}
.sy2 div::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.sy2 div::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #fff;
	background:#fff;
}
.sy2 div::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px #fff;
	border-radius: 0;
	background:#fff;
	border-radius:5px
}
.sy2 div:hover::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.sy2 div:hover::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #CDCCCC;
	background:#595757;
}
.sy2 div:hover::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px #CDCCCC;
	border-radius: 0;
	background:#CDCCCC;
	border-radius:5px
}
.sy2 p{ font-size:14px; line-height:28px; background:url(../images/z4.png) no-repeat left top 9px; padding-left:20px;word-break:break-all;}
.sy3 ul{ overflow:hidden; margin-left:-2%; margin-top:-2%}
.sy3 ul li{ float:left; width:32.033%; margin-left:1.3%; margin-top:1.3%}
.sy3 ul li img{ width:100%; display:block}
.sy3{ margin:6% 0}
.fy{ text-align:center; margin-top:3%}
.fy span{ font-size:14px; margin:0 2%; display:inline-block; padding-bottom:2px; cursor:pointer}
.fy span:hover,.fy .curr1{ text-decoration:underline}
.sy4 table{ border-collapse:collapse; border-top:#ccc 1px solid; width:100%} 
.sy4 tr td{ border-bottom:#D0D0D0 1px solid; padding:2% 0; text-align:center; font-size:15px; overflow:hidden}
.sy4 tr td:nth-child(1){ width:11%; padding-right:3%}
.sy4 tr td:nth-child(2){ width:14%; text-align:left}
.sy4 tr td:nth-child(3){ width:62%; text-align:left; padding-right:3%}
.sy4 tr td:nth-child(4){ width:13%}
.sy4 tr:nth-child(1) td:nth-child(3){ text-align:center}
.sy4 tr td a{ display:block;}
.sy5-1{ overflow:hidden}
.sy5-1 dl{ float:left; width:33.333%;}
.sy5-1 dl dd{ border-left:#ccc 1px solid; padding:0 12%; font-size:14px; line-height:28px; word-break:break-all;}
.sy5-1 dl dt img{ display:block; margin:auto}
.sy5-1 dl dd .r1{ font-size:32px; display:block; text-align:center; margin:6% 0}
.sy5-1 dl:nth-child(1) dd{ border:0}
.sy5-1 dl dd .r2{  min-height:131px; display:block}




.sy5-1 ul{ float:left; width:33.333%;}
.sy5-1 ul li{ border-left:#ccc 1px solid; padding:0 12%; overflow:hidden; font-size:14px; line-height:28px; word-break:break-all;}
.sy5-1 ul li img{ display:block; margin:auto;width: 88px}
.sy5-1 ul li .r1{ font-size:32px; display:block; text-align:center; margin:6% 0}
.sy5-1 ul:nth-child(1) dd{ border:0}
.sy5-1 ul li .r2{  min-height:131px; display:block}




.sy5-2 p{ text-align:center;}
.sy5-2 p span{ display:inline-block; padding:0 40px; text-align:center; color:#fff; line-height:45px; background:#595757; border-radius:30px; }
.sy5-2 p span:hover{ box-shadow:0 0 5px #595757}
.sy5-2 p img{ vertical-align:middle; margin-left:30px;}
.sy5-2 h1{ font-size:14px; text-align:center; margin-top:3%}
.sy5-2 h1 img{ vertical-align:middle; margin:0 5px 0 10px}
.sy5-2{ margin:3% 0 6%}
.footer1{ background:#3e3a3a; padding:3% 0;}
.footer11{ position:absolute; bottom:0; left:0; width:100%}
.footer1 h1,.footer1 h1 span{ font-size:14px; color:#b2b2b2}
.footer1 h1 span{width:inherit;display:inline-block;margin-top: 2.6%;}
.footer1 h1 .h1{margin-left:2%;vertical-align: bottom;}
.footer1 h1 img{ vertical-align:middle; margin-right:2%;width: 154px}
.footer1 h1 .h1 img{ margin-right:5px; width:13px; height:15px}
.preHander{ overflow: hidden;}
.market_item4,.market_item5{ position:relative; cursor:pointer}
.market_tc4,.market_tc5{ position:absolute; z-index:999; width:100%; height:100%; display:none}
.market_mask4,.market_mask5{ position:fixed; background-color:#000; width:100%; height:100%;}
.market_tc4_nr,.market_tc5_nr{ background-color:#fff; position:fixed; width:500px; margin-left:-250px; left:50%; top:50%; height:600px; margin-top:-300px;}
.market_tc4_nr_in,.market_tc5_nr_in{ padding:13% 3%;} 
.market_tc4_nr_close4,.market_tc5_nr_close5{ background-image:url(../images/m_close.jpg); width:20px; height:20px; overflow:hidden; position:absolute; right:20px; top:20px; cursor:pointer}
.market_tc4_nr_in h1 img,.market_tc5_nr_in h1 img{ width:100%}
.market_tc4_nr_in p,.market_t5_nr_in p{ font-size:18px; margin-top:2%}
.sky p{ text-align:center; font-size:18px; line-height:38px; margin:6% 0; color:#595757}

.ydy{ overflow:hidden;}
.ydy dl{ width:30%; float:left;}
.ydy dl:last-child{ float:right}
.ydy dl img{ display:block; margin:auto; width:100%}
.ydy dl dd{ font-size:48px; color:#d75a54; text-align:center; margin-top:9%}
.ydy dl dd a{ display:block; width:260px; margin:0 auto}
.ydy dl:nth-child(1) dd a{ width:230px}

.xq1{ padding:0 5%; margin:5% 0;}
.xq1 h2{ font-size:14px; color:#595757}
.xq1 h1{ font-size:31px; margin-top:1%}
.xq1 p{ margin-top:3%; font-size:14px; line-height:26px}
.xq1 p img{ max-width:100%}
.xq1 h3{ margin-top:3%}
.xq1 h3 a{ text-decoration:underline; font-size:14px}

.x_fixed{ position:fixed; background:#fff; left:0; top:0; width:100%; z-index:9999; box-shadow:0 0 5px #ccc}
.x_fixed .hea{ padding:0.5% 0}
.x_fixed .hea .logo{ width:10%}
.x_fixed .hea .right{ padding-top:2%}
.x_fixed .hea .right .right{ padding-top:0} 

.sy1 .on1,.sy1 .on2,.sy1 .clear{ transition: all 0.5s;-webkit-transition: all 0.5s;}
.sy1 .on1,.sy1 .on2{ padding-top:850px}
.sy1 .ol1-1,.sy1 .ol2-1{ padding-top:0}

.sy1 .ol1-1{ transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
.sy1 .ol2-1{ transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}

.section2 .sy1 .clear{ position:absolute; left:-100%; top: 0; z-index:0}
.section2 .cent{ overflow:inherit}


@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


.foot p .left img:hover {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.footer .foot,.footer .foot p,.footer .foot span,.section1-1 .cent,.ydy{ overflow:inherit}

.ydy dl img  {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.ydy dl:hover img,.ydy dl:focus img,.ydy dl:active img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.sy3 ul li video{ height:241px; background:#000}


.section2 .cent,.section3 .cent,.section4 .cent,.section5 .cent,.sy44,.xq1{ padding-top:96px}
.sy44{ margin:6% 0}

.foot p .right,.ol1-1 h2{ position:relative}
.foot p .right strong,.ol1-1 h2 a span{ position: absolute; right: 3px; bottom: 55px;}
.foot p .right strong img,.ol1-1 h2 a span img{ width:100px; height:100px; display:none}
.foot p .right a:hover strong img,.ol1-1 h2 a:hover span img{ display:block}
.ol1-1 h2 a span{ right:inherit; left:-40px; bottom: 32px;}

.ydy dl:nth-child(1) dt img{ margin-top:24px}

.syx2{ overflow:hidden; margin-left:-2%; margin-top:-2%; padding:0; background:none}
.syx2 dl{ float:left; width:31.333%; margin-left:2%; margin-top:2%; position:relative}
.syx2 dl dt img{ width:100%; height:256px}
.syx2 dl dd{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:20px; padding-top:19%; text-align:center; background:#000; color:#fff; background-color: rgba(0,0,0,0.4); filter: Alpha(opacity=40);}
.syx2 dl dd span{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:block; font-size:14px; line-height:30px; margin-top:5%}

.market_mask5{ position:fixed; background-color:#000; width:100%; height:100%;}
.market_tc5_nr{ width:1000px; height:564px; margin-left:-500px; margin-top:-282px; padding:2%}
.market_tc5_nr_in{ padding:0}
.market_tc5_nr_close5,.market_tc5_nr_close5 p img{ width:20px; height:auto}
.market_tc5_nr_close5{ right:11px; top:11px}

.mm0 .left{ width:79%}
.mm0 .right{ width:18%}
.mm0 .left ul li{ position:relative;}
.mm0 .left ul li p{ position:absolute; bottom:0; left:0; width:100%; background:#000; background-color: rgba(0,0,0,0.7); filter: Alpha(opacity=70);padding: 2.5% 4%;font-size: 20px; color: #fff;}
.mm0 .left ul li p span{display: block; margin-top: 1%; font-size: 14px;}
.mm0 .left ul li h1 img{ width:100%; height:485px}
.mm0 .right ul li img{ width:100%; height:111px}
.mm0 .right ul li{ margin-bottom:6%; cursor:pointer}
.mm0 .right ul li:last-child{ margin-bottom:0}


.footer1 h1 span.right{margin-top:4%}