@charset "utf-8";
/*全局控制*/


body{margin:0;padding:0;font-size:14px;line-height:32px;font-family:'Barlow',"微软雅黑";-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:14px;line-height:16px;font-family:'Barlow',"微软雅黑";}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#007dd4}
.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;}

.mainboxtp{ width:100%; min-width:1300px; box-sizing:border-box;}
.mainbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nymainbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.hsbj{ width:100%; background:#f8f8f8; padding:60px 0;}
.hsbg{ width:100%; background:#f4f6fa; padding:60px 0;}

.sytopbg{ width:100%; height:90px;}
.sytop{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; height:90px;}
.logo{ float:left; width:200px; height:50px; padding:20px 0;}
.logo img{ float:left; margin-right:10px; max-width:218px;}
.logo span{ float:left; line-height:50px; font-size:14px; color:#333;}

.topright{ float:right;}

.toptel{ float:right; padding-left:25px; margin-top:35px; margin-left:20px; line-height: 20px; background:url(../images/toprighttel.png) left center no-repeat}
.toptel span{ font-size:14px; color:#fff;}
.toptel h3{ font-size:24px; font-weight:600; color:#007dd4;}

.hd_search{ position: relative;width:200px; height:28px; margin-top:31px; float:right;}
.hd_search .hd_search_form{ width:200px; height:28px; box-sizing:border-box; background:#fff; overflow:hidden; border-bottom:1px #eee solid; transition: all .5s ease; border-radius:24px;}
.hd_search_btn{width:26px; height:26px; float:right; padding:0; display:block; cursor:pointer; border:none;color:#5c5c5c;}
.hd_search_box{ line-height:26px; font-size:14px; width:160px; height:26px; position:absolute; top:0; right:30px; z-index:2; margin:0; border: none; transition: all .5s ease;}
.hd_search:hover .hd_search_form{ width:200px;}
.hd_search:hover .hd_search_box{ width:160px;}
.hd_search .topfadz{ display:inline-block; width:26px; height:26px;background:#fff url(../images/topsearch.png) center center no-repeat;}

.nyprosearch_title{ text-align:center; font-size:24px; font-weight:bold; color:#666; line-height:60px;}

.nyprosearch_form{ position: relative;width:600px; height:50px; margin:0 auto; border:1px #eee solid; border-radius:25px; box-sizing:border-box; padding:4px 10px;}
.nyprosearch_form .hd_search_form{ width:600px; height:50px; box-sizing:border-box; background:#fff; overflow:hidden; transition: all .5s ease; border-radius:24px;}
.cp_search_btn{width:40px; height:40px; float:right; padding:0; display:block; cursor:pointer; border:none;color:#5c5c5c; border-radius:20px;}
.cp_search_box{ line-height:40px; font-size:14px; width:520px; height:40px; border:none;}
.nyprosearch_form:hover .cp_search_form{}
.nyprosearch_form .topfadz{ display:inline-block; width:26px; height:26px;background:url(../images/topsearch.png) center center no-repeat;}

.nyprofenlei{ text-align:center; width:1300px; margin:0 auto;}
.nyprofenlei ul li{ position:relative; padding:0 20px; line-height:40px; display:inline;}
.nyprofenlei ul li:after{ content:""; width:1px; height:16px; position:absolute; right:0; top:3px; background:#FF9432;}
.nyprofenlei ul li a{ font-size:14px; color:#666; line-height:40px;}
.nyprofenlei ul li a:hover{ font-weight:bold; color:#007dd4}
.nyprofenlei ul li:last-child:after{ display:none;}

.yuyan{ float:right; margin-right:20px; height:90px; line-height:90px; position:relative;}
.yuyan h3{ font-size:14px; color:#666; font-weight:normal;}
.yuyan h3 i{display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #aaa url(../images/language_icon_2.gif) no-repeat center center;
    background-size: cover;
    margin-right: 6px;
    margin-top:-3px;}
.yuyan ul{ background:#fff; position:absolute; left:0; right:0; top:90px; z-index:999; text-align:center; overflow:hidden; height:0; transition: all .5s ease;}
.yuyan ul li{ line-height:50px; font-size:14px; color:#666; border-bottom:1px #eee solid; position:relative; transition: all .5s ease; z-index:999;}
.yuyan ul li:after{ content:""; position:absolute; left:50%; bottom:1px; margin-left:0; width:0; height:2px; background:#007dd4; transition: all .5s ease;}
.yuyan ul li:hover:after{ width:60px; margin-left:-30px;}
.yuyan:hover ul{ display:block; height:100px;}

.symenuping{ float:left; margin-left:2%; height:90px;}
.symenuping>ul>li{ float:left; position:relative; padding:0 25px; height:90px;}

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

.symenuping>ul>li>a i.nav-arrow{ position:absolute; top:42px; right:10px; display:inline-block; width:11px; height:6px; background:#007dd4 url(../images/nav-arrow.png) left center no-repeat;transition: all 0.5s ease;}
.symenuping>ul>li:hover>a i.nav-arrow{background:#007dd4 url(../images/nav-arrow.png) left center no-repeat;transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */  -webkit-transform:rotate(180deg); }

.symenuping>ul>li .submenu{display:none;position:absolute;top:0;left:50% !important; background:rgba(255,255,255,1); border-bottom:2px #007dd4 solid; z-index:99999;width:170px; margin-left:-85px; height:auto; padding:0}
.symenuping>ul>li .submenu:before{ content:""; position: absolute;
    left: 50%;
    top: 0;
    margin-top: -15px;
    z-index: 3;
		border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #007dd4;
    margin-left: -12px;
}

.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{}
.symenuping>ul>li .submenu li a{float:none;padding:0; display:block;text-align:center;height:45px;line-height:45px; font-size:14px; color:#666;}
.symenuping>ul>li .submenu li a:hover{background:none; color:#007dd4}

.symenuping>ul>li .promenu{display:none;position:absolute;top:0;left:50% !important; background:rgba(255,255,255,1); z-index:99999;width:600px; margin-left:-320px; height:auto; padding:20px; border-radius:0 0 8px 8px;box-shadow: -2px 0 4px rgba(0,0,0,.3);}
.symenuping>ul>li .promenu li{ float:left; width:31.99%; height:160px; margin-right:2%; position:relative; padding:20px; box-sizing:border-box;}
.symenuping>ul>li .promenu li:after{ content:""; position:absolute; left:0; top:0; background:#f4f6fa; width:100%; height:150px; z-index:1;transition: all 0.3s ease;}
.symenuping>ul>li .promenu li h4{ position:relative; z-index:9; font-size:14px; color:#007dd4; line-height:24px;} 
.symenuping>ul>li .promenu li a{ position:relative; z-index:9; display:block; width:100%; height:120px; font-size:14px; color:#007dd4; }
.symenuping>ul>li .promenu li h3{ position:relative; z-index:9; font-size:14px; color:#666; line-height:24px; text-transform:uppercase; margin-bottom:10px;}
.symenuping>ul>li .promenu li img{ position: absolute; right:0; bottom:-30px; z-index:9;  transition: all 0.5s ease; width:90px;}
.symenuping>ul>li .promenu li:hover img{ bottom:-20px;}
.symenuping>ul>li .promenu li:hover:after{ background:#eff4ff;}

.sytitle{ width:100%;}
.sytitle h3{ font-size:24px; color:#333;}
.sytitle h3 span{ font-size:14px; color:#999; font-weight:normal; margin-left:10px;}
.sytitle h3 a{ margin:0 10px;font-size:14px; color:#999; font-weight:normal;}
.sytitle h3 a:first-child{ margin-left:20px;}
.sytitle h3 a:hover{ color:#007dd4}
.sytitle h3 em{ font-style:normal; font-size:14px; color:#999;}

.sycpfl{ width:100%;}
.sycpfl ul li{ float:left; width:31.99%; height:340px; margin-right:2%; position:relative; padding:40px; box-sizing:border-box;}
.sycpfl ul li:after{ content:""; position:absolute; left:0; top:0; border:1px #eee solid; width:100%; height:300px; z-index:1;transition: all 0.3s ease;}
.sycpfl ul li h4{ position:relative; z-index:9; font-size:18px; color:#007dd4; line-height:36px;} 
.sycpfl ul li h4 a{ font-size:18px; color:#007dd4; }
.sycpfl ul li h3{ position:relative; z-index:9; font-size:36px; color:#666; line-height:40px; text-transform:uppercase; margin-bottom:10px;}
.sycpfl ul li h3 a{  font-size:20px; color:#666; }
.sycpfl ul li p{ position:relative; z-index:9; font-size:14px; color:#888;}
.sycpfl ul li img{ position: absolute; right:10px; bottom:0; z-index:9;  transition: all 0.5s ease; width:200px;}
.sycpfl ul li a.sycpfl_a{ position: absolute; z-index:9; left:40px; bottom:100px;  display:inline-block; width:35px; height:35px; border:1px #ddd solid; box-sizing:border-box; background:url(../images/sycpfl_a.png) center center no-repeat;}
.sycpfl ul li:hover img{ bottom:10px;}
.sycpfl ul li:hover:after{box-shadow: 0px 2px 10px 1px rgba(50,50,50,0.1);}
.sycpfl ul li a.sycpfl_aa{ position:absolute; display:block; left:0; top:0; right:0; bottom:0; z-index:999}

.syabout{ width:100%; margin:0 auto; min-width:1300px; box-sizing:border-box;overflow: hidden;position: relative;}
.syabout_l{ float:left; width:700px; /*height:428px;*/}
.syabout_l img{ max-width:100%;}
.syabout_r{ float:right; width:calc(100% - 740px);/* height:428px;*/ position:relative; min-height:367px;}
.syabout_r h3{ font-size:20px; color:#007dd4; text-transform:uppercase;line-height: 60px;}
.syabout_r h4{ font-size:24px; color:#333;}
.syabout_r p{ font-size:14px; color:#999; line-height:32px; text-align:justify;}
.syabout_r p:hover{ color:#666;}
.syabout_r_a{ position:absolute; left:0; bottom:40px; font-size:14px; text-align:center; line-height:35px; color:#fff; text-transform:uppercase; display:inline-block; width:120px; height:35px; background:#007dd4}
.syabout_r_a:hover{ color:#fff; background:#004fa1; transition: all .3s ease;}

@media screen and (max-width: 1660px) {
	.syabout_l{ width:600px;}
	.syabout_r{ width:calc(100% - 640px);}
}


.syfuwu_l{ float:left; width:75%;}
.syfuwu{ width:100%; height:350px; background:#004fa1; overflow:hidden;}
.syfuwu h3{ float:left; width:400px; height:350px; background:url(../images/syfuwu.jpg) center center no-repeat; background-size:cover;}
.syfuwu div{ float:right; width:calc(100% - 400px); box-sizing:border-box; padding:60px;}
.syfuwu div h4{ font-size:24px; color:#fff; margin-bottom:30px;}
.syfuwu div h4 span{ font-size:20px; font-weight:300; text-transform:uppercase; margin-left:10px;}
.syfuwu div h5{ font-size:18px; color:#fff; margin-bottom:60px;}
.syfuwu div p{ font-size:14px; color:#5e96d0; line-height:32px; transition: all .3s ease;}
.syfuwu:hover div p{ color:#fff;}

.sykeji{ width:100%; height:350px; background:#007dd4; overflow:hidden;}
.sykeji h3{ float:right; width:400px; height:350px; background:url(../images/sykeji.jpg) center center no-repeat; background-size:cover;}
.sykeji div{ float:left; width:calc(100% - 400px); box-sizing:border-box; padding:60px;}
.sykeji div h4{ font-size:24px; color:#fff; margin-bottom:30px;}
.sykeji div h4 span{ font-size:20px; font-weight:300; text-transform:uppercase; margin-left:10px;}
.sykeji div h5{ font-size:18px; color:#fff; margin-bottom:60px;}
.sykeji div p{ font-size:14px; color:#69b4ea; line-height:32px; transition: all .3s ease;}
.sykeji:hover div p{ color:#fff;}

.syfuwu_r{ float:right; width:25%; background:#00b0f0}
.syshzr{ width:100%; height:700px; padding:60px; box-sizing:border-box; overflow:hidden;}
.syshzr h3{ border:4px #fff solid; background:url(../images/syshzr.jpg) center center no-repeat; box-sizing:border-box;height:230px; background-size:cover; margin-bottom:30px}
.syshzr h4{ font-size:24px; color:#fff; margin-bottom:30px;}
.syshzr h4 span{ font-size:20px; font-weight:300; text-transform:uppercase; margin-left:10px;}
.syshzr h5{ font-size:18px; color:#fff; margin-bottom:80px;}
.syshzr p{ font-size:14px; color:#6fd2f8; line-height:32px; transition: all .3s ease;}
.syshzr:hover p{ color:#fff;}

.nyaboutqywh{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyaboutqywh_title{ font-size:24px; color:#333; line-height:50px;}
.nyaboutqywh ul{}
.nyaboutqywh ul li{ float:left; width:33.33%; position:relative; height:300px; background:#fff; text-align:center; box-sizing:border-box; padding:40px 30px; border-right:1px #eee solid; border-bottom:1px #eee solid;  transition: all .3s ease;box-shadow: 0 0 2rem rgba(40,40,40,.02);}
.nyaboutqywh ul li:after{ position:absolute; left:50%; top:50%; content:""; width:0; height:0; background:#007dd4; transition: all .5s ease;}
.nyaboutqywh ul li:nth-child(3){ border-right:none;}
.nyaboutqywh ul li:nth-child(4){ border-bottom:none;}
.nyaboutqywh ul li:nth-child(5){ border-bottom:none;}
.nyaboutqywh ul li:nth-child(6){ border-bottom:none; border-right:none;}
.nyaboutqywh ul li:hover:after{  left:0; top:0; width:100%; height:100%}
.nyaboutqywh ul li h3{ font-size:22px; color:#333; line-height:50px; position:relative; z-index:9; }
.nyaboutqywh ul li p{ font-size:14px; color:#888; line-height:30px; position:relative; z-index:9;}
.nyaboutqywh ul li:hover h3{ color:#fff;}
.nyaboutqywh ul li:hover p{ color:#fff;}

.nyaboutqywh ul li i{ display:inline-block; width:60px; height:60px; position:relative; z-index:9;}
.nyaboutqywh ul li i.nyaboutqywh01{ background:url(../images/nyaboutqywh01.png) center center no-repeat;}
.nyaboutqywh ul li:hover i.nyaboutqywh01{ background:url(../images/nyaboutqywh01_1.png) center center no-repeat;}
.nyaboutqywh ul li i.nyaboutqywh02{ background:url(../images/nyaboutqywh02.png) center center no-repeat;}
.nyaboutqywh ul li:hover i.nyaboutqywh02{ background:url(../images/nyaboutqywh02_1.png) center center no-repeat;}
.nyaboutqywh ul li i.nyaboutqywh03{ background:url(../images/nyaboutqywh03.png) center center no-repeat;}
.nyaboutqywh ul li:hover i.nyaboutqywh03{ background:url(../images/nyaboutqywh03_1.png) center center no-repeat;}
.nyaboutqywh ul li i.nyaboutqywh04{ background:url(../images/nyaboutqywh04.png) center center no-repeat;}
.nyaboutqywh ul li:hover i.nyaboutqywh04{ background:url(../images/nyaboutqywh04_1.png) center center no-repeat;}
.nyaboutqywh ul li i.nyaboutqywh05{ background:url(../images/nyaboutqywh05.png) center center no-repeat;}
.nyaboutqywh ul li:hover i.nyaboutqywh05{ background:url(../images/nyaboutqywh05_1.png) center center no-repeat;}
.nyaboutqywh ul li i.nyaboutqywh06{ background:url(../images/nyaboutqywh06.png) center center no-repeat;}
.nyaboutqywh ul li:hover i.nyaboutqywh06{ background:url(../images/nyaboutqywh06_1.png) center center no-repeat;}


.nyjsfw{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyjsfw ul{}
.nyjsfw ul li{ float:left; width:31.33%; margin:0 1%; position:relative; height:300px; background:#f2f4f8; text-align:center; box-sizing:border-box; padding:40px 30px; transition: all .3s ease;box-shadow: 0 0 2rem rgba(40,40,40,.02);}
.nyjsfw ul li h3{ font-size:22px; color:#333; line-height:50px; position:relative; z-index:9; }
.nyjsfw ul li p{ font-size:14px; color:#aaa; line-height:30px; position:relative; z-index:9;}
.nyjsfw ul li:after{ position:absolute; left:50%; top:50%; content:""; width:0; height:0; background:#007dd4; transition: all .5s ease;}
.nyjsfw ul li:hover:after{  left:0; top:0; width:100%; height:100%}
.nyjsfw ul li:hover h3{ color:#fff;}
.nyjsfw ul li:hover p{ color:#fff;}

.nyjsfw ul li i{ display:inline-block; width:60px; height:60px; position:relative; z-index:9; opacity:0.3}
.nyjsfw ul li i.nyjsfw01{ background:url(../images/nyjsfw01.png) center center no-repeat;}
.nyjsfw ul li:hover i.nyjsfw01{ background:url(../images/nyjsfw01_1.png) center center no-repeat;}
.nyjsfw ul li i.nyjsfw02{ background:url(../images/nyjsfw02.png) center center no-repeat;}
.nyjsfw ul li:hover i.nyjsfw02{ background:url(../images/nyjsfw02_1.png) center center no-repeat;}
.nyjsfw ul li i.nyjsfw03{ background:url(../images/nyjsfw03.png) center center no-repeat;}
.nyjsfw ul li:hover i.nyjsfw03{ background:url(../images/nyjsfw03_1.png) center center no-repeat;}



.nyfwzc{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyfwzc ul{}
.nyfwzc ul li{ float:left; width:11.5%; margin:0 0.5%; position:relative; height:200px; background:#f2f4f8; text-align:center; box-sizing:border-box; padding:40px 30px; transition: all .3s ease;box-shadow: 0 0 2rem rgba(40,40,40,.02);}
.nyfwzc ul li h3{ font-size:14px; color:#333; line-height:50px; position:relative; z-index:9; font-weight:normal; }
.nyfwzc ul li p{ font-size:14px; color:#888; line-height:30px; position:relative; z-index:9;}
.nyfwzc ul li:after{ position:absolute; left:50%; top:50%; content:""; width:0; height:0; background:#007dd4; transition: all .5s ease;}
.nyfwzc ul li:hover:after{  left:0; top:0; width:100%; height:100%}
.nyfwzc ul li:hover h3{ color:#fff;}
.nyfwzc ul li:hover p{ color:#fff;}

.nyfwzc ul li i{ display:inline-block; width:60px; height:60px; position:relative; z-index:9; opacity:0.3}
.nyfwzc ul li i.nyfwzc01{ background:url(../images/nyfwzc01.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc01{ background:url(../images/nyfwzc01_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc02{ background:url(../images/nyfwzc02.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc02{ background:url(../images/nyfwzc02_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc03{ background:url(../images/nyfwzc03.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc03{ background:url(../images/nyfwzc03_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc04{ background:url(../images/nyfwzc04.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc04{ background:url(../images/nyfwzc04_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc05{ background:url(../images/nyfwzc05.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc05{ background:url(../images/nyfwzc05_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc06{ background:url(../images/nyfwzc06.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc06{ background:url(../images/nyfwzc06_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc07{ background:url(../images/nyfwzc07.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc07{ background:url(../images/nyfwzc07_1.png) center center no-repeat;}
.nyfwzc ul li i.nyfwzc08{ background:url(../images/nyfwzc08.png) center center no-repeat;}
.nyfwzc ul li:hover i.nyfwzc08{ background:url(../images/nyfwzc08_1.png) center center no-repeat;}

.nyfwlc{ width:100%; background:url(../images/nyfwlc.jpg) center center no-repeat; height:460px; padding:80px 0; box-sizing:border-box}
.nyfwlc_title{ text-align:center;}
.nyfwlc_title h3{ font-size:24px; color:#fff;}
.nyfwlc_title p{ font-size:14px; color:#fff;}
.nyfwlc ul{ position:relative;}
.nyfwlc ul:after{ content:""; height:1px; width:66.66%; position:absolute; left:16.66%; top:70px; background:#fff;}
.nyfwlc ul li{ float:left; width:33.33%; text-align:center; position:relative;}
.nyfwlc ul li:before{ content:""; width:4px; height:4px; box-sizing:border-box; background:#fff; position:absolute; z-index:11; left:50%; top:68px; margin-left:-2px; border-radius:50%;}
.nyfwlc ul li:after{ content:""; width:10px; height:10px; border:1px #fff solid; box-sizing:border-box; background:#007dd4; position:absolute; z-index:9; left:50%; top:65px; margin-left:-5px; border-radius:50%;}
.nyfwlc ul li h3{ font-size:24px; color:#fff; line-height:60px;}
.nyfwlc ul li p{ font-size:14px; color:#fff;}
.nyfwlc ul li i{ display:inline-block; width:60px; height:60px; position:relative; z-index:9;}
.nyfwlc ul li i:after{content:""; position:absolute; left:50%; top:50%; width:0; border-radius:50%; height:0; box-sizing:border-box; transition: all .3s ease;}
.nyfwlc ul li i.nyfwlc01{ background:url(../images/nyfwlc01.png) center center no-repeat;}
.nyfwlc ul li i.nyfwlc02{ background:url(../images/nyfwlc02.png) center center no-repeat;}
.nyfwlc ul li i.nyfwlc03{ background:url(../images/nyfwlc03.png) center center no-repeat;}
.nyfwlc ul li:hover i:after{ border:3px #fff solid; width:80px; height:80px; left:-10px; top:-10px; }


.nyaboutqyln{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyaboutqywh_title{ font-size:24px; color:#333; line-height:50px; font-weight:bold; text-align:center;}
.nyaboutqyln ul{}
.nyaboutqyln ul li{ float:left; width:25%; position:relative; height:300px; background:#fff; text-align:center; box-sizing:border-box; padding:50px 30px; border-right:1px #eee solid; transition: all .3s ease;box-shadow: 0 0 2rem rgba(40,40,40,.02);}
.nyaboutqyln ul li:nth-child(4){ border-right:none;}
.nyaboutqyln ul li:after{ position:absolute; left:50%; top:50%; content:""; width:0; height:0; background:#007dd4; transition: all .5s ease;}
.nyaboutqyln ul li:hover:after{  left:0; top:0; width:100%; height:100%}
.nyaboutqyln ul li h3{ font-size:22px; color:#333; line-height:50px; position:relative; z-index:9; }
.nyaboutqyln ul li p{ font-size:14px; color:#888; line-height:30px; position:relative; z-index:9;}
.nyaboutqyln ul li:hover h3{ color:#fff;}
.nyaboutqyln ul li:hover p{ color:#fff;}

.nyaboutqyln ul li i{ display:inline-block; width:60px; height:60px; position:relative; z-index:9;}
.nyaboutqyln ul li i.nyaboutqyln01{ background:url(../images/nyaboutqyln01.png) center center no-repeat;}
.nyaboutqyln ul li:hover i.nyaboutqyln01{ background:url(../images/nyaboutqyln01_1.png) center center no-repeat;}
.nyaboutqyln ul li i.nyaboutqyln02{ background:url(../images/nyaboutqyln02.png) center center no-repeat;}
.nyaboutqyln ul li:hover i.nyaboutqyln02{ background:url(../images/nyaboutqyln02_1.png) center center no-repeat;}
.nyaboutqyln ul li i.nyaboutqyln03{ background:url(../images/nyaboutqyln03.png) center center no-repeat;}
.nyaboutqyln ul li:hover i.nyaboutqyln03{ background:url(../images/nyaboutqyln03_1.png) center center no-repeat;}
.nyaboutqyln ul li i.nyaboutqyln04{ background:url(../images/nyaboutqyln04.png) center center no-repeat;}
.nyaboutqyln ul li:hover i.nyaboutqyln04{ background:url(../images/nyaboutqyln04_1.png) center center no-repeat;}

.nyaboutqyln ul li i{ display:inline-block; width:60px; height:60px;}


.productflhelist{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.productflitem{ background:#fff; padding:60px; box-sizing:border-box; width:100%; margin-bottom:20px; transition: all .3s ease;}
.productflitem:hover{box-shadow: 0 0 2rem rgba(40,40,40,.1);}
.productflitem_l{ float:left; width:350px; box-sizing:border-box;}
.productflitem_l i{ background:#888; display:inline-block; width:80px; height:80px; transition: all 0.3s ease; margin-bottom:20px;}
.productflitem_l i img{ max-width:100%;}
.productflitem_l h3{ font-size:20px; color:#333; font-weight:normal; margin-bottom:20px;}
.productflitem_l:hover i{ background:#007dd4}
.productflitem_l p{ font-size:14px; color:#888; line-height:28px;}


.productflitem_r{ float:right; width:calc(100% - 400px); height:240px;position:relative;}
.productflitem_r .swiper{ overflow:hidden; position:relative;}
.productflitem_r ul{ padding-bottom:20px; height: 230px;}

.productflitem_r ul li{ position:relative;}

.productflitem_r ul li h3{ width:100%; height:230px; border:1px #eee solid; box-sizing:border-box;}
.productflitem_r ul li h3 a{ display:block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
      -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
      -ms-flex-align: center; -webkit-align-items: center; align-items: center; height:100%;}
.productflitem_r ul li h3 img{ max-width:100%; max-height:100%;}
.productflitem_r ul li p{ position:absolute; z-index:999; bottom:0; left:0; right:0; color:#333; background:rgba(0,125,212,0.8); font-size:14px; height:0; overflow:hidden; transition: all .3s ease;}
.productflitem_r ul li:hover p{ height:230px;}
.productflitem_r ul li p a{ display:block; height:100%; width:100%; color:#fff; text-align:center;}
.productflitem_r ul li:hover p a{ line-height:230px;}

.swiper-button-next1, .swiper-button-prev1{ color:#111 !important;}
.swiper-button-next1:after, .swiper-button-prev1:after{ font-size:30px !important;}
.swiper-button-next1{ right:-35px !important;}
.swiper-button-prev1{ left:-35px !important;}

.swiper-button-next2, .swiper-button-prev2{ color:#111 !important;}
.swiper-button-next2:after, .swiper-button-prev2:after{ font-size:30px !important;}
.swiper-button-next2{ right:-35px !important;}
.swiper-button-prev2{ left:-35px !important;}

.swiper-button-next3, .swiper-button-prev3{ color:#111 !important;}
.swiper-button-next3:after, .swiper-button-prev3:after{ font-size:30px !important;}
.swiper-button-next3{ right:-35px !important;}
.swiper-button-prev3{ left:-35px !important;}

.swiper-button-next4, .swiper-button-prev4{ color:#111 !important;}
.swiper-button-next4:after, .swiper-button-prev4:after{ font-size:30px !important;}
.swiper-button-next4{ right:-35px !important;}
.swiper-button-prev4{ left:-35px !important;}

.swiper-button-next5, .swiper-button-prev5{ color:#111 !important;}
.swiper-button-next5:after, .swiper-button-prev5:after{ font-size:30px !important;}
.swiper-button-next5{ right:-35px !important;}
.swiper-button-prev5{ left:-35px !important;}

.swiper-button-next6, .swiper-button-prev6{ color:#111 !important;}
.swiper-button-next6:after, .swiper-button-prev6:after{ font-size:30px !important;}
.swiper-button-next6{ right:-35px !important;}
.swiper-button-prev6{ left:-35px !important;}

.swiper-button-next7, .swiper-button-prev7{ color:#111 !important;}
.swiper-button-next7:after, .swiper-button-prev7:after{ font-size:30px !important;}
.swiper-button-next7{ right:-35px !important;}
.swiper-button-prev7{ left:-35px !important;}

.swiper-button-next8, .swiper-button-prev8{ color:#111 !important;}
.swiper-button-next8:after, .swiper-button-prev8:after{ font-size:30px !important;}
.swiper-button-next8{ right:-35px !important;}
.swiper-button-prev8{ left:-35px !important;}

.swiper-button-next9, .swiper-button-prev9{ color:#111 !important;}
.swiper-button-next9:after, .swiper-button-prev9:after{ font-size:30px !important;}
.swiper-button-next9{ right:-35px !important;}
.swiper-button-prev9{ left:-35px !important;}

.swiper-button-next10, .swiper-button-prev10{ color:#111 !important;}
.swiper-button-next10:after, .swiper-button-prev10:after{ font-size:30px !important;}
.swiper-button-next10{ right:-35px !important;}
.swiper-button-prev10{ left:-35px !important;}


:focus {
    outline: none;
}

.sypro{ width:100%; box-sizing:border-box; padding:80px 0 100px; background:url(../images/sycpbg.jpg) center top no-repeat;}
.sypro_title{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.sypro_title h3{ font-size:36px; color:#007dd4; text-transform:uppercase; line-height:50px;}
.sypro_title h4{ font-size:24px; color:#333; float:left; margin-right:50px; line-height:40px;}
.sypro_title ul{}
.sypro_title ul li{ float:left; margin-right:45px; position:relative; line-height:50px;}
.sypro_title ul li:after{ content:""; display:block; width:0; height:2px; position:absolute; left:50%; bottom:0; margin-left:0; background:#333333}
.sypro_title ul li a{ font-weight:normal; font-size:14px; color:#333;}
.sypro_title ul li:hover a{ font-weight:bold; color:#007dd4}
.sypro_title ul li:hover:after{ width:46px; margin-left:-23px;}
.sypro_title ul li:active a{ font-weight:bold; color:#007dd4;}
.sypro_title ul li:active:after{ width:46px; margin-left:-23px;}

.sypro_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; position: relative;}
.sypro_list ul{ width:100%;}
.sypro_list ul li{ float:left;position: relative; box-sizing:border-box;overflow: hidden; margin:0 20px 0 0; width:calc(25% - 20px);}
			
.sypro_list ul li h3{width: 100%; padding: 0; height:auto;padding-bottom:100%; border-radius:10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.sypro_list ul li h3 a{display:block;position: absolute; top: 0; left: 0; right:0; bottom:0; z-index:2;}
.sypro_list ul li p{ position:absolute; bottom:30px; left:30px; z-index:5; transition: all 0.3s ease;}
.sypro_list ul li p a{ color:#fff; font-size:18px; font-weight:bold;}
.sypro_list ul li:hover p{ bottom:35px;}
.sypro_list ul li h4{ position:absolute; left:30px; top:30px; z-index:5; color:#fff; font-size:24px; text-transform:uppercase;}
.sypro_list ul li h4 span{ font-size:14px; font-weight:normal; color:rgba(255,255,255,0.6)}
.sypro_list ul li i{ position:absolute; right:30px; top:30px; z-index:5; display:inline-block; width:45px; height:44px; background:url(../images/logoico.png) center center no-repeat;}

.mr_frUl{ width:100%;position:relative; z-index:5; overflow:hidden;}
.mr_frBtnL{margin:0;cursor:pointer; background:#0f0f0f;position:absolute; top:-90px; right:50px; width:30px; height:30px; z-index:9; border-radius:4px;transition: all .3s;}
.mr_frBtnR{margin:0;cursor:pointer;background:#0f0f0f; position:absolute; top:-90px; right:0; width:30px; height:30px; z-index:9; border-radius:4px;transition: all .3s;}

.mr_frBtnbg{ background:#007dd4 !important;}

.syyoushi{ background:#f8f8f8; padding:80px 0;}
.syyoushi_title{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.syyoushi_title h3{ font-size:36px; color:#007dd4; text-transform:uppercase; line-height:50px;}
.syyoushi_title h4{ font-size:24px; color:#333; float:left; margin-right:50px; line-height:40px;}
.syyoushi_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.syyoushi_list li{ float:left; width:30%; height:360px; background:#fff; position:relative; padding:60px; box-sizing:border-box; transition: all 0.5s ease;}
.syyoushi_list li:after{ content:""; position:absolute; right:0; top:0; width:1px; background:#eee; height:360px;}
.syyoushi_list li.active{ width:40%; background:url(../images/syyoushi_listbg.jpg) left top no-repeat;}
.syyoushi_list li h4{ font-size:24px; color:#ccc; line-height:40px; font-weight:normal;}
.syyoushi_list li h3{ font-size:24px; color:#333; line-height:40px; margin-bottom:95px;}
.syyoushi_list li h5{ font-size:18px; color:#666; line-height:36px; font-weight:normal;}
.syyoushi_list li p{ font-size:14px; color:#fff; display:none;}
.syyoushi_list li.active:after{ background:none;}
.syyoushi_list li.active h4{ color:#fff;}
.syyoushi_list li.active h3{ color:#fff; margin-bottom:60px;}
.syyoushi_list li.active h5{ color:#fff; font-weight:bold;}
.syyoushi_list li.active p{ display:block;}

.syyxfw{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; background:#fff; padding:80px 0;}
.syyxfw_l{ float:left; position:relative; width:calc(100% - 660px);}
.syyxfw_map{ position:relative; z-index:1; width:100%;}
.syyxfw_map img{ max-width:100%;}
.syyxfw_r{ float:right; width:520px; padding-top:150px; padding-right:120px;}
.syyxfw_r_title{}
.syyxfw_r_title h3{ font-size:36px; color:#007dd4; text-transform:uppercase; line-height:50px;}
.syyxfw_r_title h4{ font-size:24px; color:#333; line-height:40px; margin-bottom:50px;}
.syyxfw_r p{ font-size:18px; color:#888; margin-bottom:50px;}
.syyxfw_r a{ display:inline-block; width:160px; height:40px; line-height:40px; text-align:center; background:#007dd4; color:#fff; border-radius:4px;}

.synews{width:100%; margin:0 auto; box-sizing:border-box; padding:80px 0; background:#f8f8f8;}

.synews_title{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box}
.synews_title h3{ font-size:36px; color:#007dd4; text-transform:uppercase; line-height:50px;}
.synews_title h4{ font-size:24px; color:#333; line-height:40px; }

.synewslist{ width:100%;}
.synewshot{ width:100%; height:500px; position:relative;}

.synewslist ul{ width:100%; height:220px;}
.synewslist ul li{ float:left; width:48%; margin:0 1% 2%; border:1px #ddd solid; padding:10px; box-sizing:border-box;transition: all 0.3s ease; }
.synewslist ul li h5{ float:left; background:#f2f4f8; color:#007dd4; width:85px; font-weight:normal; line-height:50px; text-align:center; font-size:14px; margin-right:10px;}
.synewslist ul li h3{ float:left; width:calc(100% - 190px)}
.synewslist ul li h3 a{ font-size:14px; font-weight: normal; color:#333;display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:50px;}
.synewslist ul li h4{ float:right; width:70px; font-size:18px; font-weight:normal; color:#007dd4; line-height:25px; margin-left:10px;}
.synewslist ul li h4 p{ color:#888; font-size:14px; font-weight:normal;line-height:25px;}
.synewslist ul li:hover{background:#eff4ff;}

.dszyl{
	width:100%; height:340px; padding:80px 0; background:#ccc; box-sizing:border-box;
}
.dszyl_box{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px;}
.dszyl_box h3{ font-size:24px; color:#333; position:relative; padding-bottom:70px;}
.dszyl_box h3:after{ content:""; position:absolute; left:0; bottom:30px; width:60px; height:3px; background:#007dd4;}
.dszyl_box p{ font-size:14px; color:#666; line-height:30px;}

/* 动画效果 */
@-webkit-keyframes load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.jdallist{ width:100%;overflow: hidden;position: relative;}
.jdallist ul{ width:100%;}
.jdallist ul li{ float:left;position: relative; box-sizing:border-box;overflow: hidden; margin:0 10px 20px; width:calc(25% - 20px);}
			
.jdallist ul li h3{width: 100%; padding: 0; height:auto;padding-bottom: calc(300% / 4);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.jdallist ul li h3 a{ width:100%; height:100%; display:block;position: absolute; top: 0; left: 0;}
.jdallist ul li h3 a img{ max-width:100%; max-height:100%;}
.jdallist ul li p{
	background: -moz-linear-gradient(300deg,#004fa1, #007dd4);
	background: -webkit-linear-gradient(300deg,#004fa1, #007dd4);
	background: -o-linear-gradient(300deg,#004fa1, #007dd4);
	background: -ms-linear-gradient(300deg,#004fa1, #007dd4);
	background: linear-gradient(300deg,#004fa1, #007dd4);
	height:60px; text-align:center; line-height:60px;transition: all 0.3s ease; margin-top:0;
}
.jdallist ul li p a{ font-size:14px; color:#fff;}
.jdallist ul li:hover p{ height:70px; line-height:70px; margin-top:-10px;}



.foot{ background:#f4f6fa; width:100%; padding:80px 0; }
.footbox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; }
.foottitle{ font-size:20px; font-weight:bold; color:#333; padding-bottom:10px; margin-bottom:10px; position:relative;}
.foottitle:after{ content:""; width:16px; height:3px; background:#007dd4; position:absolute; bottom:0; left:0;}
.footnav{ float:left; width:280px; padding-right:30px; box-sizing:border-box;}
.footnav ul li{ line-height:35px; width:90px; float:left;}
.footnav ul li:last-child{ clear:left;}
.footnav ul li a{ color:#666; font-size:14px; line-height:35px;}
.footbox ul li a:hover{ color:#007dd4; text-decoration:underline}
.footcpfl{ float:left; width:280px;}
.footcpfl ul li{ line-height:35px;}
.footcpfl ul li a{ color:#666; font-size:14px; line-height:35px;}
.footcontact{ float:left; width:200px;}
.footcontact ul li{ line-height:35px;}
.footcontact ul li h3{ font-size:14px; color:#007dd4;}
.footcontact ul li p{ color:#666; font-size:14px; line-height:35px;}

.footlogo{ float:left; width:calc(100% - 1050px); padding-right:30px; box-sizing:border-box;}
.footlogo .footewm{height:118px; text-align:left;}
.footlogo .footewm img{ width:118px; height:118px; display:inline-block;}
.footlogo .footlogoimg{ font-size:18px;  text-align:left; line-height:30px; color:#333; margin-bottom:40px;}
.footlogo .footlogoimg img{ display:inline-block; margin-bottom:20px;}
.footlogo .footlogoimg h3{ font-size:24px; color:#333;}
.footlogo .footlogoimg p{ font-size:14px; text-transform:uppercase; color:#aaa;letter-spacing: 0.6px;}

.copyright{ width:100%; height:60px; line-height:60px; color:#fff; text-align:left; background:#007dd4; 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:auto; overflow:hidden; width:100%;}
.bannerimg1{height:850px; width:100%; background:url(../images/banner1.jpg) center top no-repeat; position:relative;}
.bannerimg1_l{height:850px; float:left; width:calc(100% - 700px); max-width:760px;}
.bannerimg1_l h3{ font-size:48px; color:#fff; line-height:60px; margin-top:200px; margin-bottom:20px;}
.bannerimg1_l p{ font-size:14px; color:#fff; line-height:36px; margin-bottom:50px;}
.bannerimg1_l h4{ font-size:24px; font-weight:normal; color:#fff; margin-bottom:20px;}
.bannerimg1_l span{ font-size:14px; color:#fff; margin-left:10px;}
.bannerimg1_l ul{width:100%;}
.bannerimg1_l ul li{ float:left; width:calc(20% - 12px); margin-right:10px;}
.bannerimg1_l ul li img{ max-width:100%;}
.bannerimg1_l a{ margin-top:40px; clear:left; display:inline-block; background:#007dd4; border-radius:4px; width:160px; height:50px; line-height:50px; text-align:center; color:#fff;}
.bannerimg1_r{height:850px; float:right; width:635px; background:url(../images/banner1_1.png) 130px top no-repeat; position:relative;}
.bannerimg1_r img{ position:absolute; top:50%; left:0; margin-top:-221px;}

.bannerimg2{height:850px; width:100%; background:url(../images/banner2.jpg) center top no-repeat; position:relative; overflow:hidden;}
.bannerimg2 h3{ font-size:48px; color:#333; padding-top:125px; text-align:center; line-height:80px;}
.bannerimg2 p{ font-size:24px; color:#666; text-align:center; line-height:40px; margin-bottom:40px;}
.bannerimg2 ul{  width:750px; margin:0 auto;}
.bannerimg2 ul li{ float:left; width:25%; text-align:center; font-size:14px; font-weight:bold; color:#333;}
.bannerimg2 dl{  width:1000px; margin:0 auto;}
.bannerimg2 dl dd{ float:left; width:50%; text-align:center; font-size:20px; position:relative;}
.bannerimg2 dl dd a{ position:relative;}

.bannerimg3{height:850px; width:100%; background:url(../images/banner3.jpg) center top no-repeat; position:relative;}
.bannerimg3 h3{ font-size:48px; color:#fff; text-align:center; line-height:60px; margin-bottom:100px;}
.bannerimg3 p{ font-size:24px; color:#fff; text-align:center; line-height:40px; padding-top:225px;}
.bannerimg3 dl{  width:100%; margin:0 auto;}
.bannerimg3 dl dd{ float:left; width:25%; text-align:center; font-size:20px; position:relative;}
.bannerimg3 dl dd a{ position:relative;}


.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:14px; color:rgba(255,255,255,0.3); letter-spacing:2px; text-transform:uppercase;}

.nyaboutbanner{  width:100%; margin:0 auto; min-width:1300px; height:400px; background:url(../images/nyaboutbanner.jpg) center bottom no-repeat; position:relative;}
.nyaboutbanner .nybannertext{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; padding-top:120px;}
.nyaboutbanner .nybannertext h3{ color:#fff; font-size:36px; letter-spacing:1px; line-height:80px;}
.nyaboutbanner .nybannertext p{ font-size:14px; text-transform:uppercase; color:#fff; margin-bottom:20px;}


.nyaboutloc_list{ background:url(../images/loc.png) left center no-repeat; padding-left:25px; font-size:14px; color:#fff;}
.nyaboutloc_list a{ font-size:14px; color:#fff;}
.nyaboutloc_list a.active{ color:#fff;}
.nyaboutnav{ position:absolute; bottom:0; left:0; width:100%;}
.nyaboutnav ul li{ float:left; width:33.33%; text-align:center; position:relative; height:50px;}
.nyaboutnav ul li:after{ content:""; display:block; width:0; height:3px; background:#007dd4; 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:#007dd4;}
.nyaboutnav ul li.active:after{ width:200px; margin-left:-100px;}
.nyaboutnav ul li.active a{ color:#007dd4;}

.nyaboutgsjj{ width:100%; text-align:center;}
.nyaboutgsjj .nyabout_title{ font-size:24px; line-height:60px; color:#333; margin-bottom:10px;}
.nyaboutgsjj .nyabout_content{ font-size:14px; line-height:32px; color:#999; width:1100px; margin:0 auto 40px;}
.nyabout_video{ width:1200px; margin:0 auto;text-align: center;}
.nyaboutgsjj .nyabout_content_a a{ width:160px; border-radius:5px; display:inline-block; margin:0 auto; padding:2px 15px; background:#007dd4; color:#fff; line-height:30px;}


.probannerlist{ width:100%; height:500px; box-sizing:border-box; padding-top:200px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.probannerlist h4{ font-size:24px; color:#fff; font-weight:normal; margin-bottom:30px;}
.probannerlist h3{ font-size:36px; color:#fff; margin-bottom:30px; position:relative;}
.probannerlist h3:after{ position:absolute; content:""; bottom:-20px; left:0; width:200px; background:rgba(255,255,255,.2); height:1px;}
.probannerlist p{ font-size:24px; color:#fff; width:600px; margin-bottom:60px;}
.probannerlist a{ display:inline-block; width:180px; height:50px; color:#666; font-size:14px; background:#fff; border-radius:25px;transition: all 0.5s ease; box-sizing:border-box; padding:0 20px; line-height:50px;}
.probannerlist a i{ display:inline-block; width:36px; height:36px; border-radius:18px; background:#eee url(../images/nyjsfw_r_a.png) center center no-repeat; float:right; margin-top:7px;}
.probannerlist a:hover{ background:#007dd4 url(../images/nyjsfw_r_a.png) center center no-repeat; color:#fff;}
.probannerlist a:hover i{ background:#fff url(../images/nyjsfw_r_a.png) center center no-repeat;}



.nyljdl{ float:left; width:calc(100% - 450px); height:400px; box-sizing:border-box; padding:80px 80px; position:relative; background:#f4f6fa;}
.nyljdl h4{ position:absolute; right:0; top:0; width:450px; height:400px; background:url(../images/nyljdl.jpg) center center no-repeat;}
.nyljdl h3{ float:left; font-size:24px; color:#333; width:calc(100% - 480px); margin-bottom:20px;}
.nyljdl p{ font-size:14px; line-height:32px; color:#999; float:left; clear:left; width:calc(100% - 480px);}
.nyljdl a{ position: absolute; z-index:9; left:80px; bottom:80px;  display:inline-block; width:35px; height:35px; border:1px #ddd solid; box-sizing:border-box; background:url(../images/sycpfl_a.png) center center no-repeat; transition: all 0.5s ease;}
.nyljdl:hover{background: #eff4ff;}
.nyljdl:hover a{ border:1px #00b0f0 solid;}
.nyqywh{ float:left; width:450px; height:400px; box-sizing:border-box; padding:50px 40px; background:url(../images/nyqywh.jpg) center center no-repeat; position:relative;}
.nyqywh:after{ content:""; background:rgba(255,148,50,0.8); position:absolute; left:0; right:0; bottom:0; height:140px;}
.nyqywh h3{ font-size:24px; color:#fff; margin-bottom:10px; position: absolute; bottom:65px; z-index:9;}
.nyqywh p{ font-size:14px; line-height:32px; color:#fff; position: absolute; bottom:35px; z-index:9;}
.nyqywh a{ position: absolute; z-index:9; right:40px; bottom:40px;  display:inline-block; width:29px; height:51px; box-sizing:border-box; background:url(../images/ab_jt.png) center center no-repeat; transition: all 0.5s ease;}


.nyzzry{ width:100%; height:400px; box-sizing:border-box; background:#FF9432;}
.nyzzry_r{ float:left; width:calc(100% - 450px); height:400px; background:url(../images/nyzzry.jpg) center center no-repeat;}
.nyzzry_l{ float:left; width:450px; height:400px; box-sizing:border-box; padding:80px; background:url(../images/nyjsfw_r.png) center center no-repeat; position:relative;}
.nyzzry_l h3{font-size:24px; color:#fff;margin-bottom:20px; margin-top:20px;}
.nyzzry_l p{ font-size:14px; line-height:32px; color:#fff;}
.nyzzry_l a{ position: absolute; z-index:9; left:80px; bottom:100px;  display:inline-block; width:35px; height:35px; border:1px #fff solid; box-sizing:border-box; background:url(../images/nyjsfw_r_a.png) center center no-repeat; transition: all 0.5s ease;}
.nyzzry_l:hover a{ border:1px #333 solid;}

.nyshzr{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; height:400px; background:url(../images/nyshzr.jpg) center center no-repeat; background-size:cover; position:relative;}
.nyshzr h3{ font-size:24px; color:#fff; padding-top:100px; margin-left:100px;}
.nyshzr p{ font-size:14px; color:#fff; margin-left:100px; margin-top:10px;}
.nyshzr a{ position: absolute; z-index:9; left:100px; bottom:80px;  display:inline-block; width:35px; height:35px; border:1px #ddd solid; box-sizing:border-box; background:url(../images/nyjsfw_r_a.png) center center no-repeat; transition: all 0.5s ease;}

.nyaboutnyqiyewenh{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyaboutnyqiyewenh_l{ width:calc(100% - 640px); float:left; padding-top:60px;}
.nyaboutnyqiyewenh_r{ width:600px; float:right;}
.nyaboutnyqiyewenh_l p{ font-size:20px; line-height:60px; color:#666;}
.nyaboutnyqiyewenh_l p b{ color:#007dd4;}
.nyaboutnyqiyewenh_l span{ color:#999; line-height:32px; font-size:14px}

.nyyanfa{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyyanfa_title{ font-size:24px; line-height:60px; color:#999; font-family:"微软雅黑 light"; text-align:center;}
.nyyanfa_pt{ font-size:14px; line-height:32px; width:1200px; margin:0 auto 40px; text-align:center;}
.nyyanfa_pt h3{ font-size:24px; color:#333; line-height:50px; margin-bottom:10px;}
.nyyanfa_pt ul li{ display:inline-block; padding:8px 30px; margin:0 10px; background:#007dd4; color:#fff; border-radius:4px;}
.nyyanfa_pt p{ font-size:14px; line-height:32px; color:#666;}
.nyyanfa_img{ text-align:center;}
.nyyanfa_img img{ max-width:100%;}

.nyyfsb_title{ text-align:center;}
.nyyfsb_title h3{ font-size:24px; color:#333; line-height:50px;}
.nyyfsb_title p{ font-size:14px; color:#888; line-height:50px;}

.nyyfsb{ width:100%;}
.nyyfsb_l{ float:left; width:450px; height:400px; box-sizing:border-box; padding:80px; background:#007dd4;}
.nyyfsb_l h3{font-size:24px; color:#fff;margin-bottom:20px; margin-top:20px;}
.nyyfsb_l p{ font-size:14px; line-height:32px; color:#fff;}
.nyyfsb_r{ float:left; width:calc(100% - 450px); height:400px; background:url(../images/nyyfsb.jpg) center center no-repeat;}

.nyyftd{ width:100%;}
.nyyftd_r{ float:left; width:450px; height:400px; box-sizing:border-box; padding:80px; background:#FF9432;}
.nyyftd_r h3{font-size:24px; color:#fff;margin-bottom:20px; margin-top:20px;}
.nyyftd_r p{ font-size:14px; line-height:32px; color:#fff;}
.nyyftd_l{ float:left; width:calc(100% - 450px); height:400px; background:url(../images/nyyftd.jpg) center center no-repeat;}

.nycxy{width:100%; margin:0 auto; min-width:1300px; box-sizing:border-box; height:400px; background:url(../images/nycxy.jpg) center center no-repeat; background-size:cover; position:relative;}
.nycxy h3{ font-size:24px; color:#fff; padding-top:150px; margin-left:100px;}
.nycxy p{ font-size:14px; width:700px; color:#fff; margin-left:100px; margin-top:10px;}


.nyjjfabanner{  width:100%; margin:0 auto; min-width:1300px; height:500px; background:url(../images/nyjjfabanner.jpg) center top no-repeat; position:relative;}
.nyjjfabanner .nyjjfatext{ text-align:center; padding-top:230px;}
.nyjjfabanner .nyjjfatext h3{ color:#fff; font-size:48px; letter-spacing:1px; line-height:80px;text-shadow:2px 2px 5px rgba(0,0,0,0.4);}

.nyjjfacontent{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyjjfa_title{ text-align:center; font-size:36px; font-weight:bold; color:#333; line-height:60px;}
.nyjjfa_text{ width:calc(100% - 700px);}
.nyjjfa_img{ width:650px;}
.nyjjfa_img img{ width:650px;}

.nyjjfa_h3{ font-size:24px; color:#333; padding-top:60px; font-weight:bold; margin-bottom:20px;}
.nyjjfa_h3 b{ color:#f00;}
.nyjjfa_h3 span{ text-transform:uppercase; color:#007dd4; margin-left:10px;}
.nyjjfa_p{ font-size:14px; color:#999; line-height:36px; text-align:justify}

.nyjjfa_heng{ width:100%; height:650px; box-sizing:border-box; padding:80px 0; background:#fff url(../images/nyjjfa_heng.jpg) center center no-repeat; text-align:center;}
.nyjjfa_heng .cpxqldy_title{ text-align:center; color:#fff; line-height:60px; font-size:24px;margin-bottom: 300px;}
.nyjjfa_heng h3{ font-size:24px; color:#fff; line-height:60px;}
.nyjjfa_heng h4{ font-size:18px; color:#fff; font-weight:normal; display: inline-block; padding:3px 10px; margin-bottom:10px; background: -moz-linear-gradient(300deg,#004fa1, #007dd4);
	background: -webkit-linear-gradient(300deg,#004fa1, #007dd4);
	background: -o-linear-gradient(300deg,#004fa1, #007dd4);
	background: -ms-linear-gradient(300deg,#004fa1, #007dd4);
	background: linear-gradient(300deg,#004fa1, #007dd4);}
.nyjjfa_heng p{ font-size:14px; color:#fff; line-height:36px;}
.nyjjfa_hengtext{ width:1000px; margin:0 auto;}
.nyjjfa_hengtext p{ font-size:14px; color:#fff; text-align:center;}

.nyjjfa_list{ width:100%; padding:40px 0; height:100px;}
.nyjjfa_list ul li{ float:left; text-align:center; width:160px;}
.nyjjfa_list ul li h3 img{ width:60px;}
.nyjjfa_list ul li p{ font-size:14px; color:#333;}

.nycpfllist{ width:300px; margin:0 auto; float:left; background:#007dd4; box-sizing:border-box; padding:30px 30px 0;}
.nycpfl_title{ width:100%; box-sizing:border-box; margin-bottom:30px;}
.nycpfl_title h3{ font-size:24px; color:rgba(255,255,255,0.2); text-transform:uppercase; line-height:30px;}
.nycpfl_title h4{ font-size:24px; color:#fff; line-height:40px; }

.nycpfllist>ul{ width:100%; background:#f6f6f6; padding:10px; box-sizing:border-box;}
.nycpfllist>ul>li{ width:100%; background:#fff; transition: all 0.5s ease; padding:10px 0; box-sizing:border-box; position:relative;}
.nycpfllist>ul>li:after{
	content:""; position:absolute; bottom:0; left:30px; height:1px; width:160px; background:#eee; display:inline-block; z-index:1;
}
.nycpfllist>ul>li:before{
	content:""; position:absolute; bottom:0; left:30px; height:2px; width:0; background:#007dd4; display:inline-block; z-index:2; transition: all 0.5s ease;
}
.nycpfllist ul>li:hover:before{
	width:160px;
}
.nycpfllist>ul>li>a{ display:block; padding:10px 30px; box-sizing:border-box; position:relative; z-index:9; font-size:14px; color:#333;}
.nycpfllist>ul>li:hover>a{ color:#007dd4;}
.nycpfllist>ul>li>ul{ background:#fff;}
.nycpfllist>ul>li>ul>li{ line-height:40px;}
.nycpfllist>ul>li>ul>li a{ font-size:14px; padding:10px 40px; display:block; box-sizing:border-box; color:#888; line-height:1.2}

.nycpfllist>ul>li>ul>li:Hover>a{ color:#007dd4}

.nycpfl_tel{ width:100%; box-sizing:border-box; padding:30px 0 0;}
.nycpfl_tel h3 a{ font-size:14px; color:#fff; font-weight:normal}
.nycpfl_tel p{ color:#fff; font-size:36px; font-weight:bold;}
.nycpfl_tel h4{ width:100%; height:314px; background:url(../images/kefu.png) center bottom no-repeat;}

.nyaboutrongyu{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}

.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:14px; color:#333; line-height:60px; display:block; transition: all 0.5s ease;}
.nypro-tltj ul li:hover h3{border:10px #007dd4 solid; border-bottom:0; background-size:105% 105%;}
.nypro-tltj ul li:hover .text{ background:#007dd4}
.nypro-tltj ul li:hover .text a{color:#fff; font-size:18px; font-weight:700;}

.cpxqldy_title{ text-align:center; color:#333; font-weight:bold; line-height:60px; font-size:24px;}
.cpxqldy_heng{ width:100%; height:650px; box-sizing:border-box; padding:80px 0; background:#fff url(../images/cpxqldy_heng.jpg) center center no-repeat; text-align:center;}
.cpxqldy_heng .cpxqldy_title{ text-align:center; color:#fff; line-height:60px; font-size:24px;margin-bottom: 300px;}
.cpxqldy_heng h3{ font-size:24px; color:#fff; line-height:60px;}
.cpxqldy_heng h4{ font-size:18px; color:#fff; font-weight:normal; display: inline-block; padding:3px 10px; margin-bottom:10px; background: -moz-linear-gradient(300deg,#004fa1, #007dd4);
	background: -webkit-linear-gradient(300deg,#004fa1, #007dd4);
	background: -o-linear-gradient(300deg,#004fa1, #007dd4);
	background: -ms-linear-gradient(300deg,#004fa1, #007dd4);
	background: linear-gradient(300deg,#004fa1, #007dd4);}
.cpxqldy_heng p{ font-size:14px; color:#fff; line-height:36px;}

.cpxqldy_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.cpxqldy_list ul li{ width:23%; margin:0 1%; float:left; height:295px; text-align:center; box-sizing:border-box; padding:40px 30px;background:#f6f6f6; position:relative;}
.cpxqldy_list ul li h4{ position:relative; z-index:9;}
.cpxqldy_list ul li h3{ font-size:18px; color:#333; position:relative; z-index:9; margin-bottom:10px;}
.cpxqldy_list ul li p{ font-size:14px; color:#999; line-height:30px; position:relative; z-index:9;}
.cpxqldy_list ul li:before{
	content:""; left:10px;right:10px; bottom:10px; top:10px; position:absolute; z-index:2; background:#fff;
}
.cpxqldy_list ul li:after{
	content:""; left:0; right:0; bottom:0; height:0; position:absolute; z-index:1;transition: all 0.3s ease;
	background: -moz-linear-gradient(#004fa1, #007dd4);
	background: -webkit-linear-gradient(#004fa1, #007dd4);
	background: -o-linear-gradient(#004fa1, #007dd4);
	background: -ms-linear-gradient(#004fa1, #007dd4);
	background: linear-gradient(#004fa1, #007dd4);
}
.cpxqldy_list ul li:hover:after{
	height:100%;
}

.nypro_list{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nypro_list .nypro_list_con{ display:block; width:100%;}
.nypro_list .nypro_list_con li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nypro_list .nypro_list_con li:nth-child(4n){ margin-right:0}

.nypro_list .nypro_list_con li h3{ width:100%; padding:0; padding-bottom:calc(300% / 4); border:1px #eee solid; box-sizing:border-box; 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:14px; color:#333; line-height:60px; padding:0 30px;}
.nypro_list .nypro_list_con li:hover p{ background:#007dd4;}
.nypro_list .nypro_list_con li:hover p a{ color:#fff;}

.nypro_list_hzdw{ width:100%; padding:60px 0; box-sizing:border-box; background:url(../images/nypro_list_hzdw.jpg) center center no-repeat;}
.nypro_list_title{ width:100%; height:60px; margin-bottom:40px;}
.nypro_list_title h3{color:#fff; font-weight:bold; line-height:60px; font-size:24px;}
.nypro_list_title span{ font-size:14px; color:#fff; font-weight:normal; margin-left:10px;}
.swiper-container-hzdw{ width:100%; overflow:hidden;}
.swiper-container-hzdw ul li{ float:left; width:calc(25% - 20px); margin-right:20px; margin-bottom:20px;}
.swiper-container-hzdw ul li img{ width:100%;}


.nyaboutjianjie{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; 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:#007dd4;}
.nyaboutjianjie_l::-webkit-scrollbar-track {background:#EBEBEB;}

.nyaboutjianjie_title{ font-size:24px; color:#333; line-height:80px; font-weight:bold;}
.nyaboutjianjie_content{ font-size:14px; color:#999;}
.nyaboutjianjie_content h3{ font-size:18px; color:#333; line-height:50px;}
.nyaboutjianjie_content p{ font-size:14px; color:#999; line-height:36px; text-align:justify; margin:8px 0;}
.nyaboutjianjie_content p:hover{ color:#666;}

.nyaboutjianjie_r{ width:540px; float:right;}
.nyaboutjianjie_r img{ max-width:100%}
.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:'Barlow'; color:#333;transition: all 0.3s ease;}
.nyaboutjianjie_r ul li div p{ font-size:14px; color:#999;}
.nyaboutjianjie_r ul li:hover div h4 b{ color:#007dd4}


.nyaboutwenhua{ width:100%; padding:80px 0; background:#f8f8f8}
.nyaboutwenhua_img{ float:right; margin-left:50px;}
.nyaboutwenhua h3{ font-size:18px; color:#333; line-height:50px; margin-top:15px;}
.nyaboutwenhua p{ color:#888; font-size:14px; line-height:36px;}
.nyaboutwenhua p:hover{ color:#666;}

.nyaboutwenhualist{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyaboutwenhualist ul li{ width:23%; margin:0 1%; float:left; height:295px; text-align:center; box-sizing:border-box; padding:40px 30px;background:#f2f2f2; position:relative;}
.nyaboutwenhualist ul li h4{ position:relative; z-index:9;}
.nyaboutwenhualist ul li h3{ font-size:20px; color:#333; position:relative; z-index:9; margin-bottom:10px;}
.nyaboutwenhualist ul li p{ font-size:14px; color:#999; line-height:30px; position:relative; z-index:9;}
.nyaboutwenhualist ul li:before{
	content:""; left:10px;right:10px; bottom:10px; top:10px; position:absolute; z-index:2; background:#fff;
}
.nyaboutwenhualist ul li:after{
	content:""; left:0; right:0; bottom:0; height:0; position:absolute; z-index:1;transition: all 0.3s ease;
	background: -moz-linear-gradient(#004fa1, #007dd4);
	background: -webkit-linear-gradient(#004fa1, #007dd4);
	background: -o-linear-gradient(#004fa1, #007dd4);
	background: -ms-linear-gradient(#004fa1, #007dd4);
	background: linear-gradient(#004fa1, #007dd4);
}
.nyaboutwenhualist ul li:hover:after{
	height:100%;
}

.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:24px; 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:24px; color:rgba(0,0,0,0.1); text-transform:uppercase; font-family:'Barlow';}
.nyaboutshiming ul li h3{ font-size:24px; color:#007dd4; text-transform:uppercase; line-height:50px}
.nyaboutshiming ul li p{ font-size:18px; color:#888;}

.probanner{ width:100%; height:900px; background-position:center center; background-repeat:no-repeat; background-size:cover;transition: all 0.5s ease;}
.probanner .mainbox{ width:1300px; position:relative; height:900px; padding-top:80px; box-sizing:border-box;}
.nypronav{ position:absolute; left:0; bottom:120px; z-index:999;}
.nypronav ul li{ float:left; width:240px; height:180px; box-sizing:border-box; text-align:center; padding:10px 0; border:2px #fff solid; border-left:1px #fff solid; border-right:1px #fff solid;transition: all 0.5s ease;}
.nypronav ul li h3{ height:60px; padding:20px 0;}
.nypronav ul li h3 img{ width:60px; height:60px;}
.nypronav ul li p{ font-size:18px; font-weight:bold; color:#fff;}
.nypronav ul li a{ color:#fff;}

.nypronav ul li:hover{ background:#007dd4; border:2px #007dd4 solid; border-left:1px #007dd4 solid; border-right:1px #007dd4 solid;}
.nypronav ul li:hover a{ color:#fff;}
.nypronav ul li.active{ background:#007dd4; border:2px #007dd4 solid; border-left:1px #007dd4 solid; border-right:1px #007dd4 solid;}
.nypronav ul li:active a{ color:#fff;}

.nyprocontent{ width:100%;}
.nyprocon_title{ font-size:36px; font-weight:bold; color:#fff; line-height:60px; margin-bottom:20px;}
.nyprocon_nav{ float:left; width:180px;}
.nyprocon_nav ul{ width:100%;}
.nyprocon_nav ul li{ line-height:40px; height:40px;;}
.nyprocon_nav ul li a{ font-size:14px; color:#fff;}
.nyprocon_nav ul li a:hover{ font-size:18px; font-weight:bold;}
.nyprocon_text{ float:left; width:560px;}
.nyprocon_text p{ font-size:14px; color:#fff; line-height:36px; margin-bottom:80px;}
.nyprocon_text a{ display:inline-block; width:180px; height:50px; color:#666; font-size:14px; background:#fff; border-radius:25px;transition: all 0.5s ease; box-sizing:border-box; padding:0 20px; line-height:50px;}
.nyprocon_text a i{ display:inline-block; width:36px; height:36px; border-radius:18px; background:#eee url(../images/nyjsfw_r_a.png) center center no-repeat; float:right; margin-top:7px;}
.nyprocon_text a:hover{ background:#007dd4; color:#fff;}
.nyprocon_text a:hover i{ background:#FF9432 url(../images/nyjsfw_r_a.png) center center no-repeat;}

.nyprocont{ display:none;}
.nyprocont.active{ display:block;}

.nyaboutnyqiyejianjie{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyaboutnyqiyejianjie p{ font-size:14px; color:#999; line-height:40px; margin-bottom:20px;}
.nyaboutnyqiyejianjie p:hover{ color:#666;}

.nyaboutnyshzr{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; text-align:center;}
.nyaboutnyshzr p{ font-size:14px; color:#999; line-height:40px; margin-bottom:20px;}
.nyaboutnyshzr p:hover{ color:#666;}

.nyzxxc_list{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.nyzxxc_list ul{ width:100%;}
.nyzxxc_list ul li{ float:left;text-align: center; width:31.3%; margin:0 1%;	box-sizing:border-box;}
.nyzxxc_list ul li img{ max-width:100%; border-radius:20px;}


.nyqqzl{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyqqzl_text{ text-align:center;}
.nyqqzl_text h3{ font-size:24px; color:#333;}
.nyqqzl_text p{ font-size:14px; color:#666; line-height:36px;}

.nyqqzl_map{ text-align:center; width:1300px; margin:0 auto; height:770px; background:url(../images/map.jpg) center center no-repeat; position:relative;}

.nyqqzl_map .dot_box{position:absolute; left:0 ;bottom:0; width:100%; height:100%;}
.nyqqzl_map .dot_box .dot{position:absolute;}
.nyqqzl_map .dot_box .dot .dot_circle{display:block; width:14px; height:14px; background:#007dd4; position:relative; z-index:3; border-radius:50%;}
.nyqqzl_map .dot:after,
.nyqqzl_map .dot:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;}
.nyqqzl_map .dot:before {width:29px; height:29px; background:transparent; background:rgba(0,125,212,0.3); margin-top:-14px; margin-left:-14px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.nyqqzl_map .dot:after {width:46px; height:46px;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,125,212,0.2); margin-left:-23px; margin-top:-23px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}

@keyframes warn{0%{transform:scale(0.5); opacity:0;} 25%{transform:scale(1); opacity:0.4;} 50%{transform:scale(1.2); opacity:0.8;} 75%{transform:scale(1.3); opacity:0.4;} 100%{transform:scale(1.4); opacity:0;}}
@-webkit-keyframes warn{0%{transform:scale(0.5); opacity:0;} 25%{transform:scale(1); opacity:0.4;} 50%{transform:scale(1.2); opacity:0.8;} 75%{transform:scale(1.3); opacity:0.4;} 100%{transform:scale(1.4); opacity:0;}}

.nyqqzl_map .dot_box .dot:nth-child(1){ left: 10%; top: 600px;}
.nyqqzl_map .dot_box .dot:nth-child(2){ left: 6%; top: 480px;}
.nyqqzl_map .dot_box .dot:nth-child(3){ left: 15%; top: 440px;}
.nyqqzl_map .dot_box .dot:nth-child(4){ left: 50%; top: 260px;}
.nyqqzl_map .dot_box .dot:nth-child(5){ left: 34%; top: 470px;}
.nyqqzl_map .dot_box .dot:nth-child(6){ left: 10%; top: 240px;}
.nyqqzl_map .dot_box .dot:nth-child(7){ left: 90%; top: 205px;}
.nyqqzl_map .dot_box .dot:nth-child(8){ left: 33%; top: 240px;}
.nyqqzl_map .dot_box .dot:nth-child(9){ left: 83%; top: 350px;}
.nyqqzl_map .dot_box .dot:nth-child(10){ left: 88%; top: 580px;}
.nyqqzl_map .dot_box .dot:nth-child(11){ left: 70%; top: 300px;}
.nyqqzl_map .dot_box .dot:nth-child(12){ left: 38%; top: 390px;}
.nyqqzl_map .dot_box .dot:nth-child(13){ left: 15%; top: 550px;}
.nyqqzl_map .dot_box .dot:nth-child(14){ left: 18%; top: 300px;}
.nyqqzl_map .dot_box .dot:nth-child(15){ left: 28%; top: 430px;}
.nyqqzl_map .dot_box .dot:nth-child(16){ left: 35%; top: 420px;}
.nyqqzl_map .dot_box .dot:nth-child(17){ left: 75%; top: 410px;}
.nyqqzl_map .dot_box .dot:nth-child(18){ left: 40%; top: 660px;}



.nyqytk_list{ width:100%; }
.nyqytk_list_title{ font-size:24px; 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:#007dd4;}
.nyqytk_list .nyqytk_list_con li:hover p a{ color:#fff;}
.nyqytk_list .nyqytk_list_con li:hover .text{ top:0;}



.nyqytk_listyf{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nyqytk_listyf{ font-size:24px; color:#333; text-align:center; line-height:60px; margin-bottom:20px;}
.nyqytk_listyf .nyqytk_list_con{width:100%; padding-bottom:60px; padding-top:10px;}
.nyqytk_listyf .nyqytk_list_con .swiper-slide{text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.8);
	box-shadow: 0px 2px 10px 1px rgba(255,255,255,0.1);
}
.nyqytk_listyf .nyqytk_list_con .swiper-slide-active, .nyqytk_listyf .nyqytk_list_con .swiper-slide-duplicate-active{
  transform: scale(1);
}
.nyqytk_listyf .nyqytk_list_con .swiper-slide img{display: block; max-width:100%; padding:5px; box-sizing:border-box; background:#fff;}


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

.nyaboutrongyu_a{ width:260px; height:45px; border-radius:4px;background: -moz-linear-gradient(#004fa1, #007dd4);
	background: -webkit-linear-gradient(90deg,#004fa1, #007dd4);
	background: -o-linear-gradient(90deg,#004fa1, #007dd4);
	background: -ms-linear-gradient(90deg,#004fa1, #007dd4);
	background: linear-gradient(90deg,#004fa1, #007dd4); margin:0 auto; display:block; font-size:14px; color:#fff; text-align:center; line-height:45px;transition: all 0.3s ease;}
.nyaboutrongyu_a:hover{ font-size:18px; font-weight:bold; color:#fff; border-radius:10px;}

.khpj{width:1000px; margin:0 auto; box-sizing:border-box; border-radius:20px; background:#f6f6f6; padding:40px; color:#666; line-height:30px;}

.nyyanfa_shebei{ width:100%; padding:60px 0; background:url(../images/nyyanfa_shebei.jpg) center center no-repeat}
.nyyanfa_shebei .nyyfsb_title h3{ color:#fff;}
.nyyanfa_shebei .nyyfsb_title p{ color:#fff;}
.nyyanfa_shebei .nyaboutrongyu_a{ background:#fff; color:#007dd4}
.nyyanfa_shebei .nyaboutrongyu_a:hover{ color:#007dd4}

.map {background:url(../images/map.jpg) center top 106px no-repeat; height:852px; position:relative; }
.map .con { position:relative; width:1000px; height:757px; margin:auto; }
.map .con .more { bottom:0; position:absolute; left:-60px; bottom:70px; }
.com1 { position:absolute; top: -107px; left: 185px; z-index:10; width:383px; height:225px; }
.add1 { position:absolute; top: 230px; left: 348px; z-index:9; }
.com2 { position:absolute; top: -67px; left: 178px; z-index:10; width:383px; height:225px; }
.add2 { position:absolute; top: 270px; left: 339px; z-index:9; }
.com3 { position:absolute; top: -67px; left: 225px; z-index:10; width:383px; height:225px; }
.add3 { position:absolute; top: 270px; left: 387px; z-index:9; }
.com4 { position:absolute; top: -37px; left: 194px; z-index:10; width:383px; height:225px; }
.add4 { position:absolute; top: 300px; left: 357px; z-index:9; }
.com2, .com3, .com4 { display:none; }

.nyfwbz{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; 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:14px; font-weight:normal; color:#007dd4; margin-bottom:10px;}
.nyfwbzlist ul li div p{ font-size:14px; color:#888; line-height:36px; margin-bottom:10px;}




.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:24px; font-weight:bold; color:#333;}
.nyfzlc-l ul li.active{ background:#007dd4; 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:24px; color:#33; line-height:150px; font-weight:bold;}
.nyfzlc-r div.tab_c .tab_c_title b{ color:#007dd4; 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:#007dd4;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;}



.servicetext{ font-size:14px; line-height:35px; color:#666;}
.servicetext .mode{ width:100%;}
.servicebox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}


.servicetext .mode dl{width: 29%;margin:0 2%;float: left; height:81px;padding: 25px; box-sizing:border-box; border-right:1px #eee solid;}
.servicetext .mode dl:last-child{ border:none;}
.servicetext .mode dd{float: left;margin: 0 15px 0 0;}
.servicetext .mode dt{float: left; }
.servicetext .mode dt h4{font-size: 18px;color: #aaa; font-weight:normal;}
.servicetext .mode dt p{font-size: 18px;padding: 0; color:#333;}



.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:#007dd4; height:60px;}
.nytopbg.hover .nytop{ top:0;}
.nytop .logo{ padding-top:0;}
.nytop .topright{}
.nytop .topicon{ top:15px;}

.nytitle{ text-align:center; font-size:24px; 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:24px; 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:#007dd4; 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:#007dd4; margin-bottom:10px;}
.nyaboutright p{ font-size:14px; 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:14px; 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:#007dd4;}
.nycplist ul li:hover h3{border:10px #007dd4 solid;}
.nycplist ul li:hover .text a{color:#007dd4; font-size:20px;}
.nycplist ul li:hover .text a.nycplist_pp{ font-size:14px; 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:14px;
	transition: all 0.3s ease;
}
.pagination li + li a {
	border-left: none;
}
.pagination li.active a, .pagination li a:hover {
	background-color: #007dd4;
	border: 1px solid #007dd4;
	color: #ffffff;
	border-left: none;
}

.nypro-item{ width:100%; height:600px; padding:60px 0 30px; box-sizing:border-box; margin:0 auto; border-bottom:3px #eee solid;}
.nypro-item-l{ float:left; width:750px;}

.spec-preview{width:600px;height:450px; float:left;}
/*图片放大镜样式*/
.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{ float:left; width:94px; height:450px; margin-right:10px;}
.spec-scroll .prev{ background-image:url(../images/nypro-prev.png); margin-bottom:10px;}
.spec-scroll .next{ background-image:url(../images/nypro-next.png);}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:94px;height:30px; background-position:center center; background-repeat:no-repeat;cursor:pointer;text-decoration:none;}
.spec-scroll .items{position:relative;width:94px;height:370px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:520px;height:94px;}
.spec-scroll .items ul li{width:94px;text-align:center; margin-right:5px;}
.spec-scroll .items ul li img{border:2px solid #eee;width:90px;height:90px;}
.spec-scroll .items ul li img:hover{border:2px solid #007dd4;}


.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% - 780px);}
.nypro-item-r h1{ font-size:24px; color:#333; margin-bottom:60px;}
.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:18px; color:#007dd4; margin:5px 0 20px; line-height:32px; font-weight:normal;}
.nypro-item-r h5{ font-size:18px;}
.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:14px; z-index:9; position:relative;}
.nypro-item-r ul li.nypro-item-r-zx{ background:#007dd4;}
.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:60px auto 20px; line-height:50px;}
.nypro-item-r h4 span{ font-size:36px; color:#007dd4}

.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:#007dd4;}
.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:#007dd4;color:#ffffff;}

.nypro-cpjs{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; padding:80px 0;font-size:14px; color:#666; line-height:36px;}
.nypro-cpjs h3{ color:#333; font-size:24px;margin: 0 0 40px; position: relative; padding-left:15px;}
.nypro-cpjs h3:before{ content:" "; width:4px; height:20px; position:absolute; top:7px; left:0px; background:#007dd4;}
.nypro-cpjs p{ font-size:14px; color:#666; line-height:36px;}

.nypro-xqgcal{ width:100%;padding:80px 0; background:url(../images/nypro-xqgcal.jpg) center center no-repeat}
.nypro-xqgcal h3{ color:#fff; font-size:24px;margin: 0 0 40px;}
.nypro-xqgcal h3 span{ font-size:18px; font-weight:normal; margin-left:10px;}
.nypro-xqgcal ul{width:100%; margin:0 auto; min-width:1300px; box-sizing:border-box;}
.nypro-xqgcal ul li{ float:left; width:23%; margin:0 2% 0 0; background:#fff; position:relative;}
.nypro-xqgcal ul li h4{width:100%; padding:0; padding-bottom:calc(300% / 4); border:1px #eee solid; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; position:relative;z-index:2;}
.nypro-xqgcal ul li h4 a{ display:block; width:100%; position: absolute; height:100%; left:0; top:0;}
.nypro-xqgcal ul li p{ font-size:18px; color:#333; height:100px; box-sizing:border-box; padding-left:25px; line-height:120px; position:relative;z-index:2;}
.nypro-xqgcal ul li p:before{ content:" "; background:#007dd4; width:50px; height:3px; position:absolute; left:25px; top:30px;}
.nypro-xqgcal ul li h5{ padding:50px 25px; box-sizing:border-box; position:absolute; left:0; top:0; opacity:0; z-index:1; background:#007dd4; width:100%; height:450px; transition: all 0.5s ease;}
.nypro-xqgcal ul li h5 a{ display:block; width:100%; height:450px;}
.nypro-xqgcal ul li h5 b{ display:block; color:#fff; font-size:20px; margin-bottom:10px;}
.nypro-xqgcal ul li h5 span{ font-weight:normal; color:#fff; font-size:14px; line-height:30px;}
.nypro-xqgcal ul li:hover h4 img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}
.nypro-xqgcal ul li:hover h5{ z-index:9; opacity:1;}


.message{width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box;overflow: hidden;padding: 80px 0;}
.message h2{margin: 40px auto;}
.message .left{width: calc(100% - 550px);float: left;}
.message .left dd{width: 100%; box-sizing:border-box;margin-bottom: 15px;}
.message .left dd span{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 15px;display: block;}
.message .left dt input{width: 48%;height: 50px;border: 1px solid #cdcdcd;margin: 13px 2% 13px 0;float:left;background: none;font-size: 14px;text-indent: 10px; box-sizing:border-box;}
.message .left dt input.icon-name-yzm{ float:left; width:120px; margin-top:0;}
.message .left dt .icon-name-yzm-img{ float:left; margin-top:8px;}
.message .left dt input.icon-message{background: url("../images/icon-message.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt input.icon-address{background: url("../images/icon-address.png") right 5px  center no-repeat;background-size: 25px;}
.message .left dt textarea{width: 98%;height: 70px;border: 1px solid #cdcdcd;background: none;
    font-size: 14px;padding: 10px 0 0 10px;margin: 15px 0; box-sizing:border-box;}
.message .left dt input.button{width: 185px;height: 50px;text-align: center;line-height: 50px;font-size: 18px; cursor:pointer; background: #007dd4;border: none;transition: all 0.5s ease; color:#fff;margin-top:0; margin-left:10px; float:left;text-indent:0;}
.message .right{width: 500px;float: right; overflow: hidden;}
.message .left dt input.button:hover{ background: #628cc3;}
.message .right dd{width: 100%;background: url("../images/phone3.png") left 45px center no-repeat #004fa1;padding: 40px 0 40px 140px; box-sizing:border-box}
.message .right dd span a{font-size: 46px;font-weight: bold;color: #fff;line-height: 46px;font-family: Impact;}
.message .right dd p{font-size: 24px;color: #fff;line-height: 24px;margin-bottom: 10px;}
.message .right dt{width: 100%;background:#007dd4;padding: 25px 30px; box-sizing:border-box}
.message .right dt p a{font-size: 16px;color: #fff;display: block;padding: 10px 0 15px 30px;background: url("../images/icons.png") left center no-repeat;}
.message .right dt .address a{background-position: 0 -49px;}
.message .right dt .url a{background-position: -2px -102px;}
.message .right dt .mailbox a{background-position: -4px -162px;}
.message .right dt .tel a{background-position: 2px 15px;}
.message .right dt .btn{width: 100%;overflow: hidden;padding: 20px 0;}
.message .right dt .btn a{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;
    border: 1px solid #fff;padding: 0;display: inline-block;margin-right: 10px;font-size: 16px;background: none;}
.message .right dt .btn a:hover{background: rgba(255,255,255,0.2)}

.nycpdefenlei{width: calc( 100% - 200px); margin: 0 auto; min-width: 1300px; height:400px; box-sizing: border-box;}
.nycpdefenlei_l{ width:600px; float:left; height:400px;}
.nycpdefenlei_r{width: calc(100% - 600px);float: right; height:400px; overflow: hidden; background:#fff;}
.nycpdefenlei_r dd{width: 100%;padding:60px 60px 0; box-sizing:border-box}
.nycpdefenlei_r dd span a{font-size: 46px;font-weight: bold;color: #333;line-height: 46px;font-family: Impact;}
.nycpdefenlei_r dd p{font-size: 20px;color: #666;line-height: 24px;margin-bottom: 10px;}
.nycpdefenlei_r dt{width: 100%;padding: 10px 30px; box-sizing:border-box}
.nycpdefenlei_r dt p{font-size: 14px;color: #666; line-height:36px;display: block;padding: 0 0 0 30px;}
.nycpdefenlei_r dt .address a{background-position: 0 -49px;}
.nycpdefenlei_r dt .url a{background-position: -2px -102px;}
.nycpdefenlei_r dt .mailbox a{background-position: -4px -162px;}
.nycpdefenlei_r dt .tel a{background-position: 2px 15px;}
.nycpdefenlei_r dt .btn{width: 100%;overflow: hidden;padding: 20px 0;}
.nycpdefenlei_r dt .btn a{width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;
    border: 1px solid #fff;padding: 0;display: inline-block;margin-right: 10px;font-size: 16px;background: none;}
.nycpdefenlei_r dt .btn a:hover{background: rgba(255,255,255,0.2)}



.nyanli-item-l{ float:left; width:800px; height:400px;}
.nyanli-item-l img{ max-width:100%; overflow:hidden; border-radius:10px;}
.nyanli-item-r{ float:right; width:calc(100% - 850px)}
.nyanli-item-r h1{ font-size:24px; color:#333; line-height:50px; margin-bottom:30px; margin-top:30px;}
.nyanli-item-r .nyalms{ padding:20px; color:#fff; line-height:30px; border-radius:10px; background: -moz-linear-gradient(300deg,#004fa1, #007dd4);
	background: -webkit-linear-gradient(300deg,#004fa1, #007dd4);
	background: -o-linear-gradient(300deg,#004fa1, #007dd4);
	background: -ms-linear-gradient(300deg,#004fa1, #007dd4);
	background: linear-gradient(300deg,#004fa1, #007dd4);}

#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:#007dd4;}
.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:14px; 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:#007dd4;}

#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:#007dd4;}

#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:#007dd4;}

.nypro-xqnav{ width:100%; border-bottom:1px #eee solid; height:100px;}
.nypro-xqnav h3{ float:left; line-height:100px; font-size:24px; 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:#007dd4; transition: all 0.5s ease;}
.nypro-xqnav ul li.active a{ color:#007dd4;}
.nypro-xqnav ul li.active a:after{ width:50px; margin-left:-25px;}
.nypro-xqnav ul li a:hover{ color:#007dd4;}
.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:14px; 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:14px; 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:#007dd4; 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:#007dd4; position:relative; z-index:3}
.newslist ul li h5 i{ font-size:14px; 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 #007dd4; 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:18px; 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:#007dd4; 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 #007dd4; 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:#007dd4}

.nynewsshow-l{ width:100%; background:#fff; padding:60px 0; box-sizing:border-box;}
.nynewsshow-l h1.title{ text-align:center; font-size:24px; 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;}
.textarea p{ margin:10px 0;}
.textarea img{ max-width:100%;}

.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:#007dd4; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li a{ line-height:50px; font-size:14px; color:#666;transition: all 0.5s ease;}
.nynewsshow-xgxw ul li a span{ float:right; font-size:14px; color:#888;}
.nynewsshow-xgxw ul li:hover:after{ width:100%;}
.nynewsshow-xgxw ul li:hover a{ color:#007dd4}

.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:14px; color:#666;}
.nynewspreNext ul li a:hover{color:#007dd4}
.nynewspreNext ul li span{ font-weight: normal; font-size:14px; 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:#007dd4; 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:14px; 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:14px; 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:#007dd4; color:#fff; text-align:center; line-height:40px; border:none; font-size:14px; 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:#007dd4; color:#fff; border:1px #007dd4 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:14px; color:#333; line-height:40px; margin-top:40px;}
.nycontact-tel h3{ margin-bottom:40px; font-size:36px; color:#007dd4; 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:#007dd4; color:#fff; border:1px #007dd4 solid;}



.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:#007dd4}

.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:#007dd4; 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:14px; color:#666; margin-left:20px; line-height:40px;}




@keyframes whirl {
	from {
			transform: rotate(0deg);
	}
	to {
			transform: rotate(360deg);
	}
}




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




/*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;}


.productflyylylist{ width: calc( 100% - 200px); margin: 0 auto; min-width: 1300px;background: #fff; padding: 60px; box-sizing: border-box;}
.productflyylylist ul{ width:100%;}
.productflyylylist ul li{ float:left; width:25%; padding:0 2%; box-sizing: border-box}
.productflyylylist ul li img{ max-width:100%;}

.productflyylylisttext{ text-align:center; color:#333; font-size:14px;}