@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box}
body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#333;}
body, html{ overflow-x: hidden;}
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:#cf0014}
input,button,select,textarea{outline:none}
textarea{resize:none}
input,textarea{ outline:none; -webkit-appearance: none;}
img{ max-width:100%}

.cent,.foot,.head1{ max-width:1340px; margin:auto; overflow:hidden}
.banner{ position:relative}
.banner p img{ width:100%}
.head1 .left{ width:5.3%; margin:1% 0 0.5%}
.head1 .left p{ margin:5% 0}
.head1 .right{ width:74%;}
.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 img{ width:100%; display:block}
.flex-control-nav{position:absolute;bottom:34px; right:0; z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:63px;height:4px;margin:0 15px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:63px;height:4px;line-height:45px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.nav1 ul{ overflow:hidden}
.nav1 ul li{ float:left; text-align:center;}
.nav1 ul li a{ font-size:16px; display:block; padding:26px 45px 23px}
.nav2,.sjx{ display:none}
.dropMenu{ width:130px; position:absolute; top: 0; left:0; z-index:9999;visibility: hidden; margin-left:13px; background:#fff; overflow:hidden}
.dropMenu li{ line-height:45px;}
.dropMenu .no{ border:0}
.dropMenu li a{ font-size:16px; display:block; padding:0 14px; text-align:center} 
.dropMenu li a:hover{ color:#fff; background:#cf0014}
header{ display:none}
.zg{ width:75%; float:left}
.zg1{ width:17%; float:right; text-align:right; color:#999; padding-top:2.4%}
.zg1 p a{ display:inline-block; margin:0 4px; text-align:center}
.zg1 p,.zg1 p a{ font-size:18px}
.sjx{ display:none !important}
.qh a{ color:#fff}
.he_ZoomInImg,.sy1 div h1,.sy2 dl dt,.s3 h1,.s2 p{ 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,.sy1 div h1 img,.sy2 dl dt img,.s3 h1 img,.s2 p 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,.sy1 div:hover h1 img,.sy2 dl:hover dt img,.s3:hover h1 img,.s2:hover p img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-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_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-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_caption_p{font-size:20px;text-align:center;width:80%; height:50%; border-bottom:#cc0000 2px solid; background:#fff; background-color: rgba(255,255,255,0.6); filter: Alpha(opacity=60); -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; margin:10%; padding-top:20%}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#cc0000;opacity:1}
.sy1{ overflow:hidden; margin:4% 0 0 -3.3%}
.sy1 div{ float:left; width:30.033%; margin-left:3.3%; position:relative; border:#E8E8E8 1px solid; background:#fafafa; position:relative}
.sy1 div p{ font-size:24px; position:absolute; top:23%; left:8%}
.sy1 div p span{ display:block; font-size:16px; color:#666; margin:12% 0 14%} 
.sy1 div p a,.more a,.s1 p a,.s3 p a{ display:block; width:106px; line-height:30px; background:#cf0014; color:#fff; border-radius:15px; text-align:center}
.sy1 div h1 img{ width:100%; height:226px}
.sy-bt{ text-align:center; font-size:48px; font-weight:bold; margin:4.5% 0}
.sy-bt span{ display:block; font-size:14px; font-variant:normal; margin-top:1%}
.sy2{ overflow:hidden; margin-left:-2.5%; margin-top:-4%}
.sy2 dl{ float:left; width:22.5%; margin-left:2.5%; margin-top:4%}
.sy2 dl dt img{ width:100%; height:278px}
.sy2 dl dt{ background:#fafafa; border:#E8E8E8 1px solid;}
.sy2 dl dd{ font-size:18px; text-align:center; margin-top:6%; font-weight:bold}
.sy2 dl dd span{ display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sy2 dl dd .j2{ margin-top:3%; font-size:14px; color:#666; font-weight:normal;}
.more a{ margin:auto; width:185px; line-height:43px; font-size:16px; border-radius:25px}
.more{ margin:5% 0}
.sy3{ background:#f6f6f6; overflow:hidden; padding-bottom:4%}
.sy3-1{ overflow:hidden; margin-left:-1%; margin-top:-1%}
.sy3-1 div{ float:left; width:49%; margin-left:1%; margin-top:1%; border:#D2D2D2 1px solid; background:#fff; height:282px}
.s2 p img,.s3 h1 img{ width:100%; height:280px}
.s1{ padding:3.5% 4%; text-align:center}
.s1 h1,.s3 p{ font-size:24px;}
.s1 h1 span,.s3 p span{ font-size:14px; display:block; margin-top:1%; color:#666}
.s1 p{ margin:3.4% 0; font-size:14px; color:#666; line-height:28px}
.s1 p a{ margin:4% auto 0}
.s3{ overflow:hidden}
.s3 h1{ float:left; width:50%}
.s3 p{ float:right; width:50%; text-align:center; padding-top:10%}
.s3 p a{ margin:15% auto 0}
.s3 p span{ font-size:16px; color:#999}
.s1 p a,.s3 p a{ font-size:12px}
.footer{ background:#2a2b2a; padding:4% 0} 
.fo1,.fo2,.fo3{ float:left; width:30.333%;}
.fo2{ margin:0 10%}
.fo1 h1 img{ max-width:100%}
.fo1 p{ color:#fff; font-size:14px; line-height:33px; margin:7% 0 5%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.fo1 h2{ color:#fff; font-size:12px;}
.fo2 h1,.fo3 h1{ color:#fff; font-size:16px; font-weight:bold}
.fo2{ width:15.333%}
.fo3{ width:34.333%}
.fo2 ul li{ margin-top:7%}
.fo2 ul li a{ color:#fff; font-size:16px;}
.fo3 p{ color:#fff; margin-top:3%}
.fo3 p img{ vertical-align:middle; margin-right:10px}
.fo2,.fo3{ padding-top:15px}
.sy1 div p a:hover,.more a:hover,.s1 p a:hover,.s3 p a:hover{ box-shadow:0 0 5px #666}

.banner1{ position:relative}
.banner1 p img{ width:100%}
.banner1 h1{ position:absolute; left:0; top:45%; width:100%; text-align:center; color:#fff; font-size:48px; font-weight:bold}
.mb1{ margin:5% 0; text-align:center}
.mb2{ margin-bottom:10%}
.mb1 span{ width:160px; cursor:pointer; line-height:40px; text-align:center; border-radius:20px; background:#eee; font-size:16px; margin:0 2%; display:inline-block}
.mb1 .curr1{ background:#cf0014; color:#fff}
.mb3{ border:#EFEFEF 1px solid}
.mb-z,.mb-y{ width:50%}
.mb-z p img{ width:100%}
.mb-y{ padding:4%}
.mb-y h1{ font-size:30px; font-weight:bold; margin-bottom:10%}
.mb-y p{ overflow:hidden; font-size:16px; margin-top:3.5%}
.mb-y p .left{ font-weight:bold; width:40%}
.mb-y p .right{ width:60%}
.cent1{ max-width:1200px}
.mb2 .sy2 dl dt img{ height:249px}
.mb3-2{ padding:3%;}
.mb3-2 p{ font-size:16px; line-height:35px}

.cpx1{ border:0; margin-top:8%; overflow:hidden}
.cpx1 .mb-z{ background:#fafafa; border:#E8E8E8 1px solid; width:38%}
.cpx1 .mb-y{ width:58%; padding:1.5% 0}
.cpx1 .mb-y h1{ margin-bottom:4%}
.cpx1 .mb-y p{ font-size:14px; margin-top:0.5%; line-height:26px}
.cpx1 .mb-y p .left{ width:16%}
.cpx1 .mb-y p .right{ width:84%}
.cpx2 p img{ width:100%}
.cpx2{ margin:3% 0 5%}
.cpx3 h1{ font-size:24px; font-weight:bold; margin-bottom:2%} 

.zh1{ margin-bottom:10%}
.zh1 h1{ margin:6% 0; font-size:24px; text-align:center}
.zh1 h2{ font-size:18px; color:#cf0014; line-height:35px; font-weight:bold; margin:3% 0}
.zh1 p{ font-size:16px; line-height:35px; margin:3% 0}
.zh1-1,.zh1-2,.zh1-3{ overflow:hidden}
.zh1-1 ul,.zh1-2 ul,.zh1-3 ul{ float:left; width:33.33%}
.zh1-1 ul li img{ border-radius:50%; border:#eee 1px solid; margin:auto; display:block; width:220px; height:220px}
.zh1-1 ul li,.zh1-2 ul li,.zh1-3 ul li,.zh1-4 ul li{ text-align:center; margin-top:9%; font-size:18px}
.zh1-2 ul,.zh1-3 ul{ width:24%; margin-left:1%}
.zh1-2,.zh1-3{ margin-left:-1%}
.zh1-2 ul li img,.zh1-3 ul li img,.zh1-4 ul li img{ width:100%}
.zh1-2 ul li,.zh1-3 dl li,.zh1-4 ul li{ font-size:16px; line-height:24px; margin-top:4%}
.zh1-3 ul{ width:32.333%} 
.zh1-3 ul li{ font-size:14px}
.zh1-4 ul li{ line-height:26px; margin-top:2%}
.zh1-2 ul li img{ height:214px}
.zh1-3 ul li img{ height:189px}

.gy-bt{ text-align:center; font-size:24px; margin:6% 0}
.gy-bt span{ display:block; background:url(../images/gy16.jpg) no-repeat center top; padding-top:1%; margin-top:1%; letter-spacing:5px; font-size:12px; color:#666}
.gy1{ overflow:hidden}
.gy1 .left{ width:47%}
.gy1 .right{ width:50%}
.gy1 .left p img{ width:100%} 
.gy1 .right h1{ font-size:16px; margin-top:2%}
.gy1 .right h1 strong{ font-size:18px; color:#cf0014}
.gy1 .right p{ font-size:16px; color:#666; line-height:33px; background:url(../images/gy17.jpg) no-repeat left top; padding-top:3.5%; margin-top:4%}
.gy1 .right p span{ color:#cf0014}
.gy2 h1{ font-size:16px;}
.gy2 h1 img{ vertical-align:middle; margin-right:1%}
.gy2-1{ margin:0 2%}
.gy2-1 h2{ margin:2.5% 0; font-size:24px; color:#cf0014; font-weight:bold}
.gy2-1 p{ font-size:14px; line-height:28px}
.gy2-2{ overflow:hidden; margin-left:-6%; margin-bottom:7%}
.gy2-2 div{ float:left; width:27.33%; margin-left:6%; background-size:100% !important; padding:4.5% 4%; position:relative}
.gy2-2 div:nth-child(1){ background:url(../images/gy11.png) no-repeat center; height:377px}
.gy2-2 div:nth-child(2){ background:url(../images/gy12.png) no-repeat center; height:427px}
.gy2-2 div:nth-child(3){ background:url(../images/gy13.png) no-repeat center; height:468px}
.gy2-2 div h1{ font-size:18px; font-weight:bold; text-align:right;}
.gy2-2 div h2{position:absolute;left: 15%;top: 9%;} 
.gy2-2 div p{ line-height:28px; font-size:12px; margin-top:8%}
.gy3{ background:#f6f6f6;}
.gy3-1{ font-size:24px; font-weight:bold; overflow:hidden; margin:2% 0}
.gy3-1 strong{ float:right; font-size:16px; color:#666; font-weight:normal; display:inline-block; margin-top:0.5%}
.gy3-1 strong span{ padding:0 10px; cursor:pointer}
.gy3-1 strong span:last-child{ padding-right:0}
.gy3-1 strong .curr2{ color:#cf0014}
.gy3-2{ background:url(../images/gy15.jpg) no-repeat center}
.gy3-2-2 { margin:6% 0 7%}
.gy3-2-2 .left{ width:45%}
.gy3-2-2 .right{ width:50%}
.gy3-2-2 .left p img{ width:100%}
.gy3-2-2 .right h1{ font-size:30px; font-weight:bold; margin:7% 0}
.gy3-2-2 .right p{ font-size:16px; line-height:35px; background:url(../images/gy17.png) no-repeat left top 11px; padding-left:4%; margin-top:6%}
.gy4-1{ overflow:hidden; margin-left:-10%}
.gy4-1 ul{ float:left; width:15%; margin-left:10%}
.gy4-1 ul li img{ border-radius:50%; width:190px !important; height:190px; display:block; margin:auto}
.gy4-1 ul li{ text-align:center; font-size:20px; font-weight:bold; margin-top:18%}
.gy4-1 ul li span{ display:block; font-weight:normal}
.gy4-1 ul li .f1{ font-size:12px; color:#666; margin:4% 0 8%}
.gy4-1 ul li .f2{ font-size:14px;}
.gy4-2{ overflow:hidden; margin-left:-2%}
.gy4-2 p{ float:left; width:23%; margin-left:2%}
.gy4-2 p img{ width:100%; height:272px}
#demo22,#demo33{ margin:5% 0; padding-bottom:5%}
#demo22 .flex-control-nav,#demo33 .flex-control-nav{position:absolute;bottom:0px; right:0;}
#demo22 .flex-control-nav li,#demo33 .flex-control-nav li{width:11px;height:11px;margin:0 7px;}
#demo22 .flex-control-nav a,#demo33 .flex-control-nav a{width:11px;height:11px;background:url(../images/gy_dot.png) right 0 no-repeat;}
#demo22 .flex-control-nav .flex-active,#demo33 .flex-control-nav .flex-active{background-position:0 0;}


@media (max-width: 1450px){
.cent, .foot, .head1{ padding:0 4%}
.zg{ width:83%}
.nav1 ul li a{ padding: 26px 39px 23px;}
.head1 .right{ width:76%}
.sy1 div h1 img{ height:208px}
.sy2 dl dt img{ height:255px}
.s2 p img, .s3 h1 img{ height:260px}
.sy3-1 div{ height:262px}
.fo1{ width:31.333%} 
.fo2{ width:14.333%; margin:0 8%}
.fo3{ width:37.333%}
	}