@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {margin:0;padding:0;}
body {color:#333;font-size:14px;font-family:“微软雅黑”;}
section,article,aside,header,footer,nav,dialog,figure {display:block;}
ul,ol {list-style:none;}
fieldset {vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
address,cite,code,em,th {font-weight:normal;font-style:normal;}
input,button,textarea,select {font:100% Arial,'';vertical-align:middle}
table,td,tr,th {font-size:12px;}





.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #124a9f url(../images/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #124a9f url(../images/side2.png) no-repeat center center;}
.si3 .sidebar-icon{background: #124a9f url(../images/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #124a9f url(../images/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #124a9f url(../images/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../images/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../images/side2.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../images/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../images/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../images/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}

















.nodispaly {display:none}
.line {height:20px;line-height:20px;font-size:0px;clear:both;overflow:hidden;display:block;}
.clearfix {*zoom:1;}
.clearfix:after {display:block;overflow:hidden;clear:both;height:0px;visibility:hidden;content:".";}
a {color:#333;text-decoration:none;transition:all 0.3s;}
a:hover {color:#0054A3;text-decoration:none;}
img {border:none;vertical-align:top;}
.fl {float:left}
.fr {float:right}
.r {float:right}
.clear {clear:both;}
::-webkit-scrollbar-track {background-color:#e8e8ea;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-thumb {background-color:#222326;}
.banner_yd {display:none;}
.flexslider {position:relative;}
.flexslider .slides > li {display:none;}
.flexslider .slides img {width:100%;display:block;border-radius:0px;}
.flex-pauseplay span {text-transform:capitalize;}
.flex-control-nav {width:100%;text-align:center;position:absolute;bottom:15px;}
.flex-control-nav li {margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a {width:16px;height:16px;display:block;background:#FFF;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.flex-control-paging li a:hover {background:#FFF;}
.flex-control-paging li a.flex-active {background:#18549A;cursor:default;}
@media screen and (max-width:980px) {.banner_yd {display:block;padding-top:50px;}}
.wp {width:100%;max-width:1320px;margin:auto;}
.sy_title {text-align:center;}
.i_title {text-align:center;font-size:36px;font-weight:600;color:#333;padding:40px 0 10px 0;}
.sy_title p {color:#999;text-transform:uppercase;font-size:20px;padding-bottom:15px;}
.sy_title i {width:24px;height:3px;background:#0C55B8;text-align:center;display:block;margin:0 auto;}
@media (max-width:1200px) {.i_title {font-size:24px;padding-top:20px;padding-bottom:5px;}
.sy_title p {font-size:16px;padding-bottom:10px;}}
@media (max-width:980px) {.wp {width:96%;padding:0 2%;}}
.tage {padding:20px 0;background:#f6f6f6;}
.tage .link {line-height:24px;margin-top:10px;font-size:9pt;}
.tage .link .bt {float:left;text-align:left;color:#333;}
.tage .link .gjc {float:left;width:92%}
.tage .link a {margin-right:5px;color:#666;}
.tage .link a:hover {color:#12499E;text-decoration:underline;}
.tage .link p {float:left;font-size:9pt;}
@media screen and (max-width:720px) {.tage .link .bt {float:none;width:100%;}
.tage .link .gjc {float:none;width:100%;}
.tage .link {padding:0px 5%;}}
.f_bg {background:#333;font-size:16px;clear:both;padding:50px 0;}
.f_bg_div {text-align:center;color:#999;font-size:9pt;line-height:180%;}
.f_bg a {color:#747474;text-decoration:none;}
.f_bg a:hover {color:#FFF;}
@media screen and (max-width:960px) {.f_bg {padding:30px 0;}}
.sy_about {padding:50px 0;}
.sy_about h1,.sy_about h5 {font-size:42px;font-weight:bold;color:#0B3A67;margin-bottom:50px;}
.sy_about h1 a,.sy_about h5 a {color:#0B3A67;}
.sy_about h1 a:hover,.sy_about h5 a:hover {color:#55B53D;}
.sy_about_text {float:left;width:47%;}
.sy_about_text p {font-size:16px;line-height:28px;}
.sy_about_img {float:right;width:50%;}
.sy_about_img img {width:100%;}
.sy_about .learn a {display:block;width:180px;height:50px;line-height:50px;font-size:15px;margin-top:20px;text-decoration:none;color:#FFF;background:#1e50ae;border-radius:5px;text-align:center;position:relative;overflow:hidden;}
.sy_about .learn a:before {content:"";position:absolute;width:180px;height:145px;top:50%;margin-top:-72.5px;left:50%;margin-left:-90px;background:#55B53D;transform:scale(0);transition:0.6s;border-radius:5px;opacity:0}
.sy_about .learn a span {position:relative}
.sy_about .learn a:hover {color:#FFF}
.sy_about .learn a:hover:before {transform:scale(1);opacity:1}
.sy_3dafuwu {background:url(../images/sy_3dfuwu_bg.jpg) center top no-repeat;padding:60px 0;}
.fuwu h1,.fuwu h5 {font-size:42px;color:#FFF;text-align:center;font-weight:bold;padding-bottom:40px;}
.fuwu p {font-size:16px;color:#FFF;text-align:center;}
.fuwu ul {margin-top:30px;}
.fuwu li {float:left;width:25%;background:#414141;color:#FFF;padding:4%;border-right:4px solid #040e1c;height:300px;}
.fuwu li:nth-of-type(2) {background:#0D518E;}
.fuwu li:nth-of-type(3) {background:#5289CA;}
.fuwu li:nth-of-type(4) {border:0;background:#048E40;}
.fuwu li a {color:#FFF;}
.fuwu li:hover {background:#12499E;}
.fuwu li h2,.fuwu li strong {display:block;text-align:center;font-size:18px;font-weight:bold;line-height:28px;}
.fuwu li p {text-align:center;margin-top:20px;font-size:14px;}
.sy_wci {padding:50px 0;}
.sy_wci h1,.sy_wci h5 {font-size:42px;font-weight:bold;color:#0B3A67;margin-bottom:30px;text-align:center;}
.sy_wci p {font-size:16px;line-height:30px;text-align:center;}
.sy_wci ul {margin-top:20px;}
.sy_wci li {float:left;width:18.25%;line-height:196px;height:196px;background:#2196f3;border-radius:50%;margin-right:2%;text-align:center;color:#FFF;font-size:16px;}
.sy_wci li:nth-of-type(5) {margin-right:0;}
.sy_wci li a {display:block;color:#FFF;line-height:196px;height:196px;border-radius:50%;}
.sy_wci li a:hover {background:#05A045;}
.sy_wci li .txt {padding-top:35%;}
.sy_wci li p {margin-bottom:0;font-size:22px;font-weight:bold;}
.sy_wcm {padding:50px 0;}
.sy_wcm h1,.sy_wcm h5 {font-size:42px;font-weight:bold;color:#0B3A67;margin-bottom:30px;text-align:center;}
.sy_wcm p {font-size:16px;line-height:30px;text-align:center;}
.sy_wcm ul {margin-top:20px;}
.sy_wcm li .txt h2,.sy_wcm li .txt strong {display:block;text-align:center;margin-top:30px;margin-bottom:10px;}
.sy_wcm li {float:left;width:14.85%;background:#0C3965;height:160px;border-radius:20px;margin-right:2%;margin-bottom:2%;}
.sy_wcm li:nth-of-type(6n) {margin-right:0;}
.sy_wcm li p {color:#FFF;font-size:18px;}

/*0226byhanks*/
.sy_wcs_home {padding:50px 0;}
.sy_wcs_home h1,.sy_wcm h5 {font-size:42px;font-weight:bold;color:#0B3A67;margin-bottom:30px;text-align:center;}
.sy_wcs_home p {font-size:16px;line-height:30px;text-align:center;}
.sy_wcs_home ul {margin-top:20px;}
.sy_wcs_home li .txt h2,.sy_wcm li .txt strong {display:block;text-align:center;margin-top:30px;margin-bottom:10px;}
.sy_wcs_home li {float:left;width:23.45%;height:160px;border-radius:20px;margin-right:2%;margin-bottom:2%;}
.sy_wcs_home li:nth-of-type(4n) {margin-right:0;}
.sy_wcs_home li p {color:#FFF;font-size:18px;}

.sy_wcs_home{ padding:20px 0;}
.sy_wcs_home p{ font-size:15px; line-height:24px;}
.sy_wcs_home li{width:23.5%;}
.sy_wcs_home li:nth-of-type(4n){ margin-right:0;}
.sy_wcs_home li:nth-of-type(6){ margin-right:2%;}
.sy_wcs_home li p{ color:#fff; font-size:15px;}
.sy_wcs_home h2 img{ width:50px;}
.sy_wcs_home li .txt img{ width:50px;}


.content_h{font-size: 17px;margin-bottom: 20px;font-family:'微软雅黑';}
/*0226byhanks*/


.sy_wcai{padding:0px 0 50px 0;}
.sy_wcai h1{ font-size:42px; font-weight:bold; color:#0B3A67; margin-bottom:30px; text-align:center;}	
.sy_wcai p{ font-size:16px; line-height:30px; text-align:center;}
.wcai{ margin-top:0px;}
.wcai li{ float:left; width:32%; margin-right:2%; height:320px; background:url(../images/WCAI-IMG.jpg) repeat;display:inline-block;}
.wcai li:nth-child(3){ margin-right:0;}
.wcai li:hover{ background:#333;}
.wcai img{max-width: 100%;box-sizing: border-box;border-radius: 4px;}



.miaoshu{ padding:10% 8%;transition: 0.6}
.miaoshu .img{ width:70px; float:left;padding-top:10%;padding-left:0;}
.miaoshu .wz{ float:right; width:70%; padding-left:5%; padding-right:0; padding-top:10%;transition:0.6s;}
.miaoshu .wz h2{ color:#048E40; font-weight:bold; font-size:24px; margin-bottom:20px;}
.miaoshu .wz p{ color:#fff; font-size:15px; line-height:24px; text-align:left;} 
.miaoshu .wz h3{ opacity:0; margin-top:10px;}

.wcai li:hover .miaoshu .img{ display:none;}
.wcai li:hover .miaoshu .wz{width:80%;padding-left:0; padding-top:5%; padding-right:10%;}
.wcai li:hover .miaoshu .wz h3{opacity:1;}
.wcai li:hover .miaoshu .img {display:none;}
.wcai li:hover .miaoshu .wz {width:80%;padding-left:0;padding-top:5%;padding-right:10%;}
.wcai li:hover .miaoshu .wz h3,.wcai li:hover .miaoshu .wz span {display:block;opacity:1;}
.sy_news h1,.sy_news h5 {font-size:42px;font-weight:bold;color:#0B3A67;margin-bottom:30px;text-align:center;}
.news dl {float:left;width:49%;border-bottom:1px dotted #CCC;padding:2% 0;}
.news dl:nth-of-type(2n) {float:right;}
.news dl:nth-of-type(5) {border-bottom:0;}
.news dl:nth-of-type(6) {border-bottom:0;}
.news dt {float:left;width:60%;font-size:18px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news dt a {color:#0B3A67;}
.news dd.pic {float:left;width:35%;overflow:hidden;}
.news dd.pic img {width:100%;height:auto;transition:all .6s;}
.news dd.pic img:hover {transform:scale(1.1,1.1);-webkit-transition:all 1.5s;transition:all 1.5s;}
.news dd.date {float:left;margin-left:20px;width:22%;line-height:24px;overflow:hidden;font-size:14px;color:#999999;background:url(../images/bn44.png) no-repeat left;margin-top:5px;padding-left:20px;}
.news dd.txt {float:left;margin-left:20px;width:60%;line-height:24px;overflow:hidden;font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news dd.more {width:30px;height:30px;background:url(../images/bn43.png) no-repeat left;transition:all 0.3s ease 0s;margin-top:15px;margin-left:20px;}
.news dd.more:hover {background:url(../images/bn43_nei.png) no-repeat left;cursor:pointer;}
.news a:hover {text-decoration:none;color:#6CBB5A;}
@media (max-width:1420px) {.news dd.txt {width:70%;}}
@media (max-width:980px) {.news dd.more {display:none;}}
@media (max-width:860px) {.news dt {float:none;width:100%;font-size:18px;padding:2% 0;margin-top:10px;margin-left:0;}
.news dd.pic {float:none;width:100%;}
.news dd.date {float:none;width:100%;margin-left:0;}
.news dd.txt {float:none;width:100%;line-height:24px;margin-left:0;}
.news dl {padding-bottom:20px;margin-bottom:20px;margin-left:0;}}
.sy_customer {background:#DEDEDE;padding:80px 0 50px 0;margin-top:50px;}
.sy_customer h1,.sy_customer h5 {font-size:42px;font-weight:bold;color:#0B3A67;margin-bottom:30px;text-align:center;}
.customers ul {margin-top:20px;}
.customers ul li {float:left;width:19.9%;overflow:hidden;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
.customers ul li:nth-child(6n+0) {margin-right:0;}
.customers ul li .imgs {overflow:hidden;}
.customers ul li .imgs img {display:block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.customers ul li .imgs:hover img {-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);transform:scale(1.1,1.1);}
@media screen and (max-width:1000px) {.customers {width:100%;padding-bottom:30px;}
.customers ul {margin-top:10px;}}
@media screen and (max-width:640px) {.customers ul li {width:33%;}
.customers ul li:nth-child(3n+0) {margin-right:0;}
.customers ul li:nth-child(10) { display:none;}   
}

@media (max-width:768px) {
.sy_about{ padding:30px 0;}
.sy_about h1{ font-size:28px; margin-bottom:30px;}
.sy_about_img{ float:none; width:100%;}
.sy_about_text{ float:none; width:100%; }
.sy_about_text p{ font-size:15px; line-height:24px;}
.sy_about .learn a{ margin-bottom:20px; margin-top:20px;}


.sy_3dafuwu{ background:url(../images/sy_3dfuwu_bg.jpg) center top no-repeat; background-size:cover; padding:30px 0;}
.fuwu h1{ font-size:28px; padding-bottom:30px;}
.fuwu p{ font-size:15px;}
.fuwu li{ width:100%; float:none;border-right:0; border-bottom:4px solid #333; height:auto;}


.sy_wci{ padding:30px 0 0;}
.sy_wci h1{ font-size:28px;}
.sy_wci p{ font-size:15px; line-height:24px;}
.sy_wci li .txt {padding-top:25%;}
.sy_wci li{ width:31.5%;line-height:120px; height:120px; margin-bottom:10px;}
.sy_wci li:nth-of-type(3){ margin-right:0;}
.sy_wci li:nth-of-type(4){ margin-left:16%;}
.sy_wci li p{ margin-bottom:0; font-size:16px; font-weight:bold;}


.sy_wcm{ padding:20px 0;}
.sy_wcm h1{ font-size:28px;}
.sy_wcm p{ font-size:15px; line-height:24px;}
.sy_wcm li{width:23.5%;}
.sy_wcm li:nth-of-type(4n){ margin-right:0;}
.sy_wcm li:nth-of-type(6){ margin-right:2%;}
.sy_wcm li p{ color:#fff; font-size:15px;}
.sy_wcm h2 img{ width:50px;}
.sy_wcm li .txt img{ width:50px;}



.sy_wcai{padding:0px 0 30px 0;}
.sy_wcai h1{ font-size:28px; font-weight:bold; color:#0B3A67; margin-bottom:30px; text-align:center;}	
.sy_wcai p{ font-size:15px; line-height:24px; text-align:center;}
.wcai li{ float:none; width:100%; height:260px;}
.miaoshu .img{ width:100px; float:left;padding-top:10%;padding-left:0;}
.miaoshu .wz{ float:right; width:65%; padding-left:5%; padding-right:0; padding-top:10%;transition:0.6s;}

.sy_news h1{font-size:28px; margin-bottom:10px;}

.sy_customer{ margin-top:0;padding:30px 0 0px 0;}
.sy_customer h1{font-size:28px; }

}