﻿.sy_header{width:100%;height:60px;background:rgba(0,0,0,0.8);position:fixed;left:0;top:0;z-index:999;}
.sy_header .sy_headerMain{width:1200px;height:60px;margin:auto;}
.sy_header .sy_headerMain .sy_headerLogo{width:150px;height:30px;display:block;margin:15px 0 0 100px;float:left;}
.sy_header .sy_headerNav{height:60px;margin-left:120px;float:left;}
.sy_header .sy_headerNav .sy_headerLi{float:left;}
.sy_header .sy_headerNav .sy_headerLi .sy_headerA{height:60px;padding:0 20px;font-size:16px;color:#fff;line-height:60px;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.sy_header .sy_headerNav .sy_headerLi .sy_headerA:hover{color:#0092db;transition:all ease-in-out 0.3s;}
.sy_header .sy_headerNav .sy_headerLiOn .sy_headerA{color:#FFF;}
.sy_header .sy_headerNav .sy_headerOnUl{position:relative;}
.sy_header .sy_headerNav .sy_headerOnUl ul{height:0;overflow:hidden;position:absolute;left:0;top:60px;z-index:999;transition:all ease-in-out 0.5s;}
.sy_header .sy_headerNav .sy_headerOnUl ul li a{height:50px;padding:0 20px;font-size:16px;color:#fff;line-height:50px;background:rgba(0,0,0,0.8);display:block;}
.sy_header .sy_headerNav .sy_headerOnUl ul li a:hover{color:#0092db;transition:all ease-in-out 0.3s;}
.sy_header .sy_headerNav .sy_headerOnUl:hover.sy_headerOnUl ul{height:300px;transition:all ease-in-out 0.5s;}
.sy_header .sy_headerButton{height:34px;margin:13px 50px 0 0;float:right;}
.sy_header .sy_headerButton a{height:32px;padding:0 20px;font-size:16px;color:#fff;line-height:32px;border:1px solid #fff;border-radius:32px;display:block;margin-left:30px;float:left;}
.sy_header .sy_headerButton a:last-of-type{color:#000;background:#ffd513;border:1px solid #ffd513;}
.sy_header .sy_headerButton a:first-of-type:hover{background:#0092db;color:#fff;border-color:#0092db;}
.sy_header .sy_headerButton a:last-of-type:hover{background:#fff;color:#000;border-color:#fff;}



.sy_title h2{text-align:center;}
.sy_title h2 a{font-size:28px;color:#333;}
.sy_title h2 a:hover{text-decoration:underline;}
.sy_title em{font-size:12px;color:#999;text-align:center;display:block;}
.sy_title i{width:30px;height:1px;background:#0d4da1;display:block;margin:12px auto 0 auto;}



.sy_yw{padding:50px 0;}
.sy_ywMain{width:1200px;margin:60px auto 0 auto;}
.sy_ywMain .sy_ywMainDiv{width:585px;height:330px;background:#fff;position:relative;box-shadow: 0px 0px 15px #eee;}
.sy_ywMain .sy_ywMainDiv:hover.sy_ywMainDiv .sy_ywMainHover{display:block;}
.sy_ywMain .sy_ywMainImg{width:100%;height:190px;display:block;margin-bottom:20px;}
.sy_ywMain .sy_ywMainH3{font-size:20px;color:#666;text-align:center;line-height:50px;}
.sy_ywMain .sy_ywMainP{font-size:14px;color:#666;text-align:center;line-height:20px;}
.sy_ywMain .sy_ywMainHover{width:585px;height:330px;border:1px solid #404040;background:#404040;position:absolute;left:0;top:0;display:none;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(1){height:50px;padding:40px 70px 30px 70px;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(1) span{height:50px;display:block;margin-right:10px;float:left;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(1) span img{height:100%;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(1) a{font-size:26px;color:#fcfcfc;line-height:50px;float:left;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(1) a:hover{text-decoration:underline;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(2){height:145px;padding:0 40px 0 80px;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(2) ul{width:45%;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(2) ul li{height:30px;padding-left:20px;border-bottom:1px dotted #878787;background:url("../images/hx03.png") no-repeat 5px;margin-bottom:5px;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(2) ul li a{font-size:16px;color:#919191;line-height:30px;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(2) ul li a:hover,.sy_ywMain .sy_ywMainHover div:nth-of-type(3) a:hover{color:#fff;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(3){text-align:center;}
.sy_ywMain .sy_ywMainHover div:nth-of-type(3) a{height:30px;font-size:14px;color:#919191;line-height:30px;padding:0 25px;border:2px solid #bebebe;border-radius:30px;display:inline-block;}



.sy_xw{padding:10px 0 50px 0;}
.sy_xwTitle{width:1200px;height:40px;text-align:center;position:relative;margin:40px auto 60px auto;}
.sy_xwTitle a{height:38px;font-size:16px;color:#333;line-height:38px;padding:0 30px;background:#fff;border:1px solid #c8c8c8;border-radius:38px;display:inline-block;margin-right:40px;}
.sy_xwTitle a:last-of-type{margin:0;}
.sy_xwTitle i{width:100%;height:1px;background:#eaeaea;position:absolute;left:0;top:20px;z-index:-1;}
.sy_xwTitle .sy_xwTitleOn{color:#fff;background:#0092db;border:1px solid #0092db;}

.sy_xwMain{width:1200px;margin:auto;}
.newsbox{ overflow:hidden; width:100%; height:370px; position:relative}
.newslist{ overflow:hidden; width:100%; height:100%;display:none;}
.newslist .wentu{ overflow:hidden; float:left; width:590px; height:370px;}
.newslist .wentu img{ display:block; margin-bottom:30px;width:100%; height:100%;cursor: pointer; transition: all 0.6s;}
.newslist .wentu a:hover img{ transform: scale(1.2);}
.newslist .wentu h3{ font-weight:normal; font-size:20px; padding-bottom:14px; border-bottom:1px solid #ebebeb; overflow:hidden; margin-bottom:12px;}
.newslist .wentu h3 a{ color:#333; display:block; width:460px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newslist .wentu h3 span{ float:right; font-size:14px; color:#777;}
.newslist .wentu p{ font-size:14px; color:#888; line-height:22px;}
.listbox { overflow:hidden; width:560px; float:right; height:370px;}
.listbox .list{ overflow:hidden; width:100%; height:90px; margin-bottom:50px;}
.listbox img{ display:block; float:left;}
.listbox .wen{ overflow:hidden; float:right; width:440px; padding-left:20px; border-left:2px solid #e3e3e3}
.listbox h3{ overflow:hidden; font-size:16px; font-weight:normal; margin-bottom:10px;}
.listbox h3 a{ display:block; color:#434343; width:333px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.listbox h3 span{ float:right; font-size:14px; color:#888; font-family:Arial;}
.listbox p{ font-size:14px; color:#888; line-height:30px;}
.newslist .wentu h3 a:hover,.listbox h3 a:hover{text-decoration:underline;}



.kehubox{width:1150px;height:500px;margin:20px auto 0 auto;position:relative;}
.kehuboxMain{width:1150px;height:452px;overflow:hidden;position:relative;}
.kehubox ul{overflow:hidden; position: absolute;background-color:#fff;}
.kehubox li{ float:left; width:1610px; height:452px;}
.kehubox li a{width:230px;height:140px;display:block;float:left;position:relative; border:#efefef dashed 1px;}
.kehubox li img{display:block; position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;-webkit-transition:width .3s;transition:width .3s;}
.kehubox li img:hover{width:100%;}
.btn{ overflow:hidden; width:100%; text-align:center;margin-top:15px;position:absolute; left:0; bottom:0;}
.btn span{ display:inline-block; width:10px; height:10px; margin:0 5px; background:url("../images/kehu02.png") no-repeat right center; cursor:pointer}
.btn span{ *display:inline}
.btn span.cur{ background-position:left}


.sy_bottom{width:100%;text-align:center;padding:70px 0 50px 0;position:relative;}
.sy_bottom p{font-size:28px;color:#333;margin-bottom:40px;}
.sy_bottom a{height:40px;font-size:18px;color:#fff;line-height:40px;padding:0 50px;background:#0092db;border-radius:40px;display:inline-block;}
.sy_bottom a:hover{background:#ffd513;color:#333;}
.sy_bottom .sy_bottomBg{width:100%;height:655px;background:url("../images/sy_bg1.jpg") no-repeat center;position:absolute;left:0;bottom:0;z-index:-1;}


.banner{ overflow:hidden; width:100%; height:800px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:800px; position:relative}
.banner li{ width:100%; height:800px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:40px; text-align:center;}
.banner .btn span{*display:inline}
.banner .btn span{ display:inline-block; width:10px; height:10px; background:url(../images/banner_btnnn.png) no-repeat center; cursor:pointer; margin:0 6px;}
.banner .btn span.cur{ width:40px; background:url(../images/banner_btncur.png) no-repeat center}
.banner_div1{position:absolute;left:20%;top:35%;}
.banner_div1 p{font-size:48px;color:#fff;line-height:70px;}
.banner_div1 p:first-of-type{color:#55c6ff;}
.banner_div1 a{width:150px !important;height:50px !important;font-size:22px;color:#fff;text-align:center;line-height:50px;border:1px solid #fff;display:block;margin-top:30px;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}
.banner_div1 a:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.banner_div2{width:100%;position:absolute;left:0;top:76%;}
.banner_div2 p{font-size:32px;color:#fff;text-align:center;line-height:60px;}
.banner_div2 p:first-of-type{font-size:44px;}
/*
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:380px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:380px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}
*/

