@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }    
body, button, input, select, textarea { font-size: 14px; color: #333; font-family: tahoma, arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }
ul, li { list-style: none; }
img { border: 0px;}
table { border-collapse: collapse; border-spacing: 0; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }
em, i { font-style: normal; }
article, aside, footer, header, nav, section { display: block; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }
a:hover { background-repeat: no-repeat; text-decoration: none; }
a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input, textarea, select { font-family: "Microsoft Yahei"; outline: none; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type=checkbox], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
.show { display: block !important; }
.hide { display: none !important; }
.z-transition { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.commonweb { padding: 0px 10px; }
.wd{ margin:0 auto; height:auto; max-width:1200px; overflow: hidden;}

@charset "UTF-8";
/* 头部css开始 */
.zkhaderwrap { position: relative; height: 55px; }
.xg-header { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 55px; padding: 10px 0; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); background-color: #ffffff; }
.xg-header .logo { float: left; display: block; }
.xg-header .logo img { display: block; height: 30px; margin-top: 2.5px; }
.xg-header .menu-handle { position: relative; top: -2.5px; float: right; width: 40px; height: 40px; padding: 5px; }
.xg-header .menu-handle span { display: block; width: 100%; height: 2px; background: #f7931c; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translate3d(0, 3px, 0); -moz-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); }
.xg-header .menu-handle span:nth-child(2) { -webkit-transform: translate3d(0, 12px, 0); -moz-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
.xg-header .menu-handle span:nth-child(3) { -webkit-transform: translate3d(0, 21px, 0); -moz-transform: translate3d(0, 21px, 0); transform: translate3d(0, 21px, 0); }
.xg-header .menu-handle.cur span { -webkit-transform: translate3d(0, 14px, 0) rotate(45deg); -moz-transform: translate3d(0, 14px, 0) rotate(45deg); transform: translate3d(0, 14px, 0) rotate(45deg); }
.xg-header .menu-handle.cur span:nth-child(2) { opacity: 0; }
.xg-header .menu-handle.cur span:nth-child(3) { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); -moz-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); }
.xg-header .search-handle { float: right; width: 40px; height: 35px; margin-right: 8px; background-repeat: no-repeat; background-position: center; background-image: url(../images/searchicon.png); }
.xg-hdsec .xg-top { display: none; position: fixed; left: 0; bottom: 20px; width: 100%; z-index: 100; text-align: center; }
.xg-hdsec .xg-top a { display: inline-block; vertical-align: top; font-size: 13px; line-height: 24px; color: #666666; }
.xg-hdsec .xg-top a.cur { color: #f7931c; }
.xg-hdsec .xg-top .tel { font-size: 0; }
.xg-hdsec .xg-top .tel .num { padding-left: 26px; background-position: 0 center; background-repeat: no-repeat; background-image: url(../images/icon1.png); font-family: "AvantGarGotItcTEE"; color: #f7931c; font-weight: bold; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; font-size: 20px; margin-right: 20px; }
.xg-hdsec .xg-top .searchform { display: none; position: fixed; left: 0; top: 55px; z-index: 101; width: 100%; padding: 10px; background: #f2f2f2; font-size: 0; }
.xg-hdsec .xg-top .searchform form { display: block; padding-right: 60px; overflow: hidden; }
.xg-hdsec .xg-top .searchform input { display: inline-block; vertical-align: top; position: relative; float: left; display: block; width: 100%; height: 40px; line-height: 40px; }
.xg-hdsec .xg-top .searchform .keywords { padding-left: 10px; background: #ffffff; }
.xg-hdsec .xg-top .searchform .searchbtn { width: 60px; right: -60px; margin-left: -60px; }
.xg-hdsec .xg-top .ctrl { display: block; }
.xg-hdsec .xg-onlysearch { display: block; }
.xg-hdsec .xg-onlysearch .searchform { display: block; }
.xg-hdsec .xg-onlysearch .ctrl a, .xg-hdsec .xg-onlysearch .tel { display: none; }
.xg-hdsec .mainnav { display: none; position: fixed; top: 55px; left: 0; z-index: 98; width: 100%; bottom: 0; padding-bottom: 100px; background: #ffffff; border-top: 1px solid #ccc; }
.xg-hdsec .mainnav .nav-slider { position: relative; height: 100%; overflow-y: auto; }
.xg-hdsec .mainnav li { border-bottom: 1px solid #ccc; }
.xg-hdsec .mainnav li a { display: block; font-size: 16px; line-height: 48px; color: #333333; padding-left: 20px; }
.xg-hdsec .mainnav li .subnav { display: none; }
.xg-hdsec .mainnav li .subnav a { padding-left: 40px; line-height: 30px; }
.xg-hdsec .mainnav .hassub a { position: relative; }
.xg-hdsec .mainnav .hassub a:after { position: absolute; content: ''; width: 50px; height: 50px; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-image: url(../images/upimg.png); -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; -webkit-transition: all ease .3s; -o-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }
.xg-hdsec .mainnav .roll a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.searchfloat13 { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url(about:blabk); z-index: 100; display: none; }
.xg-hdsec .mainnav li.productli dl dd { display: none; }
.xg-hdsec .mainnav li.productli dl dt { padding: 5px 0; }
.xg-hdsec .mainnav li.productli dl dt img { vertical-align: middle; margin-right: 10px; }

@charset "UTF-8";
html, body { width: 100%; height: 100%; position: relative; }



* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: 'AvantGarGotItcTEE'; src: url("AvantGarGotItcTEE.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'knockout'; src: url("knockout.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'MyriadPro'; src: url("MyriadPro-Light_1.woff") format("woff"); font-weight: normal; font-style: normal; }

/*banner*/
.banner{ width:100%; overflow:hidden; position:relative; margin-top:0;}
.banner *{ box-sizing:content-box;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden;}
.banner ul li a{ display:block;}
.banner ul li img{display:block; width:1920px; position:relative; left:50%; margin-left:-960px;}
.bandd{ position:absolute; left:0; bottom:3%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:10px;height:10px;zoom:1;border-radius:100%;border:2px solid #888;position:relative;-webkit-transition:.3s;transition:.3s;}
.bandd span:after{content:"";position:absolute;width:6px;height:6px;background:#888;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:2px solid #046ca4;transform:scale(1.1)}
.bandd span.on:after{background:#046ca4}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; transition:0.3s; cursor:pointer; z-index:5;}
.banz{ left:5%; background:url(../img/ban_l.png) center no-repeat;}
.bany{ right:5%; background:url(../img/ban_r.png) center no-repeat;}
.banner:hover .banz,.banner:hover .bany{ opacity:1;}


/*产品*/
.dyip{ padding:50px 0;max-width:1200px; margin:0 auto;}
.h2_title {font-size: 26px;color: #333;text-align: center; line-height: 50px;}
.h2_title i {display: inline-block;*display: inline;*zoom: 1;width: 13px;height: 1px;background: #333333;vertical-align: middle;}
.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;color: #333;height: 30px;line-height: 30px;}
.p_title {font-size: 14px;color: #555;text-align: center; text-transform: uppercase;}
.dyip .swiper-father{position: relative; margin-top: 30px;}
.dyip .product {}
.dyip .product .swiper-slide{position: relative;}
.dyip .product .swiper-slide .pic{ border:1px solid #ccc; box-sizing:border-box;font-size: 0;}
.dyip .product .swiper-slide img{width:100%;}
.dyip .product .swiper-slide .title_er{margin-top: 20px; text-align: center;}
.dyip .product .swiper-slide .title_er p{line-height: 28px;font-size: 15px;margin-top: 20px;overflow: hidden;}

.dyip .swiper-father .left{width: 47px;height: 61px;outline: medium;left: -47px;line-height: 61px;text-align: center;cursor: pointer;z-index: 100;background: url(../images/icon.png) no-repeat;background-position:-10px -10px;}
.dyip .swiper-father .right{width: 47px;height: 61px;outline: medium;right: -47px;line-height: 61px;text-align: center;cursor: pointer;z-index: 100;background: url(../images/icon.png) no-repeat;background-position:-57px -10px;}
.dyip .swiper-father .left:hover{background-position:-104px -10px;}
.dyip .swiper-father .right:hover{background-position:-151px -10px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}


.aboutbg{ width:100%; padding:50px 0 30px 0; background:#f2f5fa; box-sizing: border-box;}
.aboutbg .aboutimg{ width:42%; float:left; display:inline;}
.aboutbg .aboutimg img{ width:100%; height:auto;}
.aboutbg .nror{ width:55%; float:right; display:inline; background:url(../images/About_bg.png) top left no-repeat; color:#333; font-size:14px; line-height:30px;}
.aboutbg .nror h1{ color:#0074c5; margin-top:4px; font-size:24px; font-weight:normal;}
.aboutbg .nror h2{ font-weight:normal; font-size:16px; color:#666; margin-bottom:10px;}
.aboutbg .nror .seemore{ border:1px solid #999; padding:10px 30px;}


.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 li{width:260px !important; overflow:hidden; float:left; margin-right:20px;}
.scrollleft2 li img{width:100%; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #6ebef3;}
.scrollleft2 li span{display:block; width:260px; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}



.youshibg{margin-top: 0px;background: url(../images/haibao.jpg) no-repeat center top;height: 608px;min-width: 96%;position: relative;}
.youshi{width:810px;overflow: hidden;left: 43.5%;position: absolute;top: 110px;}
.youshi li{ float: left;width: 37%;height: 180px;margin-bottom: 16px;margin-right: 13%;}
.youshititle{font-weight: bold;font-size: 17px;margin-bottom: 10px;}
.youshiinfo{font-size: 14px; color: #555}

.yewu_list{width: 100%; margin: 35px 0; height:auto; overflow: auto}
.yewu_list ul{margin-right: -2%: }
.yewu_list li{float:left;width:31.33%;margin-right:2%; margin-top: 30px;}
.yewu_list li .img{}
.yewu_list li .img img{ width: 100% }
.yewunameeng{height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;margin-bottom: 18px;}
.yewuname{float: left;font-weight: bold;font-size: 16px;}
.yewueng{float:right;text-transform:uppercase}

/* 首页新闻 */
.index-news{padding: 30px 0; background: #f4f4f5}
.index-news-content{margin-top:54px; background-color:#fafafa;}
.dinews{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.dinews .nlf{ width:43%; float:left; height:auto; overflow:hidden;}
.dinews .nlf .pic{ width:100%;}
.dinews .nlf .pic img{ width:100%;}
.dinews .nlf h3{ font-size:18px; padding:15px 0 0;}
.dinews .nlf span{ color:#999; font-size:12px;}
.dinews .nlf p{ line-height:1.8; color:#777; padding-top:0px; font-size:14px;}
.dinews .nrg{ width:52%; float:right; height:auto; overflow:hidden;}
.dinews .nrg ul{}
.dinews .nrg ul li{ border:1px #ccc solid; padding:15px; height:auto; overflow:hidden; margin-bottom:10px;}
.dinews .nrg ul li:hover{ border:1px #3e4d64 solid;}
.dinews .nrg ul li h3{ font-size:16px; height:auto; line-height:35px;}
.dinews .nrg ul li p{ color:#999; font-size:14px;}

/*  底部 */
.foot{margin-top:0; overflow: hidden;}
.foot_t{background: #155358;}
.foot_t .box{max-width: 1280px;margin:0 auto; padding:0 20px; box-sizing:border-box;}
.foot_t .box h2{float: left;line-height: 70px; color: #fff;}
.foot_t .box ul{float: left;padding:15px 0;margin-left: 50px;}
.foot_t .box li{float: left;width: 38px;height: 38px;line-height: 38px;text-align: center;margin-left: 28px;}
.foot_t .box li:nth-of-type(1){background: #4675f1;}
.foot_t .box li:nth-of-type(2){background: #d54432;}
.foot_t .box li:nth-of-type(3){background: #017fb2;}
.foot_t .box li:nth-of-type(4){background: #00aced;}
.foot_t .box li:nth-of-type(5){background: #e02b25;}
.foot_t .box li i{font-size: 28px;}
.foot_t .box li a{display: block;color: #FFF;}
.foot_t .box li a:hover{display: block;color: #FFF;text-decoration: none;}
.foot_b{background: #333; overflow: hidden;}
.foot_b .box{max-width: 1280px;margin:0 auto;color: #FFF;padding: 50px 20px 0 20px ;overflow: hidden; box-sizing:border-box;}
.foot_b .box .t_l{float: left; width: 60%;}
.foot_b .box .t_l dl{float: left; width: 20%;}
.foot_b .box .t_l dt{font-size: 16px;font-size: 17px;color: #FFF;margin-bottom: 15px; text-transform: uppercase;}
.foot_b .box .t_l dd{line-height: 28px;}
.foot_b .box .t_l dd a{color: #aaa; font-size: 14px;}
.foot_b .box .t_l dd a:hover{color: #155358;}
.foot_b .box .t_r{float: right;}
.foot_b .box .t_r .dblx{line-height:30px;color: #aaa; font-size:14px;}
.foot_b .box .t_r .dblx img{float: right; width: 120px;}
.foot_b .copyright{padding:20px 0;border-top: 1px solid #444;margin-top: 50px; line-height: 25px;font-size: 13px; color: #aaa; text-align: center;}


/*  内页公用 */

.banner_pic{width: 100%; margin-top:0px; overflow: hidden;}
.banner_pic img{ width:100%;}


.banner_pics{height: 400px;text-align: center;color: #FFF;display: flex;justify-content: center;align-items: center;margin-top: 0px;}
.banner_pics .title{}
.banner_pics .title h2{font-size: 36px;font-weight: 300;}
.banner_pics .title .txt{margin-top: 10px;}
.banner_pics .title p{font-size: 18px;line-height: 30px;}


/*内页导航*/
.dqwj{width:100%; height:auto; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.locate{padding-left:28px;line-height:70px;color:#666666;background:url(../images/icon-home.png) no-repeat left center;float:left; font-size: 14px;}
.locate a{color: #333;}
.locate span{display:inline-block;margin:0 7px;}
.pnav{float: right; overflow: hidden}
.pnav a{display:block;height:70px;line-height:70px;color:#666666;position:relative;float:left;overflow:hidden;margin-left:38px; font-size: 14px;} 
.pnav a:after{display:block;content:'';width:100%;height:3px;background-color:#f7931c;position:absolute;bottom:0px;left:-100%;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.pnav a.cur, .pnav a:hover{color:#f7931c;}
.pnav a.cur:after, .pnav a:hover:after{left:0px;}
/*内页导航*/

/*内页关于我们*/
.ny_about{width: 100%; height:auto; overflow: hidden; margin: 60px 0; box-sizing: border-box;}
.ny_abouts{width: 100%; height:auto; overflow: hidden; margin: 0px 0; box-sizing: border-box;}
.ny_about_text{margin-top: 0%;}
.ny_about_text img {margin:auto; clear:both; display:block;}
.ny_about_img{float:left; width:50%;}
.ny_about_img img{width: 100%;}
.ny_about_wb{float:right; width:50%;box-sizing: border-box;padding: 20px;font-size: 15px;line-height: 30px;color: #666;}
.ny_about_wb strong{font-weight: 600; font-size: 16px; color:#f7931c; }
.culture{margin-top: 3%; font-size: 15px;line-height: 30px;color: #666;}
.culture img{width: 100%;}
/*内页关于我们*/

/*内页荣誉认证*/
.honor {padding:0; height:auto; overflow:hidden; margin-top:0%}
.honor ul { list-style: none; overflow: hidden; margin-right: -2%; }
.honor li { width: 23%; height: auto; overflow: hidden; margin-right:2%; float: left; }
.honor li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden; font-size: 0;}
.honor li a { display: block; width: 100%; overflow: hidden; }
.honor li .pic img { width: 100%!important;}
.honor ul li div:hover { border: 1px solid #f7931c; }
.honor li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页荣誉认证*/

.prod_list {margin-top: 0px;overflow: hidden}
.prod_list ul{ margin-right: -2%;}
.prod_list li{float: left; width: 23%; text-align: center;margin-right: 2%; margin-bottom: 10px;}  
.prod_list li img{width:95%; border: 1px solid #e2e2e2; padding: 2px;} 
.prod_list li span{ display: block; line-height: 22px; padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.prod_list li img:hover{border: 1px solid #f7931c;}


.pro_er{width:100%; float:left; line-height:30px; font-size:14px; color:#787876; padding-top: 3%; margin-bottom: 30px;}
.pro_er li{float:left; padding:0 10px; background:url(../images/footer_nav_fgx.jpg) right no-repeat;}
.pro_er li a{color:#787876;} 
.pro_er li a:hover,.pro_er li a.on{color:#f7931c;}

/*内页产品详情样式*/
.xqbg{overflow: hidden;}
.cpxq_t:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.cpxq{ margin-top: 0%; margin-bottom: 3%;}
.cpxq_t_l{ float:left; width:48%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:23%; height:116px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; border: 1px solid #efefef;}
.sp-large a img{ width: 100%;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
  .sp-wrap{ margin:0 0 15px 0;}
  #sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.cpxq_t_r{ float:right; width:48%;}
.cpxq_t_r .cpxq_t_r_bt{color:#f7931c; font-size:22px;}
.cpxq_t_r .cpxq_t_r_jj{font-size:14px; margin-top:20px; line-height: 25px;}
.cpxq_t_r .cpxq_t_r_wb{line-height:24px;margin:20px 0 0 0;}
.cpxq_t_r .fh{ line-height:40px; margin-top:30px;}
.cpxq_t_r .fh a{display:inline-block; color:#fff; background:#444; padding:0 15px; transition:all 0.5s; font-size:14px;}
.cpxq_t_r .fh a:hover{background:#f7931c;}
.tels{ margin:20px 0px}

.cpxq_b{margin-top:30px;}
.cpxq_b_dh{background:#f1f1f1;}
.cpxq_b_dh ul{overflow:hidden; background: #e6e6e6;}
.cpxq_b_dh ul li{float:left; text-align:center; line-height:20px; padding:15px 20px; cursor:pointer; font-size:14px;}
.cpxq_b_dh ul li:hover{color:#fff; background:#f7931c ; transition:all 1.5s;}
.cpxq_b_dh ul .active{color:#fff; background:#f7931c;}

.cpxq_b_kj{margin-top:30px;}
.cpxq_b_kj .wb{display:none; line-height:24px; font-size:14px;}
.wb td, .wb th{ padding:0 10px;}
.wb table{ border-left:1px solid #777; border-top:1px solid #777; text-align:center;}
.wb td,.wb th{border-right:1px solid #777; border-bottom:1px solid #777;}

.cpxq_b_kj .wb img{width: 100%;}

.cpxq_b_kj .wb_xgcp
.cpxq_b_kj .wb_xgcp ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpxq_b_kj .wb_xgcp ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img{width:100%; position:relative;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_img:after{content:""; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6) url(../images/sy_cp_fdj.png) center no-repeat; transition:all 0.5s; position:absolute; top:0; left:0;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_img:after{opacity:1;}
.cpxq_b_kj .wb_xgcp ul li .cpzx_wz{color:#fff; line-height:20px; padding:13px; background:#666; transition:all 0.5s;}
.cpxq_b_kj .wb_xgcp ul li:hover .cpzx_wz{background:#4eb839;}

/*内页产品详情样式*/

/*内页相关产品*/

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#f7931c; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6;}
.hot_pro2_tit h3{float:left; font-size:16px; color:#333; font-weight:bold;}
.hot_pro2_tit span{color:#999; font-size:12px; text-transform:uppercase;float:left; padding:3px 0 0 10px;}



/*内页产品详情样式*/


/*内页应用领域*/
.app {padding:0; height:auto; overflow:hidden; margin-top:0%}
.app ul { list-style: none; overflow: hidden; margin-right: -2%; }
.app li { width: 31.333%; height: auto; overflow: hidden; margin-right:2%; float: left; }
.app li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden; font-size: 0;}
.app li a { display: block; width: 100%; overflow: hidden; }
.app li .pic img { width: 100%!important;}
.app ul li div:hover { border: 1px solid #f7931c; }
.app li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页应用领域*/



/*内页生产车间*/
.workshop {padding:0; height:auto; overflow:hidden; margin-top:0%}
.workshop ul { list-style: none; overflow: hidden; margin-right: -2%; }
.workshop li { width: 23%; height: auto; overflow: hidden; margin-right:2%; float: left; }
.workshop li .pic {border: 1px solid #cdcdcd; height:auto; overflow: hidden; font-size: 0;}
.workshop li a { display: block; width: 100%; overflow: hidden; }
.workshop li .pic img { width: 100%!important;}
.workshop ul li div:hover { border: 1px solid #f7931c; }
.workshop li span { display: block; text-align: center; line-height: 40px; color: #222; font-size: 13px; }
/*内页生产车间*/

.txt{margin-top: 0px;padding-bottom: 20px; line-height: 35px; font-size: 15px; }
.txt td, .txt th{ padding:0 10px;}
.txt table{ border-left:1px solid #777; border-top:1px solid #777; text-align:center;}
.txt td, .txt th{border-right:1px solid #777; border-bottom:1px solid #777; }


/*内页新闻中心*/
.news_main{background-color: #fff;zoom: 1;padding:25px 0px;overflow: hidden;}
.inf_lc{clear: both;padding: 12px 0 0;}
.inf_lc li{padding: 15px 20px 15px 0; border: 1px solid white; border-radius: 8px; height: auto; overflow: hidden; margin: 0 0 30px; background: #f9f9f9;}
.inf_lc li:hover{border-color: #333;border-radius: 4px;}
.inf_lc li.bg{background: #f5f5f5;}
.inf_lc li .bt{padding: 22px 5px 0 15px;text-align: center;float: left;width: 70px;overflow: hidden;}
.inf_lc li .bt b{font-weight: 100;display: block;line-height: 36px;height: 36px;overflow: hidden;font-size: 36px;font-family: Arial;text-transform: uppercase;}
.inf_lc li .bt span{font-weight: 100;display: block;line-height: 16px;height: 16px;overflow: hidden;font-size: 12px;font-family: Arial;text-transform: uppercase;color: #343434;}
.inf_lc li .nyzi{padding: 0 0 0 14px;line-height: 26px;width: 80%;font-size: 14px;float: left;color: #999;}
.inf_lc li .nyzi b{display: block;font-weight: 100;color: #333;line-height: 30px;height: 30px;margin: 5px 0;font-size: 15px;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #333;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 560px;}
.inf_lc li .nyzi b a:hover{color: #333;}
.inf_lc li .fr{margin: 35px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #f7931c; font-size: 12px;}
.inf_lc li .fr:hover{background: #f7931c;}
/*内页新闻中心*/





/*新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; }
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #f7931c;font-size: 28px;margin-bottom: 18px;height: auto;overflow: hidden;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 10px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#f7931c; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#f7931c;}
.news_random2 ul li span{float:right; color:#999;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #f7931c;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #f7931c;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}


/*联系我们*/
.contact_lx{ float: left; width:47%; margin-top:50px; font-size: 15px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.tactfrm{width:50%;float:right; margin-top:35px;}
.tactfrm h2{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 20px}
.tactfrm ul{overflow: hidden; margin-right: -5%}
.tactfrm li{width:45%;float:left;height:45px;margin:0 5% 12px 0;position:relative;}
.tactfrm li input{width:98%;height:42px;padding:0 15px;border:solid 1px #ddd;border-radius: 3px;}
.tactfrm li.area{height:auto;width:100%;}
.tactfrm li textarea{padding:15px;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif"}
.tactfrm li:nth-child(2n){margin-right:0;}
.tactfrm .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrm .btn input{height:40px;width:120px;font-size:15px;color:#fff;background:#d22121;border-radius: 5px; border: none;}

.redxing{position:absolute;top:11px;left:57px;color:#046ca4;}

.contact_map{ width:100%;  padding-top: 30px;}
.contact_tu{width:43%;float:right;  margin-top: 25px;}
#map_container{height: 600px; margin-top: 25px;}



@media (min-height: 1280px) { 
  .xg-hdsec .mainnav li { padding: 0 2.4%; } 
}

@media (min-width: 1024px) { 
  .zkhaderwrap { height: 110px; }
  .xg-position { position: relative; }
  .xg-hdsec { padding-left: 148px; }
  .xg-hdsec .xg-top a.cur { color: #ffffff; }
  .xg-header { height: 110px; padding: 15px 0 0; }
  .xg-header > .commonweb { max-width: 100%; padding: 0 6%; }
  .xg-header .logo { float: none; position: absolute; left: 6%; }
  .xg-header .logo img { height: 61px; margin-top: 5px; }
  .xg-header .menu-handle { display: none; }
  .xg-header .search-handle { height: 25px; }
  .xg-hdsec .xg-top { display: block; position: static; z-index: 100; text-align: right; font-size: 0; height: 26px; }
  .xg-hdsec .xg-top a { line-height: 26px; }
  .xg-hdsec .xg-top a.cur, .xg-hdsec .xg-top a:hover { color: #f7931c; }
  .xg-hdsec .xg-top .tel { display: inline-block; vertical-align: top; font-size: 0; position: relative; padding-right: 17px; }
  .xg-hdsec .xg-top .tel span { display: inline-block; vertical-align: top; font-size: 14px; line-height: 26px; }
  .xg-hdsec .xg-top .tel .line { padding: 0 16px; }
  .xg-hdsec .xg-top .searchform { display: none; vertical-align: top; position: absolute; left: auto; right: 6%; top: 110px; width: 272px; height: 46px; padding: 0 10px; background-color: #FFFFFF; border: 1px solid #cccccc; overflow: hidden; }
  .xg-hdsec .xg-top .searchform form { padding-right: 40px; }
  .xg-hdsec .xg-top .searchform input { height: 44px; line-height: 44px; padding: 0; }
  .xg-hdsec .xg-top .searchform input::-webkit-input-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform input:-moz-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform input::-moz-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform input:-ms-input-placeholder { color: #ccc; }
  .xg-hdsec .xg-top .searchform .searchbtn { width: 34px; right: -46px; margin-left: -34px; font-size: 0; background: none; background-repeat: no-repeat; background-position: center center; background-image: url(../images/searchico.png); padding: 0; }
  .xg-hdsec .xg-top .searchform .keywords { background: none; }
  .xg-hdsec .xg-onlysearch .ctrl a, .xg-hdsec .xg-onlysearch .tel { display: none; }
  .xg-hdsec .mainnav { display: block; position: static; padding-top: 16px; padding-bottom: 0; background: 0 0; border-top: 0; width: auto; }
  .xg-hdsec .mainnav .nav-slider { overflow-y: visible; position: static; margin: 0 0 0 -27px; }
  .xg-hdsec .mainnav ul { text-align: right; }
  .xg-hdsec .mainnav li { position: relative; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; border-bottom: 0; padding: 0 1%; }
  .xg-hdsec .mainnav li.productli { position: static; }
  .xg-hdsec .mainnav li.productli .commonweb { padding: 0 10px; }
  .xg-hdsec .mainnav li.productli .product-nav { padding: 21px 0 37px; top: 110px; }
  .xg-hdsec .mainnav li.productli .product-nav a { border: 0; color: #266a95; line-height: 30px; text-align: left; position: relative; }
  .xg-hdsec .mainnav li.productli .product-nav dt a { font-size: 16px; height: 24px; line-height: 24px; font-weight: bold; }
  .xg-hdsec .mainnav li.productli .product-nav dd a { padding-left: 12px; }
  .xg-hdsec .mainnav li.productli .product-nav dd a:before { content: ""; display: block; width: 4px; height: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #266a95; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; }
  .xg-hdsec .mainnav li.productli dl { float: left; width:16.6666%; padding: 0 28px; }
  .xg-hdsec .mainnav li.productli dl dt { border-bottom: 1px solid #e4e4e4; color: #004068; font-weight: bold; font-size: 16px; text-align: left; padding: 11px 0; margin-bottom: 10px; }
  .xg-hdsec .mainnav li.productli dl dd { display: block; }
  .xg-hdsec .mainnav li .title a { padding: 0 6px; font-size: 14px; height: 53px; line-height: 36px; position: relative; }
  .xg-hdsec .mainnav li .title a:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 51%; right: 51%; z-index: -1; background-color: #f7931c; -o-transition-property: left,right; -moz-transition-property: left,right; transition-property: left,right; -webkit-transition-property: left,right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
  .xg-hdsec .mainnav li:hover h3 a, .xg-hdsec .mainnav li.cur h3 a { color: #f7931c; font-weight: bold; }
  .xg-hdsec .mainnav li:hover h3 a:after, .xg-hdsec .mainnav li.cur h3 a:after { left: 0; right: 0; z-index: 1; }
  .xg-hdsec .mainnav li .subnav { position: absolute; left: -27px; right: -27px; top: 53px; background-color: rgba(247, 247, 247, 0.94); text-align: center; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
  .xg-hdsec .mainnav li .subnav a { font-size: 14px; padding-left: 0; border-top: 1px solid #e4e4e4; line-height: 48px; }
  .xg-hdsec .mainnav li .subnav a.cur, .xg-hdsec .mainnav li .subnav a:hover { color: #f7931c; }
  .xg-hdsec .mainnav li .subnav a.cur:before, .xg-hdsec .mainnav li .subnav a:hover:before { background-color: #f7931c; }
  .xg-hdsec .mainnav .hassub a:after { display: none; } 


  
}

@media (min-width: 1199px) { 
  .xg-header .logo img { height: 72px; }
  .xg-hdsec .mainnav li .title a { font-size: 16px; }
  .xg-hdsec .mainnav li { padding: 0 1.4%; } 
}


@media (max-width: 992px) { 
  .wd{width: 96%;}
  .closeshare13 { display: none; } 
  .dyip{padding:25px 0;}
  .youshibg{background-image: none; background: #194a88; height: auto}
  .youshi{left: 0; position: static; padding: 20px; box-sizing: border-box; width: 100%;}
  .youshi li{width:47%; margin-right: 3%;height: auto}
  .youshititle{color: #fff}
  .youshiinfo{color: #efefef}
  .yewu_list{margin:15px 0;}
  .yewu_list li{width: 48%; margin-top: 15px;}
  .aboutbg .aboutimg{width: 100%}
  .aboutbg .nror{width: 100%; margin-top: 20px;}
  .aboutbg ul li{width: 48%;}
  .dqwj{border-bottom: none;}
  .locate{width: 100%; line-height: 45px;}
  .pnav{width: 100%; margin-top:15px; margin-bottom:15px; float: none; box-sizing: border-box;}
  .pnav a{width:31.333%;height:40px;text-align:center;line-height:40px;border:1px solid #e1e1e1;border-radius:40px;margin:0 10px 10px 0;}
  .pnav a:after{display:none;}

  .ny_about_img{width: 100%;}
  .ny_about_wb{width: 100%;}
  .ny_about{margin:15px auto;}
  .honor li{width:31.333%;}
  .prod_list li{width: 48%}
  .prod_list li .txt_bt:after{margin: 10px auto 0;}
  .cpxq_t_l{width: 100%;}
  .cpxq_t_r{width: 100%;margin-top: 20px;}
  .cpxq_t_r .cpxq_t_r_jj{margin-top: 10px;}
  .scrollleft2 ul li{width: 48%}
  .app li{width: 48%;}
  .news_con_b{margin-top: 20px;padding-top: 20px; margin-bottom: 20px;}
  .contact_lx{width: 100%;margin-top: 0px;}
  .tactfrm{width: 100%}

}

@media (max-width: 768px) { 
  .dyip .product .swiper-slide .title_er{margin-top: 10px;}
  .dyip .product .swiper-slide .title_er p{margin-top: 10px; font-size: 13px}
  .dyip .swiper-father .right{display: none;}
  .dinews .nlf{width:100%;}
  .dinews .nrg{width:100%; margin-top:15px;}
  .dinews .nrg ul li{margin-bottom:15px;}
  .foot_t .box{margin: 0 auto;}
  .foot_b .box .t_l{float: left; width: 100%;}
  .foot_b .box .t_r{float: left; width: 100%;border-top: 1px solid #444;margin-top: 20px; padding-top: 20px}

  .pnav a{width:46%; margin:0 5px 10px 5px;}
  .ny_about_wb{font-size:14px; line-height: 28px;padding:10px;}
  .honor li{width:48%;}
  .inf_lc li .nyzi{width: 100%}
  .xinwenxiangqing .nd_head p{font-size: 18px;}
  .news_con_b{;margin-top: 20px;padding-top: 20px;}
  .news_random2 ul li{width: 100%}
    .youshi li{width:100%; margin-right: 0%;}

  
}


@media (max-width: 640x) { 
  

}
@media (max-width: 320px) { 
  .youshi li{ height: auto; float:none; border-bottom: 1px solid #305c94; padding-bottom: 20px; }
  .yewu_list li{width: 100%;}
  .yewunameeng{margin-bottom: 0}
  .foot_b .box .t_l{display: none;}
  .foot_b .box{padding-top: 25px;overflow: hidden;}
  .foot_b .box .t_r{float: left; width: 100%;border-top: 0px solid #444;margin-top: 0; padding-top: 20px; font-size: 13px;}
  .foot_t .box li{margin-left: 18px;}
  .foot_b .copyright{margin-top:25px;}
  .honor li{width:98%;}
  .app li{width: 98%;}
  .tactfrm li{width: 96%;}
}