html,body {font-family: "微软雅黑", Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif; width:100%;}

body{font-size:14px; line-height:22px;}
body,div,form,ul,li,h2,h1,h3,h4{ list-style:none; margin:0; padding:0;}
a {color: #333;text-decoration: none;}
a:focus, a:hover {color: #f30; text-decoration:none;}
.clea{ line-height:0; font-size:0; clear:both; display:block; height:0;}


.head{ height:60px; background:#000; width:100%; top:0px; left:0;opacity:0.6;
	filter:alpha(opacity=60); position:fixed; z-index:1;}

#container { position:absolute; width:100%; z-index:0;}
.container{ width:1200px;}
.section { position:relative; overflow:hidden;}

.logo {top:30px;left:0; z-index:2;position:fixed;border:none; width:120px}
.nav {top:26px;right:30px;z-index:200;position:fixed;border:none; width:45px;cursor:pointer;}

.down_icon{ right:48px;  position:fixed; z-index:101; top:40px; width:6px;opacity:0;}
.down_icon
{
animation:myfirst 1500ms ease-in 1s infinite normal;
/* Firefox: */
-moz-animation:myfirst 1500ms ease-in 1s infinite normal;
/* Safari and Chrome: */
-webkit-animation:myfirst 1500ms ease-in 1s infinite normal;
/* Opera: */
-o-animation:myfirst 1500ms ease-in 1s infinite normal;
}

@-webkit-keyframes myfirst {
0% {
opacity:0;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);
}
10% {
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);
}
70% {
opacity:0;
-webkit-transform:translate3d(-6px, -40px, 0);
transform:translate3d(-6px, -30px, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);
}
}
.down_icon2{ right:50px;  position:fixed; z-index:101; top:46px; width:6px;opacity:0;}
.down_icon2
{
animation:myfirst2 2s ease-in 2s infinite normal;
/* Firefox: */
-moz-animation:myfirst2 2s ease-in 2s infinite normal;
/* Safari and Chrome: */
-webkit-animation:myfirst2 2s ease-in 2s infinite normal;
/* Opera: */
-o-animation:myfirst2 2s ease-in 2s infinite normal;
}
.down_icon3{ right:48px;  position:fixed; z-index:101; top:45px; width:6px;opacity:0;}
.down_icon3
{
animation:myfirst2 1500ms ease-in 0s infinite normal;
/* Firefox: */
-moz-animation:myfirst2 1500ms ease-in 0s infinite normal;
/* Safari and Chrome: */
-webkit-animation:myfirst2 1500ms ease-in 0s infinite normal;
/* Opera: */
-o-animation:myfirst2 1500ms ease-in 0s infinite normal;
}

@-webkit-keyframes myfirst2 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);
}
10% {
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);
}
70% {
opacity:0;
-webkit-transform:translate3d(6px, -30px, 0);
transform:translate3d(6px, -45px, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);ser_cont5
}
}

.anima {
	animation: fadeInUp 1.5s .2s ease 1;
	-webkit-animation: fadeInUp 1.5s .2s 1
}

@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0)
}
}



