@charset "utf-8";
/* CSS Document */



@font-face {
/* font-test*/
font-family: fangzheng;
src:url('../font/msyhl.ttc'),
url('../font/msyhl.ttc'),
url('../font/msyhl.ttc'); /* IE9 */
}


.footer{ background-color:#0E0E0E; height:50px; margin-top:-10px; }
.footer2{ background-color:#0E0E0E; height:50px; }

.bto_left{ width:18%; position:absolute; left:2.5%; }
.bto_right{ width:30%; position:absolute;  right:2.5%; line-height:50px; text-align:right; color:#888;}

.iocil{ text-align:center; line-height:45px;}

.iocil_p1 img{ width:21px; height:21px;}
.iocil_p2 img{ width:25px; height:25px;}
.iocil_p3 img{ width:22px; height:22px;}
.iocil_p4 img{ width:27px; height:27px;}
.iocil_p5 img{ width:20px; height:20px;}

.zuopxiangxi{padding:13% 10%;color:#333; background-color:#efefef;font-family:fangzheng;}
.zuopxiangxi h1{ font-size:6em; padding-bottom:5%;font-weight:400;}
.zuopxiangxi p{ font-size:2.4em; font-weight:300;  line-height:56px;}
.zuopxiangxi b{font-size:2em; font-weight:300;padding-top:10%; display:block;}

.zuopb{ margin-top:100px;}


.contactbox{ background-color:#000; min-height: 100%; top:0px; position:absolute; width:100%; z-index:-1;color:#fff;
    height: auto;}
	
.lxbot{position:fixed;bottom:0px;width:100%; }

.conbox{ position:absolute; left:3%; bottom:18%;}
.con1 {font-size:1.8em;font-family:fangzheng;}
.con1 span{display:block;font-size:0.8em; font-family:Arial;font-weight:300;}

.con2{font-size:1.2em; font-family:Arial; padding-top:6%;font-weight:300;}

.con3{font-size:1.2em; font-family:fangzheng;padding-top:15%;}

.weixinbox{ position:absolute; right:4%; bottom:18.2%;}
.weixinbox img{ width:218px;}
.fenhang{ display:none;}

.ph_cpoy{ padding-left:30px;font-family:微软雅黑; padding-top:30px; color:#999;}



.about{ background-color:#000;padding:20% 10%; color:#fff;font-family:fangzheng;}



.about h1{ font-size:6em; padding-bottom:4%;font-weight:400;}
.about p{ font-size:2.4em; font-weight:300; line-height:56px;text-align:justify;}

.about_font{padding:20% 10%; color:#333;font-family:fangzheng;background-color:#efefef;}

.about_font h1{ font-size:6em; padding-bottom:4%;font-weight:400;}
.about_font p{ font-size:2.4em; font-weight:300;  line-height:56px;text-align:justify;}

.Na_fenye{ position:fixed;top:49%; background-color:#f00; width:100%;}
.Na_left{position:absolute;left:2%; }
.Na_right{position:absolute;right:2%;}
.Na_left a{background-image: url(../image/left.png);background-repeat: no-repeat;background-position: left center;width:26px; height:52px; display:block; }
.Na_right a{background-image: url(../image/right.png);background-repeat: no-repeat;background-position: right center; width:26px;height:52px; display:block;}



@media (max-width:630px){

.bto_left{ width:100%; left:0; padding-top:8px;}
.bto_right{ display:none;}
.iocil{line-height:32px;}

.conbox{ top:25%;left:5%;}
.weixinbox{width:60%; top:52%; left:5%;}
.weixinbox img{ width:140px;}
.con1 {font-size:1.6em;}
.con1 span{ margin-top:10px; line-height:10px;font-size:0.7em;}
.con2{font-size:1em; }
.con3{ position:absolute; top:80%;font-size:1em;}
.fenhang{ display: inherit;}
.header .left{width: 10%;}
.header .left a img{height: 40px;margin-top: 10px;}

.zuopxiangxi{padding:13% 6%;}
.zuopxiangxi h1{ font-size:2.4em; }
.zuopxiangxi p{ font-size:1.2em;line-height:30px;}
.zuopxiangxi b{font-size:1em;}

.about{padding:38% 6% 35% 6%; color:#fff;}
.about h1{ font-size:2.4em; }
.about p{ font-size:1.2em;  line-height:32px; }

.about_font{padding:38% 6% 35% 6%; background-color:#efefef;}

.about_font h1{ font-size:2.4em;}
.about_font p{ font-size:1.2em; line-height:32px; }

.header{height:60px;}

.zuopb{ margin-top:0px;}
.bkheader{ background: none;}

.Na_left{left:4%; }
.Na_right{right:4%;}
.Na_left a{height:30px; width:15px; }
.Na_right a{height:30px; width:15px; }

.row {
  margin-right: 0px;
  margin-left: 0px;
}

}

@media (min-width: 630px) and (max-width: 768px){

.bto_left{ width:30%; left:0; padding-top:8px;}
.bto_right{ display:block;width:50%;}

.iocil{line-height:33px;}

.conbox{ top:25%;left:5%;}
.weixinbox{width:40%; top:55%; left:5%;}
.weixinbox img{ width:140px;}
.con1 {font-size:1.6em;}
.con1 span{ margin-top:10px; line-height:18px;font-size:0.7em;}
.con2{font-size:1em; }
.con3{ position:absolute; top:88%;font-size:1em;}
.fenhang{ display: inherit;}


.zuopxiangxi{padding:13% 6%;}
.zuopxiangxi h1{ font-size:2.4em; }
.zuopxiangxi p{ font-size:1.2em;line-height:30px;}
.zuopxiangxi b{font-size:1.2em;}

.about{padding:25% 6%; color:#fff;}
.about h1{ font-size:2.4em; }
.about p{ font-size:1.2em;  line-height:34px; }

.about_font{padding:25% 6%; background-color:#efefef;}

.about_font h1{ font-size:2.4em;}
.about_font p{ font-size:1.2em; line-height:34px; }

.zuopb{ margin-top:0px;}
.bkheader{ background: none;}

}

@media (min-width: 768px) and (max-width: 992px){

.bto_left{ width:30%; left:0; padding-top:8px;}
.bto_right{ width:50%;}

.iocil{line-height:34px;}

.conbox{ top:25%;left:5%;}
.weixinbox{width:40%; top:55%; left:5%;}
.weixinbox img{ width:140px;}
.con1 {font-size:1.6em;}
.con1 span{ margin-top:10px; line-height:18px;font-size:0.7em;}
.con2{font-size:1em; }
.con3{ position:absolute; top:88%;font-size:1em;}
.fenhang{ display: inherit;}
.zuopb{ margin-top:0px;}
.bkheader{ background: none;}

.zuopxiangxi{padding:13% 6%;}
.zuopxiangxi h1{ font-size:3em; }
.zuopxiangxi p{ font-size:1.6em;line-height:30px;}
.zuopxiangxi b{font-size:1.2em;}

.about{padding:25% 6%; color:#fff;}
.about h1{ font-size:3em; }
.about p{ font-size:1.6em;  line-height:34px; }

.about_font{padding:25% 6%; background-color:#efefef;}

.about_font h1{ font-size:3em;}
.about_font p{ font-size:1.6em; line-height:34px; }

}


@media (min-width: 993px) and (max-width: 1200px){

.bto_left{ width:25%; left:0; padding-top:8px;}
.bto_right{ width:50%;}

.iocil{line-height:32px;}


.conbox{ position:absolute; left:3.4%; bottom:24%;}
.con1 {font-size:1.6em;font-family:fangzheng;}
.con1 span{display:block;font-size:0.6em; font-family:Arial;font-weight:300;}

.con2{font-size:1em; font-family:Arial; padding-top:6%;font-weight:300;}

.con3{font-size:1em; font-family:fangzheng;padding-top:15%;}

.weixinbox{ position:absolute; right:0; padding-right:75px; bottom:24.6%;}
.weixinbox img{ width:165px;}


.zuopxiangxi{padding:13% 6%;}
.zuopxiangxi h1{ font-size:4em; }
.zuopxiangxi p{ font-size:1.6em;line-height:38px;font-weight:100;}
.zuopxiangxi b{font-size:1.4em;font-weight:300;}

.about{padding:18% 6%; color:#fff;}
.about h1{ font-size:4em; }
.about p{ font-size:1.6em;  line-height:38px; font-weight:100;}

.about_font{padding:18% 6%; background-color:#efefef;}

.about_font h1{ font-size:4em;}
.about_font p{ font-size:1.6em; line-height:38px; font-weight:100;}


}


@media (min-width: 1201px) and (max-width: 1900px){
	
.conbox{ position:absolute; left:3.4%; bottom:24%;}
.con1 {font-size:1.6em;font-family:fangzheng;}
.con1 span{display:block;font-size:0.6em; font-family:Arial;font-weight:100;}

.con2{font-size:1em; font-family:Arial; padding-top:6%;font-weight:100;}

.con3{font-size:1em; font-family:fangzheng;padding-top:15%;}

.weixinbox{ position:absolute; right:0; padding-right:75px; bottom:24.6%;}
.weixinbox img{ width:165px;}
	


.zuopxiangxi{padding:13% 6%;}
.zuopxiangxi h1{ font-size:4em; }
.zuopxiangxi p{ font-size:1.6em;line-height:38px;font-weight:300;}
.zuopxiangxi b{font-size:1.4em;font-weight:100;}

.about{padding:18% 6%; color:#fff;}
.about h1{ font-size:4em; }
.about p{ font-size:1.6em;  line-height:38px; font-weight:100;}

.about_font{padding:18% 6%; background-color:#efefef;}

.about_font h1{ font-size:4em;}
.about_font p{ font-size:1.6em; line-height:38px; font-weight:100;}

}





#wrap {overflow: hidden; width: 100%;}
#main {top: 0; position: relative;}
.page {/*谨删*/width: 100%;  margin: 0;}
#pageUl {position: fixed;right: 10px;}