@charset "utf-8";
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,button,input,textarea,p,th,td,figure{margin:0;padding:0; outline:none;}
header, footer, nav, section, article, aside, dialog, figure, figcaption, menu { display:block }
html{width:100%;height:100%; font-size:100%; word-break:break-all; word-wrap:break-word;}
body{ width:100%; height:100%; position:relative;font:12px/1.5 tahoma,"microsoft yahei","\5FAE\8F6F\96C5\9ED1",Helvetica, STHeiti;margin:0;padding:0; background:white; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal;}
a{ text-decoration:none; cursor:pointer; color:#333;}
a:hover{text-decoration:underline;}	
ul,ol,li{list-style:none outside none; list-style-type:none;}
img{border:0 none;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
input,select{font-size:12px; outline:none; }
address,caption,cite,code,em,th{font-style:normal; font-weight:normal;}
canvas{display:block;vertical-align:bottom}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.wrap{ width:100%;}
.w980{width:980px; margin:0 auto;}
input[type='text'],input[type='password'],input[type='button'],input[type='submit'],input[type='reset']{-webkit-appearance: none;}

*html{background-image:url(about:blank);background-attachment:fixed;}
.sit{position:fixed;right:50px; top:50px; z-index:9990;
_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:70px;}

/*right meun nav*/
.content{ height:100%; position:relative;}
.menu-nest{ width:1000px; margin:0 auto; position:relative; z-index:100;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.menu-nest #menu-btn{position:absolute; right:40px; top:56px; color:#666; padding:0 10px; z-index:500}
.menu-nest .menu-right{position:absolute; right:0; top:56px; color:#666;}
.menu-nest.hide {visibility:hidden !important;opacity:0 !important}
.menu-nest.hide #menu-btn div.stripes span.hm-1 {top:10px}
.menu-nest.hide #menu-btn div.stripes span.hm-2 {top:10px}
.menu-nest.hide #menu-btn div.stripes span.hm-3 {top:10px}
#menu-btn {display:block;vertical-align:top;font-size:16px;line-height:23px;color:rgba(53,53,53,0.5);letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:rgba(0,0,0,0.6);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
#menu-btn div.stripes {position:relative;display:inline-block;vertical-align:top;height:23px;width:28px;margin:0 0 0 10px}
#menu-btn div.stripes span.hm-1{top:0 !important}
#menu-btn div.stripes span.hm-2{top:10px !important}
#menu-btn div.stripes span.hm-3{top:20px !important}
#menu-btn div.stripes span{position:absolute;left:0;width:100%;height:3px;background:#b4b4b4;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.menu-right{ width:300px; height:100%; position:fixed; top:0; right:-300px; background:#FFF; z-index:99999;}
#close-btn{position:absolute;top:49px;right:110px;font-size:14px;line-height:23px;color:rgba(0,0,0,0.4);letter-spacing:2px;text-transform:uppercase;margin:0 0 0 52px; text-decoration:none; cursor:pointer;}
#close-btn .stripes span{position:absolute;left:0;width:100%;height:3px;background:#535353;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out}
#close-btn.active .stripes span.hm-1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#close-btn.active .stripes span.hm-2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#close-btn .stripes{position:relative;display:inline-block;vertical-align:top;height:23px;width:28px;margin:0 0 0 17px}
#close-btn .stripes span.hm-1{top:10px}
#close-btn .stripes span.hm-2{top:10px}
.menu-right ul{ margin-top:110px;}
.menu-right ul li{ width:174px; text-align:right; text-align:center; margin:0 63px 20px 63px; font-size:14px; text-transform:uppercase;}
.menu-right ul li img{ display:block; margin-bottom:4px;}
.menu-right ul li a{ color:#666;}
.menu-right ul li a:hover{ color:#e60020;}

.re_top{width:40px; height:80px; position:fixed; right:0; bottom:0}



.top{width:100%; height:41px; background:#333333;}
.top .txt{width:1200px;margin:0 auto;}
.top .txt p{ float:left; color:#cecece; line-height:41px;}
.top .txt span{ float:right; color:#cecece; line-height:41px;}





/*底部导航*/
.buttom_li{width:1003px; height:50px; margin:0 auto; overflow:hidden; position:relative}
.buttom_li ul{ padding-left:150px;}
.buttom_li ul li{float:left; line-height:50px; margin-right:56px; height:50px}
.buttom_li ul li a{font-family:"宋体"; font-size:16px; color:#fff; font-weight:bold;}
.buttom_li ul li a:hover{color:#df5959; text-decoration:none;}
/*bottom*/
.zk_bottom{ width:100%; background-color:#f8f8f8; padding:20px 0}
.zk_bottom p{width:604px; margin:0 auto; font-size:14px "微软雅黑"; padding-top:10px; color:#333; text-align:center}
#aa{font-family:"Arial"}


.tsxl{width:138px; height:390px; position:fixed; right:0px; top:76px; z-index:1000}
.tsx2{width:138px; height:390px; position:fixed; left:0px; top:76px; z-index:1000}





/*顶部导航*/
.nav{width:100%; background-color:#183f6a; min-width:1200px; box-shadow: 10px 10px 5px #888888;}
.nav_li{width:1200px; height:70px; margin:0 auto; overflow:hidden; position:relative}
.nav_li ul{padding-left:2px}
.nav_li ul li{float:left; line-height:70px; margin-left:36px; height:70px}
.nav_li ul li a{font-size:16px; color:#fff;}
.nav .a1,.nav_li ul li a:hover{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;color: #fc9b02;border-radius:5px;  text-decoration:none;}



/*底部导航*/
.navd{width:100%; background-color:#183f6a; min-width:1003px;}
.navd_li{width:1003px; height:50px; margin:0 auto; overflow:hidden; position:relative}
.navd_li ul{padding-left:2px}
.navd_li ul li{float:left; line-height:50px; margin-right:56px; height:50px}
.navd_li ul li a{font-family:"宋体"; font-size:16px; color:#fff; font-weight:bold;}
.navd_li ul li a:hover{color:#ffd936; text-decoration:none;}



#kjli{float:right;}
#kjlitop{background:url(../images/wx.png) no-repeat 0  center; padding-left:36px; position:absolute; right:0; top:0; height:50px; line-height:50px}
#kjli a{font:12px "宋体";}
#kjlitop a{font:24px "微软雅黑"; color:#c80404; height:50px; line-height:50px; display:block; font-weight:bold;}
#kjlitop a:hover{ text-decoration:none;}
.clear{clear:both}
/*图片背景区*/
.zt1 .w980{ height:108px; background:url(../images/bg1.jpg) no-repeat center center; position:relative;}
.zt2 .w980{ height:748px; background:url(../images/bg2.jpg) no-repeat center center;}
.zt3 .w980{ height:486px;background:url(../images/bg3.jpg) no-repeat center center;}
.zt4 .w980{ height:595px;background:url(../images/bg4_bg.jpg) no-repeat center center;position:relative;}
.zt5 .w980{ height:713px;background:url(../images/bg5.jpg) no-repeat center center; position:relative; }
.zt6 .w980{ height:510px;background:url(../images/bg6.jpg) no-repeat center center; position:relative; }
.zt7 .w980{ height:716px;background:url(../images/bg7.jpg) no-repeat center center; position:relative;}
.zt8 .w980{ height:688px; background:url(../images/bg8.jpg) no-repeat center center;position:relative;}
.zt9 .w980{ height:856px; position:relative;}
.zt10 .w980{ height:502px; background:url(../images/bg10.jpg) no-repeat center center;position:relative;}
.zt11 .w980{ height:352px; background:url(../images/bg11.jpg) no-repeat center center; position:relative;}
.zt12 .w980{ height:417px;background:url(../images/bg12.jpg) no-repeat center center; position:relative;}
.zt13 .w980{ height:559px;background:url(../images/bg13.jpg) no-repeat center center;  position:relative;}
.zt14 .w980{ height:296px; position:relative;}
.zt15 .w980{ height:527px; background:url(../images/bg15.jpg) no-repeat center center;position:relative;}
.zt16 .w980{ height:652px; position:relative;}


.liuyan .w980{height:480px; position:relative;}
.liuyan{ background:url(../images/liuyan.jpg) no-repeat center center;}

.zt1{background:#000000;}
.zt4{background:#0ca0a5;}
.zt3,.zt7{background:#f1f1f1;}
.zt9{background:url(../images/bg9.jpg) no-repeat center center; }
.zt12{background:#363636;}
.zt14{background:url(../images/bg14.jpg) no-repeat center center; }
.zt16{background:url(../images/bg16.jpg) no-repeat center center;}


/* 电话 */
.link-box{ position:absolute; left:50%; margin-left:-145px; bottom:180px;}
.link-box a{ display:block; width:245px; line-height:45px; font-size:16px; text-align:center; border-radius:4px; border:1px solid #595857; color:#595857;}
.link-box a:hover{color:#FFF; background:#c30d22;border:1px solid #c30d22;}
.link-red a{ background:#d6204f; color:#FFF; border:1px solid #fff;}
.link-red a:hover{ background:#E23247; text-decoration:none;}


/*留言*/
.liuyan .w980 .grzl{height: 195px;width: 1200px; border-radius: 18px; padding-top:20px;}

.font {  color:#fffff;FONT-SIZE: 14px;FONT-FAMILY: "微软雅黑";
TEXT-ALIGN: right; font-weight:bold; width:80px; padding-top:12px;}
.liuyan .w980 .grzl  .bm_lt {
	 WIDTH: 426px; HEIGHT: 50px
}
.liuyan .w980 .grzl .bm_lt TABLE {
	WIDTH: 1200px; HEIGHT: 50px
}
.sex {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.text {FONT-SIZE: 14px; background-color:#FFFFFF;WIDTH: 183px;
BORDER-TOP-STYLE: none;LINE-HEIGHT: 45px;BORDER-RIGHT-STYLE: none;BORDER-LEFT-STYLE: none;
HEIGHT: 45px;BORDER-BOTTOM-STYLE: none; padding-left:10px; padding-right:10px;}
.btn-submit{width: 183px;height: 45px;color: #fff;font-size: 20px;font-family: microsoft yahei;text-align: center; margin:0 auto;background-color: #f07666;
font-weight: normal; text-decoration:none; border-radius:25px;
	}	
.tishi{ width:850px; height:auto; text-align:center; color:#fff;font-size:16px;  padding-top:20px; margin:0 auto;}
table {
	border-collapse: collapse;
	margin: 50px auto 0;
	width: 815px;
}


/*.zt1文字*/
#mm{position: absolute; left: 440px;top: 185px;color: #fff; font-size: 78px;word-spacing: 8px; letter-spacing: 5px; font-weight:bold;}
#dd{position: absolute;left: 656px;top: 185px; color: #fff;font-size: 78px; word-spacing: 8px;letter-spacing: 5px;  font-weight:bold;}




.zt4 .w980 a {float: left;height: 40px;width: 185px;font-size: 16px;line-height: 40px;color: #fff; text-align: center;border-radius:5px;margin-top:593px;}

.zt4 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;font-size: 18px;
 color:#ffffff;text-decoration:none; border-radius:5px; }
 
 .zt5 .w980 a {float: left;height: 40px;width: 118px;font-size: 16px;line-height: 40px;color: #f07666; text-align: center;border-radius:8px;margin-top:473px; border: 2px solid #f07666;}

.zt5 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;font-size: 18px; border-radius:8px;
 color:#fff;text-decoration:none; background:#f07666; border-radius:5px; }
 
.zt7 .w980 a {float: left;height: 37px;width: 142px;font-size: 16px;line-height: 37px;color: #f07666; text-align: center;border-radius:20px;margin-top:483px; border: 1px solid #f07666;}

.zt7 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;font-size: 16px; border-radius:20px;
 color:#fff;text-decoration:none; background:#f07666; }
 
 .zt8 .w980 a {float: left;height: 37px;width: 142px;font-size: 16px;line-height: 37px;color: #f07666; text-align: center;border-radius:20px;margin-top:263px; border: 1px solid #f07666;}

.zt8 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;font-size: 16px; border-radius:20px;
 color:#fff;text-decoration:none; background:#f07666; }
 
  .zt9 .w980 a {float: left;height: 30px;width: 126px;font-size: 16px;line-height: 30px;color: #fff; text-align: center;border-radius:15px;margin-top:542px; background:#959595;}

.zt9 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;font-size: 16px; border-radius:15px;
 color:#fff;text-decoration:none; background:#f07666; }
 
   .zt10 .w980 a {float: left;height: 30px;width: 126px;font-size: 16px;line-height: 30px;color: #fff; text-align: center;border-radius:15px;margin-top:182px; background:#959595;}

.zt10 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;font-size: 16px; border-radius:15px;
 color:#fff;text-decoration:none; background:#f07666; }



/*.zt16按钮*/

.zt27 .w980 a {float: left;height: 51px;width: 243px;font-size: 18px;line-height:51px; text-align: center;margin-top: 45px; border-radius:15px;}

.zt27 .w980 a:hover{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;text-decoration:none; border-radius:15px; }

.zt27 .one{background-color: #f07666;color:#ffffff;}
.zt27 .one:hover{background-color: #282828;color:#ffffff;}
.zt27 .two{background-color: #07ada4;color:#ffffff;}
.zt27 .two:hover{background-color: #282828;color:#ffffff;}


/*文本内容区*/
.txt0{ height:540px; padding-top:60px; background:#f0f0f0;position:relative;}
.txt0 .img0{ text-align:center;}
.txt1{ height:510px; padding-top:60px; background:#f0f0f0;position:relative;}
.txt1 .img1{ text-align:center;}
.txt1 p{ text-align:center; color:#666; font-family:Arial, Helvetica, sans-serif;}
.txt1 .cut{ font-size:36px; padding-top:70px;}
.txt1 .time{ font-size:24px; padding-top:20px;}
.txt2{ height:515px; padding-top:60px;position:relative; background:#282828;}
.txt2 .img1{ text-align:center;}
.txt2 .img2{ text-align:center; padding-top:90px;}



/* 项目 */
.xiangmu{width:100%; height: 670px; background-color: #f4f4f4; position:relative;}
.zhuanye{width:1224px; height: 640px; margin: 0 auto; text-align:center; overflow:hidden;}
.xiangmu  p{font-size: 30px; color: #383738;text-align: center;float: ceter; padding-top:50px; padding-bottom:50px;}

.xiangmu  span{font-size: 14px;
    line-height: 14px;
    color: #969696;
    text-align: center;}


/*收集信息*/
.ztFrom{width:244px; margin:65px auto 0 auto; overflow:hidden}
.ztFrom div{width:260px}
.ztFrom input{font:16px "宋体"; color:#4c4c4c; border:none; border-bottom:1px solid #a2a2a2; background-color:transparent; width:112px; margin-right:14px; height:24px; overflow:hidden;}

/*在线咨询*/
.sd-side{ width:137px; height:422px; top:90px; right:0; background: url('../images/online.jpg'); }
.sd-side ul{ margin-top:60px;}
.sd-side ul li{ padding:0 4px;}
.sd-side ul li a{ display:block; font-size:16px; text-align:center; color:#363636; border-bottom:1px solid #d8d8d8; padding:12px 0;}
.sd-side ul li a:hover{ color:#ff7500;}
.sd-side ul li .bb0{ border-bottom:none;color:#ff7500}


/*auto width*/
@media screen and (min-width:1240px){ .w980{ width:1200px !important;}
.mdemo ul li{ width:1200px}
.j-box{ width:1200px}}






