@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body{font-size:14px;color:#666; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF; overflow-x: hidden; width:100%;}
a{ color:#444b54; text-decoration:none;}
a:hover{color:#0546A8;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.red{ color:#f40006;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.clear,.c{ clear:both;}
.blank{ clear:both; height:20px;}
.about{ float:right; margin-left:20px;}
.img{max-width:100%; border:0px; height:auto;}
.sjbt{ width:100%; height:50px; line-height:50px; background-color:#e40101; text-align:center; color:#ffffff; font-size:18px; font-weight:bold; display:none; margin-bottom:10px;}
.sjbt a{ color:#ffffff;}
/*tr:hover{width:100%; background-color:#cccccc;}*/
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}
.wrap{ width:1200px; margin:0 auto;}
.top2{ overflow:hidden; padding:20px 0px;overflow:hidden; background:#0D5CD3;}
.logo{float:left; width:520px; padding-left:20px;}
.tel{float:right; padding-right:80px; background:url(../images/tel.png) no-repeat 0px center;}
.tel p{ padding-left:45px;}
.tel p span{ font-size:28px; font-family:"微软雅黑"; font-weight:bold; color:#fff;}
.nav{ width:100%; background:url(../images/nbg.jpg) repeat-x center; height:58px; line-height:58px;}
.nav li{ width:12.5%; float:left; text-align:center; font-size:16px;}
.nav li a{ color:#fff;display:block; }
.nav li a:hover{ display:block; background:url(../images/nh.png) no-repeat center top;}


.list01{DISPLAY:none; BACKGROUND:#EAEBED}
.plist{ BACKGROUND:#1663FF; opacity:0.9; padding:20px 0; overflow:hidden;}
.list01 a{COLOR:#fff;}
.nav li.navlm:hover{Z-INDEX:5000 !important; POSITION:relative; BACKGROUND:url(../images/nh.png) no-repeat center top}
.dropdowntriple{DISPLAY:none}
.nav li.navlm:hover .dropdowntriple{Z-INDEX:2000; POSITION:absolute; DISPLAY:block; TOP:36px; LEFT:0px}
.nav li.single:hover{Z-INDEX:5000 !important; POSITION:relative; BACKGROUND:url(../images/navactive2.jpg) no-repeat center top;}
.nav li:hover ul li a{BACKGROUND:none transparent scroll repeat 0% 0%}
.nav li:hover dt a{BACKGROUND:#fff}
.nav li:hover dt a:hover{BACKGROUND:#cc0000; color:#fff}
.nav li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; width:200px; }
.nav li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; LEFT:0px}
.ndropdown{WIDTH:143px;}
.nav li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; LEFT:0px;WIDTH:112px;}
LI.feilei2{WIDTH:100%; }
LI.feilei2 LI{WIDTH:100%; border-right:none; font-size:16px; line-height:42px;}

.sjbanner{ display:none;}
.banner{ width:100%;/* position: relative; z-index:0; */ clear:both; /**z-index:-999; *margin-top:-90px; */}
#flashBg {padding: 0px; margin: 0px; width: 100%;  height: 600px; clear:both; overflow: hidden;}
#flashLine {width: 100%; height: 600px; clear: both;}
#flash {padding: 0px; margin: 0px auto; width: 100%;  height: 600px; clear: both; overflow: hidden;}
#flash a {width: 100%; display: none; height: 600px;}
.flash_bar { position: relative; text-align: center; margin: 0px auto; width: 180px; bottom: 55px; height: 30px; overflow: hidden; padding-top: 13px !important}
.flash_bar .dq {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop")}
.flash_bar .no {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p2.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop")}
.b1 {
	background: url(../images/1.jpg) no-repeat center 50%;
}
.b2 {
	display: none;
	background: url(../images/2.jpg) no-repeat center 50%;
}
.b3 {
	display: none;
	background: url(../images/3.jpg) no-repeat center 50%;
}

.fix-block{
    position: relative;
    overflow: hidden;
    
}
.index-block1{
    /* background: url(../images/inb1-bg.jpg) no-repeat center top; */
	height:900px;
}

.inb1-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
    z-index: 2;
}
.inb1-video {
    height: 100%;
}
.inb1-video video{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
    z-index: 0;
}
.inb1-main{
    position: absolute;
    text-align: center;
    height: 310px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    z-index: 10;
}
.inb1-tit{
    font-size: 52px;
    line-height: 54px;
    color: #fff;
}
.inb1-text{
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 40px;
    text-align: center;
}
.inb1-btn{
    margin-top: 75px;
    font-size: 0;
}
.inb1-btn .btn{
    margin-left: 15px;
    width: 240px;
    height: 60px;
    line-height: 60px;
}
.inb1-btn .btn:first-child{
    margin-left: 0;
}

.gjc{ height:67px; background:#f5f5f5; box-shadow:0 4px 4px rgba(165,165,165,.55); margin-bottom:60px; }
.gjcc{ height:40px;  padding:10px; margin-right:10px; line-height:40px; color:#1b1b1b;}
.gjcc p{ background:url(../images/gjc1.png) no-repeat left center; text-indent:30px;}
.gjcc p b{ display:block; float:left;}
.gjcc a{ color:#1b1b1b; float:left;}


.m1{ width:100%; }
.m1t{ text-align:center;}
.m1 ul{ overflow:hidden; }
.m1 li{ float:left;height:397px; }
.m1 .li2{ width:322px;}


.team_bt{height:110px;text-align: center;overflow: hidden; background:url(../images/team_line.gif) no-repeat 0 82px; }
.team_bt a{font-size: 32px;color: #0D5CD3; font-style:normal; font-weight:bold;}
.team_bt i{color: #E60606; font-style:normal;font-weight:bold;}
.team_bt span{display: block;font-size: 18px;color: #777;font-weight: normal; padding:8px 0 0;}

.team_bt1{height: 132px;text-align: center;overflow: hidden; background:url(../images/team_line.gif) no-repeat 0 82px; padding-top:35px;}
.team_bt1 a{font-size: 32px;color: #fff; font-style:normal; font-weight:bold;}
.team_bt1 i{color: #C20103; font-style:normal;font-weight:bold;}
.team_bt1 span{display: block;font-size: 18px;color: #fff;font-weight: normal; padding:8px 0 0;}

.mobone{padding-bottom:40px;}
.mobone .mobonetop{clear:both;background: url(../images/mobonebg.png) repeat-x center 40px;}
.mobone .mobonetop .mobonetoppic{float:left;width: 380px;}
.mobone .mobonetop .mobonetopbox{float:right;width: 678px;padding-top: 60px;padding-right: 15px; background:url(../images/Nicon06.png) no-repeat right 40px;}
.mobonetopbox .mobonetopboxtit{clear:both; text-align:left; padding-bottom:10px;}
.mobonetopbox .mobonetopboxtit a{font-size:28px;}
.mobonetopbox .mobonetopboxtit a.mobonemore{float:right; border-radius:5px; font-size:14px; line-height:30px; padding:0px 25px; background:#fde0d6;}
.mobonetopbox .mobonetopboxtit a.mobonemore:link,.mobonetopbox .mobonetopboxtit a.mobonemore:visited{ color:#ff8155;background:#fde0d6; border:1px solid #ff8155; text-decoration:none; }
.mobonetopbox .mobonetopboxtit a.mobonemore:hover,.mobonetopbox .mobonetopboxtit a.mobonemore:active{ color:#01499d; background:#d9ebff; border:1px solid #01499d; text-decoration:none; }

.mobonetopboxcom{clear:both; padding:0px 0px 20px 0px;}
.mobonetopboxcom p{font-size:14px;line-height:26px;color:#333;padding: 7px 0px 7px 30px;}
.moboneicon01{background: url(../images/proicon02.jpg) no-repeat left 10px;}
.moboneicon02{background: url(../images/proicon01.jpg) no-repeat left 10px;}
.mobonetopboxbom{clear:both;}
.mobonetopboxbom span{float:left; border-radius:5px; margin-right:10px; padding:0px 20px;color:#01499d; background:#d9ebff; border:1px dashed #01499d;}

.m2{ width:100%; height:auto; background:url(../images/m21.jpg) repeat-x center top; margin-bottom:60px;}
.m2t{ width:100%; height:62px; background:url(../images/m2t.jpg) no-repeat center; padding:30px 0px;}
.projects-container{ margin-top:-30px;}
.projects-container ul{ margin-right:-66px; overflow:hidden; *margin-bottom:30px;}
.projects-container li { width: 356px; height:267px; float: left; margin-right:66px; margin-bottom:40px; }
.projects-container li { position: relative;/* margin-bottom: 2.5%!important; margin-bottom: 5%;*/ }
.projects-container li .m2img { width: 100%; position: relative; z-index: 2; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; height:267px; }
.project-content { position: absolute; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 2px; width: 100%; }
.projects-container li:hover .project-content {  background:#0D5CD3; opacity:0.6; z-index: 99999; }
.inner-project { text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -38px; }
.inner-project ol { font-size: 16px; line-height: 24px; color: #222; font-weight: 700; margin: 0px 0px 6px 0px; padding: 4px 12px 3px 12px; border-radius: 0px 0px 0px 0px; background-color: rgba(255,255,255,0);  text-transform: capitalize; }
.inner-project span { display: block; color: #1abc9c; font-size: 14px; font-weight: 300; margin-bottom: 12px; }
.project-link { font-size: 12px; line-height: 30px; color: #fff; font-weight: 500; padding: 3px 30px 2px 30px; z-index: 2; display: inline-block; font-family: "Source Sans Pro",Helvetica,Arial,sans-serif; text-transform: uppercase; }
.project-link:hover { color: #ffffff; }
.projects-container li .ms{ width:100%; height:40px; line-height:40px; text-align:center; background:#0D5CD3; position:absolute; bottom:0; left:0; z-index:9999; color:#ffffff;}
.m2 li a{ color:#ffffff;}
.projects-container li:hover .ms{ display:none;}
.m2gd{ background:url(../images/m2tel.jpg) no-repeat left center; height:60px;}
.m2gd span{ float:right; width:150px; height:50px; line-height:50px; display:block; background-color:#0D5CD3; text-align:center;}
.m2gd span a{ color:#ffffff;}

.m3{ margin-bottom:40px;}
.m31{ width:100%; height:220px; background:url(../images/why.jpg) no-repeat center top;}
.m32{ width:100%; height:316px; background:url(../images/ys1.jpg) no-repeat center top;}
.m33{ width:100%; height:280px; background:url(../images/ys2.jpg) no-repeat center top;}
.ys1,.ys2,.ys3,.ys4{ float:left; width:200px;}
.m3 h2{ font-size:20px; color:#333333;}
.m3 p{ line-height:20px;}
.m3 b{ color:#cc0000;}
.ys1,.ys2{ margin-top:100px;}
.ys2{ float:right; margin-right:60px;}
.ys4{ float:right;}


.m4{ margin-bottom:40px;}
.m4t{ height:70px; margin-bottom:25px;}
.m4t span{ float:right; background-color:#0D5CD3; display:block; width:100px; height:30px; margin-top:20px; text-align:center;}
.m4t span a{ color:#ffffff;}
.marquee {overflow: hidden; width: 100%; height: 318px; }
.sycp{ overflow:hidden; }
.sycp li{ width:328px; margin-right:40px; text-align:center; float:left; display:inline; background-color:#e5e6e8;}
.pimg{ width:100%; height:248px; overflow:hidden;}
.pimg img{ width:100%;}
.ptxt{ height:30px; line-height:30px; margin:20px; text-align:left; background:url(../images/m41.jpg) no-repeat left bottom;}
.ptxt span{ float:right; width:100px; height:30px; line-height:30px; text-align:center; border:1px #3a4450 solid;}
.sycp li:hover{ background-color:#0D5CD3; }
.sycp li:hover .ptxt{ display:block; background:url(../images/m41h.png) no-repeat left bottom;}
.sycp li:hover .ptxt a{color:#ffffff;}
.sycp li:hover .ptxt span{color:#ffffff; border:1px #ffffff solid;}


.part5 {

  padding-top: 50px;

}

.part5 .tik {

  background: url(../images/part5tik.jpg) no-repeat center;

  width: 477px;

  text-align: center;

  font-size: 30px;

  color: #555;

  font-weight: bold;

  margin: 0 auto 60px;

}

.part5 .comt {

  background: url(../images/part5comt.jpg) no-repeat center top;

  min-height: 1194px;

  width: 1180px;

  margin: 0 auto;

  padding-top: 50px;

}

.part5 .comt img {

  display: block;

  overflow: hidden;

}

.part5 .comt .a1,

.part5 .comt .a2 {

  position: relative;

}

.part5 .comt .tpk {

  display: block;

  width: 430px;

}

.part5 .comt .tpk p.p1 {

  font-size: 26px;

  color: #005bac;

  font-weight: bold;

  height: 36px;

  overflow: hidden;

}

.part5 .comt .tpk p.p1 .org {

  color: #ff7e00;

  font-size: 26px;

  font-weight: bold;

}

.part5 .comt .tpk p.p1 s {

  width: 41px;

  height: 36px;

  float: left;

  text-align: center;

  font-size: 24px;

  color: #fff;

  background: #000;

  text-decoration: none;

  line-height: 36px;

  margin-right: 20px;

}

.part5 .comt .tpk p.p2 {

  height: 30px;

  background: #005bac;

  line-height: 30px;

  text-align: center;

  color: #fff;

  font-size: 14px;

  width: 380px;

}

.part5 .comt ul {

  padding-top: 15px;

}

.part5 .comt ul li {

  background: url(../images/part5li.jpg) no-repeat 0px 15px;

  padding-left: 15px;

  color: #555;

  font-size: 16px;

  line-height: 38px;

}

.part5 .comt ul li .org {

  color: #ff7e00;

  font-weight: bold;

  font-size: 14px;

}

.part5 .comt .a1 .fl {

  width: 550px;

  overflow: hidden;

}

.part5 .comt .a1 .fr {

  width: 530px;

  margin-top: 20px;

}

.part5 .comt .a1 .fr img {

  display: block;

}

.part5 .comt .mar.a2 {

  margin-top: -30px;

}

.part5 .comt .a2 {

  width: 100%;

}

.part5 .comt .a2 .fl {

  position: absolute;

  left: 0px;

  top: 55px;

}

.part5 .comt .a2 .tpkfr {

  width: 550px;

  float: left;

}


.m5{ margin-bottom:50px; background:url(../images/m5bg.jpg) no-repeat center top; height:490px; color:#ffffff;}
.m5img{ width:434px; float:left; border:5px #ffffff solid; margin-top:70px; margin-right:50px; display:inline;}
.m5c{ width:706px; float:left; margin-top:70px;}
.m5c a{ color:#0546A8;}
.m5c h2{ font-size:34px; background:url(../images/m52.jpg) no-repeat left bottom; height:60px;  margin-bottom:20px;}
.m5c p{ text-indent:28px;}
.m5c li{ float:left; width:170px; height:60px; line-height:60px; background-color:#fff; margin:30px 50px 0px 0px; text-align:center;}
.m5c li img{ vertical-align:middle;display:inline-block;}

.m6{ margin-bottom:80px;}
.m61{ width:325px; float:left; }
.m62{ width:330px; float:left; margin-left:45px; display:inline; }
.m63{ width:455px; float:left; margin-left:45px; display:inline; }
.m6t{ margin-bottom:20px; }
.m6t{ font-size:22px; font-weight:bold;}
.m6t em{ font-style:normal; font-size:14px; font-weight:normal; text-transform:uppercase; margin-left:10px;}
.m6t span{ float:right; width:77px; height:24px; line-height:24px; font-size:14px; font-weight:normal; border:1px #e40101 solid; text-align:center;}
.m6t span a{ color:#e40101;}
.m63 .m6t span{border:1px #444b54 solid;}
.m63 .m6t span a{ color:#444b54}
.m62 li{ border-bottom:1px #b2b2b2 solid; background:url(../images/m62.jpg) no-repeat right 10px; height:70px; margin-bottom:5px; overflow:hidden; *margin-bottom:0px;}
.m62 li span{ display:block; }
.m63 li{ border-bottom:1px #b2b2b2 solid; margin-bottom:5px; height:70px; overflow:hidden;}
.m63 li span{ float:right;}
.m63 li a{ color:#333333; font-weight:bold; display:block;}
.m63 li p{ color:#666666; height:40px; line-height:40px; overflow:hidden;}


.newsli li{ background:url(../images/mli.jpg) no-repeat left center; padding-left:15px; box-sizing:content-box; overflow:hidden;}
.newsli .txt{ width:272px; float:left; line-height:38px; height:38px; font-size:16px; *line-height:32px; *height:32px;}
.newsli .time{ color:#666; border:1px #bcbcbc solid; width:85px;background-color:#f3f3f3; text-align:center; height:22px; margin-top:7px; float:right; line-height:22px; }



.foot{ background-color:#0D5CD3; color:#ffffff; padding-top:40px; }
.footer{ margin-top:-30px;}
.foot .wrap{position:relative; }
.foot a{ color:#adb0b5;}
.flink{ background-color:#E50706; line-height:60px; z-index:99;top:-70px; position:relative; overflow:hidden;  }
.flinkt{ width:150px; border-right:#fff 1px solid; text-align:center; padding:10px 0px; float:left; margin-right:30px; display:inline;}
.flink a{ color:#ffffff;}

.bq a{ color:#ffffff;}
.fwx{ width:132px; float:right;text-align:center; margin-bottom:20px; padding-right:50px;}
.flogo{ width:250px; float:left; padding-left:50px;pbackground:url(../images/fline.png) no-repeat right center; margin-right:60px; padding-top:10px;}
.fc{ width:650px; float:left;  padding:0; margin-bottom:30px;}
.fc p{ width:50%; float:left;}

.bq{ width:100%; padding:5px 0px;border-top:1px #4d555d solid; line-height:56px;}

.bq1{ float:left; width:60%; text-align:left;}
.bq2{ float:right; width:30%; text-align:right; }
.fdh{ display:none;}


.mleft{ width:290px; float:left; margin-right:40px; display:inline;}
.sjlb{ display:none;}
.cplb{background-color: #eeeeee;}
.cpt{margin-bottom:10px;}
.con{ padding-bottom:10px;}
.cplb dl{margin-bottom:10px; overflow:hidden;}
.cplb dt a{ font-size:16px; font-weight:bold; color:#ffffff; background:url(../images/mrtit.png) #0D5CD3 no-repeat 15px center; height:40px; line-height:40px; padding-left:45px; display:block; }
.cplb dt a:hover{ display:block; background-color:#0D5CD3; color:#ffffff;}
.cplb dd{ border-bottom:1px #ffffff solid; background:url(../images/dot.jpg) no-repeat 10px 10px; padding-left:25px;line-height:30px; height:30px; overflow:hidden; border-bottom:1px #9d9d9d dashed; width:110px; float:left; margin-left:5px; display:inline;}
.mright{ width:870px; float:left;}

.nyban{ width:100%; height:300px; background:url(../images/nyban.jpg) no-repeat center; }

.pro_div,.location{max-width:1170px; margin:0 auto; overflow:hidden}
/*.location{ background:url(https://www.hxjiqi.com/images/home-icon.jpg) no-repeat 20px center; padding-left:45px;}*/
.sub_tit_pro{ width:100%; margin:0 auto; overflow:hidden; line-height:30px; height:36px; padding:7px 0 8px; margin-bottom:20px; background:url(https://www.hxjiqi.com/images/fenge-line.gif) repeat-x left bottom; }
.location a{ line-height:30px; *border:none; *background:none;}
.location a.home-icon{ background: url(https://www.hxjiqi.com/images/h.gif) no-repeat left center; padding-left:18px; *white-space:nowrap; *+line-height:36px;}
.location span{ color:#0a276d; font-weight:bold;}
.location a strong{ *display:inline-block;*white-space:nowrap; *line-height:46px;}

.contenter{ width:100%; line-height:28px; font-size:16px; margin:20px 0;}

.productlist{max-width:1170px;overflow:hidden; margin:0 auto; height:100%}
.productlist li{ width:28.6%; margin:0 2.2% 3% ; float:left;    overflow: hidden;}
.productlist li a{display: block;overflow:hidden;position: relative;}
.productlist li img{ width:100%; height:auto; _height:163px; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease;transition:all 0.35s ease; -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); float:left;}
.productlist li a span.icon-bg{ display:none;}
.productlist li a span.icon-plus{ background:none; width:60px; height:60px; position:absolute; left:40%; top:-60px;transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -webkit-transition:all 0.15s ease 0s; -ms-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; display:block;}
.productlist ul li a:hover span.icon-bg{ display:block; position:absolute; left:0; top:0; width:345px; height:343px; background:url(../images/pro-bg-hover.png) repeat;}
.productlist ul li a:hover span.icon-plus{ display:block; background: url(../images/magnify-alt.png) no-repeat; position:absolute; left:43%; top:40%; width:60px; height:60px; transition:all 0.15s ease-out 0s; -moz-transition:all 0.15s ease-out 0s; -webkit-transition:all 0.15s ease-out 0s; -ms-transition:all 0.15s ease-out 0s; -o-transition:all 0.15s ease-out 0s;}
.productlist li a.tit {display: block;}
.productlist .pro_con1 { position: relative; z-index: 2; text-align:center;font-size:14px;  font-weight:500;-moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;overflow:hidden; margin:0;}
.productlist .pro_con1 a {color: #333; width:100%; overflow:hidden;height:45px; line-height:45px;}
.productlist .pro_con1 a:hover{ background:#0D5CD3; color: #fff; width:100%; overflow:hidden;height:45px; line-height:45px;}
.productlist .pro_con1 a:after {
  position: absolute;
  right: 8px;
  top: 50%;
  display: inline-block;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  font-family: "FontAwesome";
  font-size: 24px;
  font-weight: 300;
}

.productlist .pro_con2 { position: relative; z-index: 2; text-align:center;font-size:14px;  font-weight:500;-moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;overflow:hidden; margin:0;}
.productlist .pro_con2 a {color: #333; width:100%; overflow:hidden;height:45px; line-height:45px;}
.productlist .pro_con2 a:after {
  position: absolute;
  right: 8px;
  top: 50%;
  display: inline-block;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  font-family: "FontAwesome";
  font-size: 24px;
  font-weight: 300;
}

.jiqiprony{width: 100%;overflow: hidden;margin: 0 auto;}
.jiqiprodt{width: 38%;float: left;}
.jiqiprodt img{width: 100%;height: auto;}
.jiqitopnr{width:59%;float: right;}
.jiqitopnr h1{font-size: 34px;line-height:35px;margin-bottom:25px;color: #182133;float: left;}
.pro_rx{border-radius: 10px 0; background-color:#fff;border: 1px solid #e60012;color: #e60012; line-height:1.5em; float:left; margin-top:10px;margin-left: 10px;padding: 0px 10px;font-size: 14px;}
.pro_miaoshu{border-bottom:dashed 1px #dfdfdf;padding-bottom:8px;}
.pro_miaoshu p{margin: 15px 0;overflow: hidden;width: 100%;font-size: 15px;}
.pro_miaoshu p span{color: #e60012;font-weight: 600;font-size: 16px;}
.pro_nytel {margin-top: 45px; overflow: hidden; text-align: center; width: 100%; background: url(../images/pro_tel.png) no-repeat left center; padding-left: 55px; }
.pro_nytel span { font-size: 17px; width: 100%; text-align: left; float: left; overflow: hidden; }
.pro_nytel p { font: bold 30px/38px Arial, Helvetica, sans-serif;*font-size:20px; float: left; }
.pro_nytel p a { color: #182133; }
.pro_nytel p strong {color: #e60012; font: bold 40px/38px Arial, Helvetica, sans-serif;*font-size:30px; text-align: left; }
.pro_cxxl{margin-top:20px; border-radius:4px;background:#ea0000 url(../images/icon_cpnyhot.png) no-repeat right;color: #fff;line-height: 56px;text-align: center;}
.pro_cxxl img{vertical-align: middle;margin:0 15px 0 -30px;}
.pro_cxxl a{color: #fff;font-size: 24px; display:block;font-weight: 500;}
.pro_div,.location{max-width:1170px; margin:0 auto; overflow:hidden}

#tab_one1_1{ float:left; width:100%; margin-top:20px; font-size:16px; line-height:28px;}
.news_list{ padding:0 0 20px 0; overflow:hidden; max-width:1170px; margin:0 auto;}
.news_list ul {  width:100%; }
.news_list li { float:left; width:46%; margin:0 4% 0 0 }
.news_list li .inner { height:102px; padding:20px 0; border-bottom:1px dotted #bcbcbc}
.news_list .image { float:right; margin:0 0 0 40px; width:30%}
.news_list .title { font-size:20px; line-height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list .title a { color:#383842}
.news_list .title a:hover { color:#e50012}
.news_list .time { padding:10px 0 ; font-size:14px; color:#e50012; font-family:Arial}
.news_list .text { color:#4d4d4d; height:42px; overflow:hidden; line-height:20px;}
.news_pro{ max-width:1170px; margin:0 auto; overflow:hidden;}

#Context{ line-height:28px; font-size:16px;}
#Context h1{ font-size:26px;  color:#000;  text-align:center; margin:25px 0}
#Context .date{display: inherit; font-size: 12px; text-align:right;}
#Context .date img{vertical-align:middle; margin-right: 5px;}
#Context p{ font-size:16px; line-height:2em;text-indent: 2em; margin:12px 0 ; text-align: jus}
#computer td{padding: 5px 0;}
#Context p a{ color:#ff4200;}
#Context p img{max-width:100%;height:auto;}
#Context p video,.content_video video{ width:100%; max-width:750px;}
.daodu{ background:url(https://www.hxjiqi.com/images/newkf.png) no-repeat 10px bottom #f5f5f5; padding:40px 0px 15px 140px;  margin:12px 12px 25px 2px; color:#555; overflow:hidden;}
#Context .daodu p.tip{ text-indent:0; margin:0 0 20px; font-size:16px;}
.daodu .swt{ background-color:#e3131e; padding:6px 7px; color:#FFFFFF; margin:0 4px; font-weight:bold;}
.daodu u{ color:#e3131e; text-decoration:none; font-size:14px; font-weight:bold;}
.daodu .l-tel{ width:52%; float:left; color:#e90101; font-size:21px; font-weight:bold; margin-top:9px;}
.daodu .l-tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:top;}
.r-tool{ float:right; width:32%;}
.r-tool a{ font-size:15px; color:#fff; border-radius:3px; display:block; float:left; text-align:center;}
.r-tool a img{ width:25px; margin-right:3px; vertical-align:middle;}
.r-tool a.zixun{ background:#333; padding:8px 25px; margin-right:15px;}
.r-tool a.baojia{ background:#ff4200; padding:8px 25px;}
.r-tool a:hover{ color:#fff;}
#Context_nr{ width:100%;}
#prevnext{width: 100%;float: left;/*text-indent: 2em;*/padding-top: 10px;}
#prevnext span{width:47%; display:block; float:left; line-height:30px; margin: 0 3% 2% 0}

.xg{ max-width:1170px; margin:0 auto;  width:99.8%; overflow:hidden; margin-bottom:30px;}
.xg .tit{background: url(../images/newtitbg.jpg) repeat-x center center; height: 38px; width:100%; margin: 0 auto; margin-top:3%;_margin-top:1%; margin-bottom: 1%;_margin-bottom:2%; overflow: hidden;position: relative; }
.xg .tit h3 {height: 35px;line-height: 35px;background: #fff;color: #ED1C24;text-align: center;font-size: 32px;padding: 0 20px;font-weight: 900;position: absolute; margin-left:43%;}
.xg ul{ width:100%; overflow:hidden; margin:2% 0 1% 1%;}
.xg li{ width:47%; margin:0 2% 0 0; float:left; height:30px; font-size:16px; line-height:32px;background:url(../images/new_ico.jpg) no-repeat 20px center ;text-indent: 3.5%;white-space: nowrap;text-overflow: ellipsis; overflow:hidden}
.news_pro{ max-width:1170px; margin:0 auto; overflow:hidden;}
.news_pro .tit{ background: url(../images/newtitbg.jpg) repeat-x center center; height: 38px; width:100%; margin: 0 auto; margin-top:3%;_margin-top:1%; margin-bottom: 4%;_margin-bottom:2%; overflow: hidden;position: relative; }
.news_pro .tit h3 {height: 35px;line-height: 35px;background: #fff;color: #ED1C24;text-align: center;font-size: 32px;padding: 0 20px;font-weight: 900;position: absolute; margin-left:43%;}
.news_pro li{ width:22%; float:left; margin:0 1.5% 0 1.5%;_margin:0 0.7% 0 0.7%;} 
.news_pro li img{ width:100%; height:auto;_height:163px;} 
.news_pro li h4{ font-size:14px; text-align:center; font-weight:500; margin:1% 0}
.nyban img{ display:none;}
.ny{ margin-bottom:30px;}
.cpzs{ /*overflow:auto; zoom:1;*/}
.cpzs li{ width:200px; height:187px; border:1px #dddddd solid; float:left;  text-align:center; margin-right:14px;  display:inline; margin-bottom:20px; overflow:hidden;}
.cpzs li img{ height:155px;}
.cpzs li:hover{ border:1px #0D5CD3 solid;}
.cpzs li span{ display:block; background-color:#232323;}
.cpzs li span a{ color:#ffffff;}
.p16{font-weight:bold; font-size:16px; }
.ptitle{line-height:35px; margin-bottom:8px; text-align:center; color:#222222;}
.pline{ border-bottom:4px double #dddddd; height:35px;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
.list{}
.list .node{margin-bottom:8px} /* 单个文章信息 */
.list .node .title{padding-bottom:6px;padding-top:5px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#EBEBEB} /* 标题 */
.list .node .title h2{margin:0px;padding:0px;font-size:16px} /* 标题 */
.list .node .title a{border-left-width:5px;border-left-style:solid;border-left-color:#D9D9D9;padding-left:5px}
.list .node .title a:hover{text-decoration:underline}
.list .node .description{padding:8px;line-height:150%;color:#555} /* 描述 */
.list .node .description p{margin:0px;padding:0px}
.list .node .info{text-align:right;font-size:12px;line-height:20px;color:#666;padding-right:18px} 

.page{ line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} 
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} 
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}
.mrtit{ border-bottom:1px #dddddd solid; margin-bottom:15px;}
.mrtit span{background:url(../images/mrtit.png) #0D5CD3 no-repeat 90% center; width:120px; height:30px; display:block; padding:0px 15px;}
.mrtit span a{ color:#FFF; font-weight:bold; font-size:16px;}
.mrtit span a:hover{ color:#FFF; }
.mrtit em{ float:right; font-style:normal; }
.sub_menu{ width:100%; height:45px; background-color:#eeeeee; line-height:45px; margin-bottom:15px;}
.sub_menut{ background-color:#0D5CD3; width:15%; text-align:center; font-weight:bold; color:#ffffff; font-size:18px; float:left;}
.sub_menut a{ color:#ffffff;}
.sub_menu ul{ width:80%; float:left;}
.sub_menu ul li{ width:20%; float:left; font-size:16px; text-align:center;}

.prenext{ color:#0D5CD3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 98%;
	line-height: 30px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-bottom:15px;
}
.prenext .pre{float: left;width: 100%;} 
.prenext .pre a{
	color: #333;
	text-decoration: none;
} 
.prenext .pre a:hover {
	color: #0D5CD3;
}/* 上一篇 */
.prenext .next{
	text-align: left;
	float: left;
	width: 100%;
}
.prenext .next a{
	color: #333;
	text-decoration: none;
} 
.prenext .next a:hover {
	color: #0D5CD3;
}
.nylx{ border:1px #dddddd solid;}
.nylxc{ padding:10px;}
.nylx h2{ font-size:18px;}
.mrt{ background-color:#e7e7e7; height:47px; line-height:47px; margin-bottom:20px;font-size:18px; font-weight:bold; text-indent:20px; border-left:8px #f50007 solid; color:#222222;}
.rxcp{ margin-bottom:30px;}
.rxcp li{ width:136px; float:left;text-align:center;  height: 120px; overflow:hidden; display:inline; border:1px #dddddd solid; margin:0px 3px 15px; }
.rxcp li img{ height:85px;}
.rxcp li span{ display:block; background-color:#eeeeee;}
.ltit{ border-bottom: #dddddd double; text-indent:1em; font-weight:bold; font-size:1.3em; margin-bottom:15px;}
.zx{ border-bottom:1px #dddddd dashed; padding-bottom:8px; margin-bottom:10px;}
.zx h3 a{ font-size:18px;}
.zx h3 span{ float:right; font-size:14px; font-weight:normal; color:#666666;}
.zx li{ width:25%; float:left; height:40px; line-height:40px; background-color:#cc0000; text-align:center; margin-right:2%; display:inline; margin-bottom:3%;}
.zx li a{ color:#ffffff; }
.zx .li1{ background-color:#222222;}
.xgxw{ margin-bottom:30px; margin-top:30px;}
.xgxw li{ border-bottom:1px #dddddd dashed; background:url(../images/mli.jpg) no-repeat left center; padding-left:20px; line-height:40px; height:40px; overflow:hidden;}
.ny1{ margin-bottom:40px; overflow:hidden;}
.nyimg{ width:40%; float:left; border:1px #ddd solid; box-sizing:border-box; text-align:center; height:380px; overflow:hidden;}
.nyimg img{width:100%; /* height:380px;*/}
.nyl{ width:50%; margin:0 auto 3%; float:left;}
.nyr{ width:48%; float:left; margin-left:2%;display:inline;}
.prodTitle { font-size: 22px;   height: 30px;    line-height: 30px; overflow: hidden; padding-top:8px; margin-bottom:20px;}
.dh{ margin:3% 0; padding:5px;}
.dh b{ font-size:28px; color:#cc0000;}

.list{}
.list .node{margin-bottom:8px} /* 单个文章信息 */
.list .node .title{padding-bottom:6px;padding-top:5px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#EBEBEB} /* 标题 */
.list .node .title h2{margin:0px;padding:0px;font-size:16px} /* 标题 */
.list .node .title a{border-left-width:5px;border-left-style:solid;border-left-color:#D9D9D9;padding-left:5px}
.list .node .title a:hover{text-decoration:underline}
.list .node .description{padding:8px;line-height:150%;color:#555} /* 描述 */
.list .node .description p{margin:0px;padding:0px}
.list .node .info{text-align:right;font-size:11px;line-height:20px;color:#666;font-family:Georgia, "Times New Roman", Times, serif;padding-right:18px} /* 文章其他信息 */
.list .node .info span{color:#390;}

.mcon input{ border:1px #cccccc solid; padding:3px;}

.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

.nyms{ width:55%; float:right;}
.nyms h1{ font-size:24px; margin-bottom:15px;}
.dqwz{ border-bottom:1px #ddd solid; margin-bottom:20px;}
.dh{ margin:2% 0;}
.dh b{ font-size:28px; font-weight:bold; color:#cc0000;}
.tufr{ float:right;}
.proimg{overflow: hidden;border: 1px solid #ccc;float: left;width: 98%;margin-top: 2%;padding-top: 0px;padding-right: 0px;padding-bottom: 2%;padding-left: 0px;}
.jqzoom2{ position:relative; width:100%;padding:0;}
.jqzoom2 img {width: 100%;}
.zoomdiv{height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:95%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.jpg) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.jpg) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:5px;}
#spec-list{float: left;overflow: hidden;display: inline;width: 93%;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{margin-top: 0;
*margin-left:0;	width: 100%;}
.smallImg{position: relative;height: 52px;margin-top: 1px;background-color: #F1F0F0;width: 98%;overflow: hidden;float: left;padding-top: 6px;padding-right: 1%;padding-bottom: 6px;padding-left: 1%;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background-image: url(../images/left.jpg);background-repeat: no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background-image: url(../images/right.jpg);background-repeat: no-repeat;margin-right: 0px;}
#imageMenu {height:50px; width:95%; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position: relative;float: left;width: 100%;overflow: hidden;height: 300px; text-align:center;}
.bigImg img{height: 100%;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
/* bigImg */
.bigImg2{position: relative;float: left;width: 100%;overflow: hidden;}
.bigImg2 #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
.smallImg2{position: relative;height: 52px;margin-top: 1px;width: 99%;overflow: hidden;float: left;padding-top: 6px;padding-bottom: 6px;padding-left: 1%;}
#imageMenu2 {height:50px; width:92%; overflow:hidden; margin-left:0; float:left;}
#imageMenu2 ul {margin: 0px;padding: 0px;list-style-type: none;}
#imageMenu2 li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu2 li img{width:50px; height:50px;cursor:pointer;}
#imageMenu2 li#onlickImg img, #imageMenu2 li:hover img{ width:44px; height:44px; border:3px solid #959595;}
@media screen and (max-width: 940px) {
#imageMenu2 {width:90%;}
}
.cp_body{width: 100%;overflow: hidden;margin-top: 0px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.cp_name{width: 100%;border-bottom: 1px #eaeaea solid;background-color: #232323;float: left;}
.cp_erNav{width: 100%;margin-right: auto;margin-left: auto;}
.cp_erNav li{width: 16.66666666%;height: 64px;float: left;line-height: 64px;display: inline;text-align: center;}
.cp_erNav li a{color: #FFF;text-decoration: none;float: left;width: 100%;}
.cp_erNav li a:hover{color: #FFF;float: left;width: 100%;}
.cp_txt{width: 100%;overflow: hidden;margin-top: 52px;margin-right: auto;margin-left: auto;float: left;}
.cp_txt p{ line-height:35px;color:#333;}
.cp_txt table{ margin-top:10px; }
.txt_name{width: 100%;height: 34px;font-size: 16px;font-weight: bold;border-left: 6px #0D5CD3 solid; border-bottom: 1px #dddddd solid;
padding-left: 10px;margin-bottom: 25px;}
.hot_anl{ width:100%;overflow:hidden; margin-top:10px;}
.hot_anl li{width: 23%;overflow: hidden;float: left; margin-left:0; margin-right:1%; display: inline; padding:0; text-align:center;}
.hot_anl li img{width: 100%;height: 150px;}
.hot_anl li p{width: 100%;height: 35px;color: #333;overflow: hidden;background-color: #CCC;text-align: center;}
.hot_anl li p a{color: #333;text-decoration: none;}
.hot_anl li p a:hover{text-decoration: underline;}
.hot_anl li span{ display:block; overflow:hidden;color:#595757; font-size:12px; overflow:hidden;}
.hot_anl li span a{color: #fe700c;text-decoration: none;}
.hot_anl li span a:hover{text-decoration: underline;}
.cp_list {display: block;width: 100%;overflow: hidden;margin-top: 0;margin-right: auto;margin-bottom: 30px;margin-left: auto;padding: 0px;list-style-type: none;}
.cp_list li{width: 23%;overflow: hidden;float: left;margin-right: 2%;margin-left: 0; box-sizing:border-box;}
.cp_list li a img {height: 160px;width: 100%;}

.cp_list li p{display: block;width: 100%;height: 38px;line-height: 38px;text-align: center;overflow: hidden;background-color: #232323;}
.cp_list li p a{color: #FFF;text-decoration: none;}
.cp_list li p a:hover{color: #0D5CD3;text-decoration: underline;}
/*产品隐藏导航*/
.fix-nav{width: 100%; position: fixed;top: 0;z-index: 999;background-image: url(../images/jh.png); left:0; padding:0; margin:0;}
.fix-nav ul{display: block;width: 100%;padding: 0px;margin:0;list-style-type: none;}
.fix-nav ul li{float: left;width: 18%; margin:0 1%; text-align:center;}
.fix-nav ul li a{display: inline-block;padding: 0;color: #FFF;margin: 0px;line-height: 64px;text-align: center;float: left;width: 100%;text-decoration: none;}
.fix-nav ul li a:hover{color: #FFFFFF;background-color: #0D5CD3;float: left;height: 64px;width: 100%;}
.fix-nav .fix-red{color: #FFFFFF;}
.list-h li{ float:left;}
#preview2{ float:left; margin:2%; text-align:center; width:96%;}
#spec-n52{width:100%; padding-top:6px; overflow:hidden;}
#spec-list2{float: left;overflow: hidden;display: inline;width: 94%;}
#spec-list2 ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list2 ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
@media only screen and (min-width: 380px) and (max-width: 550px) {
#spec-list2{float: left;overflow: hidden;display: inline;width: 93%;}}
@media only screen and (min-width: 1px) and (max-width: 379px) {
#spec-list2{float: left;overflow: hidden;display: inline;width: 91%;}}

@media screen and (max-width: 1200px) {
.wrap{ width:100%;}
.tops{ display:none;}
.nav{ width:100%;}
.nav ul{ width:100%;}
#flashBg{ display:none;}
.sjbanner{ width:100%; display:block; position:relative; z-index:0;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }

.mleft{width: 25%;margin-right: 2%;}
.mright{ width:73%;}
.cplb dd{ width:48%; margin-left:0; padding-left:2%; background-image:none; }

.m1 ul{ display:none;}
.m2t{ display:none;}
.m1{ margin-bottom:30px;}
.m2{ height:auto; background-image:none;}
.projects-container ul{ margin:0;}
.m2 li{ width: 31.333333%;margin: 0px 1% 40px;}
.m31{ display:none;}
.m3 .sjbt{ display:block;}
.m32,.m33{ height:auto; background-image:none;}
.ys1,.ys2,.ys3,.ys4{ border:1px #dddddd solid; border-radius:5px; margin:1%; float:left; width:48%; box-sizing:border-box; background-color:#eeeeee; padding:2%;}

.m5img{ width:40%; margin-right:5%; box-sizing:border-box;}
.m5img img{ width:100%;}
.m5c{ width:55%;}
.m5c li{ width:30%; margin-right: 3.33333%;}
.m61{ display:none;}
.m62{ width:40%; margin-left:0;}
.m63{ width:55%; margin-left:5%;}

.flogo{ width:20%; margin-right:5%; }
.fwx{ width:25%;  }
.fc{ width:50%; box-sizing:border-box;}


.nyban{ background-image:none; height:auto;}
.nyban img{ display:block; width:100%;}
.cpzs li{ width:23%;box-sizing: border-box;margin:1%;}
.nyimg{ height:auto;}
.rxcp li{ width:48%; box-sizing:border-box; margin:1%;}
.nymstxt{ height:150px; overflow:hidden;}
.bigImg{ height:auto;}
}

@media screen and (max-width: 800px) {
.m2{ margin-bottom:20px;}
.m5{ }
.m5c{ width:100%;}
.m5img{ display:none; }

.flink{ width:100%;}
.bq{ margin-bottom:40px;}
.foot{ padding-top:30px;}
.fdh{ display:block; line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#cc0000;}
.fdh a{ color:#FFF;}
.cp_list li a img{ height:150px;}
.nymstxt{ height:90px; overflow:hidden;}
.nyimg{ width:98%; margin:1%;}
.nyms{ width:98%; margin:1%;}
.zx li{ width:48%;}

}

@media screen and (max-width: 768px) {
	.top1{ display:none;}
	.tel{ display:none;}
	.top2{ height:auto; padding:20px 0px;}
	.logo{ width:100%; text-align:center;}
	.nav{ height:81px;overflow: hidden; line-height:40px;background: url(../images/tbg.jpg); width:100%;}
	.nav li{ width:25%; border-top:1px #7d7d7d solid; border-right:1px #7d7d7d solid; box-sizing:border-box; background-image:none;}
	.nav li a{ color:#fff;}
	.nav li a:hover{ background-image:none;}
.m2 li{ width:48%; margin-bottom:1%;}
.m4img{ display:none;}
.m4txt{ width:100%;}
.m43{ display:none;}
.bq2{ display:none;}
.bq1{ width:100%; text-align:center;}
.mleft{ display:none;}
.mright{ width:100%;}
.mcon{ margin:0 1%;}
.gjcc{ background-image:none;}
.flogo{ display:none;}
.fwx{ width:100%; text-align:center; border-right:0;}
.fwx p{ width:100%;}
.fc{ width:100%; border:0;}

}


@media screen and (max-width: 640px) {
.cpzs li{ width:48%;}
.cpzs li img{ height:150px;}
.nyban{ margin-bottom:20px;}
.marquee li{ width:240px;}
.marquee{ height:240px;}
.ptxt span{ display:none;}
.ptxt{ background-image:none; text-align:center;}
.pimg{ height:auto;}
.sycp li:hover .ptxt{ background-image:none;}
.cp_list li{ width:48%;}
.cp_list li a img{ height:200px;}
.sub_menut{ padding:0 10px; width:auto;
}
.sub_menu ul{ display:none;}
.nyl,.nyr{ width:98%; margin:1%;}
.m62{ width:100%; margin-left:0; margin-bottom:20px;}
.m63{ width:100%; margin-left:0%;}
.m6{ margin-bottom:30px;}
.flink{ top:0; margin-bottom:20px;}
.foot{ padding-top:0;}
.gjc{ display:none;}
.about{ float:none; width:100%; margin-left:0; display:none;}
}

@media screen and (max-width: 520px) {
	.cp_list li a img{ height:140px;}
	.fix-nav ul li a{ line-height:25px; height:50px; }
	.fix-nav ul li a:hover{ line-height:25px; height:50px;}
	.projects-container li{ height:100%;}
	.projects-container li .m2img{ height:auto;}
	.ys1, .ys2, .ys3, .ys4{ width:98%;}
}
@media screen and (max-width: 480px) {
	.m4t{ display:none;}
	.m4 .sjbt{ display:block;}
	.m5{ background-image:none;}
	.m5c{background: url(../images/m5bg.jpg) no-repeat center top;
height: auto; padding:50px 0px;
background-size: cover; margin-top:0;}
.fc p{ width:100%; float:none;}
.bq1{ line-height:30px;}
.m1t{ margin-top:20px;}
.m2gd{ background-image:none;}
.m2gd span{ float:none; margin:2% auto;}
.bigImg img{ height:auto;}
	
}