@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,ol,dl,li,dt,dd,span,strong,a,img,input,textarea,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family:"Microsoft YaHei"; font-weight:normal}
a,input{text-decoration:none; outline:none}
img{border:0; display:block}
li{list-style:none}
.wrap,.index_banner,.rslides{overflow:hidden; zoom:1}
.wrap{min-width:1200px; margin:0 auto; width:1280px}

.piaofu{position:fixed; left:0; top:0; z-index:999999; float:left}
#head{background-color:#000; height:70px; width: 100%; min-width: 1280px}
#head strong{height:30px; line-height:30px; font-size:18px; font-weight:200; color:#fff; float:left; letter-spacing:3px; width:230px; margin:20px 0; background:url(../images/headdiv.png) center right no-repeat; display: block}
#head img{float:left; width:150px; height:50px; margin:10px 0 0 20px}
#head p{float:right; color:#fff; font-size:18px; font-weight:200; text-align:right; width:300px; height:30px; line-height:30px; margin:20px 0; letter-spacing:2px}

#nav{width: 100%; min-width: 1280px; height: 50px; position: relative; background-color: #3B3B3B}
#nav ul{width: 1280px; margin: 0 auto; height: 50px}
#nav li{float: left; width: 120px; height: 50px; line-height: 50px; font-size: 14px}
#nav li:first-child{width: 90px}
#nav li>a{color: #FFF}
#nav li:hover>a{color: #F40012}
#nav li div{position: absolute; float: left; width: 100%; height: 0; line-height: 60px; background: rgba(0,0,0,0.5); top: 50px; left: 0; z-index: 999; transition: 0.3s ease; overflow: hidden; zoom:1}
#nav li:hover div{height: 60px; transition: 0.3s ease}
#nav li div p{width: 1280px; margin: 0 auto}
#nav li div p a{color: #EEE; display: block; float: left; width: 120px}
#nav li div p a:hover{text-decoration: underline; color: #F40012}
#nav li:nth-child(2) div p span{display: block; float: left; width: 90px; height: 60px}
#nav li:nth-child(3) div p span{display: block; float: left; width: 210px; height: 60px}
#nav li:nth-child(4) div p span{display: block; float: left; width: 330px; height: 60px}
#nav li:nth-child(5) div p span{display: block; float: left; width: 450px; height: 60px}
#nav li:nth-child(6) div p span{display: block; float: left; width: 570px; height: 60px}
#nav li:nth-child(7) div p span{display: block; float: left; width: 570px; height: 60px}

