@charset "utf-8";

/* CSS Document */
body{font: 14px/1.67 'Microsoft Yahei','SimSun',sans-serif;margin:0px; color:#666;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, clear, th, td{margin:0; padding:0}
ul, li{margin:0px; padding:0px; list-style:none}
a { text-decoration:none; color:#333;}
.container { max-width:1200px; margin:0 auto;}
img { max-width:100%; height:auto; border:0;}
.header { height:35px; line-height:35px; width:100%; overflow:hidden; background:#282828; color:#999;}
.icon1 { display:block; background:url(../images/icon1.png); float:left;}.hea1 { width:23px; height:21px; margin-top:7px; margin-right:8px;}
.header a {color:#999;}.hea2 { width:18px; height:18px; background-position: -27px -1px; margin-top:8px; margin-right:8px;}.header span { float:right; display:block; margin-left:12px; }
.hea_l { width:21%; float:left;}.hea_r { float:right; width:38%;}.hea3 { background-position: -57px -1px; margin-right:12px; margin-top:9px; width:1px; height:17px;} 
.logo { width:426px; float:left; padding-bottom:10px;}
.top { width:100%; height:auto;     padding: 20px 0 0px; overflow: hidden;}
.nav { float:right; width:63%; margin-top:16px; }.nav li { float:left; width:20%; text-align:center; }.nav li a {  display:block; font-size:16px; padding-bottom:28px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;  transition: all .3s ease;}.nav li a:hover { border-bottom:3px solid #dd2118;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;  transition: all .3s ease;}
/*banner*/
.banner{ width:100%; clear:both; overflow:hidden;}
.banner img{ width:100%; height:auto;}
.index_banner{position:relative;}
.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:20px; *bottom:40px;left:50%;z-index:999; text-align:center;display:block;margin-left:-36px;width:150px;height:15px;_display:none;}
.index_banner cite span{float:left;display:inline;margin:0 5px;width:10px;height:10px; border-radius:50%;background-color:#f5f5f5;text-indent:-999em;cursor:pointer;    transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.index_banner cite span:hover{background:#f0f0f0;}
.index_banner cite span.cur{background:#dd2e17;cursor:default;    width: 35px; border-radius: 10px;    transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
/*banner*/
.in_top { margin:50px 0; overflow:hidden; width:100%;}
.top_tittle { text-align:center; margin-bottom:40px; overflow:hidden;}
.top_tittle  h3 { color:#1d1d1d; font-size:42px; font-weight:normal; margin-bottom:5px;}
.top_tittle p { font-size:16px; color:#636363;}
.top_l { width:48%; float:left; margin-top:10px;}.top_ltxt h4 { color:#000; font-size:18px; font-weight:normal; margin-bottom:16px; height:30px; line-height:30px;}
.top_ltxt h4 p { float:left; margin-right:20px;}
.top_ltxt p{
	text-indent: 2em;line-height: 28px;
}
.top_l ul { width:100%; margin-top:35px; }
.top_l ul li { float:left; width:49.5%; text-align:center; padding-bottom:25px; color:#1d1d1d;}
.top_l ul li span { display:block; margin-bottom:8px;}
.top_l ul li span strong { color:#ff120d; font-size:50px; font-weight:bold; height:50px; line-height:50px;}
.top_r { width:50%; float:right;}
.inpro_top { background:url(../images/inpro_bg.jpg) center no-repeat; padding:20px 0 35px; overflow:hidden;}
.top_protxt { width:49%; float:left;

 }.pro_txttittle { color:#fff;}.pro_txttittle h3 { font-size:48px; font-weight:normal; margin:45px 0 15px;}
.pro_txttittle p { line-height:26px; margin-bottom:60px;}
.top_protxt ul { overflow:hidden; margin-bottom:30px;}
.top_protxt ul li {  border:1px solid #ffd800; text-align:center; padding:1.5% 2.2%; line-height:41px; border-radius:5px; float:left; margin-right:5.5%;}
.top_protxt ul li a { font-size:28px; color:#ffd800; display:block;} 
.top_protxt ul li:hover {border:1px solid #fff; background:#fff;}.top_protxt ul li:hover a { color:#262626}
.inpro_tj { width:45%; float:right;}

#playBox{  height:435px; margin:0px auto; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle { height:10px; position:absolute; bottom:0px; z-index:10; width:100%;}
#playBox .smalltitle ul{ width:90px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#ffd900;}
.in-prolist { max-width:1200px; margin:45px auto; overflow:hidden;}
.in-prolist li { text-align:center; float:left; width:23%; margin:0 1%}
.in-prolist li p a { display:block; padding:10px 0; font-size:16px;}
.next{ background:url(../images/r.png) no-repeat ; width:72px; height:70px;display:block; right:1px; top:120px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
.news_tj{ overflow:hidden; margin-bottom:50px;}
.news_tj_l{ width:45%; float:left; overflow:hidden}   .news_tj_r{ width:50%; overflow:hidden; float:right}
.news_tj_r li,.news_list li{overflow:hidden;border-bottom: 1px #d8d8d8 dashed; margin-bottom:30px; padding-bottom:20px;}
.news_tj_r li a *{ cursor:pointer;}
.news_tj_r li ._time,.news_list li ._time{ float:left; font-family:Arial; padding:5px 0; width:11%; margin-right:2%; color:#fff; background:#ccc;text-align: center;}  .news_list li ._time{ width:6%}
.news_tj_r li ._time ._ri,.news_list li ._time ._ri{ display:block; font-size: 40px;font-weight: 100;color: #fff;text-align:center; line-height:50px;}
.news_tj_r li ._time ._year,.news_list li ._time ._year { display:block; font-size:14px;}
.news_tj_r li ._intnew{ float:left;width:85%;} .news_list li ._intnew {float:right;width:92%;}
.news_tj_r li ._intnew ._title,.news_list li ._intnew ._title{ padding-bottom:0px;font-size: 22px;font-weight: 100;color: #333;}
.news_tj_r li ._intnew ._title a{display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.news_tj_r li ._intnew ._text{margin-top: 5px;height:54px;line-height: 27px;overflow:hidden;}
.news_tj_r li a:hover ._time,.news_tj_r  li a:hover ._intro ._title{ color:#fb9528;}
.news_tj_l ._title {position: absolute;left: 0;bottom: 0;width: 100%; height: 59px;line-height: 59px;font-size: 18px;color: #ffffff;text-align: center;background: rgba(0,0,0,.60);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);}
.imagedesc { display: block; width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 15px; }
.imagedesc img { width: 100%; height:auto;_height:225px; }
.core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; }
*html .imagedesc_370 .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; background: url(/images/j.png) no-repeat 50% center #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.core_bg { position: absolute; left: 0px; top: 0; width: 100%; height: 100%;_height:40px;background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; }
.core_text { position: relative; overflow: hidden; height:40px; width: 100%; line-height:40px; text-indent:20px; font-size: 16px; color: #fff; }
.core_text a{ color:#fff}
.news_tj_r li:hover ._time { background:#8c8c8c;}
.bottom { padding:45px 0 25px; background:#252a33; overflow:hidden;}
.bottom_l  { width:72%; float:left;}
.bottom_l ul { float:left; width:25%;}
.bottom_l ul li h4,.bottom_r h4 { font-size:20px; font-weight:normal; color:#fff; margin-bottom:10px;}
.bottom_l ul li a { display:block; margin-bottom:15px; color:#9c9c9c;}.bottom_l ul li a:hover { color:#fff;} 
.bottom_r { width:23%; float:right;} .bottom_r p {color:#9c9c9c; margin-bottom:15px;}
.footer { color:#5c5e60; background:#15181e; padding:8px 0;}
.located { height:48px; line-height:48px; background:#f3f3f3; border-bottom:1px solid #ececec;border-top :1px solid #ececec; }.located span a {color:#8b8b8b;}
.located span { display:block; float:left;color:#8b8b8b;width:90%}.located ul { width:30%; float:right; height:20px; line-height:20px; margin-top:15px; }
.located ul li { float:left; width:24%; text-align:center; border-right:1px solid #d8d8d8; }
.located ul li a  {color:#474747;}.located ul li a.active ,.located ul li a:hover{ color:#dd2118;}
.pro_top { margin:40px 0 55px 0; overflow:hidden;}.pro_pic { float:left; width:585px;}
.pro_r { width:48%; float:right;}
.pro_r h1 { font-size:36px; font-weight:normal; margin-top:-10px; color:#3c3c3c; margin-bottom:10px;}
.pro_txt {  color:#3c3c3c; font-size:13px; line-height:24px; border-bottom:1px dashed #dbdbdb; padding-bottom:25px; margin-bottom:20px;}
.pro_txt span {display: inline-block; border-radius: 10px 0;         border: 1px solid #ff6249;color: #dd2e17; margin-left: 10px;  padding: 0 5px;  font-size: 12px;height: 20px;line-height: 20px;}
.pro_sx p { margin-bottom:13px; font-size:15px;}.pro_sx p span  { color:#f6001d;}
.pro_contact { overflow:hidden; margin:35px 0; width:100%;}
.pro_order { display:block;  width:46%; float:left; }
.pro_order  a  { display:block;background:#dd2118; color:#fff; font-size:18px; padding:14px; 0; }
.pro_order  a:hover { background:#222}
.icon2 { display:block; float:left; background:url(../images/icon1.png); background-position:-71px -2px; width:22px; height:28px; margin-top:2px; margin-right:10px; margin-left:18%;}
.icon3 {display:block; float:left; background:url(../images/icon1.png); background-position:-107px -2px; width:44px; height:48px; margin-top:2px; margin-right:10px; }
.pro_tel { width:48%; float:left;}.pro_tel p { color:#3c3c3c; line-height:26px;}.pro_tel p strong { font-size:25px; color:#dd2118;}
.icon4 {display:block; float:left; background:url(../images/icon1.png); background-position:-161px -4px; width:14px; height:14px; margin-right:5px; margin-top:5px; }
.pro_cn p { display:inline-block; float:left; margin-right:20px;}

#header-wrapper {height:auto; margin:0px auto 55px; width:100%; float:left }	
#header-wrapper ul{width:100%; margin:0 auto; }
.fixed #header-wrapper {height:45px; margin:0 auto; width:100%;}

section { display:block;}
.pd_guide,.pd_guide * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.pdico { display:block; width:30px; height:30px; background:url(/images/pd_ico.png) no-repeat; margin:0 auto;}
.pi01 { background-position:0 0; }
.pi02 { background-position:-30px 0; }
.pi03 { background-position:-60px 0; }
.pi04 { background-position:-90px 0; }
.pd_guide{ width:1200px; margin:0 auto}
.pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#f4f4f4; color:#000;}
.pd_guide a { display:block; color:#000; font-size:20px; padding:17px 0; border-right:#fff 4px solid; position:relative; }
.pd_guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}
.pd_guide li:last-child a { border-width:0; }
.pd_guide.fixed { position:fixed;  top:0; z-index:10; }
.fixed .pdico { display:none; }
.pd_guide li.active a { background-color:#424355; color:#fff }
.pd_guide li.active a:after { display:block; }
.fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;}
.fixed .pd_guide{ margin:0 auto; }
.fixed .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#f4f4f4; color:#000;}
.fixed .pd_guide li.active a { background-color:#424355; color:#fff }
.pro_content {    margin: 10px auto 55px;width: 1200px; }
.conpro_l { width:45%; float:left;    margin-top: 20px; }
.conpro_l p,.pro_grey p {font-size:15px; margin:20px 0; line-height:26px;}
.pro_wrap h4 { font-size:30px; color:#191919; font-weight:normal; margin-bottom:30px;}
.pro_wrap img { float:right; width:43%;}
.pro_grey { padding:55px 0 35px; margin:45px 0 ; overflow:hidden; }
.pro_wrap { width:100%; overflow:hidden;}
.conpro_r { width:45%; float:right; margin-top: 20px;   }
.pro_grey img { float:left; width:46%;}
.pro_grey h4 { font-size:30px; color:#191919; font-weight:normal; margin-bottom:30px;}
.icon5 {display:block; background:url(../images/icon1.png); background-position:-182px -6px; width:25px; height:10px; top:20%; right:21%; position:absolute;  }

.xc_pic { overflow:hidden; margin:55px 0 0px; }
.xc_pic h3,.pro_ys h3,.pro_tic h3 { text-align:center; color:#222222; font-size:40px;/*<!-- background:url(../images/icon3.png) center no-repeat;-->*/ }
.tittle p { text-align:center; font-size:15px; font-family:proximanova-light; line-height:26px;}
.xc_pic ul {margin-left:-1%; margin-top:35px; margin-bottom:25px; display: inline-block;}
.xc_pic ul li { width:24%; float:left; margin-left:1%; margin-bottom:15px;}
.pro_ys { margin-bottom:50px; overflow:hidden;}
.pro_ys ul { margin-left:-2%; margin-top:40px; margin-bottom:30px; overflow:hidden; }
.pro_ys ul li { float:left; background: #f3f3f3; width:23%; margin-left:2%; position:relative; padding-bottom:30px;}
.icon6 { display:block; background:url(../images/icon1.png); width:52px; height:62px; top:0; left:0; position:absolute;}
.cpad1 {background-position:-222px 0px; }.cpad2 {background-position:-277px 0px; }.cpad3 {background-position:-330px 0px; } .cpad4 {background-position:-386px 0px; }
.pro_ys ul li span { text-align:center; display:block; color:#222; font-size:24px; margin:40px 0 20px 0;}
.pro_ys ul li p { width:80%; margin:0 auto; height:140px;}
.pro_tic h3 { margin-bottom:35px;}
.icon7 { display:block; background:url(../images/icon1.png); width:39px; height:3px; margin:3px auto 0;background-position:-447px 0px;}

.pro_tic {overflow:hidden; }
.pro_fw { margin:60px 0; overflow:hidden; background:url(../images/wu_bg.jpg) center no-repeat; padding-bottom:70px;}
.pro_fw img { float:left; width:152px;}
.profw_r { float:right; width:85%;}
.profw_txt { display:block; margin:90px 0 30px 0; text-align:center; color:#2b2b2b; font-size:30px;}
.profw_txt  strong { color:#ff3333;}
.pro_fw ul li { width:25%; float:left; text-align:center;}
.pro_fw ul li span { text-align:center; color:#2a2a2a; font-size:22px;}
.icon8 { display:block; background:url(../images/icon4.png); width:105px; height:105px; margin:3px auto 0;}
.fw01 { background-position:-0px 0px;}.fw02 { background-position:-108px 0px;}.fw03 { background-position:-217px 0px;}.fw04 { background-position:-325px 0px;}
.xgcase h3 { color:#222; font-size:40px; margin-bottom:20px;}
.xgcase { overflow:hidden;}
.xgcase dl{ float:left; width:47%; height:auto; margin: 0 3% 1% 0;}
.xgcase dl > a{ display:block;  }
.xgcase dt { float:left; width:42%;}
.xgcase dt  img{ width:100%; height:auto; margin-bottom:3px}
.xgcase dt a:hover{ background:#CCC;filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; color:#000000;}
.xgcase dd{ line-height:25px;  width:52%; float:left; padding:4% 2% 5%; background:#f4f4f4; overflow:hidden;}
.xgcase dd:hover{ background:#FDDB41}
.xgcase dd p{ margin-bottom:3px;font-size:14px; }
.list_img dl{float:left; margin:20px 1.5% 0;width:22%;*width:21.8%; text-align:center; line-height:23px;}
.list_img dt{ margin-bottom:10px;}
.list_img dt img{     width: 100%;position: relative; height: auto;}   .list_img dd{ background:#fff; line-height:25px; height:40px;}
.list_img dd p{ font-size:16px;}

.message{ width:100%; margin-top:35px; background:#f0f0f0; overflow:hidden}
.message .tit{ width:100%;background:url(../images/ly2.jpg) no-repeat left top;}
.message .tit2{ width:100%;background:url(../images/ly2.jpg) no-repeat left top; height:172px;}
.message .tit h3{font-size:36px; color:#eb0001; padding:30px 0 0; text-indent:30px; }
.message .tit2 h3{font-size:28px;height:30px; color:#eb0001; padding:30px 0 10px; text-indent:40px; }
.message .tit p{ font-size:14px; width:95%; margin:0 auto; color:#666; line-height:32px; text-indent:20px; margin-top:15px; margin-bottom:15px;}
.message .tit2 p{     font-size: 15px;width: 80%;margin: 0 auto; color: #666; line-height: 32px; text-indent: 20px;margin-top: 15px;margin-bottom: 15px; float: left; margin-left: 40px;}
.message .tit span,.message .tit2 span{ background:#65AFFA; padding:5px 7px; margin:0 8px; color:#fff; font-size:16px;}
.message ul{ width:95%; margin:0 auto; overflow:hidden}
.message li{ width:47%; float:left; margin:0 1.5% 2%;}
.message li span{ float:left; width:100px; line-height:36px; font-size:16px;}  .message li b{ color:#f33; margin-left:10px; line-height:44px;}
.message input.intxt {
    width: 66%;
    margin: 5px 0 2px;
    border: 1px solid #D9D9D9;
    border-top: 1px solid silver;
    line-height: 36px;
    height: 36px;
    color: #999;
    padding: 0 4px;
    overflow: hidden;
    float: left;
    border-radius: 0;
}
.message textarea {
    border: 1px solid #CCC;
    width: 85.8%;
    height: 100px;
    line-height: 20px;
    margin: 6px 0 0;
    padding: 4px;
    background: #fff;
    color: #999;
    resize: none;
    float:left;
    border-radius: 0;
}
.message .btn {
    margin-left: 40%;
    overflow: hidden;
    width:100%; border:none;    margin-top: 10px; margin-bottom:30px;
}

.btn1 {    background: #de0a0a;   width: 140px;  color: #fff;  text-align: center;   border: none;  height: 48px;  line-height: 48px;  font-size: 16px;  cursor: pointer;}


#slides{ width:90%; float:right; overflow:hidden; position:relative;}
.slides_container li{ width:1000px; float:left;margin-left:75px;}
.slides_container li a{ display:inline-block; width:290px; margin-right:30px;  margin-bottom:35px; font-size:16px;}
.slides_container li a span{ display:block; width:290px; cursor:pointer; height:50px; line-height:50px; background:#fff; color:#222; text-align:center}
.slides_container li a:hover span{ color:#ff8400;}

.pagination{ position:absolute; left:520px; z-index:10; bottom:0;}
.pagination li{     width: 10px; height: 10px;  margin: 0 5px;  border-radius: 10px;  background: #ffffff;  float: left; overflow: hidden;}
.pagination a{ display:block; outline:none;  text-indent:-999em; width:14px; height:14px;}
.pagination li.current a{ background:#fed100;}

.prev{ background:url(../images/l.png) no-repeat; width:72px; height:70px; display:block; left:1px; top:120px; position:absolute; text-indent:-999em; outline:none; z-index:11;}

.prolist_tj { background:url(../images/pro_ban.jpg) center no-repeat; overflow:hidden;     padding: 85px 0 45px;} 
.pro_feilei { margin:55px 0; width:100%; overflow:hidden;}
.feilei_zs h3 { font-size:34px; text-align:center; font-weight:normal; margin-bottom:45px; background:url(../images/line1.jpg) center bottom no-repeat; padding-bottom:8px;} 
.feilei_l { float:left; width:277px; position:relative;}.feilei_r { float:right; width:73%;}.fenlei_top { margin-top:25px; margin-bottom:40px; overflow:hidden;}
.fenlei_top a  { display:inline-block; float:left; margin-right:25px; padding:6px 15px; border:1px dashed #ccc;}
.feilei_l span { display:block; position:absolute; bottom:0; text-align:center; background: url(../images/bg1.png) repeat; color:#fff; width:100%; height:42px; line-height:42px; font-size:16px;}
.feilei_l:hover span {background: url(../images/bg2.png) repeat;}.feilei_r ul { margin-left:-2%;}
.feilei_r ul li { width:31.333%; margin-left:2%; position:relative; float:left;}
.feilei_r ul li span { display:block; position:absolute; bottom:0; text-align:center; background: url(../images/bg1.png) repeat; color:#fff; width:100%; height:42px; line-height:42px; font-size:16px;}.feilei_r ul li:hover span {background: url(../images/bg2.png) repeat;}
.feilei_zs { width:100%; overflow:hidden; margin-bottom:45px;}

.wal{ max-width:1200px; margin:0 auto; overflow:hidden; padding-top:20px;}
.pro_tab li{ margin-bottom: 20px; margin-top:20px; text-align: center; padding: 1% 0; float:left; width:16.6%; border-right:#fff 1px solid; background-color: #f1f1f1;}
.pro_tab li .f26{ font-size:26px; font-weight:500;}
.pro_tab li.cur{width: 15%;float: left;background: #ed1c24;padding:12px 6px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;}
.pro_tab li ._ico{ display:inline-block; width:166px; height:72px; background-image: url(../images/news_tab_ico.png); background-repeat:  no-repeat;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.pro_tab li ._ico1{ background-position: 0 0;}
.pro_tab li ._ico2{ background-position: -165px 0;}
.pro_tab li ._ico3{ background-position: -331px 0;}
.pro_tab li ._ico4{ background-position: -496px 0;}
.pro_tab li ._ico5{ background-position: -662px 0;}
.pro_tab li ._t{ font-size: 14px; color: #000; font-weight:500}
.pro_tab li.cur,.pro_tab li:hover{ background-color: #ed2225;}
.pro_tab li.cur ._t,.pro_tab li:hover a { color:#fff}
.pro_tab li.cur ._t,.pro_tab li:hover ._t{ color: #fff;}
.pro_tab li.cur ._ico,.pro_tab li:hover ._ico{ background-image: url(../images/news_tab_ico_on.png);transform:rotateY(180deg);-ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); 	-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}

.product-list{overflow:hidden; max-width:1234px; margin:0 auto;margin-top:25px; min-height:570px;}
.product-list ul{ margin-bottom:30px;overflow:hidden;}
.product-list li{ width:22%; /*float:left;*/ text-align:center; margin:0 1.3% 2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;display:inline-block;vertical-align:top;float:left}
.product-list li img{ width:100%; height:auto; margin-bottom:4px;}
.product-list li a{ font-size:14px; line-height:27px;}  .product-list li  h4{ font-size:15px; font-weight:500;}

.proj_c_t{margin-top:30px;}
.proj_c_t ul{overflow:hidden;}
.proj_c_t li{font-size:16px;color:#666666; background:#f4f4f4; padding:0 29px;line-height:50px; height:50px;margin:20px 5px 40px 0;float:left}
.proj_c_t li.red{ background:#db0000; color:#fff;} .proj_c_t li:hover,.proj_c_t li.red a,.proj_c_t .red:hover{color:#fff;}  
.proj_c_t li a{padding:0 15px;}
.pj_t{font-size:28px;color:#182133;line-height:30px; font-weight:600;    background: url(../images/list_ico.png) 30px 6px no-repeat;*background: url(../images/list_ico.png) 30px 49px no-repeat; background: url(../images/list_ico.png) 30px 49px no-repeat \9;padding-left: 62px;*padding-top:45px;padding-top:45px \9}
.proj_sub{overflow:hidden; max-width:1234px; margin:0 auto}
.proj_sub li{float:left;width:22%;margin:2% 1.5%;*margin:2% 1.4%;margin:2% 1.4% \9;display:inline; padding-bottom:1.5%; border-bottom: 2px solid #fff;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; }
.proj_sub li:hover {border-bottom: 2px solid #ffea00;}
.proj_sub li img{ width:100%; height:auto}
.proj_sub li p{margin-bottom:0;color:#777777;line-height:24px;}
.proj_sub li p strong{display:block;margin:8px 0;font-size:16px;color:#666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.m_l li p{text-align:center}
.sub_bg { position:relative;}
.sub_txt { position:absolute; bottom:50px; z-index:100; background:url(../images/bg_h.png) repeat; padding:15px 70px 15px 40px; color:#1c1c1c; }
.sub_txt  h2 { font-size:36px; color:#1c1c1c; font-weight:normal;}
.sub_txt span { display:block; height:3px; width:50px; background:#ff1515; margin-bottom:8px}


.l{ float: left;} .r{ float: right;}
.material-intro .l{ width: 650px;}
.material-intro{ margin: 30px auto;padding: 30px; background: #f5f5f5;}   .material-intro .tit{     font-size: 28px;  color: #cd0b09;  margin-bottom: 15px; border: 1px solid #cd0b09; width: 100px;text-align: center;  padding: 7px 0; border-radius: 20px 0 20px 0;}
.material h1{ font-size:35px; margin: 30px 0 0; text-align: center; color:#222}
.material-area p, .material-future p, .material-line p, .material-intro p{line-height: 27px; color: #5d5d5d; font-size: 14px;}
.material-area{margin-bottom:20px;}
.value-img p{float:left;display: block;padding-top: 12px;padding-left:12px;}
.value-img {display:block;float:left;margin-right:20px;width:30%; height:213px;}
.value-main{float:right;width:68%; min-height:193px;box-sizing:border-box; margin-top:10px;}
.value-main p{line-height:27px; margin:0 0 16px 0; font-size:16px;}
.value-main span{border-radius: 40%;margin: 5px 8px 0 0;width:20px;height:20px; line-height:20px; float:left; text-align:center;font-size:16px; vertical-align:middle; color:#ffffff; font-weight:bold }
.material h2 span{color: #cd0a0a; } 
.material h2 { font-weight: bold;color: #2f2725; overflow:hidden; width:100%; margin:20px auto; font-size:30px;;}
.material-future p.tit{margin-top: 0;}
.material-future{margin-bottom: 20px;}
.material-line{margin:30px auto;overflow: hidden;} 
.line-material{float:left;width:550px;margin-top:20px}
.line-material p{line-height:32px;}
.material-product {float: right; overflow: hidden; background: #F1F1F1; width: 430px; margin-top:20px }
.material-product li{ float: left; margin-left: 12px;}
.material-product ul{overflow: hidden; padding-bottom: 10px;}
.material-product li a{height: 155px;width:195px;margin-top: 10px;display: block;}
.material-product li img{ height: 155px; width:195px;}
.material-product li p{ text-align:center;line-height:27px; text-indent:0; font-size:14px}
.material-intro img{ height: 150px; width: 305px;}
.material-value{ overflow: hidden;}
.line { display:block; width:60px; height:3px; margin:5px auto 10px; background:#F00;}
.line-material p strong { font-size:18px; margin-bottom:15px;}

/*客户案例内容页*/
.projmain{max-width:1200px;margin:20px auto 55px;}
.proj_t{overflow:hidden;}
.projmain h1{font-size: 30px;color: #000000;}
.proj_intro{overflow:hidden;margin-top:40px;}
.proj_img{float:left;width:50%;margin-top:8px;}  .proj_img img{ width:100%; height:auto}
.proj_text{float:right;width:45%}
.tab{background: #dddddd;line-height: 26px; margin-top: 15px;}
.proj_text p{margin-top: 8px;margin-bottom: 8px;}
.proj_text p.intro_t{text-indent:2em;margin:5px 0 20px }
.proj_text p span{color:#DB0000}
.proj_text p a{float: left;display: block;font-size: 17px; margin-right: 20px;  color: #ffffff;  line-height: 48px; padding: 0 50px 0 80px; margin-top:20px;}
.proj_text p a.online{ background: url(../images/pro_talk1.png) no-repeat 25px center #eb0001;}
.proj_text p a.custom{background:url(../images/pro_talk.png) no-repeat 25px center #38425a;}
.projmain p{line-height: 30px; font-size: 14px;margin-bottom: 10px;}
.projmain h2{font-size:26px;font-weight:bold;color:#333333;margin:35px 0 10px;}
.proj_cor,.proj_cess{overflow:hidden}
.proj_cess{margin-bottom:45px}
.proj_cor li{float:left;width:200px;margin:8px 21px;padding:3px;border:solid 1px #e5e5e5;display:inline}
.proj_cor li p{margin-bottom:0;text-align:center}
.proj_cor li img{width:200px;height:130px;}
.proj_cess li{width:480px;float:left;padding-right:20px;display:inline;overflow:hidden;}
.proj_cess li img{float:left}
.proj_cess li p{float:right;line-height:24px;font-size:12px;width:260px;color:#777777}
.proj_cess li p strong{display:block;margin:8px 0;font-size:14px;color:#333333}

.sub_banner{  height: 100%;left: 0%;overflow: visible;}
.sub_banner img{display: block; width: 100%;margin: 0 auto; position:relative}
.sub_banner_zi{      text-align: center; position: absolute;color: #fff;width: 100%;float: left; top:27%; padding: 2% 0;max-width:initial;*width:74%;width:74% \9;*left:13%;left:13% \9}   
.sub_banner_zi h3{ font-size:50px;*font-size:42px;font-size:42px \9; color:#fff; margin-bottom:20px; font-weight:500;}   .sub_banner_zi p{ font-size:17px; line-height:36px; max-width:1000px; margin:0 auto; text-align:center}
.top_tittle1 h3 { font-size:36px; margin-bottom:20px; margin-top:50px; color:#333; float:left; margin-right:20px;}
.top_tittle1 { width:100%; overflow:hidden;}.top_tittle1 a { display:block; margin-top:75px; font-size:16px;}
.top_tittle2 h3 { font-size:36px; margin-bottom:20px; color:#333; float:left; margin-right:20px;}
.top_tittle2 { width:25%; overflow:hidden; margin:0 auto 45px; text-align:center;}.top_tittle2 a { display:block; margin-top:25px; font-size:16px; float:left;}
.news_cpzs { background:#ececec; padding:55px 0; overflow:hidden;}
.news_cpzs ul  { margin-left:-3.5% }
.news_cpzs ul li { float:left; width:25.333%;padding-right:3.5%; margin-left:3.5%; border-right:1px solid #ccc; margin-bottom:55px;}.news_cpzs ul li h4 { font-size:22px; margin-bottom:15px; font-weight:normal; }
.news_cpzs ul li span { display:block; margin-bottom:15px;}

.sub_nleft{float: left;width:72%;}
.sub_nright{float: right;width: 22%; margin-top:40px}

.news_tittle h1{font-size:40px; color:#222; font-weight:normal; margin-bottom:20px; text-align:center}
.news a{color:#4c4c4c;}
.news h2 a{color:#121212;}
.cishu{ height:30px; border-bottom:1px solid #f0f0f0;position:relative;  line-height:30px; color:#666666;}
.cishu .to_back{ position:absolute; right:120px; bottom:10px; line-height:30px; height:30px; font-size:20px; font-weight:bold; color:#949494;}.cishu .to_back a { color:#949494;}.cishu .to_back img { margin-right:5px;}
.cishu .print{ position:absolute; right:0px; bottom:10px; line-height:30px; height:30px;}.cishu .print img { margin-right:5px;}s's
.newsinfo{ overflow:hidden; margin-top:25px;}
.newsinfo p{text-indent: 2em; font-size:14px;  line-height:27px; margin:20px 0;}
.newsinfo a{ color:#ef0000}
.newsinfo h2,.newsinfo h3{ font-size:16px; margin:15px 0 11px 0;}
.newsinfo p img{margin-bottom:5px;}.news_tittle { margin-top:35px;}

._detailPage_bottom{ border:#f3f3f3 10px solid; }
._detailPage_bottom ul{padding:10px 7%;}
._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; width:100%; display:block; }
._detailPage_bottom ._date{ height:30px; line-height:30px; margin-bottom:7px;  font-size:13px; color:#676767; display:block; }
._detailPage_bottom ._date .ion { font-size:20px; height:30px; vertical-align:-2px; margin-left:0;}
._detailPage_bottom li ._title:hover { color:#5c5c5c; }
._detailPage_bottom li ._title { font-size:16px; font-weight:bold; color:#5c5c5c; }
._detailPage_bottom li { padding: 27px 0; }
._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; }

.about_sub{ overflow:hidden;  color:#666; line-height:30px; margin-bottom:30px; }
.Sales_network{max-width:1200px;margin:0 auto;}
.Sales_network p{font-size:14px;color:#666666;line-height:28px; margin:20px 0;text-indent:24px;}
.com_pic{ margin-top:20px; margin-bottom:10px;}
.com_pic img{width:100%}


.square {font: bold 40px "微软雅黑"; line-height:80px;  text-align:center; margin-top:40px; margin-bottom:10px; color:#eb0001;}
.about{line-height:24px; padding-top:20px;}
.about p{text-indent: 2em;}
.aboutlist{max-width:1200px; padding-top:20px;overflow:hidden;color:#666666;border-top:1px solid #E0E0E0;padding-top:25px;margin-top:25px;}
.aboutlist ul{overflow:hidden;}
.aboutlist li{ width:300px; float:left; margin:0 15px; height:270px; background:url(../images/linemohu.jpg) no-repeat;   }
.aboutlist li img{ width:300px; border:0px; margin:0px; padding:0px;}
.aboutlist p{font-size:12px;line-height:20px;color:#999999;margin-top:8px;margin-bottom:8px;}
.aboutlist h3{font-size:14px;line-height:22px;font-weight:normal;color:#333333;margin-bottom:10px;}
.aboutlist a{width:300px;}
.digital{ margin:30px 0; width:100%; overflow:hidden}
.main{max-width:1200px; margin:0 auto;}
.mumping_mun li{width:25%;*width:24.8%;width:19.8% \9; float:left;margin:25px 0 0;}
.mumping_mun{width:1200pxpx;}
.mumping_mun p{font-size:16px; text-align:center; color:#333; margin:0; text-indent:0;}
.mumping_mun h2{font-size:92px;font-weight: normal; color:#ED1C24; font-family:Impact,Arial; text-align:center; width:auto; border-bottom:none; display:inline; background:none;line-height:72px}
.mun_top{ text-align:center;}
.mun_top span{ color:#333;}
.capacity{ max-width:1220px; margin:30px auto; overflow:hidden;}
.capacity p{text-indent:2em; line-height:28px; }
.capacity .title p{ text-align:center; font-size:18px; text-indent:0; margin-bottom:10px; margin-top:5px;}
.about-box{ width:100%; overflow:hidden;}
.about-box ul{ overflow:hidden; margin-top:20px;}
.about-box ul li{ float:left; margin:0 1% 20px; overflow:hidden; width:23%;*width:22.9%;width:22.9% \9;line-height: 0;}
.about-box ul li img {width: 100%;height: auto;transition: all ease 0.5s;}
.about-box ul li:hover img {transform: scale(1.1);}
.title{ margin-bottom:20px; overflow:hidden;}
.title h3{ font-size:34px; text-align:center; color:#182133; line-height:52px;}
.title p{ text-align:center; font-size:18px; text-indent:0; color:#3d3d3d; margin-bottom:10px;}
.gjhz{ margin:30px auto; overflow:hidden; max-width:1220px;}


.posi_.compre_posi_ { color:#ffffff; position:absolute; top:150px; z-index:100}
.posi_.compre_posi_ ._tt { margin-bottom:6px; font-size:26px; }
.posi_.compre_posi_ ._desc { margin-bottom:10px; font-size:40px; font-weight:bold; line-height:1.2; }
.posi_.compre_posi_ ._desc_en { font-size:15px; font-family:Arial; text-transform:uppercase; }
.posi_.compre_posi_ .mouse { margin-top:2.2%; }
 .posi_ .mouse{
        width: 31px;
    height: 50px;
    background:url(../images/mouse.png) no-repeat; 
    margin-left: 1%;
    margin-top: 2%;
    cursor:pointer;
}
/*下层鼠标点击*/
 .posi_ .mouse .ball {
    position: relative;
    width: 6px;
    height: 6px;
    left: 6%;
    margin-left: 11px;
    top: 10px;
    display: block;
  background:url(../images/mouse2.png) no-repeat; 
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    transition: 300ms;
    -webkit-transition: 300ms;
}
@keyframes mouse-dot {
    from  {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        top: 35px;
        opacity: 0;
    }
}
.compre_sub_title { position:relative; margin-bottom:15px; padding-top:50px; text-align:center; }
.compre_sub_title ._tit_en { font-size:137px; font-family:Arial; font-weight:bold; line-height:1;     color: #ffeff1; text-transform:uppercase; }
.compre_sub_title ._tit_cn { position:absolute; left:0; bottom:23px; width:100%; font-size:40px; line-height:1;     color: #ed1d24; }

.part02 {height:425px;overflow:hidden;background-image:url(../images/com_bg.jpg);background-repeat:no-repeat;background-position:center center; margin:70px 0;}
.wrap,.prt02_con { height:100%; }
.prt02_con { position:relative; }
.prt02_con .figure_pic { position:absolute; right:0; }
.prt02_con ._sologan_wrap { margin-bottom:4.5%; padding-top:4.3%; padding-left:6.25%; color:#ffffff; }
.prt02_con ._sologan_wrap ._tt { font-size:38px; font-weight:bold; line-height:1; margin-bottom:15px; }
.prt02_con ._sologan_wrap ._wd { font-size:35px; }
.prt02_links { padding-left:4%; }
.prt02_links ._link { float:left; margin-right:2%; width:11%; min-width:80px; color:#ffffff; text-align:center; }
.prt02_links ._link ._ico { display:block; margin:0 auto 28px; width:50px; height:50px; background-image:url(../images/about_compre04.png); background-repeat:no-repeat;    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
.prt02_links ._link:hover ._ico { transform:rotateY(180deg); }
.prt02_links ._link02 ._ico { background-position:-50px 0; }
.prt02_links ._link03 ._ico { background-position:-100px 0; }
.prt02_links ._link04 ._ico { background-position:-150px 0; }

.fuwulinian{  width:100%; overflow:hidden}
.fuwulinian p,.peijian p{ font-size:15px; line-height:32px; width:96%; margin:15px auto 5px; color:#666;}
.fuwulinian h3,.chengnuo h3,.peijian h3{font-size: 40px;line-height:40px;text-align: center;font-weight: 600;color: #333;text-align: center;}
.fuwulinian dl{ width:30%; overflow:hidden;  margin:3% 1.5% 2% 1.5%;_margin:0 1% 2% 1%; float:left; }
.fuwulinian dl dt{ float:left; width:100%;}  .fuwulinian dl dt img{ width:100%; height:auto;_height:190px;}
.fuwulinian dl dd{ float:left; width:92%; background:#f5f5f5; padding:4%; color:#666; font-size:14px; height:auto;line-height:26px; height:130px;*height:155px;height:155px \9; text-indent:25px;}
.fuwuchengnuo{margin-bottom:80px; overflow:hidden;}
.fuwuchengnuo li{width:25%;*width:24.9%;width:24.9% \9;float:left}
.fuwuchengnuo li p{text-align:center;font-size:16px;line-height:16px;height:16px;display:block;margin-top:30px}
.fuwuchengnuo li span{width:151px;height:151px;margin:0 auto;background:url(../images/service_bg1.jpg) no-repeat;display:block}
.fuwuchengnuo li .span1{background-position:0 0}
.fuwuchengnuo li .span2{background-position:-151px 0}
.fuwuchengnuo li .span3{background-position:-302px 0}
.fuwuchengnuo li .span4{background-position:-453px 0}
.fuwuchengnuo li:hover .span1{background-position:0 -151px}
.fuwuchengnuo li:hover .span2{background-position:-151px -151px}
.fuwuchengnuo li:hover .span3{background-position:-302px -151px}
.fuwuchengnuo li:hover .span4{background-position:-453px -151px}
.fuwuchengnuo li:hover p{color:#ff3f3b}
.peijian{ margin-top:40px; overflow:hidden; width:100%;}
.peijian ul{ overflow:hidden; margin-top:40px; margin-bottom:20px;}
.peijian ul li{ list-style:none; float:left; width:30%; margin:0 1.5%;_ margin:0 1%;}
.peijian ul li img{ width:100%; height:auto;_height:168px;}
.fu_ys { margin-bottom:55px;}

.contact { max-width:1226px; margin:0 auto;margin-top:40px;
    overflow: hidden;
    margin-bottom: 15px;
}
.contact h3{ font-size:40px; margin:8px 0; font-weight:500;text-align:center; color:#000}
.contact h4{ font-size:20px; margin:15px 0; font-weight:600;text-align:center; color:#333}
.contact p{ font-size:17px; text-align:center; color:#666; margin-bottom:70px;}
.contact h5{ font-size:14px; line-height:24px; font-weight:400; text-align:center; color:#888}
.contact ul { margin-top:40px;
}

.contact li {
     float: left;
    width: 16%;*width: 15.5%;width: 15.5% \9;
    margin:0 1%; border:#e8e8e8 2px solid; padding:0 10px 10px; text-align:center; height:190px;
}

.contact-wz {
    width: 100%;
}

.contact ul li img { display:block; text-align: center; margin:-50px auto 0
}
.lianxi{ background:#f4f4f4;margin-top:30px; margin-bottom:40px; padding:20px 0 20px 35px ; overflow:hidden}
.lianxi .fr{width:49%}
.fl { width:40%; float:left; }
.fr { width:50%; float:right; }.arrow { padding-top:10px;  padding-bottom:15px; border-bottom:1px solid #E3E3E3; color:#454545; font:18px "微软雅黑";}
.p1 span { color:#0755c9;}
.h { color:#222; font: bold 24px "微软雅黑"; line-height:200%;}
.p2{font:16px "微软雅黑"; color:#666; line-height:26px;margin:10px 0;}
.fl .t1{font-size:26px;font-weight:bold;color:#Ff0000;line-height:150%;}
.zixun { margin:20px 0 0 240px; font-size:12px; color:#666666;}
.zixun1 { margin:20px 0 0 0; }
.zixun1 a{display:block;width:200px;height:46px;text-align:center;line-height:46px;color:#ffffff;background:#182133;font-size:18px; }
.zixun1 a img{display:none;}
#wenzizz { margin-left:-3%; margin-top:35px;}
#wenzizz dl { width:22%; float:left; margin-left:3%; background:url(../images/pc_1.jpg) no-repeat #f3f3f3; padding-bottom:25px;}
#wenzizz dl dt { width:90%; margin:0 auto; text-align:center}
#wenzizz dl dt img { display:none;}
#wenzizz dl dd {width:80%; margin:0 auto; font-size:14px; height:200px;}
#wenzizz dl dd strong  {    text-align: center;
    display: block;
    color: #222;
    font-size: 24px;
    margin: 30px 0 0px 0; background:url(../images/line11.jpg) no-repeat center bottom; padding-bottom:10px; font-weight:normal;}
.pro_content h2 { color:#222; margin-bottom:10px; font-size:30px; font-weight:normal;}
.pro_content p { line-height:26px; margin:20px 0;}
/*分页样式开始*/
.yellow {padding:7px;margin:3px;text-align: center; display:block;float:left; width:100%;margin-left:10px;}
.yellow a {border: #cccccc 1px solid;padding: 5px 8px; margin: 2px;color:#000000; text-decoration:none}
.yellow a:hover {border: #f0f0f0 1px solid;}
.yellow a:active {border: #f0f0f0 1px solid;  color: #000000;}
.yellow span.current {border: #eb0001 1px solid; padding: 5px 8px; font-weight: bold;  margin: 2px; color: #ffffff;  background:#C00}
.yellow span.disabled {border: #eeeeee 1px solid;padding: 5px 8px;  margin: 2px; color: #dddddd; }
/*分页样式结束*/
.news_list { margin-top:35px;}
.feilei_r ul li a  { color:#fff;}
/*tanchu shipin*/
.video-opacity{position:fixed;width:100%;height:100%;top:0;left:0;background:#000;filter:alpha(Opacity=50);opacity:0.5;z-index:100;}
.video-wrap{position:fixed;width:900px;height:528px;left:50%;margin-left:-496px;top:50%;margin-top:-279px;z-index:1551;}
.video-wrap .close{position:absolute;display:block;width:50px;height:50px;top:0;right:-62px;background:url(http://www.hxjq.com.cn/images/video-close.png) no-repeat;}
.video-wrap .close:hover{-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

.fix-right { position:fixed; right:0;top:18%; color:#e60012 ;z-index:9999; *width:92px;}
.fix-right img {  margin:auto; margin-bottom:4px;max-width: 100%; border:none;}
.fix-right1,.fix-right3  { color:inherit; color:#fff; margin-top:1px; text-align:center; padding:12px 3px 3px; background:#20385f; line-height:35px;   }
.fix-right2{ color:inherit; color:#fff; margin-top:1px; text-align:center;  background:#20385f; line-height:35px;    }
.fix-right2:hover{background:#ed2225;cursor:pointer; }
.fix-right1:hover {background:#ed2225;cursor:pointer; }
.fix-right .fix-right3 { position:relative; margin-top:1px; }
.fix-right .fix-right3 .qcode { display:none;position:absolute; left:-188px; top:0; padding:26px 20px 27px; background:#ed2225; font-size:16px; color:#222; text-align:center; width:260px;}
.fix-right .fix-right3 .qcode a{ font-size:20px;}
.fix-right .fix-right3 .qcode img { display:block; margin-bottom:4px; width:128px; height:128px; }
.fix-right >.fix-right3:hover .qcode{display:block}
.fix-right .go-top { padding: 8px 18px 4px;color: #fff;background: #ed2225;text-align: center;  line-height: 28px; display:none;}
.fix-right a { color:#fff;}
#LRfloater0 { display:none;}


@media (max-width: 1136px){
    .sub_txt{bottom: 41px;}
    .contact li{width: 15.88%;height: auto;}
    .fuwulinian dl dd{height: auto;}
    .pro_pic{width: 50%;}
    .pd_guide li{width: 23.5%;}
    .mumping_mun li{width: 23%;}
}
@media (max-width: 1024px){
    .sub_txt{bottom: 23px;}
    .in_top{padding: 0 1%;}
    .in_pro{padding: 0 1%;}
    .news_tj{padding: 0 1%;}
    .top_protxt{margin-left: 2%;}
    .projmain{padding: 0 1%;}
    .contact li{width: 15.6%;height: auto;}
    .message textarea{width: 100%;}
    .wal{padding: 0 1%;}
    .news_cpzs{padding: 0 1%;}
    .top_tittle2{width: 30%;}
    .pd_guide li{width: 21%;}
    .conpro_l{width: 40%;}
    .conpro_r{width: 40%;}
    #slides{display: none;}
    .feilei_r{width: 72%;}
    .feilei_l{width: 27%;}
    .material-intro .l{width: 60%;}
    .material-intro .r{width: 30%;}
    .material-intro .r img{width: 100%;}
    .material{padding: 0 1%;}
    .value-img p:first-child{padding-left: 0;}
    .material-line{margin-top: 0;}
    .mumping_mun li{width: 21%;}
}
@media (max-width: 999px){
    .top{padding: 0;height: 50px;}
    .wap-nav{display: block;float: right;padding: 12px 0;margin: 0 1%;}
    .nav{display: none;}
    .logo{width: 25%;height: 100%;padding: 0.4% 0;margin: 0 1%;}
    .logo img{width: 100%;}
    .nav-yd{width:100%;background: #222222;position: absolute;top: 85px;z-index: 9999;}
    .nav-yd li{width: 100%;height: 40px;text-align: center;border-bottom: 1px solid #4c4c4c;line-height: 40px;font-size: 16px;}
    .nav-yd li a{color: #fff;}
    .mumping_mun li{width: 20%;}
}
@media (max-width: 960px){
    .sub_txt{display: none;}
    .top_tittle h3{font-size: 30px;}
    .top_tittle p{font-size: 14px;}
    .pro_txttittle h3{font-size: 30px;}
    .video{display: none;}
    .top_ltxt h4 p{font-size: 18px;}
    .news_tj_r li ._intnew{width: 80%;}
    .news_tj_r li ._time ._year{font-size: 12px;}
    .news_tj_r li ._intnew ._title{font-size: 16px;}
    .bottom{display: none;}
    .sub_bg{display: none;}
    .projmain{margin: 0;}
    .projmain h1{font-size: 26px;}
    .message .tit h3{font-size: 26px;}
    .proj_img{width: 100%;float: none;}
    .proj_img{width: 100%;}
    .proj_text{width: 100%;float: none;}
    .contact li{width: 14%;height: auto;margin: 0 1.5%;}
    .fu_ys{display: none;}
    .cishu .print{display: none;}
    .cishu .to_back{right: 0;}
    .top_tittle2{width: 100%;}
    #header-wrapper{display: none;}
    .located{display: none;}
    .pro_pic{width: 100%;float: none;}
    .pro_pic img{width: 100%;}
    .pro_r{width: 100%;float: none;}
    .pro_wrap img{float: none;}
    .pd_guide li{width: 20%;}
    .conpro_l{width: 100%;}
    .conpro_r{width: 100%;}
    .pro_fw img{display: none;}
    .pro_wrap h4{text-align: center;}
    .pro_grey h4{text-align: center;}
    .profw_r{width: 100%;float: none;}
    .icon2{margin-left: 30%;}
    .feilei_l{display: none;}
    .feilei_r{width: 100%;}
    .container img{width: 100%;}
    .value-img{margin-right: 0;width: 100%;height: auto;}
    .value-main{width: 100%;height: auto;margin-top: 20px;margin-left: 10px;}
    .line-material{width: 50%;}
    .material-product{width: 45%;}
    .pro_tab li.cur ._ico{display: none;}
    .pro_tab li ._ico{display: none;}
    .plist_yd{display: none;}
    .pro_tab li.cur{padding: 1% 0;}
    .logo{width: 30%;}
    .proj_intro{margin-top: 0;}
    .proj_c_t{margin-top: 0;}
    .mumping_mun li{width: 19.5%;}
    .pro_top{margin-top: 0;}
	.com,.pd_guide{ display:none;}
	.pro_content { width:100%;}
	#header-wrapper { display:none; margin-top:-80px;}
}
@media (max-width: 768px){
    .header{display: none;}
    .top_tittle h3{font-size: 24px;}
    .top_l{width: 100%;}
    .top_r{display: none;}
    .inpro_tj{display: none;}
    .top_protxt{width: 98%;margin-left: 0;padding: 0 2%;}
    .pro_txttittle h3{font-size: 24px;text-align: center;}
    .top_protxt ul li{width: 10%;margin: 0 5%;}
    .news_tj_l{display: none;}
    .news_tj_r{width: 100%;}
    .news_tj_r .news_list li ._time{padding: 5px 0;}
    .proj_sub li{width: 30.3%;}
    .sub_banner_zi p{display: none;}
    .sub_banner_zi h3{font-size: 30px;margin-top: 50px;}
    .contact li{width: 30%;height: auto;margin: 40px 7%;}
    .fl{width: 100%;}
    .lianxi .fr{display: none;}
    .lianxi{margin-top: 0;}
    .contact{margin-bottom: 0;}
    .fuwuchengnuo{margin-bottom: 20px;}
    .fuwuchengnuo li{width: 50%;margin-bottom: 40px;}
    .compre_sub_title ._tit_cn{font-size: 24px;}
    .compre_sub_title{padding-top: 0;margin-bottom: 0;}
    .compre_sub_title ._tit_en{font-size: 80px;}
    .fuwulinian h3{font-size: 24px;}
    .peijian{margin-top: 20px;}
    .peijian h3{font-size: 24px;}
    .sub_nleft{width: 100%;}
    .sub_nright{width: 100%;}
    .news_tittle h1{font-size: 30px;}
    ._detailPage_bottom li{float: left;}
    ._detailPage_bottom li:first-child{margin-right: 20%;}
    .sub_nright{margin-top: 0;}
    .news_cpzs ul li{width: 100%;padding: 10px 0;margin-bottom: 0;}
    .news_cpzs li p{padding-right: 2%;}
    .top_tittle1 h3{margin-top: 25px;}
    .top_tittle1 a{margin-top: 50px;}
    .news_tj{margin-bottom: 25px;}
    .top_tittle2{margin-bottom: 0;}
    .top_tittle2 h3{margin-bottom: 0}
    .pro_ys ul li{width: 50%;margin-left: 0;}
    .pro_ys ul{margin-left: 0;padding: 0 1%;}
    .xc_pic{margin-top: 0;}
    .pro_ys{margin-bottom: 0;}
    .pro_grey{margin: 0;}
    .xc_pic h3{font-size: 30px;}
    .pro_ys h3{font-size: 30px;}
    .pro_tic h3{font-size: 30px;}
    .xgcase h3{font-size: 30px;}
    .conpro_l{margin-top: 0;}
    .wal li:first-child{display: none;}
    .pro_tab li.cur ._ico{background: none;}
    .pro_tab li ._ico{background: none;}
    .product-list li{width: 30.5%}
    .line-material{width: 100%;}
    .material-product{width: 100%;}
    .material-intro .l{width: 100%;}
    .material-intro .r{display: none;}
    .material-product li{width: 30.5%;}
    .material-product li a{width: 100%; height: auto;}
    .material-product li img{width: 100%;height: auto;}
    .pro_tab li{width: 19.8%;}
    .pro_tab li.cur{width: 19.8%;}
    .nav-yd{top: 50px;}
    .digital{display: none;}
}
@media (max-width: 480px){
    .in_top{margin: 25px 0;}
    .in-prolist{margin: 20px auto;}
    .in-prolist li{width: 48%;}
    .message .btn{margin-left: 35%;}
    .proj_sub li{width: 47%;}
    .contact h3{font-size: 24px;}
    .news_tj_r li ._time{width: 15%;}
    .sub_banner_zi h3{display: none;}
    .fuwulinian dl{width: 100%;margin: 0;}
    ._detailPage_bottom li:first-child{margin-right: 5%;}
    .xc_pic h3{background: none;}
    .pro_ys h3{background: none;}
    .pro_tic h3{background: none;}
    .xc_pic ul li{width: 48%;margin: 0 1% 15px 1%;}
    .pro_order{width: 100%;}
    .pro_tel{width: 100%;margin-top: 20px;}
    .pro_fw ul li{width: 50%;}
    .profw_txt{display: none;}
    .pro_fw{padding: 0;}
    .xgcase dl{width: 100%;}
    .product-list li{width: 47.3%}
    .material-product li{width: 30.5%;}
    .material-product li{margin-left: 2.2%;}
    .pro_feilei{margin-top: 30px;}
    .feilei_zs{margin-bottom: 30px;}
    .feilei_zs h3{margin-bottom: 20px;font-size: 24px;}
    .pro_tab li{width: 24.5%;margin: 0;}
    .pro_tab li.cur{width: 24.5%;}
    .logo{width: 50%;}
    .about-box ul li{width: 48%;}
    .Sales_network p{margin: 0;}
    .part02{margin: 30px 0;}
    .capacity{margin-bottom: 0;}
    .gjhz{margin-top: 0;}
}
@media (max-width: 375px){
    .top_protxt ul li{width: 22%;margin: 0 0 20px 14%;}
    .message .btn{margin-left: 30%;}
    .contact li{width: 80%;}
    .fuwuchengnuo li{width: 100%;}
    .pro_ys ul li span{font-size: 18px;}
    .value-img p{width: 48%;}
    .value-img p{padding-left: 3%;}
    .logo{width: 60%;}
}