@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:16px;line-height:32px;font-family:'Noto Serif SC',"微软雅黑";-webkit-text-size-adjust:none; color: #333;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:16px;line-height:16px;font-family:'Noto Serif SC',"微软雅黑";}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#d90f1d}
.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;}

::selection{background: rgba(0,0,0,0.6); color: white;}
::-moz-selection{background: rgba(0,0,0,0.6); color: white;}

.mainbox{width:90%; margin:0 auto; min-width:1300px; max-width:1600px;}
.hsbj{ width:100%; background:#f4f4f4; padding:60px 0;}

.sytopbg{ width:100%;}
.sytopbg .topinfo{ border:1px #ddd solid; line-height:45px; height:45px;}
.sytopbg .topinfo .topinfo_l{ float:left; font-size:14px; font-weight:700; color:#333;}
.sytopbg .topinfo .topinfo_r{ float:right; font-size:14px;}
.sytopbg .topinfo .topinfo_r a{ font-size:14px; float:left; color:#333; font-weight:500; margin-left:8px; line-height:45px;}
.sytopbg .topinfo .topinfo_r a i{ font-size:30px; float:left; margin-right:5px;}
.sytopbg .topinfo .topinfo_r a:nth-child(2) i{ margin-right:0}
.sytopbg .topinfo .topinfo_r a:hover{ color:#d90f1d;}
.sytop{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:100px;}
.logo{ float:left; width:210px; height:40px; padding:30px 0;}

.topright{ float:right; width:calc( 100% - 300px);}
.topicon{ float:right; position:relative; top:20px;}
.topicon a{ color:#fff; display:inline-block; margin:0 8px; width:28px; height:30px; float:left; position:relative; text-align:center;}
.topicon a:hover{ color:#fff;}
.topsearch{ position:absolute; right:0; top:45px; z-index:9; width:0; height:24px; overflow:hidden; display:inline-block; transition: all 0.3s ease;}
.topsearch.on{width:136px;}
.topiconmenu{ color:#fff; font-size:24px;}
.topiconmenu i{ font-size:26px;}
.topiconmenu span{
    position:absolute;
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		top:5px;
}
.topiconmenu span:nth-child(2){
    top:15px;
}
.topiconmenu span:last-child{
    top:25px;
}
.topiconmenu.on span{
    top:15px;
}
.topiconmenu.on span:nth-child(2){
    opacity: 0;
}
.topiconmenu.on span:first-child{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.topiconmenu.on span:last-child{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

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

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

.symenuping{ float:right; height:100px;}
.symenuping>ul>li{ float:left; position:relative; padding:0 20px; height:100px;}
.symenuping>ul>li:after{ content:""; position: absolute;
		border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #d90f1d;
    left: 50%;
    bottom: 0;
    margin-top: -15px;
    z-index: 3;}
.symenuping>ul>li>a{ color:#333; font-weight:500; font-size:18px; display:block; height:67px; line-height:20px; padding-top:33px;}
.symenuping>ul>li>a span{ font-weight:200; font-size:12px; line-height:20px; color:#ddd; text-transform:uppercase;}
.symenuping>ul>li:hover:after{
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid rgba(217,15,29,1);
    margin-left: -12px;}

.symenuping>ul>li .submenu{display:none;position:absolute;top:0;left:20px !important; background:rgba(0,0,0,0.6); z-index:99999}
.symenuping>ul>li .submenu{width:150px; height:auto; padding:0}
.symenuping>ul>li .submenu li{float:none;padding:0; height:45px; line-height:45px;background:none; text-align:center;}
.symenuping>ul>li .submenu li:hover{ background:rgba(0,0,0,0.7);}
.symenuping>ul>li .submenu li a{float:none;padding:0;text-align:center;height:45px;line-height:45px; font-size:14px; color:#fff;}
.symenuping>ul>li .submenu li a:hover{background:none;}

.syppqs{ width:100%;}

.sytitle{ text-align:center;}
.sytitle h3{ font-size:36px; color:#333; line-height:50px; position:relative; width:580px; margin:0 auto;}
.sytitle h3 i{ display:inline-block; width:24px; height:34px; margin-right:5px; background:url(../images/sytitleicon.png) center center no-repeat}
.sytitle p{ font-size:16px; color:#ddd; text-transform:uppercase;}

.syppqslist{ height:500px;}
.syppqslist li{ float:left; overflow:hidden; width:calc((100% - 800px) / 2); padding:160px 40px 0; box-sizing:border-box; position:relative; height:500px; text-align:center; background:#1b1b1b;transition: all 0.5s ease;}
.syppqslist li.active{ width:800px; background:#d90f1d; padding-top:100px;}
@media screen and (max-width: 1600px) {
	.syppqslist li{ width:calc((100% - 600px) / 2)}
  .syppqslist li.active {
    width:600px;
  }
}
.syppqslist li:before{ content:""; width:370px; height:370px; position:absolute; left:-185px; top:-185px; z-index:1; background:url(../images/syppqslistbefore.png) center center no-repeat;}
.syppqslist li:after{ content:""; width:370px; height:370px; position:absolute; right:20px; bottom:-185px; z-index:1; background:url(../images/syppqslistbefore.png) center center no-repeat;}
.syppqslist li h3{ width:180px; height:180px; margin:0 auto; color:#fff;}
.syppqslist li h3 img{ opacity:0.5;transition: all 0.5s ease;}
.syppqslist li.active h3 img{ opacity:1;}
.syppqslist li p{ font-size:20px; color:#fff; display:none; font-weight:700;}
.syppqslist li.active  p{ display:block;}
.syppqslist li a{ color:#fff; font-size:16px; line-height:50px; display:none;}
.syppqslist li.active a{ display:inline; z-index:9; position:relative;}
.syppqslist li a:after{ content:"→"; color:#fff; margin-left:10px;}
.syppqslist li a:hover{ color:#fff;}

.sycp{ width:100%; height:800px; padding-top:60px; box-sizing:border-box; background:url(../images/sycp.jpg) center center no-repeat;}
.sycpfl{ width:100%;}
.sycpfl ul li{ float:left; width:33.33%; box-sizing:border-box; padding:0 40px; height:240px;}
.sycpfl ul li:nth-child(2){ padding:0 20px}
.sycpfl ul li .sycpfl_l{ float:left; width:240px;}
.sycpfl ul li .sycpfl_l img{ max-width:100%;}
.sycpfl ul li:hover .sycpfl_l img{animation: load 15s linear infinite;}
.sycpfl ul li .sycpfl_r{ float:right; width:calc( 100% - 240px ); padding-top:50px;}
.sycpfl ul li .sycpfl_r h3{ font-size:24px; position:relative; line-height:50px; margin-bottom:10px;}
.sycpfl ul li .sycpfl_r h3 a{ color:#333;}
.sycpfl ul li .sycpfl_r h3:after{ content:""; width:100px; height:2px; background:#d90f1d; position:absolute; left:0; bottom:0;}
.sycpfl ul li .sycpfl_r p a{ margin-right:10px; display:inline-block; color:#888;}
.sycpfl ul li .sycpfl_r p a:hover{ color:#d90f1d}

@media screen and (max-width: 1600px) {
	.sycpfl ul li{ height:180px; padding:0 20px;}
	.sycpfl ul li .sycpfl_l{ width:180px}
  .sycpfl ul li .sycpfl_r { width:calc( 100% - 180px ); padding-top:20px;}
}

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

.sycplist{ width:100%; box-sizing:border-box; padding:0 50px;}
.sycplist ul li{ float:left; width:27.33%; margin:0 3%;}
.sycplist 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; background-size: cover; position:relative;}
.sycplist ul li h3 a{ display:block; width:100%; height:100%; position: absolute; left:0; top:0;}
.sycplist ul li .text{ text-align:center; padding-top:30px;}
.sycplist ul li .text a{ font-size:18px; color:#333; line-height:30px; font-weight:700; display:block; transition: all 0.5s ease;}
.sycplist ul li .text a.sycplist_pp{ font-size:14px; color:#d90f1d}
.sycplist ul li:hover h3{border:10px #d90f1d solid;}
.sycplist ul li:hover .text a{color:#d90f1d; font-size:20px;}
.sycplist ul li:hover .text a.sycplist_pp{ font-size:16px; color:#333;}


.sysclc_l{ float:left; width:50%; height:360px; background:#f8f8f8; position:relative;}
.sysclc_l:after{ content:"十环节"; color:#fff; background:#d90f1d; text-align:center; font-size:24px; position: absolute; right:0; top:0; width:48px; height:180px;padding: 52px 10px;box-sizing: border-box; border-bottom-left-radius:10px; font-weight:700; /*writing-mode: vertical-lr;*/line-height: 1;}
.sysclc_l ul{ padding:60px 10px; box-sizing:border-box;}
.sysclc_l ul li{ float:left; width:20%; max-width:140px; margin-bottom:50px; text-align:center; position:relative;}
.sysclc_l ul li:after{ content:"→"; position:absolute; font-weight:bold; color:#ddd; right:-8px; top:15px;}
.sysclc_l ul li:nth-child(5):after{ right:50%; margin-right:-8px; top:110px;transform:rotate(90deg)}
.sysclc_l ul li:nth-child(6):after{transform:rotate(180deg)}
.sysclc_l ul li:nth-child(7):after{transform:rotate(180deg)}
.sysclc_l ul li:nth-child(8):after{transform:rotate(180deg)}
.sysclc_l ul li:nth-child(9):after{transform:rotate(180deg)}
.sysclc_l ul li:nth-child(10):after{ display:none;}
.sysclc_l ul li i{ display:inline-block; width:60px; height:60px; box-sizing:border-box; border:1px #ddd solid; background:#fff; color:#888; border-radius:50%; font-size:30px; line-height:58px;transition: all 0.3s ease;}
.sysclc_l ul li h3{ color:#333; font-size:18px; line-height:50px;}
.sysclc_l ul li.active i{ background:#d90f1d; border:1px #d90f1d solid; color:#fff;}
.sysclc_l ul li.active h3{ color:#d90f1d;}

.sysclc .sytitle h4{ line-height:80px; font-size:24px; color:#333;}
.sysclc_r{ float:right; width:50%; height:360px; background:url(../images/sysclc_r.jpg) left center no-repeat; position:relative;}
.sysclc_r:after{ content:"五法则"; color:#fff; background:#1b1b1b; text-align:center; font-size:24px; position: absolute; left:0; top:0; width:48px; height:180px;padding: 52px 10px; box-sizing: border-box;border-bottom-right-radius:10px; font-weight:700; /*writing-mode: vertical-lr;*/line-height: 1;}
.sysclc_r ul{ padding:60px 60px 60px 10px; float:right; box-sizing:border-box;}
.sysclc_r ul li{ float:left; width:33.33%; max-width:210px; margin-bottom:50px; text-align:center; position:relative;}
.sysclc_r ul li:nth-child(4){ margin-left:16.66%}
.sysclc_r ul li i{ display:inline-block; width:60px; height:60px; box-sizing:border-box; border:2px #d90f1d solid; color:#fff; border-radius:50%; font-size:30px; line-height:58px;transition: all 0.3s ease;}
.sysclc_r ul li h3{ color:#fff; font-size:18px; line-height:50px;}
.sysclc_r ul li.active i{ background:#d90f1d; border:2px #d90f1d solid; color:#fff;}

.sycpys{ width:100%; height:900px; overflow:hidden;}
.sycpyslist{ width:100%; position: relative; background:url(../images/sycpys.jpg) center -42px no-repeat; height:800px;}
.sycpyslist div{ position:absolute; }
.sycpyslist div h3{ font-size:24px; color:#333; font-weight:700;writing-mode: vertical-rl;writing-mode:tb-rl; margin-left:6px; line-height:1; float:right; letter-spacing:1.2px; margin-bottom:10px;}
.sycpyslist div h3 i{ display:inline-block; font-style:normal; border-radius:50%; width:26px; height:26px; margin-bottom:10px; font-size:16px; text-align:center; line-height:28px; color:#fff; background:#d90f1d}
.sycpyslist div p{ color:#aaa;  font-weight:300; font-size:14px;writing-mode: vertical-rl;writing-mode:tb-rl; margin-top:38px; margin-bottom:40px;float: right; line-height: 1.8;}
.sycpyslist div img{ clear:both;-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); float:right;}
.sycpyslist div:before{ content:""; position:absolute; width:200px; height:50px; border-right:1px #ddd solid; background:#fff; top:-57px; right:16px;}
.sycpyslist01{ left:5%; top:100px; width:110px; z-index:9}
.sycpyslist02{ left:20%; top:243px; width:110px;}
.sycpyslist03{ left:48%; top:510px; width:110px;}
.sycpyslist04{ right:20%; top:243px; width:162px;}
.sycpyslist05{ right:5%; top:100px; width:110px;}
.sycpyslist div.sycpyslist04:before{border-right:none;border-left:1px #ddd solid; right: -184px;}
.sycpyslist div.sycpyslist05:before{border-right:none;border-left:1px #ddd solid; right: -184px;}


.syabout{ width:100%;}
.syabout_left{ float:left; width:calc(100% - 730px); box-sizing:border-box;}
.syabout_left .syabout_title{ padding-bottom:60px; position:relative;}
.syabout_left .syabout_title h3{ font-size:36px; color:#333; line-height:50px;}
.syabout_left .syabout_title h3 i{ display:inline-block; width:24px; height:34px; margin-right:5px; background:url(../images/sytitleicon.png) center center no-repeat}
.syabout_left .syabout_title p{ font-size:16px; color:#888; font-weight:300; text-transform:uppercase;}
.syabout_left .syabout_title h3 span{ font-size:24px; color:#888; margin-left:5px; font-weight:300; text-transform:uppercase;}
.syabout_left .syabout_title:after{ content:""; position:absolute; left:0; bottom:30px; width:80px; height:2px; background:#d90f1d;}
.syabout_left .syabout_text{ font-size:18px; color:#333; line-height:40px; font-weight:300; margin-bottom:30px; text-align:justify}
.syabout_left .syabout_a{ display:block; width:150px; height:45px; text-align:center; line-height:45px; color:#fff; background:#d90f1d;transition: all 0.3s ease; position:relative;}
.syabout_left .syabout_a:after{content:"→"; color:#fff; font-size:16px; margin-left:10px;}
.syabout_left .syabout_a:hover{ background:#1b1b1b}
.syabout_right{ float:right; width:660px; height:440px; box-sizing:border-box;}

.synews{width:90%; margin:0 auto; min-width:1300px; max-width:1600px;border-bottom: 1px #ddd solid}
.synewsfl{ line-height: 60px; color: #333; font-size: 12px; height: 60px; text-align: center;}
.synewsfl ul li {
    width: 130px;
    position: relative;
    text-align: center;
    display: inline-block;
}
.synewsfl ul li a{ line-height:60px; color:#333; font-size:18px; display:block; width:130px; position:relative; z-index:999}
.synewsfl ul li:hover a{ color:#fff}
.synewsfl ul li:before{content:" "; background:#1b1b1b; z-index:1; position:absolute; left:50%; top:0; width:0; height:60px; transition: all 0.3s ease;}
.synewsfl ul li:after {
    content: " ";
    background: #ddd;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 20px;
    width: 1px;
    height: 20px;
}
.synewsfl ul li:hover:before{ width:130px; left:0;}
.synewsfl ul li:last-child:after{ display:none;}

.synewslist{ width:100%}
.synewslist ul li{ float:left; margin:50px 3% 50px 0; width:30.33%;}
.synewslist ul li h3{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px #ddd solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.synewslist ul li h3 a{ font-size:18px; font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.synewslist ul li h3 span{ font-size:14px; color:#aaa; line-height:32px; display:block; font-weight:300;}
.synewslist ul li p{ font-size:14px; color:#aaa; height:96px; overflow:hidden; font-weight:300; line-height:32px; margin-bottom:20px;}
.synewslist ul li a.synewslist_a{ display:block; width:120px; height:35px; text-align:center; line-height:35px; color:#666; border:1px #888 solid;transition: all 0.3s ease; position:relative;}
.synewslist ul li a.synewslist_a:after{content:"→"; color:#666; font-size:16px; margin-left:10px;}
.synewslist ul li:hover h3 a{ color:#d90f1d;}
.synewslist ul li:hover p{ color:#666;}
.synewslist ul li:hover a.synewslist_a{ background:#d90f1d; border:1px #d90f1d solid; color:#fff}
.synewslist ul li:hover a.synewslist_a:after{ color:#fff}

.syhxys{width:88%; left:6%; right:6%; position:relative;}
.syhxys ul li{ float:left; margin:0 12px; width:calc(20% - 24px); height:305px; text-align:center; box-sizing:border-box; padding:50px 20px; background:#fff;transition: all 0.3s ease;}
.syhxys ul li i{ display:inline-block; font-style:normal; font-weight:bold; width:100%; height:50px; background-repeat: no-repeat; background-position:center top; overflow:hidden; font-size:48px; color:#4b9f30; line-height:50px;transition: all 0.3s ease;}
.syhxys ul li i.syhxys_01{ background-image:url(../images/syhxys_01.png)}
.syhxys ul li i.syhxys_02{ background-image:url(../images/syhxys_02.png)}
.syhxys ul li i.syhxys_03{ background-image:url(../images/syhxys_03.png)}
.syhxys ul li i.syhxys_04{ background-image:url(../images/syhxys_04.png)}
.syhxys ul li h3{ font-weight:normal; color:#333; font-size:24px; line-height:80px;}
.syhxys ul li p{ font-size:16px; color:#aaa; line-height:32px;}
.syhxys ul li:hover{ background:#4b9f30;box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.3);}
.syhxys ul li:hover i{ background-position:center bottom; color:#fff;}
.syhxys ul li:hover h3{ color:#fff;}
.syhxys ul li:hover p{ color:#fff;}

.sykhjz{width:88%; left:6%; right:6%; position:relative;}
.sykhjz ul li{ float:left; margin:0 12px 24px; width:calc(20% - 24px); text-align:center;}
.sykhjz ul li img{ width:100%;}


.footer{ width:100%; height:329px; padding-top:100px; background:url(../images/footbg.jpg) center top no-repeat;}
.footer_title{ color:#fff; position:relative; font-size:24px; font-weight:700; margin-bottom:20px;}
.footer_title:before{ content:""; position:absolute; left:-25px; top:8px; background:#d90f1d; width:3px; height:20px;}

.footer_l{ float:left; width:325px; color:#fff; font-size:14px; padding-left:25px;}
.footer_l ul{ display:block;}
.footer_l ul li{ width:120px; float:left;}
.footer_l ul li a{ font-size:16px; color:#fff; line-height:45px;}
.footer_l ul li a:hover{color:#d90f1d; }

.footer_c{ float:left; width:calc(100% - 850px); padding-left:100px;}
.footer_c ul{ display:block;}
.footer_c ul li{ line-height:60px; font-size:18px; color:#fff; line-height:60px;}
.footer_c ul li i{ color:#fff; font-size:24px; margin-right:10px;}
.footer_c ul li b{ color:#d90f1d; font-size:24px;}
.footer_c ul li span{ color:#888; margin-left:5px; font-weight:700}

.footer_r{ float:left; width:350px; padding-left:50px;}
.footer_r_i i{ color:#fff; font-size:150px; margin-right:20px; float: left; margin-left: -30px;line-height: 150px;}

.footrightnav{ position:fixed; right:3%; bottom:10%; width:40px; z-index:9999}
.footrightnav ul li{ width:40px; height:40px; border:1px rgba(255,255,255,0.3) solid; border-radius:4px; box-sizing:border-box; margin-bottom:10px; position:relative;}
.footrightnav ul li a{ display:block; text-align:center; line-height:38px; color:#fff;}
.footrightnav ul li a i{ font-size:20px;}
.footrightnav ul li .footrightnav_pf{ width:0; position:absolute; top:0; right:41px; color:#fff; overflow:hidden; text-align:center; background:#d90f1d;transition: all 0.3s ease;}
.footrightnav ul li:hover .footrightnav_pf{ width:auto; padding:10px; min-width:120px;}

.nyfootrightnav{ position:fixed; right:3%; bottom:10%; width:40px; z-index:9999}
.nyfootrightnav ul li{ width:40px; height:40px; border:1px rgba(0,93,173,0.3) solid; border-radius:4px; box-sizing:border-box; margin-bottom:10px; position:relative;}
.nyfootrightnav ul li a{ display:block; text-align:center; line-height:38px; color:#d90f1d;}
.nyfootrightnav ul li a i{ font-size:20px;}
.nyfootrightnav ul li .footrightnav_pf{ width:0; position:absolute; top:0; right:41px; color:#fff; overflow:hidden; text-align:center; background:#d90f1d;transition: all 0.3s ease;}
.nyfootrightnav ul li:hover .footrightnav_pf{ width:auto; padding:10px; min-width:110px;}



.footinfo{width:100%; height:80px; background:#d90f1d;}
.footinfo_left{ float:left; line-height:80px; color:#fff; font-size:14px;}
.footinfo_left i{ font-size:14px;color: #48a02f}
.footinfo_right{ float:right; line-height:80px;}
.footinfo a{ color:#fff; font-size:14px; margin:0 3px;}

.nyfoot{ width:100%; height:60px; background:rgba(0,0,0,1);}
.nyfoot_left{ float:left; line-height:60px; color:#fff;}
.nyfoot_right{ float:right; line-height:60px;}
.nyfoot a{ color:#fff; font-size:14px; margin:0 3px;}

.nybanner{ width:100%; margin:0 auto; min-width:1300px;height:400px; background:url(../images/nybanner.jpg) center center repeat-x;display: table; table-layout: fixed;}
.nybanner .nybannertext{display: table-cell; vertical-align: middle; text-align:center;}
.nybanner .nybannertext h3{ color:#fff; font-size:36px; line-height:50px;}
.nybanner .nybannertext h3 i{ display:inline-block; width:24px; height:34px; margin-right:5px; background:url(../images/nybannertitleicon.png) center center no-repeat}
.nybanner .nybannertext p{ font-size:16px; color:rgba(255,255,255,0.3); letter-spacing:2px; text-transform:uppercase;}

.nyaboutbanner{  width:100%; margin:0 auto; min-width:1300px; height:700px; background:url(../images/nyaboutbanner.jpg) center center repeat-x;display: table; table-layout: fixed;}
.nyaboutbanner .nybannertext{display: table-cell; vertical-align: middle; text-align:center;}
.nyaboutbanner .nybannertext h3{ color:#fff; font-size:36px; line-height:50px;}
.nyaboutbanner .nybannertext h3 i{ display:inline-block; width:24px; height:34px; margin-right:5px; background:url(../images/nybannertitleicon.png) center center no-repeat}
.nyaboutbanner .nybannertext>p{ font-size:16px; color:rgba(255,255,255,0.3); letter-spacing:2px; text-transform:uppercase;}
.nyaboutbanner .nybannertext .nybannerabouttext{ color:#fff; font-size:18px;writing-mode: vertical-rl;writing-mode:tb-rl; margin:40px auto 0; text-align:justify; height:260px;line-height: 50px;letter-spacing: 3px;}
.nyaboutbanner .nybannertext .nybannerabouttext p{ line-height:2;}

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

.nytitle{ text-align:center; font-size:30px; color:#333; line-height:60px; font-weight:bold; margin-bottom:20px;}
.nyaboutleft{ float:right; width:380px;}
.nyaboutleft .nyaboutleft_title{ text-align:left;}
.nyaboutleft .nyaboutleft_title h3{ font-size:30px; color:#333; position:relative; margin-bottom:50px;}
.nyaboutleft .nyaboutleft_title h3 span{ font-family:"微软雅黑 Light"; font-weight:normal; color:#888; font-size:18px; text-transform:uppercase; line-height:30px;}
.nyaboutleft .nyaboutleft_title h3:after{ content:""; width:80px; height:2px; background:#d90f1d; 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:#d90f1d; margin-bottom:10px;}
.nyaboutright p{ font-size:16px; color:#888; line-height:32px; text-align:justify}

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

.nypinpaitext{writing-mode: vertical-rl;writing-mode:tb-rl;margin:0 auto;}
.nypinpaitext img{ margin-left:40px;}
.nypinpaitext h3{ color:#333; font-size:24px; line-height:2;}
.nypinpaitext h3 b{ color:#d90f1d; margin-bottom:10px;}
.nypinpaitext p{ color:#888; font-size:16px; line-height:2;}
.nypinpaitext p:hover{ color:#333;}

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

.nyqywh{ width:100%; padding:60px 0; background:url(../images/nyqywhbg.jpg) center top repeat-y}
.nyqywhlist{ width:100%;}
.nyqywhlist ul{ padding:0 4.5%; box-sizing:border-box; text-align:center;}
.nyqywhlist ul li{ display:inline-block; margin:0 3%; height:630px;writing-mode: vertical-rl;writing-mode:tb-rl;}
.nyqywhlist ul li h3{ color:#888; font-size:18px; float:left; line-height:1.2; text-align:center; letter-spacing:4px;}
.nyqywhlist ul li h3 b{ font-size:24px; color:#333; margin-bottom:10px;}
.nyqywhlist ul li p{ font-size:14px; color:#aaa; margin-right:12px; line-height:1.1; letter-spacing:1px; float:left; clear:left;}
.nyqywhlist ul li.active h3{ color:#333;}
.nyqywhlist ul li.active h3 b{ color:#d90f1d;}
.nyqywhlist ul li.active p{ color:#888}

.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:#d90f1d;}
.nycplist ul li:hover h3{border:10px #d90f1d solid;}
.nycplist ul li:hover .text a{color:#d90f1d; font-size:20px;}
.nycplist ul li:hover .text a.nycplist_pp{ font-size:16px; color:#333;}



.shzr-cont{ width:100%;}
.shzr-cont h3{ font-size:20px; color:#333; line-height:50px;}
.shzr-cont h4{ font-size:18px; color:#d90f1d; line-height:40px;}
.shzr-cont p{ font-size:16px; color:#aaa; line-height:36px; margin-bottom:20px;}
.shzr-cont p:hover{ color:#333;}


.nyfzlc{width:100%;padding:60px 0; box-sizing:border-box;}
.nyfzlc .nyabouttitle h3{ color:#333; font-size:36px;}
.nyfzlc-l{ float:left; width:340px;}
.nyfzlc-l ul{}
.nyfzlc-l ul li{ width:260px; cursor:pointer; height:80px; padding:20px 30px; line-height:40px; background:#f8f8f8; border-bottom:1px #fff solid; text-align:right; color:#333; transition: all 0.5s ease;}
.nyfzlc-l ul li h3{ font-weight:normal; font-size:20px; color:#aaa;}
.nyfzlc-l ul li p{ font-size:30px; font-weight:bold; color:#333;}
.nyfzlc-l ul li.active{ background:#d90f1d; color:#fff;}
.nyfzlc-l ul li.active h3{ color:#fff}
.nyfzlc-l ul li.active p{ color:#fff;}
.nyfzlc-r{width:calc(100% - 400px);float:right;border-left: 1px solid #e6e6e6;}
.nyfzlc-r ul{ display:none;}
.nyfzlc-r ul.active{ display:block;}
.nyfzlc-r ul li{margin-bottom: 40px;position: relative;border:7px solid #e7e7e7;margin-left: 60px;}
.nyfzlc-r ul li .oc{position: absolute;left:-76px;top:38px;}
.nyfzlc-r ul li .os{position: absolute;left:-36px;top:33px;}
.nyfzlc-r ul li .mask_ {margin:40px 40px;}
.nyfzlc-r ul li .mask_ .title{font-size: 30px;color:#d90f1d;text-align: left; margin-bottom: 10px;}
.nyfzlc-r ul li .mask_ .p{font-size: 16px;color:#5a5a5a;line-height: 36px;}
.nyfzlc-r ul li .mask_ .bg_img{margin-top: 35px;}
.nyfzlc-r ul li.li_ .bg_img{display: none;}
.nyfzlc-r 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 ul li .mask_ .bg_img .img_title span{display:block;padding:0px 10px;font-size:14px;color:#fff;font-weight:normal;text-align:center;}


.nyqyry{width:88%; left:6%; right:6%; position:relative; padding:60px 0; box-sizing:border-box;}
.nyhzhb_title{ text-align:center; font-size:30px; color:#333; font-weight:bold; margin:0 auto 40px;}
.nyhzhb_title span{ color:#d61419}
.nyhzhb_list{ width:1350px; margin:0 auto; overflow:hidden; position:relative; height:320px;}
.nyhzhb_list ul{ height:260px;}
.nyhzhb_list ul li{ float:left;text-align: center;
      font-size: 18px;
      background: #fff;
			box-sizing:border-box;
			border:1px #ddd solid;
      /* Center slide text vertically */
      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;
			padding:5px;
}

.nyhzhb_list .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}
.nyhzhb_list .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: #111;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
.nyhzhb_list .swiper-pagination-bullet-active {
	background: #d61419;
	width: 12px;
}


.nyhzms{ width:100%;}
.nyhzms_list{ width:100%;}
.nyhzms_list ul li{ float:left; margin:0 30px; width:calc(50% - 60px); height:300px; background:#f8f8f8 url(../images/nyhzms_listbg.png) right center no-repeat; box-sizing:border-box; padding:84px 50px;}
.nyhzms_list ul li i{ display:inline-block; float:left; width:145px; height:132px; background-position:center center; background-repeat:no-repeat; margin-right:20px;}
.nyhzms_list ul li i.nyhzms_list01{ background-image:url(../images/nyhzms_list01.png)}
.nyhzms_list ul li i.nyhzms_list02{ background-image:url(../images/nyhzms_list02.png)}
.nyhzms_list ul li h3{ font-size:24px; color:#333; line-height:50px;}
.nyhzms_list ul li p{ font-size:18px; color:#888;}

.nyqyys{ width:100%;}
.nyqyys_list{ width:100%;}
.nyqyys_list ul li{ float:left; margin:0 30px; width:calc(50% - 60px); height:420px;}
.nyqyys_list ul li div{ width:100%; height:200px; background-position:center center; background-repeat:no-repeat; margin-bottom:20px;}
.nyqyys_list ul li div.nyqyys_listimg01{ background-image:url(../images/nyqyys_listimg01.jpg)}
.nyqyys_list ul li div.nyqyys_listimg02{ background-image:url(../images/nyqyys_listimg02.jpg)}
.nyqyys_list ul li div.nyqyys_listimg03{ background-image:url(../images/nyqyys_listimg03.jpg)}
.nyqyys_list ul li div.nyqyys_listimg04{ background-image:url(../images/nyqyys_listimg04.jpg)}
.nyqyys_list ul li h3{ font-size:24px; color:#333; line-height:50px;}
.nyqyys_list ul li h3 b{ color:#d90f1d;}
.nyqyys_list ul li p{ font-size:18px; color:#888; line-height:36px;}


.nyhyqjtext_left{ padding-top: 20px;  float: left; width: calc(100% - 600px);}
.nyhyqjtext_img{ float: right; width: 525px; text-align: center;}

.nyhyqjtext h3{ font-size:24px; color:#333; line-height:50px; margin:20px 0 10px;}
.nyhyqjtext p{ color:#888; font-size:16px; line-height:40px;}
.nyhyqjtext p:hover{ color:#333;}

/*分页样式*/
.pagination {
	clear: both;
	margin: 10px 0;
	text-align: center;
}
.pagination li {
	display: inline-block;
*display: inline;
	zoom: 1;
}
.pagination li a {
	display: block;
	padding: 4px 16px;
	background-color: #fff;
	border: 1px solid #eee;
	font-size:16px;
	transition: all 0.3s ease;
}
.pagination li + li a {
	border-left: none;
}
.pagination li.active a, .pagination li a:hover {
	background-color: #d90f1d;
	border: 1px solid #d90f1d;
	color: #ffffff;
	border-left: none;
}

.nypro-item{ width:100%; height:620px; box-sizing:border-box; margin:0 auto;/* position:relative;*/}
.nypro-item-l{ float:left; width:620px;}

/*图片放大镜样式*/
.jqzoom{ padding:10px;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:600px; height:450px; text-align:center;}
.jqzoom img{width:600px; height:450px;}
.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-preview{width:600px; height:450px; border: 10px #fff solid; margin-bottom:30px; -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);}
.spec-scroll{margin-top:5px;width:600px; height:120px;}
.spec-scroll .prev{margin-right:4px; background:rgba(0,0,0,0.6) url(../images/nypro-prev.png) center center no-repeat; margin-right:10px; float:left;}
.spec-scroll .next{ background:rgba(0,0,0,0.6) url(../images/nypro-next.png) center center no-repeat; margin-left:10px; float:left;}
.spec-scroll .prev,.spec-scroll .next{display:none;text-align:center;width:30px;height:94px; line-height:54px;cursor:pointer;text-decoration:none; transition: all 0.3s ease;}
.spec-scroll .prev:hover{background:rgba(217,15,29,0.8) url(../images/nypro-prev.png) center center no-repeat;}
.spec-scroll .next:hover{background:rgba(217,15,29,0.8) url(../images/nypro-next.png) center center no-repeat;}
.spec-scroll .items{position:relative;width:620px;height:90px;overflow:hidden; float:left;}
.spec-scroll .items ul{position:absolute;width:620px;height:90px;}
.spec-scroll .items ul li{width:118px;text-align:center; float:left; margin-right:5px;}
.spec-scroll .items ul li img{border:2px solid #eee;width:114px;height:86px;}
.spec-scroll .items ul li img:hover{border:2px solid #d90f1d}

.nypro-item-r{ float:right; width:calc(100% - 700px); padding:10px 0 0 0; position:relative; z-index:9;}
.nypro-item-r h1{ font-size:30px; color:#333; margin-bottom:20px;}
.nypro-item-r p{ font-size:16px; color:#666; line-height:30px;}
.nypro-item-r p.nypro-item-rc{ min-height:150px; color:#888; background:#f4f6fa;padding: 15px 10px; box-sizing:border-box;}
.nypro-item-r p.nypro-item-rc b{ color:#333; font-weight:normal;}
.nypro-item-r h3{ font-size:16px; color:#333; margin:5px 0; line-height:32px; font-weight:normal;}
.nypro-item-r ul{ width:100%; height:56px; line-height:56px; margin-top:10px; transition: all 0.5s ease;}
.nypro-item-r ul li{ margin-right:40px; width:200px; background:#222; position:relative; border-radius:4px; display:table;}
.nypro-item-r ul li:after{content:" "; position:absolute; left:0; bottom:0; width:0; height:56px; background:#000; transition: all 0.5s ease; z-index:1;}
.nypro-item-r ul li a{ display: table-cell; vertical-align:middle; height:56px; text-align:center; color:#fff; font-size:18px; line-height:56px; z-index:9; position:relative; border-radius:4px;}
.nypro-item-r ul li a i{ font-size:24px; margin-right:10px;}
.nypro-item-r ul li.nypro-item-r-zx{ background:#d90f1d;}
.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:200px; border-radius:4px;}
.nypro-item-r h4{ font-size:18px; color:#333; margin:10px auto; line-height:36px;}
.nypro-item-r h4 span{ font-size:30px; color:#d90f1d}

.nypro-xqdetail{ position:relative; width:100%; }
#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:#d90f1d;}


.nypro-xqdetailc{ width:100%;}
.nypro-xqdetailc.active{ display:block;}
.nypro-xqdetailc p{ line-height:30px; font-size:16px; color:#666; padding:8px 0;}
.nycpxqtitle{ font-size:24px; font-weight:bold; border-bottom:1px #ddd solid; padding: 10px 0; color:#333;}
.nycpxqtitle span{ font-size:16px; color:#aaa; font-weight:normal;}

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


.nycase_list{ width:100%; }
.nycase_list .nycase_list_con{ width:100%;}
.nycase_list .nycase_list_con li{ float:left; width:19%; margin-right:1.25%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nycase_list .nycase_list_con li:nth-child(5n){ margin-right:0}

.nycase_list .nycase_list_con li h3{ width:100%;}
.nycase_list .nycase_list_con li h3 a{ display:block; width:100%; line-height:0}
.nycase_list .nycase_list_con li h3 a img{ max-width:100%;}
.nycase_list .nycase_list_con li p{ background:#f2f4f8; height:45px; line-height:45px; color:#333; text-align:center; transition: all 0.3s ease;}
.nycase_list .nycase_list_con li p a{ font-size:14px; color:#333; line-height:45px; padding:0 10px;}
.nycase_list .nycase_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;}
.nycase_list .nycase_list_con li .text a{ color:#fff; font-size:14px; padding:0 40px; line-height:30px;display: table-cell; vertical-align: middle;}
.nycase_list .nycase_list_con li:hover p{ background:#4b9f30;}
.nycase_list .nycase_list_con li:hover p a{ color:#fff;}
.nycase_list .nycase_list_con li:hover .text{ top:0;}

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

.nyqytk_list{ width:100%; }
.nyqytk_list_title{ font-size:30px; color:#333; text-align:center; line-height:60px; margin-bottom:20px;}
.nyqytk_list .nyqytk_list_con{width:100%;}
.nyqytk_list .nyqytk_list_con li{ float:left; width:23%; margin-right:2.6%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:2%; position:relative; overflow:hidden;transition: all 0.3s ease;}
.nyqytk_list .nyqytk_list_con li:nth-child(4n){ margin-right:0}

.nyqytk_list .nyqytk_list_con li h3{ width:100%; height:200px;}
.nyqytk_list .nyqytk_list_con li h3 a{ display:block; width:100%; height:100%; line-height:0; text-align:center;}
.nyqytk_list .nyqytk_list_con li h3 a img{ max-width:100%; max-height:100%; display:inline-block}
.nyqytk_list .nyqytk_list_con li p{ background:#f2f4f8; height:45px; line-height:45px; color:#333; text-align:center; transition: all 0.3s ease;}
.nyqytk_list .nyqytk_list_con li p a{ font-size:14px; color:#333; line-height:45px; padding:0 10px;}
.nyqytk_list .nyqytk_list_con li .text{ position:absolute; top:calc(60px - 100% ); left:0; width:100%; height:calc(100% - 60px); z-index:999; background:rgba(75,159,48,0.8); overflow:hidden;transition: all 0.3s ease;display: table;}
.nyqytk_list .nyqytk_list_con li .text a{ color:#fff; font-size:14px; padding:0 40px; line-height:30px;display: table-cell; vertical-align: middle;}
.nyqytk_list .nyqytk_list_con li:hover p{ background:#4b9f30;}
.nyqytk_list .nyqytk_list_con li:hover p a{ color:#fff;}
.nyqytk_list .nyqytk_list_con li:hover .text{ top:0;}

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

.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:#d90f1d; 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:#d90f1d; position:relative; z-index:3}
.newslist ul li h5 i{ font-size:16px; line-height:40px; color:#333; font-weight:normal; font-style:normal; position:relative; z-index:3}
.newslist ul li h3{ background:#fafafa; float:left; width:calc(100% - 697px); height:170px; padding:30px 50px; position:relative; z-index:3}
.newslist ul li h3:before{content:" "; position: absolute; border-top: 0 solid transparent; border-bottom: 0 solid transparent; border-left: 0 solid #d90f1d; left: -120px; top: 50%; margin-top: -15px; z-index: 3;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3:after{content:" "; background:#fafafa; position: absolute; left: 0; top:0; z-index:1; width:90px; height:230px;transition: all .5s ease;-webkit-transition: all .5s ease;}
.newslist ul li h3 a{ font-size:22px; line-height:50px; color:#333; transition: all .5s ease;-webkit-transition: all .5s ease;position:relative; z-index:3}
.newslist ul li h3 p{ font-size:14px; line-height:30px; font-weight:normal; color:#888;position:relative; z-index:3}
.newslist ul li h4{ background:#fafafa; float:right; width:307px; height:230px; position:relative; z-index:3}
.newslist ul li h4:after{content:" "; position: absolute; top:0; left:307px; width: 0; height: 230px; background:#fafafa; transition: all .5s ease;-webkit-transition: all .5s ease; z-index:1;}
.newslist ul li h4 img{ max-width:100%; max-height:100%; position:relative; z-index:5;}
.newslist ul li.active h5:before{ width:200px;}
.newslist ul li.active h5 b{ color:#fff;}
.newslist ul li.active h5 i{ color:#fff;}
.newslist ul li.active h5:after{ background:#d90f1d; 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 #d90f1d; 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:#d90f1d}

.nynewsshow-l{ width:100%; background:#fff; padding:60px 0; box-sizing:border-box;}
.nynewsshow-l h1.title{ text-align:center; font-size:30px; line-height:50px; padding-bottom:10px; border-bottom:1px #eee solid;}
.nynewsshow-l h1.title .info{ font-size:14px; color:#666; line-height:40px; font-weight:normal;}
.nynewsshow-l h1.title .info small{ font-size:14px;}
.textarea{ color:#666; line-height:36px;}

.nynewsshow-xgxw{ padding-top: 30px; margin-top:30px; border-top: 1px #ddd solid;}
.nynewsshow-xgxw ul li{ float:left; width:48%; line-height:50px; position:relative; margin-right:4%; border-bottom:1px #eee solid; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li:nth-child(2n){ margin-right:0}
.nynewsshow-xgxw ul li:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#d90f1d; transition: all 0.8s ease;}
.nynewsshow-xgxw ul li a{ line-height:50px; font-size:16px; color:#666;transition: all 0.5s ease;}
.nynewsshow-xgxw ul li a span{ float:right; font-size:16px; color:#888;}
.nynewsshow-xgxw ul li:hover:after{ width:100%;}
.nynewsshow-xgxw ul li:hover a{ color:#d90f1d}

.nynewsshow-r{ width:100%;}
.nynewspreNext{}
.nynewspreNext ul li{ background:#f8f8f8; padding:30px; float:left; width:48%; margin-right:4%; font-size:18px; box-sizing:border-box; margin-bottom:20px; font-weight:bold;}
.nynewspreNext ul li:nth-child(2){ margin-right:0}
.nynewspreNext ul li a{ font-weight: normal; font-size:16px; color:#666;}
.nynewspreNext ul li a:hover{color:#d90f1d}
.nynewspreNext ul li span{ font-weight: normal; font-size:16px; color:#666;}

.share_box{background:#f8f8f8; padding:30px; font-size:18px; box-sizing:border-box;}
.share_box_title{ font-size:18px; font-weight:bold; margin-bottom:10px;}

.nycontact{ width:1350px; margin:0 auto;}
.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:#d90f1d; color:#fff; border:1px #d90f1d 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-message{ float:left; width:760px;}
.nycontact-tel{ float:right; width:400px; padding-left:75px; border-left:1px #ddd solid;height: 560px;}
.nycontact-tel p{ font-size:16px; color:#333; line-height:40px; margin-top:40px;}
.nycontact-tel h3{ margin-bottom:40px; font-size:36px; color:#d90f1d; 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:#d90f1d; color:#fff; border:1px #d90f1d solid;}

.servicetext{ font-size:16px; line-height:35px; color:#666;}
.servicetext .mode{ width:100%;}
.servicebox{ width:1200px; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}
.servicelist{ width:1200px; margin:0 auto;}
.servicelist ul{}
.servicelist ul li{ float:left; width:25%; text-align:center;}
.servicelist ul li h3{}
.servicelist ul li p{ font-size:16px;}

.servicetext .mode dl{width: 32%;margin-right: 1.3%;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;}
.servicetext .mode dl:first-child{margin-left: 0;}
.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}
.servicetext .mode dt{float: left; width:290px;}
.servicetext .mode dt h4{font-size: 24px;color: #333; font-weight:normal;}
.servicetext .mode dt p{font-size: 16px;padding: 0; color:#333;}
.servicetext .mode dt p.tel{font-weight: 800;font-size: 24px; color:#d90f1d}

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

.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;}
.liuyan table td .icon-name-yzm{ float:left; width:120px; margin-top:0;}
.liuyan table td .icon-name-yzm-img{ float:left; margin-top:4px; margin-left:8px;}
.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:#d90f1d; position:absolute;}
.form-control4{ float:left; width:365px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control3{ float:left; width:235px; border-radius:3px; background:#f6f7fa; border:1px #e9ecf2 solid; height:40px; line-height:40px; color:#666; margin-right:20px; padding:0 15px; box-sizing:border-box;}
.form-control-c3{ width:750px; height:130px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}
.form-control-c4{ width:750px; height:80px; background:#f6f7fa; border:1px #e9ecf2 solid; padding:5px 15px; box-sizing:border-box;}

.formtext{ width:280px; height:40px; box-sizing:border-box; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext1{ width:98%; box-sizing:border-box; height:40px; border:1px #aaa solid; line-height:40px; font-size:14px; color:#333; padding-left:10px;} 
.formtext2{ width:97.5%; height:130px; border:1px #aaa solid; line-height:30px; font-size:14px; color:#333; padding:10px;}
.bitian{ background:url(../images/bitian.png) right center no-repeat;}
.fstext{ font-size:16px; color:#666; margin-left:20px; line-height:40px;}


.nynewsnav{ width:90%; margin:0 auto; min-width:1300px; max-width:1600px; height:60px; border-bottom:1px #ddd solid; position:relative; z-index:9;}
.loc{ line-height:60px; color:#333; font-size:12px; height:60px; text-align:center;}
.loc ul li{ width:130px; position:relative; text-align:center; display:inline-block;}
.loc ul li:before{content:" "; background:#1b1b1b; z-index:1; position:absolute; left:50%; top:0; width:0; height:60px; transition: all 0.3s ease;}
.loc ul li:after{content:" "; background:#ddd; z-index:1; position:absolute; right:0; top:20px; width:1px; height:20px;}
.loc ul li>a{ line-height:60px; color:#333; font-size:18px; display:block; width:130px; position:relative; z-index:999}
.loc ul li>a:hover{ color:#fff}
.loc ul li:hover{}
.loc ul li:hover:before{ width:130px; left:0;}
.loc ul li:hover dl{ opacity:1; display:block;}
.loc ul li:last-child:after{ display:none;}


.nyshzr{ width:100%; height:650px; background:url(../images/nyshzrbg.jpg) center center no-repeat;}
.nyshzr_text{ float:right; width:50%; text-align:right;margin-top: 90px; margin-bottom:30px;}
.nyshzr_text h3{ font-size:30px; color:#333; line-height:50px;}
.nyshzr_text p{ font-size:16px; color:#666;}
.nyshzr_box{ float:right; width:690px;}
.nyshzr_box .nyshzr_box1{ width:431px; height:330px; float:left; box-sizing:border-box; padding:50px;}
.nyshzr_box .nyshzr_box1 h3{ font-size:24px; color:#fff;}
.nyshzr_box .nyshzr_box1 p{ font-size:14px; color:#fff;}
.nyshzr_box .nyshzr_box2{ width:245px; float:right;}
.nyshzr_box .nyshzr_box2 ul li{ width:245px; height:160px; margin-bottom: 10px; text-align:center;display: table;}
.nyshzr_box .nyshzr_box2 ul li a{display: table-cell; vertical-align: middle;}
.nyshzr_box .nyshzr_box2 ul li h3{ font-size:24px; color:#fff;}
.nyshzr_box .nyshzr_box2 ul li p{ font-size:14px; color:#fff;}
.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 h3{ font-size:24px; color:#333;}
.nyshzr_box .nyshzr_box2 ul li.nyshzr_box3 p{ font-size:14px; color:#666;}



/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed; z-index:999999;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}