.rslides{position:relative; width:100%; min-width:1256px}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; height:auto; float:left; width:100%; border:0}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin:0 8px 0 7px;border-radius:12px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:12px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:rgba(255,255,255,0.3); border:1px solid #fff}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:rgba(255,255,255,1);}
/* Callback example */
.callbacks_container{margin-bottom:2px; position:relative; width:100%; max-width:100%; text-align:center;}
.callbacks{position:relative; width:100%;}
.callbacks li{position:absolute; width:100%; left:0; top:0;}
.callbacks img{display:block; position:relative; z-index:1; height:auto; width:100%; border:0}
.callbacks .caption{display:block; position:absolute; z-index:2; font-size:20px; text-shadow:none; color:#fff; background:#000; background:rgba(0,0,0,0.8); left:0; right:0; bottom:0; padding:10px 20px; margin:0; max-width:none;}
.callbacks_nav{position:absolute; top:50%; left:0; z-index:3; text-indent:-9999px; overflow:hidden; height:60px; width:150px; background:transparent url("../images/themes.png") no-repeat left top; margin-top:-30px}
.callbacks_nav:hover{background:transparent url("../images/themesh.png") no-repeat left top}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav.next{left:auto; background-position:right top; right:0;}

#ipro h1{height:120px; width:770px; text-align:center; margin:0 auto}
#ipro h1 strong{display:block; border-bottom:1px solid #000; color:#000; font-size:18px; height:50px; line-height:50px; letter-spacing:4px}
#ipro h1 span{display:block; color:#000; font-size:14px; font-weight:200; height:58px; line-height:50px; letter-spacing:1px}
#ipro h1 a{display:block; margin:0 auto; width:200px; height:40px; line-height:40px; text-align:center; color:#000; border:1px solid #000; font-size:14px; letter-spacing:1px; transition:1s ease}
#ipro h1 a:hover{color:#fff; background-color:#000; transition:0.5s ease}

#iabout{width:1280px; overflow: hidden; zoom:1; margin: 0 auto; padding: 80px 0 60px 0; position: relative}
.tab-hd{overflow:hidden; zoom:1; width: 100px; height: 400px; position: absolute; left: 580px; top: 100px}
.tab-hd li{width:68px; cursor:pointer; height: 68px; border-radius: 68px; border: 1px solid #666}
.tab-hd li:nth-child(1){background: url(../images/iabout1.png) center no-repeat #ededed; background-size: 70% 70%; margin: 0 0 10px 30px}
.tab-hd li:nth-child(1):hover{background: url(../images/iabout1h.png) center no-repeat #C91515; background-size: 70% 70%; border: 1px solid #C91515; transform: 0.3s ease}
.tab-hd li:nth-child(2){background: url(../images/iabout2.png) center no-repeat #ededed; background-size: 70% 70%; margin: 0 0 10px 0}
.tab-hd li:nth-child(2):hover{background: url(../images/iabout2h.png) center no-repeat #C91515; background-size: 70% 70%; border: 1px solid #C91515}
.tab-hd li:nth-child(3){background: url(../images/iabout3.png) center no-repeat #ededed; background-size: 70% 70%; margin: 0 0 10px 30px}
.tab-hd li:nth-child(3):hover{background: url(../images/iabout3h.png) center no-repeat #C91515; background-size: 70% 70%; border: 1px solid #C91515}
.tab-hd li:nth-child(4){background: url(../images/iabout4.png) center no-repeat #ededed; background-size: 70% 70%; margin: 0 0 10px 10px}
.tab-hd li:nth-child(4):hover{background: url(../images/iabout4h.png) center no-repeat #C91515; background-size: 70% 70%; border: 1px solid #C91515}
.tab-hd li.active{background: url(../images/iabout1h.png) center no-repeat #C91515; background-size: 70% 70%; border: 1px solid #C91515}
.tab-bd li{display:none; overflow: hidden; zoom:1; width: 1280px; height: 360px}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li img{float: left; width: 500px; height: 360px}
.tab-bd li div{float: right; width: 520px; height: 360px; overflow: hidden; zoom:1; position: relative}
.tab-bd li div h2{height: 80px; line-height: 60px; font-size: 24px; color: #333; letter-spacing: 1px; font-weight: bold; background: url(../images/iabouth2.png) left 55px no-repeat}
.tab-bd li div p{font-size: 14px; line-height: 24px; color: #555; margin-bottom: 10px; text-align: justify}
.tab-bd li div code{display: block; overflow: hidden; zoom:1; padding: 9px 0; border-bottom: 1px dashed #ccc}
.tab-bd li div code strong{display: block; font-size: 14px; font-weight: bold; color: #666; float: left; width: 120px; height: 24px; line-height: 24px}
.tab-bd li div code span{display: block; font-size: 14px; color: #555; float: left; width: 400px; height: 24px; line-height: 24px}
.tab-bd li div code a{display: block; font-size: 14px; color: #555; float: left; width: 400px; height: 24px; line-height: 24px}
.iamore{position: absolute; left: 0; bottom: 10px; z-index: 99; height: 28px; width: 28px; border: 1px solid #ddd; text-align: center; line-height: 26px; font-size: 20px; color: #888}
.iamore:hover{background-color: #F40012; border: 1px solid #F40012; color: #FFF}

#ipro{padding:60px 0; background-color: #FFF; width: 100%; min-width: 1280px}
.blk_29{position:relative}
.blk_29 .LeftBotton{background:url(../images/iprolr.png) left center no-repeat; left:0; float:left; width:40px; cursor:pointer; position:absolute; top:0; height:535px}
.blk_29 .RightBotton{background:url(../images/iprolr.png) right center no-repeat; right:0; float:right; width:40px; cursor:pointer; position:absolute; top:0; height: 535px}
.blk_29 .LeftBotton:hover{background:url(../images/iprolrh.png) left center no-repeat}
.blk_29 .RightBotton:hover{background:url(../images/iprolrh.png) right center no-repeat}
.blk_29 .Cont{width:1200px; margin:0 40px}
.blk_29 .box{float:left; width:385px; margin:0 20px 0 0; height: 550px; overflow: hidden; zoom:1}
.blk_29 .box p{height: 385px; height: 257px; overflow: hidden; zoom:1; margin-bottom: 20px; position: relative}
.blk_29 .box p img{width: 385px; height: 257px}
.blk_29 .box p strong{display: block; position: absolute; left: 0; bottom: 0; width: 385px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #000; background: rgba(255,255,255,0.7); float: left; z-index: 99; letter-spacing: 1px}
.partC{overflow:auto; width:1200px}
.partC .PC_left{overflow:auto; width:470px}
.partC .PC_right{overflow:auto; width:470px}
.partC .PC_left{float:left}
.partC .PC_right{float:right}
.PT_mix{overflow:auto}

#igood{width: 100%; min-width: 1280px; padding: 90px 0; height: 340px; background: url(../images/igood.jpg) center no-repeat #080808}
.igoodm{width: 760px; float: right; height: 340px; overflow: hidden; zoom:1}
.igoodm li{float: left; width: 350px; height: 160px; margin-bottom: 20px; padding-left: 30px}
.igoodm li img{float: left; height: 90px; width: 90px; border-radius: 90px; border: 5px solid #EEE; margin-right: 20px; margin-top: 10px}
.igoodm li div{float: left; width: 230px; height: 160px}
.igoodm li div strong{display: block; height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; color: #FFF; letter-spacing: 1px}
.igoodm li div span{display: block; height: 80px; line-height: 20px; font-size: 12px; color: #EEE; text-align: justify; overflow: hidden; zoom:1}

#inews{width: 100%; min-width: 1280px; padding: 75px 0 60px 0; background-color: #F5F5F5}
#inews ul li{width: 630px; height: 200px; margin-bottom: 20px; background-color: #FFF; overflow: hidden; zoom:1; position: relative; float: left; margin-right: 20px}
#inews ul li:nth-child(2n){margin-right: 0}
#inews ul li img{float: left; width: 280px; height: 200px}
#inews ul li div{float: left; width: 290px; height: 150px; padding: 25px 30px}
#inews ul li p{position: absolute; left: 270px; top: 75px; width: 20px; height: 5px; background-color: #C91515; z-index: 99}
#inews ul li div strong{display: block; height: 54px; line-height: 22px; font-size: 15px; color: #333; text-align: justify; font-weight: bold}
#inews ul li div code{display: block; height: 30px; line-height: 20px; font-size: 12px; color: #888; text-align: justify}
#inews ul li div span{display: block; height: 66px; line-height: 22px; font-size: 12px; color: #888; text-align: justify; overflow: hidden; zoom:1}
#inews ul li:hover{background-color: #C91515}
#inews ul li:hover p{background-color: #FFF}
#inews ul li:hover div strong{color: #FFF}
#inews ul li:hover div code{color: #FFF}
#inews ul li:hover div span{color: #FFF}

#foot{background-color:#000; width: 100%; min-width: 1280px}
.footml{float:left; color:#ddd; width:600px; padding:40px 0 20px 0; letter-spacing:2px}
.footml div{height:40px; line-height:20px; font-size:18px}
.footml li{height:24px; line-height:24px; font-size:14px}
.footmr{float:right; width:600px}
.footmr li{float:right; width:120px; height:150px; padding-top:33px; margin-right:15px}
.footmr img{width:120px; height:120px}
.footmr p{width:120px; height:30px; line-height:30px; font-size:12px; text-align:center; color:#ddd; letter-spacing:2px}
#bottom{background-color:#3b3b3b; font-size:12px; height:50px; line-height:50px; text-align:center; color:#eee; letter-spacing:2px; width: 100%; min-width: 1280px}
#bottom a{color:#aaa; text-decoration:underline}

.izl-rmenu{position:fixed;right:10px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#C91515;}
.izl-rmenu .btn-qq:hover{background-color:#98171A;}
 
.izl-rmenu .btn-qq .qq{background-color:#C91515;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#C91515;}
.izl-rmenu .btn-wx:hover{background-color:#98171A;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#C91515;}
.izl-rmenu .btn-phone:hover{background-color:#98171A;}
.izl-rmenu .btn-phone .phone{background-color:#C91515;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*在线留言*/
.m_msg{ padding-bottom: 100px; }
.m_msg .tit{ font-size: 36px; text-align: center; margin: 30px 0 60px; }
.m_msg .top1{ margin-bottom: 27px; }
.m_msg .top1 .item{ position: relative; border: 1px solid #ccc; overflow: hidden; width: 31%; float: left; margin-left: 3.5%; height: 42px; box-sizing: border-box; }
.m_msg .top1 .item:first-child{ margin-left: 0; }
.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; position: absolute; height: 100%; width: 23%; height: 100%; font-size: 0; }
.m_msg .top1 .item input{ padding-left: 10px; float: right; width: 77%; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; background:none }
.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}
.m_msg .email span{ background: #e7e8ec url(../images/icon34.png) center no-repeat;}
.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}
.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}
.m_msg .msg{ float: left; position: relative; width: 65.5%; height: 200px; box-sizing: border-box; border: 1px solid #ccc; margin-top:20px; }
.m_msg .msg textarea{ font-size: 16px; line-height: 22px; width: 89.1%; float: right; border: none; height: 188px; background:none; padding: 5px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;  }
.m_msg .text{ padding-top: 20px; width: 31%; margin-left: 3.5%; float: left; color: #666; margin-top:20px; }
.m_msg .text .red{ color: #b20d0b; margin: 14px 0 57px; }
.m_msg .text .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }
.m_msg .text .btn input[type="submit"]{ background: #b20d0b; }



/*加入我们*/
.jmbd { width:800px; margin:0 auto; border:#333 1px solid; padding-bottom:20px;}
.jmbd .lmbt { background:#333; line-height:32px; font-size:15px; color:#fff; font-weight: bold; padding-left:10px; margin-bottom:15px;}
.jmbd .wby { margin-bottom:15px; height:35px; line-height:35px; padding:0 15px;}
.jmbd .wby .xm { width:200px; float:left}
.jmbd .wby .wz { width:55px; float: left;}
.jmbd .wby .kuang { float:left; display:block; padding-right:10px;}
.jmwby { width:120px; background:#fff; border:#ccc 1px solid; height:30px;}
.jmwby2 {width:60px; background:#fff; border:#ccc 1px solid; height:30px;}
.jmwby3 {width:200px; background:#fff; border:#ccc 1px solid; height:30px;}
.jmwby4{width:300px; background:#fff; border:#ccc 1px solid; height:30px;}
.jmwby5{width:100%; background:#fff; border:#ccc 1px solid; height:190px;}
.jmbd .nian { display:block; float:left;}
.jmbd .wby .wz2 {width:85px; float: left;}
.jmbd .wby2 { margin-bottom:15px; height: auto; line-height:35px; padding:0 15px;}
.jmbd .wby span { line-height:35px; font-size:16px; font-weight:bold;}
.jmbd .btn { width:220px; margin:0 auto}
.jmbd .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }

.jmbd .btn input[type="submit"]{ background: #b20d0b; } 
@media (max-width:1024px ) {

.jmbd { width:100%; margin:0 auto; border:#333 1px solid; padding-bottom:1.5rem;}
.jmbd .lmbt { background:#333; line-height:3rem; font-size:1.2rem; color:#fff; font-weight: bold; padding-left:1rem; margin-bottom:1.5rem;}
.jmbd .wby { margin-bottom:1.2rem; height:auto; line-height:3rem; padding:0 1rem; overflow:hidden}
.jmbd .wby .xm { width:100%; float:left}
.jmbd .wby .wz { width:4.5rem; float: left;}
.jmbd .wby .kuang { float:left; display:block; padding-right:1rem;}
.jmwby { width:14rem; background:#fff; border:#ccc 1px solid; height:2.5rem; margin-bottom:0.5rem}
.jmwby2 {width:3.8rem; background:#fff; border:#ccc 1px solid; height:2.5rem; margin-bottom:0.5rem}
.jmwby3 {width:18rem; background:#fff; border:#ccc 1px solid; height:2.5rem; margin-bottom:0.5rem}
.jmwby4{width:18rem; background:#fff; border:#ccc 1px solid; height:2.5rem; margin-bottom:0.5rem}
.jmwby5{width:100%; background:#fff; border:#ccc 1px solid; height:15rem; margin-bottom:0.5rem}
.jmbd .nian { display:block; float:left;}
.jmbd .wby .wz2 {width:6rem; float: left;}
.jmbd .wby2 { margin-bottom:1rem; height: auto; line-height:3rem; padding:0 1rem;}
.jmbd .wby span { line-height:2.5rem; font-size:1.4rem; font-weight:bold;}
.jmbd .btn { width:15rem; margin:0 auto}
.jmbd .btn input{ cursor: pointer; border: none; width: 5rem; height: 2.5rem; font-size: 1.2rem; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 1rem; }


}