@charset "utf-8";
/*
Copyright ibw.cn
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top;  }
.con-box img {
    max-width: 1000px;
}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
/*.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { *zoom:1;}*/
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition:all 0.5s;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

@-webkit-keyframes btnRotate-ys {
0% {
    -webkit-transform: rotateY(0deg);
   }
100% {
    -webkit-transform: rotateY(360deg);
    }
}


/*Body*/
body { color: #444;}
a { color: #444; }
a:hover { color: #df742c; }
.wrap { width: 1200px; margin: 0 auto;}
.g-in { width: 1200px; margin: 0 auto;}
.wrapper{width:100%; margin: 0 auto; overflow:hidden; position:relative;}

#menu { position: fixed; left:30px; top: 50%; list-style-type: none; z-index: 7000; height:154px; margin-top:-77px; }
#menu li { position:relative;margin: 24px 0; width:60px; height:2px; background:url(line.png) left no-repeat;}
#menu a {display:block;width:100%;height:100%;position:relative;}
#menu a p{position:absolute;top:-8px;left:98px;color:#fff;font-size:13px;font-family:Arial;display:none;font-weight:bold;}
#menu .active {background:#df742c;}
#menu .active p{display:none;}
#menu li:nth-child(3).active{background:#df742c;}
#menu li:nth-child(3).active p{color:#df742c;}
#menu li:nth-child(5).active{background:#df742c;}
#menu li:nth-child(5).active p{color:#df742c;}

.nav{width:100%;height:92px;position:fixed;top:0;left:0;z-index:9999 !important;background: #fff;box-shadow:0 0 5px #ddd;}
.navcon{width:1200px;height:92px;margin:0 auto;position:relative;}
.logo{position:absolute;top:19px;left:0;}
.navcon ul{float:right;}
.navcon li{float:left;display:inline;font-size:15px;line-height:92px;margin-left:50px;position:relative;z-index:100;}
.navcon li a{color:#000;}
.navcon li a:hover,.navcon a.current{color:#df742c;}
.navcon li .subNav{width:120px;position:absolute;top:92px;left:-30px;background:#fff;z-index:100;display:none;}
.navcon li .subNav dt a{display:block;height:36px;line-height:36px;text-align:center;font-size:14px;}
.navcon li .subNav dt a:hover{background:#df742c;color:#fff;}

.search{float:right;margin:37px 0 0 42px;position:relative;}
.search em{display:block;width:17px;height:17px;background:url(search.png);cursor:pointer;}
.search form{position:absolute;top:54px;right:0;z-index:10;width:275px;display:none;border: 1px solid #df742c;}
.search .text{width:200px;height:38px;line-height:38px;background:#fff;float:left;padding-left:10px;font-size:14px;}
.search .submit{width:65px;height:38px;background:#df742c;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;}

#fullPage{ position:relative;}
.p1 { position:relative; background:#FFF;}
.p2 { position:relative; background:url(p2_bg.jpg) center no-repeat;background-size:cover !important;}
.p3 { position:relative; background:url(p3_bg.jpg) center no-repeat;background-size:cover !important;}
.p4 { position:relative; background:url(p4_bg.jpg) center no-repeat;background-size:cover !important;}
.p5 { position:relative; background:url(p5_bg.jpg) center no-repeat;background-size:cover !important;}

.banner {position:relative; left:0; width:100%; text-align:center;}
.banner .bd li a{display:block;width:100%;height:100%;}
.banner .hd { position:absolute; left:0; bottom:40px; width:100%; height:4px; z-index:4; }
.banner .hd ul { width:1200px; height:4px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:74px; height:4px; margin:0 8px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background:#df742c;}

.p1.active .banner{
	-webkit-animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p2 .main_title {background: url(pro_title_bg.png) center no-repeat; width: 367px;margin: 0 auto;}
.p2 .main_title h2 {text-align: center;font-size: 36px; color: #fff;}
.p2 .main_sec {font-size: 14px; color: #fff;text-align: center;margin-top:10px;opacity: 0.6;}

.pro_content {color: #fff;margin-top: 60px;}
.pro_content .pro_slide { width: 1220px;margin: 0 auto;position: relative; }
.pro_content .pro_slide .bd{width: 1198px; overflow:hidden; margin: 0 auto;}
.pro_content .pro_slide .bd li {float: left;position: relative; margin-right:20px;} 
.pro_content .pro_slide .bd li .pic {padding: 5px;background-color: rgba(255,225,255,0);border: 1px solid rgba(255,255,255,0.5);overflow:hidden;background:#ebebed;}
.pro_content .pro_slide .bd li .pic img{transition:all 0.5s;}
.pro_content .pro_slide .bd li .pro_btn {position: absolute;top:0;z-index: 10;background: #df742c url(pro_add.png) no-repeat top 0 center;opacity: 0;
	width: 386px;height: 268px;text-align: center;transition:all 0.5s;}
.pro_content .pro_slide .bd li .pro_btn a {font-size: 16px;display: block;width: 385px;height: 118px;padding-top: 150px;color: #fff;}
.pro_content .pro_slide .bd li:hover .pro_btn {opacity:0.9;background: #df742c url(pro_add.png) no-repeat top 100px center;}
.pro_content .pro_slide .bd li:hover img{transform:scale(1.02);}

.pro_content .pro_slide .prev ,
.pro_content .pro_slide .next {position: absolute; z-index: 10;top:109px;width: 50px; height: 50px;cursor: pointer;}
.pro_content .pro_slide .prev {background: url(pro_prev.png);left:-60px;} 
.pro_content .pro_slide .next {background: url(pro_next.png);right: -60px;} 

.p2.active .main_title{
	-webkit-animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p2.active .main_sec{
	-webkit-animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p2.active .pro_content{
	-webkit-animation: zoomIn 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: zoomIn 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}



.p3 .about_out { background-color: rgba(255, 255, 255, 0.6);width: 1097px; height: 553px;margin: 0 auto;text-align: center;overflow: hidden;}
.p3 .about_out .about_in {background-color: rgba(255, 255, 255, 1);margin:24px 24px;width: 1050px; height: 510px;}
.p3 .about_in>h2 {font-size:36px;padding-top:75px;width: 367px;background: url(about_title.png) no-repeat top 102px center;margin: 0 auto;}
.p3 .about_in .about_btn {width: 28px; height: 28px;margin: 0 auto;margin-top: 20px;}
.p3 .about_in .about_btn a {display: block;}
.p3 .about_in .about_i {padding: 35px 60px;font-size: 14px;line-height: 28px;}
.p3 .about_in li {float: left;padding-right: 45px;}
.p3 .about_in li:first-child {padding-left: 110px;}
.p3 .about_in li h3 {font-size: 48px;color: #de6717;font-family: Impact;}
.p3 .about_in li:nth-child(3) h3 {font-size: 48px;color: #de6717;width: 85px;}
.p3 .about_in li:nth-child(5) h3 {font-size: 48px;color: #de6717;width: 120px;}
.p3 .about_in li:nth-child(7) h3 {font-size: 48px;color: #de6717;width: 175px;}
.p3 .about_in li span {font-size: 14px;color: #de6717;}
.p3 .about_in li p {opacity: 0.7;}
.p3 .about_in li:first-child h3 {display: inline-block;}
.p3 .about_in li:not(:first-child) h3 {background: url(about_add.png) no-repeat right top 15px;}

.p3 .about_in .timer1{width:98px;}
.p3 .about_in .timer2{width:85px;}
.p3 .about_in .timer3{width:120px;}
.p3 .about_in .timer4{width:175px;}

.p3 .about_in .line {height: 40px; border-left: 1px solid #c4c5c7;margin-top: 35px;}


.p3.active .about_in>h2{
	-webkit-animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p3.active .about_in .about_btn{
	-webkit-animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p3.active .about_in .about_i{
	-webkit-animation: fadeInLeft 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p3.active .about_in ul{
	-webkit-animation: fadeInRight 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p4 .server_left {float: left;width: 469px; height: 538px;background: url(server_left.png) no-repeat;margin-left: 60px;}
.p4 .server_right {float: right;width: 470px;margin:100px 80px 0px 0px;color: #fff;}
.p4 .server_right>h3 {line-height: 110px;font-size: 36px;background: url(server_2000.png) no-repeat left center;padding-left: 220px;}
.p4 .server_right .server_i {font-size: 16px; line-height: 32px;opacity: 0.6;padding-top: 52px;text-align: justify;}
.p4 .server_right .server_btn {width: 29px; height: 30px;margin-top: 90px;}
.p4 .server_right .server_btn a {display: block;}
.p4 .server_right .server_btn a:hover img{opacity:0.8;}

.p4.active .server_left{
	-webkit-animation: fadeInRight 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.p4.active .server_right{
	-webkit-animation: fadeInLeft 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.p5 .main_title {background: url(news_title.png) center no-repeat; width: 367px;margin: 0 auto;}
.p5 .main_title h2 {text-align: center;font-size: 36px; color: #000;}

.news_contain {padding: 60px 0px 100px;}
.news_contain .news_slide { width: 1200px;margin: 0 auto;position: relative;overflow:hidden;}
.news_contain .news_slide .bd li {float: left; width:390px; margin-right:15px;} 
.news_contain .news_slide .bd li>h3 a {font-size: 16px; line-height: 70px;margin-top:10px}
.news_contain .news_slide .bd li .pic{overflow:hidden;}
.news_contain .news_slide .bd li .pic img{transition:all 0.5s;}
.news_contain .news_slide .bd li .pic a:hover img{transform:scale(1.04);}
.news_contain .news_slide .news_i {font-size: 13px;width: 389px;text-align: justify;}
.news_contain .news_slide .news_date {margin-top: 25px;font-family: Arial;}
.news_contain .news_slide .lines {width: 37px;border-top: 1px solid #a5a5a5;margin-top:8px}
.news_contain .news_slide .bd li h3:hover a {color: #df742c;}
.news_contain .news_slide .hd { position:absolute; left:0; bottom:-80px; width:100%; height:12px; z-index:4; }
.news_contain .news_slide .hd ul { width:1000px; height:12px; margin:0 auto; text-align:center;}
.news_contain .news_slide .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 4px; border-radius:12px; background:#e5e5e5; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.news_contain .news_slide .hd ul .on {background:#333;width:24px;}
.news_contain .news_slide .prev ,
.news_contain .news_slide .next {position: absolute;z-index: 5;width: 40px; height: 40px;bottom: -95px;cursor: pointer;}
.news_contain .news_slide .prev {background: url(news_prev.png);left:450px;}
.news_contain .news_slide .next {background: url(news_next.png);right: 450px;}

.fp-auto-height {padding-top: 0px !important;}
.footer {background:#000028; text-align: left;padding:30px 0;}
.footer .txt{float:left;font-size:16px;line-height:28px;padding-top:16px;}
.footer .ewm{float:right;}

.footer p,.footer a {color: #fff;}
.footer a:hover {color:#df742c;}

.fp-auto-height.active .footer{
	-webkit-animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInDown 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.fixed-right{width:67px;height:136px;position:fixed;top:50%;right:0;margin-top:-68px;z-index:1000;}
.fixed-right a:nth-child(1){display:block;width:67px;height:67px;background:url(w1.png);margin-bottom:2px;position:relative;}
.fixed-right a:nth-child(1) img{position:absolute;top:0;right:68px;display:none;}
.fixed-right a:nth-child(1):hover img{display:block;}
.fixed-right a:nth-child(2){display:block;width:67px;height:67px;background:url(w2.png);position:relative;}
.fixed-right a:nth-child(2) p{width:180px;height:67px;font-size:20px;line-height:25px;
	color:#fff;position:absolute;top:0;right:-200px;background:#343434;font-family:Arial;
	padding:10px 0 0 20px;box-sizing:border-box;transition:all 0.5s;}
.fixed-right a:nth-child(2):hover p{right:68px;}