@charset "utf-8";

body{transition: width 2s;

-webkit-transition: width 2s; /* Safari */}

#header {height:125px;width:100%;min-width:1200px;}

#header.mini {background:transparent;}

#header .fp-tableCell {height:65px !important;}

.top-active {background:#FFF !important; height:65px !important;}

.top-active .nav li > a {color:#212121;height:65px;line-height:65px;}

.top-active img {width:55px;padding-top:5px;height:55px;transition:width .8s;-moz-transition:width .8s;/* Firefox 4 */-webkit-transition:width .8s;/* Safari 和 Chrome */-o-transition:width .8s;/* Opera */}

.fp-viewing-page5 #header {background:#FFF !important;border-bottom:1px solid rgba(175,175,175,0.5);height:65px !important;}

.fp-viewing-page5 .nav li > a {color:#212121;height:65px;line-height:65px;}

.fp-viewing-page5 #header  img {width:55px;padding-top:5px;height:55px;transition:width .8s;-moz-transition:width .8s;/* Firefox 4 */-webkit-transition:width .8s;/* Safari 和 Chrome */-o-transition:width .8s;/* Opera */}

.fp-viewing-page4 #header {background:#FFF !important;border-bottom:1px solid rgba(175,175,175,0.5);height:65px !important;}

.fp-viewing-page4 .nav li > a {color:#212121;height:65px;line-height:65px;}

.fp-viewing-page4 #header img {width:55px;padding-top:5px;height:55px;transition:width .8s;-moz-transition:width .8s;/* Firefox 4 */-webkit-transition:width .8s;/* Safari 和 Chrome */-o-transition:width .8s;/* Opera */}

.fp-viewing-page3 #header {background:#FFF !important;border-bottom:1px solid rgba(175,175,175,0.5);height:65px !important;}

.fp-viewing-page3 .nav li > a {color:#212121;height:65px;line-height:65px;}

.fp-viewing-page3 #header img {width:55px;padding-top:5px;height:55px;transition:width .8s;-moz-transition:width .8s;/* Firefox 4 */-webkit-transition:width .8s;/* Safari 和 Chrome */-o-transition:width .8s;/* Opera */}

.fp-viewing-page6 #header {background:#FFF !important;border-bottom:1px solid rgba(175,175,175,0.5);height:65px !important;}

.fp-viewing-page6 .nav li > a {color:#212121;height:65px;line-height:65px;}

.fp-viewing-page6 #header img {width:55px;padding-top:5px;height:55px;transition:width .8s;-moz-transition:width .8s;/* Firefox 4 */-webkit-transition:width .8s;/* Safari 和 Chrome */-o-transition:width .8s;/* Opera */}

.fp-viewing-page7 #header {background:#FFF !important;border-bottom:1px solid rgba(175,175,175,0.5);height:65px !important;}

.fp-viewing-page7 .nav li > a {color:#212121;height:65px;line-height:65px;}

.fp-viewing-page7 #header img {width:55px;padding-top:5px;height:55px;transition:width .8s;-moz-transition:width .8s;/* Firefox 4 */-webkit-transition:width .8s;/* Safari 和 Chrome */-o-transition:width .8s;/* Opera */}



.fp-viewing-page3 .nav li.logo {padding-top:0;}

.fp-viewing-page3 .nav li {height:65px;line-height:65px; color:#212121;}

.fp-viewing-page4 .nav li.logo {padding-top:0;}

.fp-viewing-page4 .nav li {height:65px;line-height:65px; color:#212121;}

.fp-viewing-page5 .nav li.logo {padding-top:0;}

.fp-viewing-page5 .nav li {height:65px;line-height:65px; color:#212121;}

.fp-viewing-page6 .nav li.logo {padding-top:0;}

.fp-viewing-page6 .nav li {height:65px;line-height:65px; color:#212121;}

.fp-viewing-page7 .nav li.logo {padding-top:0;}

.fp-viewing-page7 .nav li {height:65px;line-height:65px; color:#212121;}

.fp-viewing-page3 .sub_dl{ position:absolute;left:0px;top:65px;}

.fp-viewing-page4 .sub_dl{ position:absolute;left:0px;top:65px;}

.fp-viewing-page5 .sub_dl{ position:absolute;left:0px;top:65px;}

.fp-viewing-page6 .sub_dl{ position:absolute;left:0px;top:65px;}

.fp-viewing-page7 .sub_dl{ position:absolute;left:0px;top:65px;}

#header {transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}

#header {width:100%;height:65px;position:fixed;font-size:16px;transition:all ease .3s;z-index:129;transition-property:padding,background;top:0;}

.header_content {position:relative;}

.nav li.logo {width:150px;margin:0 auto;padding-top:11px;}

.top-active .nav li.logo {padding-top:0;}

.top-active .nav li {height:65px;line-height:65px;}

.nav {position:absolute;right:0px;top:0px;}

.nav li {float:left;position:relative;width:175px;height:125px;color:#FFF;line-height:125px;text-align:center;}

.nav li>a {font-size:18px;color:#FFF;}

.nav li:hover .sub_dl {display:block;}

.top-active .sub_dl{position:absolute;left:0px;top:65px;}

.sub_dl {position:absolute;left:0px;top:90px;width:100%;background:rgba(255,255,255,0.8);z-index:30;display:none;}

.sub_dl dd a {display:block;height:40px;line-height:40px;width:100%;font-size:15px;color:#212121;text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#banner {height:600px;position:relative;z-index:1;overflow:hidden; top:-30px;}

.banner_ul li {position:absolute;left:50%;margin-left:-960px;top:0px;width:1920px;height:600px;z-index:2;opacity:0;}

.banner_ul li img {display:block;width:1920px;height:600px;}

.icon_ul {position:absolute;overflow:hidden;height:14px;left:50%;bottom:30px;z-index:20;}

.icon_ul li {float:left;cursor:pointer;height:14px;width:14px;margin:0px 7px;background:#fff;border-radius:50%;}

.li_on {background:#f8c40b !important;}



/*主体内容*/

.about_wrap {width:100%;overflow:hidden;height: 723px;margin:0 auto;}

.about {height: 580px;}

.about_wrap .title {width:100%;height:80px;padding: 60px 0 34px 0;}

.about_wrap .title h4 {text-align:center;font-size:36px;color:#222;line-height:50px;height:50px;}

.about_wrap .title p {text-align:center;font-size:26px;color:#f8c40b;line-height:30px;height:30px;text-transform:uppercase;font-family:"Arial";}

.about .aboutimg {float:left;padding-right:27px;}

.about_nr {width:600px;float:right;}

.about_title {width:600px;height:103px;}

.about_title img {float:right;}

.about_nr h3 {font-size:18px;font-weight:bold;padding:0 0 30px 0;}

.about_nr p {text-align:left;font-family:"Arial";font-size:15px;line-height:24px;}

.hz_c {height: 185px;}

.hz_c .title {width:100%;height:30px;padding: 0 0 25px 0;}

.hz_c .title p {text-align:left;font-size:26px;color:#f8c40b;line-height:30px;height:30px;text-transform:uppercase;font-family:"Arial";}

.hz_c ul li {float: left;margin-right: 91px;display: inline;overflow: hidden;width: 167px;}

.hz_c ul li.last {margin-right:0;float: right;}

.hz_c ul li img {width:165px;height:82px;border:1px solid #cccccc;}

.hz_c ul li span {font-size:15px;color:#222222;font-style:normal;text-align:center;display:block;height:24px;line-height:24px;}



.case_wrap {overflow:hidden;width:100%;min-width:1200px;padding-top:65px;height:625px;background:url(../images/case_bg.jpg) no-repeat top center;}

.case_wrap .title {width:100%;height:80px;padding-bottom:54px;}

.case_wrap .title h4 {text-align:center;font-size:36px;color:#222;line-height:50px;height:50px;padding-bottom:10px;}

.case_wrap .title p {text-align:center;font-size:26px;color:#f8c40b;line-height:30px;height:30px;text-transform:uppercase;font-family:"Arial";}

.case {position:relative;margin:0 auto;}

.case_list {width:100%;height:416px;overflow:hidden;}

.case_list li {float:left;width:283px;overflow:hidden;margin-right:10px;background:#FFF;}

.case_list li:hover a {color:#FFF;}

.w1099 {width:1099px;margin:0 auto;overflow:hidden;}

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

.case_list li.last {margin-right:0;}

.case_img {width:283px;height:244px;}

.case_img img {display:block;width:283px;height:244px;}

.case_box {width:283px;height:153px;background:#FFF;}

.case_list li:hover  .case_box {background:#f9b52e;}

.case_box h4 {font-size:20px;font-weight:bold;color:#000;padding:0 20px;height50px;line-height:50px;}

.case_box p {font-size:14px;font-family:"Arial";color:#000;padding:0 20px 20px 20px;line-height:20px;}

.case_list li:hover h4 {color:#FFF;}

.case_list li:hover p {color:#FFF;}



.pro_wrap {width:100%;min-width:1200px; background:#212121; height:3500px;}

.pro_wrap .title {width:100%;height:80px;padding-bottom:64px;padding-top: 52px;}

.pro_wrap .title h4 {text-align:center;font-size:36px;color:#FFF;line-height:50px;height:50px;padding-bottom:10px;}

.pro_wrap .title p {text-align:center;font-size:26px;color:#f8c40b;line-height:30px;height:30px;text-transform:uppercase;font-family:"Arial";}

.pro {position:relative;margin:0 auto;}

.pro_list {width:100%;overflow:hidden;}

.pro_list li{ height:434px; padding-bottom:35px;}

.pro_list img{ padding-right:35px;}

.pro_list .pro_con{background:#FFF; height:434px; width:430px;float: right;}

.pro_con h4{padding:15px 30px 5px 30px;}

.pro_con h4 a{ font-size:18px; color:#222; font-weight:bold; }

.pro_con p{ font-size:14px; line-height:26px; padding:0 30px;}

.slimScrollBar{background: rgb(200, 200, 200) none repeat scroll 0% 0% !important;z-index: 999999 !important;}



.news_wrap {width:100%;overflow:hidden;height: 640px; background:#FFF;}

.index_news .title {width:100%;height:80px;padding: 54px 0 20px 0;}

.index_news .title h4 {text-align:center;font-size:36px;color:#222;line-height:50px;height:50px;padding-bottom:10px;}

.index_news .title p {text-align:center;font-size:26px;color:#f8c40b;line-height:30px;height:30px;text-transform:uppercase;font-family:"Arial";}

.news_wrap .news {position:relative;height:385px;}

.news_ul {position:relative;margin:30px 0 20px 0;}

.news_ul li {float:left;height:131px;width:50%;overflow:hidden;background:#fff;padding-bottom:20px;position:relative;margin-bottom:30px;}

.news_ul li b a {font-size:28px !important;font-family:Arial;color:#FFF !important;font-style:normal;}

.news_ul li b {float:right;}

.news_ul li span {background:#eeeeee;color:#333333;width:97px;height:97px;position:absolute;left:0;text-align:center;font-size:17px;z-index:103;}

.news_ul li h3 a {color:#333;font-size:16px;}

.news_ul li div {position:relative;}

.news_ul li:hover h3,.news_ul li:hover p {background:#333;color:#FFF;}

.news_ul li:hover,.news_ul li:hover h3 a,.news_ul li:hover p,.news_ul li p:hover {color:#FFF;}

.news_ul li:hover span {background:#f8c40b;color:#FFF;}

.news_ul li p {position:relative;margin-left:97px;z-index:102;height:163px;padding:0 30px;}

.news_ul li h3 {position:relative;margin-left:97px;z-index:102;height:30px;line-height:30px;padding:10px 30px;}

.news_ul li span b {display:block;font-size:25px;font-weight:normal;margin:0 auto;padding:14px 0 5px 14px;text-align:center;    width: 100%;}

.news .more {text-align:center;margin:30px 0 30px 0;}



.contact_wrap{width:100%;overflow:hidden;height:650px; background:url(../images/contact_bg.jpg) no-repeat bottom center;}

.contact_wrap .title {width:100%;height:80px;padding-bottom:44px;padding-top:52px;}

.contact_wrap .title h4 {text-align:center;font-size:36px;color:#FFF;line-height:50px;height:50px;padding-bottom:10px;}

.contact_wrap .title p {text-align:center;font-size:26px;color:#FFF;line-height:30px;height:30px;text-transform:uppercase;font-family:"Arial";}

.contact{ height:449px;margin-bottom: 40px;}

.contact_left{ width: 669px;height: 449px;}

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

.contact_right{background:url(../images/contact_right_bg.jpg) no-repeat left center; height:449px;position: relative;left: 639px;z-index: 999;}

.contact_right p{ font-size:16px; line-height:35px; color:#000000;position: absolute;top: 121px;left: 70px; font-family:"Arial";}



#footer {width:100%;min-width:1200px;background:#222222;height:64px;}

.footer_content {position:relative;height:120px;}

.footer_box {width:238px;padding:0 30px 0px 20px;position:absolute;left:0;top:0;}

.footlogo {line-height:30px;color:#fff;margin:15px 0px;}

.ewm {position:absolute;left:390px;top:10px;}

.foot_contact {position:absolute;right:0;top:50px;color:#FFF;}

.footer_ul {position:absolute;right:0px;top:19px;color:#fff;}

.footer_ul a {padding:0 15px;height:24px;line-height:24px;color:#fff;font-family:"Arial";}

.copy {height:50px;background:#222222;}

.copy_right {font-size:14px;line-height:64px;text-align:center;color:#fff;font-family:"Arial";}

.copy a{ color:#FFF;}

/*内页样式*/

.ny{ background:#212121;}



#main {margin:0 auto 90px;overflow:hidden;}

#main .title {width: 100%;position: relative;top: 140px;color: #FFF;height: 60px;}

#main .title h4{ font-size:28px; color:#FFF; padding-bottom:15px;}

#main .title p{font-size:16px; color:#FFF; font-family:"Arial";padding-bottom:25px;text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.main_box {min-height:200px;padding:122px 0 45px 0;}

.about_list {margin-left:20px;overflow:hidden;}

.about_list li {width:276px;float:left;margin-right:14px;margin-bottom:10px;}

.about_list li a {display:block;}

.about_list li a img {display:block;width:276px;height:187px;}

.about_list li a p {height:35px;line-height:35px;display:block;overflow:hidden;font-size:14px;color:#f8c40b;font-family:"Arial";text-align:center;}

.case_ul {width:1200px;overflow:hidden;margin:182px 0 0 0;}

.case_ul li { width:100%; margin:0 auto; background:#EEEEF0;border-radius: 10px;}

.case_ul .case_img{ width:100%; margin:0 auto; height:548px; margin-bottom:26px;}

.case_ul .case_img img{width:1093px;height:548px;margin: 0 auto;}

.case_ul .case_box span {display:block;width:92px;height:36px;line-height:36px;text-align:center;font-size:14px;margin:36px 0 0 14px;color:#fff;background:#f8c40b;}

.news_content p{ color:#FFF; font-size:16px;}

.news_content p strong{ font-size:18px; color:#ff9800;}

.case_ul .case_box a p {line-height:30px;font-size:14px;padding:0 14px 0 14px;color:#FFF;}

.page_box {height:38px;margin: 0 0 50px 0;text-align:center;}

.page_box a {display:inline-block;height:32px;padding:0px 10px;line-height:32px;border:1px solid #FFF;margin:0px 3px;text-align:center;font-size:16px;font-family:Arial,Helvetica,sans-serif;color:#FFF;border-radius:3px;}

.page_box a.on {color:#fff;background:#f8c40b;border:1px solid #f8c40b;}

.news_list {position:relative;margin:30px 0 20px 0;width:100%;float:left;}

.news_list li {float:left;height:300px;width:100%;overflow:hidden;padding-bottom:20px;position:relative;margin-bottom:30px; border-bottom:1px solid #696969;}

.news_list li span {color:#FFF;width:75px;height:94px;font-size:16px; font-family:"Arial";z-index:9;}

.news_list li h3 a {color:#FFF;font-size:18px;}

.news_list li img { float:right;}

.news_list li .more{color:#FFF;font-size:16px; font-family:"Arial";z-index:9; text-decoration:underline;}

.news_list li p {position:relative;font-size:16px;z-index:9;height:163px; color:#FFF;padding-right: 50px;width: 700px;}

.news_list li h3 {position:relative; font-size:18px;z-index:9;height:30px;line-height:30px;padding-right: 50px;width: 700px;}

.news_list li span b {display:block;font-size:20px;font-weight:normal;margin:0 auto;padding:6px 0;margin-bottom:10px;}

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

.about_left {width:600px;float:left;height:370px;}

.about_right {height:370px;}

.gsry,.gszr {height:280px;padding-bottom:30px;}

.gscx {height:400px;}

.gszr ul li,.gsry ul li {float:left;width:33.3333%;width:366px;padding-right:51px;}

.gscx ul li.last,.gszr ul li.last,.gsry ul li.last {padding-right:0;}

.gscx ul li {float:left;width:279px;padding-right:28px;}

.news_content {line-height:35px;min-height:200px;}

#main .gsry .title,#main .gszr .title,#main .gscx .title {font-size:24px;color:#f8c40b;width:100%;position:relative;top:0;height:60px;line-height:60px;padding-bottom:10px;}

#main .about_right .title {font-size:24px;color:#f8c40b;width:100%;position:relative;top:0;height:60px;}

#main .gsry .title span,#main .gszr .title span,#main .gscx .title span,#main .about_right .title span {font-size:14px;float:right;font-family:"Arial";color:#f8c40b;}

.news_page {margin-top:20px;line-height:40px;border-top:1px solid #ddd;padding-top:5px;}

.news_page a {margin-left:5px;}

.more1{color: #212121;background: #FFF;padding: 15px 35px;border-radius: 20px;}

.more1 p{background: none;padding: 15px 35px;border-radius: 20px;color: #FFF;}

.more1 a{ color:#212121;}