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: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:underline;}

.wrapper { width:1200px; margin:0 auto; }
#header { width:100%; z-index:1003; background-image: url(../images/headBg.png) ; background-position: 50% 0px; background-repeat: no-repeat; height:111px; position:absolute; top:29px; }
#header div.wrapper { height:94px; background:url(../images/w_bg.png) no-repeat left top;}
#header .language { text-align:right; line-height:23px; float:right; margin:34px 0px 0 0; }
.logo_tki{height:79px; margin:0px 0 0 1%; padding:27px 0 0 0; width:520px; float:left;}
#header .logo{ float:left; width:244px; margin-top:0px; margin-left:26px;}
#header .logot{ max-width:201px;}
#header .logo img ,#header .logot img{  /*width:100%;*/ padding:0px 0; margin:auto;}
#header .logo2{margin:0 0 0 9px; width:225px;}
#header .logot2 img{max-width:155px;}
.en_wap{display:none;}
#header .Ttele{ text-align:right; float:right; margin-top:8px; width:33.7%; height:98px; background:url(../images/t_liet.jpg) no-repeat left bottom;}
#header .tele { background:url(../images/tele.jpg) no-repeat left 13px; padding-left:41px; color:#4e4e4e; float:right; font-size:15px; text-align:left; padding-top:8px; line-height:20px;}
#header .tele em{font-size:22px; color:#de1e19; font-style:normal; font-family:Microsoft JhengHei; font-weight: bold;}
#header .tele a { color:#de1e19; }


#header .share {float:left; height:37px; position:relative; padding-top:13px; margin-right:5px; }
#header .share a {display:block;width:37px;height:37px; background-image:url(../images/follow.png);background-repeat:no-repeat;text-indent:-999em; float:left; margin:0 5px; position:relative; padding:0;}
#header .share a:hover {background-image:url(../images/follow_hover.png);}
#header .share a.sina {background-position:0 0;}
#header .share a.qq {background-position:-94px 0;}
#header .share a.weixin {background-position:-47px 0;}

#nav { /*width:56.7%;*/ float:left; margin-top:16px; margin-left:1%;}
#nav ul li { float:left; height:80px; display:inline; }
#nav ul li.line { width:0px;background:url(../images/line_n.jpg) no-repeat left center; } 
#nav ul li.menu { width:106px; position: relative; margin:0 21px 0 22px;}
#nav ul li.menu a { font-size:16px; line-height:80px; display:block; color:#000; text-align:center; }
#nav ul li.menu a:hover { text-decoration:none; background:url(../images/nav_on.jpg) no-repeat bottom center; color:#e60012;}
#nav ul li.menu a.current {background:url(../images/nav_on.jpg) no-repeat bottom center; color:#e60012;}
#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;}

