html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input{font-family:"Microsoft YaHei",Arial; color:#111; }
textarea {-webkit-appearance: none;} 
input::-webkit-input-placeholder{
            color:#b5b4b4;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#b5b4b4;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#b5b4b4;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#b5b4b4;
}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}
html {font-size: 100%;}
body { font-size:15px; font-family:"Microsoft YaHei",Arial; color:#111; position:relative; -webkit-text-size-adjust:none; line-height:27px; min-width:1000px;}
a { color:#111; text-decoration:none; }
a:hover { text-decoration:none;}

.wrapper { width:1200px; margin:0 auto; }
.wrapper_wap{width:1600px; margin:0 auto; }
#header { width:100%; background:url(../images/header_bg.jpg) repeat-x left top; z-index:1003;  }
.h_txt{line-height:43px; color:#fff; font-size:14px; float:left; padding-left:8px;}
.the_nw{background:url(../images/the.jpg) no-repeat left center; float:right; width:198px; height:43px; line-height:43px; color:#fff; font-size:16px; padding-left:27px;}

.post_s{float:right; margin:0 21px 0 0; padding:9px 0 0 0;}
.post_s .chname{float:left; background:#fff; width:169px; height:25px; line-height:25px; border:0 none; box-shadow:none; font-size:12px; cursor:pointer; text-indent:18px; padding:0; color:#636262; font-family:"Microsoft YaHei"; border-radius:10px 0 0 10px;}
.post_s .btn{float:left;background:url(../images/Search_b.jpg) no-repeat 9px center #e50213;width:40px;height:25px;border:0;cursor:pointer; color:#fff; border-radius:0 10px 10px 0;}


.logo{float:left; margin:22px 0 25px; line-height:0;}
.other{float:left; padding-top:10px; margin-left:152px;}
.other .other{height:32px; margin:0 auto 0px;}
.other .other input{}
.other .chname{float:left; background:url(../images/Search_box.jpg) no-repeat; width:329px; height:32px; line-height:32px; border:0 none; box-shadow:none; font-size:12px; cursor:pointer; text-indent:35px; padding:0; color:#b6b6b6; font-family:"Microsoft YaHei";}
.other .btn{float:left;background:url(../images/Search.jpg) no-repeat;width:60px;height:32px;border:0;cursor:pointer; color:#fff;}
.other .fnon{width:60px; height:34px; line-height:34px; font-size:12px; display:block; text-align:center; float:left; margin:0 9px 0 3px;}
.other .on{background:url(../images/fnon.jpg) no-repeat bottom left; color:#0256b4;}
.other_nt{font-size:12px; clear:#fff; margin-top:2px;}
.other_nt span{color:#ea5b24; font-size:12px;}
.other_nt a{color:#616161; font-size:12px; margin-left:10px;}
.other_child a{margin-left:0;}
.other_h em{ margin-right:22px;}

.the_nt{float:right; margin:0 -12px 0 0; background:url(../images/top_dit.jpg) no-repeat; padding:0 0 0 41px; width:253px; height:120px;}
.the_nt_t{font-size:18px; color:#515151; background:url(../images/then.png) no-repeat center left; text-indent:25px; margin:34px 0 5px;}
.the_nt_h{font-size:30px; color:#ef4707;}


#nav {margin:10px 0px 0 0; width:1028px; float:right;}
#nav ul li { float:left; height:83px; /*overflow:hidden;*/ width:92px; position: relative;}
#nav ul li.line { width:0px; /*background:url(../images/menu.jpg)no-repeat;*/} 
#nav ul li.menu {margin-left:71px; background:url(../images/nav_li.jpg) no-repeat right center;}
#nav ul li.menu a { font-size:17px; line-height:83px; display:block; color:#000; text-align:left; }
#nav ul li.menu a:hover { text-decoration:none; background:url(../images/nav_on.jpg) no-repeat left bottom;}
#nav ul li.menu a.current {background:url(../images/nav_on.jpg) no-repeat left bottom;; color:#fff;}
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer {}
.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}

#nav .li_nss{width:55px;}
#nav .li_ns{width:85px;}

#nav ul li a:hover{background:url(images/nav_hover.jpg) no-repeat;display:block;}
#nav dl{width:125px;font-size:12px;background:url(../images/navdl_bj.png);position:absolute;top:83px;left:0px; text-indent:20px; padding:13px 20px 23px; z-index: 99; border-radius:0 0 6px 6px;}
#nav ul li.menu dd a{color:#000; line-height:39px; height:39px; overflow:hidden; background:url(../images/navdl_dd.png) no-repeat left 6px center; border-bottom:1px solid #d2d2d2; font-size:14px;}
#nav ul li.menu dd a:hover{color:#e50213; background:url(../images/navdl_dd.png) no-repeat left 6px center; }

#banner { font-size:0; overflow:hidden; width:100%; }
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:40px; line-height:40px; text-align:center; margin:0px; background:url(../images/hm.png) repeat-x left top; border-radius:0px;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:2px; margin:20px 7px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.slideBox .hd ul li.on{  filter:alpha(opacity=100);opacity:1;  }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}

/*业务资讯*/
.new-float{
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 50;
  width: 77px;
  height: 374px;
  margin-top: -150px;
}
.new-float li{
  position: relative;
  width: 77px;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  color: #fff;
  text-align: center;
}
.new-float li.hover{
  overflow: hidden;
}
.new-float li a{
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.new-float li a.tit{
  width: 77px;
  height: 27px;
  padding: 30px 10px 0 0;
  color: #fff;
}
.new-float li p{
  position: relative;
  z-index: 2;
  height: 27px;
  padding-top: 30px;
  cursor: pointer;
}

.new-float li.lia p{
  background: url(../images/bg_float01.png) no-repeat;
  font-size: 12px;
}

.new-float li .lia{
  position: absolute;
  left: 77px;
  top: 0;
  z-index: 1;
  width: 184px;
  height: 57px;
  font: 24px/57px Arial;
  color: #fff;
  background: url(../images/bg_float06.png) no-repeat;
  cursor: pointer;
}


.new-float li.fi a{
  background: url(../images/bg_float01.png) no-repeat;
}
.new-float li.se a{
  background: url(../images/bg_float02.png) no-repeat;
}
.new-float li.th a{
  background: url(../images/bg_float01.png) no-repeat;
}
.new-float li.fo a.tit{
  background: url(../images/bg_float04.png) no-repeat;
}
.new-float li.fif p{
  background: url(../images/bg_float05.png) no-repeat;
  font-size: 12px;
}
.new-float li.zixun a{
  background: url(../images/bg_float01.png) no-repeat;
}
.new-float li.six a{
  background: url(../images/xxf_bg_float01.png) no-repeat;
  cursor: pointer;
}


.new-float li .tel{
  position: absolute;
  left: 77px;
  top: 0;
  z-index: 1;
  width: 184px;
  height: 57px;
  font: 24px/57px Arial;
  color: #fff;
  background: url(../images/bg_float06.png) no-repeat;
  cursor: pointer;
}
.new-float a.mof{
  display: inline-block;
  width: 54px;
  height: 71px;
  padding: 12px 11px 0 12px;
  margin-top: 10px;
  *margin-top: 7px;
  background: url(../images/bg_float07.png) no-repeat;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}

/*add new style*/
.product-cate {
                    width: 360px;
                    float: left;
                    margin-right: 30px;
                }
                .product-cate:nth-child(3n) {
                    margin-right: 0;
                }
                .product-cate-two {
                    width: 380px;
                    float: left;
                    margin-right: 30px;
                }
                .product-cate-two:nth-child(3n) {
                    margin-right: 0;
                }
                .pht_img {
                    width: 100%;
                    float: left;
                    margin: 0 40px 10px 0;
                    line-height: 0;
                    transition: all 0.3s ease-out 0s;
                    position: relative;
                }

                .pht_img_h {
                    width: 100%;
                    overflow: hidden;
                }

                .pht_img_h img {
                    width: 100%;
                    border: #ccc 1px solid;
                    box-sizing: border-box;
                }

                .pht_img .project_info {
                    width: 100%;
                    height: 100%;
                    background: transparent;
                    position: absolute;
                    left: 0;
                    top: 0;
                    transition: all ease-out .3s;
                    opacity: 0;
                }

                .pht_img:hover .project_info {
                    background: none;
                    opacity: 1;
                }

                .pht_img .project_info:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0px;
                    left: -1px;
                    margin: 5.9% 7% 0;
                    width: 86%;
                    height: 82%;
                    border: 1px solid rgba(255, 255, 255, .3);
                }

                .pht_img .project_info div {
                    height: 100%;
                    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
                    width: 100%;
                    background: rgba(0, 0, 0, 0.5);
                }

                .pht_img .project_info .title {
                    padding: 120px 0px 0;
                    text-align: center;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .pht_img .project_info p {
                    width: 99%;
                    text-align: center;
                    display: block;
                    height: 42px;
                    line-height: 22px;
                    color: #fff;
                    margin: 0 auto 52px;
                    font-size: 18px;
                }

                .pht_img .project_info .description {
                    background: url(../images/potn_lon.png) no-repeat center top;
                    font-size: 14px;
                    width: 33px;
                    height: 33px;
                    line-height: 33px;
                    border-radius: 3px;
                    padding: 0;
                }

                .pht_img img {
                    transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
                }

                .pht_img:hover img {
                    transform: scale(1.08, 1.08);
                }

                .pht_nt {
                    height: 60px;
                    line-height: 60px;
                    text-align: center;
                    font-size: 14px;
                    display: none;
                }
                .cate-tit{width: 100%;float:left;line-height: 50px;text-align: center;}

/**底部内容**/
.downMenu { background:#323232;}
.downMenu .menu { width:100%; padding:47px 0 52px; float:left; background:url(../images/m_foot.jpg) no-repeat top 50px left 81px;}
.downMenu .menu .dl { float:right; display:inline; margin-right:0;}
.menu_dh{float:left; width:320px;}
.downMenu .menu .dl dt , .menu_dh dt{ color:#fff; height:40px; line-height:40px; font-size:22px;}
.fot_ddt { height:28px; line-height:28px; color:#fefefe; font-size:14px; text-indent:23px; overflow:hidden;}
.fot_ddt a {color:#fff; font-size:14px; }
.ddt_01{background:url(../images/add_01.jpg) no-repeat left center;}
.ddt_02{background:url(../images/add_02.jpg) no-repeat left center;}
.ddt_03{background:url(../images/add_03.jpg) no-repeat left center;}
.ddt_04{background:url(../images/add_04.jpg) no-repeat left center;}
.ddt_05{background:url(../images/add_05.jpg) no-repeat left center;}
.ddt_06{background:url(../images/add_06.jpg) no-repeat left center;}
.ddt_07{background:url(../images/add_07.jpg) no-repeat left center;}
.downMenu .menu dl li{color:#b9c9e1; height:24px; line-height:24px; font-size:12px; list-style:none;}
.downMenu .qrcode {width:14.5%; float:right; padding:45px 0 20px; text-align:center;  }
.downMenu .code p { height:45px; line-height:45px; font-size:12px; color:#f9b446; }

.menu_dh_li{font-size:15px; color:#fff; line-height:30px; width:160px; float:left;}
.menu_dh_li a{color:#fff;}
.fenx{color:#b3b3b3; font-size:13px; width:121px; margin-top:12px; float:left;}
.fenx_wb, .fenx_qqwb{width:23px; height:23px; display:block; background:url(../images/wb_img.jpg); float:right;}
.fenx_qqwb{background:url(../images/txwb_img.jpg); margin-left:12px; }

.menu_df{border:3px solid #444; float:left; padding:20px 10px; margin-top:0px;margin-right: 160px;}
.menu_qrcod{float:right; margin-left:10px; font-size:0; line-height:0;}
.menu_qrcod span{text-align:center; color:#fff; font-size:11px; line-height:30px; display:block;}

#footer { font-size:0.875em; background-color:#323232; border-top:1px solid #424242;}
#footer p { color:#fefefe; font-size:14px;}
#footer p a { color:#fefefe; }
#footer .comp_x{width:100%; line-height:58px; border-top:solid 0px #515151; text-align:center;}

.m_contact,.pic_menu_t { display:none; }
.xwkb{ display:none; }

.contact-add-wrap{width: 100%;height: 400px;margin: auto;overflow: hidden;background: #0877c7;}
.contact-add-left{width: 470px;float: left;padding:50px 40px;color:#fff;}
.contact-add-left a{color:#fff;}
.contact-add-left a:hover{color:#ff0;}
.contact-add-left h3{font-size: 28px;line-height: 60px;}
.contact-add-left p{line-height: 44px;}
.contact-add-left p img{margin-right: 10px;vertical-align: middle;}
.contact-add-right{width: 650px;float: left;}
@media screen and (max-width:640px){ .contact-add-left{width: 96%;float: left;padding:10px 2%;color:#fff;} .contact-add-right{width: 100%;float: left;} }

@media screen and (max-width:1600px){
.h_txt{padding-left: 2%;}
.logo{padding-left: 2%;}
#nav{ padding-right:1.5%;}
}



@media screen and (max-width:1599px){
.wrapper_wap{width:100%;}
}

@media screen and (max-width:1440px){
.h_txt{padding-left: 2%;}
.logo{padding-left: 2%;}
#nav{ padding-right:1.0%;width: 880px;}
#nav ul li.menu{margin-left:45px;}
.the_nw{padding-right:2%;}
}

@media screen and (max-width:1440px){
#nav{ padding-right:1.0%;width: 820px;}
#nav ul li.menu{margin-left:35px;}
}

@media screen and (max-width:1280px){
#nav{ padding-right:1.0%;width: 700px;}
#nav ul li.menu{margin-left:15px;}
}

@media screen and (max-width:1199px){
.wrapper{width:100%;}
}
@media screen and (max-width:1138px){
.downMenu .menu .dl{margin-right:15%;}
}
@media screen and (max-width: 1063px){
.downMenu .menu .dl{margin-right:10%;}
}
@media screen and (max-width:1005px){
.downMenu .menu .dl{margin-right:7%;}
}
@media screen and (max-width:640px){
body {min-width:100%; }
.xwkb{display:block;}
.hidden-xs{ display:none; }
.post_s{display:none;}

#nav ul li.menu a { padding:0; text-align:center; }
.wrapper { width:100%; margin:0 auto; }
#header { position:static; border-bottom:0; background-image:none; height:auto;}
#header .logo{width:90%; margin-top:15px; margin-left:2%;  float:none; margin-bottom:20px;}
#header .logo img{width:78%;}
.ping{
	margin-right: 12px;
    width: 10% !important;
    float: left;
}
#header div.wrapper { overflow:hidden; background-color:#fff; }
#nav { width:100%; padding:0; float:none; height:auto; display:block; margin:0; background-color:#094fa0;}
#nav ul li.menu { float:left; width:33.3%; height:42px; margin:0; background:none; overflow:hidden;}
#nav ul li.line { display:none; }
#nav ul li.menu:hover { background:none; }
#nav ul li.menu a { padding-top:0; color:#fff; height:41px; line-height:41px; font-size:15px; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline; background:none;}
#nav ul li.menu a.line_r { border-right:solid 1px #2261aa; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #2261aa; height:41px;  }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.menu a.current { background-image:none; color:#fff;}

.downMenu .menu .dl dt, .menu_dh dt{font-size:20px;}

.other{margin-left:2%; width:96%; margin-bottom:10px;}
.other .chname{width:80%;}

#footer .comp_x{line-height:26px; padding:10px 0; width:96%; margin:0 auto;}
.downMenu .menu{padding:20px 0;}
.downMenu .menu .dl{margin-right:0; width:96%; margin:auto; float:left; display:block;margin-left: 2%;}

.product-cate {
                    width: 49%;
                    float: left;
                    margin-right: 2%;
                }
                .product-cate:nth-child(2n) {
                    margin-right: 0;
                }
                .product-cate:nth-child(3){
                    margin-right: 2%;
                }
                .product-cate:nth-child(9){display: none;}
                .product-cate-two {
                    width: 49%;
                    float: left;
                    margin-right: 2%;
                }
                .product-cate-two:nth-child(2n) {
                    margin-right: 0;
                }
                .product-cate-two:nth-child(3) {
                    margin-right: 2%;
                }
                .product-cate:nth-child(9){display: none;}
                .cate-tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.menu_df{border:none; float:left; padding:0; margin: 0;width: 100%;}
.menu_qrcod{float: left;margin-left: 60px;}
.contact-add-left h3{font-size: 24px;}
.contact-add-left p{font-size: 18px;}
.contact-add-wrap{height: auto;}
}