@charset "utf-8";

/*全局控制*/

body{margin:0;padding:0;font-size:16px;line-height:32px;font-family:Arial,"微软雅黑";-webkit-text-size-adjust:none; color: #333;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}

input,select,textarea{font-size:16px;line-height:16px;font-family:Arial,"微软雅黑";}img{border:0;}ul,li{list-style-type:none;}

a{color:#333;text-decoration:none;}

a:hover{color:#51b7a9}

.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}

.dis{display:block;}.undis{display:none;}

.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}

.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both; background:#ddd;}

.hr_1{height:1px;}.hr_10{height:10px;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}

table{ border-color: #aaa; border-spacing: 0; border: 1px; border-collapse: collapse;}



@font-face {font-family:"DIN";src:url("../fonts/din-bold-2.ttf");font-weight:normal;font-style:normal;}

@font-face {font-family:"Gotham1";src:url("../fonts/GOTHAMBOLD.TTF");font-weight:normal;font-style:normal;}

@font-face {font-family:"Gotham2";src:url("../fonts/GOTHAMMEDIUM.TTF");font-weight:normal;font-style:normal;}



.mainbox{width:90%; margin:0 auto; min-width:1300px; max-width:1600px;}

.nymainbox{width:90%; margin:0 auto; min-width:1300px; max-width:1600px;}

.hsbj{ width:100%; background:#f4f4f4; padding:60px 0;}

.hsbg{ width:100%; background:#f2f4f6;}



.sytopbg{ width:100%;}

.topinfobg{ width:100%; background:#f2f4f6}

.topinfo{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:40px; line-height:40px; font-size:14px; color:#888}

.topinfo_l{ float:left;}

.topinfo_r{ float:right;}

.topinfo_r a{ color:#888; margin:0 5px;}

.sytop{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:110px;}

.logo{ float:left; width:390px; height:50px; padding:30px 0;}

.logo img{ float:left; margin-right:6px; max-width:218px;}

.logo span{ float:left; line-height:50px; font-size:18px; color:#333;}



.topright{ float:right; width:calc( 100% - 400px);}

.topicon{ float:right; position:relative; top:20px;}

.topicon a{ color:#fff; display:inline-block; margin:0 8px; width:28px; height:30px; float:left; position:relative; text-align:center;}

.topicon a:hover{ color:#fff;}

.topsearch{ position:absolute; right:0; top:45px; z-index:9; width:0; height:24px; overflow:hidden; display:inline-block; transition: all 0.3s ease;}

.topsearch.on{width:136px;}



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

.topiconsearch i{ font-size:20px;}



.topsearch_key{ width:96px; color:#fff; font-size:14px; height:24px; box-sizing:border-box; border:1px #fff solid; background:none; display:inline-block; float:left;}

.topsearch_sub{ width:40px; height:24px; background:#fff; color:#333; border:none; display:inline-block; float:left;}



.symenuping{ float:right; height:110px;}

.symenuping>ul>li{ float:left; position:relative; padding:0 30px; height:110px;}

.symenuping>ul>li:after{ content:""; position: absolute;

		border-top: 0 solid transparent;

    border-bottom: 0 solid transparent;

    border-left: 0 solid #51b7a9;

    left: 50%;

    bottom: 0;

    margin-top: -15px;

    z-index: 3;

}

.symenuping>ul>li>a{ color:#333; font-weight:500; font-size:16px; display:block; height:67px; line-height:20px; padding-top:43px; text-align:center}

.symenuping>ul>li>a span{ font-weight:200; font-size:12px; line-height:20px; color:#ddd; text-transform:uppercase;}

.symenuping>ul>li:hover:after{

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    border-bottom: 15px solid rgba(91,183,169,1);

    margin-left: -12px;

}

.symenuping>ul>li .submenu{display:none;position:absolute;top:0;left:0 !important; background:rgba(81,183,169,0.8); z-index:99999;width:124px; height:auto; padding:0}

.symenuping>ul>li .submenu li{float:none;padding:0; height:45px; line-height:45px;background:none; text-align:center;}

.symenuping>ul>li .submenu li:hover{ background-color:rgba(81,183,169,0.9);}

.symenuping>ul>li .submenu li a{float:none;padding:0; display:block;text-align:center;height:45px;line-height:45px; font-size:14px; color:#fff;}

.symenuping>ul>li .submenu li a:hover{background:none;}

.symenuping>ul>li .submenupro{ width:350px; padding:15px 25px; box-sizing:border-box}

.symenuping>ul>li .submenupro li{ float:left; width:150px; box-sizing:border-box; padding-left:35px; background-position:left center; background-size:25px; background-repeat:no-repeat;}

.symenuping>ul>li .submenupro li a{ text-align:left;}

.symenuping>ul>li .submenupro li:hover{ background-color: transparent; background-size:28px;}



.toprighttel{ float:right; line-height:110px; margin-left:20px; padding-left:30px; background:url(../images/toprighttel.png) left center no-repeat; font-size:22px;}



.syabout{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:640px;}

.syabout_l{ width:calc(100% - 750px); float:left; padding:50px 0 0;}

.syabout_l_title{ position:relative; padding-bottom:30px; margin-bottom:30px;}

.syabout_l_title:after{ content:""; width:80px; height:3px; background:#51b7a9; position:absolute; bottom:0; left:0;}

.syabout_l_title h3{ font-size:36px; color:#51b7a9; line-height:60px;}

.syabout_l_title p{ font-size:24px; color:#888}

.syabout_l_content{ font-size:16px; color:#888; line-height:36px; text-align:justify}

a.syabout_l_a{ display:block; margin-top:40px; color:#fff; text-align:center; line-height:40px; font-size:14px; width:120px; height:40px; background:#51b7a9;}

.syabout_r{ width:650px; float:right; height:640px; background:url(../images/syabout_r.jpg) center center no-repeat}

.syabout_r ul{}

.syabout_r ul li{display:table; width:325px; height:320px; float:left;}

.syabout_r ul li div{ display: table-cell; vertical-align:middle; text-align:center;}

.syabout_r ul li div p{ font-size:16px;transition: all 0.1s ease;}

.syabout_r ul li:nth-child(2) div p{ color:#fff;}

.syabout_r ul li:nth-child(3) div p{ color:#fff;}

.syabout_r ul li:nth-child(6) div p{ color:#fff;}

.syabout_r ul li div:hover h3 img{animation: load 5s linear 1;}

.syabout_r ul li div:hover p{ font-size:18px; font-weight:bold;}



.sycp{ width:100%; height:450px; box-sizing:border-box; background:url(../images/sycp.jpg) center center no-repeat;}

.sycpfl{ width:100%; height:450px;}

.sycpfl ul{ width:100%;}

.sycpfl ul li{display:table; float:left; width:10%; box-sizing:border-box; height:450px; position:relative;}

.sycpfl ul li:before{ content:""; width:1px; height:450px; background:rgba(255,255,255,0.3); position:absolute; right:0; top:0;}

.sycpfl ul li:after{ content:""; width:0; height:0; position:absolute; left:50%; top:50%; background:#51b7a9; z-index:1;transition: all 0.1s ease;}

.sycpfl ul li div{ display: table-cell; vertical-align:middle; text-align:center; position:relative; z-index:9;}

.sycpfl ul li div h4{ font-size:22px; color:#fff; display:none; font-weight:normal; font-family:"微软雅黑 light"}

.sycpfl ul li div h3{ text-align:center;margin-top: 50px;}

.sycpfl ul li div h3 a{ display:block;}

.sycpfl ul li div h3 a img{ display:inline-block; transition: all 0.1s ease;}

.sycpfl ul li div h3 a img.proflimg{ display:inline-block; width:40px; height:40px;}

.sycpfl ul li div h3 a img.proflimg_cur{ display:none; width:60px; height:60px;}

.sycpfl ul li div h5{margin-bottom: 40px;}

.sycpfl ul li div h5 a{ font-size:18px; color:#fff; transition: all 0.1s ease;}

.sycpfl ul li div p{ font-size:16px; display:none; color:#fff;}

.sycpfl ul li div a.sycpfl_a{ font-size:14px; margin-top:10px;padding-left: 20px; color:#fff; display:none; width:120px; height:50px; background:url(../images/sycpfl_a.png) center bottom no-repeat;}



.sycpfl ul li:hover:after{ width:100%; height:450px; left:0; top:0;}

.sycpfl ul li:hover div h4{ display:block;}

.sycpfl ul li:hover div h3 a img.proflimg{ display:none;}

.sycpfl ul li:hover div h3 a img.proflimg_cur{ display:inline-block;}

.sycpfl ul li:hover div h5 a{ font-size:20px;}

.sycpfl ul li:hover div p{ display:block;}

.sycpfl ul li:hover div a.sycpfl_a{ display:inline-block;}





@media screen and (max-width: 1500px) {

	.sycp{ height:200px;}

	.sycpfl{ height:200px;}

	.sycpfl ul li{ height:200px;}

	.sycpfl ul li:before{ height:200px;}

	.sycpfl ul li:hover div h4{ font-size:18px; display:none;}

	.sycpfl ul li div h3{margin-top:0}

	.sycpfl ul li div h5{ margin-bottom:0}

	.sycpfl ul li div h5 a{ font-size:16px;}

	.sycpfl ul li:hover div p{ font-size:14px; display:none;}

	.sycpfl ul li:hover div a.sycpfl_a{ display:none;}

	.sycpfl ul li:hover:after{ height:200px;}

	.sycpfl ul li div h3 a img.proflimg_cur{ display:none; width:50px; height:50px;}

	.sycpfl ul li:hover div h3 a img.proflimg_cur{ display:inline-block;}

}



/* 动画效果 */

@-webkit-keyframes load {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



.sycplist{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; padding:50px 0 ;}

.sycplist ul li{ float:left; width:29.33%; margin:0 2% 3%;-moz-box-shadow:-5px 5px 10px rgba(0,0,0,0.28); -webkit-box-shadow:-5px 5px 10px rgba(0,0,0,0.28); box-shadow:-5px 5px 10px rgba(0,0,0,0.28);}

.sycplist ul li h3{width: 100%; padding: 0; border:10px #f2f4f8 solid; border-bottom:0; padding-bottom: calc(300% / 4); background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative;box-sizing: border-box; transition: all 0.1s ease;}

.sycplist ul li h3 a{ display:block; width:100%; height:100%; position: absolute; left:0; top:0;}

.sycplist ul li .text{ text-align:center; height:60px; line-height:60px; background:#f2f4f8}

.sycplist ul li .text a{ font-size:16px; color:#333; line-height:60px; display:block; transition: all 0.5s ease;}

.sycplist ul li:hover h3{border:10px #51b7a9 solid; border-bottom:0; background-size:105% 105%;}

.sycplist ul li:hover .text{ background:#51b7a9}

.sycplist ul li:hover .text a{color:#fff; font-size:18px; font-weight:700;}



.syyoushibg{ width:100%; height:922px; box-sizing:border-box; background:url(../images/syyoushibg.jpg) center center no-repeat; padding:85px 0 ;}

.syyoushi{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.syyoushi_title{ text-align:center;}

.syyoushi_title h3{ font-size:36px; color:#fff; line-height:60px;}

.syyoushi_title p{ font-size:18px; color:#fff;}



.syyoushi_l{ width:130px; float:left;}

.syyoushi_l ul{ width:65px; height:500px; border-right:1px #fff solid;}

.syyoushi_l ul li{ width:65px; height:50px; position:relative; padding:58px 0; cursor:pointer;}

.syyoushi_l ul li img{ opacity:0.3}

.syyoushi_l ul li.active:after{ position:absolute; width:3px; height:80px; right:-2px; top:42px; background:#fff; content:"";}

.syyoushi_l ul li.active img{ opacity:1;}



.syyoushi_r{ float:right; width:calc(100% - 130px)}

.syyoushi_r_content{ display:none;}

.syyoushi_r_content.active{ display:block;}

.syyoushi_r_content_l{ float:left; width:600px; position:relative;}

.syyoushi_r_content_l:after{ content:""; width:530px; height:2px; background:#fff; position:absolute; right:-575px; bottom:70px; z-index:999}

.syyoushi_r_content_r{ float:right; width:calc( 100% - 650px)}

.syyoushi_r_content_r h3{ font-size:24px; color:#fff; line-height:60px;}

.syyoushi_r_content_r p{ color:#fff; font-size:16px; line-height:36px; text-align:justify;}



.synews{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; position:relative; height:740px;}

.synews:after{content:""; position:absolute; z-index:1; right:50%; top:140px; background:#f2f4f8; height:600px; width:50vw}

.synews_title{ text-align:center;}

.synews_title h3{ font-size:36px; color:#51b7a9; line-height:60px;}

.synews_title p{ font-size:18px; color:#aaa;}

.synews_l{ float:left; width:50%; box-sizing:border-box; position:relative; z-index:2; padding: 60px 60px 0 0;}

.synews_l:before{ content:""; position:absolute; left:0; top:170px; z-index:4; width:3px; height:120px; background:#51b7a9;}

.synews_l:after{ content:""; position:absolute; left:1px; top:170px; z-index:3; width:1px; height:360px; background:#aaa;}

.synews_l h3{ font-size:36px; color:#51b7a9; font-family:impact; text-align:right;font-weight: normal;}

.synews_l p{ line-height:60px; height: 78px;}

.synews_l p a{ font-size:24px; color:#666; float:right; text-align:right;}

.synews_l h4{ width:600px; height:360px; float:right; text-align:right;}

.synews_r{ float:right; width:50%; box-sizing:border-box; position:relative; z-index:2; padding: 40px 0 0 60px;}

.synews_r ul{}

.synews_r ul li.synews_r_list{ padding:12px 0; height:100px;}

.synews_r ul li.synews_r_list .synews_r_l{ float:left; width:96px; height:80px; padding-top:20px; background:#eee; text-align:center;}

.synews_r ul li.synews_r_list .synews_r_l h3{ font-size:36px; color:#888;}

.synews_r ul li.synews_r_list .synews_r_l p{ font-size:18px; color:#888;}

.synews_r ul li.synews_r_list:nth-child(1) .synews_r_l{ background:#51b7a9}

.synews_r ul li.synews_r_list:nth-child(1) .synews_r_l h3{ font-size:36px; color:#fff;}

.synews_r ul li.synews_r_list:nth-child(1) .synews_r_l p{ font-size:18px; color:#fff;}

.synews_r ul li.synews_r_list:nth-child(2) .synews_r_l{ background:#6fc1b7}

.synews_r ul li.synews_r_list:nth-child(2) .synews_r_l h3{ font-size:36px; color:#fff;}

.synews_r ul li.synews_r_list:nth-child(2) .synews_r_l p{ font-size:18px; color:#fff;}



.synews_r ul li.synews_r_list .synews_r_r{ float:right; width:calc(100% - 126px)}

.synews_r ul li.synews_r_list .synews_r_r h3 a{ font-size:18px; color:#333; line-height:40px;}

.synews_r ul li.synews_r_list:hover .synews_r_r h3 a{ color:#51b7a9;}

.synews_r ul li.synews_r_list .synews_r_r p{ font-size:14px; color:#aaa; line-height:24px;}



.foot{ background:#f2f4f8; width:100%; padding:50px 0; border-top:5px solid #d9e2ef; }

.footbox{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; }

.foottitle{ font-size:18px; font-weight:bold; color:#333; padding-bottom:10px; margin-bottom:10px; position:relative;}

.foottitle:after{ content:""; width:40px; height:3px; background:#51b7a9; position:absolute; bottom:0; left:0;}

.footnav{ float:left; width:250px;}

.footnav ul li{ line-height:35px;}

.footnav ul li a{ color:#666; font-size:16px; line-height:35px;}

.footbox ul li a:hover{ text-decoration:underline}

.footcpfl{ float:left; width:300px; padding-right:50px;}

.footcpfl ul li{ line-height:35px; float:left; width:50%;}

.footcpfl ul li a{ color:#666; font-size:16px; line-height:35px;}

.footcontact{ float:left; width:380px;}

.footcontact .footcontact_text{ line-height:35px;}

.footcontact .footcontact_text p{ color:#666; font-size:16px; line-height:35px;}

.footcontact .footcontact_text a{ color:#666;}



.footlogo{ float:right; width:263px;}

.footlogo .footewm{ width:263px; height:180px; text-align:right;}

.footlogo .footewm img{ width:180px; height:180px; display:inline-block;}

.footlogo .footlogoimg{ width:263px; font-size:18px;  text-align:right; line-height:30px; margin-top:20px; color:#333;}

.footlogo .footlogoimg img{ display:inline-block;}



.copyright{ width:100%; height:60px; line-height:60px; color:#fff; text-align:left; background:#51b7a9; font-size:14px}

.copyright a{ color:#fff;}

.copyrightnav{ float:right; line-height:60px;}

.copyrightnav a{ color:#fff;}



.footyqlj{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; font-size:14px; color:#666; padding:20px 0;}

.footyqlj a{ color:#666; margin-right:10px;}



.banner {height:800px; overflow:hidden}



.nybanner{ width:100%; margin:0 auto; min-width:1300px;height:400px; background:url(../images/nybanner.jpg) center center repeat-x;display: table; table-layout: fixed;}

.nybanner .nybannertext{display: table-cell; vertical-align: middle; text-align:center;}

.nybanner .nybannertext h3{ color:#fff; font-size:36px; line-height:50px;}

.nybanner .nybannertext h3 i{ display:inline-block; width:24px; height:34px; margin-right:5px; background:url(../images/nybannertitleicon.png) center center no-repeat}

.nybanner .nybannertext p{ font-size:16px; color:rgba(255,255,255,0.3); letter-spacing:2px; text-transform:uppercase;}



.nyaboutbanner{  width:100%; margin:0 auto; min-width:1300px; height:600px; background:url(../images/nyaboutbanner.jpg) center center no-repeat; position:relative;}

.nyaboutbanner .nybannertext{ text-align:center; padding-top:150px;}

.nyaboutbanner .nybannertext h3{ color:#fff; font-size:48px; letter-spacing:1px; line-height:80px;text-shadow:2px 2px 5px rgba(0,0,0,0.4);}

.nyaboutbanner .nybannertext p{ color:rgba(255,255,255,0.2); font-size:24px; text-transform:uppercase}

.nyaboutbanner .nyaboutloc{

	width:90%; margin:0 auto; min-width:1300px; max-width:1600px; position: absolute; left:0; right:0; bottom:0; height:200px; padding: 40px 50px 0;

	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1)));

	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);

	background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);

	background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);

	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%);

}

.nyaboutloc_list{ background:url(../images/loc.png) left center no-repeat; padding-left:25px; font-size:14px; color:#333;}

.nyaboutloc_list a{ font-size:14px; color:#333;}

.nyaboutloc_list a.active{ color:#51b7a9;}

.nyaboutnav{ position:absolute; bottom:0; left:0; width:100%;}

.nyaboutnav ul li{ float:left; width:20%; text-align:center; position:relative; height:50px;}

.nyaboutnav ul li:after{ content:""; display:block; width:0; height:3px; background:#51b7a9; position:absolute; bottom:0; left:50%; transition: all 0.5s ease;}

.nyaboutnav ul li a{ font-size:20px; color:#333; font-weight:bold; display:block; margin:0 auto; width:200px; line-height:50px;}

.nyaboutnav ul li:hover:after{ width:200px; margin-left:-100px;}

.nyaboutnav ul li:hover a{ color:#51b7a9;}

.nyaboutnav ul li.active:after{ width:200px; margin-left:-100px;}

.nyaboutnav ul li.active a{ color:#51b7a9;}



.nypronav{ position:absolute; bottom:0; left:0; width:100%;}

.nypronav ul li{display:table; float:left; width:10%;box-sizing:border-box; text-align:center; position:relative; height:50px;}

.nypronav ul li:after{ content:""; display:block; width:0; height:3px; background:#51b7a9; position:absolute; bottom:0; left:50%; transition: all 0.2s ease;}

.nypronav ul li div{ display: table-cell; vertical-align:middle; text-align:center; position:relative; z-index:9;}

.nypronav ul li div h3{ text-align:center; height:40px;}

.nypronav ul li div h3 a{ display:block; line-height:40px;height:40px;}

.nypronav ul li div h3 a img{ display:inline-block; transition: all 0.1s ease;}

.nypronav ul li div h3 a img.proflimg{ display:inline-block; width:40px; height:40px;}

.nypronav ul li div h5{ height: 50px; font-weight:normal; padding-bottom:10px;}

.nypronav ul li div h5 a{ font-size:16px; color:#333; line-height:50px; transition: all 0.1s ease;}

.nypronav ul li div h6{ display:none; position:absolute; left:0; top:90px; height:90px; padding:15px 0; width:100%; background:rgba(81,183,169,0.8)}

.nypronav ul li div h6 a{ color:#fff; font-size:14px; display:block; line-height:30px; font-weight:normal;}

.nypronav ul li:hover div h3{ margin-top:-5px;}

.nypronav ul li:hover:after{ width:60px; margin-left:-30px;}

.nypronav ul li:hover a{ color:#51b7a9;}

.nypronav ul li:hover div h6{ display:block;}

.nypronav ul li:hover div h6 a{ color:#fff;}





.nypro-tltj{width:100%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; padding:50px 0 0;}

.nypro-tltj ul li{ float:left; width:29.33%; margin:0 2% 3%;-moz-box-shadow:-5px 5px 10px rgba(0,0,0,0.28); -webkit-box-shadow:-5px 5px 10px rgba(0,0,0,0.28); box-shadow:-5px 5px 10px rgba(0,0,0,0.28);}

.nypro-tltj ul li h3{width: 100%; padding: 0; border:10px #f2f4f8 solid; border-bottom:0; padding-bottom: calc(300% / 4); background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative;box-sizing: border-box; transition: all 0.1s ease;}

.nypro-tltj ul li h3 a{ display:block; width:100%; height:100%; position: absolute; left:0; top:0;}

.nypro-tltj ul li .text{ text-align:center; height:60px; line-height:60px; background:#f2f4f8}

.nypro-tltj ul li .text a{ font-size:16px; color:#333; line-height:60px; display:block; transition: all 0.5s ease;}

.nypro-tltj ul li:hover h3{border:10px #51b7a9 solid; border-bottom:0; background-size:105% 105%;}

.nypro-tltj ul li:hover .text{ background:#51b7a9}

.nypro-tltj ul li:hover .text a{color:#fff; font-size:18px; font-weight:700;}





.nypro_list{ width:100%; padding-top:80px;}

.nypro_list .nypro_list_con{ display:none; width:100%;}

.nypro_list .nypro_list_con li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}

.nypro_list .nypro_list_con li:nth-child(3n){ margin-right:0}



.nypro_list .nypro_list_con li h3{ width:100%; padding:0; padding-bottom:calc(300% / 4); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}

.nypro_list .nypro_list_con li h3 a{ display:block; width:100%; position: absolute; height:100%; left:0; top:0;}

.nypro_list .nypro_list_con li p{ background:#f2f4f8; height:60px; line-height:60px; color:#333;transition: all 0.3s ease;}

.nypro_list .nypro_list_con li p a{ font-size:16px; color:#333; line-height:60px; padding:0 30px;}

.nypro_list .nypro_list_con li .text{ position:absolute; top:calc(60px - 100% ); left:0; width:100%; height:calc(100% - 60px); z-index:999; background:rgba(8,135,238,0.8); overflow:hidden;transition: all 0.3s ease;display: table;}

.nypro_list .nypro_list_con li .text a{ color:#fff; font-size:16px; padding:0 40px; line-height:30px;display: table-cell; vertical-align: middle;}

.nypro_list .nypro_list_con li:hover p{ background:#51b7a9;}

.nypro_list .nypro_list_con li:hover p a{ color:#fff;}

.nypro_list .nypro_list_con li:hover .text{ top:0;}



.nypro_list .nypro_list_con.on{ display:block;}





.nyaboutjianjie{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; position:relative; padding:65px 0;}

.nyaboutjianjie_l{ float:left; /*width:calc( 100% - 600px); height:430px; overflow-y:scroll; padding-right:60px;*/ box-sizing:border-box;}



.nyaboutjianjie_l::-webkit-scrollbar {width:3px;height:1px;}

.nyaboutjianjie_l::-webkit-scrollbar-thumb {background:#51b7a9;}

.nyaboutjianjie_l::-webkit-scrollbar-track {background:#EBEBEB;}



.nyaboutjianjie_title{ font-size:30px; color:#333; line-height:80px; font-weight:bold;}

.nyaboutjianjie_content{ font-size:16px; color:#888;}

.nyaboutjianjie_content h3{ font-size:18px; color:#333; line-height:50px;}

.nyaboutjianjie_content p{ font-size:16px; color:#888; line-height:38px; text-align:justify;}

.nyaboutjianjie_content p:hover{ color:#666;}



.nyaboutjianjie_r{ width:540px; float:right;}

.nyaboutjianjie_r ul{}

.nyaboutjianjie_r ul li{ float:left; width:270px; height:140px;}

.nyaboutjianjie_r ul li h3{ float:left; width:60px;}

.nyaboutjianjie_r ul li div{ float:left;}

.nyaboutjianjie_r ul li div h4{ font-size:18px; font-weight:normal; color:#888;}

.nyaboutjianjie_r ul li div h4 b{ font-size:46px; font-family:"Gotham1"; color:#333;transition: all 0.3s ease;}

.nyaboutjianjie_r ul li div p{ font-size:16px; color:#888;}

.nyaboutjianjie_r ul li:hover div h4 b{ color:#51b7a9}



.nyaboutwhbanner{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;height:500px;}



.nyaboutwenhua{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; padding-top:40px;}

.nyaboutwenhua_img{ text-align:center; margin-left:50px;}

.nyaboutwenhua h3{ font-size:18px; color:#333; line-height:50px; margin-top:15px;}

.nyaboutwenhua p{ color:#888; font-size:16px; line-height:36px;}

.nyaboutwenhua p:hover{ color:#666;}



.nyaboutshiming{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box; position:relative;}

.nyaboutshiming:before{ content:""; background:url(../images/nyaboutshimingico01.png) left top no-repeat; width:200px; height:210px; position:absolute; left:20%; bottom:10%; z-index:1}

.nyaboutshiming:after{ content:""; background:url(../images/nyaboutshimingico02.png) left top no-repeat; width:487px; height:493px; position:absolute; right:0; top:0; z-index:1}

.nyaboutshiming ul li{ width:33.33%; height:300px; padding:80px 0 0 80px; float:left; border-bottom:1px #eee solid; border-right:1px #eee solid; box-sizing:border-box; position:relative; z-index:9}

.nyaboutshiming ul li.nyaboutshimingtitle{ width:calc(100% - 33.33%); background:url(../images/nyaboutshimingico03.png) 45px 66px no-repeat; padding:158px 0 0 270px}

.nyaboutshiming ul li.nyaboutshimingtitle h4{ font-size:30px; color:#333;}

.nyaboutshiming ul li:nth-child(2){ border-right:none;}

.nyaboutshiming ul li:nth-child(5){ border-right:none;}

.nyaboutshiming ul li:nth-child(8){ border-right:none;}

.nyaboutshiming ul li:nth-child(9){ border-bottom:none;}

.nyaboutshiming ul li:nth-child(10){ border-bottom:none;}

.nyaboutshiming ul li:nth-child(11){ border-bottom:none; border-right:none;}



.nyaboutshiming ul li span{ font-size:30px; color:rgba(0,0,0,0.1); text-transform:uppercase; font-family:impact;}

.nyaboutshiming ul li h3{ font-size:30px; color:#51b7a9; text-transform:uppercase; line-height:50px}

.nyaboutshiming ul li p{ font-size:18px; color:#888;}



.nyqytk_list{ width:100%; padding-top:80px; }

.nyqytk_list_title{ font-size:30px; color:#333; text-align:center; line-height:60px; margin-bottom:20px;}

.nyqytk_list .nyqytk_list_con{width:100%;}

.nyqytk_list .nyqytk_list_con li{ float:left; width:23%; margin-right:2.6%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}

.nyqytk_list .nyqytk_list_con li:nth-child(4n){ margin-right:0}



.nyqytk_list .nyqytk_list_con li h3{ width:100%; height:200px;}

.nyqytk_list .nyqytk_list_con li h3 a{ display:block; width:100%; height:100%; line-height:0; text-align:center;}

.nyqytk_list .nyqytk_list_con li h3 a img{ max-width:100%; max-height:100%; display:inline-block}

.nyqytk_list .nyqytk_list_con li p{ background:#f2f4f8; height:45px; line-height:45px; color:#333; text-align:center; transition: all 0.3s ease;}

.nyqytk_list .nyqytk_list_con li p a{ font-size:14px; color:#333; line-height:45px; padding:0 10px;}

.nyqytk_list .nyqytk_list_con li .text{ position:absolute; top:calc(60px - 100% ); left:0; width:100%; height:calc(100% - 60px); z-index:999; background:rgba(75,159,48,0.8); overflow:hidden;transition: all 0.3s ease;display: table;}

.nyqytk_list .nyqytk_list_con li .text a{ color:#fff; font-size:14px; padding:0 40px; line-height:30px;display: table-cell; vertical-align: middle;}

.nyqytk_list .nyqytk_list_con li:hover p{ background:#51b7a9;}

.nyqytk_list .nyqytk_list_con li:hover p a{ color:#fff;}

.nyqytk_list .nyqytk_list_con li:hover .text{ top:0;}



.nyqytk_list .nycase_list_con.on{ display:block;}





.nyfzlc{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.nyfzlc-l{ width:100%;}

.nyfzlc-l ul{}

.nyfzlc-l ul li{ width:25%; float:left; cursor:pointer; height:120px; box-sizing:border-box; padding:20px 30px; line-height:40px; background:#f8f8f8; border-bottom:1px #fff solid; text-align: center; color:#333; transition: all 0.5s ease;}

.nyfzlc-l ul li h3{ font-weight:normal; font-size:20px; color:#aaa;}

.nyfzlc-l ul li p{ font-size:30px; font-weight:bold; color:#333;}

.nyfzlc-l ul li.active{ background:#51b7a9; color:#fff;}

.nyfzlc-l ul li.active h3{ color:#fff}

.nyfzlc-l ul li.active p{ color:#fff;}

.nyfzlc-r{width:100%; float:right;}

.nyfzlc-r div.tab_c{ display:none;}

.nyfzlc-r div.tab_c.active{ display:block;}

.nyfzlc-r div.tab_c .tab_c_title{ font-size:30px; color:#33; line-height:150px; font-weight:bold;}

.nyfzlc-r div.tab_c .tab_c_title b{ color:#51b7a9; margin-right:10px;}

.nyfzlc-r div.tab_c ul{ border-left: 1px solid #e6e6e6;}

.nyfzlc-r div.tab_c ul li{margin-bottom: 40px;position: relative;border:7px solid #e7e7e7;margin-left: 60px;}

.nyfzlc-r div.tab_c ul li .oc{position: absolute;left:-76px;top:38px;}

.nyfzlc-r div.tab_c ul li .os{position: absolute;left:-36px;top:33px;}

.nyfzlc-r div.tab_c ul li .mask_ {margin:40px 40px;}

.nyfzlc-r div.tab_c ul li .mask_ .title{font-size: 30px;color:#51b7a9;text-align: left; margin-bottom: 10px;}

.nyfzlc-r div.tab_c ul li .mask_ .p{font-size: 16px;color:#5a5a5a;line-height: 36px;}

.nyfzlc-r div.tab_c ul li .mask_ .bg_img{margin-top: 35px;}

.nyfzlc-r div.tab_c ul li.li_ .bg_img{display: none;}

.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title{position:absolute;bottom:0;left:0;width:100%;height:34px;line-height:34px;background:url(../img/blue.6.png) repeat;}

.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title span{display:block;padding:0px 10px;font-size:14px;color:#fff;font-weight:normal;text-align:center;}









.nytopbg{ width:100%; height:80px; top:0; left:0; right:0; z-index:9999; position:fixed;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.nytop{ position:relative; top:20px; width:88%; left:6%; right:6%; height:60px; z-index:99999;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.nytopbg.hover{ background:#51b7a9; height:60px;}

.nytopbg.hover .nytop{ top:0;}

.nytop .logo{ padding-top:0;}

.nytop .topright{}

.nytop .topicon{ top:15px;}



.nytitle{ text-align:center; font-size:30px; color:#333; line-height:60px; font-weight:bold; margin-bottom:20px;}

.nyaboutleft{ float:right; width:380px;}

.nyaboutleft .nyaboutleft_title{ text-align:left;}

.nyaboutleft .nyaboutleft_title h3{ font-size:30px; color:#333; position:relative; margin-bottom:50px;}

.nyaboutleft .nyaboutleft_title h3 span{ font-family:"微软雅黑 Light"; font-weight:normal; color:#888; font-size:18px; text-transform:uppercase; line-height:30px;}

.nyaboutleft .nyaboutleft_title h3:after{ content:""; width:80px; height:2px; background:#51b7a9; position:absolute; left:0; bottom:-25px;}

.nyaboutleft .nyaboutleft_title h4{ margin-bottom:25px;}

.nyaboutleft .nyaboutleft_title h5{ width:380px; height:260px;}

.nyaboutright{ float:left; width:calc(100% - 450px)}

.nyaboutright h3{ font-size:24px; color:#333; margin-bottom:15px;}

.nyaboutright h4{ font-size:20px; color:#51b7a9; margin-bottom:10px;}

.nyaboutright p{ font-size:16px; color:#888; line-height:32px; text-align:justify}



.nyabouttext h3{ font-size:24px; color:#333; line-height:50px; margin:20px 0 10px;}

.nyabouttext p{ color:#888; font-size:16px; line-height:40px;}

.nyabouttext p:hover{ color:#333;}





.nyabouttext_img{ float:right; width:775px; text-align:center}

.nyabouttext_left{ padding-top:20px; float:left; width:calc(100% - 775px)}





.nycplist{ width:100%; box-sizing:border-box; padding:20px 0;}

.nycplist ul li{ float:left; width:27.33%; margin:0 3% 3%;}

.nycplist ul li h3{width: 100%; padding: 0; border:10px #fff solid;-moz-box-shadow:-10px 10px 20px rgba(0,0,0,0.28); -webkit-box-shadow:-10px 10px 20px rgba(0,0,0,0.28); box-shadow:-10px 10px 20px rgba(0,0,0,0.28); padding-bottom: calc(300% / 4); background-position: center center; background-repeat: no-repeat; box-sizing:border-box; background-size: cover; position:relative; transition: all 0.5s ease;}

.nycplist ul li h3 a{ display:block; width:100%; height:100%; position: absolute; left:0; top:0;}

.nycplist ul li .text{ text-align:center; padding-top:30px;}

.nycplist ul li .text a{ font-size:18px; color:#333; line-height:30px; font-weight:700; display:block; transition: all 0.5s ease;}

.nycplist ul li .text a.nycplist_pp{ font-size:14px; color:#51b7a9;}

.nycplist ul li:hover h3{border:10px #51b7a9 solid;}

.nycplist ul li:hover .text a{color:#51b7a9; font-size:20px;}

.nycplist ul li:hover .text a.nycplist_pp{ font-size:16px; color:#333;}







/*分页样式*/

.pagination {

	clear: both;

	margin: 10px 0;

	text-align: center;

}

.pagination li {

	display: inline-block;

*display: inline;

	zoom: 1;

}

.pagination li a {

	display: block;

	padding: 4px 16px;

	background-color: #fff;

	border: 1px solid #eee;

	font-size:16px;

	transition: all 0.3s ease;

}

.pagination li + li a {

	border-left: none;

}

.pagination li.active a, .pagination li a:hover {

	background-color: #51b7a9;

	border: 1px solid #51b7a9;

	color: #ffffff;

	border-left: none;

}



.nypro-item{ width:100%; height:680px; padding:60px 0 30px; box-sizing:border-box; margin:0 auto; border-bottom:5px #51b7a9 solid;}

.nypro-item-l{ float:left; width:600px;}



.spec-preview{width:600px;height:450px;}

/*图片放大镜样式*/

.jqzoom{border:1px #ddd solid; padding:10px;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:600px;height:450px; text-align:center;}

.jqzoom img{ max-width:100%; max-height:100%;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/*图片小图预览列表*/



.spec-scroll{margin-top:20px;width:600px; height:94px;}

.spec-scroll .prev{margin-right:10px; background-image:url(../images/nypro-prev.png); float:left;}

.spec-scroll .next{ background-image:url(../images/nypro-next.png); margin-left:10px; float:left;}

.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:30px;height:94px; background-position:center center; background-repeat:no-repeat; line-height:94px;cursor:pointer;text-decoration:none;}

.spec-scroll .items{position:relative;width:520px;height:94px;overflow:hidden; float:left;}

.spec-scroll .items ul{position:absolute;width:520px;height:94px;}

.spec-scroll .items ul li{width:124px;text-align:center; float:left; margin-right:5px;}

.spec-scroll .items ul li img{border:2px solid #eee;width:120px;height:90px;}

.spec-scroll .items ul li img:hover{border:2px solid #51b7a9;}





.nypro-item-table{ width:520px; padding-top:50px; position:relative;}

.nypro-item-table table{ margin:0 auto; text-align:center; width:510px;}

.nypro-item-table table th{ background:#f8f8f8;font-size:14px; width:170px; color:#333; height:40px; border:1px #eee solid;}

.nypro-item-table table td{ font-size:14px; width:170px; height:40px; color:#666; border:1px #eee solid;}



.nyprovideo{ position:absolute; left:0; top:-20px;}

.nyprovideo_a{ display:block; width:50px; height:50px; background:url(../images/nyprovideo_a.png) left top no-repeat }





.nypro-item-r{ float:right; width:calc(100% - 680px); padding:0 0 0 55px; position:relative; z-index:9;}

.nypro-item-r h1{ font-size:30px; color:#333; margin-bottom:20px;}

.nypro-item-r p{ font-size:14px; color:#666; line-height:30px;}

.nypro-item-r p.nypro-item-rc{ height:120px; background:#f6f7fa; border:1px #e9ecf2 solid;}

.nypro-item-r h3{ font-size:16px; color:#333; margin:5px 0; line-height:32px; font-weight:normal;}

.nypro-item-r ul{ width:100%; height:50px; line-height:40px; margin-top:30px; transition: all 0.5s ease;}

.nypro-item-r ul li{ float:left; margin-right:40px; width:150px; background:#222; position:relative;}

.nypro-item-r ul li:after{content:" "; position:absolute; left:0; bottom:0; width:0; height:40px; background:#000; transition: all 0.5s ease; z-index:1}

.nypro-item-r ul li a{ display:block; height:40px; text-align:center; color:#fff; font-size:16px; z-index:9; position:relative;}

.nypro-item-r ul li.nypro-item-r-zx{ background:#51b7a9;}

.nypro-item-r ul li.nypro-item-r-zx a{ color:#fff;}

.nypro-item-r ul li.nypro-item-r-zx:after{ background:#f00}

.nypro-item-r ul li:hover:after{ width:150px;}

.nypro-item-r h4{ font-size:18px; color:#333; margin:10px auto; line-height:50px;}

.nypro-item-r h4 span{ font-size:48px; color:#51b7a9}



.nypro-item-r .nypro-item-r-table{width:100%;text-align: left;}

.nypro-item-r .nypro-item-r-table tr{ height:40px;color:#666;line-height: 40px;font-size:14px;}

.nypro-item-r .nypro-item-r-table tr td{font-weight: normal;box-sizing: border-box;}

.nypro-item-r .nypro-item-r-table tr td:nth-child(1){width:188px; text-align:center;}

.nypro-item-r .nypro-item-r-table tr td:nth-child(2){width: calc(100% - 188px);padding-right: 28px;box-sizing: border-box;}

.nypro-item-r .nypro-item-r-table tr:nth-child(2n+1){background:#F2F2F2;}

.nypro-item-r .nypro-item-r-table tr:nth-child(1){background:#51b7a9;}

.nypro-item-r .nypro-item-r-table tr:nth-child(1) td{ color:#fff;}

.nypro-item-r .nypro-item-r-table tr:last-child{ border-bottom:1px #c5c5c5 solid solid; line-height:30px;}

.nypro-item-r .nypro-item-r-table tr:last-child td:nth-child(2){ padding:10px 28px 10px 0 !important;}

.nypro-item-r .nypro-item-r-table tr:hover{background:#51b7a9;color:#ffffff;}



#nyprocpys{ font-size:24px; color:#333; line-height:50px; margin:0 0 20px; position:relative; padding-left:15px;}

#nyprocpys:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#51b7a9;}

.nypinkongtixi{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.nypinkongtixi ul li{ width:1350px; height:400px;}

.nypinkongtixi ul li .nypinkong_l{ width:675px; float:left; height:400px;}

.nypinkongtixi ul li .nypinkong_r{ width:675px; float:right; height:400px;}

.nypinkongtixi ul li div{ text-align:justify;}

.nypinkongtixi ul li div h3{ font-size:24px; color:#333; margin-bottom:20px;}

.nypinkongtixi ul li div p{ font-size:16px; color:#888; line-height:36px; margin-bottom:10px;}



.nypro-xqdetail{ position:relative; width:100%; }



#nyprocpjs{ font-size:24px; color:#333; line-height:50px; margin:40px 0 20px; position:relative; padding-left:15px;}

#nyprocpjs:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#51b7a9;}



#nyprotltj{ font-size:24px; color:#333; line-height:50px; margin:30px 0 20px; position:relative; padding-left:15px;}

#nyprotltj:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#51b7a9;}



#nyprofwzc{ font-size:24px; color:#333; line-height:50px; margin:20px 0 20px; position:relative; padding-left:15px;}

#nyprofwzc:before{ content:" "; width:3px; height:20px; position:absolute; top:15px; left:0px; background:#51b7a9;}



.nypro-xqnav{ width:100%; border-bottom:1px #eee solid; height:100px;}

.nypro-xqnav h3{ float:left; line-height:100px; font-size:30px; color:#333;}

.nypro-xqnav ul{ float:right;}

.nypro-xqnav ul li{ float:left; margin-left:50px; line-height:100px;}

.nypro-xqnav ul li a{ font-size:18px; display:block; line-height:100px; height:100px; font-weight:bold; color:#333; position:relative;}

.nypro-xqnav ul li a:after{content:" "; position:absolute; left:50%; bottom:25px; width:0; height:2px; background:#51b7a9; transition: all 0.5s ease;}

.nypro-xqnav ul li.active a{ color:#51b7a9;}

.nypro-xqnav ul li.active a:after{ width:50px; margin-left:-25px;}

.nypro-xqnav ul li a:hover{ color:#51b7a9;}

.nypro-xqnav ul li a:hover:after{ width:50px; margin-left:-25px;}



.nypro-xqdetailc{ width:100%;}

.nypro-xqdetailc.active{ display:block;}

.nypro-xqdetailc p{ line-height:30px; font-size:16px; color:#666; padding:8px 0;}

.nycpxqtitle{ font-size:24px; font-weight:bold; border-bottom:1px #ddd solid; padding: 10px 0; color:#333;}

.nycpxqtitle span{ font-size:16px; color:#aaa; font-weight:normal;}



.nyxgcp{ width:100%; height:610px; padding-top:60px; box-sizing:border-box; background:url(../images/sycp.jpg) center center no-repeat;}





.newslist{ width:100%;}

.newslist ul{ position:relative;}

.newslist ul:after{content:" "; background: #eee; position: absolute; top: 0; left: 200px; height: 100%; width: 1px; z-index: 1;}

.newslist ul li{ position:relative; width:100%; height:230px; margin-bottom:20px; box-sizing:border-box;}

.newslist ul li h5{ float:left; width:200px; padding:30px 50px 0 0; margin-right:40px; height:170px; text-align:center; position:relative; z-index:4}

.newslist ul li h5:before{content:" "; position: absolute; top:0;right:50px; width: 0; height: 230px; background:#51b7a9; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}

.newslist ul li h5:after{content:" "; background: #eee; position: absolute; right: 0; top: 115px; height: 1px; width: 50px; z-index: 5;}

.newslist ul li h5 b{ display:block; font-size:50px; margin-top:60px; color:#51b7a9; position:relative; z-index:3}

.newslist ul li h5 i{ font-size:16px; line-height:40px; color:#333; font-weight:normal; font-style:normal; position:relative; z-index:3}

.newslist ul li h3{ background:#fafafa; float:left; width:calc(100% - 697px); height:170px; padding:30px 50px; position:relative; z-index:3}

.newslist ul li h3:before{content:" "; position: absolute; border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid #51b7a9; left: -120px; top: 50%; margin-top: -15px; z-index: 3;transition: all .5s ease;-webkit-transition: all .5s ease;}

.newslist ul li h3:after{content:" "; background:#fafafa; position: absolute; left: 0; top:0; z-index:1; width:90px; height:230px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.newslist ul li h3 a{ font-size:22px; line-height:50px; color:#333; transition: all .5s ease;-webkit-transition: all .5s ease;position:relative; z-index:3}

.newslist ul li h3 p{ font-size:14px; line-height:30px; font-weight:normal; color:#888;position:relative; z-index:3}

.newslist ul li h4{ background:#fafafa; float:right; width:307px; height:230px; position:relative; z-index:3}

.newslist ul li h4:after{content:" "; position: absolute; top:0; left:307px; width: 0; height: 230px; background:#fafafa; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}

.newslist ul li h4 img{ max-width:100%; max-height:100%; position:relative; z-index:5;}

.newslist ul li.active h5:before{ width:200px;}

.newslist ul li.active h5 b{ color:#fff;}

.newslist ul li.active h5 i{ color:#fff;}

.newslist ul li.active h5:after{ background:#51b7a9; z-index:3}

.newslist ul li.active h3:before{ position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #51b7a9; left: -90px; top: 50%; margin-top: -15px; z-index: 3;}

.newslist ul li.active h3:after{ left:-90px;}

.newslist ul li.active h3 a{ color:#51b7a9}



.nynewsshow-l{ width:100%; background:#fff; padding:60px 0; box-sizing:border-box;}

.nynewsshow-l h1.title{ text-align:center; font-size:30px; line-height:50px; padding-bottom:10px; border-bottom:1px #eee solid;}

.nynewsshow-l h1.title .info{ font-size:14px; color:#666; line-height:40px; font-weight:normal;}

.nynewsshow-l h1.title .info small{ font-size:14px;}

.textarea{ color:#666; line-height:36px;}



.nynewsshow-xgxw{ padding-top: 30px; margin-top:30px; border-top: 1px #ddd solid;}

.nynewsshow-xgxw ul li{ float:left; width:48%; line-height:50px; position:relative; margin-right:4%; border-bottom:1px #eee solid; transition: all 0.8s ease;}

.nynewsshow-xgxw ul li:nth-child(2n){ margin-right:0}

.nynewsshow-xgxw ul li:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#51b7a9; transition: all 0.8s ease;}

.nynewsshow-xgxw ul li a{ line-height:50px; font-size:16px; color:#666;transition: all 0.5s ease;}

.nynewsshow-xgxw ul li a span{ float:right; font-size:16px; color:#888;}

.nynewsshow-xgxw ul li:hover:after{ width:100%;}

.nynewsshow-xgxw ul li:hover a{ color:#51b7a9}



.nynewsshow-r{ width:100%;}

.nynewspreNext{}

.nynewspreNext ul li{ background:#f8f8f8; padding:30px; float:left; width:48%; margin-right:4%; font-size:18px; box-sizing:border-box; margin-bottom:20px; font-weight:bold;}

.nynewspreNext ul li:nth-child(2){ margin-right:0}

.nynewspreNext ul li a{ font-weight: normal; font-size:16px; color:#666;}

.nynewspreNext ul li a:hover{color:#51b7a9}

.nynewspreNext ul li span{ font-weight: normal; font-size:16px; color:#666;}



.share_box{background:#f8f8f8; padding:30px; font-size:18px; box-sizing:border-box;}

.share_box_title{ font-size:18px; font-weight:bold; margin-bottom:10px;}





.nycontact{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.nycontact-pro-cont{ float:left; width:520px; height:520px; background:#51b7a9; padding:50px 60px; box-sizing:border-box;}

.nycontact-pro-cont h3{ color:#fff; font-size:24px; line-height:50px;}

.nycontact-pro-cont p{ font-size:16px; line-height:32px; color:#fff;}

.nycontact-pro-cont p a{ color:#fff;}

.nycontact-message{ float:right; width:calc(100% - 570px); padding:40px 0;}

.nycontact-message h3{ font-size:24px; line-height:40px;}

.nycontact-message h3 i{ float:left; display:inline-block; width:40px; height:40px; margin-right:10px}

.nycontact-message h3 span{ color:#888; font-size:16px; margin-left:10px; font-weight:normal;}

.form-group{ padding:10px 0; min-height:40px; color:#666;}

.form-control{ float:left; width:calc(50% - 20px); border:1px #ddd solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}

.marginr0{ margin-right:0 !important}

.form-control-c{ width:calc(100% - 20px); height:130px; border:1px #ddd solid; padding:10px 15px; box-sizing:border-box;}

.form-sub{ width:200px; height:40px; background:#51b7a9; color:#fff; text-align:center; line-height:40px; border:none; font-size:16px; margin-right:15px;}









.nycontact_nav{ width:800px; margin:0 auto; height:60px;}

.nycontact_nav ul li{ float:left; width:400px; height:60px; text-align:center; line-height:60px; font-size:18px; background:#fff; color:#333; border:1px #ddd solid; box-sizing:border-box; transition: all 0.5s ease;}

.nycontact_nav ul li.active{ background:#51b7a9; color:#fff; border:1px #51b7a9 solid;}



.nycontactc{ width:1350px; background:#fff; padding:20px; box-sizing:border-box; margin:0 auto; position:relative; height:600px;}

.nycontact-cont{ opacity:0; z-index:1; width:1310px; height:600px; position: absolute; left:20px; top:20px;}

.nycontact-cont.active{ opacity:1; z-index:9;}



.nycontact-tel{ float:right; width:400px; padding-left:75px; border-left:1px #ddd solid;height: 560px;}

.nycontact-tel p{ font-size:16px; color:#333; line-height:40px; margin-top:40px;}

.nycontact-tel h3{ margin-bottom:40px; font-size:36px; color:#51b7a9; line-height:60px;}

.nycontact-tel h4{ font-weight:normal;}

.nycontact-tel h4 a{ width:160px; float:left; margin:0 20px 20px 0; display:block; height:40px; text-align:center; line-height:40px; border:1px #ddd solid; box-sizing:border-box; transition: all 0.5s ease;}

.nycontact-tel h4 a:hover{ background:#51b7a9; color:#fff; border:1px #51b7a9 solid;}



.servicetext{ font-size:16px; line-height:35px; color:#666;}

.servicetext .mode{ width:100%;}

.servicebox{ width:1200px; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}

.servicebox a{ display:block; width:600px; float:left; height:280px;}

.servicelist{ width:1200px; margin:0 auto;}

.servicelist ul{}

.servicelist ul li{ float:left; width:25%; text-align:center;}

.servicelist ul li h3{}

.servicelist ul li p{ font-size:16px;}



.servicetext .mode dl{width: 32%;margin-right: 1.3%;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;}

.servicetext .mode dl:first-child{margin-left: 0;}

.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}

.servicetext .mode dt{float: left; width:290px;}

.servicetext .mode dt h4{font-size: 24px;color: #333; font-weight:normal;}

.servicetext .mode dt p{font-size: 16px;padding: 0; color:#333;}

.servicetext .mode dt p.tel{font-weight: 800;font-size: 24px; color:#51b7a9}



.pro_mes{ padding:30px 0; box-sizing: border-box; background: #fff;}

.khtitle{}

.khtitle h3{ font-size:24px; font-weight:bold; color:#333; margin-bottom:20px;}

.khtitle p{ font-size:18px; color:#333; line-height:35px;}

.khtitle p span{ color:#51b7a9}



.liuyan{ width:100%;}

.liuyan h3{ font-size:20px; color:#333; margin-top:30px;}

.liuyan table{ width:100%;}

.liuyan table td{ font-size:18px; padding:20px 0 0; line-height:40px;}

.liuyan table td span{ color:#e20f1f;padding: 0 7px;}

.form-group p{ line-height:32px; padding-left:10px; position:relative;}

.form-group p:before{ content:""; width:2px; height:10px; left:0; top:10px; background:#51b7a9; position:absolute;}

.form-control4{ float:left; width:365px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}

.form-control3{ float:left; width:235px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}

.form-control-c3{ width:750px; height:130px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}

.form-control-c4{ width:750px; height:80px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}



.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 

.formtext1{ width:98%; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 

.formtext2{ width:97.5%; height:130px; border:1px #aaa solid; line-height:30px; font-size:14px; color:#333; padding:10px;}

.bitian{ background:url(../images/bitian.png) right center no-repeat;}

.fstext{ font-size:16px; color:#666; margin-left:20px; line-height:40px;}





.joblist{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.joblist_left{ float:left; width:500px; margin-right:60px;}

.joblist_right{ float:right; width:calc(100% - 560px)}

.jobtitle{}

.job_t{ background:#c5c5c5; height:60px; line-height:60px;}

.job_t h3{ float:left; width:25%; box-sizing:border-box; font-size:18px; color:#fff; font-weight:normal; text-align:center;}

.jobtitle{height:60px; line-height:60px; border-bottom:1px #ddd solid; cursor:pointer}

.jobtitle h3{ float:left; width:25%; box-sizing:border-box; font-size:16px; color:#666; font-weight:normal; text-align:center;}

.jobtitle.active{background:#51b7a9; border-bottom:0}

.jobtitle.active h3{ color:#fff;}

.jobcon{ color:#888; font-size:14px; line-height:36px; padding:0 20px; border:1px #51b7a9 solid; padding-bottom:10px; display:none}

.jobcon h3{ color:#51b7a9}

.jobcon a{ background:#51b7a9; color:#fff; border-radius:5px; display:block; width:80px; height:60px; text-align:center; line-height:60px; float:right;}



.nyzpln{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.nyzpln h3{ font-size:24px; color:#51b7a9; margin-bottom:20px;}

.nyzpln p{ font-size:16px; color:#888; line-height:36px;}

.nyzpln img{ max-width:100%;}



.nyfwtx{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.nyfwtx_l{ float:left; width:calc(100% - 560px); text-align:center;}

.nyfwtx_l h3{ font-size:24px; color:#333; margin-bottom:20px; margin-top:30px;}

.nyfwtx_l p{ font-size:16px; color:#888; line-height:36px;}



.nyfwtx_r{ float:right; width:500px; text-align:right;}

.nyfwtx_r img{ max-width:100%;}



.sxfwzz{ width:75%; margin:0 auto;}

ul.sxfwzz li{ width:33.33%; text-align:center; float:left; cursor:pointer;}

ul.sxfwzz li i{ display:inline-block; border-radius:50%; width:80px; height:80px; padding:10px; box-sizing:border-box; position:relative;}

ul.sxfwzz li i span{

	display:inline-block; border-radius:50%; width:60px; height:60px; background-color:#f2f4f8; background-repeat:no-repeat; background-position:center center;	

}

ul.sxfwzz li i:before{ content:""; border-radius:50%;

	position:absolute; left:0; top:0; display:block; width:78px; height:78px; z-index:1; border:1px #51b7a9 dashed;

  transition: all 2s ease;

	-webkit-transition: -webkit-transform 2s ease-out;

	-moz-transition: -moz-transform 2s ease-out;

	-o-transition: -o-transform 2s ease-out;

	-ms-transition: -ms-transform 2s ease-out;

}

ul.sxfwzz li.sxfwzz_list01 i span{ background-image:url(../images/sxfwzz_list01.png);}

ul.sxfwzz li.sxfwzz_list02 i span{ background-image:url(../images/sxfwzz_list02.png);}

ul.sxfwzz li.sxfwzz_list03 i span{ background-image:url(../images/sxfwzz_list03.png);}

ul.sxfwzz li h3{ font-size:16px; font-weight:normal; color:#333; margin:5px auto;}

ul.sxfwzz li:hover h3{ color:#51b7a9}

ul.sxfwzz li:hover i:before{

	animation: whirl 8s linear infinite;

}



.sxjc{ width:100%}

ul.sxjc li{ width:25%; text-align:center; float:left; cursor:pointer;}

ul.sxjc li i{ display:inline-block; border-radius:50%; width:80px; height:80px; padding:10px; box-sizing:border-box; position:relative;}

ul.sxjc li i span{

	display:inline-block; border-radius:50%; width:60px; height:60px; background-color:#f2f4f8; background-repeat:no-repeat; background-position:center center;	

}

ul.sxjc li i:before{ content:""; border-radius:50%;

	position:absolute; left:0; top:0; display:block; width:78px; height:78px; z-index:1; border:1px #51b7a9 dashed;

  transition: all 2s ease;

	-webkit-transition: -webkit-transform 2s ease-out;

	-moz-transition: -moz-transform 2s ease-out;

	-o-transition: -o-transform 2s ease-out;

	-ms-transition: -ms-transform 2s ease-out;

}

ul.sxjc li.sxjc_list01 i span{ background-image:url(../images/sxjc_list01.png);}

ul.sxjc li.sxjc_list02 i span{ background-image:url(../images/sxjc_list02.png);}

ul.sxjc li.sxjc_list03 i span{ background-image:url(../images/sxjc_list03.png);}

ul.sxjc li.sxjc_list04 i span{ background-image:url(../images/sxjc_list04.png);}

ul.sxjc li h3{ font-size:16px; font-weight:normal; color:#333; margin:5px auto;}

ul.sxjc li:hover h3{ color:#0887ee}

ul.sxjc li:hover i:before{

	animation: whirl 8s linear infinite;

}





@keyframes whirl {

	from {

			transform: rotate(0deg);

	}

	to {

			transform: rotate(360deg);

	}

}





.nyfwbz{width:90%; margin:0 auto; min-width:1300px; max-width:1600px; box-sizing:border-box;}

.nyfwbz_title{ font-weight:bold; text-align:center; font-size:24px; color:#333; margin-bottom:40px;}

.nyfwbzlist{ width:100%}

.nyfwbzlist ul li{ width:100%; height:400px;}

.nyfwbzlist ul li img{ max-width:100%;}

.nyfwbzlist ul li .nyfwbz_l{ width:50%; float:left; height:400px;}

.nyfwbzlist ul li .nyfwbz_r{ width:50%; float:right; height:400px;}

.nyfwbzlist ul li div{ text-align:justify;}

.nyfwbzlist ul li div h3{ font-size:24px; color:#333; margin-bottom:20px;}

.nyfwbzlist ul li div h4{ font-size:16px; font-weight:normal; color:#0887ee; margin-bottom:10px;}

.nyfwbzlist ul li div p{ font-size:16px; color:#888; line-height:36px; margin-bottom:10px;}



.nynewsnav{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:60px; border-bottom:1px #ddd solid; position:relative; z-index:9;}

.loc{ line-height:60px; color:#333; font-size:12px; height:60px; text-align:center;}

.loc ul li{ width:130px; position:relative; text-align:center; display:inline-block;}

.loc ul li:before{content:" "; background:#1b1b1b; z-index:1; position:absolute; left:50%; top:0; width:0; height:60px; transition: all 0.3s ease;}

.loc ul li:after{content:" "; background:#ddd; z-index:1; position:absolute; right:0; top:20px; width:1px; height:20px;}

.loc ul li>a{ line-height:60px; color:#333; font-size:18px; display:block; width:130px; position:relative; z-index:999}

.loc ul li>a:hover{ color:#fff}

.loc ul li:hover{}

.loc ul li:hover:before{ width:130px; left:0;}

.loc ul li:hover dl{ opacity:1; display:block;}

.loc ul li:last-child:after{ display:none;}





.nyshzr{ width:100%; height:650px; background:url(../images/nyshzrbg.jpg) center center no-repeat;}

.nyshzr_text{ float:right; width:50%; text-align:right;margin-top: 90px; margin-bottom:30px;}

.nyshzr_text h3{ font-size:30px; color:#333; line-height:50px;}

.nyshzr_text p{ font-size:16px; color:#666;}

.nyshzr_box{ float:right; width:690px;}

.nyshzr_box .nyshzr_box1{ width:431px; height:330px; float:left; box-sizing:border-box; padding:50px;}

.nyshzr_box .nyshzr_box1 h3{ font-size:24px; color:#fff;}

.nyshzr_box .nyshzr_box1 p{ font-size:14px; color:#fff;}

.nyshzr_box .nyshzr_box2{ width:245px; float:right;}

.nyshzr_box .nyshzr_box2 ul li{ width:245px; height:160px; margin-bottom: 10px; text-align:center;display: table;}

.nyshzr_box .nyshzr_box2 ul li a{display: table-cell; vertical-align: middle;}

.nyshzr_box .nyshzr_box2 ul li h3{ font-size:24px; color:#fff;}

.nyshzr_box .nyshzr_box2 ul li p{ font-size:14px; color:#fff;}

.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 h3{ font-size:24px; color:#333;}

.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 p{ font-size:14px; color:#666;}







/*Top按钮*/

*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/

.tbox{width:50px;float:right;position:fixed; z-index:999999;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/

.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}