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:"Noto Sans SC",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:14px; font-family:Microsoft YaHei,Arial; color:#111; position:relative; -webkit-text-size-adjust:none; line-height:27px; min-width:1200px;}

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:40px; color:#000; font-size:13px; float:left; padding-left:0px;}

.the_nw{background:url(../images/the.jpg) no-repeat left center; float:right; width:263px; height:40px; line-height:40px; color:#000; font-size:13px; padding-left:27px;}



.the_nw span{ color:#d20000; }

.enc_nw{float:right; width:59px; padding-left:24px; background:url(../images/cn_img.jpg) no-repeat left center; height:40px; line-height:40px; font-size:13px;}

.en_nw{background:url(../images/en_img.jpg) no-repeat left center; width:64px; margin-right:24px;}

.cn_nw{background:#bfbfbf; width:1px; height:13px; margin:14px 15px 0 0; float:right; display:block;}







.logo{float:left; margin:25px 0 0px; 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:"Noto Sans SC";}

.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;}





.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:31px 0 19px 0; float:right;}

#nav ul li { float:left; height:50px; /*overflow:hidden;*/ width:90px; position: relative;}

#nav ul li.line { width:0px; /*background:url(../images/menu.jpg)no-repeat;*/} 

#nav ul li.menu {margin:0 10px;}

#nav ul li.menu a { font-size:16px; line-height:50px; display:block; color:#000; text-align: center; }

#nav ul li.menu a:hover { text-decoration:none; background:url(../images/line_on.jpg) no-repeat center bottom;}

#nav ul li.menu a.current {background:url(../images/line_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;}

#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;}



/*友情链接*/

.yq_item{padding:38px 0 19px; background-color:#ededed;}

.yq_hb{background:url(../images/yqlj.jpg) no-repeat ; height:50px; line-height:50px; width:140px; text-indent:26px; color:#fff; font-size:17px; float:left; margin-right:17px;}

.yq_item_lo{height:50px; line-height:50px; color:#2e2e2e; background: url(../images/yq_hb.jpg) repeat-x left bottom / 100% 1px,url(../images/yq_hb.jpg) repeat-y right bottom / 1px 1px,url(../images/yq_hb.jpg) repeat-x left top / 100% 1px;}

.yq_item_lo a{color:#2e2e2e;}

.yq_item_lo span{margin:0 10px;}

.yq_item_lo span:nth-child(1){display:none;}

/*业务资讯*/
.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.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 .tel2{
  position: absolute;
  left: 7px;
  top: 0;
  z-index: 1;
  width: 184px;
  height: 160px;
  font: 24px/57px Arial;
  color: #fff;
  background: url(../images/bg_float04.png) no-repeat;
  cursor: pointer;
}
.new-float li .tel{
  position: absolute;
  left: 77px;
  top: 0;
  z-index: 1;
  width: 184px;
  height: 160px;
  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;
}

/**底部内容**/

.downMenu { background:#ededed;}

.downMenu .menu { width:100%; padding:6px 0 55px; float:left;}

.downMenu .menu .dl { float:left; display:inline; margin-right:235px;}

.menu_dh{float:left; width:430px;}
.menu_dh_1{width:220px;}
.menu_dh_2{width:130px;}
.menu_dh_3{width:120px;}
.menu_dh_4{width:100px;}
.menu_dh_5{width:135px;}
.menu_dh_6{width:155px;}

.downMenu .menu .dl dt , .menu_dh dt, .cont_z span{ color:#010101; height:50px; line-height:50px; font-size:17px; font-weight: bold;}

.fot_ddt { height:28px; line-height:28px; color:#3c3c3c; font-size:14px; text-indent:23px;}

.fot_ddt a {color:#3c3c3c; 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;}

.cont_l{width:360px; float:left; line-height:31px;}

.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:13px; color:#3c3c3c; line-height:32px;}

.menu_dh_li a{color:#3c3c3c;}



.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:right; padding:35px 32px 9px 34px; margin-top:0px;}

.menu_qrcod{float: left; margin:9px 0 0 0px; font-size:0; line-height:0;}

.menu_qrcod span{text-align:center; color:#010101; font-size:13px; line-height:40px; display:block;}



#footer { font-size:0.875em; background-color:#04478c; border-top:0px solid #424242;}

#footer p { color:#fff; font-size:14px;}

#footer p a { color:#fff; }

#footer .comp_x{width:100%; line-height:50px; border-top:solid 0px #515151; text-align:center;}



.m_contact,.pic_menu_t { display:none; }

.xwkb{ display:none; }

/*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: 4% 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;}


.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;} }


#menuButton, #nav_wap{display:none;}



@media screen and (max-width:640px){

body {min-width:100%; position:relative; }
	.menu_df{display:none;}

.xwkb{display:block;}

.hidden-xs{ display:none; }



.cn_nw{display:none;}

.en_nw{margin-right:10px;}

.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;
}

.zzd{padding-left:25px; margin-bottom:10px; }


#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:95%; margin-top:15px; margin-left:2%; margin-bottom:18px;  float:none;}

#header .logo img{width:70%;}

#header div.wrapper { overflow:hidden; background-color:#fff; }

.ping{
	width: 10% !important;
    float: left ;
}

#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; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline; background:none;}
#nav ul li.menu a.line_r { border-right:solid 1px #487ebc; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #487ebc; height:41px;  }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.menu a.current { background-image:none; color:#fff;}



#menuButton, #nav_wap{display:block;position: absolute; top:25px; right: 5px;}

.menuButton { float:right; width:15%; margin-right:0%; display:table-cell; text-align:center; vertical-align:middle; margin-top:0px;}

.menuButton i { display:inline-block; height:100%; vertical-align:middle;}

.menuButton img { vertical-align:middle; width:40%; max-width:30px;}



.navButton{position:absolute; right:2%; top:37px;}

.nav_t{position:absolute; left:2%; top:38px; color:#fff;}

#nav_wap { background-color:#767676; position:absolute; right:-200px; top:0; z-index:1001; width:100%; height:100%; display:none; }
#nav_wap ul { padding-top:100px;}
#nav_wap ul li { height:50px; line-height:50px; border-bottom:solid 1px #8a8a8a; }
#nav_wap ul li a { display:block; line-height:50px; text-align:left; color:#fff; text-indent:30px;}
#nav_wap ul li a:hover {  text-decoration:none; }
#nav_wap ul li a.nav { }


#nav{display:none;}

.slideBox .hd{ background:none; }


/*友情链接*/

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


#footer .comp_x{line-height:25px; padding:10px 0; font-size:14px;}
.downMenu{background-color: #393939; padding-top:25px;}
.downMenu .menu{padding:0px 0; padding-bottom:25px;}
.menu_dh{display:none;}
.cont_l{float:none; margin:auto;}
.downMenu .menu .dl{margin-right:0; width:96%; margin:auto; float:none; display:block;}
.cont_z span, .cont_zdt, .cont_zdt a{color:#fff; height:30px; line-height: 30px;}
}


.e_m {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 99999;
    display: none;
    }
    .e_m .n_r {
    width: 200px;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.e_m .n_r img {
    width: 100%;
    height: auto;
    display: block;
}


/*---------------------service-------------*/
.w-service-fixed{position:fixed; bottom:50%; right:20px; margin-bottom:-160px; z-index:2000; font-size:14px;}
.bg_s_default{ background:#363636;}
.color_s_default{color:#363636;}
.w-service-fixed .service-item{width:46px; height:46px; line-height:46px; margin-bottom:2px; position:relative; text-align:center;}
.w-service-fixed .service-item .service-popc{ position:absolute; right:46px; top:0; width:0; overflow:hidden; text-align:left; color:#fff; }
.w-service-fixed .service-item .service-popc .item{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.w-service-fixed .service-item .service-popc a{ color:#fff; text-decoration:none; display:block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.w-service-fixed .service-item:hover .service-popc{ width:180px;transition: width 0.2s;-moz-transition: width 0.2s;-webkit-transition: width 0.2s; -o-transition: width 0.2s; }
.w-service-fixed .service-item .service-popc a:hover{ opacity:0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);;}
.w-service-fixed .service-item .service-popc .service-popc-in{padding:10px 13px 11px; line-height:1.5; background: #363636;}

.w-service-fixed .service-item-qrCode .service-popc{ top:auto; bottom:0;}
.w-service-fixed .service-item-qrCode .qrCodeImg img{ max-width:100%;}
.w-service-fixed .icon_service{ display:inline-block; *display:inline; *zoom:1; width:35px; height:35px; background:url(../images/icon_service.png) no-repeat; vertical-align:middle;}
.w-service-fixed .icon_service_qq{ background-position:0 0;} 
.w-service-fixed .icon_service_tel{ background-position:0 -35px;}
.w-service-fixed .icon_service_msn{ background-position:0 -70px;}
.w-service-fixed .icon_service_qrCode{ background-position:0 -105px;}
.w-service-fixed .icon_service_whatsApp{ background-position:0 -70px;}
.w-service-fixed .icon_service_skype{ background-position:0 -175px;}
.w-service-fixed .icon_service_wangWang{ background-position:0 -210px;}
.w-service-fixed .icon_service_email{background-position:0 -245px;}
.w-service-fixed .icon_service_msn{background-position:0 -280px;}
.w-service-fixed .service-item-top{ cursor:pointer; display:none;}
.w-service-fixed .service-item-top .fa-caret-up{ position:absolute; top:-10px; left:18px; font-size:16px; }
.w-service-fixed .service-item-top .top{ color:#fff; font-size:15px;}
.w-service-fixed .ic_s{ display:inline-block; *display:inline; *zoom:1; width:25px; height:25px; background:url(../images/ic_s.png) no-repeat; vertical-align:middle; margin-right:5px;}
.w-service-fixed .ic_s_qq{ background-position:0 0;} 
.w-service-fixed .ic_s_tel{ background-position:0 -25px;} 
.w-service-fixed .ic_s_msn{ background-position:0 -50px;} 
.w-service-fixed .ic_s_whatsApp{ background-position:0 -50px;}
.w-service-fixed .ic_s_skype{ background-position:0 -125px;}
.w-service-fixed .ic_s_wangWang{ background-position:0 -150px;}
.w-service-fixed .ic_s_email{ background-position:0 -175px;}
.w-service-fixed .ic_s_msn{ background-position:0 -200px;}

/*phone show*/
@media (max-width:960px){
	.w-service-fixed{
		display: none;
	}	

}