.top_tnmt{float:right; background:url(../images/header_bg_r.jpg) no-repeat top left #c4261d; width:15.5644%; padding:36px 0 37px 92px;}
/*搜索*/
.s_tnmt{height:72px; width:100%; background-color:#f5f5f5; }
.s_tnmt_t{width:60%; float:left; color:#6e6e6e; font-size:13px; line-height:72px;}
.s_tnmt_t a{color:#6e6e6e; font-size:13px;}
#other{float:left; max-width:160px;}
.chname{float:left; background:#fff; border:0px solid #dbdbdb; width:124px; height:31px; line-height:31px; box-shadow:none; font-size:13px; color:#b7b7b7; cursor:pointer; text-indent:22px; font-family: "Microsoft YaHei";  padding:0; border-radius:30px 0 0 30px;}
.btn{float:left; background:url(../images/top_s.jpg) no-repeat left center #fff; width:36px; height:31px; border:0; border-radius:0 30px 30px 0; cursor:pointer; margin-top:0px; color:#fff; font-size:14px; font-family: "Microsoft YaHei";}
/*中文英文*/
.logo_cen{width:150px; float:right; padding-top:47px; margin-right:3%;}
.cn_img{float:left; color:#45484a; line-height:20px;}
.cn_img img{float:left; margin-right:5px;}
.ce_img{margin-left:35px; margin-right:0px;}
.cn_img span{float:left;}

#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.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: 0px;
                    line-height: 22px;
                    color: #fff;
                    margin: 0 auto 52px;
                    font-size: 18px;
		    border:none;
                }

                .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-color:#383c41; padding-top:31px; color:#fff;}
.downMenu a{ color:#bfbfbf;}
.cont_l{width:150px; float:left; line-height:31px;}
.cont_l_01{margin-left:9px;}
.cont_l_02{width:230px;}
.cont_l_03{width:20px;}
.cont_l_04{width:90px;}
.cont_z{margin:0 0px 0 0px; width:355px; float:right;}
.cont_z span{font-size:18px;}
.cont_zdt{color:#bfbfbf;}
.cont_zdt a{text-indent:23px; color:#bfbfbf;}
.cont_z_01{background:url(../images/add_01.jpg) no-repeat left center;}
.cont_z_02{background:url(../images/add_02.jpg) no-repeat left center;}
.cont_z_03{background:url(../images/add_03.jpg) no-repeat left center;}
.cont_z_04{background:url(../images/add_04.jpg) no-repeat left center;}
.cont_r{width:288px; margin:0 0 25px 25px;}
.cont_l dt{font-size:16px; color:#fff; line-height:36px; height:36px; border-bottom:0px solid #c5c5c5; margin-bottom:0px;}
.cont_l dd{line-height:29px; margin-bottom:35px;}
.cont_l dd span{color:#bfbfbf; font-size:14px; font-weight: bold;}
.cont_l em{display: none;}
.fot_db{float:left; width:100%;}
.cont_r img{margin-left:10px;}
.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:#FFF; font-size:13px; line-height:40px; display:block;}

.erwm_img{width:100%; float:left; line-height:0; margin-bottom:54px;}
.erwm_txt{padding-left:0px; text-align:center; line-height:48px;}
.erwm_txt_3{padding-left:30px;}

.comp_x{border-top:1px solid #464a4e; line-height:65px; text-align:center;}
.comp_x .nso_r{float:right; margin-right:72px;}
.comp_x a{color:#fff;}
#footer { font-size:0.875em; background-color:#002e73;}
#footer p { color:#fff; font-size:12px;}
#footer p a { color:#fff; }
#footer .comp_x{float:left; width:100%; line-height:58px; border-top:solid 0px #515151;}


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


.m_contact,.pic_menu_t { display:none; }
.xwkb{ display:none; }
.wap_ne, #header .dropdown{display:none;}
@media screen and (max-width:1900px){
.logo_cen{margin-right:1%; width:auto;}
}
@media screen and (max-width:1830px){
.logo_tki{margin-left:1%;}
}
@media screen and (max-width:1763px){
.logo_tki{margin-left:0%;}
#header .logo{margin-left:0%;}
}
@media screen and (max-width:1750px){
.ce_img{margin-left:18px;}
}
@media screen and (max-width:1713px){
#header{background: url(../images/headBg.png) no-repeat left -63px center;}
}
@media screen and (max-width:1730px){
.ce_img{margin-left:8px;}
#nav ul li.menu{margin: 0 8px 0 8px;}
}
@media screen and (max-width:1580px){
.logo_tki{ width:450px;margin-left:2.2%}

}
@media screen and (max-width:1510px){
#nav ul li.menu{margin: 0 8px 0 8px;}
}
@media screen and (max-width:1480px){
.cn_img{ display:none;}
.ce_img{ display:block; margin:0;}
}
@media screen and (max-width:1400px){
#nav ul li.menu{margin: 0 6px 0 6px;}
}
@media screen and (max-width:1380px){
#nav ul li.menu{margin:0;}
}
@media screen and (max-width:1289px){  
#nav ul li.menu{width:102px;}
}
@media screen and (max-width:1260px){  
#nav ul li.menu{ width:100px;}
}
@media screen and (max-width:1246px){  
#nav ul li.menu{ width:96px;}
}
@media screen and (max-width:1218px){  
#nav ul li.menu{ width:92px;}
}
@media screen and (max-width:1024px){  
/*body{min-width:100%;}*/
}
@media screen and (max-width:640px){
body{min-width:100%;}
.xwkb{display:block;}
.hidden-xs{ display:none; }
#nav{display:none;}
.wap_ne{display:block; margin-right:3%; width:30px; margin-top:27px; float: right;}
.menuBtn {
    padding: 0;
    margin: 0;
    height: 8vw;
    width: 8vw;
    background: url(../images/bar.png) center center no-repeat;
    background-size:9vw 9vw;
    border: none;
    outline: none;
    border-radius: 5px;
  }
.menuBtn.close{background:url(../images/close.png) center center no-repeat; background-size: 5vw 5vw;}
#header .dropdown {
    position: absolute;
    left: 0;
    top:82px;
    width: 100vw;
    background:#424242;
    z-index:999;
    display:none; height:200vw;
  }
#header .dropdown .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	margin-top:2.5%;
  }
#header .dropdown .menu li {width: 100vw;}
#header .show{display:block;}
#header .dropdown .menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: none;
    text-indent: 2vw;
    border-bottom: 1px solid #fff; color:#fff; height:45px;
	width:90%; margin:0 auto;
  }


.other{margin-left:2%; width:96%; margin-bottom:10px; padding-top:0;}
.other .chname{width:80%;}
.cont_l{width:96%; margin:auto; float: none;}
.cont_l em{/*display:block; */line-height: 0;}
.comp_x{line-height:30px; padding:10px 5px; margin-top:20px;}
#nav ul li.menu a{ font-size:14px;}

.comp_x .nso_r{margin-right:2%;}

.logo_cen{padding-top:32px; margin-right:2%;}
.cn_img span{display: none;}
}
@media screen and (max-width:375px){

}
@media screen and (max-width:320px){
.hidden-xs4{ display:none; }
}
@media screen and (max-width:1199px){
.wrapper{width:100%;}
}
@media screen and (max-width:1132px){
.downMenu .qrcode{display:none;}
.downMenu .menu{float:left; margin-left:2%;}
}
@media screen and (max-width:1024px){ 
.hidden-mm { display:none; }
.downMenu .qrcode{display:none;}
.downMenu .menu{width:98%;}
 }

@media screen and (max-width:768px){
.downMenu .menu{padding:0;}
#nav .hidden-sm { display:none; }
}
@media screen and (max-width:681px){
#footg{padding-top:0;}

}
@media screen and (max-width:667px){
.hidden-xm6 { display:none; }
}
@media screen and (max-width:640px){
#header { position:static; border-bottom:0; background:#004098; height:auto; }
#header div.wrapper { overflow:hidden; height:auto}
#header .logo { width:80%; margin:0px 0 0px 0px; position:static; display:block; padding-top:0px;}
.en_wap{display: block; background: url(../images/en_img.jpg) no-repeat left center; height:19px; width:30px; position: absolute; top:25px; right:30px;}
.logo_tki{width:auto; padding:18px 0 0; height:64px; margin-left:3%;}
#header .logo2{display:none;}
	
.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;
}	
	
	
}
@media screen and (max-width:480px){

#header .logo{}
#header .logo img{ width:100%;}
#nav .hidden-xs{display:none;}

#footer p{font-size:13px;}
#mobile_nav_wrap { height:49px; width:100%; display:block; }
#mobile_nav { border-top: 0px solid rgb(61, 61, 70); display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(82, 73, 69)), color-stop(0.6, rgb(82, 73, 69)), to(rgb(72, 64, 60))); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 6px 0 0 0; height: 19px; width: 19px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-10px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 25%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }

}
@media screen and (max-width:389px){
#footer p{font-size:12px;}
}