/*
作者：天兴工作室
地址：http://www.txcstx.cn
邮箱：admin@txcstx.cn
*/
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    font-size: 14px;
}

/* 设置默认字体 */
body,button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font-size: 14px;line-height:1.5;  font-family: "Microsoft YaHei", Verdana, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
img{max-width:100%; height:auto; width:auto\9; border:0;vertical-align:middle;}
address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
/* 重置表单元素 */
input,select,textarea,button{outline:medium;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
input {vertical-align:middle;border: none; background: none;outline:none;}\n

/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; min-width: 320px;}
/*设置左右浮动*/
.fl{float: left;}
.fr{float: right;}
/*清楚浮动*/
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
.mt20{ margin-top: 20px;}

/*网站头部样式*/

#header .top-bar{ background: #353535;  color: #fff; line-height: 40px; display: none;}
#header .top-a a{ float: left; padding: 0 10px; color: #fff;}
#header .top-a a:hover,#header .top-a a:active{ color: #fff; background: #000;}

#header .nav-box{ background: #272727; padding: 10px 0;}

#header .nav ul{ display: none;}
#header .nav i{ float: left; margin-left: 25px;}

.xs-nav{ height: 100%; background: #1a1a1a; position: fixed; right: -200px; top: 0; width: 200px; overflow: hidden; display: none;}
.xs-nav ul{ padding:2px 15px;border: 1px solid #373a3d;border-bottom:0;}
.xs-nav a{ display: block; height: 40px; line-height: 40px; padding-left: 5px; color: #fff;}
.xs-nav a:active{ background: #000; color: #fff;}
.xs-nav li{border-bottom: 1px solid #373a3d;}
.xs-nav li:last-child{border-bottom:0;}
#header .language-txt{background: #000;height: 40px; line-height: 40px; display: none;}
#header .language-txt a{color: #fff;display: inline-block; width: 49%; text-align: center;}
#header .language-txt a:active{ background: #000; color: #fff;}
#header .nav i img{ width: 26px; height: auto;}
#header img.logo{ margin: 10px; height: 70px;}
.top-ban {width: 100%;height: 100%;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}    
.swiper-slide img{ max-width: 100%;height: auto;}
#header{position:relative;z-index:999;}
#header .nav ul li{float: left;height: 95px; line-height: 95px;margin-left:1px;}
#header .nav ul li a{ display: block; padding: 0 8px; color: #fff;}
#header .nav ul li.hover a,#header .nav ul li.on a{ color: #fff;}
#header .nav li ul{list-style-type: none;left: -999em;position: absolute;padding-top: 0px;overflow: visible;}
#header .nav li ul li{clear: left;width:100%;line-height: 45px;height: 45px;}
#header .nav li ul li a{line-height: 45px;height: 45px;font-weight: normal;padding-right: 22px;padding-left: 22px;display: block;}
#header .nav li ul li.hover a{color:#ffffff;text-decoration:none;font-weight:normal;background-color:#272727;}
#header .nav li:hover ul{left: auto;}
#header .nav li.sfhover ul{left: auto;}





@media (min-width: 768px) {
    #header .top-bar{ display: block;}
    #header .nav-box{border-bottom: 5px solid; padding: 0;}
    #header .nav ul{ display: block;}

    #header .nav i{ display: none;}
    #header .language-txt{ display: none;}
    .container{ padding: 0;}
}
@media (min-width: 992px) {
    .container{ padding: 0 15px;}
    #header .nav ul li a{  padding: 0 20px;}

}

@media only screen and ( max-width:768px ) {
    .container{ padding: 0 15px;}
    #header img.logo{ height: 40px; margin: 0;}	
    #header .nav-box{padding:5px 0;}
    #nav{margin-top:5px;}
}

/*网站头部样式 结束*/

/*首页-最新产品区域*/

.title-01{ text-align: center; padding-top: 30px;}
.title-01 h2{color: #2e2949; font-size: 20px; margin-bottom: 10px;}
.title-01 h3{font-size: 14px; color: #999;}
#sy-cplist{ padding: 30PX 0; text-align: center;}
.sy-cpbox{width:100%;}
.sy-cpbox p{ height: 30px; margin-top: 10px; overflow: hidden; line-height: 30px;}
.sy-cpbox .cp-img img{ width: 100%!important; height:220px!important;display:block;-o-object-fit: cover;object-fit: cover;}
.swiper-container-horizontal>.swiper-pagination{ bottom: 15px;}
a.cp-gd{  display:block;*zoom:1; line-height:34px; text-align: center; width: 110px; margin: 0 auto; border:1px solid; color:#fff;}
a.cp-gd:hover{color:#fff;}

/*首页-最新产品结束*/

/*首页-关于我们*/
.box2{ background: #f2f2f2; margin-top: 20px;}
.box2 .sy-about{ padding: 20px 0;}
.box2 .about-img{ max-width: 100%;}
.box2 .about-txt{ padding-top: 10px; line-height: 1.8;}
.box2 a.cp-gd{  display:block;*zoom:1; line-height:34px; text-align: center; width: 110px; margin: 0 auto; border:1px solid #ffcc12; background-color:#ffcc12; color:#333;}
.box2 .title-01{ text-align: center; padding-top: 30px;}
.box2 .title-01 h2{color: #2e2949; font-size: 20px; margin-bottom: 10px;}
.box2 .title-01 h3{font-size: 14px; color: #999;}
@media (min-width: 768px) {
    .about-img{float: left; margin-right: 20px; width: 50%; line-height: 2;}

}
@media only screen and ( max-width:768px ) {
    .box2 .about-img{  width: 100%;}
}

/*首页-关于我们结束*/

/*首页-新闻资讯*/
.sy-newsbox{ padding: 20px 0;}
.sy-newsbox .sy-n-img{ float: left; margin-right: 10px;}
.sy-newsbox .sy-n-txt{ line-height: 1.2;}
.sy-newsbox .sy-n-txt h2{ line-height: 20px;font-weight:700; max-height: 40px; margin-bottom: 7px; overflow: hidden;word-wrap: break-word;word-break: break-all;}
.sy-newsbox .sy-n-img img{width: 110px;height: 80px;}	
.sy-newsbox li{ height: 80px; margin-bottom: 15px; overflow: hidden;}

.sy-newsbox .sy-n-txt p{ max-height: 33px; overflow: hidden;color:#777;}
.news-list li p,.news-txt h2,.nr-txt{word-wrap: break-word;word-break: break-all;}
.news-txt h2{font-weight:700;}


@media (min-width: 768px) {
    .sy-newsbox .sy-n-img img{width:130px;height: 100px;display:block;-o-object-fit: cover;object-fit: cover;}
    .sy-newsbox .sy-n-txt p{max-height: 65px; line-height: 1.6;}
    .sy-newsbox li{ height: 120px;}
    .sy-newsbox .sy-n-txt h2{ line-height: 1.6; max-height: 45px; }
}


/*首页-新闻资讯结束*/

/*网页底部*/

#footer{ overflow:hidden; background-color:#202427; color:#999; border-top:4px solid; }
#footer .b-navbox{ padding: 20px 0; display: none;}
#footer .b-nav li{ float: left; width: 20%; color: #fff; margin-left: 5%;}
#footer .b-nav { width: 100%;}
#footer .b-nav li a{ display: block; color: #999; line-height: 30px;}
#footer .b-nav li h2{ height: 40px; line-height: 40px;}

#footer .rmw{ display: none; text-align: center; line-height: 40px; color: #999;}
#footer .rmw img{ width: 150px;}
#footer .copy{background: #111619; line-height: 45px; color: #999;}
#footer .copy a{ display: inline-block; margin: 0 5px; padding: 0 10px;color: #999;}
#footer .copy a:hover,#footer .copy a:active{ background: #202427; color: #999;}
@media (min-width: 768px) {
    #footer .b-navbox{ display: block;}
}

@media (min-width: 992px) {
    #footer .b-nav { width: 80%;}
    #footer .rmw{ display: block;}
}
@media only screen and ( max-width:480px ) {
    #footer .copy div.fr{ display: none;}
}

/*网页底部-结束*/


/*列表页面与内页通用样式*/
.r-list{ padding-bottom: 30px;}
.r-list .mpx-box{ border-bottom: 1px #e5e5e5 solid; margin-bottom: 20px; line-height: 40px; height: 40px; overflow: hidden;}
.r-list .mpx-box h2{ line-height: 40px;}
.r-list .wz{ float: right;}
.ab-ban img{ width: 100%; height: auto;}
.l-list .l-title{ background: #333; padding:15px 0 15px 15px; line-height:normal;font-size:18px; font-weight:normal;}
.l-list .l-sub{ background: #f2f2f2;}
.l-list .l-sub li{ height: 45px; line-height: 45px;}
.l-list .l-sub a{ display: block; color: #808080; padding-left: 15px; border-left: 2px #F2F2F2 solid;}
.l-list .l-sub a:hover,.l-list .l-sub a:active,.l-list .l-sub li.active a{ border-left: 2px solid; }
.l-list .l-sub a:hover{background: #fefefe;}
.l-list .l-sub li.active a{background: #fff; border-left: 2px solid; color: #cca60e;}

@media only screen and ( max-width:768px ) {
    .r-list .mpx-box h2{ float: none; text-align: center; font-weight: bold;}
}


/*关于我们*/
.r-list .ab-txt{ line-height: 1.8;}


/*关于我们 结束*/



/*产品列表*/
.cp-list .pic-img img{ width: 100%; height:200px; overflow: hidden;-o-object-fit: cover;object-fit: cover;}
.cp-list li{ text-align: center; margin-bottom: 20px;}
.cp-list p{ line-height: 40px; height: 40px; overflow: hidden; padding-top: 5px;}
/*产品列表 结束*/


/*产品列表-详细;*/

.cp-xqbox img{ max-width: 100%; height: auto; }
.cp-xqbox .cp-tt{ margin-top: 10px;text-align: center;padding: 10px 20px;}
.cp-xqbox .cp-txt{ line-height: 2; padding-top: 10px 0 ;}

/*产品列表-详细 结束*/


/*服务网点;*/
.ffwd-box{}
.ffwd-box .ffwd-title{ padding: 5px 0;    margin-bottom: 20px;border-bottom: 1px solid #d6d6d6;}
.ffwd-box .ffwd-title h2{font-size: 22px; color: #ee330a; line-height: 40px;}
.ffwd-box li{ line-height: 30px; margin-bottom: 15px;}
/*服务网点 结束*/

/*下载中心;*/
.xz-list li{ height: 40px; line-height: 40px; overflow: hidden; display: block;    border-bottom: 1px solid #e5e5e5;}
/*下载中心 结束*/


/*新闻中心*/
.news-list li{border-bottom: 1px dotted #d9d9d9; margin-bottom: 15px; padding-bottom: 15px; }
.news-list .news-img{ margin-right: 10px;}
.news-list .news-img img{width:110px; height:100px;-o-object-fit: cover;object-fit: cover;}
.news-list h2 a{ display: block; font-size: 14px; line-height:1.5;max-height: 42px; overflow: hidden;}
.news-list p{ line-height: 1.4; height: 32px; overflow: hidden; font-size: 12px; margin-top: 5px;}

@media (min-width: 768px) {
    .news-list h2 a{ font-size: 16px; line-height: 2.2;height: auto;}
    .news-list li p{ line-height: 1.8; height: auto; font-size: 14px;}

    .news-list .news-img{ margin-right: 20px;}
    .news-list li{border-bottom: 1px dotted #d9d9d9; margin-bottom: 20px; padding-bottom: 20px; }
}

@media only screen and ( min-width:400px ) {
    .news-list h2 a{ font-size: 18px; line-height:22px; max-height:44px;}
    .news-list .news-img img{width:180px; height:120px;}
    .news-list li p{ line-height: 1.6; height: 60px; font-size: 13px;}
    .news-list .news-img{ margin-right: 20px;}
}


/*新闻中心 结束*/


/*新闻中心-详细*/
.news-t{ text-align: center;}
.news-t h1{ line-height: 30px;}
.news-t .info{ font-size: 12px; color: #999; }
.nr-txt{ line-height: 1.8;  padding: 20px 0;}
.pageTag{float: left; padding: 4px 12px;color: #fff; font-family: "NSimSun"; font-size: 12px; background: #9F9F9F; border-radius: 3px;}


.clearfix .word .info{height: 26px; line-height: 26px;font-size: 13px; color: #b8b8b8; padding-top: 15px;}


@media only screen and (max-width:768px) {
    .news-t h1{  font-size: 18px;}
    .cp-list .pic-img img{ width: 100%; height:120px;}
}


/*新闻中心-结束*/

/*人才理念*/
.nr-txt{ line-height: 1.8;  padding: 20px 0;}
.nr-txt p{margin-bottom:12px;}
/*人才理念 结束*/

/*人才招聘*/
.job-list{border-bottom: 1px dotted #d9d9d9; margin-bottom: 15px; padding-bottom: 15px;}
.job-list dt{ padding-bottom: 8px; font-size: 16px;}
.job-list dd{ line-height: 1.8;}

/*人才招聘 结束*/

/*联系我们*/
.lxwm-txt{ line-height:2; padding-bottom: 20px;}
.map-box{ margin-top: 15px;}
.map-box img{ max-width: 100%;}

@media only screen and (max-width:600px) {
    .lxwm-txt h1.h3{  font-size: 20px;}
}

/*联系我们 结束*/
.clear{clear:both;}
.next li{width:45%;}
.ziyou{text-align:right;}
.xiangguan{margin:20px 0;}
.xiangguan h2{font-size:18px;line-height:40px;background-color:#eee;padding:0 10px;border-left-style:solid;border-left-width:3px;margin-bottom:10px;}
.xiangguan li{line-height:30px;height:30px;overflow:hidden;}
.xiangguan li span{color:#888;}
.call{margin-top:15px;}
.call dd{padding:10px;background-color:#F2F2F2;font-size:14px;line-height:1.8;color: #808080;} 
/* 分页条 */
.pagebar{width: 100%;clear: both;margin:10px 0;text-align:center;}
.pagebar a,.pagebar .now-page{padding:6px 12px;color: #333;display:inline-block;clear: both;border: 1px solid #dddddd;margin:0 3px 3px 0;border-radius: 2px;}
.pagebar a:hover,.pagebar .now-page{color: #FFF;border: 1px solid;}
/* 评论 */
.tx-comments>ul.msg{margin-bottom:8px;border:1px solid #ddd;padding:10px;border-radius:4px;}
.tx-comments{margin-bottom:10px;}
ul.msg img.avatar{float:left;margin-right:10px;border-radius:4px;width:45px;height:45px;border-radius:50%;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;}
li.msgname:hover img.avatar,.commons li:hover img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg)}
ul.msg li.msgname p.commentname{line-height:23px;font-size:12px;margin-bottom:3px;}
ul.msg li.msgname small{color:#aaa;font-size:12px;}
ul.msg li.msgname small a{display:none;}
ul.msg:hover li.msgname small a{display:inline-block;}
ul.msg li ul.msg{margin-top:12px;padding:10px;border:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.tx-comment h3,.tx-comments h3{line-height:40px;height:40px;font-size:17px;font-weight:normal;margin-bottom:8px;border-radius:2px;}
.tx-comment label,.tx-comments label{display:none;}
.tx-comments h4{text-align:center;padding:10px;font-size:17px;font-weight:normal;margin-bottom:8px;}
.tx-comment input{line-height:30px;height:30px;font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;width:100%;border:0;padding-left:8px;}
.tx-comment textarea{border:0;height:120px;width: 100%; font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;display:block;padding:8px;}
.tx-comment-box{border:1px solid #ddd;border-radius:4px;padding:4px;position:relative;background:#fff;margin-bottom:6px;}
.tx-comment-ul4{float:left;width:49.5%;}
.tx-comment-ul3{float:left;width:32.66%;}
.tx-comment .tx-comment-ul4:nth-child(2n){float:right;}
.tx-comment .tx-comment-ul3-2{margin:0 1%;}
.tx-comment-box img.tx-code{position:absolute;right:4px;top:4px;height:30px;width:auto;}
.tx-comment-box input.button{border:0;border-radius:0 0 2px 0;line-height:40px;height:40px;width:100px;background:#0EBAA6;color:#fff;position:absolute;right:0;bottom:0;}
.tx-comment-textarea{width:100%;clear:both;}
.tx-red{color:#c00;}
.reply-frm{margin-top:15px;}
/* 404页面 */
.tx-404{text-align: center;background:#fff;position: fixed;width: 100%;height: 100%;left: 0;top:0;font-size: 12px;color: #888;}
.tx-404 h2{font-size: 24px;font-weight: normal;line-height: 1.6;color: #222;margin: 12px 0;}
.tx-404 a.return{display: inline-block;line-height: 50px;height: 50px;padding: 0 60px;background: #FF3A33;border-radius: 5px;margin-top: 15px;color: #fff;font-size: 14px;}
.logo-404{background:url(../include/logo.png) no-repeat center center #FFFFFF;background-size: auto 60px; padding:60px 0;border-bottom:1px solid #9eaa99;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}

@media screen and (max-width: 1000px){
    .next li{width:100%;margin:5px 0;}
    .ziyou{text-align:left;}
}