.nav_box{ background:#000; width:100%; height:100%; position:fixed;left:0; top:0; z-index:100; display:none;}
.nav_boxn{ position:relative; width:100%; height:100%; text-align:center; z-index:100; min-height:600px; overflow-y:scroll;}
.logon {width:188px; margin:0 auto;}
.navn {top:26px;right:30px;z-index:200;position:fixed;border:none; width:45px; cursor:pointer;}
.nav_txt{ text-align:center; margin:0 auto; width:340px; margin:0 auto; z-index:100;}
.nav_txt li{ width:340px; height:35px; margin:0 auto; position:relative; overflow:hidden; margin-top:28px;}
.nav_txt li div{ position:absolute; top:0; left:0; width:340px; height:70px; color:#fff; font-size:28px; line-height:35px; font-weight:400;}
.nav_txt li div p{ background:#ff2a00; width:340px; height:35px;}
.nav_txt li a.ed div,.nav_txt li a:hover div{ top:-35px;}


.page_cont{ position:absolute; left:0; width:100%; z-index:1; line-height:100px; text-align:center;font-size:4vmax; color:#d8271c; line-height:40px; top:60px;}

.jt_shang{ right:68px;  position:fixed; z-index:10; bottom:105px; cursor:pointer;}
.jt_xia{ right:28px;  position:fixed; z-index:10; bottom:105px; cursor:pointer;}

.bj01{ width:100%; height:100%; background:url(01.jpg) no-repeat; background-size:cover;}
.bj02{ width:100%; height:100%; background:url(02.jpg) no-repeat; background-size:cover;}
.bj03{ width:100%; height:100%; background:url(03.jpg) no-repeat; background-size:cover;}
.bj04{ width:100%; height:100%; background:url(04.jpg) no-repeat; background-size:cover;}

#daoru01,#daoru02,#daoru03,#daoru01{ }
.top{ right:46px;  position:fixed; z-index:101; bottom:60px; height:30px;}
.list{right:82px;  position:fixed; z-index:101; bottom:60px; height:30px;}
.zhen{left:50%; position:absolute;z-index:10; bottom:40px; width:20px; margin-left:-10px;}
.zhen2
{
animation:zhen 1500ms ease-in 0s infinite alternate;
/* Firefox: */
-moz-animation:zhen 1500ms ease-in 0s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:zhen 1500ms ease-in 0s infinite alternate;
/* Opera: */
-o-animation:zhen 1500ms ease-in 0s infinite alternate;
}

@-webkit-keyframes zhen2 {
0% {
opacity:1;
-webkit-transform:translate3d(0, 0px, 0);
transform:translate3d(0, 0px, 0);
}
100% {
opacity:1;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -35px, 0);
}
}

.hei_right{ height:100%; background:#000; display:block; position:relative; padding:0;}
.hei_right2{ height:100%; background:#ff9600; display:block; position:relative; padding:0;}
.hei_right3{ height:100%; background:#92bb0f; display:block; position:relative; padding:0;}
.hei_right4{ height:100%; background:#ff0000; display:block; position:relative; padding:0;}
.l_jiao{ position:absolute; left:0; bottom:0; height:100px;}
.tit1{ width:100%; margin-top:60px;}
.cont1{ padding:100px 40px 0; color:#fff;}
.cont1 h2{ font-size:32px; margin-bottom:15px;}
.cont_info{ font-size:18px;}
.cont1 a{ color:#fff; font-size:18px; line-height:30px; margin-bottom:25px;}
.cont1 p{  padding:20px 0 30px; font-size:13px; line-height:26px;}
.cont1 ul li{ font-size:12px; line-height:20px; margin-bottom:20px;}

.ser_cont{ width:70%;margin:0 auto; text-align:center; max-width:920px;}
.ser_cont h2{ font-size:28px; line-height:40px; padding:50px 30px 20px; width:300px; margin:0 auto; border-bottom:1px dashed #ccc;}
.ser_cont h3{ font-size:28px; line-height:90px;}
.ser_cont p{ color:#6f6e6e;}

.row_l{ text-align:center;color:#6f6e6e; padding-top:60px;}
.row_l h3{ font-size:18px;}
.row_l p{ padding:20px 40px;}
.ser_cont2{ line-height:40px; margin:30px 0 60px;}
.ser_cont3{text-align:center; background:#333333; color:#fff; overflow:hidden;}
.ser_cont3 h2{ font-size:40px; line-height:30px; padding:90px 30px 20px;margin:0 auto;}
.ser_cont3 h3{ font-size:22px; line-height:70px;}
.ser_cont3 p{ width:70%; margin:0 auto; max-width:840px; line-height:32px; font-size:13px;}
.ser_cont4 .col-md-3{ border-right:0px solid #FFF;}
.ser_cont5{ background:#c80c16; padding:10% 0 10%; text-align:center; color:#fff; }
.ser_cont5 a{ border:4px solid #fff; color:#fff; padding:0 30px;font-size:5vmax;}
.ser_cont5 a:hover{ border:4px solid #fff; background:#fff; color:#c80c16;}
.zi01{ font-size:5vmax; margin-bottom:100px; line-height:1.2em;}

.ser_cont6{ background:#c80c16; padding:25px 0; text-align:center; color:#fff; font-size:12px; line-height:18px;}

.case_li { padding:0; position:relative;overflow:hidden;}
.case_li a{  }
.zhezhao{ background-color:rgba(0,0,0,0.8); text-align:center; padding:100px 0; position:absolute; top:0; left:0; z-index:100px; color:#fff; display:none;}
.zhezhao h3{ color:#F00; font-size:36px; line-height:60px;}
.zhezhao p{ font-size:18px; line-height:40px;}



.footer{ width:1000px; text-align:center; position:absolute; bottom:30px; left:50%; margin-left:-500px; color:#fff; font-size:12px; line-height:20px;}
.footer a{ color:#999; padding-right:20px;}

.cont_fom{ margin:0 auto; padding:20px 0 80px; width:80%;}
.cont_fom .form-control{ margin-bottom:20px;}

.btn2, .form-control{border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0cont_fompx; }
.btn2{ background:#424242; border:1px solid #424242}

.cont_fom_cont{ text-align:center;}
.cont_fom_cont h2{ font-size:30px; padding:0;border-bottom:1px dashed #ccc; line-height:30px; width:255px; margin:40px auto 30px; text-align:center; line-height:45px;}
.ttt01{ font-size:30px;}
.ttt03{ margin-top:30px; font-size:24px; font-weight:bold;}
.ttt04{ margin-bottom:30px;}


@media (max-width: 768px) {
	.top-btn,.tmtpost{ display:none;}
	.head{ height:52px; top:0; border-top:2px solid #000;}
	.logo { width:80px; top:15px;}
	.ser_cont{ width:90%;}
	.ser_cont4 .col-md-3{ border-right:none;}
	.ser_cont5{ padding:60px 0;font-size:24px; line-height:50px;}
	.hei_right,.zhezhao{ display:none;}
}