@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; letter-spacing:1px;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 */} 

input,button,select,textarea{outline:none}

textarea{resize:none}

input,textarea{ outline:none;}

img{ max-width:100%}

.cent,.foot{ max-width:1200px; margin:auto; overflow:hidden}

.tdw{ position:relative}

.header{ position:absolute; top:0; left:0; width:100%; z-index:9;}

.head0{ background:#1395F3;}

.head0 p{ overflow:hidden; color:#fff; font-size:12px; line-height:40px;overflow:hidden}

.head0 p span{ float:right}

.head0 p img{ vertical-align:middle; margin-right:10px}

.head1{ max-width:1200px; margin:auto}

.banner{ position:relative}

.banner p img{ width:100%}

.head1 .logo{width: 84%;}

.head1 .logo p{margin: 46px 0;float: right;position: absolute;left: 50%;margin-left: -77px; z-index:99}

.head1 .navz{width: 16%;}

.zg{width: 100%;float:left;}

.zg1{width: 100%;float:right;padding-top:45px;position: relative;color:#fff;}

.zg1 p{color:#333; text-align:right}

.zg1 p,.zg1 p a{ font-size:16px; color:#fff}

.zg1 p a:last-child{ padding-right:0}

.zg1 p img{ vertical-align:middle; margin-right:10px}

.zg1 p .a2{ display:inline-block; margin-left:20px}

.zg1 p .a2 img:last-child{ margin-right:0; margin-left:5px}

.zg1 p span{ position:relative; cursor:pointer}

.zg1 p span strong{ position:absolute; top:30px; left:0}

.zg1 p .a1 strong,.zg1 p .a2 strong{ font-weight:normal; background:#fff; overflow:hidden; display:none; width:165px}

.zg1 p .a1 strong input{ height:30px; line-height:30px}

.zg1 p .a1 strong input:nth-child(1){ float:left; width:75%; padding:0 10px}

.zg1 p .a1 strong input:nth-child(2){ float:right; width:25%; background:url(../images/sy-42.png) no-repeat center #333}

.zg1 p .a2 strong{width:85px;background:#333;text-align: center;line-height: 30px;font-weight: normal;}

.zg1 p .a2 strong a{font-size: 14px;}

.logo img{width: 154px;height: 21px;}

.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}

.flexslider .slides li{ position:relative}

.flexslider .slides li p{ position:absolute; left:0; bottom:20%; text-align:center; width:100%}

.flexslider .slides li p a{ display:inline-block; width:150px; line-height:48px; font-size:16px; text-align:center; margin:0 30px}

.flexslider .slides li p a:nth-child(1){background:#fff; background-color: rgba(255,255,255,0.8); filter: Alpha(opacity=80);}

.flexslider .slides li p a:nth-child(2){ background:#010101; color:#fff}

.flex-control-nav{ display:none}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:64px;height:34px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:5%;background:url(../images/sy--1.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:5%;background:url(../images/sy-2.png) center center no-repeat;}

.nav1 ul{ overflow:hidden}

.nav1 ul li{float:left;text-align:center;/* width: 13%; */margin-right: 6%;}

.nav1 ul li:nth-child(5){margin-left: 23%;}

.nav1 ul li a{font-size:16px;display:block;padding: 45px 0;position:relative;color:#fff;}

.nav1 ul li a:hover,.nav1 ul .dq a{ font-weight:bold}

.nav1 ul li a img{ vertical-align:middle; margin-left:10px}

.nav2,.sjx{ display:none}

.nng1{ width:400px}

.nng1 p{ width:58%; float:left; border-right:#8894C0 1px solid; padding-right:10%}

.nng1 p img{ width:100%;}

.nng1 ul{ width:31%; float:right}

.nng1 ul li{ margin:10% 0}

.nng1 ul li a{ font-size:16px;}

.nng1 ul li a:hover{ color:#fff}

.dropMenu{position:absolute;top: 0;left:0;padding:14px 0 14px;margin-left: 15px;margin-top:-15px;z-index:9999;visibility: hidden;overflow:hidden;width: 120px;background:url(../images/zck-1.png) no-repeat center top #fff; border-bottom:#F7F7F7 1px solid}

.dropMenu li{ line-height:30px; text-align:center; float:left; width:16.666%; text-align:center; background:url(../images/s1.png) no-repeat center right}

.dropMenu li a{ font-size:16px;display:block;} 

.dropMenu li a img{ display:block; margin:0 auto 3%}

.dropMenu li a:hover{ color:#1395F3;}

.dropMenu li:first-child{ border-top:#eee 1px solid; padding-top:14px}

.dropMenu ul li{ width:100%;}

.dropMenu ul li a{ font-size:15px}

header{ display:none}

.sjx{ display:none !important}

.qh a{ color:#fff}

.he_ZoomInImg,.slick-slide dt,.sy2-1 div p,.sy4 ul li,.cp2 dl dt,.qy2-1 .left 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,.slick-slide dt img,.sy2-1 div p img,.sy4 ul li img,.cp2 dl dt img,.qy2-1 .left 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,.slick-slide:hover dt img,.sy2-1 div:hover p img,.sy4 ul li:hover img,.cp2 dl a:hover dt img,.qy2-1:hover .left p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.sy-bt{ font-size:28px; text-align:center; margin:7% 0 5%; letter-spacing:2px}

.sy1{ margin-top:8%}

.sy1 .left{ width:48.5%; padding-top:3%; background:#F7F7F7; padding:3%; height:380px}

.sy1 .right{ width:48.5%; overflow:hidden}

.sy1 .right p img{ width:100%}

.sy1 .left h1{ font-size:24px; margin-bottom:4%} 

.sy1 .left p{ font-size:16px; text-align:justify; line-height:28px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}

.more{ margin-top:6%}

.more a{ border:#333 1px solid; font-size:16px; width:120px; line-height:35px; text-align:center; display:block}

.more a:hover,.sy2-1 div .more .curr1{ background:#333; color:#fff;}

.sy-bt1{ text-align:left}

.cent2{ max-width:1424px; overflow:inherit}

.more a:hover{ box-shadow:0 0 10px #ccc}

#marquee2{ height:160px;overflow:hidden; margin-top:2.5%}

#marquee2 ul li{float:left; height:160px; margin-right:30px; border:#ccc 1px solid}

#marquee2 ul li img{ width:100%; height:160px;}

.sy2{ background:url(../images/sy-10.jpg) no-repeat center bottom; margin-top:6%; padding-bottom:8%}

.sy2-1{ overflow:hidden; margin-left:-2%}

.sy2-1 div{ float:left; width:23%; margin-left:2%; margin-top:2%}

.sy2-1 div img{ width:100%;}

.sy2-1 div,.sy2-1 div img{ height:269px}

.sy2-1 div .more a{ margin-bottom:6%; font-size:18px; width:130px; line-height:40px}

.sy2-1 div .more a:hover{ box-shadow:none}

.sy2-1 div p a{ font-size:16px; text-decoration:underline}

.sy2-1 div p a:hover{ font-weight:bold}

.sy2-1 div .more{ margin-bottom:15%}

.sy3{ margin-bottom:8%}

.sy3 h1{ font-size:30px; text-align:center; letter-spacing:5px; line-height:50px; margin-bottom:2%}

.sy3 p{ font-size:16px; text-align:center; line-height:28px; color:#666}

.sy3-1{ margin-top:8%}

.sy3-1 h1{ font-size:45px;}

.sy4{ margin-bottom:8%}

.sy4 ul{ margin-left:-2%; margin-top:-2%; overflow:hidden}

.sy4 ul li{ float:left; width:31.333%; margin-left:2%; margin-top:2%}

.sy4 ul li img{ width:100%; height:224px}

.footer{ background:#333; padding-top:6%}

.fo1{margin:4% 0 2%;}

.fo1 .left{width:51%;}

.fo1 .right{ width:36%}

.fo1 h1{ font-size:22px; color:#fff; margin-bottom:6%}

.fo1 h1 img{ vertical-align:middle; margin-right:10px} 

.fo1 h1 span{ display:inline-block; margin:0 3%}

.fo1 h1 strong{ font-weight:normal; font-size:22px}

.fo1 .left div{margin-top: 2%;overflow:hidden;}

.fo1 .left p{font-size:14px;color:#fff;line-height: 28px;}

.fo1 .left div{ overflow:hidden}

.fo1 .left div ul{width: 70%;float:left;}

.fo1 .left div ul li{ font-size:15px; color:#fff; margin-top:7%}

.fo1 .left div ul li img{ vertical-align:middle; margin-right:15px}

.fo1 .left div dl{float: left;/* width: 18%; */margin-top: 4%;margin-left: 13%;}

.fo1 .left div dl dt img{ display:block; margin:auto}

.fo1 .left div dl dd{ font-size:12px; color:#fff; text-align:center; margin-top:15%}

.fo1 .right p{ margin-bottom:3%; overflow:hidden}

.fo1 .right p input,.fo1 .right p textarea{height: 40px;color:#fff;line-height: 40px;padding:0 2%;border:#707070 1px solid;font-size:16px;background:none;width:49%;}

.fo1 .right p input:nth-child(2){ margin-left:2%}

.fo1 .right p textarea{ height:100px; line-height:24px; width:100%; padding:2%}

.fo1 .right p:last-child input{border:0;background: #fff;width: 120px;color: #333;float:right;font-size: 16px;border-radius: 28px;}

.fo1 .right p:last-child{ margin-bottom:0; margin-top:4%} 	

.fo2{ border-top:#a0a0a0 2px solid;}

.fo2-1{ padding-bottom:1.5%}

.fo2-1 .left,.fo2-1 .right{ width:50%} 

.fo2-1 .left p{ color:#fff}

.fo2-1 .left p,.fo2-1 .left p a{ font-size:14px; color:#fff;}

.fo2-1 .left p:nth-child(1) a{ padding:0 5px}

.fo2-1 .left p:nth-child(1) a:nth-child(1){ padding-left:0}

.fo2-1 .left p:nth-child(1) a:hover{ font-weight:bold}

.fo2-1 .left p:nth-child(2) a{ margin-left:3%}

.fo2-1 .left p:nth-child(2){ margin-top:1%} 

.fo2-1 .left p:nth-child(1){ margin-top:3%}

.fo2-1 .right{ width:35%; padding-top:2%}

.fo2-1 .right p{ text-align:right; color:#fff}

.fo2-1 .right p img{ vertical-align:middle;}

.fo2-1 .right p a{ display:inline-block; margin-left:4%}

.fo0 p img{ display:block; margin:auto}

@media (max-width: 1400px){

.cent1,.foot1{ max-width:1200px;}

.cent2{ max-width:1224px;}

}

.banner1{ position:relative}

.banner1 p img{ width:100%}

.ny-bt{ position:absolute; bottom:7%; left:0; width:100%}

.ny-bt h1,.ny-bt h1 a{ font-size:16px}

.ny-bt h1 img{ vertical-align:bottom; margin-right:10px}

.gy2{ background:url(../images/gu2.jpg) no-repeat center; padding:10% 0; overflow:hidden}

.gy2-1{ overflow:hidden}

.gy2-1 dl{ float:left; width:25%}

.gy2-1 dl dt img{ display:block; margin:auto}

.gy2-1 dl dd{ text-align:center; font-size:24px; color:#fff; margin-top:13%}

.gy1{ margin-bottom:6%}

.gy1 h1,.gy3 h1{ margin:8% 0 5%; font-size:24px; text-align:center}

.gy1 p{ font-size:16px; text-indent:2em; line-height:26px; margin-top:2%}

.gy3 h1 span{ display:block; font-size:18px; margin-top:3%}

.gy3 h1{ margin-bottom:6%}

.gy3 .left,.gy3 .right{ width:48%;}

.gy3 .left h2{ font-size:18px; margin-bottom:6%}

.gy3 .left p{ font-size:16px; line-height:26px; margin-top:4%}

.gy3 .left{ padding-top:5%}

.gy3{ margin-bottom:8%}

.gy3 .right img{ width:100%}

.gy2-1 dl dt img{ -webkit-transition:1s ease;-moz-transition:1s ease;}

.gy2-1 dl:hover dt img{-webkit-transform:rotatey(360deg);-moz-transform:rotatey(360deg);}

.ny-bt1 h1,.ny-bt1 h1 a{ color:#fff}

.cp1 h1{ font-size:24px; text-align:center; margin:8% 0 6%}

.cp1 p{ border-bottom:#C1C1C1 1px solid; text-align:center}

.cp1 p a{ display:inline-block; padding:0 1% 2.5%; font-size:18px; margin:0 1%; color:#333; border-bottom:#fff 2px solid}

.cp1 p a:hover,.cp1 p .dq1{ color:#000; border-bottom:#333 2px solid}

.cp2{ overflow:hidden; margin-left:-2%; margin-top:3%}

.cp2 dl{ float:left; width:23%; margin:2% 0 0 2%; position:relative}

.cp2 dl dt img{ width:100%; height:260px}

.cp2 dl dd{ position:absolute; left:5%; bottom:12%; width:90%; font-size:18px; color:#fff}

.cp2 dl a:hover dd{ text-align:center; bottom:48%; font-size:24px}

.fy a{ border:#999 1px solid; font-size:16px; width:35px; line-height:32px; border-radius:5px; margin:0 10px; display:inline-block}

.fy{ text-align:center; margin:6% 0 8%}

.fy a:hover,.fy .curr{ background:#ECEEED; border:#ECEEED 1px solid}

.cpx1{ margin-top:8%}

.cpx1 .left{ width:32%}

.cpx1 .right{ width:62%}

.cpx1 .left p img{ width:100%}

.cpx1 .right h1{ font-size:24px}

.cpx1 .right h2{ font-size:18px; margin:7% 0 3%}

.cpx1 .right p{ font-size:16px; color:#666; line-height:30px}

.cpx2{ margin:6% 0 4%}

.cpx2 h1{ border-bottom:#000 1px solid}

.cpx2 h1 span{ background:#000; color:#fff; line-height:32px; width:100px; text-align:center; display:inline-block; font-size:14px}

.cpx3 dl{ width:23%}

.cpx3 dl dt img{ height:259px}

.cpx3{ margin-bottom:8%}

.qy2{ margin-top:8%}

.qy2-1{ margin-top:3%; border:#eee 1px solid}

.qy2-1 .left{ width:28%}

.qy2-1 .left p img{ width:100%}

.qy2-1 .right{ width:69%; padding:5% 1% 5% 0}

.qy2-1 .right h1 a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block; font-size:18px; color:#00001e; overflow:hidden}

.qy2-1 .right h1 span{ font-size:14px; color:#333; float:right; padding-right:3%}

.qy2-1 .right h1{ margin-bottom:4%}

.qy2-1 .right div{ overflow:hidden}

.qy2-1 .right div p{ text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; float:left; width:75%; font-size:14px; color:#555; line-height:28px}

.qy2-1 .right div h2{ float:right; width:15%}

.qy2-1 .right div h2 a{ display:block; border:#dcdcdc 1px solid; border-radius:20px; line-height:35px; text-align:center}

.qy2-1 .left p img{ height:256px}

.qy2-1 .right h1 a:hover{ color:#0075FF}

.qy2-1 .right div h2 a:hover{ background:#0075FF; color:#fff;}

.qy2-1:hover{ box-shadow:0 0 10px #ccc}

.qy2{ padding:0 10px;}

.xq1{ margin:8% 0}

.xq1 h1{ font-size:24px; text-align:center; margin-bottom:4%}

.xq1 h2{ text-align:center; font-size:14px; color:#424140; margin:1% 0 4%;}

.xq1 h2 img{ vertical-align:middle; margin-right:5px;}

.xq1 h2 span{ display:inline-block; margin:0 5%}

.xq1 h3{ overflow:hidden; margin-top:5%; line-height:28px; border-top:#C5C5C5 1px solid; padding-top:2%}

.xq1 h3 a{ font-size:16px; color:#666; width:50%; display:inline-block} 

.xq1 h3 .right{ text-align:right}

.xq1 h3 a:hover{ color:#1E80C9}

.cpb-x2 .right h1{ font-size:28px; text-align:center; margin-bottom:5%; font-weight:bold}

.cpb-x2 .right div{ overflow:hidden; margin-left:-15%}

.cpb-x2 .right div p{ float:left; width:35%; margin-left:15%; margin-top:6%}

.cpb-x2 .right div p span{ display:block; margin-bottom:6%}

.cpb-x2 .right div p span img{ vertical-align:super}

.cpb-x2 .right div p input,.cpb-x2 .right div p select,.cpb-x2 .right div p textarea{ display:block; width:100%; height:55px; line-height:55px; border-radius:10px; padding:0 20px}

.cpb-x2 .right div h2{ clear:both; overflow:hidden; padding-top:10%; margin-left:7%}

.cpb-x2 .right div .zd{ width:85%}

.cpb-x2 .right div .zd span{ margin-bottom:3%}

.cpb-x2 .right div h2 input{ margin:auto; display:block; height:40px; float:none}

.lx2{ padding:6% 4% 8%; max-width:980px; margin:auto}

.lx3{ background:#F5F6F8; margin-top:6%}

.lx2 .right{ width:98%}

.lx2 .right h1 span{ display:block; font-size:18px; margin-top:2%; font-weight:normal; text-align:center}

.lx2 .right h1 img{ vertical-align:super; margin-right:5px}

.lx2 .right h1{ margin-bottom:2%}

.lx2 .right div{ margin-left:-7%}

.lx2 .right div p{ margin-top:6%; width:42%; margin-left:8%}

.lx2 .right div p span{ margin-bottom:5%; font-size:16px;}

.lx2 .right div p span img,.lx2 .right div h3 img{ vertical-align:super; margin-right:5px}

.lx2 .right div p input,.cpb-x2 .right div p select,.cpb-x2 .right div p textarea{ border:#D8D8D8 1px solid}

.lx2 .right div .zd1 input{ vertical-align:middle; margin-right:10px; width:15px; height:15px; background:#fff; display:inline-block; padding:0; border-radius:3px; }

.lx2 .right div .zd1 strong{ display:block; font-weight:normal; padding-left:7%; margin-bottom:4%; color:#666}

.lx2 .right div h3{ clear:both; margin-left:7%; font-size:14px; color:#666; padding-top:3%}

.lx2 .right div h2{ padding-top:6%}

.lx2 .right div .zd,.lx2 .right div .zd1{ width:92%}

.cpb-x2 .right div h2 input{ width:130px; line-height:45px; height:45px; background:#000; border-radius:10px; color:#fff; font-size:18px;}

.cpb-x2 .right div p select{ width:20%}

.cpb-x2 .right div p textarea{ height:220px; line-height:24px; padding-top:2%; padding-bottom:2%; font-size:14px}

.lx2 .right div h3 input{ vertical-align:middle; margin-right:10px}

.lx2 .right div h4{ font-size:18px; font-weight:bold; text-align:left; margin-left:7%; clear:both}

.lx2 .right div .zd1 span{ float:left; width:19%; margin-right:2%; margin-bottom:1%}

.lx2 .right div .zd1 strong{ width:24%; display:inline-block; padding-left:0; margin-bottom:1%}

.lx2 .right div .zd1 .k1{ width:100%; padding-left:21%; font-size:12px; color:#999}

.lx1{ margin-top:8%}

.lx1 .left{ width:46%; float:right}

.lx1 .left p img{ width:100%}

.lx1 .right{ width:48%; float:left;}

.lx1 .right h1{margin-bottom: 6%;font-size:18px;}

.lx1 .right p{font-size:16px;margin-top: 4%;}

.lx1 .right p img{ vertical-align:middle; margin-right:10px}

.lx1 .right div{ overflow:hidden; margin-top:8%;}

.lx1 .right div p{text-align:center;font-size:14px;float: left; margin-top:0}

.lx1 .right div p img{display:block;margin:0 auto 10px;}

.lx1 .right div p span{ font-size:14px; display:block; text-align:center}

.subNavBox2{ margin-top:6%}

.subNavBox2 .navContent{ display:none}

.subNavBox2 .xz-l-1 .fa-chevron-down1{ background-size:25px !important; height:12px; color:#fff; text-align:right}

.subNavBox2 .subNav{background:url(../images/zp7.png) no-repeat top 35px right 20px;}

.subNavBox2 .currentDd .wzk{background:url(../images/zp6.png) no-repeat center right 20px;}

.subNavBox2 .xz-l-1{ border-bottom:#ccc 1px solid; position:relative; padding:2% 0; margin:1% 0; cursor:pointer;}

.subNavBox2 .xz-l-1 h1 span{ font-size:16px; width:25.333%; display:block; float:left; text-align:center; padding:0 2%; line-height:37px}

.subNavBox2 .xz-l-1 h1 span:nth-child(2){ width:49.333%}

.subNavBox2 .xz-l-1 h1 span:nth-child(1){ font-weight:bold} 

.subNavBox2 .xz-l-1 h1 span a{ display:inline-block; width:120px; letter-spacing:2px; color:#fff; background:#089abd; font-size:16px; line-height:37px; text-align:center}

.subNavBox2 .xz-l-1 h1 img{ vertical-align:middle; margin-right:30px}

.subNavBox2 .xz-l-1 h1 .g2{ display:none}

.subNavBox2 .xz-l-1 h1{ overflow:hidden; padding-right:4%}

.subNavBox2 .xz-l-1 h1 span{ font-size:16px;}

.subNavBox2 .xz-l{ padding:4% 3% 4%; overflow:hidden; background:#fff; box-shadow:0 0 10px #eee; margin-left:5px; margin-right:5px; border-radius:0 0 10px 10px}

.subNavBox2 .xz-l div{ float:left; width:46%; margin:0 2%}

.subNavBox2 .xz-l div h1:first-child{ margin-top:0}

.subNavBox2 .xz-l .ddn{ height:297px; overflow-y:scroll; padding-right:2%}

.subNavBox2 .xz-l .ddn::-webkit-scrollbar {/*滚动条整体样式*/ width:1px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}

.subNavBox2 .xz-l .ddn::-webkit-scrollbar-thumb {/*滚动条里面小方块*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #eee;}

.subNavBox2 .xz-l .ddn::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #608095;}

.subNavBox2 .currentDd{ margin:0; background:url(../images/zp3.jpg) no-repeat center; border:0;}

.subNavBox2 .currentDd h1 span{ color:#fff}

.subNavBox2 .currentDd h1 .g1{ display:none}

.subNavBox2 .currentDd h1 .g2{ display:inline-block}

.subNavBox2 .xz-l h1{ font-size:16px; font-weight:bold; margin:5% 0 1%;}

.subNavBox2 .xz-l h1 span{ color:#104878; display:inline-block; margin-left:10px}

.subNavBox2 .xz-l p{ font-size:14px; margin-top:1%; color:#666; line-height:24px; margin-left:23px}

.subNavBox2 .xz-l .ddn1 p{ background:url(../images/zp5.png) no-repeat left top 10px; padding-left:25px}

.subNavBox2 .xz-l h2{ margin-top:8%}

.subNavBox2 .xz-l h2 a{ display:block; width:160px; line-height:50px; background:url(../images/zp4.jpg) no-repeat center; border-radius:10px; font-size:16px; color:#fff; text-align:center}	

.subNavBox2 .xz-l h3{ font-size:12px; color:#104878; margin:3% 0 0 49px}

.subNavBox2 .xz-l-1 h1 span:nth-child(1){ text-align:left; padding-left:4%; font-size:18px}

.zp1 p{ font-size:16px; text-align:center; margin-top:8%; line-height:28px; padding:0 5% 3%}

.ry1{ margin:8% 0 6%;}

.ry1 h1{ font-size:40px; text-align:center; letter-spacing:5px;}

.ry1 span{ display:block; font-size:16px; margin-top:2%; letter-spacing:0;}

.cent3{ max-width:1300px}

.port-2{float: left; width: 100%; position: relative; overflow: hidden; text-align:left; perspective: 800px;}

.port-2 .text-desc{z-index: -1; transition: 0.6s;}

.port-2 .image-box{transition: 0.4s;}

.port-2:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}

.port-2.effect-1:hover .text-desc{opacity: 1;}

.port-2.effect-2 .text-desc{opacity: 1; top: -100%;}

.port-2.effect-2:hover .text-desc{top: 0;}

.port-2.effect-3 .text-desc{opacity: 1; top: auto; bottom: -100%;}

.port-2.effect-3:hover .text-desc{bottom: 0;}

.sy2-1 .port-2,.sy2-1 .image-box,.sy2-1 .text-desc{ width:100%; margin:0;}

.text-desc h3{ font-size:12px}

.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding:2% 2%}

.slick-slide dl,.sy-xj1 dl{ position:relative}

.slick-slide dt::after,.sy-xj1 dl dt::after{

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}

.slick-slide dt::after,.sy-xj1 dl dt::after{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	content: '';

	opacity: 0;

	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);

	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);

	-webkit-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

}

.slick-slide dl:hover dt::after,.sy-xj1 dl:hover dt::after{

	opacity: 1;

	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);

	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);

}

.sy2-1 .nnn,.sy2-1 .nnn-1{ width:100%; margin:0; height:inherit}

.sy2-1{ position:relative}

.nnn0{ position:absolute; left:0; top:0;}

.sy2-1 .nnn-1 .nnn-2:nth-child(1){ margin-left:27%}

.nnn0 div{ width:100%; margin:0}

.sy2-1 div .more a{ cursor:pointer}

.cp2 dl dd{ display:none}

.sy-xj1{ overflow:hidden}

.sy-xj1 dl{ float:left; width:20%; overflow:hidden}

.sy4-xj{ overflow:hidden; margin-left:-2%; margin-top:-2%}

.sy4-xj .nnn-2{ float:left; width:31.333%; margin-left:2%; margin-top:2%}



#demo1 .flex-direction-nav{ display:none}

.sy-xj1{ margin-bottom:3%}