/* *********************CSS index****************** */
.g-adv{ height:13.75rem; overflow:hidden}

.g-hd{ height:6.917rem; background:#fff; overflow:hidden;}
.g-hd p{ height: 2.5rem; line-height: 2.5rem; text-align: center; overflow: hidden; font-size: 0.75rem; color: #fff; font-family: "SimHei"; background: #303030; }
.g-hd p img{vertical-align: middle; width: 1.5rem; margin-right:0.5rem ;}
.g-hd p span{ font-size: 1.042rem; color: #fff; font-family: Arial; display: inline-block; padding:0 0.3rem;}
.m-logo{ display:block; width:3.75rem; border-right: 1px dashed #dcdcdc; overflow:hidden; margin:0.833rem 0 0 1.167rem; height: 3.0rem;}
.m-logo img{ width: 2.45rem; display: block;}
.m-wz{ width:76.25%;  font-size: 0.833rem;font-family: "SimHei"; line-height:1.4rem;}
.m-wz span{ display:block;font-size:1.25rem;  color:#191919; padding-top:0.875rem;}
/*index nav*/
nav{ width:100%; float:left; height:7.042rem; border-bottom: 1px solid #dddddd; background: #fff; overflow:hidden; position: relative}
nav:before{ position: absolute; content:""; top: 50%; left: 0;width: 100%; height: 1px; background: #dddddd}
nav a{ color:#222222; font-size:1.08rem; width:33%; text-align:center; height:3.5rem; line-height:3.5rem; overflow:hidden; display:block; float:left; position:relative; font-family: "SimHei"}
nav a:before{ position: absolute; content:""; top: 0; right: 0;width: 1px; height: 3.5rem; background: #ddd}
nav a:nth-child(3n):before{height: 0}

.sytit{ width:100%; float:left; background:url(../img/xian.png) no-repeat center; text-align:center;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%}
.sytit span{ width:100%; float:left; font-size:1.2rem; font-weight:bold; margin-top:25px}
.sytit p{width:100%; float:left; font-size:1rem; margin-top:15px}
/*index 1*/
.qianjing{ width:96%; float:left; overflow:hidden; position: relative; background:#F6F7F9; padding:2rem 2% 2rem 2%}
.qianjing dl{ width:100%; float:left; margin-top:2rem}
.qianjing dt{ width:10%; float:left}
.qianjing dt img{ width:100%}
.qianjing dd{ width:88%; float:left; margin-left:2%}
.qianjing dd span{ font-size:1rem; font-weight:bold}
.qianjing dd p{ width:100%; float:left; font-size:0.8rem; line-height:1rem; margin-top:15px}
/*index 2*/
.wenti{ width:96%; padding:2%; float:left; background-color:#ededed; padding:2rem 2% 2rem 2%}
.mianlin{ width:100%; float:left; font-size:1rem; font-weight:bold; text-align:center; line-height:30px; color:#2E2E2E} 
.wenti ul{ width:96%; float:left; border: solid 1px #ccc; padding:2%; margin-top:1rem; float:left}
.wenti li{ width:46%; margin:2%; padding:3% 0 3% 0; float:left; background:url(../img/cha.png) no-repeat 10%; background-color:#fff; text-align:center; font-size:1rem; font-weight:bold}
.wenti li .desc{}
.wenti li .tongdian{ margin-top:0.5rem; color:#ff6700}	
.wenti li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out}
.wenti li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5}
/*index 3*/
.zixin{ width:100%; float:left; background:#233444; text-align:center;color:#fff; padding:2rem 0 2rem 0}
.zixin .zz1{ width:100%; font-size:1.2rem; font-weight:bold}
.zixin .zz2{ width:100%; font-size:1rem; font-weight:100; margin:0.5rem 0 0.8rem 0}
.zixin .liji{ width:40%; margin:0 auto; background:#ED0C3A; line-height:2rem}
.zixin .liji a{ color:#fff; font-weight:bold}
/*index 4*/
.shili{ width:96%; float:left; padding:2rem 2% 0 2%}
.shili .hd { width:100%; float:left}
.shili .hd li{ width:48.3%; float:left; margin:0.5%; line-height:2.5rem; text-align: center; font-size:0.8rem; font-weight: bold; border:#ddd 1px solid}
.shili .hd li.on { float:left; line-height::2rem; background:#243645; color:#fff}

.shili .bd { width:100%; float:left; margin-top:1rem}
.part_con{ width:100%}
.part_con dt{ width:100%}
.part_con dt img{ width:100%}
.part_con dd{ width:100%; float:left; overflow:hidden}
.part_con h3{ font: bold 1rem; font-weight:bold;  margin-top:1rem}
.part_con h3 a{ color:#333}
.part_con span{ font-size:0.8rem; float:left; line-height:2rem; display:block; color:#696969; margin-top:0.8rem}

/*index 5*/
.case{  width:96%; float:left; padding:2rem 2% 2rem 2%}
.anli{ width:100%; float:left; margin-top:1rem}
.anli .hd{  width:100%; float:left}
.anli .hd li{ width:31.6%; float:left; margin:0.5%; line-height:2.5rem; text-align: center; font-size:0.8rem; font-weight: bold; border:#ddd 1px solid}
.anli .hd li.on { float:left; line-height::2rem; background:#243645; color:#fff}

.anli .bd{ width:100%; float:left; margin-top:1rem}
.anli .bd .lh{ width:100%; float:left}
.anli .bd .lh dl{ width:100%; float:left}
.anli .bd .lh dt{width:100%; float:left}
.anli .bd .lh dd{ width:100%; float:left;  border-top:1px solid #ddd; margin-top:35px; padding:20px 0 0 0}
.anli .bd .lh dd h3 { width:15%;float:left; margin-right:2%}
.anli .bd .lh dd h3 img { width:100%}
.anli .bd .lh dd p { width:80%; float:left; line-height:2rem; color:＃737373; font-size:0.8rem }
.anli .bd .lh dd p span{ font-weight:bold; font-size:1rem}
/*index 6*/
.m-lc{ width:100%; height: 20.708rem; float:left; background:url(../img/lc_t.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%}
.m-lc ul{ width: 22.89rem; overflow: hidden; margin:0 auto;background:url(../img/lc_ibh.png) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%}
.m-lc ul li{position: relative; line-height: 0rem; float: left; margin:0 3.25rem 0.833rem 0; width: 5.417rem; height:5.417rem; overflow: hidden; text-align: center; font:1rem/4.667rem "Microsoft Yahei"; color: #000; background: #f1f1f1; border: 0.375rem solid #7d7d7d; border-radius: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box}
.m-lc ul li:before{ position: absolute;content: ""}
.m-lc ul li:nth-child(3n){ margin-right: 0.0rem}
.m-lc ul li:nth-child(6){ padding-top: 1.4rem; line-height: 1.083rem}
.m-lc ul li:nth-child(1),.m-lc ul li:nth-child(4){border: 0.375rem solid #e1cca2}
/*index 7*/
.product{  width:96%; float:left; padding:1rem 2% 1rem 2%}
.product .hd { width:100%; float:left; margin-top:35px}
.product .hd li{ width: 31.6%; float:left; margin:0.5%; line-height:2.5rem; text-align: center; font-size:0.8rem; font-weight: bold; border:#D0D0D0 1px solid}
.product .hd li.on { float:left; line-height::80px; background:#243645; color:#fff;border-left:#D0D0D0 1px solid}

.product .bd { width:100%; float:left; margin-top:1rem}
.product .pro_con{ width:100%; float:left; overflow:hidden}
.product .pro_con li{ width:47%; float:left; margin:1%; border:1px solid #ccc;  overflow:hidden; text-align:center}
.product .pro_con li img{ width:100%}
.product .pro_con li span{ width:100%; float:left; line-height:2rem; font-weight:500; background:#f9f9f9}
.product .pro_con a.more{ width:33%; float:left; margin:5% 0 0 33%; display:block; line-height:2.2rem; text-align:center; color:#fff;  background:#243645}
/*youshi*/
.youshi{ width:96%; float:left; padding:1rem 2% 1rem 2%}
.youshi .hd { width:100%; float:left;  margin-top:35px}
.youshi .hd li{width: 23%; float:left; margin:0.5%; line-height:2.5rem; text-align: center; font-size:1rem; font-weight: bold; border:#D0D0D0 1px solid}
.youshi .hd li.on { float:left; line-height::55px; background:#243645; color:#fff}
.youshi .hd li.tw{ border-left:#D0D0D0 1px solid}

.youshi .bd { width:100%; float:left; margin-top:1rem}
.youshi .bd .ysbox{ width:100%; float:left}
.youshi .bd .ysbox .yst{ width:100%; float:left}
.youshi .bd .ysbox .yst img{ width:100%}
.youshi .bd .ysbox .yscon{ width:100%; float:left}
.youshi .bd .ysbox .yscon dl{width:100%; float:left; margin:1rem 0 0.5rem 0}
.youshi .bd .ysbox .yscon dl dt{ width:10%; float:left}
.youshi .bd .ysbox .yscon dl dt img{ width:100%}
.youshi .bd .ysbox .yscon dl dd{ width:88%; float:left; margin-left:2%}
.youshi .bd .ysbox .yscon dl dd span{ font-size:1rem; font-weight:bold; color:#333}
.youshi .bd .ysbox .yscon dl dd p{ font-size:0.7rem; line-height:1.5rem; color:#acacac}
/*server*/
.server{ width:100%; float:left;background:#F6F7F9; padding:1rem 0 1rem 0}
.server .fwcon{ width:100%; float:left; margin-top:2rem}
.server dl.f1{ width:95%; float:left; padding:3%; color:#fff; background:#233545}
.server dl.f2{ width:95%; float:left; padding:3%}

.server dl.f1 dt{ float:left}
.server dl.f1 dd{ float:right}

.server dl.f2 dt{ float:right}
.server dl.f2 dd{ float:left}

.server dl dt{ width:20%}
.server dl dt img{ width:100%}
.server dl dd{ width:75%}
.server dl dd span{ font-size:1rem; font-weight:bold; margin-bottom:10px; float:left}
.server dl dd p{  line-height:30px}
/**/
.hezuo{ width:96%; float:left; padding:1rem 2% 1rem 2%}
.huoban{ width:100%; float:left; margin-top:1rem}
.huoban .hb_con{ width:94%; float:left}
.huoban .hb_con li{ width:30%; float:left; margin:0 5px 0 5px}
.huoban .hb_con li img{ width:100%; border: solid 1px #ccc}

.huoban .scroll1,.scroll2{ width:3%; height:28px; margin-top:4%;  overflow:hidden}
.huoban .scroll1 img,.scroll2 img{ width:12px; height:28px}
/*news*/
.news{ width:100%; float:left; padding:1rem 0 1rem 0}
.news .hd { width:100%; float:left}
.news .hd li{width: 33.1%; float:left; line-height:2.6rem; text-align: center; font-size:1rem; font-weight: bold; background:#B5B5B5; color:#fff}
.news .hd li.on{ float:left; line-height::55px; background:#243645; color:#fff}
.news .hd li.tw{ border-left:solid 1px #fff}

.news .bd { width:100%; float:left; margin-top:20px}
.news .bd .newscon{width:96%; float:left; padding:0 2% 0 2%}
.news .bd .newscon ul li{ width:96%; float:left; background:url(../img/li.gif) no-repeat 0 15px; padding-left:4%; line-height:2.5rem; border-bottom:dotted 1px #ccc}
.news .bd .newscon ul li span{float:right;color:#949494}

/**********************content*************************/
/**head**/
.headerbox{ width:100%; float:left; background:#E8E8E8;  z-index:999}
.header{ width:96%; padding:0 2%; float:left; height:3.2rem; line-height:3.2rem; text-align:center}
.header .headin{ width:10%;  float:left;}
.header .headertit{ width:70%; float:left; font-size:1.1rem; font-weight:bold}
.header .sye{  width:10%; float:left}
.header .bill{ width:10%; float:left}
.header .headin,.bill img{ width:2.2rem; height:2.2rem; margin-top:0.6rem}
.header .sye img{ width:2.2rem; height:2.2rem; margin-top:0.6rem}
.header .inright span{display:block; transition:0.5s}
.header .inright .close{display:none}
.headerbox .slidebar{ position:fixed; z-index:9999; right:-20rem; top:0; background:#f5f5f5; height:100%; width:65%; box-shadow:0 0 0.7rem rgba(0,0,0,0.6); transition:0.5s; overflow-y:scroll}
.headerbox .slidebar.show{ right:0}
.headerbox .slidebar ul{ margin-left:8%}
.headerbox .slidebar ul li{ width:100%; float:left; line-height:2.5rem;}
.headerbox .slidebar ul li span{ font-weight:bold; line-height:3rem}
.headerbox .slidebar ul li ul{}
.headerbox .slidebar ul li ul li{ width:48%; float:left; margin:1%}


.fixbg{ background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:3}

/*导航*/
.navgate{ height:2.2rem; line-height:2.2rem; background:#fff; overflow:hidden; transition:0.3s}
.navgate.navmore{ padding-right:1.2rem; position:relative}
.navgate.navshow{ height:auto; transition:0.3s}
.navgate ul{}
.navgate ul li{ float:left; padding:0 0.7rem; text-align:center}
.navgate ul li a{ display:block; font-size:0.8rem}
.navgate ul .more{ display:none}
.navmore ul .more{ position:absolute; right:0; top:0; width:1.2rem; height:2.2rem; display:block !important}
.navmore ul .more i{ display:inline-block}
.navmore ul .more i img{ display:block; margin-top:0.5rem; width:1rem}
/*位置导航*/
.location{ width:100%; float:left; line-height:2rem;  font-size:0.7rem; color:#fff; background:#343232}
.location a{font-size:0.8rem; padding:0 0.5rem;color:#fff}

/*news list*/
.newslist{ width:96%; float:left;  padding:1rem 2% 1rem 2%}
.newslist ul li{ width:100%; float:left; border-bottom:1px solid #EEEEEE; padding:3% 0 3% 0}
.newslist ul li .img{ width:30%; float:left}
.newslist ul li .img img{ width:100%; height:100%}
.newslist ul li .text{ width:65%; float:right}
.newslist ul li .text .name{font-size: 0.9rem; color:#333; font-weight:bold}
.newslist ul li .text .name a{ color:#333}
.newslist ul li .con{ font-size: 0.7rem; margin-top:0.6rem; line-height:1rem}
.newslist ul li .con a.more{ background:#989898; color:#fff; text-align:center; padding:0 8px 0 8px; line-height:20px; float:right; border-radius: 10px; font-size:0.6rem; margin-top:5px}
/*分页样式*/
#fenye{color:#999; text-align:center; padding:1rem 0}
#fenye table{ width:100%}
#fenye a{font-size:0.7rem;height:1.3rem;line-height:1.3rem;color:#A5A3A3; border-radius:0.1rem; background:#F1F1F1; display:inline-block; margin:0 0.3rem; padding:0 0.3rem; display:none}
#fenye a:hover{background:#3087C4; color:#fff}
#fenye .prev,#fenye .next{text-align:center;  display:inline-block}
#fenye a:hover{color:#fff; text-decoration:none}

/*newscontent*/
.newscon{ width:96%; float:left;  padding:1rem 2% 1rem 2%}
.newscon img{ max-width:100%}
.newscon h1{font-size:1.2rem; line-height:2rem; font-weight:bold; text-align:center}
.newscon .gray{ width: 96%;float: left; padding:2%; color:#888; font-size:0.8rem; border-bottom: 1px solid #ddd; line-height:2rem}
.newscon .gray p {float: left}
.newscon .gray span{ float: right;background: url(../img/yj.png) no-repeat 0 8px; padding-left: 8%}

.newscon .xinwencon{ width:100%; float:left; line-height:1.5rem; margin-top:1rem; font-size:0.8rem; color:#555}
.newscon .xinwencon p{ font-size:0.8rem}
.newscon .xinwencon img{ display:block;margin:0 auto; max-width:100%}
.newscon .control{line-height:1.5rem; font-size:0.7rem;overflow: hidden}
/**/
.tjcon{ width:100%; float:left; margin-top:0.5rem}
.tjcon .contit{ width:98%; float:left; background:#f6f6f6; border-bottom:solid 1px #a9a9a9; line-height:2rem; font-size:0.8rem; padding-left:2%; font-weight:bold; margin-top:1rem}
.tjcon .cpbox{ width:98%; float:left; padding:2%}
.tjcon .cpbox ul li{ width:30.7%; float:left; margin:1%; border:1px solid #ccc;  overflow:hidden; text-align:center}
.tjcon .cpbox li img{ width:100%}
.tjcon .cpbox li span{ width:100%; float:left; line-height:2rem; font-weight:500; background:#f9f9f9}

.tjcon .xwbox{ width:98; float:left; padding:2%}
.tjcon .xwbox ul li{width:96%; float:left; background:url(../img/li.gif) no-repeat 0 15px; padding-left:4%; line-height:3rem; border-bottom:dotted 1px #ccc}
.tjcon .xwbox ul li span{float:right;color:#949494}

/***product list***/
.prolist{ width:100%; float:left; padding-top:2%}
.prolist .tit{ width:96%; float:left; padding:2%; background:#F0F0F0;line-height:1.5rem; margin-top:30px}
.prolist .tit h3{  float:left}
.prolist a.more{ float:right}
.prolist .box{ width:100%; float:left; margin-top:20px}
.prolist .cptjbox{ width:96%; float:left; padding:2%}
.prolist .cptjbox dl{ width:100%; float:left; margin-top:20px}
.prolist .cptjbox dl dt{ width:36%; padding:2%; float:left; border:#EBEBEB solid 1px;  text-align:center}
.prolist .cptjbox dl dt img{ width:100%;}
.prolist .cptjbox dl dd{ width:54%; float:right; line-height:4rem; border-bottom:dotted 1px #ccc; font-size:0.8rem; font-weight:bold}
.prolist .cptjbox .lmcptd{ width:96%; float:left; padding:2%; line-height:1.8rem; font-size:0.8rem; border:1px solid #EBEBEB; margin-top:1rem}


.prolist ul li{width:47%; float:left; margin:1%; border:1px solid #ccc;  overflow:hidden; text-align:center}
.prolist ul li img{ width:100%; height:117px}
.prolist ul li span{ width:100%; float:left; line-height:2rem; font-weight:500; background:#f9f9f9}

.procon{ width:100%; float:left}
.procon .proimg{ width:100%; float:left}
.procon .proimg img{ width:100%}
.procon .proms{width:98%; float:left; background:#f6f6f6; border-bottom:solid 1px #a9a9a9; line-height:2rem; font-size:0.6rem; padding-left:2%; font-weight:bold; margin-top:1rem}
.procon .projs{ width:96%; float:left; padding-left:2%; line-height:1.5rem}
.procon .projs img{ width:100%}
/*shop*/
.shopcon{ width:96%; float:left;  padding:1rem 2% 1rem 2%}
.sca{ width:100%; float:left}
.sca h2{ font-size:1rem; font-weight:bold; padding:1rem 0 0;}
.sca p{ line-height:1.5rem; margin:20px 0 20px 0;}
.shop{ width:100%; float:left}
.shop dl{ width:44.3%; float:left; padding:2%; border:solid 1px #ccc; margin-right:1%}
.shop dl dt{ width:25%; float:left}
.shop dl dd{ width:70%; margin-left:5%; float:left}
.shop dl dd span{ font-size:0.7rem; font-weight:bold}
.shop dl dd a{ width:68%; background:#243645; display:block; color:#fff; text-align:center; line-height:1.5rem; margin-top:1rem;border-radius: 5px; }
/*aboutcon*/
.aboutcon{ width:96%; float:left;  padding:1rem 2% 1rem 2%}
.aboutcon .xpa img{ width:48%}
.aboutcon p{ line-height:2rem}
/*lianxicon*/
.lianxicon{ width:96%; float:left;  padding:1rem 2% 1rem 2%}
.lianxicon .lxxx{ width:100%; float:left; padding:5% 0 5% 0}
.lianxicon .lxxx h2{  background:url(../img/lxbg.png) no-repeat;background-size:100%; text-align:center; color:#fff; font-size:1.2rem; font-weight:bold; line-height:4rem; padding-bottom:5%}
.lianxicon .lxxx p{ font-size:1rem; line-height:2rem; color:#666; margin-top:5%}
.lianxicon .lxdt{ width:100%; float:right}
 /*文章正文分页样式*/
#pageNext{ padding:10px 12px 6px; clear:both}
#pageNext .prev,#pageNext .next{width:64px; text-align:center}
#pageNext a.curr{width:25px; background:#fff;color:#c00; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:bold}
#pageNext a{text-decoration:none; font-size:14px;margin-left:5px;height:26px; text-align:center; line-height:26px; float:left;color:#666; background:#ddd}
#pageNext a.num{width:25px}
#pageNext a:hover{color:#00659c; text-decoration:none}