@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:#0067ab}



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



textarea{resize:none}



input,textarea{ outline:none; -webkit-appearance: none;}



img{ max-width:100%}







.cent,.foot{ padding:0 2%; margin:auto; overflow:hidden}



.header{ position:relative}



.head1{ position:absolute; top:0; left:0; width:100%; z-index:999; padding:0 2%; background:#fff; background-color: rgba(255,255,255,0.12); filter: Alpha(opacity=12);}



.banner{ position:relative}



.banner p img{ width:100%}



.head1 .logo{ width:284px;}



.head1 .logo p{ margin:19px 0}



.head1 .navz{width:70%;}



.zg1 .left{ width:73%; text-align:left; font-size:16px}



.zg1 .left img{ vertical-align:middle; margin:0 2px}



.zg1 .right{width:27%;}



.zg1 .right img{ cursor:pointer}



.zg1 .right span{display:none;position: absolute;top:80px;right: 0;z-index: 9999;background: #fff;width: 214px;}



.zg1 .right input{ height:35px; line-height:35px; background:none; border:0}



.zg1 .right input:nth-child(1){ float:left; width:72%; font-size:12px; padding:0 6%}



.zg1 .right input:nth-child(2){float:right;width:28%;font-size:14px;text-align:center;background:#0b498b;color:#fff;}



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



.zg1{width:13%;float:right;text-align:right;padding-top:42px;position: relative;}



.zg1 p a{ font-size:18px; color:#fff; display:inline-block; margin:0 6px; text-align:center}



.zg1 p a:hover{ color:#0b498b}



.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:75px; right:0; z-index:2;width:100%;text-align:center;}



.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 25px;*display:inline;zoom:1;}



.flex-control-nav a{display:inline-block;width:15px;height:15px;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;}



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



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



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



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



.nav1 ul{ overflow:hidden}



.nav1 ul li{ float:left; text-align:center; width:14.285%;}



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



.nav1 ul li a:hover,.nav1 ul .dq a{ font-weight:bold; background:url(../images/sy-1.png) no-repeat center bottom 20px;}



.nav2,.sjx{ display:none}



.dropMenu{ width:79px; position:absolute; top: 0; left:0; z-index:9999;visibility: hidden; margin-left:38px; background:#fff; background-color: rgba(255,255,255,0.7); filter: Alpha(opacity=70); overflow:hidden; padding:10px 0}



.dropMenu li{ line-height:38px; text-align:center;}



.dropMenu li a{ font-size:14px; display:block; padding:0 10px; color:#666; font-weight:bold} 



.dropMenu li a:hover{ color:#fff; background:#0067ab;}



@media (max-width: 1450px){



.dropMenu{ margin-left:19px;}



}







header{ display:none}



.sjx{ display:none !important}



.qh a{ color:#fff}



.he_ZoomInImg,.sy1 dl dt,.slick-slide dl a dt,.cp1 dl dt,.xw1-1 dl dt,.sy3-1 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,.sy1 dl dt img,.slick-slide dl a dt img,.cp1 dl dt img,.xw1-1 dl dt img,.sy3-1 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,.sy1 dl a:hover dt img,.slick-slide dl a:hover dt img,.cp1 dl a:hover dt img,.xw1-1 dl a:hover dt img,.sy3-1 dl:hover dt 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);}



.sy3-1 dl:hover dt 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);}



.bann{ position:absolute; top:37%; left:0; width:100%}



.bann-1{ width:667px; float:right; margin-right:14%}



.bann-1 h1{ font-size:60px; line-height:90px; font-weight:bold; color:#fff; background:url(../images/sy-5.png) no-repeat left bottom; padding-bottom:4%; margin-bottom:4%}



.bann-1 p{ font-size:24px; color:#fff;}



.sy-bt{ margin:6% 0 3%; font-size:18px; text-align:center; background:url(../images/sy-8.png) no-repeat center; height:66px;}



.sy-bt strong{ display:block; font-size:24px; margin-bottom:10px}



.sy1{ overflow:hidden; margin-left:-1.5%}



.sy1 dl{ float:left; width:23.5%; margin-left:1.5%}



.sy1 dl dt{border:#d2d2d2 1px solid; border-bottom:none;}



.sy1 dl dt img{ width:100%}



.sy1 dl dd{ border:#d2d2d2 1px solid; border-top:none; padding:6%; font-size:18px; color:#333; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.sy1 dl dd span{ display:block; display:block; width:158px; line-height:45px; border:#ccc 1px solid; text-align:center; border-radius:40px; font-size:16px; margin:8% auto 0}



.sy1 dl a:hover dd span{ background:#0067ab; color:#fff;}



.more{ margin-top:3%}



.more a{ width:139px; line-height:50px; background:#0067ab; color:#fff; border-radius:10px; display:block; margin:auto; font-size:18px; color:#fff; text-align:center;}



.more a:hover,.sy2 .right h1 a:hover{ box-shadow:0 0 6px #0067ab;}



.sy2{ position:relative}



.sy2 .left{ width:62%}



.sy2 .right{ width:40%; position:absolute; right:0; top:30%;}



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



.sy2 .right p{ font-size:16px; text-indent:2em; line-height:35px;}



.sy2 .right h1 a{ display:block; font-size:16px; float:right; text-align:center; width:190px; line-height:50px; background:#0067ab; color:#fff; border-radius:30px;}



.sy2 .right h1{ margin-top:5%;}



.sy2 .right h1 a img{ vertical-align:middle; margin-left:10px}



.sy3 h1{ font-size:18px; text-align:center; line-height:35px;}



.sy3-1{ overflow:hidden; margin-top:3%}



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



.sy3-1 dl dt{ height:222px}



.sy3-1 dl dt img{ display:block; margin:auto; width:188px}



.sy3-1 dl dt .a2{ display:none}



.sy3-1 dl dd{ text-align:center; font-size:18px; line-height:28px; margin-top:6%}



.sy3-1 dl dd span{ display:block; font-size:16px;}



.sy3-1 dl:hover dd{ color:#0067ab}



.sy3-1 dl:hover dt .a1{ display:none}



.sy3-1 dl:hover dt .a2{ display:block}



.more1{ margin-bottom:6%}



.footer{ background:url(../images/sy-28.jpg) no-repeat center;}



.foot2{ overflow:hidden; padding:2% 0}



.foot2 .left,.foot2 .right{ width:45%}



.foot2 .left h1{ margin-top:3%}



.foot2 .left h1 img{ width:383px}



.foot2 .left h2{ margin:7% 0 4%}



.foot2 .left h2 a{ display:inline-block; margin-right:4%}



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



.foot2 .left p a:hover{ font-weight:bold}



.foot2 .left p span{ display:inline-block; margin:0 6%}



.foot2 .right h1{ overflow:hidden; margin-bottom:5%}



.foot2 .right h1 img{ float:right}



.foot2 .right p{ margin-top:2%; font-size:16px; color:#fff; text-align:right}



.foot1{ border-top:#8E969A 1px solid; padding:10px 0 20px}



.foot1 p{ font-size:12px; text-align:center; color:#d8d8d8}







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



.fy a{ font-size:14px; color:#666; display:inline-block; padding:3px 7px; margin:0 10px; margin-top:4px}



/*.fy a:first-child,.fy a:last-child{ background:#eee; padding:8px 15px; margin-top:0}*/



.fy a:hover,.fy .curr{ background:#0067ab; color:#fff}



.banner1{ height:562px}



.bann1{ padding:14% 0 0 25%;}



.bann1 h1{ font-size:24px; color:#fff;}



.bann1 h1 strong{ font-size:60px; display:block; margin-top:0.5%}



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



.cp1 dl{ float:left; width:23%; margin-left:2%; margin-top:2%; border:#d2d2d2 1px solid; position:relative}



.cp1 dl dt img{ width:100%}



.cp1 dl dt span{ display:block; font-size:16px; text-align:center; margin-bottom:7%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;



}



.cp1 dl dd{ display:none; position:absolute; top:0; left:0; width:100%; height:100%;background:#0067ab; background-color: rgba(0,103,171,0.79); filter: Alpha(opacity=79);}



.cp1 dl dd img{ display:block; margin:auto; margin-top:40%}



.cp1 dl a:hover dd{ display:block}







.cent1{ max-width:1200px}



.cp-x .left{ width:49%}



.cp-x .right{ width:40%; padding-top:4%}



.cp-x{ margin:8% 0}



.cp-x .left p img{ width:100%; border:#D2D2D2 1px solid}



.cp-x .right h1{ font-size:24px; margin-bottom:7%}



.cp-x .right div{ background:url(../images/cpxq-2.png) no-repeat left top 5px; padding-left:5%}



.cp-x .right p{ font-size:18px; color:#666; line-height:29px;}



.cp-x .right h2 a{ background:url(../images/cpxq-3.png) no-repeat center; display:block; width:307px; line-height:57px; text-align:center; color:#fff; font-size:20px; margin-top:3%}



.cp-x .right h2 a img{ vertical-align:middle; margin-right:20px}







.gs1-bt{ margin:6% 0 2%; font-size:18px; color:#0067ab}



.gs1-bt strong{ font-size:24px; color:#333; display:inline-block; margin-right:10px}



.gs1 .left{ width:41%}



.gs1 .right{ width:56%; padding-top:7%}



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



.gs1 .right p{ font-size:16px; line-height:35px; text-indent:2em;}



.gs2{ margin-top:5%; overflow:hidden; background:url(../images/gy-2.jpg) no-repeat center; background-attachment:fixed; padding:5% 0}



.gs2 dl{ float:left; width:25%;}



.gs2 dl dt img{ display:block; margin:auto; -webkit-transition:1s ease;-moz-transition:1s ease;}



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



.gs2 dl dd{ text-align:center; font-size:18px; color:#fff; text-shadow:1px 1px 3px #333; margin-bottom:6%}



.gs2 dl dd span{ font-size:16px; text-shadow:none; display:block;}



.gs3{ margin-bottom:7%}



.gs3 h2{ font-size:16px; color:#666; margin-bottom:3%}



.gs3 p{ overflow:hidden; margin-left:-1.3%}



.gs3 p img{ width:32.033%; margin-left:1.3%}







.hz1{ margin-top:4%}



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



.hz1 ul li{ float:left; width:14.666%; margin-left:2%; margin-top:2%}



.hz1 ul li img{ width:100%; border:#E6E6E6 1px solid}



.hz1 ul li:hover img{ border:#0067ab 1px solid}







.lx1{ margin:6% 0; background:url(../images/lx-4.jpg) no-repeat right bottom}



.lx1-1 .left{ width:48%}



.lx1-1 .right{ width:46%; padding-top:10%}



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



.lx1-1 .right h1 img{ width:100%}



.lx1-1 .right h2{ font-size:18px; margin-top:5%}



.lx1-1 .right h2 img{ vertical-align:middle; margin-right:20px}



.lx1-1 .right div{ border-top:#D2D2D2 1px solid; margin-top:5%}



.lx1-1 .right p{ font-size:14px; margin-top:2%; margin-left:61px}







.pp1{ margin:6% 0}



.pp1 h1{ text-align:center; height:95px; margin-bottom:5%}



.pp1 h1 span{ display:inline-block; cursor:pointer; text-align:center; border:#d2d2d2 1px solid; line-height:90px; font-size:12px; margin:0 15px; width:290px; font-size:18px}



.pp1 h1 span:hover,.pp1 h1 .curr1{ border-bottom:#00b5f0 3px solid; color:#0067ab}



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







.xw1-1{ padding:6% 0 3%; margin-left:-3%; overflow:hidden}



.xw1-1 dl{ float:left; width:26%; margin-left:6%}



.xw1-1 dl a{ display:block; border:#D2D2D2 1px solid}



.xw1-1 dl dt img{ width:100%;}



.xw1-1 dl dt{ position:relative}



.xw1-1 dl dt span{ display:none; position:absolute; top:0; left:0; width:100%; height:100%}



.xw1-1 dl a:hover dt span{ display:block}



.xw1-1 dl dt span img{ display:block; margin:30% auto; width:30px; height:30px}



.xw1-1 dl dd{ font-size:18px; padding:6%}



.xw1-1 dl dd .w1{ display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.xw1-1 dl dd .w3{ display:block; font-size:14px; line-height:24px; color:#666; margin:5% 0;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}



.xw1-1 dl dd .w2{ display:block; font-size:16px; color:#999;}



.xw1-1 dl dd .w2 img{ vertical-align:middle; margin-right:10px}



.xw1-1 dl a:hover dd .w1{ font-weight:bold}



.xw dl:hover{ background:#f4f4f4}



.xw dl{ border-bottom:#ccc 1px solid;}



.xw dl a{ overflow:hidden; display:block; padding:1.8% 3%; margin:auto}



.xw dl a:hover{ background:#f4f4f4}



.xw dl dd{ overflow:hidden;font-size:14px; line-height:24px}



.xw dl dd strong{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:18px; font-weight:normal; margin-bottom:1%; display:block}



.xw dl dd .left{ width:70%; color:#666; font-size:14px}



.xw dl dd .x2{ font-size:14px; color:#666; margin-top:1%; text-overflow: -o-ellipsis-lastline;overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



.xw dl dd .x3{ font-size:14px; margin-top:1%;color:#666;}



.xw dl dd .x3 img{ vertical-align:middle; margin-left:10px}



.xw dl dd .x3 .c2{ display:none}



.xw dl a:hover dd .x3 .c1{ display:none}



.xw dl a:hover dd .x3 .c2{ display:inline-block}



.xw dl dd span{ display:block;}



.xw dl a:hover dd .right,.xw dl a:hover dd .left .x2{ background:#f6f6f6; color:#fff}



.xw dl a:hover dd .left .x2{ border:#e72241 1px solid}



.xw dl dd .x1{ font-size:16px; color:#999}



.xw dl dd .x1 img{ vertical-align:middle; margin-right:10px}



.xw dl a:hover dd strong{ font-weight:bold}



.xw dl a:hover dd .x3{ font-weight:bold; color:#0067ab}







.xwx1{ margin:6% 0}



.xwx1 h1{ font-size:24px; text-align:center;}



.xwx1 h2{ font-size:14px; text-align:center; margin:2% 0; color:#0067ab}



.xwx1 h3{ margin-top:3%; overflow:hidden} 



.xwx1 h3 a{ font-size:18px; text-decoration:underline}



.xwx1 h3 a img{ vertical-align:middle; margin-right:5px}



.xwx1 h3 span{ float:right; text-align:right}



.xwx1 h3 span a{ display:block; margin-top:5px}











@media (max-width: 1450px){



.head1 .logo{ width:234px}



.nav1 ul li a,.zg1 p a{ font-size:16px}



.nav1 ul li a{ padding:39px 0}



.bann-1{ margin-right:4%}



.flex-direction-nav li a.flex-prev{ left:10%}



.flex-direction-nav li a.flex-next{ left:15%}



.sy2 .right{ top:12%}



.sy2 .right p{ line-height:30px}



.banner1{ height:462px}



.bann1{ padding:15% 0 0 18%;}



.pp1 h1{ height:75px}



.pp1 h1 span{ width:220px; line-height:70px; font-size:16px}



}

.hz11 ul{ width:57%; margin:auto}
.hz11 ul li{ width:27.333%; margin:2% 3% 0}